@charset "utf-8";
/* CSS Document */
h1, h2, h3, h4, h4 {
    margin: 0
}

img {
    max-width: 100%;
    height: auto;
}

a img {
    border: none;
}

a {
    text-decoration: none;
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
}

header .logo img {
    max-width: 250px;
}

/*header .logo {
    color: #052b51;
    font-family: 'Montserrat-Medium', Arial;
    font-size: 12px;
    width: 308px;
    float: left;
    padding: 8px 0 0 39px !important;
}*/

.menu-logo {
    width: calc(100% - 308px);
    width: -moz-calc(100% - 308px);
    width: -webkit-calc(100% - 308px);
    float: right;
    padding-right: 40px;
}

header .navbar {
    padding: 0px 0px;
}

header .navbar-dark .navbar-nav .nav-link {
    color: #052b51 !important;
    font-size: 15px;
}

header .navbar-expand-sm .navbar-nav .nav-link {
    padding: 7px 14px
}

header .navbar-dark .navbar-nav .active > .nav-link, header .navbar-dark .navbar-nav .nav-link:hover {
    color: #51801d !important;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

header .navbar-dark .navbar-nav .nav-link:focus {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
}

header .navbar-brand {
    padding: 0
}

.top-bar {
    background-color: #032e53;
    padding: 14px 25px 11px 0
}

    .top-bar ul {
        margin: 0px;
        padding: 0px;
    }

        .top-bar ul li {
            display: inline-block;
            color: #c7d9ee;
            padding-left: 0px;
            font-size: 13px;
            vertical-align: middle
        }

            .top-bar ul li:first-child {
                padding-left: 0
            }

            .top-bar ul li:last-child {
                padding-left: 17px
            }

            .top-bar ul li a {
                color: #c7d9ee;
                text-decoration: none
            }

    .top-bar .has-search .form-control {
        padding: 0 6px 0 22px;
        background-color: transparent;
        border-radius: 0;
        border: 1px solid #fff;
        height: 21px;
        max-width: 108px;
        outline: none;
        color: #c5d8ed;
        font-size: 12px
    }

    .top-bar .has-search input[type=button] {
        width: 120px;
    }

    .top-bar .selectpicker {
        margin-left: 28px;
        display: inline-block;
        background-color: transparent;
        color: #c5d8ed;
        border: 1px solid #fff;
        outline: none;
        background-image: url(../images/select-image.png);
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 17px 19px;
        -webkit-appearance: none;
        width: 47px;
        height: 21px;
        padding: 0px 7px;
        font-size: 12px;
    }
    select#switchLanguage option {
        background: #ffffff;
        color: #000000;
    }


        .top-bar .selectpicker::-ms-value {
            background: none; /* remove blue background on ie10/ie11 when selected*/
            color: #C7D9EB;
        }

    .top-bar .has-search .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        width: 14px;
        height: 21px;
        line-height: 21px;
        text-align: center;
        pointer-events: none;
        color: #032e53;
        left: 6px;
        top: 4px;
    }

    .top-bar .form-control:focus {
        box-shadow: none
    }

    .top-bar .form-group {
        margin-bottom: 0;
        position: relative
    }

