@charset "utf-8";
/* CSS Document */
/* mce en website - wdf - 2016-04-14 */
/* content: index.html */

/* ====================================================
     banner
==================================================== */
#Header {position: fixed;}
.page_top {border-bottom: 2px solid #8972ac;}

#Banner {width: 100%;min-width: 1020px;height: 300px;position: relative;padding: 120px 0 0 0;}
.new_banner {width: 100%;height: 300px;position: fixed;top: 120px;z-index: 1;left: 50%;margin: 0 auto 0 -952px;}
a.banner_img {display: none;height: 300px;width: 100%;}

#en-banner-adc-london { background-image: url("https://file.medchemexpress.com/mce-com-email/2023/world-adc-london-2023.jpg?v20230303") }
#en-banner-refer { background-image: url("https://file.medchemexpress.com/mce-com-email/2023/europe-refer.jpg?v20230223") }
#en-banner-asian-slas { background-image: url("https://file.medchemexpress.com/mce-com-email/2023/campaign-banner.jpg?v20230227") }
#en-banner-europe-slas { background-image: url("https://file.medchemexpress.com/mce-com-email/2023/campaign-banner.jpg?v20230227") }
#en-banner-slas { background-image: url("https://file.medchemexpress.com/mce-com-email/singlePage/slas-banner-20230214.jpg?v20230214") }
#en-banner-gifts { background-image: url("https://file.medchemexpress.com/mce-com-email/singlePage/month-of-gifts-banner.jpg?v20230129") }
#en-banner-gmp { background-image: url("//file.medchemexpress.com/mce-com-email/2023/gmp-banner-2023-en.jpg?v20230119") }
#en-banner-calendar { background-image: url("//file.medchemexpress.com/new/images/banner/banner-calendar.png?v20221214") }
#en-banner-uk { background-image: url("//file.medchemexpress.com/new/images/banner/uk-banner.jpg?v20220425") }
/*#jp-banner-uk { background-image: url("//file.medchemexpress.com/new/images/banner/banner-uk.png?v20220425") }*/
#en-banner01 { background-image: url("//file.medchemexpress.com/new/images/banner/banner-01.png?v20191203") }
#en-banner-australia { background-image: url("//file.medchemexpress.com/new/images/banner/banner-promotion-0921.jpg?v20220921") }
#en-banner-hk { background-image: url("https://file.medchemexpress.com/mce-com-email/2022/hk-banner-20220927.jpg?v20220928") }
#en-banner-singapore { background-image: url("https://file.medchemexpress.com/mce-com-email/2022/singapore-banner-20220928.jpg?v20220928") }
#jp-banner01 { background-image: url("//file.medchemexpress.com/new/images/banner/jp/jp-banner01.png?v=20191218") }
#en-banner02 { background-image: url("//file.medchemexpress.com/new/images/banner/banner-02-en.jpg?v20191202");}
#en-banner31 { background-image: url("//file.medchemexpress.com/new/images/banner/banner-cytokines-en.jpg?v20220623");}
#en-banner03 { background-image: url("//file.medchemexpress.com/new/images/banner/banner-immunology-0919.png?v20220919");}
/*#en-banner03 { background-image: url("//file.medchemexpress.com/new/images/banner/banner-03.png?v2019120301");}*/
#en-banner04 { background-image: url("//s3.medchemexpress.com/new/images/banner/banner-04.png?v20191122");}
#en-banner05 { background-image: url("//file.medchemexpress.com/new/images/banner/banner-05.png?v20191202");}
#en-banner06 { background-image: url("//file.medchemexpress.com/new/images/banner/banner-06.png?v20191203");}
#eu-banner01 { background-image: url("//file.medchemexpress.com/new/images/banner/eu-banner-01.png?v20210326") }
#eu-banner02 { background-image: url("//file.medchemexpress.com/new/images/banner/eu-banner-02.png?v20210326") }
#ko-banner01 { background-image: url("//file.medchemexpress.com/new/images/banner/ko-banner-01.png?v20210408") }
#ko-banner02 { background-image: url("//file.medchemexpress.com/new/images/banner/ko-banner-02.png?v20210408") }
#en-banner07 { background-image: url("//file.medchemexpress.com/new/images/banner/banner-20210708.jpg?v20210708") }
#en-banner07 { background-image: url("//file.medchemexpress.com/new/images/banner/banner-20210708.jpg?v20210708") }
#id-banner09 { background-image: url("//file.medchemexpress.com/new/images/banner/banner-09-id.jpg") }
#au-banner09 { background-image: url("//file.medchemexpress.com/new/images/banner/banner-09-au.jpg") }
#eu-banner09 { background-image: url("//file.medchemexpress.com/new/images/banner/banner-09-eu.jpg") }
#ko-banner1105 { background-image: url("//file.medchemexpress.com/new/images/banner/ko-bannner-1104.png?v20211104") }
#aacr-banner0402 { background-image: url("//file.medchemexpress.com/new/images/banner/accr-banner.jpg?v20220402") }
#en-publication-banner0727 { background-image: url("//file.medchemexpress.com/new/images/banner/banner-0727.jpg?v20220727") }
#en-gift-banner0803 { background-image: url("//file.medchemexpress.com/new/images/banner/american-points-mall.jpg?v20220803") }
#en-promotion-banner0824 { background-image: url("https://file.medchemexpress.com/mce-com-email/singlePage/banner-europe-promotion.jpg?v20220825") }
#en-proteins-banner0915 { background-image: url("https://file.medchemexpress.com/new/images/banner/banner-proteins-20220915.jpg?v20220915") }
#en-banner-usa0929 { background-image: url("https://file.medchemexpress.com/mce-com-email/2022/usa-banner-20220929.jpg?v20220929") }
#en-banner-usa1228 { background-image: url("https://file.medchemexpress.com/new/images/banner/banner-20221219.jpg?v20221228") }

/*20170106 wdf modify*/
 {width: 1920px;height: 300px;padding: 0;margin: 0;}
#slides a:link, #slides a:visited {color: #331515}
#slides a:hover, #slides a:active {color: #9e2020}

.slides-control-2{width: 1920px;height: 300px;padding: 0;margin: 0;}

.slidesjs-pagination { /*banner dott*/
    position: relative;
    margin: 7px 0 0 448px;
    padding-right: 2px;
    float: left;
    list-style: none;
    bottom: 55px;
    z-index: 10;
}

.slidesjs-pagination li {float: left;margin: 0 5px;}
.slidesjs-pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background-image: url(../images/banner/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {background-position: 0 -13px}
.slidesjs-pagination li a:hover {background-position: 0 -26px}

.slidesjs-navigation {
    position: relative;
    margin-top: 7px;
    bottom: 55px;
    z-index: 10;
}

a.slidesjs-next {margin-right: 10px;background-position: -12px 10px;}
a:hover.slidesjs-next {background-position: -12px -18px;}

a.slidesjs-previous {background-position: 0 0;}
a:hover.slidesjs-previous {background-position: 0 -18px;}

a.slidesjs-play {
    background-image: url(../images/banner/btns-next-prev.png);
    background-repeat: no-repeat;
    display: block;
    width: 19px;
    overflow: hidden;
    text-indent: -9999px;
    float: left;
    margin-left: 3px;
}

a.slidesjs-play {width: 15px;background-position: -23px -2px;}
a:hover.slidesjs-play {background-position: -23px -20px;}

a.slidesjs-stop {
    background-image: url(../images/banner/btns-next-prev.png);
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    float: left;
    margin-left: 3px;
}
a.slidesjs-stop {width: 15px;background-position: -42px -2px;}

a:hover.slidesjs-stop {background-position: -42px -20px;}
.navbar {overflow: hidden}

/* For larger displays */
@media (min-width: 1020px) {
    .new_banner {
        width: 1920px;
        bottom: 10px;
    }
}

/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 979px) {
    .new_banner {
        width: 1920px;
        bottom: 10px;
    }
}

/*For tablets & smart phones*/
@media (max-width: 767px) {
    .new_banner {
        width: 1920px;
        bottom: 10px;
    }
}

/* For smartphones */
@media (max-width: 480px) {
    .new_banner {
        width: 1920px;
        bottom: 10px;
    }
}



/* ====================================================
     agent
==================================================== */
#agent_mask {display: none;z-index: 99999;}
#agent {
    background-color: #ecebea;
    width: 450px;
    height: 300px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -225px;
    margin-top: -150px;
    z-index: 999999;
    text-align: center;
    display: none;
}
#agent_close {margin: 15px 0 0 425px;}
.agent_face {width: 70px;line-height: 24px;margin: 16px auto 0 auto;background: url("../images/web/agent_face.png") no-repeat -2px 2px;text-align: left;}
.agent_tit {line-height: 24px;margin-top: 21px;font-size: 22px;}
.agent_brief {padding: 23px 30px 42px 30px;line-height: 25px;font-size: 14px;}
.agent_btn {background-color: #ee3134;color: #FFF;font-weight: bold;padding: 7px 14px;font-size: 14px;}
