@charset "utf-8";
/* CSS Document */
/* mce en website - wdf - 2015-11-17 */
/* content: form style and form validate style */

/* ====================================================
     common
     form tit / input / select / icheck
==================================================== */
/* form_tit ==================================== */
#form_tit {
    margin: 30px 0 12px 0;
}

#form_tit h1 {
    float: left;
    line-height: 30px;
    font-size: 26px;
}

#form_tit a {
    display: block;
    width: 110px;
    padding: 6px 0 4px 0;
    line-height: 20px;
    text-align: center;
    float: right;
    font-weight: bold;
    color: #FFF;
    background: #ff7e00;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    margin-top: -4px;
}

/* form_input */
.cus_info input[type="text"], .cus_info select, .cus_info textarea {
    color: #331515;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.cus_info input[type="text"] {
    height: 28px;
    padding: 0 7px;
}

.cus_info select {
    padding: 0 3px;
    height: 26px;
}

.cus_info textarea {
    padding: 5px;
    line-height: 16px;
    height: 48px;
}

/* icheck */
.rdo_circle, .ckb_square {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: -2px 0;
    border: none;
}

.rdo_circle {
    background-image: url(../images/web/form_rdo_circle.png);
    background-position: -3px 0;
}

.rdo_circle.checked {
    background-position: -23px 0
}

.ckb_square {
    background-image: url(../images/web/form_ckb_square.png);
}

.ckb_square.checked {
    background-position: -22px 0
}

.rdo_circle:hover, .ckb_square:hover {
    cursor: pointer
}

/* ====================================================
     cart list - cart / get quotation
==================================================== */
.cart_list {
    width: 1000px;
    padding-bottom: 30px;
}

.cart_list table {
    width: 100%;
}
.c_check{
    width: 20px;
}
.c_check input[type=checkbox] {
    display: block;
    width: 13px;
    height: 13px;
    cursor: pointer;
}

.c_cat {
    width: 110px;
}

.c_name {
    width: 290px;
    padding-right: 30px;
}

.c_size {
    width: 145px;
}

.c_price {
    width: 110px;
}

.c_qty {
    width: 135px;
    padding-right: 60px;
    text-align: right;
}

.c_qty_frees {
    padding-right: 82px;
}

.c_qty input[type="text"] {
    float: right;
    width: 26px;
    height: 22px;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 3px;
}

.c_qty span {
    float: right;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #331515;
    border: 1px solid #bdbdbd;
    background: #F9F9F9;
}

.c_qty span:hover {
    cursor: pointer;
}

