@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;  font-size: 26px; line-height: 30px;}
#form_tit a { display: block; float: right;
    /*width: 155px; */
    padding: 4px 10px 5px 10px; font-size: 14px; line-height: 20px; font-weight: bold; color: #FFF; text-align: center; background: #ff7e00;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

/* form_input */
.cus_info input[type="text"], .cus_info select, .cus_info textarea { padding: 0 5px; color: #331515; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.cus_info input[type="text"] {height: 24px;}
.cus_info select { padding: 0; height: 26px; line-height: 20px;}
.cus_info textarea { height: 48px; padding: 5px; line-height: 16px;}

/* icheck */
.rdo_circle,.rdo_square,.ckb_square { display: inline-block; width: 20px; height: 20px; padding: 0; border: none; margin: 0; vertical-align: middle; background-repeat: no-repeat;}
.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); background-position: -2px 0;}
.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_cat { width: 110px;}
.c_name { width: 290px; padding-right: 30px;}
.c_size { width: 148px;}
.c_price { width: 110px;}
.c_qty { width: 135px; padding-right: 60px; text-align: right;}
.c_qty input[type="text"] { float: right; width: 20px; height: 20px; padding: 0 3px; border-left: 0; border-right: 0;border-top: 1px solid #CCC;border-bottom: 1px solid #CCC; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.c_qty span { display: block; float: right; width: 20px; height: 20px; border: 1px solid #CCC; line-height: 20px; color: #331515; text-align: center; 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: #ebebe4;}
.c_qty span.disabled:hover { cursor: default;}
.c_qty_frees {  }
.c_amount { width: 75px; font-weight: bold }
.c_remove { width: 130px; text-align: center}
.cart_list_del { display: block; width: 12px; height: 12px; margin: 4px auto 0 auto; background: url("../images/web/icon.png") no-repeat 0 -104px;}
.cart_list_del:hover { cursor: pointer }

/* cart Qty - Cart Page - by wdf20180328*/
.c_qty_new { width: 135px; padding-left: 10px }
.c_qty_new > input[type='text'], .c_qty_new >span, .c_qty_new > i { float: left }
.c_qty_frees span { display: inline-block; width: 28px; margin-left: 10px; text-align: center }
.qty_txt {
    display: inline-block;
    float: none;
    -webkit-box-sizing: border-box; box-sizing: border-box;
    width: 28px; height: 24px; margin-left: 10px; margin-top: -2px; border: 1px solid #bdbdbd;
    border-radius: 3px;
    text-align: center;
}
.btn_pro_delete {
    margin-top: 2px; margin-left: 15px;
    font-size: 16px; color: #6A4B92;
}
.btn_pro_delete:hover { cursor: pointer }
.c_eta { width: 132px; padding-left: 37px; font-weight: bold }

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

/*cart_list_hd*/
.cart_list_hd { border-bottom: 2px solid #ebe4f6;}
.cart_list_hd th { color: #331515; font-size: 13px; line-height: 30px; }

/*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 { padding-bottom: 7px; line-height: 20px; vertical-align: top }
.cart_list_tbl th { padding-top: 10px; border-top: 1px solid #FFF }
.cart_list_tbl td { padding-top: 10px; border-top: 1px dotted #ebe4f6 }
.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; font-weight: 700; color: #ee3134 }

/* cart list tips - Cart Page - by wdf20180328*/
.cart_list_tips {
    overflow: hidden;
    padding: 9px 0 7px; border-bottom: 1px solid #ebe4f6;
    font-size: 13px;
}
.cart_list_tips tr:last-child td {
    padding-top: 6px;
    vertical-align: top;
}
.cart_list_tips td {
    box-sizing: border-box;
    padding-top: 4px; padding-bottom: 4px;
}
.cltips1 { width: 286px; text-align: right }
.cltips2 { width: 504px; padding-right: 62px; text-align: right }
.cltips3 { width: 210px }

.w135 { height: 26px; width: 135px; margin-left: 8px }
.w115 { height: 26px; width: 115px; margin-left: 2px }

.fedex-sh>td { padding-top: 4px; padding-bottom: 4px }
.usa-ship-items > td { padding-bottom: 4px }
.non-usa-shfee > td  { padding-bottom: 4px }
#fedexTips { padding-right: 60px; text-align: right; padding-top: 0; line-height: 18px }

.csh-1 {width: 245px;}
.csh-2 {width: 374px;}
.csh-3 {width: 174px;}
.csh-4 { width: 207px }

.csh-12  { line-height: 18px }
/*.chs-23  { width: 510px }*/
/*.csh-123 { width: 793px }*/

.pr30 { padding-right: 60px }
.cart_list_tips td .pb5 { padding-bottom: 5px }

.lh18 { line-height: 18px }

/* module: Custom Cart: Country & Fedex & SH - by wdf 20180509 */
.cart_list_info { overflow: hidden; padding: 10px 0; border-bottom: 1px solid #ebe4f6; }
.select-cart-country { width: 136px; margin-right: 10px; height: 26px; line-height: 26px;}
.cart_list_info >table { width: 100% }
.cart_list_info >table td { font-size: 13px; vertical-align: middle; box-sizing: border-box; padding-top:5px; padding-bottom: 5px }
.cart_list_info td input[type="text"] { width: 100px;  height: 20px; padding: 2px 5px }
.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, .cart_list_ftr td { box-sizing: border-box; vertical-align: top }
.cart_list_ftr th { width: 792px; padding: 20px 59px 0 0; font-size: 13px; text-align: right}
.cart_list_ftr td { width: 208px; padding-top: 12px; font-size: 24px; font-weight: 700; color: #6a4b92}


/*-------------EuActive---------------*/
.cart_list_ftr-eu {border-bottom: 1px solid #ebe4f6; padding-bottom: 12px;}
.cart_list_ftr-eu th, .cart_list_ftr-eu td { box-sizing: border-box; vertical-align: top }
.cart_list_ftr-eu th {text-align: right;color: #331515;width: 792px;padding: 12px 60px 0 0;vertical-align: top;font-size: 13px;}
.cart_list_ftr-eu th button{height: 30px; line-height: 30px; padding: 0 15px; color: #fff; font-weight: bold;}
.cart_list_ftr-eu td { width: 208px; padding-top: 12px; font-size: 14px; font-weight: 700; color: #ee3134;}

#country_exchange_div { visibility: hidden; height: 40px; line-height: 40px; font-size: 12px; color: #ee3134; font-weight: bold; text-align: right }

/* ====================================================
     customer info
==================================================== */
.cus_info { margin-top: 40px; border: 1px solid #DDD; -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; border: 0;  margin: 0; font-weight: 400; text-align: center; }
.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-left: 49px; margin: 20px auto; }
.cus_info_tips p { font-size: 12px; color: #ee3134; line-height: 20px; font-weight: 700;}
.california-warning { padding: 10px 0 5px 0; }

/* Base info (cart/free sample)==================================== */
.cus_info_base         { margin-top: 20px;}
.cus_info_base th,.cus_info_base td      { vertical-align: middle; height: 32px; box-sizing: border-box }
.cus_info_base th      { font-size: 13px; line-height: 16px; color: #331515; padding-right: 10px; }
.cus_info_base th>span { display: inline-block; width: 6px; color: #ee3134; }
.cus_info_base td input[type="text"] { width: 230px; }
.cus_info_base td select             { width: 247px; }
.cus_info_base td textarea           { width: 880px; height: 48px; margin-left: 10px; line-height: 16px; }

#cus_info_free_notice      { box-sizing: border-box; visibility: visible; min-height: 44px; line-height: 16px; color: #666; padding: 6px 0 6px 141px; }
#cus_info_free_notice>span { color: #ee3134; }

/*cus_info_other*/
.cus_info_other dt      { margin: 25px 0 5px 0; font-size: 13px; line-height: 24px; font-weight: 700; color: #331515; }
.cus_info_other dt>span {color: #ee3134;}
.cus_info_other dd      { font-size: 12px;}

/* Shipping address (cart/free sample)==================================== */
.cus_info_ship table    { margin-left: 50px; margin-top: -4px }
.cus_info_ship table th, .cus_info_bill ul li table th { line-height: 16px; vert-align: middle; height: 32px; }
.cus_info_ship table td, .cus_info_bill ul li table td {  }

.cus_info_ship table th { font-weight: 400; color: #331515;}

.cus_info_ship table td input[type="text"] { width: 190px; margin-top: 1px }
.cus_info_ship table td select             { width: 202px;}


/* Billing information (cart) ==================================== */
.cus_info_bill ul li { line-height: 24px; color: #331515; }
.ml50 { margin-left: 50px }
.cus_info_bill ul li>span { margin-left: 5px;}
.cus_info_bill ul li input[type="text"] { width: 621px; margin-left: 3px; }
.cus_info_bill ul li table   { margin-bottom: 22px; }

.cus_info_bill ul li table th { font-weight: 400; }
.cus_info_bill ul li table td input[type="text"] { width: 190px; margin-left: 0; }
.cus_info_bill ul li table td select             { width: 202px;  margin-left: 0; }

/* Select a payment method (cart)==================================== */
.cus_info_pay dl         { margin-left: 50px; }
.cus_info_pay dl dt      { height: 24px; margin-top: 10px; font-size: 12px;  line-height: 24px; color: #331515; }
.cus_info_pay dl dt span {margin-left: 5px; color: #331515;}
.cus_info_pay dl dd      { line-height: 24px; color: #331515;}
.cus_info_pay_card table    { margin-left: 25px;}
.cus_info_pay_card table th { font-weight: 400;}
.cus_info_pay_po label      { margin-left: 25px;}
.cus_info_pay_po label span { margin-right: 16px;}
.cus_info_pay_po label input[type="text"] { width: 190px;}

/* Select a payment method for shipping and handling (free sample)==================================== */
/*sh_type*/
.sh_type    { margin-left: 50px;  font-weight: 700;}
.sh_type li { margin-bottom: 10px;}
.sh_type span       { margin-left: 8px; font-weight: 400; color: #331515; }
.sh_type span.ml_9  { margin-left: 9px; }

.sh_type input[type="radio"] { margin-right: 8px; }
.sh_type input[type="text"]  { width: 127px; margin: 0 5px; }

.sh_method         { overflow: hidden; margin: 18px 0 0 94px;}
.sh_method dd      { float: left; margin-right: 20px; }
.sh_method dd span { margin-left: 5px; }

/*PO number*/
.po_div      { margin-left: 21px;}
.po_div span { margin-right: 5px;}
.po_div input[type="text"] {width: 172px;}


/*Pay now by credit card*/
.sh_card    { display: none; margin: 10px 0 0 120px;}
.sh_card th { height: 20px; font-weight: 400; vertical-align: top; }

.sh_card_col_1 { width: 155px;}
.sh_card_col_2 { width: 185px;}
.sh_card_col_3 { width: 187px;}
.sh_card_col_4 { width: 197px;}
.sh_card_col_5 { width: 126px;}

/*sh_po*/
.sh_po { display: none; margin: 10px 0 0 291px;}
.sh_po th { color: #F60; }
.sh_po td input[type="text"] { margin: 0 5px;}

/*sh_bill*/
.sh_bill    { display: none; margin: 10px 0 0 120px; }
.sh_bill dt { margin: 0; line-height: 24px; font-weight: 700;}
.sh_bill dd { line-height: 24px;}
.sh_bill dd ul li span { margin-left: 5px;}
.sh_bill dd ul li input[type="text"]         { width: 600px; margin-left: 32px; }
.sh_bill dd ul li table    { margin: 6px 0 0 25px }
.sh_bill dd ul li table th,
.sh_bill dd ul li table td { padding: 2px 0; font-weight: 400; }
.sh_bill dd ul li table td input[type="text"] { width: 200px; margin: 0; }
.sh_bill dd ul li table td select             { width: 212px; margin: 0; }

.sh_bill_col_1 { width: 143px}
.sh_bill_col_2 { width: 300px}
.sh_bill_col_3 { width: 110px}
.sh_bill_col_4 { width: 202px; text-align: right;}

/* Research area (free sample) ==================================== */
.cus_info_res    { font-weight: 400;}
.cus_info_res th { width: 120px;}
.cus_info_res td { width: 780px;}
.cus_info_res td input[type="text"] {  width: 690px;}

/* Use for (free sample)==================================== */
.cus_info_use    { font-weight: 400; }
.cus_info_use th { width: 120px;}
.cus_info_use td { padding-right: 30px; font-weight: 400;}
.cus_info_use td span { margin-left: 8px; color: #331515;}

.cus_info_jpdis_dt { padding-top: 15px }
.cus_info_jpdis_dd { padding: 0 0 15px 10px; }


/* Remarks ==================================== */
.cus_info_remark { padding-left: 8px;}
.cus_info_remark textarea { width: 876px; height: 48px; line-height: 16px;}

/* How did you first hear about MCE ==================================== */
/*cart part*/
.cus_info_hear  { padding-left: 10px; line-height: 20px;}
.cus_info_hear2 { padding-top: 10px}
.cus_info_hear label      {
    /*margin-right: 70px;*/
    display: inline-block;
    width: 175px;
}
.cus_info_hear label span { margin-left: 6px;}
.cus_info_hear textarea {
    display: inline-block;
    width: 300px;
    height: 24px;
    float: left;
    margin-left: 390px;
    /*margin-top: -19px;*/
}
#txta_hear_cart { display: none;}

/*free sample*/
.cus_info_hear-fs            { padding-left: 120px; line-height: 20px;}
.cus_info_hear-fs label      { margin-right: 30px;}
.cus_info_hear-fs label span { margin-left: 8px;}

/* cart and free sample*/
.cus_info_hear-fs textarea { width: 541px;  height: 48px; line-height: 16px; }

.cih_top {
    padding-top: 6px;
    overflow: hidden;
}
.cih_txta_top { padding-top: 10px; }

/* Type the characters you see in the picture below ==================================== */
.cus_info_char          { padding-left: 10px; }
.cus_info_char table    { margin-top: -10px; }
.cus_info_char table th { width: 160px; text-align: left; }
.cus_info_char table td { width: 680px; height: 50px; line-height: 30px; color: #06c;}
.cus_info_char table th img  { width: 140px; height: 50px; }
.cus_info_char table td img  { margin: 18px 10px -3px 0; cursor: pointer; }
.cus_info_char [type="text"] {width: 150px;}

/* Tips ==================================== */
.cus_info_msg label { font-weight: 400;}
.cus_info_msg label span { margin-left: 7px; color: #331515; font-size:13px;}
.cus_info_msg label span.actived {
    color: #ee3134;
    font-weight:700;
    -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 */
    animation:mymove 1s ease-in-out infinite alternate;
}
.cus_info_msg label span.overd { font-weight: 700; color: #ee3134;}

#cus_info_check_1 { padding-top: 4px; padding-bottom: 18px; line-height: 20px; overflow: hidden; }
#cus_info_check_1 * { float: left; }
#cus_info_check_1>label { margin-left: 4px }
#cus_info_check_1>label>span { display: inline-block; width: 880px; margin-top: -2px }

@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}
}

/* Submit ==================================== */
#cus_info_btn { margin: 10px 0 0 10px; }



/* Notice ==================================== */
#form_notice { margin: 10px 0 0 10px;}
#form_notice p { font-size: 13px; line-height: 18px; font-weight: 700; color: #ee3134;  }
.form_notice { margin: 10px 0 0 10px;}
.form_notice p { font-size: 13px; line-height: 18px; font-weight: 700; color: #ee3134;  }

/* ====================================================
     free samples
==================================================== */
/* free_sample_brief */
.free_sample_brief div { width: 1000px; padding-bottom: 10px; margin-top: 20px; font-size: 12px; }
.free_sample_brief div h2 { position: relative; height: 30px; padding: 0;  border: 0;  margin: 0;  font-weight: 400; text-align: center; }
.free_sample_brief div h2 span { display: block; position: relative; z-index: 9; height: 30px; margin: 0 auto; }
.free_sample_brief div h2 b { padding: 0 20px; font-size: 16px; line-height: 30px; color: #555; background: #fff;}
.free_sample_brief div h2 i { display: block; position: absolute; top: 15px; left: -3px; z-index: 1; width: 1000px; height: 1px; background: #331515; }
.free_sample_brief p { font-size: 12px; line-height: 20px; color: #331515; text-align: justify; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }

/* ====================================================
     form submit success
     cart suceess / get quotation success / free samples success
==================================================== */
.form_success { width: 1000px; margin: 30px auto 0 auto; border-bottom: 1px solid #DDD; }
.form_success div { padding: 0 15px 18px 15px; border: 1px solid #DDD; border-bottom: 0; }
.form_success div ul li p{ font-size: 12px;}

span.form_succ_tit { display: inline-block; height: 30px; padding: 0 5px; margin: -15px 0 0 -5px; line-height: 30px; font-weight: 700; color: #6a4b92;  background: #FFF; vertical-align: top}
span.form_succ_notice { color: #6a4b92;}
.form_success p  { line-height: 20px}
.form_success ul { width: 100%; }

.form_succ_tbl_1 { width: 960px }
.form_succ_tbl_1 th, .form_succ_tbl_1 td { padding-top: 4px; padding-bottom: 4px; text-align: left; vertical-align: top }
.add_space>th, .add_space> td { padding-top: 8px }
.form_succ_tbl_2 { width: 960px }
.form_succ_tbl_2 th, .form_succ_tbl_2 td { vertical-align: top }
.form_succ_tbl_2 th { padding-top: 4px; padding-bottom: 4px }
.form_succ_tbl_2 td { padding-top: 10px; vertical-align: top }
.form_succ_tbl_2 td a { font-weight: 700;  color: #6a4b92 }
.form_succ_tbl_2 td a:hover { color: #F60 }
.form_succ_tbl_3    { width: 100% }
.form_succ_tbl_3 td { padding: 2px 0; vertical-align: middle; }

/*cart success*/
.c_succ_pro_cat      { width: 105px}
.c_succ_pro_name     { width: 240px}
.c_succ_pro_price    { width: 130px}
.c_succ_pro_size     { width: 150px}
th.c_succ_pro_qty    { width: 65px}
td.c_succ_pro_qty    { width: 60px; padding-left: 5px}
.c_succ_pro_amount   { width: 118px}
.c_succ_eta          { width: 152px; text-align: center }

.c_succ_pro_fshc_1   { width: 390px; text-align: right;}
.c_succ_pro_fshc_2   { width: 295px; text-align: right;}
.c_succ_pro_fshc_2 b { margin-right: 46px;}
.c_succ_pro_fshc_3   { width: 275px;}

.c_succ_pro_total    { width: 685px; text-align: right; font-size: 16px;}
.c_succ_pro_total b  { margin-right: 44px;}
.c_succ_pro_total_price { width: 275px; font-size: 20px; color: #F60}

.cd_succ_pro_name    { width: 380px;}


/* ====================================================
     Historical Order
==================================================== */
.his_order_form { overflow: hidden; margin-top: 40px;}
.his_order_form div { float: left; padding: 10px 0; background-color: #F9F9F9; }
.his_order_form div label { margin: 0 20px;}
.his_order_form div label span { margin-right: 10px; font-weight: 700;}
.his_order_form input[type="text"]   { width: 210px; height: 26px; padding: 0 5px; }
.his_order_form input[type="submit"] { width: 155px; height: 35px; padding: 0 5px; margin: 6px 0 0 30px; font-size: 14px; font-weight: 700;  color: #FFF; line-height: 35px; background-color: #8f77b5; }

/*historical list*/
.his_order_list { border-bottom: 2px solid #8f77b5; margin-top: 20px;}
.his_order_list_tit { border-bottom: 2px solid #8f77b5; font-size: 13px;line-height: 30px; color: #6a4b92;}
.his_order_list_con { border-top: 2px solid #ebe4f6;}
.his_order_list_con td { padding-top: 10px; vertical-align: top; }

.ho_tbl { width: 715px; padding-top: 10px;}
.ho_tbl table td, .ho_tbl table th {  padding-bottom: 10px; padding-top: 0; vertical-align: top;}
.ho_tbl table th { border-top: 1px solid #ebe4f6; padding-top: 10px; font-weight: 400;}

.ho_date         { width: 105px;}
.ho_no           { width: 180px;}
.ho_cat          { width: 95px;}
.ho_name         { width: 250px}
.ho_name a       { font-weight: 700; color: #6a4b92; }
.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: 700;}

/*more*/
.his_order_more { float: right; margin-top: 10px; color: #F60;}
.his_order_more span { display: block; width: 84px; height: 20px; background: url("../images/web/icon.png") no-repeat 0 -127px;}
.his_order_more span:hover { cursor: pointer; }

/* ====================================================
     Unsubscribe
==================================================== */
.unsubscribe p {  line-height: 20px;}
.unsubscribe_form { border: 1px solid #DDD; 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: 700;}
#unsub_txt { width: 300px; height: 28px; padding-left: 10px; margin: 0 10px;}
#unsub_form > p { display: block; line-height: 30px; float: left;}


/* ====================================================
   inquiry online - search result / service / Custom Peptide Synthesis
==================================================== */
.form_inq { padding: 10px 0 10px 0; background: #fbfbfb; }
.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 { padding: 10px 0 0 0; text-align: right; vertical-align: top;}
.form_inq table th>span { color: #ee3134;}
.form_inq table td { padding: 4px 0 11px 20px;}

.inq_col_1 { width: 180px}
.inq_col_2 { width: 290px;}
.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}
td.inq_col_5_peptide_synthesis textarea { width: 642px; height: 60px; padding: 1px 5px;}
.inq_col_6_peptide_synthesis { width: 206px; padding: 10px 0 0 20px;}

.form_inq td input[type="text"] { width: 230px; height: 24px; padding: 0 5px;}
.form_inq td select { width: 242px; height: 26px; line-height: 20px;}
.form_inq td textarea { width: 725px; height: 40px; line-height: 20px; padding: 2px 5px;}

.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;}

/* ====================================================
   inquiry online - Custom Peptide Synthesis
==================================================== */
.a_purple_bold_underline, .a_peptide_note { font-weight: 700; color: #6a4b92; border-bottom: 1px solid #6a4b92; }
.a_purple_bold_underline { font-size: 13px; }
.a_purple_bold_underline:hover,.a_peptide_note:hover { color: #F60; border-bottom: 1px solid #F60; }

.form_peptide { padding: 27px 0 10px 0; background: #fbfbfb; }
.div_peptide_header {}
.div_peptide_con { margin-top: 32px; }
.div_peptide_footer { padding-top: 25px}

.div_peptide_tit { position: relative; height: 30px; padding: 0 182px 0 230px; }
.div_peptide_tit i { display: block; width: 100%; height: 1px; font-size: 1px; background-color: #bdbdbd; }
.div_peptide_tit b { display: block; width: 124px; height: 30px; margin: -16px auto auto ; font-size: 14px; line-height: 30px; text-align: center; background-color: #fbfbfb }
.div_peptide_tit span { display: none; position: absolute; right: 96px; top: -8px; width: 44px; height: 16px; font-size: 14px; font-weight: 700; color: #6a4b92; vertical-align: middle; text-align: center; text-decoration: underline}
.div_peptide_tit span:hover { cursor: pointer; color: #F60; }

.form_peptide_tbl { width: 100%; font-size: 12px;}
.form_peptide_tbl th, .form_peptide table td { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.form_peptide_tbl th { padding: 10px 25px 0 0; text-align: right; vertical-align: top;}
.form_peptide_tbl th>span { color: #ee3134;}
.form_peptide_tbl td { padding: 4px 0;}

.form_peptide_col_1 { width: 230px}
.form_peptide_col_2 { width: 230px }
.form_peptide_col_3 { width: 215px}
.form_peptide_col_4 { width: 325px}
.form_peptide_col_6 { line-height: 22px;}

.form_peptide table td input[type="text"], .form_peptide table td select, .form_peptide table td textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
.form_peptide table td input[type="text"] { width: 230px; height: 26px; padding: 0 5px;}
.form_peptide table td select { width: 242px; height: 26px; }
.form_peptide table td textarea { width: 675px; height: 44px; line-height: 18px; padding: 3px 5px;}

.peptide_footer_add, .peptide_footer_or, .peptide_footer_quote, .form_peptide_tips { float: left }
.peptide_footer_add { margin-left: 230px; }
.peptide_footer_or { width: 56px; font-size: 14px; line-height: 30px; text-align: center; }
.form_peptide_tips { margin-left: 20px; font-size: 13px; font-weight: 700; color: #ee3134; line-height: 32px }
#btn_peptide_add { width: 174px; height: 30px; border: 1px solid #8f77b5; font-size: 14px; font-weight: 700; color: #FFF; background-color: #8f77b5; }
#btn_peptide_add:hover { cursor: pointer }

/*form submit button*/
.form_btn_submit, .form_btn_submit_send { padding: 0 10px; height: 30px; font-size: 14px; font-weight: 700; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius: 3px; }
/* form button init */
.form_btn_submit { border: 1px solid #ff7e00; color: #FFF; line-height: 27px; background-color: #ff7e00;  cursor: pointer; }
/* form button sending */
.form_btn_submit_send { border: 1px solid #CCC; color: #FFF; line-height: 26px; background-color: #CCC;  }

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


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

/*.form_btn_submit:hover { cursor: pointer; }*/

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

/*Inquiry Submit Button*/
.btn_inquiry_submit, .btn_sdf_submit, .form_btn_submit_send, .btn_inquiry_submit_gray { height: 30px; font-size: 14px; font-weight: 700;  color: #FFF; line-height: 30px; }
.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;}
.btn_sdf_submit     { padding: 0 35px;}
.form_submit_loading i { font-size: 30px; color: #ccc;}



/* ====================================================
     inquiry online -
     library details / inhibitor details / product details
==================================================== */
.fc_red { color: #ee3134 }
.inquiry,.inquiryCas {
    display: none;
    width: 700px;
    /*height: 454px; */
    position: fixed;
    z-index: 1001;
    top: 50%;
    left: 50%;
    margin-top: -215px;
    margin-left: -350px;
    background-color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*inquiry tit*/
.pop_tit      { height: 35px; padding: 0 20px; border-bottom: 1px solid #ebe4f6; font-size: 12px; background-color: #f9f7fb; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;}
.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 { font-size: 14px; font-weight: 700; color: #331515; }

/*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; }
.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: 25px; padding: 0 5px;}
.inquiry_forms select   { height: 27px; line-height: 21px;}
.inquiry_forms textarea { width: 526px; height: 36px; padding:2px 5px; line-height: 18px; }

.txt_185 { width: 173px;}
.sel_185 { width: 185px;}
.txt_100 { width: 100px;}
.sel_70  { width: 64px; margin-left: 5px;}

/*Inquiry Success POP*/
.inquiry_success           { display: none; position: fixed; z-index: 1001; top: 50%; left: 50%; width: 480px; padding-bottom: 20px; margin-left: -240px; background-color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.inquiry_success_tit       { height: 35px; padding: 0 20px; border-bottom: 1px solid #ebe4f6; background-color: #f9f7fb; 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     { float: left; font-weight: 700; color: #502c7f; }
.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-size: 18px; font-weight: 700; color: #6a4b92; }
.inquiry_success_con ul    { padding: 13px 0 5px 0; }
.inquiry_success_con ul li { font-size: 13px; color: #331515; line-height: 22px; }

.inquiry_success_con dl    { padding-top: 10px; border-top: 1px solid #ebe4f6; margin-top: 10px; font-size: 13px; color: #331515; }
.inquiry_success_con dl dt { float: left; width: 100px; font-weight: 700; line-height: 22px;  }
.inquiry_success_con dl dd { float: left; width: 340px; line-height: 22px;}
/* inquiry form: success table */
#customerAgentTitle  { width: 200px }
#customerAgentName   { width: 240px }


/*** Custom Module ***/
/* module: Custom Check out Table - by wdf 20180224 */
.custom-Coutry-SH { overflow: hidden; padding: 9px 0 12px; border-bottom: 1px solid #ebe4f6; font-size: 13px }
.custom-select-coutry { float: left; width: 400px; margin-top: 4px; padding-left: 180px }
table.custom-SH { float: left; width: 600px }
table.custom-SH td { width: 390px; padding: 4px 60px 4px 0; text-align: right }
table.custom-SH th { width: 210px; padding-top: 4px }

.custom-total th, .custom-total td,table.custom-SH td, table.custom-SH th,.custom-select-coutry { box-sizing: border-box; vertical-align: top }

.custom-total { border-bottom: 2px solid #ebe4f6; height: 47px }
.custom-total th { width: 789px; padding-top: 20px; padding-right: 59px; font-size: 13px; text-align: right}
.custom-total td { width: 211px; padding-top: 12px; font-size: 24px; font-weight: 700; color: #6a4b92}


/* MCE UI 20190715 wdf*/
.form-control {
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
[type="text"].form-control,  select.form-control, textarea.form-control {
    /*border: 1px solid #bdbdbd;*/
}
[type="text"].form-control {
    padding: 0 5px;
}
select.form-control {
    line-height: 20px;
}
textarea.form-control {
    padding: 5px;
    line-height: 16px;
}
.button-submit.form-control {
    border: 1px solid #ff7e00;
    font-size: 14px;
    color: #FFF;
    height: 30px;
    line-height: 27px;
    background-color: #ff7e00;
    cursor: pointer;
    font-weight: bold;
    padding: 0 20px;
}
.button-upload {
    padding: 5px 9px;
    background-color: #eee;
    border: 1px solid #bdbdbd;
    cursor: pointer;
}
.size-review-text { width: 250px; height: 26px; }
.size-review-select { width: 250px; height: 28px; }
.size-review-textarea { width: 532px; height: 76px }
.label-control {
    display: inline-block;
    vertical-align: top;
}
.file-control {
    display: inline-block;
    position: relative;
}
.file-control>[type="button"] {

}
.file-control>[type="file"] {
    position: absolute;
    top: -1px;
    left: 1px;
    opacity: 0;
    font-size: 17px;
}

/* JP: Select Japan Distributor */
.jp-dis-item>label {
    padding-top: 4px;
    display: inline-block;
    width: 175px;
}
.jp-dis-item>label>span {
    margin-left: 6px;
}
.jp-dis-inq {
    padding-left: 10px;
    display: inline-block;
}
.jp-dis-inq>label {
    font-weight: normal;
    padding-top: 4px;
    display: inline-block;
    /*width: 162px;*/
    padding-left: 11px;
}
.jp-dis-quto {
    padding-left: 40px;
    display: inline-block;
}
.jp-dis-quto>label {
    font-weight: normal;
    padding-top: 4px;
    display: inline-block;
    width: 190px;
}

.en-jp-dis-inq {
    padding-left: 10px;
    display: inline-block;
}
.en-jp-dis-inq>label {
    font-weight: normal;
    padding-top: 4px;
    display: inline-block;
    /*width: 152px;*/
    padding-left: 11px;
}

/* 20200219 California P65*/
.cart_list_tbl td.c_name { position: relative }
.cart_list_tbl td.c_name>.ca-p65-pro-tips {
    position: absolute;
    bottom: 7px;
    width: 796px;
    color: #9f9f9f;
    line-height: 18px;
    padding: 2px 0;
}
.cart_list_tbl td.c_name>.ca-p65-pro-tips[style="display: block;"]+a {
    display: inline-block;
    padding-bottom: 22px;
}
.cus_info_other dt.isCaliforniaP65 { margin-top: -12px }


/* Quotation Success */
.q_succ_pro_cat   { width:110px }
.q_succ_pro_name  { width:276px }
.q_succ_pro_size  { width:194px }
th.q_succ_pro_qty { width: 380px; }
td.q_succ_pro_qty { width: 375px; padding-left:5px; }


/* Quotation form */
.quto-form-tbl { margin-top: 20px }
.quto-form-tbl th,.quto-form-tbl td      { vertical-align: middle; height: 32px; box-sizing: border-box }
.quto-form-tbl th      { font-size: 13px; line-height: 16px; color: #331515; padding-right: 10px; }
.quto-form-tbl td      { padding-top: 1px; }
.quto-form-tbl th>span { display: inline-block; width: 6px; color: #ee3134; }
.quto-form-tbl td input[type="text"] { width: 230px; }
.quto-form-tbl td select             { width: 247px; }
.quto-form-tbl td textarea           { width: 880px; height: 48px; margin-left: 10px; line-height: 16px; }
.quto-form-tbl th.col1 { width: 150px }
.quto-form-tbl td.col2 { width: 360px }
.quto-form-tbl th.col3 { width: 150px }
.quto-form-tbl td.col4 { width: 240px }
.quto-form-tbl th.col1234, .quto-form-tbl th.col1234 {}



.ci_base_col_1 { width: 140px }
.ci_base_col_2 { width: 345px }
.ci_base_col_3 { width: 140px }
.ci_base_col_4 { width: 274px }

.ci_bill_col_1 { width: 140px }
.ci_bill_col_2 { width: 345px }
.ci_bill_col_3 { width: 140px }
.ci_bill_col_4 { width: 274px }

.ci_addr_col_1 { width: 130px }
.ci_addr_col_2 { width: 270px }
.ci_addr_col_3 { width: 100px }
.ci_addr_col_4 { width: 240px }
.ci_addr_col_5 { width: 100px }
.ci_addr_col_6 { width: 60px }
.ci_addr_col_7 { width: 180px }


.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;
}

/* kitProInfos style */
.promotion {
    display: flow-root;
    margin-bottom: 40px;
    margin-top: -35px;
}

.active-table {
    width: 100%;
    margin-top: 15px;
}
.active-table tr:first-child th{
    border-bottom: 2px solid #ebe4f6;
    padding-bottom: 7px;
}

.active-table tr td {
    border-bottom: 1px dotted #ebe4f6;
    padding: 10px 0 7px;
    vertical-align: middle;
}

.td-pl20 {
    padding-left: 20px;
}

.active-table tr td:nth-child(3) {
    padding-right: 30px;
}