@charset "utf-8";

/*
* @description: Public Style
* @author: wdf
* @update: wdf (2018-05-08)
*/
strong, b { font-weight: 700 }

.f16, .list_h2 h2.f16 { font-size: 16px }
.f14 { font-size: 14px }
.f13 { font-size: 13px }
.f12 { font-size: 12px }
.f17 { font-size: 17px }
.f18 { font-size: 18px }
.f19 { font-size: 19px }
.f20, h2.f20 { font-size: 20px }
.f22 { font-size: 22px }
.f23 { font-size: 23px }
.f24 { font-size: 24px }
.f26 { font-size: 26px }
.f30 { font-size: 30px }
.f32 { font-size: 32px }
.f36 { font-size: 36px }
.f30 { font-size: 30px }
.f32 { font-size: 32px }
.f38 { font-size: 38px }

.fleft  { float: left }
.fright { float: right}

.fl { float: left }
.fr { float: right }
.fw-bold   { font-weight: bold }
.fw-normal { font-weight: normal }
.fwb { font-weight: bold }
.before-dot:before {
    content: '•';
    display: inline-block;
}

.purple { color: #6a4b92 }
.orange { color: #F60 }
.black  { color: #331515 }
.red    { color: #ee3134}
.white  { color: #FFF }
.orange { color: #FF6600 }
.orange-tip { color: #D1510A}
.light-gray { color: #9f9f9f }
.a-purple       { color: #6a4b92 }
.a-purple:hover { color: #F60 }

.a-purple-bb { color: #6a4b92; font-weight: 700 }
.a-purple-bb:hover { color: #F60; border-bottom: 1px solid #F69120 }

.link-regular { color: #6a4b92; font-weight: bold; cursor: pointer }
.link-regular:hover { color: #F60 }

.link-line { border-bottom: 1px solid #f69120; text-decoration: none; }
.link-line:hover { color: #F60 }

.link-product{
    color: #6a4b92;
}

.bor-line { border-bottom: 1px solid #f69120 }

a.purple { color: #6a4b92 }
a.purple:hover { color: #F60 }

a.orange { color: #FF6600 }

a.link-red {
    font-weight: bold;
    border-bottom: 1px solid #ee3134;
}
a.link-red:hover {
    color: #F60;
}

.bg-purple { background-color: #8972ac }

.lh18 { line-height: 18px }
.lh20 { line-height: 20px }

.mt-9 { margin-top: 9px  }
.mt6  { margin-top: 6px }
.mt8  { margin-top: 8px }
.mt10 { margin-top: 10px }
.mt-15 { margin-top: -15px }
.mt-7 { margin-top: -7px }
.mt-3 { margin-top: -3px }
.mt20 { margin-top: 20px }
.mt25 { margin-top: 25px }
.mt35 { margin-top: 35px }
.mt12 { margin-top: 12px }
.mt14 { margin-top: 14px }
.mt16 { margin-top: 16px }
.mt22 { margin-top: 22px }
.mt50 { margin-top: 50px }
.mt60 { margin-top: 60px }
.mt70 { margin-top: 70px }
.mt40 { margin-top: 40px }
.mt34 { margin-top: 34px }
.mb10 { margin-bottom: 10px }
.mb30 { margin-bottom: 30px }
.ml10 { margin-left: 10px }
.ml12 { margin-left: 12px }
.ml20 { margin-left: 20px }
.ml25 { margin-left: 25px }
.ml79 { margin-left: 79px }
.mr10 { margin-right: 10px }
.ml5 { margin-left: 5px }
.mr5 { margin-right: 5px }
.pr10 { padding-right: 10px }
.pl20 { padding-left: 20px }
.pr20 { padding-right: 20px }
.pb10 { padding-bottom: 10px }
.pb12 { padding-bottom: 12px }
.pb20 { padding-bottom: 20px }
.pb15 { padding-bottom: 15px }
.pb5 { padding-bottom: 5px }
.pt2 { padding-top: 2px }
.pt5  { padding-top: 5px }
.pt10 { padding-top: 10px }
.pt15 { padding-top: 15px }
.padding20 { padding: 20px }
.pt20 { padding-top: 20px }
.pt25 { padding-top: 25px }
.pt30 { padding-top: 30px }
.pt40 { padding-top: 40px }
/*.w998 { width: 998px }*/

.center { text-align:  center }
.right  { text-align: right }
.middle { vertical-align: middle }



.h0 { display: block; height: 0;}

.btn-regular {
    height: 30px;
    padding: 0 36px;
    background-color: #ff7e00;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.m-border-1 {
    overflow: hidden;
    width: 100%;
    border-color: #ebe4f6; border-style: solid; border-width: 2px 1px 1px 1px
}
.m-btop-purple { border-top-color: #8972ac }

.border1 { border: 1px }
.borbtm-red { border-bottom: 1px solid #ee3134; padding-bottom: 1px }
.b-radius3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }

.border-box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }

.pointer { cursor: pointer }

.h2-sign { display: block; width: 12px; height: 2px; background-color: #8972ac}
.font-h2 { font-size: 14px; font-weight: bold; color: #6a4b92 }

.dis-hide  { display: none }
.dis-block { display: block }
.hidden  { visibility: hidden }
.visible { visibility: visible}

.cl::after {
    display: block;
    content: '';
    height: 0;
    clear: both;
    visibility: hidden;
}

input[disabled], input[disabled='disabled'] { background-color: #F1F1F1 }
.common-text { height: 28px; padding: 0 7px }
.common-textarea { line-height: 21px; padding: 5px }
.w240 { width: 240px }
.w172 { width: 172px }
.w80 { width: 80px }
.w821 { width: 821px }
.w366 { width: 366px }
.w690 { width: 690px }
.required-mark { color: #ee3134 }
.not-required-mark { visibility: hidden }
/*module: view and collapse*/
.view_collapse { width: 95px }
.view_collapse > span { height: 9px; font-weight: bold; color: #F60; line-height: 11px }
.view_collapse > span:hover { cursor: pointer  }
.view_collapse > span > i { margin-left: 11px; font-weight: bold }
.view_more:before { content: "View More" }
.collapse:before  { content: "Collapse" }
.collapse { display: none }

.vc-before { width: 80px }
.vc-before > span { height: 20px; font-weight: bold; color: #F60; line-height: 20px }
.vc-before > span:hover { cursor: pointer  }
.vc-before > span > i { margin-right: 7px; font-weight: bold }
.vc-before>.view_more:after { content: "View More" }
.vc-before>.collapse:after  { content: "Collapse" }
.vc-before>.view_more:before, .vc-before>.collapse:before { content: ''}
.vc-before>.collapse { display: none }

.vc-center {
    padding: 0;
    width: 95px;
    margin: 10px auto -1px 343px;
    display: none;
}

/* Kits Details => Publication */
#kitPubToggle {
    width: 180px;
    padding: 0;
    margin: -8px auto 11px 18px
}
#kitPubToggle.vc-before>.view_more:after { content: "View More Publications" }

.pathway_map_collapse {  }
.pathway_map_collapse > span { height: 20px; font-weight: bold; color: #6a4b92; line-height: 20px }
.pathway_map_collapse > span:hover { cursor: pointer  }
.pathway_map_collapse > span > i { margin-right: 11px; font-weight: bold }
.pathway_map_collapse .icon-angle-up { display: none }

/*Page: Search Result*/
/* module: view and collapse - by wdf 20180224 */
.div_h72  { overflow: hidden; height: 72px }
.div_auto { overflow: auto;   height: auto }
#sh_search_target { height: 14px; margin: 2px 0 -7px 0 }
#sh_search_target>span { height: 14px }
/*#sh_search_target { margin: 2px 0 -7px 0 }*/
#sh_search_target.view_collapse { width: 90px }
#sh_search_target > span:before { content: "" }
#sh_search_target > span.collapse { display: none }
#sh_search_target > span > i { margin-left: 4px; margin-right: 13px }
#sh_search_target > .view_more:after { content: "View More" }
#sh_search_target > .collapse:after { content: "Collapse" }

/*Customer Validation*/
.cv_sh_icon { position: absolute; right: 0 }
.cv_sh_icon:hover { cursor: pointer }
.cv_sh_icon > span > i { font-size: 18px; font-weight: bold; color: #F60 }
#pro_cv_sh { top: 136px;display: none; }
#lib_cv_sh { top: 123px }

/* module: kit and lib image - by wdf 20180309 */
.thumbnail { display: inline-block; margin-top: 10px }
.lib-thumbnail { margin-top: -6px }
.kit-thumbnail { margin-top: 8px; width: 180px; height: 180px }
.kit-thumbnail2 { margin-top: -4px }
.picture-mask { position: fixed; z-index: 1000; left: 0; top: 0; display: table;  width: 100%; height: 100%; background-color: rgba(0,0,0,.5);}
.picture-content { display: table-cell; vertical-align: middle; text-align: center;}
.picture { position: relative; display: inline-block; max-width: 600px; max-height: 600px; background-repeat: no-repeat; background-size: 100% }
.picture > img { width: 100%; height: 100% }
.picture >.closed { position: absolute; top: 8px; right: 10px; color: #898a8a }

.pointer:hover { cursor: pointer}

/* module: Compound => Chemical Structure by wdf 20180319*/
.hyphenate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/* MainNav: dropdown list by wdf 20180319*/
.nav_dropdown { display: none; position: absolute; z-index: 100 }
.nav_dropdown_arrow > span {
    display: block;
    width: 20px; height: 10px;
    background: url(../images/web/icon_comm.png) no-repeat 0 -20px;
    line-height: 10px
}
.nav_dropdown_con { overflow: hidden; padding: 20px 10px 15px 20px; background: #FFF;  border-radius: 3px }
.nav_dropdown_con a:hover { color: #F60 }

/*.nav-service-list-en  { width: 228px; margin: 22px 0 0 743px }*/
/*.nav_service_arrow-en { margin-left: 61px }*/
/*.nav_service_con-en   { width: 228px }*/

/*.nav_service_arrow-cn { margin-left: 101px }*/
/*.nav-service-list-cn  { width: 220px; margin: 22px 0 0 754px }*/
/*.nav_service_con-cn   { width: 220px }*/

#nav_news_con li, #nav_active_con li, #nav_activity_con li  { line-height: 23px }
#nav_news_con li a span { margin-left: 10px; color: #ee3134 }

#nav_service_con li   { line-height: 23px }
#nav_service_con li a span { margin-left: 10px; color: #ee3134 }

#kit-publications { padding-bottom: 10px; padding-top: 12px }
.kit-publications-list > li { float: left; width: 47%; line-height: 23px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap }
.kit-publications-list > li:nth-child(2n+1) { padding-right: 6% }
.kit-publications-list cite { font-style: normal; font-weight: bold }
.kit-publications-list > li a:hover { color: #F60 }

/*** module: Isoform - Compound by wdf 20180425 ***/
.isoform-pro-title { padding-top: 11px }
.isoform-h2-sign { margin-top: 23px }
.isoform-h2-sign:first-child { margin-top: 31px }
.isoform-pro-title > div > i { margin-right: 6px; font-weight: bold }
.isoform-pro-list { display: flex;flex-flow: row wrap; padding-top: 8px; width: 100% }
.isoform-pro-list > span { padding: 4px 2px 0 0; box-sizing: border-box; }
.isoform-pro-list > span:last-child { padding: 4px 0 0 }
.isoform-pro-list > span > a { display: block; padding: 8px 10px 7px; background-color: #f9f7fb; font-weight: bold; line-height: 18px }

/*** module: Biological Activity-IC50 Compound by wdf 20180425 ***/
#pro-ic50-tbl {  width: 827px; padding: 0 }
#pro-ic50-tbl span { display: inline-block; padding: 0 18px; white-space: nowrap; box-sizing: border-box }
#pro-ic50-tbl tr td { border:0; border-left: 1px solid #ebe4f6; box-sizing: border-box }
#pro-ic50-tbl tr td:first-child { border: 0 }
#pro-ic50-tbl tr td p { line-height: 22px; padding: 3px 0 8px ; border-top: 1px solid #ebe4f6; box-sizing: border-box; font-size: 14px; }
#pro-ic50-tbl tr td p:first-child { padding: 9px 0 2px }

/*** module: Target Page & Isoform Page => IC50 POP by wdf 20180427 ***/
.IC50-pop {
    display: none;
    position: absolute; z-index: 999; top: 19px; left: -60px;
}
.IC50-bubble-box {
    position: relative;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 4px 8px 5px;  border: 1px solid rgb(235,228,246); margin-top: 0;
    background: rgba(255,255,255,1); border-radius: 3px;
    color: #331515; text-align: left; line-height: 20px
}
.IC50-bubble-arrow {
    position: relative;
    width: 8px;
    height: 3px;
    left: 60px;
    display: block;
    top: 9px
}
.IC50-bubble-arrow:before, .IC50-bubble-arrow:after {
     content: "";
     display: block;
     position: absolute;
     width: 0;  height: 0;
     border: 6px solid transparent;
     border-top: 0;
 }

.IC50-bubble-arrow:before { z-index: 1; top: -11px; border-bottom-color: rgba(255,255,255,1) }
.IC50-bubble-arrow:after  { z-index: 0; top: -12px; border-bottom-color: rgba(235,228,246,1) }

/*.IC50-bubble-arrowD { bottom: -42px }*/
/*.IC50-bubble-arrowD:before { z-index: 1; top: -12px; border-top-color: rgba(255,255,255,1)}*/
/*.IC50-bubble-arrowD:after  { z-index: 0; top: -11px; border-top-color: rgba(235,228,246,1)}*/
#isoform-bootom-box {top: -36px !important;}
#isoform-bootom-box .IC50-bubble-arrow:after{
    top: 25px;
    transform: rotate(180deg);
}
#isoform-bootom-box .IC50-bubble-arrow:before{
    top: 23px;
    transform: rotate(180deg);
}
.IC50-sign { width: 80%; position: relative; margin: 0 auto; text-align: center }

/*.IC50-sign>.IC50-OK {height: 20px; display: block; background-color: #CCC }*/
.IC50-sign>.IC50-OK>i { color: #6a4b92 }

/*** module: Compound => Products Brief - by wdf 20180327 ***/
.detail_brief   { padding: 15px 0 30px }
.detail_brief p { font-size: 14px; line-height: 22px; text-align: justify }
.lab-p-dec p {font-size: 14px; line-height: 26px;}
#pro_brief      { padding: 14px 0 0 }
#library_brief  { padding: 15px 0 38px }
#cocktail_brief { padding: 15px 0 30px }

/*** module: Compound => Buy Warning & Custom Peptide Synthesis Link - by wdf 20180522 ***/
.buy-warning   { display: table; width: 100%; padding:8px 0 27px }
.buy-warning>p { display: table-cell }


/*** module: Cytokines List by wdf 20180615 ***/
.mt_cytokines { padding-top: 32px }

.t_pro_list_species { width: 120px }
.t_pro_list_source  { width: 119px; padding-top: 1px }


/*** module: Cytokines Compound by wdf 20180608 ***/
#detailsTitCytokines { margin-top: 40px }
#detailsTitCytokines>ul>li:first-child { width: 210px; text-align: center; padding: 0 }
#detailsTblCytokines .details_info_th  { width: 209px }
#detailsTblCytokines .details_info_td  { width: 791px }

#cytokinesHistory .viewed_pro_tit { width: 228px }
#cytokinesHistory .viewed_pro_con { width: 772px }

.cytokines-related-kit { margin-top: 18px }


#details_batch_cytokines { margin-bottom: 0; padding: 16px 18px 0 18px; }


/*** module: Compound => Calculator by wdf 20180704 ***/
.cpd-cal-tit {
    overflow: hidden;
    width: 100%;
    border-bottom: 2px solid #8f77b5;
    margin-top: 40px
}
.cpd-cal-tit ul li {
    float: left;
    height: auto;
    padding: 5px 30px;
    margin-right: 3px;
    color: #936499;
    line-height: 20px;
    text-align: center;
    background-color: #f9f7fb;
    border-radius: 3px 3px 0 0;
}
.cpd-cal-tit ul li:hover {
    cursor: pointer;
}
.cpd-cal-tit ul li.actived {
    background-color: #8f77b5
}
.cpd-cal-tit ul li h2 {
    color: #6a4b92;
    font-size: 14px;
}
.cpd-cal-tit ul li h2 span { color: #331515; line-height: 18px }
.cpd-cal-tit ul li.actived h2,
.cpd-cal-tit ul li.actived h2 span {
    color: #FFF
}

.cpd-cal-con { border: 1px solid #ebe4f6; padding: 0 30px; border-top:1px solid transparent; border-bottom: 2px solid #ebe4f6 }


/*** module: mce_calculator_dilution and mce_calculator_molarity  by wdf 20180704 ***/
.calculator-tit h2 {
    padding: 23px 0 7px;
    font-size: 18px;
    /*color: #936499;*/
    color: #6a4b92;
    line-height: 26px
}

.calculator-brief { padding:10px 0 0 20px; box-sizing: border-box; height: 60px }
.calculator-brief p { color: #331515; line-height: 20px }
.calculator-brief p span { font-weight: bold }
.calculator-brief p sub {
    line-height: 12px;
    font-size:10px;
    -webkit-transform: scale(0.9);
    /*-o-transform: scale(0.9);*/
}
.mt-molarity { margin-top: 10px }

.calculator-bg  {
    width: 680px;
    background-color: #fbfbfb
}
.calculator-form { overflow: hidden; margin-top: 20px; margin-bottom: 30px; font-size: 14px }
.h-cal-form { height: 104px }

.calculator-form table {
    margin: 10px 20px 20px 20px;
}

.calculator-form table th {
    line-height: 24px;
    color: #331515;
    font-size: 14px;
}

.calculator-form table td {
    padding: 5px 0 8px 0;
}

.calculator-form table th span, .calculator-form table td span {
    color: #666;
    line-height: 24px;
    font-weight: normal;
    font-size: 20px;
}

.calculator-form sub {
    line-height: 12px;
    font-size:12px;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
}

.calculator-form input,
.calculator-form select {
    box-sizing: border-box;
    display: inline-block;
    height: 26px;
    border-radius: 3px;
}
.calculator-form input[type='text'] { width: 82px; padding: 0 5px }
.calculator-form select { width: 54px; padding: 0 3px }
.calculator-form select { border: 1px solid #bdbdbd }

.calculator-btn { margin-left: 70px }
.calculator-form input[type='button'],
.calculator-form input[type='reset'] {
    width: 156px;
    height: 36px;
    border: 0;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    background-color: #8f77b5;
    cursor: pointer;
}
#errorInfo, #errorInfoM, #errorInfo2, #errorInfo1 {
    height: 20px; margin-top: -16px; padding:0 0 10px 20px;  color: #ee3134
}




.lh20 { line-height: 20px }
.lh24 { line-height: 24px }
.lh26 { line-height: 26px }
.lh30 { line-height: 30px }
.mt5  { margin-top: 5px }
.mt2  { margin-top: 2px}
.f-gray { color: #7A7A7A }

/* POP： Compound => Solvent & Solubility */
.mask-bg {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
}
.mask-bg>.mask-container {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1001;
}
.mask-closed {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1002;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
.mask-closed>i {
    margin-top: 5px;
}

#pop-ss {
    background: rgba(255,255,255,.8);
}
#pop-ss>div {
    width: 600px;
    height: 600px;
    margin-left: -300px;
    margin-top: -300px;
    background: #2e2e2e;
}
#pop-ss>div>.mask-closed>i {
    color: #FFF;
}
#vivo-pic-div {
    width: 600px;
    height: 600px;
}
#vivo-pic-text {
    width: 400px;
    height: 200px;
    position: absolute;
    left: 48px;
    top: 50px;
    z-index: 1002;
}
#vivo-pic-text {
    color: #FFF;
    line-height: 30px;
}

/* H2O */
.peptide_ssg_tbl { border-top: 1px solid #ebe4f6; border-bottom: 1px solid #ebe4f6; margin-top: 11px }
.peptide_ssg_tbl tr td {
    border-left: 1px dotted #ebe4f6; border-top: 1px dotted #ebe4f6; border-right: 0; border-bottom: 0;
    padding: 8px 18px 5px 17px;
    line-height: 20px;
    box-sizing: border-box;
    vertical-align: top;
}
.peptide_ssg_tbl tr:first-child td { border-top: 0 }
.peptide_ssg_tbl tr td:first-child { border-left: 0}
.w200 { width: 200px }
.w440 { width: 440px }
.w150 { width: 150px }
.w590 { width: 590px }
.mt10 { margin-top: 10px }
a.a-black { color: #331515 }
a.a-black:hover { color: #F60 }
.mt5 { margin-top: 5px }


/* modules: Preparing Stock Solutions*/
#stock-solution { border-top: 1px solid #ebe4f6; border-bottom: 1px solid #ebe4f6; padding: 0; margin: 3px 18px 0 18px}
#stock-solution > div { display: table-cell; line-height: 20px }
#stock-solution > div:first-child { width: 135px; vertical-align: middle; text-align: center; font-weight: bold }
#stock-solution > div:last-child > table { border: 0 }
#stock-solution > div:last-child th, #stock-solution > div:last-child td { border: 0; box-sizing: border-box }
#stock-solution > div:last-child th {border-left: 1px dotted #ebe4f6; height: 60px; text-align: center }
#stock-solution > div:last-child td { border-left: 1px dotted #ebe4f6; border-top: 1px dotted #ebe4f6;}
#stock-solution > div:last-child tr td:first-child { text-align: right }
.pss-tbl-w1 { width: 193px }
.pss-tbl-w2 { width: 157px }
.pss-tbl-w3 { width: 157px }
.pss-tbl-w4 { width: 157px }
td.pss-tbl-w1, td.pss-tbl-w2, td.pss-tbl-w3, td.pss-tbl-w4 { padding-top: 8px; padding-bottom: 1px }
td.pss-tbl-w1 { padding-right: 90px }
td.pss-tbl-w2, td.pss-tbl-w3, td.pss-tbl-w4 { text-align: center }
#pss-thead { position: relative; background: url(../images/web/stock-solutions-hd-bg.png) no-repeat;}
#pss-thead > span { position: absolute }
#ss-th-1 { top: 39px; left: 18px }
#ss-th-2 { top: 10px; left: 74px }
#ss-th-3 { top: 10px; left: 150px }

#stock-solution-tips { padding: 11px 18px 10px 18px }
.ml11 { margin-left: 11px }



/*** module: Details => Publication Figure by wdf 20180720 ***/
#pro_exp,.pro_kit_exp {
    float: right;
    width: 282px;
}

#pro_exp_type,.pro_kit_exp_type {
    overflow: hidden;
    width: 100%;
    margin-top: 46px;
    padding-bottom: 9px;
}

#pro_exp_type .pro_exp_item,.pro_kit_exp_type .pro_exp_item{
    position: relative;
    display: inline-block;
    width: fit-content;
    height: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 20px;
    border-radius: 3px;
    padding-left: 6px;
    padding-right: 6px;
    box-sizing: border-box;
    box-shadow: 1px 1px 1px 0 rgb(62 64 64 / 30%);
    cursor: pointer;
}
div.pro_exp_item{
    margin-left: 2px;
}
div.pro_exp_item:nth-of-type(1){
    margin-left: 0;
}

#pro_exp_type div.pro_exp_item:nth-of-type(1),#kit_verification_images .pro_exp_item:nth-child(1){
    background-color: #e7e6f3;
}
#pro_exp_type div.pro_exp_item:nth-of-type(1) span,#kit_verification_images .pro_exp_item:nth-child(1) span{
    color: #64488b;
}
#pro_exp_type div.pro_exp_item:nth-of-type(2),#kit_verification_images .pro_exp_item:nth-child(2){
    background-color: #dbebf6;
}
#pro_exp_type div.pro_exp_item:nth-of-type(2) span,#kit_verification_images .pro_exp_item:nth-child(2) span{
    color: #0c4380;
}
#pro_exp_type div.pro_exp_item:nth-of-type(3),#kit_verification_images .pro_exp_item:nth-child(3){
    background-color: #e4edae;
}
#pro_exp_type div.pro_exp_item:nth-of-type(3) span,#kit_verification_images .pro_exp_item:nth-child(3) span{
    color: #4c5a2a;
}
#pro_exp_type div.pro_exp_item:nth-of-type(4),#kit_verification_images .pro_exp_item:nth-child(4){
    background-color: #f8f6c3;
}
#pro_exp_type div.pro_exp_item:nth-of-type(4) span,#kit_verification_images .pro_exp_item:nth-child(4) span{
    color: #b58b23;
}
#pro_exp_type div.pro_exp_item:nth-of-type(5),#kit_verification_images .pro_exp_item:nth-child(5){
    background-color: #fdebe0;
}
#pro_exp_type div.pro_exp_item:nth-of-type(5) span,#kit_verification_images .pro_exp_item:nth-child(5) span{
    color: #cd621d;
}
#pro_exp_type div.pro_exp_item:nth-of-type(6),#kit_verification_images .pro_exp_item:nth-child(6){
    background-color: #dcedf8;
}
#pro_exp_type div.pro_exp_item:nth-of-type(6) span,#kit_verification_images .pro_exp_item:nth-child(6) span{
    color: #014280;
}

.pro_exp_item::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -10%;
    width: 120%;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    opacity: .52;
    display: inline-block;
}

.pro_exp_item span{
    width: inherit;
    position: relative;
}

#pro_exp_type span,.pro_kit_exp_type span {
    display: block;
    float: left;
    height: 20px;
    margin-left: 5px;
    /*background-image: url("../images/web/pro_cv_ex_icon.png");*/
    background-repeat: no-repeat;
    cursor: pointer;
}

#pro_exp_type span:first-child,.pro_kit_exp_type span:first-child { margin-left: 0 }
#pro_exp_type span:nth-child(5),.pro_kit_exp_type span:nth-child(5){ display: none  }

#pro_exp_type span#exp_type_WB,.pro_kit_exp_type span#exp_type_WB                 { width: 32px;  background-position: -10px  -10px }
#pro_exp_type span#exp_type_IF,.pro_kit_exp_type span#exp_type_IF                 { width: 32px;  background-position: -48px  -10px }
#pro_exp_type span#exp_type_IP,.pro_kit_exp_type span#exp_type_IP                 { width: 32px;  background-position: -85px  -10px }
#pro_exp_type span#exp_type_RT-PCR,.pro_kit_exp_type span#exp_type_RT-PCR             { width: 52px;  background-position: -123px -10px }
#pro_exp_type span#exp_type_ProliferationAssay,.pro_kit_exp_type span#exp_type_ProliferationAssay { width: 112px; background-position: -181px -10px }
#pro_exp_type span#exp_type_IHC,.pro_kit_exp_type span#exp_type_IHC                { width: 35px;  background-position: -299px -10px }
#pro_exp_type span:nth-child(6),.pro_kit_exp_type span:nth-child(6) { display: none }

#pro_exp_thum,.pro_kit_exp_thum {
    overflow: hidden;
    width: 100%; height: 75px;
    padding-top: 1px;
}

#pro_exp_thum li,.pro_kit_exp_thum li {
    overflow: hidden;
    float: left;
    padding: 4px 3px;
    margin-left: 2px;
    background-color: #f8f8f8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.pro_kit_exp_thum li {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    padding: 0;
    background-color: #fff;
    border: 3px solid #f8f8f8;
}

#pro_exp_thum li:first-child,.pro_kit_exp_thum li:first-child { margin-left: 0 }
#pro_exp_thum li img,.pro_kit_exp_thum li img {
    display: block;
    width: 134px; height: 67px
}

#errorInfo, #errorInfoM, #errorInfo2, #errorInfo1 { height: 20px; margin-top: -16px; padding:0 0 10px 20px;  color: #ee3134 }



/* product details => Publication Graph update-20181031 by WDF */
/*experiment thumbnail*/
/*experiment picture and description*/
#pro_exp_mask,#pro_kit_exp_mask {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    background-color: #000;
    -moz-opacity: 0.6;
    opacity: .60;
    filter: alpha(opacity=60);
    display: none;
}
#pro_exp_pop,#pro_kit_exp_pop {
    width: 670px;
    height: 526px;
    position: fixed;
    left: 50%;
    top:50%;
    margin-left: -335px;
    margin-top:-263px;
    z-index: 1000;
    background-color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: none;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}

#pro_exp_list,#pro_kit_exp_list {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-top: 27px;
    overflow: hidden;
    position: relative;
}

#pro_exp_list div,#pro_kit_exp_list div {
    position: absolute;
}

#pro_exp_list div dl,#pro_kit_exp_list div dl {
    width: 670px;
    height:494px;
    padding: 0 35px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    float: left;
}

#pro_exp_list div dl dt,#pro_kit_exp_list div dl dt {
    border-width: 2px 1px 2px 1px;
    border-color: #ebe4f6;
    border-style: solid;
    width: 600px;
    height: 320px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    margin: 10px 0 0 0;
}

#pro_exp_list div dl dt img,#pro_kit_exp_list div dl dt img {
    width: 520px;
    margin: 18px 0 0 40px;
    height: 260px;
    display: block;
}

#pro_exp_list div dl dd,#pro_kit_exp_list div dl dd {
    width: 600px;
    margin:0;
    padding: 0;
}

#pro_exp_list div dl dd.pro_exp_tit,#pro_kit_exp_list div dl dd.pro_kit_exp_tit{
    height: 52px;
    padding-top: 8px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    text-align: left;
}
#libPictureMask .pro_exp_tit, #pro_kit_exp_list .pro_exp_tit{
    height: 52px;
    margin-top: 8px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    text-align: left;
    display: block;
    max-height: 122px;
    overflow-y: auto;
    min-height: 122px;
    overflow-x: hidden;
    overscroll-behavior: contain;
}

#pro_exp_list div dl dd.pro_exp_tit span,#pro_kit_exp_list div dl dd.pro_kit_exp_tit span, #pro_kit_exp_list .pro_exp_tit span{
    width: 12px;
    height: 2px;
    background-color: #8972ac;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}
#pro_kit_exp_list .pro_exp_tit span{
    top: 0!important;
}


#pro_exp_list div dl dd.pro_exp_con,#pro_kit_exp_list div dl dd.pro_kit_exp_con {
    height: 80px;
    overflow-y: auto;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    line-height: 20px;
    margin-top: 8px;
    text-align: justify;
}

#pro_exp_list div dl dd p,#pro_kit_exp_list div dl dd p, #libPictureMask .pro_exp_tit p, #pro_kit_exp_list .pro_exp_tit p {
    line-height: 20px;
    font-size: 12px;
}

#pro_exp_list p em, #pro_exp_list p cite,#pro_kit_exp_list p em, #pro_kit_exp_list p cite {
    font-weight: bold;
    font-style: normal;
}