.top-search {
    display: none;
    padding: 24px 52px 18px 33px;
    background-color: #eaeaea;
    position: fixed;
    width: 100%;
    z-index: 999;
}

    .top-search .top-width {
        width: 60%;
        margin: 0 auto;
        overflow: hidden;
    }

    .top-search a {
        color: #c7d9ee;
        text-decoration: none
    }

    .top-search .has-search .form-control {
        padding: 2px 6px 2px 33px;
        background-color: transparent;
        border-radius: 0;
        border: 1px solid #074780;
        height: 41px;
        max-width: 100%;
        outline: none;
        color: #032e53;
        font-size: 12px;
        width: 92%;
        float: left;
    }

    .top-search .selectpicker {
        margin-left: 28px;
        display: inline-block;
        background-color: transparent;
        color: #c5d8ed;
        border: 1px solid #074780;
        outline: none;
        background-image: url(../images/select-image.png);
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 17px 19px;
        -webkit-appearance: none;
        width: 47px;
        padding: 0px 7px;
        padding: 0px 7px;
        font-size: 12px;
    }

        .top-search .selectpicker::-ms-value {
            background: none; /* remove blue background on ie10/ie11 when selected*/
            color: #C7D9EB;
        }

    .top-search .has-search .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        width: 14px;
        height: 31px;
        line-height: 21px;
        text-align: center;
        pointer-events: none;
        color: #c5d8ed;
        left: 18px;
        top: 9px;
    }

    .top-search .form-control:focus {
        box-shadow: none
    }

    .top-search .form-group {
        margin-bottom: 0;
        position: relative;
        width: 100%;
    }

        .top-search .form-group form {
            width: 100%;
        }

        .top-search .form-group .btn-close-search {
            float: right;
            width: 7%;
            height: 41px;
            font-size: 16px;
            border: solid 1px #333;
        }

h2 {
    font-family: 'Merriweather-Bold', Arial;
    line-height: 36px;
    font-size: 28px;
    color: #02223e;
}

.service_support_flow {
    width: 100% !important;
}

.megamenu::-webkit-scrollbar {
    width: 10px;
    background: #0b3e6d
}

.megamenu::-webkit-scrollbar-track {
    border-radius: 8px
}

.megamenu::-webkit-scrollbar-thumb {
    background: #2b5882;
    border-radius: 2px
}
/* IE11 */
select::-ms-expand {
    display: none;
}

select {
    -webkit-appearance: none; /* Webkit */
    -moz-appearance: none; /* FF */
    -ms-appearance: none; /* Edge */
    appearance: none; /* Future */
}

.service-support-marginright p {
    margin-right: 135px;
}

.megamenu-li {
    position: static;
}
.megamenu-hidden {
    display:none;
}
.megamenu {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    background: #c7d9ef;
    text-align: center;
    border-radius: 0px;
    margin: 0;
    border: 0;
    padding: 0px;
}

    .megamenu .main-link-menu {
        color: #043768;
        font-size: 15px;
        text-decoration: none;
        font-weight: normal;
        line-height: normal;
    }

        .megamenu .main-link-menu:hover {
            text-decoration: none;
            background: none;
            color: #51801d !important;
        }

