body {
}
.lang-icon { max-height: 15px; vertical-align: baseline; }
.lang-icon.deselect {filter: grayscale(1); opacity: 0.6; }
.lang-icon.deselect:hover {filter: grayscale(0); opacity: 1; }
.st-pusher { z-index: unset; }
strong { font-weight: bold  ; }
#pre-loader { opacity: 0.8; }
#mobile-menu-trigger { display: none; }
#bk-mobile-main-menu { display: none; }
::placeholder {
    color: #bbb !important;
    opacity: 1; /* Firefox */
    font-weight: normal;
}

::-ms-input-placeholder { /* Edge 12 -18 */
    font-weight: normal;
    color: #bbb !important;
}
.page-item.active .page-link, .page-item.active .page-link::selection, .page-item.active .page-link:active, .page-item.active .page-link:focus {
    background-color: #00239C;
    background: #00239C;
    border-color: #00239C
}
.page-item.active .page-link:hover { background-color:#007bff }
.page-item .page-link:hover { background-color:#007bff }

.modal-backdrop { z-index: 1050 !important; }
    .topbutton {
    position: fixed;
    bottom: 2em;
    right: 2em;
    background: #eee;
    border-radius: 5px 5px;
    padding: 5px 12px;
    opacity: 0.5;
    color: #444;
    z-index: 10000;
    border: 1px solid #fff;
}

    .topbutton:hover {
        opacity: 1;
    }


.cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(23, 23, 185, 0.85);
    color: #fff;
    padding: 2rem 0;
    z-index: 999999;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
}
.cookie-consent p {
    color:#fff;
}

    .cookie-consent a {
        color: #ff0;
    }
        .cookie-consent .close {
        position: absolute;
        top: 10px;
        right: 10px;
        color: #fff;
        opacity: 0.7;
        font-size: 1.2rem;
        cursor: pointer;
    }

input[type=text]::placeholder, input[type=password]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bbb;
    opacity: 1; /* Firefox */
}

input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bbb;
}