#pro_exp_pop span,#pro_kit_exp_pop span {
    display: block;
    background-image: url("../images/web/pro_cv_ex_icon.png");
    background-repeat: no-repeat;
}
#pro_exp_pop span:hover,#pro_kit_exp_pop span:hover {
    cursor: pointer;
}

#pro_exp_pop_close,#pro_kit_exp_pop_close {
    width: 12px;
    height: 12px;
    position: absolute;
    z-index: 1001;
    top: 14px;
    right: 13px;
    font-weight: 100;
    color: #898a8a;
    /*background-position: -170px -50px;*/
}

#pro_exp_pop_prev,#pro_kit_exp_pop_prev {
    width: 12px;
    height: 20px;
    position: absolute;
    top:188px;
    left:11px;
    background-position: -90px -50px;
    z-index: 1002;
}

#pro_exp_pop_prev.pro_exp_pop_prev_disabled,#pro_exp_pop_prev.pro_exp_pop_prev_disabled:hover,#pro_kit_exp_pop_prev.pro_exp_pop_prev_disabled,#pro_kit_exp_pop_prev.pro_exp_pop_prev_disabled:hover {
    background-position: -50px -50px;
    cursor: default;
}

#pro_exp_pop_prev:hover,#pro_kit_exp_pop_prev:hover {
    background-position: -190px -50px;
}

