@charset "utf-8";
/* CSS Document */
/* mce en website - wdf - 2015-11-13 */
/* content:  service.html, aboutUs.html, contactUs.html and web bottom navigation page ... */

/* ====================================================
     common
==================================================== */
.pages_tit {
    margin-top: 30px;
}

.pages_tit h1 {
    line-height: 30px;
    font-size: 26px;
}

.pages_sub_tit {
    width: 450px;
    padding-bottom: 10px;
    margin: 25px 0 16px 0;
    border-bottom: 2px solid #e0d9ec;
}

.pages_sub_tit h2 {
    line-height: 20px;
    color: #6a4b92;
    font-size: 16px;
}

.pages_sub_tit h3 {
    color: #6a4b92;
    line-height: 20px;
    font-size: 14px;
}

.pg-box   { overflow: hidden; }
.pg-box p { line-height: 20px }
.pg-h2 { font-size: 16px; line-height: 24px }
.pg-h3 { font-size: 14px; line-height: 20px }
.pg-line { height: 2px; line-height: 2px; background-color: #e0d9ec; margin: 10px 0 14px 0 }
.pg-pt { padding-top: 30px }

.pages_order_tit {
    width: auto;
    padding-top: 6px;
    padding-bottom: 6px;
    /*margin: 15px 0 16px 0;*/
    border-top: 2px solid #e0d9ec;
    font-size: 16px;
}

.pages_order_tit h2 {
    font-size: 13px;
    line-height: 24px;
    color: #331515;
    letter-spacing: -0.2px;
}

.pages_text {
    margin: 0;
    padding-bottom: 25px;
}

.pages_text p {
    color: #331515;
    text-align: justify;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.pages_text p a {
    color: #6a4b92;
}

.pages_text p a:hover {
    color: #F60;
}

.pages_rgt_img {
    float: right;
    border: 2px solid #ebe4f6;
    margin: 3px 0 10px 25px;
}

a.line_link {
    text-decoration: underline;
    color: #331515;
}

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

/* ====================================================
     contact us
==================================================== */
.ctus_subtit {
    width: 450px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #e0d9ec;
}

.ctus_subtit h2 {
    color: #6a4b92;
    line-height: 20px;
    font-size: 18px;
}

.hdqters_dis {
    overflow: hidden;
    margin-top: 20px;
}

/*hdqters*/
.hdqters {
    width: 450px;
    float: left;
}

.hdqters table {
    margin: 15px 0;
}

.hdqters table th {
    height: 32px;
    padding-bottom: 5px;
    vertical-align: middle;
    line-height: 32px;
    font-size: 14px;
}

.hdqters table th img {
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.hdqters table td {
    vertical-align: top;
    line-height: 21px;
    font-size: 12px;
}

.hdqters table td span {
    font-weight: bold;
}

/*find_dis*/
.find_dis {
    width: 450px;
    float: right;
}

.find_dis_div {
    padding: 3px 0 20px 0;
    line-height: 20px;
    font-size: 12px;
}

.find_dis_div span {
    margin: 0 10px;
    line-height: 20px;
    color: #6a4b92;
    font-weight: bold;
}

.find_dis_div select {
    height: 26px;
    line-height: 20px;
    padding-left: 5px;
    margin-left: 10px;
    color: #555;
    border: 1px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.find_dis a {
    line-height: 20px;
    color: #6a4b92;
    text-decoration: underline;
    font-weight: bold;
    font-size:12px;
}

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

.find_dis_list {
    margin-top: 25px;
}

.find_dis_list table {
    margin-top: 20px;
}

.find_dis_list table th {
    width: 170px;
    vertical-align: middle;
}

.find_dis_list table th img {
    width: 130px;
}

.find_dis_list table td {
    width: 280px;
    vertical-align: top;
    line-height: 20px;
    font-size: 12px;
}

.find_dis_list table td span {
    display: inline-block;
    width: 50px;
    font-weight: bold;
}

.find_dis_list table td strong {
    line-height: 32px;
    font-size: 14px;
}

/*word_dis*/
.word_dis {
    margin-top: 60px;
}

.word_dis ul {
    overflow: hidden;
    width: 100%;
    padding-top: 10px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 3px;
    border-radius: 0 0 3px 3px;
}

.word_dis ul li {
    float: left;
    width: 80px;
    height: 77px;
    padding: 0 10px 10px 10px;
    text-align: center;
    font-size: 12px;
}

.word_dis ul li img {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.word_dis ul li span {
    display: block;
    width: 80px;
    height: 30px;
    margin-top: 10px;
    line-height: 15px;
    color: #331515;
}

/* ====================================================
     about us
==================================================== */
.abtus_hd {
    overflow: hidden;
}

.abtus_hd_lft {
    width: 450px;
    float: left;
}

.abtus_hd_rgt {
    float: right;
}

.abtus_hd_rgt img {
    margin-top: 48px;
    width: 450px;
    height: 191px;
}

.abtus_service_txt {
    padding: 0 0 20px 40px;
}

/* ====================================================
     headquarter
==================================================== */
.headquarter {
    width: 100%;
}

#headquarter_tit {
    width: 500px;
    border-bottom: 2px solid #e0d9ec;
    padding-bottom: 13px;
}

.headquarter table {
    margin-top: 15px;
    font-size: 12px;
}

.headquarter table th {
    width: 185px;
}

.headquarter table td p {
    line-height: 21px;
    color: #331515;
}

.headquarter table td p span {
    display: inline-block;
    width: 70px;
    font-weight: bold;
    font-size: 12px;
}

/* ====================================================
     distributors - distributor.css
==================================================== */


/* ====================================================
     Technical Support
==================================================== */
/*tec_spt_hd*/
.tec_spt_hd {
    width: 500px;
    margin-top: 12px;
    padding-top: 13px;
    border-top: 2px solid #e0d9ec;
}

.tec_spt_hd p {
    color: #331515;
    line-height: 20px;
    font-size: 12px;
}

.tec_spt_hd p span {
    display: inline-block;
    width: 50px;
    font-weight: bold;
}

/*tec_spt_link*/
#tec_spt_link {
    margin-top: 12px;
}

#tec_spt_link table td {
    vertical-align: top;
    font-size: 12px;
}

#tec_spt_link table td a {
    display: block;
    color: #6a4b92;
    text-decoration: none;
    line-height: 26px;
    font-weight: bold;
}

#tec_spt_link table td a:hover {
    color: #F60;
}

