@charset "utf-8";
/* CSS Document */
.address_layer{ border:12px #F1F1F1 solid; }
.content{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;  }

.address{}
.address_ButtonA{ height:33px; padding:0px 24px 0px 24px; border:1px #D4D4D4 solid; background-image:url(../image/address0.jpg); line-height:32px; text-align:center; font-family:Arial; cursor:pointer; }
.address_ButtonB{
    width: 200px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background: #108232;
    border: 0;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}
.address_LabelA{ height:58px; padding:0px 24px 0px 24px; border:4px #F6F1EA solid; line-height:58px; font-family:Arial; }
.address_LabelB{ padding:0px 0px 0px 0px; line-height:42px; font-family:Arial; font-weight:700; color:#000000; }
.address_LabelC{ padding:12px 12px 0px 12px; line-height:42px; }
.address_LabelD{ 
    color: #888;
}

.address_ListBox{    color: #888;}

.order_info_wrapper {
    padding: 0;
    border: none;
}






.address_ListCellB{ width:286px; float:left; margin:12px 0px 12px 12px; border:1px #CCCCCC dashed; background-color:#FFFFFF; }
.address_ListCellTitle{
        padding: 0 15px;
    border-bottom: 1px #e1e1e1 solid; 
    line-height:42px;
    width: 100%;
}
.address_ListCellTitleA{ float:left;    word-break: break-all;}
.address_ListCellTitleB{ float:right; margin:0px 0px 0px 8px; color:#999999; }
.address_ListCellTitleC{ float:right; margin:0px 0px 0px 0px; }

.address_ListCellContent{ min-height: 120px;margin: 15px 15px 0px 15px; overflow: hidden;}

.address_ListCellContentA{ min-height: 155px; margin:12px; }
.address_ListCellContentB{ min-height:165px; margin: 0px 15px; }
.address_ListCellLink{ text-align:right;margin:0 15px 20px 20px;}
/*.address_ListCellLinkA{ margin:0px 8px 0px 0px; text-decoration:underline; }*/

.address_NormalBox{ padding:0px 0px 12px 12px; }
.address_NormalTable{width: 100%;}



.address_NormalSelectBox{}
.address_NormalSelectBoxA{ padding:8px 8px 8px 0px;color:#888; }
.address_NormalSelectBoxB{ padding:0px 8px 8px 0px; }
.address_NormalSelect{ width: 200px;height:32px; margin: 10px 0;line-height:32px; font-size:14px; background: url(../images/top-arrow.png) no-repeat scroll right 8px center transparent; }
.address_NormalTextarea{
    width: 500px;
    height: 70px;
    padding: 0 0 0 5px;
    font-size: 14px;
    border: 1px solid #e1e1e1;
    resize: none;
    font-family: Arial;
    margin: 10px 0;
}
.address_NormalAert{}


.address_0{}
.address_1{}
.address_2{}
.address_3{}
.address_1{}

.AddressEdit{
    display: inline-block;
    height: 28px;
    line-height: 28px;
    border: 1px #e1e1e1 solid;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background-color: #f4f7f6;
    width: 68px;
    border-radius: 3px;
    color: #888;
    /*float: left;*/
}

.AddressSelect{
    display: inline-block;
    height: 28px;
    line-height: 28px;
    border: 1px #e1e1e1 solid;
    text-align: center;
    cursor: pointer;
    background-color: #f4f7f6;
    width: 85px;
    border-radius: 3px;
    color: #888;
}

.AddressEdit:hover,
.AddressSelect:hover{
    color: #000;
}

.AddressDelete{
    display: inline-block;
    height: 28px;
    line-height: 28px;
    border: 1px #e1e1e1 solid;
    text-align: center;
    cursor: pointer;
    margin-bottom: 8px;
    color: #888;
    background-color: #f4f7f6;
    width: 68px;
    border-radius: 3px;
    float: left;
}


.maddress_NormalSelectBoxB{
    color: #888;
    margin-right: 5px;
}

.new_pannel_address_ButtonA{
    height: 35px;
    width: 200px;
    margin: 10px 0px 18px 0;
    background: #108232;
    line-height: 35px;
    text-align: center;
    font-family: Arial;
    cursor: pointer;
    border-radius: 5px;
}

.new_pannel_address_ListCell{
    margin-bottom: 10px;
    background-color: #FFFFFF;
    cursor: pointer;
    border: 1px solid #e6e6e6;
}


    .maddress_ListCellA{
         margin-right: 12px;        
    }

    .maddress_ListCell{
         margin-right: 12px;        
    }

    .next a{
        font-size: 14px; 
        color: #108232; 
    }
.address_NormalText{ width:200px; height:32px; padding:0px 6px 0px 6px; line-height:32px; font-size:14px;margin: 10px 0; }
.address_NormalTextA{ width:200px; height:32px; padding:0px 6px 0px 6px; line-height:32px; font-size:14px; margin: 10px 0;}




.alertMessage{    
    padding: 5px;
    border: 1px red solid;
    background-color: #FFFFFF;
    line-height: 17px;
    float: right;
    margin: 10px 0;
    color: red;
}
.alertMessageCity{
    padding: 8px;
    border: 1px red solid;
    background-color: #FFFFFF;
    line-height: 17px;
    float: right;
    /*margin-top: 10px;*/
    color: red;
}


@media(max-width: 767px) {
    .account_mad_billing_form_box2 input{
        display: block;
    }
    .alertMessage{
        float: left;
        /*margin-left: 35%;*/
    }
    .alertMessageCity{
        float: left;
        margin-left: 35%;
    }
    .address_ListCellTitleA{ 
        /*width: 100%;*/
        overflow: hidden;
        height: 42px;
    }

    .address_NormalText{margin:0; }
    .address_NormalTextA{margin:0;}

    .address_ListCellContent{ min-height: 155px; }
    .next a{
        background: #fff;
    }

    .maddress_ListCellA{
         margin-right: 4%;        
    }

    .new_pannel_address_ButtonA{
        height: 35px;
        margin: 10px 0px 15px 0;
        background: #108232;
        line-height: 35px;
        text-align: center;
        font-family: Arial;
        cursor: pointer;
        width: 100%;
        border-radius: 0px;
    }

    .address_ButtonB{
      width: 200px;
    }

    .maddress_NormalSelectBoxB{
        display: block;
        float: left;
        width: 100%;
    }

    .address_ListCellLink{ text-align:right;margin:0 15px 15px 15px;}
    .AddressEdit{
        display: inline-block;
        height: 30px;
        line-height: 30px;
        border: 1px #e1e1e1 solid;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        background-color: #f4f7f6;
        width: 100%;
        border-radius: 3px;
        color: #888;
    }

    .AddressSelect{
        display: inline-block;
        height: 28px;
        line-height: 28px;
        border: 1px #e1e1e1 solid;
        text-align: center;
        cursor: pointer;
        background-color: #f4f7f6;
        width: 100%;
        border-radius: 3px;
        color: #888;
        margin-top: 10px;
    }


    .address_ListCellTitleB {
         float: left;
         margin: 0px; 
        color: #666;
        font-weight: bold;
    }


    .maddress_ListCellTitle {
        background: #527ca021;
        padding: 0 15px;
        border-bottom: 1px #e1e1e1 solid;
        line-height: 42px;
        height: 42px;
        width: 100%;
    }


    .address_Default{
      
        margin-left: 38px;
    }

    .address_scroll{ 
        height:550px;
        text-align: left;
        position:relative; 
        background-color:#FFFFFF; 
        overflow-y:auto;
        overflow-x: hidden;
        padding: 0px 12px;
    } 

    .address_NormalTextarea{
        width: 200px;
        height: 60px;
        padding: 0 0 0 5px;
        font-size: 14px;
        border: 1px solid #e1e1e1;
        resize: none;
        font-family: Arial;
        margin: 10px 0;
    }
    .address_NormalSelectBoxB {
        padding: 0px 8px 8px 0px;
        width: 100%;
        float: left;
    }
    .addressradio{
        margin-left: 10px;
        margin-top: 28px;
    }

    .address_NormalControl{ float: left;width: 65%; }

    .address_NormalTitle {
        /*float: left;*/
        height: 50px;
        line-height: 34px;
        width: 35%;
    }
    .address_ListCellA{
        margin-bottom: 15px;
        border: 1px #e1e1e1 solid;
        background-color: #FFFFFF;
        cursor: pointer;
        width: 48%;
        float: left;
    }


    .address_ListCell{  
        margin-bottom: 15px;
        border: 1px #e1e1e1 solid;
        background-color: #FFFFFF;
        cursor: pointer;
        width: 48%;
        float: left;
    }


    .address_ListBox1{    
        color: #888;
        border: 1px solid #e1e1e1;
        padding: 15px 15px 0px 15px;
        /*margin-bottom: 10px;*/
    }

}    

    

@media(min-width: 768px) and (max-width: 991px) {
    .address_ListCellTitleA{ 
        width: 44%;
        overflow: hidden;
        height: 42px;
    }
    .address_NormalSelectBoxB {
        padding: 0px 8px 8px 0px;
        width: 100%;
        float: left;
    }

    .address_NormalTextarea {
        width: 450px;
        height: 70px;
        padding: 0 0 0 5px;
        font-size: 14px;
        border: 1px solid #e1e1e1;
        resize: none;
        font-family: Arial;
        margin: 8px 0 17px 0;
    }


    .maddress_NormalSelectBoxB{
        display: block;
        float: left;
        width: 100%;
    }

    .address_scroll{ height:550px; overflow-x: hidden;margin:0px 0px 0px 0px; padding:0px 12px 0px 12px; text-align: left;position:relative; background-color:#FFFFFF; overflow-y:auto; } 


    .addressradio{
        margin-left: 10px;
        margin-top: 28px;
    }

    .address_Default{
      
        margin-left: 38px;
    }
    .address_NormalControl{ float: left; width: 70%;}

    .address_NormalTitle {
        /*float: left;*/
        height: 50px;
        line-height: 34px;
        width: 20%;
    }

    .address_ListCellA{
        margin-bottom: 15px;
        border: 1px #e1e1e1 solid;
        background-color: #FFFFFF;
        cursor: pointer;
        border-radius: 10px;
        width: 48%;
        float: left;
    }


    .address_ListCell{  
        border-radius: 10px;
        margin-bottom: 15px;
        border: 1px #e1e1e1 solid;
        background-color: #FFFFFF;
        cursor: pointer;
        width: 48%;
        float: left;
    }


    .address_ListBox1{    
        color: #888;
        border: 1px solid #e1e1e1;
        padding: 15px 15px 0px 15px;
        /*margin-bottom: 10px;*/
    }





}
@media(min-width: 992px) and (max-width: 1200px) {
    .address_ListCellTitleA{ 
        width: 45%;
        overflow: hidden;
        height: 42px;
    }
    .address_LabelD{ 
        margin-top: 15px;
    }
    .address_scroll{ height:550px;overflow-x: hidden; margin:0px 0px 0px 0px; padding:0px 12px 0px 12px; text-align: left;position:relative; background-color:#FFFFFF; overflow-y:auto; } 


    .address_Control{
          margin-left: 150px;
    }
    .addressradio{
        margin-top: 5px;
    }
    .address_NormalTitle {
        color: #888;
        margin-left: 28px;
        width: 20%;
    }
    .floatBox{  

        width: 80%;
        left: 10%; 
        padding:1px; position:absolute; background:#fff; z-index:5000;
    }
    .pager{
            margin: 40px 0;
    }


    .address_NormalControl{     
        /*padding-top: 12px;*/
        /*padding-bottom: 15px;*/
        /*padding-left: 10px;*/
    }
    .address_ListCellA{ 
        width: 49%;
        /*margin-bottom: 15px;*/
        border: 1px #e1e1e1 solid;
        background-color: #FFFFFF;
        cursor: pointer;
        border-radius: 10px;
        float: left;
    }

    .address_ListCell{ 
        width: 49%;
        margin-bottom: 15px;
        border: 1px #e1e1e1 solid;
        background-color: #FFFFFF;
        cursor: pointer;
        border-radius: 10px;
        float: left;
    }

    .address_ListBox1{    
        color: #888;
        /*height: 272px;*/
        border: 1px solid #e1e1e1;
        padding: 15px;
        /*margin-bottom: 10px;*/
        width: 100%;
    }

}

@media (min-width: 1200px) {
    .address_LabelD{ 
        margin-top: 15px;
    }
    .pager{
            margin: 40px 0;
    }

    .address_scroll{ height:550px;overflow-x: hidden; margin:0px 0px 0px 0px; padding:0px 12px 0px 12px; text-align: left;position:relative; background-color:#FFFFFF; overflow-y:auto; } 


    .address_Control{
          margin-left: 150px;
    }
    .addressradio{
        margin-top: 5px;
    }
    .address_NormalTitle {
        color: #888;
        margin-left: 28px;
        width: 20%;
    }
    .floatBox{  

        width: 850px;
        left:20%; 
        padding:1px; position:absolute; background:#fff; z-index:5000;
    }


    .address_NormalControl{     
        /*padding-top: 12px;*/
        /*padding-bottom: 15px;*/
        /*padding-left: 10px;*/
    }
    .address_ListCellA{ 
        width: 49%;
        /*margin-bottom: 15px;*/
        border: 1px #e1e1e1 solid;
        background-color: #FFFFFF;
        cursor: pointer;
        border-radius: 10px;
        float: left;
    }

    .address_ListCell{ 
        width: 48%;
        margin-bottom: 15px;
        border: 1px #e1e1e1 solid;
        background-color: #FFFFFF;
        cursor: pointer;
        border-radius: 10px;
        float: left;
    }

    .address_ListBox1{    
        color: #888;
        /*height: 260px;*/
        border: 1px solid #e1e1e1;
        padding: 15px;
        margin-top: 10px;
        width: 100%;
    }

}