.c_qty span.cart_list_les {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.c_qty span.cart_list_add {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.c_qty span.disabled {
    background-color: #DDD;
}

.c_qty span.disabled:hover {
    cursor: default;
}

.c_amount {
    width: 80px;
}

.c_remove {
    width: 110px;
    text-align: center
}

.cart_list_del {
    background: url("../images/web/icon.png") no-repeat 0 -104px;
    width: 12px;
    height: 12px;
    display: block;
    margin: 4px auto 0 auto;
}

.cart_list_del:hover {
    cursor: pointer;
}

/*cart_list_hd*/
.cart_list_hd {
    border-bottom: 2px solid #ebe4f6;
}

.cart_list_hd th {
    color: #331515;
    line-height: 30px;
    font-size: 13px;
}

.cart_list_hd th, .cart_list_tbl th, .cart_list_tbl td {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/*cart_list_con*/
.cart_list_tbl {
    padding: 4px 0 0 0;
    border-bottom: 1px solid #ebe4f6;
}

.cart_list_tbl tr:first-child th, .cart_list_tbl tr:first-child td {
    border-top: 0;
}

.cart_list_tbl th, .cart_list_tbl td {
    font-weight: normal;
    line-height: 20px;
    padding-bottom: 7px;
    vertical-align: top;
    font-size: 12px;
}

.cart_list_tbl th {
    border-top: 1px solid #FFF;
    padding-top: 10px;
}

.cart_list_tbl td {
    border-top: 1px dotted #ebe4f6;
    padding-top: 10px;
}

.cart_list_tbl td.c_name {
    font-size: 13px;
}

.cart_list_tbl td a {
    color: #6a4b92;
    font-weight: bold;
}

.cart_list_tbl td a:hover {
    color: #F60;
}

.cart_fs_tips {
    padding: 10px 0;
    border-top: 1px dotted #ebe4f6;
    margin-left:110px;
    color: #ee3134
}

/*------------11.11-- cart--------------------*/
.present{
    width: 675px;
    margin-top: 15px;
    float: left;
}
.present > table{
    width: 100%;
    margin-top: 15px;
}
.present > table  tr > th{
    border-bottom: 2px solid #ebe4f6;
    padding-bottom: 7px;
}
.present > table  tr > td{
    border-bottom: 1px dotted #ebe4f6;
    padding:10px 0 7px;
}
.present > table  tr > td:nth-child(2){
    padding-right: 30px;
    box-sizing: border-box;
}
.present > table  tr:last-child >td{
    border-bottom: 1px solid #ebe4f6;
}
/*------------11.11---order-------------------*/
.present-order > table{
    width:485px;
}
/*.present-order > table  tr > th:first-child,.present-order > table > tr > td:first-child{*/
/*    width: 105px;*/
/*}*/
/*.present-order > table  tr > th:nth-child(2),.present-order > table > tr > td:nth-child(2){*/
/*    width: 250px;*/
/*}*/
/*.present-order > table  tr > th:nth-child(3),.present-order > table > tr > td:nth-child(3){*/
/*    width: 130px;*/
/*}*/
/*.present-order > table  tr > th:nth-child(4),.present-order > table > tr > td:nth-child(4){*/
/*    width: 150px;*/
/*}*/


/*-------------- cart--------------------*/
.promotion{
    width: 890px;
    margin-top: 15px;
}
.promotion > table td:nth-child(5) > input{
    width: 26px;
    height: 22px;
    border: 1px solid #bdbdbd;
    margin-right: 10px;
    text-align: center;
}
.promotion > table td:nth-child(5),.promotion > table th:nth-child(5){
    width: 135px;
    padding-right: 60px;
    text-align: right;
    box-sizing: border-box;
}
.promotion > table td:nth-child(6){
    font-weight: bold;
}
.promotion  .promotion-btn > button{
    margin-left: 15px;
    width: 60px;
    padding: 5px 0;
    background: #ff7e00;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
}
.promotion  .promotion-btn > button:last-child{
    margin-left: 5px;
    background: #9e9e9e;
    color: #fff;
}



/* Voucher 20190212*/
.cart_voucher td { line-height: 24px; padding-bottom: 10px; font-weight: bold }
.cart_list_tbl td.voucher-num { width: 810px; padding-right: 60px; text-align: right }
.cart_list_tbl td.voucher-num input { width: 105px; padding: 0 5px; height: 24px; margin-left: 5px }
/*.cart_list_tbl td.voucher-tit { width: 260px; padding-right: 60px; text-align: right }*/
.cart_list_tbl td.voucher-prc { width: 190px; padding-top: 11px }
.voucher-msg { padding-left: 15px }
.voucher-msg>.fc_FF0000 { font-weight: normal }
/*cart_list_info*/
.cart_list_info {
    border-bottom: 1px solid #ebe4f6;
    padding: 10px 0;
    overflow: hidden;
}

.cart_list_info >table {
    width:760px;
    margin-left: 240px;
}

.cart_list_info >table td {
    width: 550px;
    text-align: right;
    vertical-align: middle;
    padding: 5px 60px 5px 0;
    font-size: 13px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.cart_list_info td input[type="text"] {
    width: 100px;
    margin-left: 5px;
    padding: 0 7px;
    height: 26px;
}

.cart_list_info th {
    width: 210px;
    vertical-align: middle;
    font-weight: normal;
    padding: 5px 0;
    font-size: 13px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.cart_list_info th span {
    display: block;
    line-height: 12px;
}

/*cart_list_ftr*/
.cart_list_ftr {
    border-bottom: 2px solid #ebe4f6;
    height: 47px;
}

.cart_list_ftr th {
    text-align: right;
    color: #331515;
    width: 730px;
    padding: 20px 60px 0 0;
    vertical-align: top;
    font-size: 13px;
}

.cart_list_ftr td {
    color: #6a4b92;
    font-weight: bold;
    padding-top: 12px;
    vertical-align: top;
    font-size: 24px;
    width: 190px;
}



/* ====================================================
     customer info
==================================================== */
.cus_info {
    margin-top: 40px;
    border: 1px solid #bdbdbd;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

/*cus_info_tit*/
.cus_info_tit {
    width: 1000px;
    padding-bottom: 20px;
    margin-top: -16px;
}

.cus_info_tit h2 {
    position: relative;
    height: 30px;
    padding: 0;
    margin: 0;
    text-align: center;
    border: 0;
    font-weight: normal;
}

.cus_info_tit h2 span {
    position: relative;
    z-index: 9;
    display: block;
    height: 30px;
    margin: 0 auto;
}

.cus_info_tit h2 b {
    padding: 0 20px;
    color: #000;
    background: #fff;
    line-height: 30px;
    font-size: 16px;
}

.cus_info_tit h2 i {
    position: absolute;
    top: 15px;
    left: -1px;
    z-index: 1;
    display: block;
    width: 1000px;
    height: 1px;
    background: #331515;
}

/*cus_info_form*/
.cus_info_form {
    padding: 30px 0 35px 70px;
}

.cus_info_form_tips {
    font-size: 13px;
    padding-bottom: 10px;
}

/* Base info (cart)==================================== */

/*cus_info_sub_tit*/
.cus_info_sub_tit {
    width: 130px;
    height: 30px;
    position: relative;
    margin-bottom: 5px;
}

.mt_50 {
    margin-top: 45px;
}

.cus_info_sub_tit span {
    font-size: 16px;
    background-color: #FFF;
    position: absolute;
    z-index: 2;
    padding-right: 8px;
}

.cus_info_sub_tit i {
    position: absolute;
    border-bottom: 1px solid #bdbdbd;
    display: block;
    width: 130px;
    z-index: 1;
    margin-top: 11px;
}

/*cus info table*/
.cus_info_base {
    margin: 0;
    padding: 0;
    width: 930px;
    border-image-width: 0;
}

.cus_info_base th {
    color: #331515;
    font-size: 13px;
}

.cus_info_base th>span { display: inline-block; width: 6px; color: #ee3134; }

.cus_info_base th, .cus_info_base td {
    padding: 5px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

td.ci_base_col_2 input[type="text"], td.ci_base_col_4 input[type="text"] {
    width: 257px;
}

td.ci_base_col_5 input[type="text"], td.ci_base_col_7 input[type="text"] {
    width: 80px;
}

input[type="text"].txt_default {
    color: #9f9f9f;
}

td .ci_base_col_2 select, td .ci_base_col_4 select {
    width: 247px;
}

.cus_info_base td textarea {
    margin-left: 10px;
    line-height: 16px;
    height: 48px;
}

.ci_base_col_1 {
    width: 130px
}

.ci_base_col_2 {
    width: 360px
}

.text-right {
    text-align: right;
}

.ci_base_col_3 {
    width: 100px
}

.ci_base_col_4 {
    width: 340px
}

.ci_base_col_5 {
    width: 100px;
}

.ci_base_col_6 {
    width: 60px;
}

.ci_base_col_7 {
    width: 180px;
}

.ci_base_col_8 {

}

.cus_info_base_notice {
    margin: 5px 0 0 130px;
    line-height: 16px;
    color: #666;
    visibility: hidden;
}

.cus_info_base_notice span {
    color: #ee3134;
}


/*cus_info_free_notice*/
#cus_info_free_notice {
    color: #ee3134;
    visibility: hidden;
    margin: 5px 0 0 130px;
    height: 20px;
}

/*Invoice*/
.ckb_same_delivery {

}
.rdo_common_invoice {
    margin-left: 59px;
}

.rdo_add_invoice {
    margin-left: 16px;
}

.ckb_same_delivery span, .rdo_common_invoice span, .rdo_add_invoice span {
    margin-left: 8px;
    font-weight: normal;
    font-size: 13px;
}

/*rdo_pay_method*/
.rdo_pay_method {
}

.rdo_pay_method li {
    line-height: 32px;
}

.rdo_pay_method label span {
    margin-left: 8px;
    font-weight: bold;
    font-size: 13px;
}



/*cus_info_msg*/
.cus_info_remark {
    padding-top: 40px
}

.cus_info_remark dt {
    font-size: 13px;
    font-weight: bold;
}

.cus_info_remark dd {
    padding-top: 8px;
}

.cus_info_remark dd textarea {
    width: 830px;
    border: 1px solid #bdbdbd;
    height: 52px;
    padding: 5px;
    line-height: 21px;
}

/*cus_info_msg*/
.cus_info_msg {
    height: 40px;
    margin-top: 40px;
}

.cus_info_msg label {
    font-weight: normal;
}

.cus_info_msg label span {
    margin-left: 8px;
    color: #331515;
    font-size: 13px;
}

.cus_info_msg label span.actived {
    color: #ee3134;
    font-weight: bold;
    animation: mymove 1s ease-in-out infinite alternate;
    -moz-animation: mymove 1s ease-in-out infinite alternate; /* Firefox */
    -webkit-animation: mymove 1s ease-in-out infinite alternate; /* Safari and Chrome */
    -o-animation: mymove 1s ease-in-out infinite alternate; /* Opera */
}

.cus_info_msg label span.overd {
    font-weight: bold;
    color: #ee3134;
}

@keyframes mymove {
    0% {
        text-shadow: 0 0 30px #f4bbbb
    }
    25% {
        text-shadow: 0 0 20px #f4bbbb
    }
    50% {
        text-shadow: 0 0 10px #f4bbbb
    }
    75% {
        text-shadow: 0 0 5px #f4bbbb
    }
    100% {
        text-shadow: 0 0 0 #f4bbbb
    }
}

@-moz-keyframes mymove /* Firefox */
{
    0% {
        text-shadow: 0 0 30px #f4bbbb
    }
    25% {
        text-shadow: 0 0 20px #f4bbbb
    }
    50% {
        text-shadow: 0 0 10px #f4bbbb
    }
    75% {
        text-shadow: 0 0 5px #f4bbbb
    }
    100% {
        text-shadow: 0 0 0 #f4bbbb
    }
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
    0% {
        text-shadow: 0 0 30px #f4bbbb
    }
    25% {
        text-shadow: 0 0 20px #f4bbbb
    }
    50% {
        text-shadow: 0 0 10px #f4bbbb
    }
    75% {
        text-shadow: 0 0 5px #f4bbbb
    }
    100% {
        text-shadow: 0 0 0 #f4bbbb
    }
}

@-o-keyframes mymove /* Opera */
{
    0% {
        text-shadow: 0 0 30px #f4bbbb
    }
    25% {
        text-shadow: 0 0 20px #f4bbbb
    }
    50% {
        text-shadow: 0 0 10px #f4bbbb
    }
    75% {
        text-shadow: 0 0 5px #f4bbbb
    }
    100% {
        text-shadow: 0 0 0 #f4bbbb
    }
}

#cus_info_submit {
    margin-top: 14px;
}

/*form submit*/
#cus_info_btn {
    margin: 10px 0 0 10px;
}

/*form button init*/
.form_btn_submit {
    width: 120px;
    height: 30px;
    color: #FFF;
    text-align: center;
    background-color: #ff7e00;
    border: 1px solid #ff7e00;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: bold;
    line-height: 27px;
    font-size: 14px;
}

.form_btn_submit:hover {
    cursor: pointer;
}

/*form button sending*/
.form_btn_submit_send {
    height: 30px;
    line-height: 26px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 120px;
    background-color: #CCC;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
}

/*form validation info*/
#form_notice {
    margin-top: 14px;
}

#form_notice p {
    color: #ee3134;
    font-weight: bold;
    line-height: 18px;
    font-size: 12px;
}

.form_notice {
    margin-top: 14px;
}

.form_notice p {
    color: #ee3134;
    font-weight: bold;
    line-height: 18px;
    font-size: 12px;
}

/* ====================================================
     form submit success
     cart suceess
==================================================== */
.form_success {
    width: 1000px;
    margin: 0 auto;
    margin-top: 30px;
    border-bottom: 1px solid #bdbdbd;
    font-size: 12px;
}

.form_success div {
    padding: 0 15px 18px 15px;
    border: 1px solid #DDD;
    border-bottom: 0;
    position: relative;
}

.form_success div .form_succ_tit {
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    padding: 0 5px;
    font-weight: bold;
    color: #6a4b92;
    background: #FFF;
    margin: -11px 0 auto -5px;
}

.form_success div .form_succ_notice {
    color: #6a4b92;
}

.form_success p {
    line-height: 21px;
}

.form_success ul {
    width: 100%;
}

.form_succ_tbl_1, .form_succ_tbl_2, .form_succ_tbl_3{
    width: 100%;
}

.form_succ_tbl_1 th, .form_succ_tbl_1 td {
    padding-top: 5px;
    line-height: 21px;
    text-align: left;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all;
}
.form_succ_tbl_1 td {
    padding-right: 40px;
}

.form_succ_tbl_1 .col1 { width: 80px }
.form_succ_tbl_1 .col2 { width: 381px }
.form_succ_tbl_1 .col3 { width: 105px }
.form_succ_tbl_1 .col4 { width: 403px }
.form_succ_tbl_1 .col234 { width: 889px }

.form_invoice_succ_tbl_1 .col1 { width: 110px !important}
.form_invoice_succ_tbl_1 .col2 { width: 351px !important}
.form_invoice_succ_tbl_1 .col3 { width: 110px !important}
.form_invoice_succ_tbl_1 .col4 { width: 398px !important}


.form_succ_tbl_2 th {
    padding: 2px 0 4px 0;
    font-size: 13px;
}

.form_succ_tbl_2 td {
    padding-top: 5px;
    line-height: 21px;
    vertical-align: top;
}

.form_succ_tbl_2 td a {
    color: #6a4b92;
    font-weight: bold;
}

.form_succ_tbl_2 td a:hover {
    color: #F60;
}

.form_succ_tbl_3 td {
    padding: 3px 0;
    vertical-align: middle;
}

.form_succ_tbl_3 td.c_succ_voucher-num { width: 380px; padding-left: 105px }
.form_succ_tbl_3 td.c_succ_voucher-tit { width: 169px; padding-right: 46px; text-align: right }
.form_succ_tbl_3 td.c_succ_voucher-prc { width: 268px }

/*cart success*/
.c_succ_pro_cat {
    width: 105px
}

.c_succ_pro_name {
    width: 250px;
}

.c_succ_pro_price {
    width: 130px
}

.c_succ_pro_size {
    width: 150px
}

.cd_succ_pro_name {
    width: 380px;
}

th.c_succ_pro_qty {
    width: 65px
}

td.c_succ_pro_qty {
    width: 60px;
    padding-left: 5px
}

.c_succ_pro_amount {
    width: 268px
}

.c_succ_pro_fshc_1 {
    width: 400px;
    text-align: right;
}

.c_succ_pro_fshc_2 {
    width: 300px;
    text-align: right;
}

.c_succ_pro_fshc_2 b {
    margin-right: 46px;
}

.c_succ_pro_fshc_3 {
    width: 268px;
}

.c_succ_pro_total {
    width: 699px;
    text-align: right;
    font-size: 16px;
}

.c_succ_pro_total b {
    margin-right: 43px;
}

.c_succ_pro_total_price {
    width: 268px;
    font-size: 20px;
    color: #F60
}

/* ====================================================
     Historical Order
==================================================== */

.his_order_search {

}

.his_order_form {
    overflow: hidden;
    margin-top: 40px;
}

.his_order_form div {
    float: left;
    background-color: #F9F9F9;
    padding: 10px 0;
}

.his_order_form div label {
    margin: 0 20px;
}

.his_order_form div label span {
    margin-right: 10px;
    font-weight: bold;
}

.his_order_form input[type="text"] {
    padding: 0 7px;
    height: 28px;
    width: 210px;
}

.his_order_form input[type="submit"] {
    padding: 0 5px;
    height: 35px;
    line-height: 35px;
    width: 155px;
    background-color: #8f77b5;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    margin: 6px 0 0 30px;
}

/*historical list*/
.his_order_list {
    border-bottom: 2px solid #8f77b5;
    margin-top: 20px;
}

.his_order_list_tit {
    border-bottom: 2px solid #8f77b5;
    color: #6a4b92;
    line-height: 30px;
    font-size: 13px;
    font-size: 1.3rem;
}

.his_order_list_con {
    border-top: 2px solid #ebe4f6;
}

.his_order_list_con td {
    vertical-align: top;
    padding-top: 10px;
}

.ho_tbl {
    width: 715px;
    padding-top: 10px;
}

.ho_tbl table td, .ho_tbl table th {
    vertical-align: top;
    padding-bottom: 10px;
    padding-top: 0;
}

.ho_tbl table th {
    border-top: 1px solid #ebe4f6;
    font-weight: normal;
    padding-top: 10px;
}

.ho_date {
    width: 105px;
}

.ho_no {
    width: 180px;
}

.ho_cat {
    width: 95px;
}

.ho_name {
    width: 250px
}

.ho_name a {
    color: #6a4b92;
    font-weight: bold;
}

.ho_name a:hover {
    color: #F60;
}

.ho_price {
    width: 90px
}

.ho_size {
    width: 140px
}

.ho_qty {
    width: 60px;
    text-align: center;
}

.ho_amount {
    width: 65px;
    padding-left: 15px;
}

.ho_total {
    text-align: right;
}

.ho_sh {
    text-align: right;
}

.ho_total span, .ho_sh span {
    margin-right: 20px;
    font-weight: bold;
}

/*more*/
.his_order_more {
    color: #F60;
    float: right;
    margin-top: 10px;
}

.his_order_more span {
    width: 84px;
    height: 20px;
    display: block;
    background: url("../images/web/icon.png") no-repeat 0 -127px;;
}

.his_order_more span:hover {
    cursor: pointer;
}

/* ====================================================
     Unsubscribe
==================================================== */
.unsubscribe {
}

.unsubscribe p {
    line-height: 20px;
}

.unsubscribe_form {
    border: 1px solid #bdbdbd;
    margin: 10px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.unsubscribe_form form {
    padding: 20px 50px;
}

#unsub_form span {
    font-weight: bold;
}

#unsub_txt {
    width: 300px;
    margin: 0 10px;
    height: 28px;
    padding-left: 10px;
}

#unsub_form > p {
    line-height: 30px;
    display: block;
    float: left;
}


/* ====================================================
   inquiry online - search result / service / Custom Peptide Synthesis
==================================================== */
.form_inq {
    padding: 15px 0 10px 0;
    background: #fbfbfb;
    position: relative;
}

.form_inq table {
    width: 100%;
    font-size: 12px;
}

.form_inq table th, .form_inq table td {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form_inq table th {
    text-align: right;
    padding: 9px 0 0 20px;
    vertical-align: top;
}

.form_inq table th span {
    color: #ee3134;
}

.form_inq table td {
    padding: 4px 0 7px 25px;
}

.inq_col_1 {
    width: 170px
}

.inq_col_2 {
    width: 300px;
}

.inq_col_3 {
    width: 195px
}

.inq_col_4 {
    width: 335px
}

.inq_col_1_peptide_synthesis {
    width: 206px
}

.inq_col_2_peptide_synthesis {
    width: 300px
}

.inq_col_3_peptide_synthesis {
    width: 214px
}

.inq_col_4_peptide_synthesis {
    width: 280px
}

.form_inq td input[type="text"] {
    width: 230px;
    height: 30px;
    padding: 0 7px;
}

.form_inq td select {
    width: 230px;
    height: 30px;
    padding:0 3px;
}

.form_inq td textarea {
    width: 725px;
    height: 46px;
    line-height: 20px;
    padding: 3px 5px;
}

td.inq_col_5_peptide_synthesis textarea {
    width: 642px;
    height: 60px;
}

.form_inq td #form_notice {
    margin-left: 0;
    margin-top: 0;
    height: 40px;
}

.form_inq td .form_notice {
    margin-left: 0;
    margin-top: 0;
    height: 40px;
}

/*form submit button*/
.form_btn_submit, .form_btn_submit_send {
    width: 120px;
    height: 30px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold;
    font-size: 14px;
}

/*form button init*/
.form_btn_submit {
    color: #FFF;
    background-color: #ff7e00;
    border: 1px solid #ff7e00;
    cursor: pointer;
    line-height: 27px;
}

/*form button sending*/
.form_btn_submit_send {
    line-height: 26px;
    background-color: #CCC;
    color: #FFF;
    font-size: 1.4rem;
}

/*form submit loading*/
.form_submit_loading {
    width: 30px;
    height: 30px;
    position: fixed;
    z-index:1002;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    display: none;
}

.form_submit_loading i {
    font-size: 30px;
    color: #ccc;
}

/* ====================================================
     inquiry online -
     library details / inhibitor details / product details
==================================================== */
.fc_red {
    color: #ee3134
}

.inquiry,.inquiryCas {
    width: 700px;
    position: fixed;
    z-index: 1001;
    top: 50%;
    left: 50%;
    margin-top: -193px;
    margin-left: -350px;
    background-color: #FFF;
    display: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*inquiry tit*/
.pop_tit {
    padding: 0 20px;
    background-color: #f9f7fb;
    border-bottom: 1px solid #ebe4f6;
    height: 35px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    font-size: 12px;
}

.pop_tit p {
    color: #502c7f;
    font-weight: bold;
    float: left;
    margin-top: 12px;
}

.pop_tit span {
    float: right;
    margin: 12px 0 0 0;
}

/*inquiry tips*/
.inquiry_tips {
    padding: 30px 20px 0 20px;
}

.inquiry_tips p {
    color: #331515;
    font-size: 14px;
    font-weight: bold;
}

/*inquiry forms*/
.inquiry_forms { padding: 20px;}
.inquiry_forms table th, .inquiry_forms table td { height: 45px; font-size: 12px;  }
.inquiry_forms table th {  vertical-align: top;  }
.inquiry_forms table th p { line-height: 15px; }
.service_forms table th p{ line-height: 26px !important;}
.inquiry_forms table td   { text-align: right; vertical-align: top }
.inquiry_forms table td p { color: #ee3134; letter-spacing: -0.3px; margin-top: 2px; }
.inquiry_forms input[type='text'] { height: 26px; padding: 0 5px; margin-top: 1px; }
.inquiry_forms select   { height: 26px; line-height: 21px; margin-top: 1px;}
.inquiry_forms textarea { width: 570px; height: 50px; padding: 3px 7px; line-height: 20px; }
.txt_185 { width: 185px; }
.sel_185 { width: 185px; }
.txt_100 { width: 113px; }
.sel_70 { width: 64px; margin-left: 5px; }



/*Inquiry Submit Button*/
.btn_inquiry_submit, .btn_sdf_submit, .form_btn_submit_send, .btn_inquiry_submit_gray {
    height: 30px;
    font-weight: bold;
    color: #FFF;
    font-size: 14px;
}

.btn_inquiry_submit, .btn_sdf_submit {
    background-color: #ff7e00;
}

.btn_inquiry_submit:hover, .btn_sdf_submit:hover {
    cursor: pointer;
}

.form_btn_submit_send, .btn_inquiry_submit_gray {
    background-color: #CCC;
}

#btn_inquiry_submit {
    margin: 32px 0 0 278px;
    padding: 0 35px;
}
.flu-btn_inquiry{
    margin: 32px 0 0 278px;
    padding: 0 35px;
}

.btn_sdf_submit {
    padding: 0 35px;
}

/*Inquiry Success POP*/
.inquiry_success {
    width: 480px;
    position: fixed;
    z-index: 1001;
    left: 50%;
    top:50%;
    margin-left: -240px;
    background-color: #FFF;
    display: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-bottom: 20px;
}

.inquiry_success_tit {
    padding: 0 20px;
    background-color: #f9f7fb;
    border-bottom: 1px solid #ebe4f6;
    height: 35px;
    line-height: 35px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.inquiry_success_tit p {
    color: #502c7f;
    font-weight: bold;
    float: left;
}

.inquiry_success_tit span {
    float: right;
    margin: 12px 0 0 0;
}

.inquiry_success_con {
    padding: 0 20px;
}

.inquiry_success_con p {
    margin-top: 25px;
    font-weight: bold;
    color: #6a4b92;
    font-size: 18px;
    font-size: 1.8rem;
}

.inquiry_success_con ul {
    padding: 13px 0 5px 0;
}

.inquiry_success_con ul li {
    line-height: 22px;
    color: #331515;
    font-size: 13px;
    font-size: 1.3rem;
}

.inquiry_success_con dl {
    border-top: 1px solid #ebe4f6;
    margin-top: 10px;
    padding-top: 10px;
    color: #331515;
    font-size: 12px;
}

.inquiry_success_con dl dt {
    float: left;
    width: 75px;
    font-weight: bold;
    line-height: 22px;
}

.inquiry_success_con dl dd {
    float: left;
    width: 325px;
    line-height: 22px;
}


.alipay_status,.form_failure {width: 1000px; margin: 0 auto; margin-top: 30px; font-size: 16px; font-weight: bold;color: #6a4b92;}
.alipay_tips {  width: 1000px;  margin: 0 auto;  margin-top: 30px;  }
.alipay_tips h1 { height: 32px; font-size: 16px; font-weight: 700;  color: #6a4b92; }
.alipay_tips h1 svg, .alipay_tips h1 span{ float: left;  }
.alipay_tips h1 span { margin: 7px 0 0 20px}


/* page: return 20190305*/
.return-form { margin-top: 26px; font-size: 13px }

.return-tbl { width: 100% }
.return-tbl th, .return-tbl td { padding: 5px 0}
.return-tbl1 .col1 { width: 130px }
.return-tbl1 .col2 { width: 320px }
.return-tbl1 .col3 { width: 130px }
.return-tbl1 .col4 { width: 420px }
.return-tbl2 .col1 { width: 130px }
.return-tbl2 .col2 { width: 255px }
.return-tbl2 .col3 { width: 190px }
.return-tbl2 .col4 { width: 416px }
.return-tbl3 .col1 { width: 102px }
.return-tbl3 .col2 { width: 100px }
.return-tbl3 .col3 { width: 60px }
.return-tbl3 .col4 { width: 160px }
.return-tbl3 .col5 { width: 130px }
.return-tbl3 .col6 { width: 420px }
.return-tbl3 { margin-left: 28px; width: 972px; margin-top: -8px }
.return-tbl3 td { font-weight: normal }
.return-tbl3 tr:last-child td { padding-bottom: 0 }

.m-form-subtitle {
    width: 170px;
    height: 30px;
    position: relative;
    margin-bottom: 5px;
    overflow: hidden;
}
.m-form-subtitle:last-of-type:after{
    content: none;
}
.m-form-subtitle span,
.m-form-subtitle > p {
    font-size: 16px;
    z-index: 2;
    padding-right: 8px;
}
.m-form-subtitle > span:after{
    content: '';
    background-color: #bdbdbd;
    height: 1px;
    display: inline-block;
    width: 100px;
    z-index: 1;
    margin-top: 11px;
    position: absolute;
    margin-left: 8px;
}
.m-form-subtitle i {
    position: absolute;

}

.u-rdo-1 span { margin-left: 8px }

.return-ul1 li { font-weight: bold }
.return-ul1 li+li { padding-top: 18px }
.return-ul1 li:first-child { padding-top: 12px }

.return-dl1 {}
.return-dl1 dt { float: left; padding: 11px 20px 5px 0 }
.return-dl1 dd { overflow: hidden; background-color: #F9F9F9; border-radius: 3px; padding: 5px 10px; width: 390px; border: 1px solid #bdbdbd }
.return-upload-notice { overflow: hidden; margin-top: 5px }
.u-upload-return,
.u-delete-return { font-size: 13px; cursor: pointer }
.u-upload-return { padding: 5px 10px; margin-right: 20px; float: left }
.u-delete-return { background-color: transparent; padding: 5px 20px; border: 1px solid #bdbdbd; }
.return-file-notice { margin-top: 10px; color: #ee3134 }

/*---------------------return-invoice--------------------------*/
.return-invoice input[type=date]::-webkit-calendar-picker-indicator {
    opacity: 1;
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    left: 2px;
    background: url("/new/images/web/date_icon.png") no-repeat;
    cursor: pointer;
}

.return-invoice-td .col1 { width: 205px }
.return-invoice-td .col2 { width: 385px }
.return-invoice-td{ font-weight: bold}
.return-invoice-td input[type=text] {
    border-bottom: 1px solid #ddd;
    padding-left: 5px;
    margin-left: 5px;
    width: 280px
}
/*.return-invoice-td input[type=checkbox] {*/
/*    width: 15px;*/
/*    height: 15px;*/
/*    display: inline-block;*/
/*    text-align: center;*/
/*    vertical-align: middle;*/
/*    position: relative;*/
/*}*/
/*.return-invoice-td input[type=checkbox]:checked:before {*/
/*    content: '';*/
/*    background:#ff0000;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    border: 1px solid #ccc;*/
/*}*/
.return-invoice-checkbox {
    display:inline-block;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    cursor: pointer;
    padding-left: 30px;
    font-weight: 400;
    min-height: 18px;
    height: auto!important;
    line-height: 18px!important;
}
.return-invoice-checkbox input[type=checkbox] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
.return-invoice-checkbox input{
    position: absolute;;
    /*opacity: 0;*/
    display: none;
}
.return-invoice-checkbox span::before{
    content: '';
    position: absolute;
    display: inline-block;
    height: 13px;
    width: 13px;
    left: 0;
    top: 0px;
    border: 2px solid #e0d9ec;;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
}
.return-invoice-checkbox span::after{
    content: '';
    position: absolute;
    display: none;
    width: 4px;
    height: 9px;
    left: 6px;
    top: 1px;
    border: solid #6a4b92;
    border-width: 0 2px 2px 0;
    /* -webkit-transform: rotate(45deg); */
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.return-invoice-checkbox span{
    display: inline-block;
    line-height: 22px;
}
.return-invoice-checkbox input:checked~span:after{
    display: inline-block;
}
/*.return-invoice-checkbox:hover span::before{*/
/*    border-color: #6a4b92;*/
/*}*/


.return-invoice-radio {
    display:inline-block;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    cursor: pointer;
    padding-left: 30px;
    font-weight: 400;
    min-height: 18px;
    height: auto!important;
    line-height: 18px!important;
}
.return-invoice-radio input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
.return-invoice-radio input{
    position: absolute;;
    /*opacity: 0;*/
    display: none;
}
.return-invoice-radio span::before{
    content: '';
    position: absolute;
    display: inline-block;
    height: 13px;
    width: 13px;
    left: 0;
    top: 0px;
    border: 2px solid #e0d9ec;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    border-radius: 50%;
}
.return-invoice-radio span::after{
    content: '';
    position: absolute;
    display: none;
    width: 7px;
    height: 7px;
    left: 5px;
    top: 5px;
    background-color: #6a4b92;
    border-radius: 50%;
}
.return-invoice-radio span{
    display: inline-block;
    line-height: 22px;
}
.return-invoice-radio input:checked~span:after{
    display: inline-block;
}


.return-invoice-ra {
    display:inline-block;
    position: relative;
    margin-top: 8px;
    margin-bottom: 0px;
    cursor: pointer;
    padding-left: 20px;
    font-weight: 400;
    min-height: 18px;
    height: auto!important;
    line-height: 18px!important;
}
.return-invoice-ra input[type=checkbox] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
.return-invoice-ra input{
    position: absolute;;
    /*opacity: 0;*/
    display: none;
}
.return-invoice-ra span::before{
    content: '';
    position: absolute;
    display: inline-block;
    height: 13px;
    width: 13px;
    left: 0;
    top: 0px;
    border: 2px solid #e0d9ec;;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
}
.return-invoice-ra span::after{
    content: '';
    position: absolute;
    display: none;
    width: 4px;
    height: 9px;
    left: 6px;
    top: 1px;
    border: solid #6a4b92;
    border-width: 0 2px 2px 0;
    /* -webkit-transform: rotate(45deg); */
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.return-invoice-ra span{
    display: inline-block;
    line-height: 18px;
}
.return-invoice-ra input:checked~span:after{
    display: inline-block;
}

.eta-tips {
    padding: 5px 0 0 12px;
    font-weight: bold;
    margin-bottom: -4px;
    line-height: 16px;
    height: 16px;
}
.eta-tips>span {
    color: #FF6600;
}


.cart_list_tbl td.c_name, .c_succ_pro_name { position: relative }
.cart_list_tbl td.c_name>.eta-tips-cart{
    position: absolute;
    bottom: 7px;
    width: 796px;
    color: #9f9f9f;
    line-height: 18px;
    padding: 2px 0;
}
.cart_list_tbl td.c_name>.eta-tips-cart+a,
.c_succ_pro_name>.eta-tips-cart+a
{
    display: inline-block;
    padding-bottom: 22px;
}

.c_succ_pro_name>.eta-tips-cart{
    position: absolute;
    bottom: 0;
    width: 796px;
    color: #9f9f9f;
    line-height: 18px;
    padding: 2px 0;
}

#col-lib-container {

}


/*--------购物车搜索-------------*/
.shop-cart{
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.shop-cart-search{
    width: 387px;
    position: relative;
}
.shop-cart-search input[type=text]{
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding-left: 12px;
    border: 1px solid #bdbdbd;
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 14px;
}
.shop-cart-search > input[type=text]::placeholder{
    color: #999;
    font-size: 14px;
}
.shop-cart-search div{
    width: 40px;
    height: 32px;
    border-radius:0 8px 8px 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #2cb8c3;
    position: absolute;
    right: 0;
    top:0;
    cursor: pointer;
}
.shop-cart-search i{
    color: #fff;
    font-size: 16px;
    position: absolute;
    right:12px;
    top:7px;
    cursor: pointer;
}
.search-content{
    width: 100%;
    margin-top: 10px;
    float: left;
}
.search-content ul{
    width: 100%;
    float: left;
}
.search-content ul li{
    padding: 5px 15px;
    float: left;
    border-radius: 3px;
    border: 1px solid #bdbdbd;
    background: #f7f7f7;
    cursor: pointer;
    margin: 6px 6px 0 0;
}

.searchLiActived {
    color: white;
    background: #2cb8c3 !important;
}
.shop-cart-check{
    width: 100%;
    float: left;
    margin-top: 30px;
}
.shop-cart-check > div{
    width: auto;
    float: left;
    padding: 3px 10px;
    background: #ff7e00;
    line-height: 30px;
    margin-right: 10px;
    border-radius: 6px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
}

.my-radio {
    position: relative;
    z-index: 1;
    margin-top: -1px
}

.my-radio:checked::after {
    content: ""
}
.my-radio span {
    display: inline-block;
    line-height: 22px;
}

.my-radio::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    margin-top: -1px;
    margin-left: -1px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #ddd
}

.my-radio::after {
    position: absolute;
    top: 3px;
    left: 3px;
    background-color:#6a4b92;
    width: 8px;
    height: 8px;
    border-radius: 50%
}