/*tec_spt*/
.tec_spt {
    margin-top: 36px;
    overflow: hidden;
}

.tec_spt_lft {
    float: left;
    width: 480px;
}

.tec_spt_rgt {
    float: right;
    width: 485px;
}

/*tec_spt_lft_4*/
.tsl_1_tbl {
    width: 250px;
    margin: 5px 0;
    font-size: 12px;
}

.tsl_1_tbl th, .tsl_1_tbl td {
    font-weight: normal;
    line-height: 20px;
}

.tsl_1_tbl th {
    width: 30px;
    text-align: right;
    padding-right: 20px;
}

/*tec_spt_rgt_2*/
.tec_spt_rgt_2 {
}

.tec_spt_rgt_2 p {
    margin-top: 23px;
    padding: 0;
    font-weight: bold;
}

.tsr_2_tbl {
    width: 485px;
    margin-top: 15px;
    border-bottom: 1px solid #e0d9ec;
    font-size: 12px;
}

.tsr_2_tbl thead {
    border-top: 1px solid #e0d9ec;
    border-bottom: 1px solid #e0d9ec;
}

.tsr_2_tbl thead th, .tsr_2_tbl thead td {
    padding: 8px 0 5px 0;
    vertical-align: bottom;
    line-height: 16px;
    font-weight: bold;
}

.tsr_2_tbl thead th, .tsr_2_tbl tbody th {
    border-right: 1px solid #e0d9ec;
}

.tsr_2_tbl tbody th, .tsr_2_tbl tbody td {
    padding: 2px 0;
    line-height: 20px;
    font-weight: normal;
}

.tsr_2_tbl thead td, .tsr_2_tbl tbody td {
    padding-left: 17px;
}

.tsr_2_ftr {
    margin-top: 10px;
    font-size: 12px;
}

.tsr_2_ftr th, .tsr_2_ftr td {
    vertical-align: middle;
}

.tsr_2_ftr th {
    border-top: 1px solid #333;
    font-weight: normal;
}

/* ====================================================
     Technical Support Link
==================================================== */
.vial_lab_hd {
    margin-top: 20px;
}

.vial_lab {
    overflow: hidden;
    margin-top: 10px;
}

.vial_lab .pages_sub_tit h2 {
    font-weight: normal;
}

.vial_lab_lft {
    float: left;
    width: 470px;
}

.vial_lab_rgt {
    float: right;
    width: 470px;
}

/* ====================================================
     Order Information
==================================================== */
.order_info {
    overflow: hidden;
}

.order_info_lft {
    float: left;
    width: 480px;
}

.order_info_lft table th, .order_info_lft table td {
}

.order_info_lft table th {
    width: 200px;
}

.order_info_lft table td {
    width: 280px;
}

.order_info_rgt {
    float: right;
    width: 480px;
}

.order_info_rgt table th {
    width: 295px;
}

.order_info_rgt table td {
    width: 185px;
}

.order_info_rgt table p b {
    display: inline-block;
}

.order_info_rgt table th p b {
    width: 50px;
}

