
#top .radio_online_dv .input-text{width: 100%;padding: 13px 6px;}
#top.woocommerce-page  .radio_online_dv select{width: 100%;padding: 13px 6px;}
.pickup_detail_dv .address-field{float: left;width: 30%;}
table.pickup_zone_table_online td {vertical-align: middle;border: none;}
.main_color table.pickup_zone_table_online tr {border: none;background-color: #FFFFFF;color: #666666;border-bottom: 1px solid #e1e1e1;}
#top label.radio_lb span{font-size: 14px;}
.online-checkout .row-rt{width: 70%;}
.online-checkout .row-lt{width: 30%;}
.woocommerce-page .online-checkout .button{line-height: 16px;width: 100%;margin: 0;}
.woocommerce-page .woocommerce-form-coupon button.button{background-color: #FF9100;border-color: #FF9100;}
.form-row-one{float:left;width:30%;overflow:visible;}
.form-row-two{float:right;width:65%;overflow:visible;}
.form-row-three{float:left;width:65%;overflow:visible;}
.form-row-three-p{width: 30%;float: left;}
.form_e911_accountInfo{text-align: left;}
#customer_details p.clear-left-p{clear: left;}
#top p.form-row-three-p-left{margin-right: 5%;}
#top p.form-row {margin-bottom: 20px;}
ul.radio_lb_ul li{list-style: none;}
.entry-content-wrapper ul.radio_lb_ul li{margin-left: 0;line-height: 30px;display: inline-block;margin-left: 10%;}
.on-help-tip,.fee-on-help-tip{font-size: 15px;width: 20px;height: 20px;border-radius: 50%;display: inline-block;text-align: center;vertical-align: middle;line-height: initial;background-color: #e1e1e1;cursor: pointer;}
.help-tip-dv .tooltip-tip,.fee-tooltip-tip{position: relative;}
.help-tip-dv .tooltip-tip .tooltiptext{position:absolute;z-index: 1;visibility: hidden;background-color: #e1e1e1;padding: 10px;font-size: 14px;width: 500px;left: 40px;top: -40px;border-radius: 2%;}
.tooltip-tip:hover .tooltiptext{visibility: visible;}
.fee-tooltip-tip .fee-tip-text{position:absolute;z-index: 1;visibility: hidden;background-color: #e1e1e1;padding: 10px;font-size: 11px;left: 30px;top: -30px;border-radius: 2%;white-space:nowrap}
.fee-tooltip-tip:hover .fee-tip-text{visibility: visible;}
.fee-on-help-tip{font-size: 10px;width: 16px;height: 16px;}
.fee-tip-text::after {
    content: "";
    position: absolute;
    top: 30%;
    right: 100%;
    margin-top: 2px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent #e1e1e1 transparent transparent;
}

table.review-order-tb td,table.review-order-tb th,table.shop_table.review-order-tb tfoot td{color: #444;font-weight: normal;}
table.review-order-tb tr.order-total th{color: #FF9100;}
table.review-order-tb tr.order-total th,table.review-order-tb tr.cart-subtotal th{font-weight: bold;font-size: 16px;}
div table.review-order-tb tr.hr_tr td{padding: 0;}
.main_color table.review-order-tb strong{color: #FF9100;}
.main_color table.review-order-tb a{color: #FF9100;}
table.shop_table.review-order-tb ul#shipping_method li span{font-weight: normal;color: #444;}
.responsive .container {max-width: 1440px!important;}
#customer_details {width: 60% !important;}
.online-hide strong{display:none;}
.online-checkout{font-size: 14px;}
#top .online-checkout select{padding: 13px 6px;}
.review-top{position:fixed;background-color: #fff;top:70px;}
div table.woocommerce-checkout-review-order-table tr td,table.woocommerce-checkout-review-order-table tr th{padding: 2% 3% ;}
#top #payment .payment_method_cybersource #cybersource_accountNumber{width: 47%;  padding-top: 10px; padding-left: 6px; }
#top #payment .payment_method_cybersource #cybersource_expirationMonth_p{width:30%;margin-right: 5%;float: left; margin-bottom: 0;}
#top #payment .payment_method_cybersource select{border-radius: 10px;}
#top #payment .payment_method_cybersource #cybersource_expirationYear_p{width:30%;margin-right: 5%;float: left; margin-bottom: 0;}
#top #payment .payment_method_cybersource #cybersource_cvNumber{width:30%;float: left;padding-top: 10px;margin-bottom: 0; padding-left: 6px;border-radius: 10px;}
#top #customer_details #payment ul.payment_methods{overflow: visible;}
#order_review table.woocommerce-checkout-review-order-table {margin-top: 0;}
p.flex-microform{height:43px;}
.flex-microform input{height: 40px;}
#top #place_order{margin-bottom: 20px;}
.woocommerce-page .woocommerce-form-coupon-online button.button{background-color: #FF9100;border-color: #FF9100;border-radius: 30px;}
.entry-content-wrapper .woocommerce_checkout_referrer_code_list ul.list_code_ul{list-style: none;}
#top #payment ul.payment_methods li.payment_method_credit{margin-top: 0.7em;}
.payment_method_cybersource fieldset{margin-top: 1.5em;}
@media only screen and (max-width: 1000px) {
    .online-checkout .row-rt{width: 60%;}
    .online-checkout .row-lt{width: 40%;}
}

@media only screen and (max-width: 767px){
    div table.shop_table tr.review-order-tr td {font-size: 13px;font-weight: normal;line-height: 18px;padding: 3px 4px;text-transform: none;}
    .cart_totals_head_div .cart_totals_head_div_text{font-size: 1.2em;}
    .help-tip-dv .tooltip-tip .tooltiptext{word-break:normal;display:block;white-space:pre-wrap;word-wrap : break-word ;overflow: hidden ;width: 80vw;left: -50vw;top: -60vw;}
    #top #payment .payment_method_cybersource #cybersource_expirationMonth_p{width:47%;margin-right: 0;float: left;  }
    #top #payment .payment_method_cybersource #cybersource_expirationYear_p{width:47%;margin-right: 0;float: right;  }
    #top #payment .payment_method_cybersource #cybersource_cvNumber{width:100%;float: left;padding-top: 11px;height: 45px; }
    #top .payment_method_cybersource .form-row select{min-width: 76px;}
    #top #payment .payment_method_cybersource #cybersource_accountNumber{width: 100%;}
    .payment_method_cybersource label[for="payment_method_cybersource"]{padding-bottom: 0.5%; }
    #payment label[for="payment_method_cybersource"] {
        background: none !important;
    }
}


.online-billing-address{display: none;}
.woocommerce-billing-fields__field-wrapper{margin-top: -42px;}
p.billing-fields-title{font-size: 16px;display: inline-block;}
#payment ul.payment_methods li label[for='payment_method_cybersource'] img:nth-child(n+2) { margin-left:1px; }
#top #payment div.payment_box p#cybersource_accountNumber{margin-bottom: 2.5em;border-radius:10px;}
#top #payment div.payment_box{padding: 0;}
#top #payment ul.payment_methods li{padding: 0;border-width:0; }
#order_review select#cybersource_expirationMonth {width: 100%;}
#order_review select#cybersource_expirationYear{width: 100%;}
#top #wrap_all label span{color: #444;}
#top .main_color p {color: #444;}
#top label.radio_lb{font-size: 0;}
#top #payment div.payment_box p, #payment div.payment_box .form-row{margin-bottom: 20px;}
#top #payment div.payment_box p:last-child{margin-bottom: 0;}
#payment label[for="payment_method_cybersource"] {
    width: 80%;
    display: inline-block!important;
    background-size: 25%;
    background-position-x: 30%!important;
    background-position-y:80% ;
    padding-bottom: 0.5%;
    padding-top: 1.5%!important;
}
#customer_details ul{margin-left: 0;}

#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select{color: #555555;}
#top div form .form-row input.input-text,.shipping_method_div input.input-text{
    border-radius: 10px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    border-radius: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 10px;}
@media only screen and (max-width: 767px){
    #customer_details,#order_review {width: 100% !important;}
    .responsive #top table.review-order-tb .product-name {border-left:none;}
    #top p.form-row{margin-bottom: 2%;}
    #top #payment div.payment_box p#cybersource_accountNumber{margin-bottom: 1em;}
    #top #payment div.payment_box p, #payment div.payment_box .form-row{margin-bottom: 0;}
    #top #payment div.payment_box p, #payment div.payment_box .form-row{margin-bottom: 0;}
    #top .payment_method_cybersource fieldset{margin-top: 0;margin-bottom: 0;}
    p#shipping_address_2_field{width: 100%;}
    #top p#shipping_postcode_field{width: 40%;margin-right: 0; float: right;}
    #top p#shipping_city_field{width: 55%;margin-right: 0;float: left ;}
    #top p#shipping_state_field{width: 100%;}
    p#shipping_buzz_code_field{width: 100%;}
    p#billing_address_2_field{width: 100%;}
    #top p#billing_postcode_field{width: 47%;margin-right: 0;}
    #top p#billing_city_field{width: 47%;margin-right: 0;float: right;}
    #top p#billing_state_field{width: 100%;}
    p.e911-address-2-field{width: 100%;}
    #top p.e911-postcode-field{width: 47%;margin-right: 0;}
    #top p.e911-city-field{width: 47%;margin-right: 0;float: right;}
    #top p.e911-state-field{width: 100%;}
    #top p.number-region-field{width: 47%;margin-right: 0;}
    #top p.number-phone-field{width: 47%;margin-right: 0;float: right;}
    #top p.number-state-field{width: 100%;}
    .woocommerce-billing-fields__field-wrapper ul{margin-bottom: 0}
    .woocommerce-completion-fields ul{margin-bottom: 0}
    .online-checkout #customer_details{padding-bottom: 0;}
    .online-checkout .cart_totals_head_div{margin: 5% 0;}
    .responsive #top .col2-set .col-2.online-col-2{margin-bottom: 0;}
    .radio_online_dv ul{margin-bottom: 0;}
    table.shop_table.woocommerce-checkout-review-order-table td{font-size: 13px;}
    table.review-order-tb tr.cart-subtotal th,table.review-order-tb tr.woocommerce-shipping-totals td{font-size: 11px;}
    table.review-order-tb tr.order-total td{font-size: 16px;}
    table.month-fee-tb{border-collapse: separate;}
    .responsive #top table.month-fee-tb .product-name{border-left: none;}
    div table.woocommerce-checkout-review-order-table tr td{padding: 3px 4px;}
    div table.shop_table tr.month-fee-tr td{padding: 2% 4%;}
    table.month-fee-tb tr td:nth-child(2){text-align: right;}
    .woocommerce-billing-fields__field-wrapper{margin: 0;}
    p.billing-fields-title{margin: 0;}
    .woocommerce-billing-fields__field-wrapper ul.radio_lb_ul li{height: 30px;display: block;}
    #payment label[for="payment_method_cybersource"]{background: none;}
    #payment .payment-head-dv{background: url(https://buy.italkbb.com/wp-content/uploads/2019/08/propay_cards.png) no-repeat right;background-size: 40%;}
    .shop_table ul#shipping_method li span{font-size: 13px;}
    .form-row{ width: 100%; }
    .form-row-one{width: 40%;}
    .form-row-two{width: 55%;}
    #is_send_email_field span{
        color: #BABABA;
        font-size: 13px;}
    .woocommerce-checkout-right{width: 100% !important;}
    .woocommerce-Price-amount {display: block;float:right;}
    .product-cart-table {background: #f5f5f5 !important;}
    #coupon_code{width: 90% !important;}
    #referrer_code{width: 90% !important;}
    #place_order{margin-left: 15% !important;}
    #agree{margin-left: 15% !important; }
    #realname_div{
        margin: 0 auto !important;
        display: flow-root;}
    .woocommerce-checkout-review-order th{float: left !important; text-align: left !important;}
    #order_review.woocommerce-checkout-review-order #agree {
        width: 100%;
        margin: 10px 0  !important;
    }
    .fee-tip-text{
        width: 150px;
        white-space: pre-line !important;
        display: inline-block;
    }
    .form_e911_alert button{
        font-size:0.9em !important;
    }
    #swal2-html-container{
        padding: 0.9em !important;
    }
    ul.woocommerce-error{
        margin:0px;
        padding-top: 32px;
    }
    #top #swal2-html-container .woocommerce-error{
        padding-right:0px !important;
        padding: 20px 0px !important;
    }
}
#top p.law{
    color: #666666;
    font-weight: bold;
    clear:both;
    font-size:14px;
}
#top #customer_details{
    padding-bottom: 0px;
}

.online-unregister-head{
    margin-top:10px;
}
.online-unregister-head-text{
    font-size: 15px;
}
.online-unregister-head-text a{
    color: #FF9100;
    margin: 0px 5px;
}

.online-unregister-head h3,.online-unregister-head span{
    font-size: 16px;
}
.online-unregister-head a{
    color: #FF9100;
    margin: 0px 5px;
}
.online-unregister-head a:hover{
    color: #FF9100;
    margin: 0px 5px;
}

#top #main .online-error-info{
    color: #f5100d;
    font-weight: bold;
}

#top #main .online-error-info strong{
    color: #f5100d;
}