input[type=text]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder { /* Microsoft Edge */
    color: #bbb;
}
.cart-badge {background-color:#aa0000; position:absolute; right: -5px; top: -3px; font-weight: 600; font-size: 0.5rem; border: 1px solid #fff;}
.bk-paging .page-item { background-color:#000; color:#fff; padding: 5px; border-radius: 20px 20px; min-width:30px; display: inline-block;  }
.bk-paging .page-item.active { background-color:#00239C; font-weight: bold;  }
.bk-paging .page-item.nav { background-color:#888;  }


.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    top: 40%
}
.owl-carousel.partner .nav-btn, .owl-carousel.partner .owl-nav .owl-prev, .owl-carousel.partner .owl-nav .owl-next {
    top: 25%;
}
    .owl-carousel .owl-prev.disabled, .owl-carousel .owl-next.disabled {
    pointer-events: none;
    opacity: 0.2;
}

.owl-carousel .prev-slide {
    background: url(../images/nav-icon.png) no-repeat scroll 0 0;
    left: -33px;
    opacity: 0.5
}

.owl-carousel .next-slide {
    background: url(../images/nav-icon.png) no-repeat scroll -24px 0px;
    right: -33px;
    opacity: 0.5
}

.owl-carousel .prev-slide:hover {
    background-position: 0px -53px;
    opacity: 0.8;
}

.owl-carousel .next-slide:hover {
    background-position: -24px -53px;
    opacity: 0.8;
}

.owl-carousel.banner .prev-slide {
    left: 20px;
    opacity: 0.2
}
.owl-carousel.banner .next-slide {
    right: 20px;
    opacity: 0.2
}
.owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span {
    background-color: #00239C;
}


.owl-carousel.keen .item {
    padding: 10px;
}

.owl-carousel .nav-btn {
    height: 47px;
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 40% ;
}

.font-bk {
    color: #00239C;
}
.bg-bk1 { background-color: #EAF1F8; }
.bk-head {
    padding: 0px;
    background-color:#fff;
}
.bk-head.fixed-top { opacity: 0.9}
.bk-head .bk-logo { 
    padding-top: 15px;
    padding-bottom: 15px;
}
.bk-menu {
    text-transform: uppercase;
    list-style: none;
    text-align: justify;
    position: absolute;
    right: 10px;
    top: 10px;
}
.bk-menu li {
    font-size: 0.85em;
    font-weight:600;
    display: inline-block;
    padding: 0px 5px; 
}

    .bk-menu li a {
        text-decoration: none;
        color: #222;
    }

.bk-menu-mobile {
    display:none;
    text-transform: uppercase;
    list-style: none;
    text-align: justify;
    position: absolute;
    right: 10px;
    top: 5px;
}

    .bk-menu-mobile li {
        font-size: 1.8em;
        font-weight: bold;
        display: inline-block;
        padding: 0px 5px;
        padding-left: 10px;
    }

.bk-pdmenu1 {
    height: 30px;
    background-color: #00239C;
}
.bk-pdmenu1 ul.menu-links >  li > a { color:#fff !important;}
.bk-pdmenu1 ul.menu-links > li.mb-show { display: none; }
.bk-pdmenu2 ul.menu-links > li > a { color:#000 !important;}
.bk-pdmenu2 {
    height: 30px;
    background-color: #F0F0F0;
}

.bk-search-bar {
    position: absolute;
    right: 10px;
    top: 40px;
    left: 110px;
}
.bk-enrol-form input, .bk-enrol-form textarea, .bk-enrol-form select {
    border-radius: 10px 10px;
    font-size: 1em;
    color: #666;
}
.bk-enrol-form label { color:#000;}
#mobile-menu-trigger {
    font-size: 0.8em;
    color:#fff;
}
.product-menu {
    font-size: 0.9em;
    padding: 0px 10px;
    padding-top: 5px;
    margin-bottom: -5px;
    z-index: 500;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

    .product-menu .menu-links > li > a {
        font-size: 0.8em;
        text-transform: uppercase;
        padding: 0px;
        font-weight: 600;
    }
    .product-menu .menu-links > li {
        display: inline-block;
        vertical-align: middle;
    }
    .product-menu .menu-links {
        text-align: justify !important;
        list-style: none;
    }

        .product-menu .menu-links::after {
            width: 100%;
            display: inline-block;
            content: ".";
            visibility: hidden;
        }


        .product-menu li.break {
            border-top: 2px solid #444;
            width: 102%;
            padding: 0px !important;
            height: 1px;
            margin: 0px;
            margin-left: -1%;
        }

    .product-menu a {
        text-decoration: none;
    }

    .product-menu li.subcatMenu > a {
        font-size: 0.9rem;
    }

    .bk-sidemenu {
        font-size: 1.2em;
        padding: 15px;
        list-style: none;
    }
    .bk-sidemenu ul { 
        list-style: none;
        margin-left: 15px;
    }
.bk-headline{
    padding-top: 30px;
    padding-bottom: 30px;
}

.bk-headline img {
    border-radius: 5px 5px;
}

.bk-experience{
    padding-top: 20px;
    padding-bottom: 20px;
}

.bk-about {
    background-color: #EAF1F8;
    padding-top: 20px;
    padding-bottom: 20px;
}

.bk-hilight {
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 0.8em;
    background: rgb(238,238,238);
    background: linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
}

.bk-hilight .hilight-content { margin-top: 50px; }

.bk-hilight .hilight-content div {
    border-left: 1px solid #aaa; 
    font-family: 'Prompt';
    text-align: center;
}
    .bk-hilight .hilight-content div:first-child {
        border-left: none;
    }

    .bk-hilight h5 { 
        text-align: center; 
    }

    .bk-allcat {
        background-color: #eee;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .bk-allcat .catitem {
        padding: 10px;
        width: 14.28%;
        padding: 20px 35px;
    }
    .bk-allcat .catitem a {
        text-decoration: none;
        color:#222;
    } 


.bk-recommend {
    padding-top: 30px;
    padding-bottom: 30px; 
}
    .bk-recommend .item {
        padding: 10px;
    }
        .bk-recommend .item .item-border {
            border: 1px solid #ccc;
            border-radius: 10px 10px;
            padding:10px;
            box-shadow: rgba(0,0,0,0.2) 5px 5px revert;
        }

        .bk-recommend .item img {
        }

        .bk-recommend .item .label .title {
            font-size:9pt;
            padding: 0px 10px;
            text-align: center;
            font-weight: bold;
            height: 50px;
            overflow: hidden;
            margin-top: 5px;
            color:#555;
        }

.bk-knowledge {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #EAF1F8;
    font-size: 0.8em;
}
.bk-knowledge .itm-right {
    font-size: 0.7em;
    padding-bottom: 30px;
}
.bk-knowledge .itm-right h5 {
    font-size:9pt;
    font-weight: bold;
}
    .bk-knowledge .itm-left {
        border-right: 1px solid #ccc;
    }
.bk-drink{
    padding-top:30px;
    padding-bottom: 30px;
    font-size: 0.8em
}
.bk-drink img{
    border-radius: 10px 10px;
}
.bk-internal{
    padding-top:20px;
    padding-bottom: 0px;
    position: relative;
    overflow: hidden;
}

.bk-internal .left-box{
    background:#eee;
    position: absolute;
    left:-50%; 
    top:0px;
    bottom: 10px;
    width:45%;
    border-end-end-radius: 15px 15px;
    border-start-end-radius: 15px 15px;
}
    .bk-internal .right-box {
        background: #eee;
        position: absolute;
        right: -50%;
        top: 0px;
        bottom: 10px;
        width: 45%;
        border-end-start-radius: 15px 15px;
        border-start-start-radius: 15px 15px;
    }

.bk-partner {
    padding-top: 30px;
    padding-bottom: 30px;
}

    .bk-partner .pitem {
        padding: 10px;
    }

.bk-foot-menu {
    background-color:#eee;
    padding: 30px 0px;
    font-size: 8pt;
}
.bk-foot-menu .foot-menu {
    list-style: none;
    margin:0px;

}
.bk-foot-menu ul {padding-left: 5px; list-style: none}
.bk-foot-menu .foot-menu li {
    padding: 2px 0px;
}
.bk-foot-menu .foot-menu li a {
    text-decoration: none;
    color:#333;
}
.bk-foot-menu .foot-menu li a:hover{
    text-decoration: underline;
}
.bk-foot-menu .social-link {
    margin-right: 10px;
}
footer {
    text-align: center;
    font-size: 8pt;
    background-color: #00239C;
    color:#fff;
}

hr { border-style: solid; border-width: 1px; color:#aaa; margin-top: 5px; margin-bottom: 15px; }

.bk-ct-social{
    padding-top: 30px;
    padding-bottom: 30px;
}

.bk-ct-social .social-icon img {
    max-height: 80px;
}

.bk-ct-social .social-icon a {
    color:#333;
}

.bk-ct-social .social-icon a:hover {
    color:#007bff;
    text-decoration: underline;
    font-weight: 600;
}
.bk-ct-map {
    height:380px;
    margin-bottom: 20px;
}

.bk-ct-sale {
    background-color: #EAF1F8;
    padding-top: 30px;
    padding-bottom: 30px;
}

.bk-ct-sale img { max-width: 80%; }

.bk-ct-showroom {
    padding-top: 35px;
    background-color: #00239C;
    border-radius: 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .bk-ct-showroom .imgplace {
        background-size: cover;
        height: 380px;
        background-position-y: bottom;
    }

.bk-ct-branch { 
    overflow: hidden;
    /*background-color: black;*/
    border-radius: 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #eee;
}

.bk-ct-branch .imgplace {
    background-size: cover;
    background-color: #aaa;
    height: 300px;
    background-position-y: bottom;
}

.bk-page-banner {
    background-size: cover;
    background-position-y: center;
    background-position-x: center;
    height: 300px;
    position: relative;
    padding-top: 120px;
    width: 100%;
}
.bk-page-banner.title2 {
    padding-top: 70px;
}
    .bk-page-banner h1 {
        color: white;
        text-align: center;
        font-weight: normal;
        font-size: 5em;
        line-height: 70px;
    }

.bk-article-recent{
    background-color:#f4f4f4; 
    padding: 25px; 
}
.article-item {   }
.article-item.recent { padding: 15px; background-color:#fff; }
    .article-item img { border: 1px solid #eee; }
    .article-item .title { font-size: 1.2rem; font-weight: 600; }
    .article-item.recent .title { font-size: 1.1rem;  }
    .article-item .intro { font-size: 0.8rem; color:#aaa; }
    .article-item .date { font-size: 0.7rem; color:#00239C; }


.mega-menu { min-height: 0px;}
    .mega-menu .drop-down, .mega-menu .drop-down-tab-bar
    .desktopTopFixed {
        z-index: 10000
    }

.mega-menu .drop-down ul {
    list-style: circle;
    columns: 2;
    padding: 0px 15px;

}
.mega-menu .drop-down ul li {
}
    .mega-menu .drop-down ul li a {
        font-size: 0.9rem;
        padding-left: 15px;
        border-left: 2px solid #ccc;
    }

.bk-campaign-detail { padding: 5px 15px; position: relative; overflow: hidden; }
.bk-campaign-detail img { max-width: 100%; }
.bk-bluereward { padding-top: 15px; }
.bk-bluereward .tab-content { margin-top: 15px; padding: 25px; border: 1px solid #ccc; border-radius: 5px 5px; }
.bk-service-banner { background: url(../images/service-00.png); background-size:cover; height: 600px; background-position: center; }
.bk-service-banner .bk-service-banner-text { text-align: center; font-weight: 600; text-transform: uppercase; line-height: 65px; color: #fff; padding-top: 10%  } 
.bk-service-banner .bk-service-banner-text .txt-first {  font-size: 55pt; }
.bk-service-banner .bk-service-banner-text .txt-second { font-size: 45pt; }
.bk-service-banner2 { margin-top: -100px; text-align: center; }
.bk-service-banner2 img { width: 30%; }

.bk-oem-banner { background: url(../images/oem-banner.png); background-size: cover; height: 600px; background-position: center; }
.bk-oem-banner .bk-oem-banner-text { text-align: center; text-transform: uppercase; padding-top: 8%;  }
.bk-oem-banner .bk-oem-banner-text .txt-first { font-size: 100pt; font-weight: bold; color:#000; line-height: 115px; }
.bk-oem-banner .bk-oem-banner-text .txt-second { font-size: 45pt; font-weight: 600; color:#000; }
.bk-oem-banner2 { margin-top: -130px; text-align: center; margin-bottom: 30px; }
.bk-oem-banner2 .item { width: 30%; display: inline-block; }
.bk-oem-banner2 .item img { max-width: 100%; filter: grayscale(1); opacity:0.6;  }
.bk-oem-banner2 .item h4 { color:#aaa;  }
.bk-oem-banner2 .item.active img  { filter: grayscale(0); opacity: 1; }
.bk-oem-banner2 .item.active h4  { color:#000;  }
.bk-oem-content .bk-overlap { margin-top: -100px !important; }
.ul-reset ul { padding: revert; margin: auto; }
.ul-reset img { max-width: 100%;}
.ul-reset h1 string { font-weight: 600;}
.bk-service-detail { text-align: center; padding: 20px 15%; font-size: 20pt;  }
.btn-bk { background-color:#00239C; color:#fff;}
.btn-bk:hover { color:#f4f5a3}

.bk-edu-banner { background: url(../images/edu-00.png); background-size: cover; height: 600px; background-position: center; }
.bk-edu-banner .bk-edu-banner-text { text-align: center; font-weight: 600; text-transform: uppercase; line-height: 65px; font-size: 55pt; color: #fff; padding-top: 10%; }
.bk-edu-banner2 { margin-top: -160px; margin-left: 50px; margin-right: 50px;  background-color:#00239C; color:#fff; }
.bk-edu-banner2 .detail { padding: 5%; }
.bk-edu-banner2 .detail h3, .bk-edu-banner2 .detail p { color: #fff; }
.bk-edu-detail { margin-top: -100px; padding: 30px; background-color: #fff;  }
.course-img { width: 100%; position: relative;border-radius: 10px 10px; overflow: hidden;  }
.course-img:after { content: ""; display: block; padding-bottom: 100%; }
.course-title { height: 2em; }
/* pd menu */
.pditem {
    box-shadow: 3px 3px 10px 2px rgba(173,173,173,0.75);
    -webkit-box-shadow: 3px 3px 10px 2px rgba(173,173,173,0.75);
    -moz-box-shadow: 3px 3px 10px 2px rgba(173,173,173,0.75);
    padding: 10px;
    margin-bottom: 30px;
    border-radius: 5px 5px; 
    border: 1px outset rgba(0,0,0,0);
}

.pditem:hover { border: 1px outset #00239C; }
.pditem .img-wrapper {  width:100%; border: 1px solid #efefef; position: relative; }
.pditem .img-wrapper:after { content:""; display: block; padding-bottom:100%; }
.pditem .img-wrapper-box { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; text-align:center; }
.pditem .img-wrapper img {  max-width: 100%; max-height: 100%; margin: auto;   }
.pditem .title { font-size: 0.9rem; font-weight: 500; margin-top: 10px; height:65px; overflow:hidden;  }
.pditem .price { color:#00239C; text-align: right; font-weight: bold; height: 2.4rem; position: relative}
.pditem .oldprice { color:#c00; text-align: right; text-decoration:line-through; font-size: 0.9em; font-weight: normal;}
.pditem .addcart { font-size: 0.7rem;  }
.pditem .normal { text-decoration: line-through; color:#999; }
.pditem .discount { color:red;}
.pditem .unit { color:#aaa; font-size: 0.7rem; font-weight: normal; }
.pditem .addcart:hover  { background-color:#666 !important; border: 1px solid #888;}
.pditem .favorite { color:#ccc;}
.pditem .favorited { color:#ff5e5e; /*#c20211*/}
.subcatList { padding: 20px; background: #F8F8F8; margin-bottom: 20px; }
.subcatList a { display: block; border: 1px solid #ccc; padding: 5px 5px; margin-bottom: 5px; margin-top: 5px; border-radius: 5px 5px; background-color:#fff; font-size: 0.8rem; text-align: center; }
.subcatList a:hover { background-color:#00239C; color:#fff; }


.pddetail .price { color:#00239C; font-size: 1.8rem; font-weight:600;  }
.pddetail .oldprice { color:#c00; text-decoration:line-through; font-size: 1.6rem; font-weight: normal;  }
.pddetail .pdnav { background-color:#f8f8f8;}
.pddetail .nav-item a { border-radius: 0px 0px; border-right: 1px solid #fff; font-weight: 600; color:#FFF; background-color: #ccc;  }
.pddetail .imgThumb.active { border: 1px solid #00239C; }
.pddetail .img-wrapper {  width:100%; border: 1px solid #efefef; position: relative; }
.pddetail .img-wrapper:after { content:""; display: block; padding-bottom:100%; }
.pddetail .img-wrapper-box { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; text-align:center; }
.pddetail .img-wrapper img {  max-width: 100%; max-height: 100%; margin: auto;   }
.pddetail .pd-img-list { list-style: none; }
.pddetail .pd-img-list li { width: 25%; }
.pddetail .pd-prop { padding: 3px 8px; border: 1px solid #ddd;  }
.pddetail .pd-prop:hover { background-color:#ccc;  }
.pddetail .pd-prop.active { background-color: #00239c; color:#fff;  }

.profile-menu.active { background-color:#00239c; color:#fff; }

.drink-pill a.nav-link { background-color: #eee; }

#bk-cart { position: relative; }
#bk-cart .cart-list { 
    background:#fff;
    z-index: 1000;
    position: absolute;
    right: -10px;
    top: 20px;
    display:none;
    font-size: 0.8rem;
}

#bk-cart:hover .cart-list {
    display: block;
}

#bk-cart .cart-list .cart-body {
        max-height: 60vh;
        width: 400px;
        position: relative;
        padding: 20px;
        padding-bottom: 0px;
        overflow: auto;
    }
    #bk-cart hr {
        margin-top: 15px;
        margin-bottom: 15px;
    }
#bk-cart .cart-list .prc { color:#00239C;  font-weight: bold; text-align: right }
#bk-cart .cart-list .cunit { color:#888; text-align: right }
#bk-cart .cart-list .qty { color:#888; text-align: right }
    #bk-cart .cart-list .cart-summary {
        padding: 20px 10px;
        padding-top: 5px;
        margin: 0px;
    }
    #bk-cart .cart-list .cart-summary .sum-price {
        font-size: 1rem;
        font-weight: bold;
        text-align: right;
    }

.shadow-3 {
    box-shadow: 3px 3px 10px 2px rgba(173,173,173,0.75);
    -webkit-box-shadow: 3px 3px 10px 2px rgba(173,173,173,0.75);
    -moz-box-shadow: 3px 3px 10px 2px rgba(173,173,173,0.75);
}
.shadow-2 {
    box-shadow: 2px 2px 8px 0px rgba(173,173,173,0.75);
    -webkit-box-shadow: 2px 2px 8px 0px rgba(173,173,173,0.75);
    -moz-box-shadow: 2px 2px 8px 0px rgba(173,173,173,0.75);
}


.main-menu {
    list-style: none;
}
.main-menu > li{
    display: inline-block;
}
.main-menu > li > a { 
    color:#000;  
}
.main-menu > li > a:hover, .main-menu .has-children:hover > a  {
    color:blue;
    text-decoration: none;
}

.main-menu ul.dropdown { z-index : 200;}

.site-navbar-wrap {
  position: absolute;
  z-index: 99;
  width: 100%;
  left: 0; }
  .site-navbar-wrap a {
    color: #fff; }
  .site-navbar-wrap .site-navbar-top {
    font-size: 0.8rem; }

.site-navbar-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4); }

.site-navbar {
  margin-bottom: 0px;
  width: 100%; }
  .site-navbar .site-logo {
    font-weight: 200;
    line-height: 0;
    top: -7px;
    position: relative; }
    .site-navbar .site-logo a {
      font-weight: 200;
      color: #fff;
      font-size: 20px;
      font-weight: bold;
      text-transform: uppercase; }
  .site-navbar .site-navigation .site-menu {
    margin-bottom: 0; }
    .site-navbar .site-navigation .site-menu a {
      text-decoration: none !important;
      display: inline-block;
      /*font-weight: 500;*/ }
    .site-navbar .site-navigation .site-menu > li {
      display: inline-block;
     /* padding: 10px 5px;*/ }
      .site-navbar .site-navigation .site-menu > li > a {
        /*padding: 20px 10px;*/
        /*color: rgba(255, 255, 255, 0.6);*/
       /* font-size: 15px;*/
        text-decoration: none !important; }
        .site-navbar .site-navigation .site-menu > li > a.active {
          color: #00239C; }
        .site-navbar .site-navigation .site-menu > li > a:hover {
          color: #00239C; }
      .site-navbar .site-navigation .site-menu > li:last-child {
        padding-right: 0; }
        .site-navbar .site-navigation .site-menu > li:last-child > a {
          padding-right: 0; }
    .site-navbar .site-navigation .site-menu .has-children {
      position: relative; }
      .site-navbar .site-navigation .site-menu .has-children > a {
        position: relative;
        padding-right: 20px; }
        .site-navbar .site-navigation .site-menu .has-children > a:before {
          position: absolute;
          content: "\e313";
          font-size: 16px;
          top: 50%;
          right: 0;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          font-family: 'icomoon'; }
      .site-navbar .site-navigation .site-menu .has-children .dropdown {
        visibility: hidden;
        opacity: 0;
        top: 100%;
        position: absolute;
        text-align: left;
        -webkit-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.25);
        padding: 0px 0;
        margin-top: 20px;
        margin-left: 0px;
        background: #fff;
        -webkit-transition: 0.2s 0s;
        -o-transition: 0.2s 0s;
        transition: 0.2s 0s;
        border-radius: 4px; 
        z-index:10001;
      }
        .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
          position: absolute; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            bottom: 100%;
            left: 20%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            border-color: rgba(136, 183, 213, 0);
            border-bottom-color: #fff;
            border-width: 10px;
            margin-left: -10px; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown a {
          font-size: 11px;
          text-transform: none;
          letter-spacing: normal;
          -webkit-transition: 0s all;
          -o-transition: 0s all;
          transition: 0s all;
          color: #343a40; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown a.active {
            color: #007bff; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown .active > a {
          color: #00239C !important; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown > li {
          list-style: none;
          padding: 0;
          margin: 0;
          min-width: 200px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li:first-child > a {
            border-top-left-radius: 4px;
            border-top-right-radius: 4px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li:last-child > a {
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
            padding: 9px 20px;
            display: block; }
            .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
              background: #ebeef0;
              color: #212529; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
            content: "\e315";
            right: 20px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
            left: 100%;
            top: 0; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
            background: #ebeef0;
            color: #212529; }
      .site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
        color: #00239C; }
      .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
        cursor: pointer; }
        .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
          -webkit-transition-delay: 0s;
          -o-transition-delay: 0s;
          transition-delay: 0s;
          margin-top: 0px;
          visibility: visible;
          opacity: 1; }


@media (max-width:1200px){
    .product-menu { font-size: 0.7em; }
    .bk-menu li { font-size: 0.7em; }
    .bk-pdmenu1 {  padding-top: 2px; }
    .bk-pdmenu2 {  padding-top: 2px;  }
}

@media (max-width: 992px){
    .bk-menu li { font-size: 0.45em; }
    .bk-pdmenu1 ul.menu-links > li > a { color:#222 !important;}
    .bk-pdmenu2 ul.menu-links > li > a { color:#222 !important;}
    .bk-pdmenu1 ul.menu-links > li.mb-show { display: inline-block; }
    .product-menu .menu-links > li > a { font-size: 0.9rem; padding: 3px 5px; }
    .product-menu .menu-links > li.activeTriggerMobile > a { font-weight:bold; }
    .product-menu .menu-links > li.line { display: none; }
    .product-menu .menu-links > li.line.mobile { display: none; }
    .product-menu .drop-down ul { columns: 1; padding: 0px; }
    .product-menu .menu-links { border: 1px solid #222; border-top: 0px; }
    .product-menu .drop-down ul li.subcatMenu > a { font-size: 0.9rem; padding-top: 3px; padding-top: 3px; }
    .product-menu .img-place { display: none;}
    .product-menu .drop-down h3 { display: none; }

    .bk-service-banner { height: 250px; padding-top: 30px; }
    .bk-service-banner .bk-service-banner-text { line-height: 40px; }
    .bk-service-banner .bk-service-banner-text .txt-first { font-size: 35pt}
    .bk-service-banner .bk-service-banner-text .txt-second { font-size: 25pt}
    .bk-service-banner2 { margin-top: -30px }
    .bk-service-detail { text-align: center; padding: 20px 15%; font-size: 15pt;  }
    .bk-oem-banner {  height: 250px;  }
    .bk-oem-banner .bk-oem-banner-text {  padding-top: 6%;  }
    .bk-oem-banner .bk-oem-banner-text .txt-first { font-size: 60pt; font-weight: bold; color:#000; line-height: 65px; }
    .bk-oem-banner .bk-oem-banner-text .txt-second { font-size: 25pt; font-weight: 600; color:#000; }
    .bk-oem-banner2 { margin-top: -80px;}
    .bk-oem-content .bk-overlap { margin-top: 0px !important; }


}
@media (max-width:768px) {
    .bk-allcat .catitem {
        width: 33%;
        padding:5px 20px;
    }
    .bk-allcat .catitem h5{
        font-size: 9pt;
    }


    .bk-knowledge .itm-left {
        border-right: 0px;
        border-bottom: 1px solid #aaa;
    }

    .bk-ct-branch {
        font-size: 0.8em;
    }

    .bk-menu { display: none; }
    /*.product-menu { display: none; }*/
    .bk-pdmenu2 { display: none; }
    .bk-page-banner { height: 150px; padding-top: 60px; }
    .bk-page-banner h1 { font-size: 3em}
    .bk-search input[type=text] { height: 30px; font-size:0.8rem;  }
    .bk-search .btn { padding-top: 2px; padding-bottom: 2px; height: 30px; border-top-left-radius:0px; border-bottom-left-radius: 0px; }
    .bk-menu-mobile { display: block; }
    .bk-search-bar { top: 47px; }
    .lang-icon { max-height: 18px;}
    .article-item.recent .title { font-size: 0.9rem; font-weight: 600; line-height: 20px; }
    .article-item.recent img { margin-bottom: 0px; }
    .bk-page-banner { padding-top: 80px; }
    .bk-page-banner h1 { font-size: 1.8rem; line-height: 30px; font-weight: 600; }
    .bk-page-banner.title2 { padding-top: 50px; }
    .bk-ct-social .social-icon img {
        max-height: 60px;
    }
    
    .bk-ct-showroom .imgplace { height: 170px; }
    .bk-ct-branch .imgplace { height: 120px; }
    .bk-ct-branch h4 { font-size: 1rem; font-weight: 600;}
    .bk-ct-branch .text { padding-top: 5px; }
    .bk-ct-branch .icon img { max-height: 22px;}

    #bk-cart { display: none; }
    #bk-cart:hover .cart-list {
        display: none;
    }
    #mobile-menu-trigger { display: block; }
    #bk-mobile-main-menu { display: block; }

}