#pro_exp_pop_next,#pro_kit_exp_pop_next {
    width: 12px;
    height: 20px;
    position: absolute;
    top:188px;
    right:11px;
    background-position: -110px -50px;
    z-index: 1002;
}

#pro_exp_pop_next.pro_exp_pop_next_disabled,#pro_exp_pop_next.pro_exp_pop_next_disabled:hover,#pro_kit_exp_pop_next.pro_exp_pop_next_disabled,#pro_kit_exp_pop_next.pro_exp_pop_next_disabled:hover {
    background-position: -70px -50px;
    cursor: default;
}

#pro_exp_pop_next:hover,#pro_kit_exp_pop_next:hover {
    background-position: -210px -50px;
}

#pro_exp_pop_dot,#pro_kit_exp_pop_dot {
    position: absolute;
    /*top: 335px;*/
    z-index: 1002;
    width: 520px; left: 78px; text-align: center; bottom: 175px;
}

#pro_exp_pop_dot li,#pro_kit_exp_pop_dot li {
    /*float: left;*/
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-left: 8px;
    background-image: url("../images/web/pro_cv_ex_icon.png");
    background-repeat: no-repeat;
    background-position: -150px -50px;
}

#pro_exp_pop_dot li:first-child,#pro_kit_exp_pop_dot li:first-child {
    margin-left: 0;
}