.sec-six {
    background-color: #043767;
    text-align: left;
    padding: 20px 0;
    top: 75px;
    display: none;
}

    .sec-six h3 {
        /*color: #c7d9ee;*/
        /*20220224鏀?/
        color: white;
        font-size: 14px;
        font-weight: normal;
        line-height: 16px;
    }

        .sec-six h3 a {
            color: #c7d9ee;
            font-weight: initial;
        }

    .sec-six ul {
        margin: 0px;
        padding: 0;
        list-style: none;
    }

        .sec-six ul.main-menu-sec > li {
            color: #ffffff;
            padding: 8px 10px;
            font-size: 14px;
            font-weight: normal;
            line-height: normal;
        }

.t-3 .sec-six ul.main-menu-sec > li {
    background-color: transparent;
}

.sec-six ul li a {
    color: #c7d9ee;
}

.menu-sub-sec:hover > .sec-six {
    display: block;
}
    /*20220224鏀?/
    .menu-sub-sec:hover > .sec-six ul li a:hover {
        color: #f6f7bc;
        text-decoration: none;
    }

.sec-six.three-width {
    left: 50%;
    transform: translateX(-50%);
    min-width: 500px;
    top: 74px;
}

.menu-sub-sec:hover > .sec-six.three-width {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.main-menu-sec-pd > li {
    padding: 21px 0;
}

    .main-menu-sec-pd > li.show {
        background: #c7d9ef;
    }

.menu-logo .dropdown-toggle::after {
    display: none;
}

.menu-sub-sec:hover:before {
    content: "";
    position: absolute;
    background: url(../images/up-arrow.png);
    width: 19px;
    bottom: -14px;
    left: 50%;
    height: 19px;
    background-repeat: no-repeat;
}

.position-static.menu-sub-sec:before {
    left: inherit;
}

.no-col .menu-sub-sec:hover:before {
    display: none;
}

nav .collapse.show {
    padding-bottom: 0px;
}

header {
    position: fixed;
    width: 100%;
    background: #ffffff;
    z-index: 99;
    left: 0;
    top: 0;
}

.ext-width {
    min-width: 400px !important;
}

    .ext-width > .row {
        padding: 0 15px !important;
    }

    .sec-six h3 {
        margin-top: 12px;
        padding-bottom: 12px;
    }

.menu-sub-sec:hover .main-link-menu {
    text-decoration: none !important;
}

.sec-six ul.main-menu-sec.transcriptome-sequencing > li {
    color: #c7d9ee;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
}

    .sec-six ul.main-menu-sec.transcriptome-sequencing > li ul li {
        border-left: none;
        color: #ffffff !important;
        padding-left: 0px;
    }

        .sec-six ul.main-menu-sec.transcriptome-sequencing > li ul li a {
            color: #ffffff !important;
            font-size: 11px;
        }

        .sec-six ul.main-menu-sec.transcriptome-sequencing > li ul li ul li {
            font-size: 9px;
            border-left: 1px solid #c7d9ee;
            margin-top: 15px;
            padding-left: 10px;
        }

            .sec-six ul.main-menu-sec.transcriptome-sequencing > li ul li ul li a {
                font-size: 9px;
                color: #c7d9ee !important;
            }
/*20220224鏀?/
.menu-sub-sec:hover > .sec-six ul li a:hover {
    color: #f6f7bc !important;
    text-decoration: underline;
    font-size:16px;
}

.menu-sub-sec:hover > .sec-six span:hover {
    color: #f6f7bc !important;
}

.sec-six.three-width {
    left: 50%;
    transform: translateX(-50%);
    min-width: 570px;
    top: 74px;
}

.sec-six.first-width {
    left: 50%;
    transform: translateX(-50%);
    width: 23em;
    top: 75px;
}

.t-1 .sec-six {
    width: max-content;
    max-width: 130%;
}

.sec-width-1 {
    width: 550% !important;
    max-width: 550% !important;
}

.sec-width-2 {
    width: 28em !important;
    max-width: 28em !important;
}

.sec-width-3 {
    width: 30em !important;
    max-width: 30em !important;
    left: auto;
}

.sec-width-4 {
    width: 50% !important;
}

.sec-width-5 {
    width: 360% !important;
    max-width: 360% !important;
    left: auto;
}

.sec-width-6 {
    width: 23em !important;
    max-width: 23em !important;
    left: auto;
}

.t-2 .sec-six {
    width: 500%;
    left: auto;
}

.research-menu .sec-six .service-block {
    width: 14% !important;
    max-width: 20% !important;
    flex: 0 0 14%;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.menu-sub-sec:hover > .sec-six.three-width {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: block;
}

.no-col {
    top: 86px;
    width: max-content;
    padding: 20px 14px;
}

    .no-col ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        text-align: left;
    }

        .no-col ul li {
            display: block;
            padding: 10px 0;
            white-space: nowrap;
            font-size: 14px;
            font-family: 'Merriweather-Bold',Arial;
            font-weight: normal;
        }

            /*.no-col ul li a {
                color: #043768;
                text-decoration: underline;
                font-family: 'Montserrat-Bold',Arial;
                padding-right: 30px;
            }*/

            .no-col ul li a:hover {
                color: #699f37;
            }

.menu-logo .dropdown-toggle::after {
    display: none;
}

.service-block .inside-box {
    background: #0b3e6d;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    height: 100%;
}

.sec-six .service-block h3 {
    background-color: rgba(255, 255, 255, 0.1);
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    margin-top: 0px;
}

.biopharma-services .megamenu h3, .clinical-diagnostics .megamenu h3 {
    background: #2b5882;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 0px;
}

.clinical-diagnostics .megamenu h3 {
    /*min-height: 48px;*/
}

.biopharma-services .megamenu ul, .clinical-diagnostics .megamenu ul {
    background: #0b3e6d;
    margin-left: -15px;
    margin-right: -15px;
}

    .biopharma-services .megamenu ul li ul, .clinical-diagnostics .megamenu ul li ul {
        margin-right: 0px;
    }

.megamenu .px-3 .clinical-panels h3 {
    padding-top: 17px;
}

.service-item .sec-six ul li a {
    color: #c7d9ee !important;
    font-weight: initial;
}

.drp-technology .dropdown-menu {
    width: 235px;
}

.service-support .megamenu .row .col-sm-6 h3 a {
    color: #c7d9ee !important;
    font-size: 14px;
}

    .service-support .megamenu .row .col-sm-6 h3 a:hover {
        color: #f6f7bc !important;
        font-size: 16px;
        text-decoration: underline;
    }

.service-support .sec-six.first-width .row::before {
    background: #0b3e6d;
    content: "";
    margin-left: 13px;
    margin-right: -15px;
    padding-left: 15px;
    overflow: hidden;
    width: 85%;
    top: 15px;
    bottom: 15px;
    position: absolute;
}
#collapsibleNavbar > ul > li.nav-item.megamenu-li.show > div > div > div.col.menu-sub-sec.pt-4.pb-4.t-1.biopharma-services > div.sec-width-5 {
    width: 450% !important;
    max-width: 450% !important;
}

