body { font-size: 14px; }
.header .header-top { background-color: #fbfbfb; font-size: 12px; }
.header .header-top a { color: #888888; text-decoration: none; }
.header .header-top a:hover { color: #ffc107; }
.header .slogo .input-group > .form-control { border-color: #ffab05; }
.header .slogo .logo span { display: inline-block; color: #676767; vertical-align: bottom; padding-bottom: 5px; }
.header .header-nav { background-color: #2a978d; }
.header .header-nav .top-category { position: relative; }
.header .header-nav .top-category a { color: #fff; text-decoration: none; display: block; }
.header .header-nav .top-category a:hover { color: #b1d1ee; }
.header .header-nav .top-category:after { display: inline-block; content: ""; border-top: .3em solid;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent; position: absolute; top: 18px; right: 22px; }
.header .header-nav .navbar-brand { background-color: #00739a; width: 260px; }
.navbar-dark .navbar-nav .nav-link { color: #fff; padding: 3px 1.5rem; font-size: 18px; }
.header .header-top .btn-lang .lang-box { display: none; overflow: hidden; overflow-x: auto; position: absolute; right: 0; top: 30px; left: 0; padding: 12px; text-align: center; z-index: 99; background-color: #fff; border: 1px #2a978d solid; border-radius: 12px; }
.header .header-top .btn-lang:hover .lang-box { display: block; background-color: #fbfbfb; color: #333; }
.header .header-top .btn-lang:hover .lang-box a { vertical-align: middle; background-color: #2a978d;color: #fff;font-size: .9375rem;height: 32px;text-align: center;transition: background-color .3s, border .3s, color .3s;border-radius: 20px;cursor: pointer;line-height: 28px;outline: 0;padding: 0 14px; display: block; margin: 3px 12px; }
.header .shopping-cart { position: relative; }
.header .shopping-cart .cart-num {display: inline-block;width: 26px;height: 20px;line-height: 20px;background-image: -webkit-gradient(linear, left top, right top, from(#fb8f1a), to(#ffc107));background-image: linear-gradient(90deg, #fb8f1a, #ffc107);color: #fff;text-align: center;border-radius: 10px;position: absolute;top: -10px;right: 0;font-size: 12px;}
.header .shopping-cart:hover .shopping-cart-list { display: block; }
.header .shopping-cart .shopping-cart-list { position: absolute; top: 100%; right: 0; z-index: 9; background-color: #fff; border: 1px #ccc solid; padding: 5px; display: none; overflow: hidden; max-height: 320px; overflow-y: auto; }
.header .shopping-cart .shopping-cart-list table { white-space: nowrap !important; border-bottom: 1px solid #dee2e6; }
.header .shopping-cart .shopping-cart-list table img { max-width: 50px; max-height: 50px; }
.shopping-cart .table tr > td { vertical-align: middle !important; }
.shopping-cart .table tr > td .btn .spinner-border { width: 1rem; height: 1rem; }
.shopping-cart .cart-total { color: #fb8f1a; }
.shipping-box { font-size: 12px; max-height: 12rem; overflow: hidden; overflow-y: auto; padding-right: 10px; }
.shipping-box > div { border-bottom: 1px #ccc dotted; padding: 5px 0; }
.shipping-box > div:last-child { border-bottom: 0; }
.breadcrumb { background: transparent;}
.cart-total-box .form-control.is-valid { background-position: right calc(1.375em + 0.1875rem) center; }
.home-category-ad { }
.home-category-ad .carousel-caption { text-align: left; color: #222; top: 50%; margin-top: -100px; left: 30px; width: 65%; }
.home-category-ad .carousel-caption h1 { font-size: 2.2rem; }
.home-category-ad .category { width: 260px; border: 1px #ccc solid; }
.home-category-ad .category > ul { margin-bottom: 0; }
.home-category-ad .category > ul > li { position: relative;}
.home-category-ad .category > ul > li > ul { width: 850px; z-index: 20; display: none; list-style: none; position: absolute; left: 258px; top: 0; border: 1px #ccc solid; background-color: #fff; padding: 8px 5px; }
.home-category-ad .category > ul > li > a { color: #606060; font-size: 14px; padding: 5px 12px 5px 8px; display: block; text-decoration: none; }
.home-category-ad .category > ul > li > a > span { display: inline-block; color: #0388d5; font-size: 20px; vertical-align: middle; }
.home-category-ad .category > ul > li:after { content: ""; position: absolute; right: 8px; top: 15px; width: 6px;height: 6px;border-top: 1px solid #999;border-right: 1px solid #999;transform: rotate(45deg); }
.home-category-ad .category > ul > li:hover:after { border-color: #fff; }
.home-category-ad .category > ul > li:hover > a { background-color: #00739a; color: #fff; }
.home-category-ad .category > ul > li:hover > a > span { color: #fff; font-weight: normal; }
.home-category-ad .category > ul > li:hover > ul { display: block; }
.home-category-ad .category > ul > li > ul > li { display: block; width: 50%; float: left; line-height: 1.8rem; padding-right: 12px; }
.home-category-ad .category > ul > li > ul > li > a { white-space: nowrap; color: #787878; display: block; padding: 2px 12px; text-decoration: none; overflow: hidden; }
.home-category-ad .category > ul > li > ul > li > a:hover { background-color: #2a978d; color: #fff; }
.home-category-ad .ads { width: 820px; margin-left: 15px; margin-top: 15px; }
.home-category-ad .chips-number { margin-top: 15px; text-align: center; margin-left: 295px; }
.home-category-ad .chips-number > div:nth-child(1n) { padding-left:0px;}
.home-category-ad .chips-number .item { background-color: #7de6c5; color: #fff; padding: 1.5rem 0; }
.home-category-ad .chips-number > div:nth-child(2n) .item { background-color: #ffd673; }
.home-category-ad .chips-number > div:nth-child(3n) .item { background-color: #b1d1ee; }
.home-category-ad .chips-number .item > span { vertical-align: middle; display: inline-block; }
.home-category-ad .chips-number .item > .chips-icon { margin-right: 15px; width: 46px; height: 46px; background: transparent url("../images/home/home-icon-num.png") no-repeat; }
.home-category-ad .chips-number .item > .home-01 { background-position: 0 0; }
.home-category-ad .chips-number .item > .home-02 { background-position: 0 -46px; }
.home-category-ad .chips-number .item > .home-03 { background-position: 0 -92px; }
.home-category-ad .home-icon-server { width: 260px; margin-left: 15px; text-align: center; display: none; }
.home-category-ad .home-icon-server .item { background-color: #f6f6f6; color: #666; padding: 5px 0; margin-top: 15px; }
.home-category-ad .home-icon-server .item > span { vertical-align: middle; display: block; margin-left: auto; margin-right: auto; }
.home-category-ad .home-icon-server .item > .chips-icon { width: 86px; height: 86px; background: transparent url("../images/home/home-icon-service.png") no-repeat; }
.home-category-ad .home-icon-server .item > .home-04 { background-position: 0 0; }
.home-category-ad .home-icon-server .item > .home-05 { background-position: 0 -86px; }
.home-category-ad .home-icon-server .item > .home-06 { background-position: 0 -172px; }
.home-category-ad .home-icon-server .item > p { margin-bottom: 11px; }
.home-category-product { background-color: #f8f8f8; padding: 1.5rem 0; }
.home-category-product .container{background:#f8f8f8;white-space: nowrap;text-overflow:ellipsis;}
.home-category-product .item .pic { height: 80px; }
.home-category-product .item .pic img { max-height: 80px; }
.home-category-product .nav-tabs { border-color: #05a; border-width: 2px; }
.home-category-product .nav-tabs .nav-link.active, .home-category-product .nav-tabs .nav-item.show .nav-link, .home-category-product .nav-tabs .nav-link:hover { background-color: #05a; color: #fff; border-radius: 0; border-color: #05a; }
.home-best-category { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.home-best-category h2, .site-title-h2 { border-bottom: 2px #05a solid; line-height: 1.5rem; padding-bottom: 15px; font-size: 16px; font-weight: bold; }
.home-best-category .best-category-dl { padding-top: 8px; }
.home-best-category .best-category-dl dl > dt > a { color: #333535; font-weight: bold; margin-bottom: 0.7rem; display: block; }
.home-best-category .best-category-dl dl > dd { margin-bottom: 0.3rem; }
.home-best-category .best-category-dl dl > dd > a { color: #666666; }
.home-best-supplier { background-color: #f8f8f8; padding: 1.5rem 0; }
.home-best-supplier h2 { line-height: 1.5rem; padding-bottom: 15px; font-size: 16px; font-weight: bold; }
.newest-products { font-size: 14px; line-height: 1.5rem; }
.best-supplier-li .row { margin-left: -5px; margin-right: -5px; }
.best-supplier-li .row > div { padding-left: 5px; padding-right: 5px;padding-bottom:10px; }
.best-supplier-li .item { background-color: #fff; height: 100%; position: relative; overflow: hidden; }
.best-supplier-li .item .pic { min-height: 50px; border: 1px #f8f8f8 solid; }
.best-supplier-li .item:hover p { bottom: 0; margin-bottom: 0; }
.best-supplier-li .item > p { background-color: #05a; color: #fff; padding: 5px 8px; text-align: center; line-height: 1rem; position: absolute; bottom: -80px; left: 0; right: 0; -webkit-transition: .2s; transition: .2s; }
.product-index h3 { text-align: center; font-size: 16px; padding: 1rem 0; border-bottom: 1px #eee solid; margin-bottom: 1rem; }
.product-index .links > a { display: inline-block; padding: 3px 5px; font-size: 16px; color: #606060; }
.product-categories h1 { margin-top: 1rem; font-size: 2rem; text-transform: uppercase; }
.product-categories .main-category ul { color: #f08519; }
.product-categories .main-category ul > li { padding-left: 2px; padding-bottom: 8px; }
.product-categories .main-category ul > li > a { font-size: 1rem; font-weight: 400; color: #048ae0; }
.product-categories .sub-category h2 { margin-top: 1rem; }
.product-categories .sub-category h2 > a { font-size: 1.2rem; color: #222; }
.product-categories .sub-category h3 { font-size: 0.8rem; font-weight: normal; color: #565656; }
.product-categories .sub-category h3 small { color: #f08519; }
.products-table img { max-height: 60px; max-width: 100px; }
.product-details .pro-img { border: 3px #787878 solid; padding: 10px; position: relative; padding-bottom: 40px; text-align: center; }
.product-details .pro-img .text { font-size: 12px; background-color: #787878; padding: 8px; position: absolute; margin-bottom: 0; left: 0; right: 0; bottom: 0; }
.product-details .price-box { font-size: 12px; text-align: center; }
.product-details .price-box .title { color: #565656; vertical-align: middle; width: 20%; }
.product-details .price-box table tr > td { color: #f08519; width: 16%; }
.product-details .in-stock h5 { font-size: 1.2rem; }
.part-number { word-break: break-all; }
.related-keywords ul > li { padding-left: 0; }
.supplier-index .row a { display: block; }
.info-nav { border: 1px #ccc solid; padding: 8px 12px; margin-bottom: 3rem; }
.info-nav dl { margin-bottom: 0; padding-top: 8px; }
.info-nav dl > dt { background-color: #2a978d; color: #fff; padding: 5px 0; font-size: 1.2rem; margin-bottom: 8px; padding-left: 12px; border-radius: 3px; }
.info-nav dl > dd > a { padding: 3px 8px; display: block; border-bottom: 1px #eee dotted; }
.info-content .text h1 { font-size: 22px; }
.info-content .text h2 { font-size: 18px; }
.info-content .text h3 { font-size: 16px; }
.btn-success {color: #fff;background-color: #2a978d;border-color: #2a978d}
.btn-success:hover {color: #fff;background-color: #069BEC;border-color: #00739a}
.btn-success.focus, .btn-success:focus {color: #fff;background-color: #069BEC;border-color: #00739a;box-shadow: 0 0 0 .2rem rgba(6, 155, 236, .5)}
.btn-success.disabled, .btn-success:disabled {color: #fff;background-color: #2a978d;border-color: #2a978d}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {color: #fff;background-color: #00739a;border-color: #00739a}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(6, 155, 236, .5)}
.footer .footer-nav { background-color: #333333; color: #fff; padding-top: 2rem; padding-bottom: 2rem; }
.footer .footer-nav a { color: #fff; }
.footer .footer-nav dl { margin-bottom: 0; }
.footer .footer-nav dl > dt { color: #fff; font-weight: bold; margin-bottom: 0.8rem; display: block; }
.footer .footer-nav dl > dd { margin-bottom: 0.3rem; }
.footer .footer-nav dl > dd > a { color: #eee; }
.footer .copyright p { margin-bottom: 5px; }
.footer .share { font-size: 22px; }
.footer .share a { text-decoration: none; }
.site-map .info-nav { margin-bottom: 12px; }
.site-map .info-nav dl > dt { border-radius: 0; }
.site-map .info-nav dl { display: table; width: 23%; float: left; margin-left: 1%; margin-right: 1%; }
.site-map .info-content .text h3 { font-size: 14px; }
@media (max-width: 570px) {
    .home-category-ad .category { display: none; }

    .home-category-ad .ads { margin-left: 0; }

    .home-category-ad .carousel-caption { margin-top: -50px; }

    .home-category-ad .carousel-caption h1 { font-size: 1.2rem; }
}

@media (min-width: 768px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        min-width: 1120px;
    }
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1120px;
    }
}

@media (min-width: 1440px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1400px;
    }

    .home-category-ad .home-icon-server { display: block;}
}

.img-fluid {
    max-width: 100%;
    height: auto;
}
.best-supplier-li img {
    vertical-align: middle;
    border-style: none;
	height:50px;
}