#top #main .online-error{
    border-width: medium;
    border-color: #f5100d;
}

#top #main .pickup_detail_dv .online-error{
    margin-bottom: 0px;
}
#top #main .online-error-select{
   border: 2px solid #f5100d !important;
}

#top #main #payment .online-error-info{
    margin-top: -20px;
    color: #f5100d;
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 14px;

}

#top #swal2-html-container .woocommerce-error{
    padding-right: 10%;
    text-align: left;
    background-color:#fff;
    color:black;
}

#top #main form .checkbox-error-info{
    color: #f5100d;
    font-weight: bold;
    margin-top: -20px;
}

#top #main form .checkbox-error-info strong{
    color: #f5100d;
}
/* e911弹窗  */
.form_e911_alert{
    padding: 0rem 1rem 2rem;
    border-radius: 25px;
}
.form_e911_alert.swal2-popup{
    padding: 2rem 0;
}
.form_e911_alert .form_e911_accountInfo_list{
    width: 80%;
    margin: auto;
}
.form_e911_alert .swal2-styled.swal2-confirm{
    border-radius: 2rem;
    padding: 10px 35px;
}
.swal2-styled.swal2-confirm{
    background: #FF9100 !important;
}
.form_e911_alert .swal2-styled.swal2-cancel{
    color: black;
    border: 1px solid #ccc;
    border-radius: 2rem;
    padding: 10px 35px;
}
.form_e911_alert .swal2-title{
    display: block;
    font-size: 1.3rem;
    padding: 1rem;
}
.form_e911_alert .swal2-actions{
    width: 90%;
    justify-content: space-evenly;
}
.form_e911_alert .form_e911_accountInfo_list li{
   padding: 5px 0;
}
.form_e911_alert .form_e911_accountInfo_mail{
    margin-right: 40px;
}
/* 邮箱验证弹窗 */
.form_email_alert.swal2-popup{
    width: 35px;
    padding: 2rem;
    border-radius: 20px;
}
.form_email_alert .swal2-title{
    font-size: 1.3rem;
    padding: 1rem;
    overflow: hidden;
    overflow-y: auto;
}
.form_email_alert .swal2-styled.swal2-confirm{
    border-radius: 2rem;
    padding: 5px 35px;
}
.form_email_alert .swal2-styled.swal2-cancel{
    color: black;
    border: 1px solid #ccc;
    border-radius: 2rem;
    padding: 5px 35px;
}
.form_email_alert .swal2-actions{
    font-size: 13px;
    width: 90%;
    justify-content: space-evenly;
}

.online_radio_div {
    display: inline-block;
}

@media screen and (min-width:1000px) {
    .online_radio_div {
        display: inline-flex;
    }
    .online_radio_div .radio_lb_ul {
        flex: 1;
    }
}