#pro_exp_pop_dot li.actived,#pro_kit_exp_pop_dot li.actived {
    background-position: -130px -50px;
}

#pro_exp_pop_dot li:hover,#pro_kit_exp_pop_dot li:hover {
    cursor: pointer;
}

/*#pro_exp_pop_dot { width: 520px; left: 78px; text-align: center; top: 318px }*/
/*#pro_exp_pop_dot>li { display: inline-block }*/


/* product details => Featured Recommendations by WDF 20190215 */
.detail_pro_fea { margin-top: -5px }
.detail_pro_fea.details_h2 { margin-bottom: 5px; }

.recommendations_pro { overflow: hidden; position: relative; margin-top: 12px; }
.recommendations_pro + .recommendations_pro { margin-top: 5px; }
.recommendations_pro_tit { width: 205px; float: left; }
.recommendations_pro h3  { font-size: 14px; color: #6a4b92; line-height: 20px; }

/*--------------protein-detail----------------------*/
.recommendations_protein_con{
    width: 900px;
}

.div_h20  { overflow: hidden; height: 20px; }
.div_auto { overflow: auto; height: auto; }
.sh_pro_lib span, #sh_pro_mol span { position: absolute; right: 0; top: 4px; }
.sh_pro_lib span:hover, #sh_pro_mol span:hover { cursor: pointer; }

.recommendations_pro_con { float: left; width: 700px; }
.recommendations_pro_con ul li, .recommendations_pro_map ul li   { float: left; font-size: 12px; line-height: 20px; }
.recommendations_pro_con ul li a { border-bottom: 1px solid #F69120; }
.recommendations_pro_con ul li a:hover, .recommendations_pro_map ul li a:hover { color: #F60; }
.recommendations_pro_con ul li span    { display: inline-block; width: 1px; height: 10px; margin: 0 18px; line-height: 10px; background-color: #8f77b5;}
.recommendations_pro_con ul li:last-child span { display: none; }

.recommendations_pro_map { float: left; width: 100%; }
.recommendations_pro_map ul li a {
    border-bottom:none;
}
.recommendations_pro_map ul li a:not(:last-of-type)::after{
    content: '-';
    display: inline-block;
    width: 2rem;
    height: 0.1rem;
    text-align: center;
    color: #767676;
    font-family: Arial,sans-serif;
}
.recommendations_pro_map ul li a span {
    border-bottom: 1px solid #F69120 !important;
}
.recommendations_pro_map .classify-item-map{
    margin-bottom: 10px;
}


.customer-verification span { position: absolute; right: 0; top: 15px; }


/** modules: library details: MINI PLUS Table **/
.mini-plus-tbl {
    width: 100%;
    margin-top: 18px;
}

.mini-plus-tbl tr th:first-child, .mini-plus-tbl tr td:first-child {
    border-left: 0;
}

.mini-plus-tbl tr:last-child td {
    border-bottom: 0;
}

.mini-plus-tbl thead th, .mini-plus-tbl tbody td {
    border: 0;
    line-height: 20px;
    box-sizing: border-box;
    word-break: break-all;
}

.mini-plus-tbl thead th {
    background-color: #f9f7fb;
    border-bottom: 1px solid #ebe4f6;
    color: #331515;
    padding-top: 7px;
    padding-bottom: 4px;
}

.mini-plus-tbl tbody td {
    vertical-align: top;
    border-bottom: 1px dotted #ebe4f6;
    padding-top: 7px;
    padding-bottom: 2px;
}
.mini-plus-tbl a:hover { color: #F60 }

.puls-col-1 { width: 114px }
.puls-col-2 { width: 215px }
.puls-col-3 { width: 267px }
.puls-col-4 { width: 195px }

.mini-col-1 { width: 183px; padding-right: 68px; text-align: right }
.mini-col-2 { width: 283px }
.mini-col-3 { width: 325px }

.mini-col-11 { width: 138px }
.mini-col-22 { width: 340px }
.mini-col-33 { width: 313px }

/* Natural and Pathway PDF Download by wdf 20181123 modify*/
a.first-pdf {
    display: block; position: relative;
    width: 298px; height: 173px; border-color: #ebe4f6; border-style: solid; border-width: 2px 1px ;
    background: url("../images/web/pathway_dld_bg.png") no-repeat 0 0;
    text-align: right;
}
a.first-pdf > h3   { margin: 21px 12px 7px 160px; font-size: 14px; color: #331515; line-height: 20px }
a.first-pdf > p    { margin: 5px 12px 10px 160px; font-size: 12px; text-align: right }
a.first-pdf > span { display: inline; position: absolute; right: 14px; bottom: 11px; font-size: 12px }
.pathway-download { float: right; margin: 40px 0 10px 20px }
.natural-download { float: left }

/* Virtual Screening 20190125*/
.sub_title.virscrinfo { margin-top: 10px; border-bottom: 0 }
.sub_title.virscrinfo > h2{ font-size: 16px }
.vsdbtbl                 { border-bottom: 2px solid #e0d9ec; margin-top: -13px }
.vsdbtbl th, .vsdbtbl td { border-bottom: 1px solid #e0d9ec; padding: 6px 0 3px 0; vertical-align: top; line-height: 21px }
.vsdbtbl .col1 { width: 130px }
.vsdbtbl .col2 { width: 270px }
.vsdbtbl .col3 { width: 130px }
.vsdbtbl .col4 { width: 470px }

.w324 { width: 324px }
.w350 { width: 350px }
.w500 { width: 500px }
.w590 { width: 590px }
.w410 { width: 410px }
.pb10 { padding-bottom: 10px }
.ta-rgt { text-align: right }
.ta-jst { text-align: justify }
.justify { text-align: justify; width:100% }
.justify:after { content: ''; display: inline-block; width: 100% }
.mt4 { margin-top: 4px }

/*** Page: Top Publications Citing Use of MCE Products 20190129 ***/
.pub_page1_list { width: 100%; padding: 25px 0 }
.pub_page1_list li {float: left; height: 150px }
.pub_page1_list li img { float: left; display: block; width: 100px }
.pub_page1_list li img.noimg { display: block; width: 100px; height: 100px }
.pub_page1_list li div {float: left;width: 340px; padding: 21px 0 0 20px }
.pub_page1_list li div p { line-height: 18px; padding-bottom: 6px }
.pub_page1_list li div p a { color: #331515; font-style: normal }
.pub_page1_list li div p a.orange {color: #F60 }
.pub_page1_list li div p a em { font-weight: bold }
.pub_page1_list li div p:last-child {padding-bottom: 0 }
.pub_li_fl {padding-right: 80px;}

/*** Pages: All Publications Citing Use of MCE Products ***/
.pub_all_list { width: 100%; padding: 20px 0 }
.pub_all_list li { padding-top: 5px; line-height: 20px }
.pub_all_list li p { color: #331515 }
.pub_all_list li p a em { font-weight: bold }
.pub_all_list li p a strong { color: #F60 }
.span_bull { display: inline; margin-right: 8px; color: #331515; font-weight: normal }

/* modules: In Vitro & In Vivo Table  20190214 => cpd */
.cpd-mod-vv { margin: -4px 0 7px }
.cpd-mod-vv-tit { font-weight: bold; margin: 17px 0 -12px }
.cpd-mod-vv-tbl { width: 100%;  margin-top: 18px; line-height: 20px }
.cpd-mod-vv-tbl td {
    padding-top: 6px; padding-bottom: 5px;
    border-top: 1px dotted #ebe4f6; border-left: 1px dotted #ebe4f6; border-right: none;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cpd-mod-vv-tbl tr:first-child td { padding-top: 10px; padding-bottom: 7px; border-top: 1px solid #ebe4f6; }
.cpd-mod-vv-tbl tr:last-child td  { border-bottom: 1px solid #ebe4f6; }
.cpd-mod-vv-tbl tr td:first-child { border-left: none }
.cpd-mod-vv-tbl td.col1 { width: 150px }
.cpd-mod-vv-tbl td.col2 { width: 840px; padding-left: 17px }

/* ====================================================
     Index main - ind_lft
==================================================== */
.ind_con {border-top: #ebe4f6 2px solid; z-index: 12;position: relative;}
#ind_lft {float: left;width: 680px; height: 327px; margin-top: 20px;}

/* index.css => modules: H2 Title */
#pro_tit          { margin-left: -4px; overflow: hidden }
#pro_tit li       { width: 165px; margin-left: 4px; float: left }
#pro_tit li:hover { cursor: pointer }
#pro_tit li img   { width: 165px; display: block }

.index_h2 { width: 100% }
.index_h2>h2:before, .index_h2>h2:after { display: block; content: ''; width: 100% }
.index_h2>h2:before         { width: 12px; height: 2px; margin:0 0 7px 0; background-color: #FFF }
.index_h2.actived>h2:before { background-color: #8972ac }
.index_h2>h2         { font-size: 14px; color: #444; line-height: 18px; font-weight: 700 }
.index_h2.actived>h2 { color: #6a4b92 }
.index_h2>h2:after                         { margin-top: 8px; height: 38px; background-image: url("../images/web/index_h2_bg.jpg");  background-repeat: no-repeat }
#index_h2_pathway>h2:after                 { background-position: 0 -108px }
#index_h2_pathway.actived>h2:after         { background-position: 0 -35px  }
#index_h2_researchArea>h2:after            { background-position: 0 -254px }
#index_h2_researchArea.actived>h2:after    { background-position: 0 -181px }
#index_h2_naturalPro>h2:after              { background-position: 0 -400px }
#index_h2_naturalPro.actived>h2:after      { background-position: 0 -327px }
#index_h2_cstmValidations>h2:after         { background-position: 0 -546px }
#index_h2_cstmValidations.actived>h2:after { background-position: 0 -473px }

#index_h2_publications>h2:after   { background-position: 0 -619px }
#index_h2_publications a>h2:after { display: block; height: 73px  }

#index_h2_newPro { display: block; height: 28px; padding-top: 2px ;margin-right: 10px; background-position: 0 -657px }

/* pro_list ==================================== */
#pro_list {width: 670px;height: 265px;overflow: hidden;border-bottom: #ebe4f6 2px solid;}
#pro_list.hide {display: none;}
#pro_list.vis {visibility: hidden;}
#pro_list span {margin-right: 13px;display: inline;}

#pro_list_1 {width: 700px;}
#pro_list_1 ul {margin: 17px 0 0 30px;float: left;}
#pro_list_1 ul:first-child {margin-left: 0;width: 235px;}
#pro_list_1 ul:last-child {width: 168px;}
#pro_list_1 li a {line-height: 26px;color: #331515;}
#pro_list_1 li a:hover {color: #F60;}

#pro_list_2 {margin: 15px 0 0 0;}
#pro_list_2 ul {float: left;}
#pro_list_2 li {width: 188px;line-height: 30px;}
#pro_list_2 li a {color: #331515;}
#pro_list_2 li a:hover {color: #F60;}
#pro_list_2 dl {width: 452px;float: left;padding-left: 30px;}
#pro_list_2 dl dd a, #pro_list_2 dl dd span {float: left;line-height: 30px;}
#pro_list_2 dl dd a {color: #331515;}
#pro_list_2 dl dd a:hover {color: #F60;}
#pro_list_2 dl dd span {color: #CCC;margin: 0 15px;}

#pro_list_3 {margin: 15px 0 0 0;position: relative;}
#pro_list_3 ul {float: left;}
#pro_list_3 ul li {width: 200px;line-height: 30px;}
#pro_list_3 ul li a {color: #331515;}
#pro_list_3 ul li.actived {background: url(../images/web/icon_comm.png) no-repeat 0 -323px;}
#pro_list_3 ul li.actived a {color: #F60;}
#pro_list_3 img {position: absolute;display: none;}

#nat_img_1 {top: 0;left: 243px}
#nat_img_2 {top: 15px;left: 243px}
#nat_img_3 {top: 35px;left: 243px}
#nat_img_4 {top: 65px;left: 243px}
#nat_img_5 {top: 95px;left: 243px}
#nat_img_6 {top: 92px;left: 243px}
#nat_img_7 {top: 178px;left: 245px}
#nat_img_8 {top: -10px;left: 550px}
#nat_img_9 {top: 12px;left: 550px}
#nat_img_10 {top: 43px;left: 550px}

#pro_list_4 {margin: 24px 0 0 1px;}
#pro_list_4 li {float: left;width: 160px;margin: 0 3px;}
#pro_list_4 li img {border: 2px solid #FBFBFB;}
#pro_list_4 li p {line-height: 18px;margin-top: 9px;}
#pro_list_4 li p a:hover {color: #F60;}
#pro_list_4 li p cite {font-weight: bold;font-style: normal;}

/* ====================================================
     Index main - ind_rgt
==================================================== */
#ind_rgt {width: 298px;float: right;margin-top: 20px;border-bottom: 2px solid #ebe4f6;}
#ind_rgt img {display: block;height: 73px;}

/* pub_list ==================================== */
#pub_list {
    float: left;
    overflow: hidden;
    width: 297px;
    height: 265px;
    background-color: #FFF;
    position: relative;
}

#test_container {
    width: 297px;
    height: 240px;
    margin-top: 13px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    word-wrap: break-word;
}

#test_shower {
    width: 297px;
    position: absolute;
    top: 0;
}

#pub_scroll {
    position: relative;
    z-index: 0;
    float: right;
    width: 12px;
    height: 280px
}
#pub_scroll span {
    position: absolute;
    z-index: 1;
    top: 0;
    display: block;
    width: 12px;
    height: 20px;
    line-height: 20px
}
#pub_scroll span:hover {cursor: pointer;}

#begin {width: 297px;height: 240px;overflow-x: hidden;overflow-y: scroll;}
#begin li {margin: 7px 0 0 1px;overflow: hidden;position: relative;}
#begin li cite {font-style: normal;font-weight: bold;}
#begin li span {width: 10px;height: 14px;display: block;position: absolute;background: url("../images/web/icon.png") no-repeat scroll -30px -296px;}
#begin li a {display: block;line-height: 18px;margin-left: 15px;}
#begin li:hover span {background: url("../images/web/icon.png") no-repeat -30px -456px;}
#begin li:hover a {color: #F60;}

/* ====================================================
     Index main - new products
==================================================== */
#pro_new_tit {margin-top: 27px;height: 27px;}
#pro_new_tit dl {overflow: hidden;}
#pro_new_tit dt {float: left;}
#pro_new_tit dt span {display: block;padding-top: 13px;}
#pro_new_tit dd {float: right;padding-top: 14px;}
#pro_new_tit dd a {color: #F60;}
#pro_new_tit dd a span {
    width: 10px;
    height: 14px;
    font-size: 13px;
    display: inline-block;
    font-weight: bold;
    margin: 0 0 -5px 10px;
}
#pro_new_tit dd a img {display: block;}

#pro_new_con {
    overflow: hidden;
    margin-top: 12px;
    border-bottom: 2px solid #ebe4f6;
    border-top: 2px solid #ebe4f6;
    padding: 10px 0 8px 0;
}

#pro_new_con ul li {
    float: left;
    line-height: 22px;
    height: 22px;
    padding: 3px 0;
    overflow: hidden;
}
#pro_new_con ul li a:hover {color: #F60;}
#pro_new_con ul li.n_name {width: 230px;padding-right: 35px;}
#pro_new_con ul li.n_name a {
    max-width: 188px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #6a4b92;
    font-weight: bold;
    overflow: hidden;
    display: inline-block;
    float: left;
}

#pro_new_con ul li.n_name span.span_bull {
    margin-right: 13px;
    display: inline;
    color: #331515;
    font-weight: normal;
}
#pro_new_con ul li.n_name span.span_bull:hover {color: #F60;}

#pro_new_con ul li.icon_new {margin-top: 0;float: left;}

#pro_new_con ul li.n_pathway {
    width: 398px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#pro_new_con ul li.n_pathway span {
    font-weight: bold;
    margin-right: 10px;
}
#pro_new_con ul li.n_target {
    width: 337px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#pro_new_con ul li.n_target span {
    font-weight: bold;
    margin-right: 10px;
}

/*.cpd-vitro-list:first-child, .cpd-vivo-list:first-child { margin-top: 21px }*/
.cpd-vitro-list+.cpd-vitro-list { display: none }
.cpd-vivo-list+.cpd-vivo-list { display: none }
.cpd-vivo-list:first-child { margin-top: -8px }
/* USA Tax */
th.tax-tips { visibility: hidden }
th.tax-tips>span { margin-left: 0 }
.cus_info_bill ul li input[type="text"].u-tax-input,
.cus_info input[type="text"].u-tax-input{ width: 32px;  height: 16px; padding-top: 2px; color: #ee3134; margin-right: 3px; }
.cus_info th.tips-customer-info { padding: 5px 0 4px 0 }
.cus_info th.tips-customer-info>p { line-height: 22px }

#details_batch_cytokines { margin-bottom: 0; padding: 16px 18px 0 18px; }

/*** Paragraph styles 20190514 ***/
.p-common  {font-size: 12px; line-height: 20px; color: #331515; text-align: justify;}
.p-warning {}
.p-bold {}
.p-sstbl { line-height: 22px }

/*** Table Styles 20190514 ***/
/* target kit detail => product detail */
/* product information layout */
[class|=m-tab-title] {
    height: 30px;
    line-height: 30px;
    border-bottom: 2px solid #8972ac;
}
[class|=m-tab-title]>li {
    display: table-cell;
    padding: 0 30px;
    border-left: 3px solid #FFF;
    font-size: 14px;
    font-weight: bold;
    color: #6a4b92;
    text-align: center;
    background-color: #f9f7fb;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    cursor: pointer;
}
[class|=m-tab-title]>li:first-child {
    border-left: 0;
    padding: 0
}
[class|=m-tab-title]>li.actived {
    color: #FFF;
    background-color: #8f77b5
}

[class|=m-tab-pane],
[class|=m-detail],
[class|=m-tbl],
[class|=m-tbl]>thead>tr>th,
[class|=m-tbl]>tbody>tr>td,
[class|=tooltip] .tooltip-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
[class|=m-tab-panel]{
    border-color: #ebe4f6;
    border-style: solid;
    border-width: 0 1px 2px 1px
}
.m-detail-item {
    border-top: 1px solid #ebe4f6
}
.m-detail-item:first-child {
    border-top: 0;
}
.m-detail-tit,
.m-detail-con {
    display: table-cell
}
.m-detail-tit  {
    width: 170px;
    text-align: center;
    vertical-align: middle;
}
.m-detail-con  {
    width: 830px;
    border-left: 1px solid #ebe4f6;
    padding: 13px 18px 12px 18px
}
.m-detail-item:first-child .m-detail-con {
    padding-top: 16px;
}
/* table */
[class|=m-tbl] {
    width: 100%;
}

[class|=m-tbl]>thead>tr>th:first-child, [class|=m-tbl]>tbody>tr>td:first-child {
    border-left: 0;
}

[class|=m-tbl]>tbody>tr:last-child>td {
    border-bottom: 0;
}

[class|=m-tbl]>thead>tr>th, [class|=m-tbl]>tbody>tr>td {
    border: 0;
    line-height: 20px;
}

[class|=m-tbl]>thead>tr>th {
    background-color: #f9f7fb;
    border-bottom: 1px solid #ebe4f6;
    color: #331515;
    padding-top: 10px;
    padding-bottom: 4px;
}

[class|=m-tbl]>tbody>tr>td {
    vertical-align: top;
    border-bottom: 1px dotted #ebe4f6;
    padding-top: 10px;
    padding-bottom: 1px;
}
.m-tbl-tkit>thead>tr>th, .m-tbl-tkit>tbody>tr>td {
    border-left: 1px dotted #ebe4f6 ;
    padding-left: 15px;
    padding-right: 15px;
}
.m-tbl-tkit>thead>tr>th { vertical-align: top }
.m-tbl-tkit .col1 { width: 100px; border-left: 0 }
.m-tbl-tkit .col1.row1 { vertical-align: middle; padding-top: 0; padding-bottom: 0; border-bottom: 0 }
.m-tbl-tkit .col2 { width: 250px }
.m-tbl-tkit .col3 { width: 150px }
.m-tbl-tkit .col4 { width: 292px; border-right: 0 }
.m-tbl-tkit th.col-img { text-align: center; }
.m-tbl-tkit td.col-img {
    padding-top: 0;
    padding-bottom: 3px;
}
.m-tbl-tkit td.col-img img { width: 200px; display: block; margin: 0 auto }
#targetKitComponentsTbl { margin-bottom: -15px }
.mb-15 { margin-bottom: -15px }
.u-tkit-ss-sign {
    position: relative;
    margin-top: 31px;
}
.u-tkit-ss-sign>span {
    border-bottom: 1px solid #f69120;
    cursor: pointer;
}
.mt30 { margin-top: 30px }

.tooltip-panel {
    display: none;
    position: absolute;
    top: 21px;
    left: 0;
    z-index: 10;
    padding: 0 5px 5px 0;
    background-color: transparent;
}
.tooltip-panel .tooltip-arrowup {
    position: relative;
    left: 0;
    margin-bottom: -1px;
}
.tooltip-panel .tooltip-arrowup:before, .tooltip-panel .tooltip-arrowup:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 0;
}
.tooltip-panel .tooltip-arrowup:before { z-index: 1; top: 0; border-bottom-color: #FFF }
.tooltip-panel .tooltip-arrowup:after  { z-index: 0; top: -1px; border-bottom-color: #e3e3e3 }
.tooltip-panel .tooltip-container {
    box-shadow: 2px 3px 10px 1px #e3e3e3;
    background-color: #FFF;
    border: 1px solid #e9e9e9;
    padding: 11px 15px 11px 15px;
    margin-top: 10px;
}


.m-ss-tbl {
    line-height: 22px;
}
.m-ss-tbl td { vertical-align: top }
.m-ss-tbl .col1 { width: 90px }
.m-ss-tbl .col2 { width: 90px }
.m-ss-tbl .col3 { width: 120px }

/*** Page: Target Kit Detail ***/
/*** modules: Target include ***/
.tkit-include { margin: 15px 0 6px 0 }
.tkit-include-tit,
.tkit-include-list,
.tkit-include-list>li {
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
}
.tkit-include-tit {
    width: 240px;
    color: #331515;
}
.tkit-include-list>li {
    padding-right: 20px;

}
.tkit-include-list>li>p {
    padding-right: 55px;
}
.tkit-include-list>li>p:before {
    display: inline-block;
    content: '';
    width: 2px;
    height: 6px;
    background-color: #8972ac;
    margin-right: 13px;
}
.tkit-include-list>li>p:first-child {
    border-bottom: 1px dotted #ebe4f6;
    padding-bottom: 3px;
}
.tkit-include-list>li>p:last-child {
    padding-top: 7px;
}


/*** modules: Target => Target Description & Pathway map & Isoform & Related Products GAP  ***/
.sub_ctg_brief { padding-top: 15px }
.mt_target     { padding-top: 32px; }
.mt_dnr        { padding-top: 32px }
.mt_research   { padding-top: 32px; }
.sub_ctg_list  { padding-top: 20px }

/*** modules: Target => if Target&&target-map show tab by wdf 20190415  ***/
.tab-tit-1 { margin-top: 20px; border-bottom: 2px solid #8972ac; overflow: hidden }
.tab-tit-1>li {
    height: auto;
    line-height: 20px;
    background-color: #f9f7fb;
    float: left;
    margin-right: 3px;
    margin-top: 3px;
    padding: 8px 30px;
    flex: 1 1 auto;
    /*-webkit-border-radius: 3px 3px 0 0;*/
    /*-moz-border-radius: 3px 3px 0 0;*/
    /*border-radius: 3px 3px 0 0;*/
}
.tab-tit-1>li:last-of-type{
    margin-right: 0;
}
.tab-tit-1>li:hover {  cursor: pointer;}
.tab-tit-1>li.actived { background-color: #8f77b5;}
.tab-tit-1>li>h2 { color: #6a4b92; font-size: 14px; }
.tab-tit-1>li.actived>h2 { color: #FFF; }
.tab-con-1>div { display: none }
.tab-con-1>div.actived { display: block }
.m-p-1, .m-p-1>p { line-height: 20px; text-align: justify }


/* Compound List and Search => Refine results */
#search_by_condition { margin-top: -13px }
.sub_ctg_search { padding-top: 4px; margin-bottom: -1px; overflow: hidden }
.sub_ctg_search table { width: 100% }
.sub_ctg_search table th {
    vertical-align: top;
    padding-top: 9px;
    font-weight: bold;
    line-height: 24px;
    border-top: 1px dashed #FBFBFB;
}

.sub_ctg_search table td {
    vertical-align: top;
    padding: 9px 0 7px 0;
    overflow: hidden;
}

.sub_ctg_search_border{
    border-top: 1px dashed #CCC;
}
.sub_ctg_search table td label {
    float: left;
    margin-right: 30px;
    line-height: 24px;
}

.sub_ctg_search table td label img {
    margin: 0 9px -3px 0;
}

.sub_ctg_search table td label span {
    line-height: 24px;
}

.sub_ctg_search table td label:hover {
    cursor: pointer;
}

.sub_ctg_search tr:first-child th, .sub_ctg_search tr:first-child td {
    border-top: 0;
    padding-top: 19px
}
.sub_ctg_search tr:last-child td  { padding-bottom: 0 }

/* modal */
[class|="m-modal"] {
    display:none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    /*display: table;*/
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}

.m-modal-form .modal-content { width: 700px }
.m-modal-form .modal-footer { padding: 0 20px 40px 20px; overflow: hidden }
.m-modal-success .modal-content { width: 480px }
.modal-dialog      {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    /*background-color: #FFF;*/
}
.modal-content, .modal-header, .modal-body {
    display: inline-block;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.modal-content {
    background-color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: left;
}
.modal-header {
    height: 36px;
    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;
}
.modal-header>.title {
    float: left;
    line-height: 37px;
    font-weight: 700;
    color: #502c7f;
}
.modal-header>.close {
    float: right;
    margin: 12px 0 0 0;
}
.modal-header>.close::after {
    display: block;
    content: "";
    clear: both;
}
.modal-body {
    padding: 21px 20px 0 20px;
}
.modal-failure {
    font-size: 18px;
    font-weight: 700;
    color: #6a4b92;
}

.modal-text {
    font-size: 14px;
    line-height: 22px;
}
.modal-footer {
    overflow: hidden;
    padding: 0 20px 24px 20px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.modal-body .inquiry_forms {
    padding: 0;
}
.modal-body .modal-submit {
    margin: 32px 0 0 278px; padding: 0 35px;
    background-color: #ff7e00;
    height: 30px;
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
    line-height: 30px;
}
.modal-body .modal-submiting {
    background-color: #CCC;
}

/* 20200316 mce.en notice */
.m-modal-mce-notice {
    height: auto;
    background-color: #fbfbfb;

    /*border-bottom: 1px solid #8972ac;*/
}
.m-modal-mce-notice .modal-content {
    max-width: 1000px;
    background-color: #fbfbfb;
    /*background-color: #fcfafe;*/
}
.m-modal-mce-notice .modal-header {
    border: 0;
    background-color: transparent;
    height: auto;
}
.m-modal-mce-notice .modal-body {
    padding: 16px 50px 16px 0;
}
.m-modal-mce-notice .modal-footer {
    padding: 0 20px 20px 20px;
}
#mce-notice-remarks {
    color: #9f9f9f;
    font-weight: normal;
    font-size: 13px;
    margin: -3px 0 5px 8px;
}
/* 20200316 mce.en notice --end */


.lh22 { line-height: 22px }

#J-btn-HNMR-submit, #J-btn-SDF-submit, #J-btn-COA-submit{ margin: 32px 0 0 278px; padding: 0 35px;}

.cart-germany-info {
    padding-top: 11px;
}

.jp-dis-item label img {
    margin: 0 5px -2px 0;
}

/* footer keywords */
.m-keywords { overflow: hidden; margin-top: 29px; line-height: 20px; text-align: left  }
.m-keywords>h2 { color:#6a4b92; font-size:12px; display: inline; margin-right: 18px }
.m-keywords>p  { display: inline }
.m-keywords>p>span { display: inline-block }
.m-keywords>p>span::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    line-height: 10px;
    background-color: #8f77b5;
    margin: 0 18px;
}
.m-keywords>p>span:last-child::after {
    display: none;
}

/* Article 20200323 */
.list-regular {
    border-bottom: 2px solid #ebe4f6;
}
.list-regular>li {
    height: 48px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 0 10px 0;
    line-height: 20px;
    color: #331515;
    font-size: 13px;
}
.list-regular>li+li {
    border-top: 1px solid #ebe4f6;
}
.list-regular>li>a:hover {
    color: #F60;
}
.list-regular>li>span {
    float: right;
}

/**pro detail 2020-04-09
 */
.struct-img-wrapper {
    display: block;
    width: 200px;
    height: 0;
    position: relative;
    padding: 100% 0 0 0;
}
.struct-img-wrapper img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    margin: auto;
}
.struct-img-wrapper p {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    margin: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 9;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.btn-pop-form-submit {
    margin: 32px 0 0 278px;
    padding: 0 35px;
    height: 30px;
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
}
#J-licensing-opportunities-sign {
    cursor: pointer;
}


/* Library container */
#col-lib-title { vertical-align: top; }
/* common.css, common-cn.css */
/*#col-lib-container { position: relative; height: 94px; vertical-align: top; padding-left: 5px; text-align: left; } !*94*!*/
/*#col-lib-container .container-field-thumb {  position: absolute; right: 109px; top: 0;}*/
#col-lib-container .container-field-thumb>img {  width: 76px; height: 76px;}
.container-wrapper { width: 335px;}

.currency-box {}
.currency-wrapper {
    position: relative;
    cursor: pointer;
    z-index: 1;
}
.currency-wrapper .currencyType {
    position: relative;
    margin-left: 12px;
}
/*.currency-wrapper .currencyType:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 1px;*/
/*    right: 1px;*/
/*    display: block;*/
/*    z-index: 2;*/
/*    width: 0;*/
/*    height: 0;*/
/*    border: 3px solid transparent;*/
/*    border-bottom: 4px solid #8972ac;*/
/*    border-top: none; }*/
.currency-wrapper .currencyType:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    right: 1px;
    z-index: 2;
    width: 0;
    height: 0;
    border: 3px solid transparent;
    border-top: 6px solid #331515;
    border-bottom: none; }
.currency-wrapper ul {
    display: none;
    position: absolute;
    top: 26px;
    left: 0;
    border: 1px solid #8972ac;
    padding: 0 10px;
    background-color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
.currency-wrapper ul li {
    min-width: 32px;
    line-height: 29px;
    font-size: 12px;
    font-weight: normal; }
.currency-wrapper ul li:first-child {
    border-bottom: 1px solid #ddd; }
.currency-wrapper ul li.active {
    color: #ee3134; }
.c_amount .currency-wrapper ul { top: 30px; }

h2.vs-data-subtitle {
    display: inline-block;
    padding: 0 15px;
    line-height: 28px;
    background: #8972ac;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
    cursor: pointer;
}

#srcSelInput { display: inline-block; }
#srcSelInput>select { width: 112px; }

/* 20200601 lib more concentration size style */
.lib-more-concentration-size-wrapper {
    display: inline-block;
    position: relative;
    margin-left: 5px
}
.lib-more-concentration-size-wrapper>span {
    color:#9f9f9f;
    font-size: 16px;
    cursor: pointer;
}
.lib-more-concentration-size-wrapper>div {
    display: none;
    position: absolute;
    white-space: nowrap;
    top: -12px;
    left: 14px;
}

.lib-more-concentration-size-wrapper>div>p {
    line-height: 17px;
    border: 1px solid #cbcbcb;
    margin-left: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 5px 5px 3px 7px;
    box-shadow: 1px 1px 4px 0 rgba(62,62,62,0.3);
    background-color: #FFF;
}
.lib-more-concentration-size-wrapper>div>p:before,
.lib-more-concentration-size-wrapper>div>p:after {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    z-index: 2;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-left: none;
}
.lib-more-concentration-size-wrapper>div>p:before {
    left: 1px;
    border-right: 9px solid #cbcbcb;
}
.lib-more-concentration-size-wrapper>div>p:after{
    left: 3px;
    border-right: 9px solid #FFF;
}



/* lib brief */
#library_brief>p.lib-brief-tips {
    font-size: 12px;
    line-height: 20px;
    color: #9f9f9f;
    margin-top: 3px
}


/* 20200709 */
.target_list>h3 {
    border-bottom: 2px solid #ebe4f6;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 8px;
    padding-top: 19px;
}
.target_list>h3>a {
    color: #6a4b92;
}
.target_list>.list_h2+h3 {
    padding-top: 10px;
}
.view_collapse+#target_list {
    border-top: 1px solid #ebe4f6;
    margin-top: 25px;
}

.csr-logo {
    display: inline-block;
    position: absolute;
    right: auto;
    top: 8px;
    margin-left: 3px;
    padding: 2px 3px;
    font-size: 12px;
    line-height: 1;
    color: #ffffff;
    font-weight: bold;
    border-radius: 3px;
    background-color: #e35f8b;
    transform: scale(.95);
}
span.eu-star:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 4px -1px 0;
    background: url(../images/web/icon.png) no-repeat 0 -200px;
}
.dismap_con dd p>strong>span,
.find_dis_list table td p>strong>span {
    width: auto;
}
.protein-fl img{
    float: left;
    margin-top: 4px !important;
}

.link-product{
    color: #6a4b92;
    font-weight: 700;
}
.link-product:hover{
    color: #F60;
}



.calendar{
    width: auto;
    height: 500px;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1001;
}
.calendar-delete{
    position: absolute;
    width: 23px;
    height: 23px;
    right: 5px;
    top: 5px;
    cursor: pointer;
    z-index: 1002;
}
.text-justify{text-align:justify!important}

.eu-screw-detail {
    width: 282px;
    height: 244px;
    margin-top: 10px;
    display: none;
}