div.service-item div.megamenu div.row div.col-sm-6 > ul li > a:hover,
div.dropdown-item div.megamenu div.row div.col-sm-6 > ul li > a:hover,
div.biopharma-services > div.megamenu div.row div.col-sm-6 > ul li > a:hover {
    color: #f6f7bc !important;
    font-size: 16px;
    text-decoration: underline;
}

.li_item_gynh > .dropdown-menu {
    width: 14em;
    margin-left: auto;
    margin-right: 80px;
    padding: 20px;
    padding-left: 20px;
}

.li_item_gynh > .dropdown-menua {
    width: 23.9em !important;
    margin-left: auto !important;
    margin-right: 40px !important;
    padding: 20px !important;
    padding-left: 20px !important;
    text-align: left;
}

.li_item_gynh > .dropdown-menu > .row.px-3 {
    flex-direction: column;
}

    .li_item_gynh > .dropdown-menu > .row.px-3 > div {
        text-align: left;
        padding-top: 8px;
    }

.li_item_gynh .menu-sub-sec:hover:before {
    content: "";
    position: absolute;
    background: none;
    width: 0px;
    bottom: 0px;
    left: 0;
    height: 0;
    background-repeat: no-repeat;
    display:none;
}

.diqiuyuyan-img {
    width: 18px;
    height: 18px;
    display: inline-block;
}

li.yvyan_li {
    width: 100px;
}

    li.yvyan_li > a {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }



        li.yvyan_li > a > span {
            display: block;
            line-height: 18px;
            height: 18px;
            margin-right: 20px;
        }
.li_item_gynh div.menu-sub-sec a.dropdown-item:hover {
    color: #559935 !important;
    font-size: 16px;
    text-decoration: underline !important;
}

.khfwxtcss {
    margin-right:20px;
}
@media screen and (max-width:768px) {
    .top-search .form-group .btn-close-search {
        width: 27%;
    }

    .top-search .has-search .form-control {
        width: 72%;
    }

    .top-search .top-width {
        width: 100%;
    }
    .top-bar .has-search input[type=button] {
        width: 80px;
    }
    li.yvyan_li {
        width: 95px;
    }
    .khfwxtcss {
        
    }
    .top-bar ul yvyan_li.li {
        padding-left: 0px !important;
    }
}