.order_info_rgt table td p b {
    width: 35px;
}

/*order_info_end*/
.order_info_end {
    margin-top: 0;
}

.order_info_end p {
    font-weight: bold;
    line-height: 30px;
    color: #F60;
    font-size: 18px;
}

/* ====================================================
     Dilution Calculator & Molarity Calculator
==================================================== */
.calculator_hd {
    margin-top: 20px;
}

.pages_cal_tit {
    padding: 23px 0 7px 0;
}

.calculator_hd p {
    line-height: 20px;
    font-weight: bold;
}

.pages_cal_tit h2 {
    color: #6a4b92;
    line-height: 26px;
    font-size: 18px;
}

/*cal_form*/
.cal_form {
    overflow: hidden;
}

.cal_form div {
    float: left;
    width: 680px;
    background-color: #fbfbfb;
}

.cal_dilu_form {
    margin-top: 20px;
}

.cal_dilu_form div table {
    margin: 5px 20px;
}

.cal_mola_form div table {
    margin: 10px 20px 20px 20px;
}

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

.cal_form div table td {
    padding: 5px 0 8px 0;
}

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

.cal_form input[type='text'],
.cal_form select {
    box-sizing: border-box;
    display: inline-block;
    height: 26px;
    border: 1px solid #CCC;
    border-radius: 3px;
}

.cal_form div table td input[type='text'] {
    width: 70px;
    padding: 0 5px;
}

.cal_form div table td select {
    border: 1px solid #CCC;
    width: 54px;
}

.cal_form ul {
    float: left;
    padding-left: 70px;
}

.cal_form ul li {
    margin-top: 10px;
}

.cal_form ul li input {
    width: 156px;
    height: 36px;
    text-align: center;
    color: #FFF;
    background: #8f77b5;
    font-weight: bold;
    font-size: 14px;
}

.cal_form ul li input:hover {
    cursor: pointer;
}

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

/*Dilution Calculator*/
.cal_dilu_brief {
    width: 680px;
    padding: 10px 0;
    margin-top: 6px;
    background-color: #fbfbfb;
}

.cal_dilu_brief p {
    line-height: 20px;
    padding-left: 21px;
    font-size: 12px;
}

.cal_dilu_brief p span {
    font-weight: bold;
}
.cal_dilu_brief p sub {
    line-height: 12px;
    font-size:10px;
    -webkit-transform: scale(0.9);
    /*-o-transform: scale(0.9);*/
}

/*Molarity Calculator*/
.cal_mola_brief {
    width: 680px;
    padding: 10px 20px;
    background-color: #fbfbfb;
}

.cal_mola_brief p {
    color: #331515;
    margin-left: 50px;
    line-height: 20px;
    font-weight: bold;
    font-size: 14px;
}

/* ====================================================
     Service
==================================================== */
.service_div p {
    padding-bottom: 5px;
    font-weight: bold;
    color: #6a4b92;
}

/* ====================================================
     Terms and Conditions
==================================================== */
.terms_cdts_hd {
    padding: 12px 0;
    font-size: 12px;
}

.terms_cdts_hd p {
    color: #6a4b92;
    line-height: 20px;
    font-weight: bold;
}

/* ====================================================
     Privacy Policy
==================================================== */
.privacy_ctus {
    padding: 13px 25px 14px 25px;
    margin-top: 10px;
    background: #fbfbfb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.privacy_ctus p strong {
    display: block;
    padding-bottom: 5px;
}

.privacy_ctus p span {
    display: inline-block;
    font-weight: bold;
}

.privacy_ctus p a {
    color: #331515;
}

.privacy_ctus p a:hover {
    color: #F60;
}

/* ====================================================
    Custom Peptide Synthesis
==================================================== */
.peptide_synthesis_hd {
    overflow: hidden;
    margin-top: 14px;
}

.peptide_synthesis_hd div {
    width: 500px;
    float: left;
    border-top: 2px solid #e0d9ec;
    padding-top: 14px;
}

.peptide_synthesis_hd div p {
    line-height: 20px;
    text-align: justify;
}

.peptide_synthesis_hd img {
    width: 480px;
    float: right;
}

.peptide_synthesis_page_text {
    overflow: hidden;
    padding: 12px 0 30px 0;
}

.peptide_synthesis_page_text dl {
    width: 100%;
}

.peptide_synthesis_page_text dl dt, .peptide_synthesis_page_text dl dd {
    float: left;
    padding-top: 10px;
    line-height: 20px;
    font-size: 13px;
}

.peptide_synthesis_page_text dl dt {
    width: 230px;
    font-weight: bold;
}

.peptide_synthesis_page_text dl dd {
    width: 770px;
}


/* ====================================================
     Virtual Screening 20190125
==================================================== */