/*===== FONTS =====*/
@font-face {font-family: 'RobotoRegular'; src: url('../fonts/Roboto/Roboto-Regular.ttf');}
@font-face {font-family: 'RobotoBold'; src: url('../fonts/Roboto/Roboto-Bold.ttf');}
@font-face {font-family: 'RobotoItalic'; src: url('../fonts/Roboto/Roboto-Italic.ttf');}
@font-face {font-family: 'RobotoMedium'; src: url('../fonts/Roboto/Roboto-Medium.ttf');}
@font-face {font-family: 'RobotoCondensedBold'; src: url('../fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf');}
@font-face {font-family: 'RobotoCondensedRegular'; src: url('../fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf');}

/*===== GLOBAL =====*/
*{padding: 0; margin: 0;}
a {text-decoration: none; transition: .2s; color: #333;} a:hover{text-decoration: none; color: #d30000;}
input[type=text], input[type=tel], textarea {-webkit-appearance: none;}
body, input, button, option, textarea, label, select, legend, h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font: 14px/18px Arial,Helvetica,sans-serif; color: #333; outline: none;
}
[class^="icon-"], [class*="icon-"] {background-repeat: no-repeat;display: inline-block;vertical-align: middle;}
ul, ol {list-style: none; margin-bottom: 0;}.clear{clear: both; height: 0;}
.fl {float: left;} .fr{float: right;} button:focus {outline:0;}
.see-more-icon{width: 30px; height: 30px; color: #fff; display: inline-block;}
#page-loading{
    position: fixed; top: 0; left: 0; z-index: 999999; width: 100%; height: 100%;
    display: block; background-color: rgba(239, 239, 239, 0.5);
}
#page-loading .page-loading-icon{
    display: flex; align-items: center;justify-content: center;height: 100%; width: 100%;padding: 0;margin: 0;
}
.big-modal-title{font-size: 20px; line-height: 20px;}

/*===== CUSTOM BOOTSTRAP =====*/
.custom-control-label::before, .custom-control-label::after{top:1px;}
.custom-control-input:checked~.custom-control-label::before {border-color: #d30000;background-color: #d30000;}

/*===== HEADER =====*/
.banner-media {background-color: #FFE7AE; height:44px;position:relative; display:block}
.media-slider{width:1200px !important; margin:0 auto}
.media-slider .owl-nav button{background: none !important; box-shadow: none !important; top: 40%;}
.media-slider .owl-nav button:hover span::before {border-top: 3px solid #fff;border-right: 3px solid #fff;}

.banner-media-moble {background-color: #FFE7AE; height:44px;position:relative; display:block}
.media-slider-moble{width:1200px !important; margin:0 auto}
.media-slider-moble .owl-nav button{background: none !important; box-shadow: none !important;}
.media-slider-moble .owl-nav button:hover span::before {border-top: 3px solid #fff;border-right: 3px solid #fff;}

/*----- Header Top -----*/
.header-top{background-color: #d30000; padding-top: 5px;}
.header-top > div {
    width: 100%;max-width: 1200px;margin: auto;
    align-items: center;display: flex;justify-content: space-between;
}
.header-logo {padding-right: 15px;}
.icon-logo{
    background-image: url("../images/logo-bw.png"); line-height: 40px; height: 40px; width: 165px;
    background-size: cover;
}
.border-col{background-color: #d30000;height: 40px;width: 1px;}
.header-address {
    color: #fff;font-size: 11px;line-height: 15px;margin-right: 15px;padding-left: 15px;position: relative;height: 30px;
}
.header-address span {
    color: #d30000;font-weight: bold;position: relative;
    width: max-content;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;
    overflow: hidden;max-width: 117px;text-transform: capitalize;padding-right: 15px;
}
.header-address span:after {
    border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #d30000;
    content: ''; position: absolute; bottom: 6px; right: 0;
}

.header-search {position: relative;width: 29%;background-color: #fff;border-radius: 4px;}
.hs-button-search{position: absolute;top: 6px;left: 6px;}
.hs-button-search button{border: none; background-color: #fff;}
.header-search input {
    border: none; font-size: 12px; line-height: 14px; height: 30px;
    padding: 8px 35px 8px 25px; width: 100%; border-radius: 4px;
}
#hs-button-close{position: absolute;top: 6px;right: 6px; display: none;}
.hs-result{
    width: 348px;border: 1px solid #bfbfbf;background-color: #fff;
    border-radius: 5px;position: absolute;top: 40px;left: 0px;z-index: 10;display: none;
}
.hs-result:after {
    border: 10px solid transparent;border-bottom-color: #fff;content: "";left: 15%;position: absolute;top: -20px;
}

.hs-result-categories{}
.hs-result-categories h3{
    background-color: #f3f3f3;padding: 5px 10px; margin: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.hsrc-items{}
.hsrc-items .hsrc-item{
    -webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;font-size: 14px;
    overflow: hidden;color: #7d7d7d;padding: 5px 10px;
}
.hsrc-items .hsrc-item:hover{background-color: #f3f3f3; cursor: pointer; }

.hs-result-products{}
.hs-result-products h3{
    background-color: #f3f3f3;padding: 5px 10px; margin: 0;
}
.hsrp-item{display: flex; color: #000; height: 80px; padding: 0 10px; align-items: center;}
.hsrp-item:hover{cursor: pointer; background-color: #f3f3f3;}
.hsrp-item:last-child{
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.hsrp-item img{height: 60px;-o-object-fit: cover;object-fit: cover;width: 60px; margin-right: 0.25rem;}
.hsrpi-title{font-size: 12px; font-weight: 600;}
.hsrpi-price{}
.hsrpi-price .price{color: #db003b;font-size: 14px;font-weight: 600; margin-right: 0.25rem;}
.hsrpi-price .price-old{color: #777; font-size: 12px; -webkit-text-decoration: line-through; text-decoration: line-through;}
.page-search-title{margin: 20px 0; text-align: center; color: #707070; font-size: 16px;}
.page-search-categories{margin: 0;}
.page-search-categories h2{margin: 0 0 10px 0; font-size: 18px; font-weight: 600;}
.psc-items{width: 100%;}
.psc-items .psc-item{
    cursor: pointer;pointer-events: auto;background-color: #f3f3f3;border-radius: 8px;
    font-size: 12px;font-weight: 500;padding: 5px 10px;border: 1px solid #f3f3f3; display: inline-block;
    margin: 0 5px 5px 0;
}
.psc-items .psc-item.active, .psc-items .psc-item:hover{background-color: #fcf2f2;border: 1px solid #d7000f;color: #d7000f;}
.hs-result-no{padding: 15px; color: #707070; font-size: 14px;}
.header-tool{height: 45px;}
.header-search.header-search-mobile{width: 100%;}
.hs-result.hs-result-mobile{width: calc(100vw - 10px);}
.page-search-type{margin-bottom: 20px;}
.page-search-type ul li{float: left;}
.page-search-type ul li a{
    display: block;border-bottom: 2px solid #fff; font-size: 14px;
    text-align: center; padding: 0 15px 15px 15px;
}
.page-search-type ul li a.active, .page-search-type ul li a:hover{
    border-bottom: 1px solid #d7000f;color: #d7000f;
}
.psc-items-news{width: 100%;}
.psc-items-news .psc-item-news{
    cursor: pointer;pointer-events: auto;background-color: #f3f3f3;border-radius: 8px;
    font-size: 12px;font-weight: 500;padding: 5px 10px;border: 1px solid #f3f3f3; display: inline-block;
    margin: 0 5px 5px 0;
}
.psc-items-news .psc-item-news.active, .psc-items-news .psc-item-news:hover{
    background-color: #fcf2f2;border: 1px solid #d7000f;color: #d7000f;
}

.header-cart {
    border: 1px solid #090808;border-radius: 4px; color: #090808;font-size: 12px;line-height: 14px;
    margin-left: 10px;padding: 5px 8px;width: 100px;
    position: relative;
}
.cart-number {
    background-color: #dd1c1a;border-radius: 50%;color: #fff;display: inline-block;font-size: 10px;
    line-height: 12px;left: 8px;height: 12px;position: absolute;text-align: center;
    top: -1px;width: 12px;
}
.header-cart:hover{background:rgba(255,255,255,.4); color: #fff;}
.header-cart i {margin-right: 8px;}
.header-cart i, .header__cart span {display: inline-block;vertical-align: middle;}
.icon-cart {background-image: url("../images/icons/icon-cart.png"); width: 19px; height: 17px;}
.header-history {color: #090808;font-size: 12px;line-height: 14px;margin: 0 12px 0 18px;text-align: center;width: 55px;}
.header-history.active, .header-history:hover{color: #333;}
.header-hot{
    color: #ffe66b;font-size: 12px;line-height: 14px;padding: 3px 4px 3px 30px;
    position: relative;width: 18%; padding: 0 !important;
}
.header-menu-top{align-items: center;display: flex;}
.header-menu-top .menu-top-item{
    padding: 0 15px;text-align: center;display: inline-flex; position: relative;
    vertical-align: middle;justify-content: center;height: 40px;align-items: center;
}
.header-menu-top .menu-top-item a{color: #090808;font-size: 12px;line-height: 14px;}
.header-menu-top .menu-top-item a:hover, .header-menu-top .menu-top-item a.active{color: #333;}

.menu-top-item ul{position: absolute;top: 38px;left: 0;width: 220px;text-align: left;background: #171717;z-index: 99999;}
.menu-top-item ul li{padding: 10px 10px;border-bottom: 1px dashed;}
.menu-top-item ul li:last-child{border-bottom: none;}
.menu-top-item ul li a{position: relative; padding-left: 15px; color: #fff !important;}
.menu-top-item ul li a i{font-size: 7px;position: absolute;left: 0px;top: 3px;}

/*----- Header Main -----*/
.header-main{background-color: #d30000;}
.header-main > div {width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 10px;}
.main-menu {display: flex; justify-content: space-between;margin: 0 -10px;}
.main-menu li {cursor: pointer; position: relative;}
.main-menu li.active{/*background-color: #171717;*/}
.main-menu li > a {
    line-height: 16px;width: 100%;display: flex; text-align: center; font-size: 14px;
    padding: 0 9px;height: 43px;align-items: center;position: relative; color: #fff;
}
.main-menu .main-menu-parent a span:after {
    content: '';width: 0;height: 0; display: inline-block;vertical-align: middle;margin-left: 5px;
    border-top: 6px solid #fff;border-left: 6px solid transparent;border-right: 6px solid transparent;
}
.main-menu li i {margin-right: 5px; width: 21px; height: 17px;}
.main-menu li i, .main-menu li span {display: inline-block; vertical-align: middle; background-size: contain;}
.icon-nang-cap-anh-sang{background-image: url("../images/icons/icon-nang-cap-anh-sang.png");width: 21px;height: 17px;}
.icon-do-choi-xe-sang{background-image: url("../images/icons/icon-do-choi-xe-sang.png");width: 21px;height: 17px;}
.icon-am-thanh-xe-hoi-dvd{background-image: url("../images/icons/icon-am-thanh-xe-hoi-dvd.png");width: 21px;height: 19px;}
.icon-ban-tai{background-image: url("../images/icons/icon-ban-tai.png");width: 25px;height: 17px;}
.icon-san-pham-cham-soc{background-image: url("../images/icons/icon-san-pham-cham-soc.png");width: 18px;height: 18px;}
.icon-phu-kien-do-choi-xe-hoi{background-image: url("../images/icons/icon-phu-kien-do-choi-xe-hoi.png");width: 20px;height: 20px;}
.icon-kho-hang-cu{background-image: url("../images/icons/icon-kho-hang-cu.png");width: 19px;height: 17px;}
.border-circle{background-color: #d1d1d1;height: 43px;width: 1px;}
.main-menu-children{
    display: none;position: absolute;background: #fff;top: 43px; width: 250px;
    z-index: 10;border: 1px solid #444; left: 0;
}
.main-menu-children a{display: block; cursor: pointer; padding: 10px; border-bottom: 1px dotted #bfbfbf;}
.main-menu-children a:last-child{border-bottom: none;}
.main-menu-children a.active{color: #d30000;}

.main-menu-children.long{
    display: grid;top: 43px;left: -102px;width: 770px;border-radius: 4px;padding: 10px;z-index: 10;border: 1px solid #eee;
    grid-auto-rows: minmax(min-content,max-content);grid-template-columns: repeat(4,auto);
}
.main-menu li:last-child .main-menu-children.long {
    left: unset;
    right: 0; 
    min-width: 770px;
}
.main-menu-children.long.depth{width: 570px; border: 1px solid #333;}
.main-menu-children.long .mmc-child:first-child {grid-row: 1/4;}
.main-menu-children.long .mmc-child{width: 100%; margin-bottom: 10px;}
.main-menu-children.long .mmc-child strong{padding: 0 10px 0 0; display: block;}
.main-menu-children.long .mmc-child strong a{
    text-transform: uppercase; border-bottom: 1px solid #ddd;font-size: 13px;color: #333;
    padding: 0 0 5px 0;
}
.main-menu-children.long .mmc-child a {
    display: block;padding: 10px 5px 0 0; color: #000;font-size: 13px;position: relative; border: none;
}
.main-menu-children.long.depth a{padding: 7px 0;}
.main-menu-children.long .mmc-child a:hover,
.main-menu-children.long .mmc-child.active{color: #d30000; font-weight: bold;}

/*===== FOOTER =====*/
/*----- Header Top -----*/
.footer-top{padding: 35px 0; border-top: 1px solid #d3d3d3; background-color: #fff;}
.footer-top > div{width: 100%; max-width: 1200px; margin: auto;}
.footer-col{float: left; width: 20%;}
.footer-col:nth-child(1){width: 30%;}
.footer-col:nth-child(4){width: 30%;}
.footer-col h3{font-size: 18px; color: #d30000; margin-bottom: 15px; text-transform: uppercase;}
.footer-company p{margin-bottom: 7px; font-size: 14px;}
.footer-company p:last-child{margin-bottom: 0;}
.footer-menu ul li{margin-bottom: 7px;}
.footer-menu ul li a{font-size: 14px;}
.footer-menu ul li a.active{color: #d30000;}
.footer-menu ul li:last-child{margin-bottom: 0;}

.f-social{margin-bottom: 20px;}
.f-social .link-fb{color: #2f80ed;}
.f-social .link-ytb{color: #FF0100;}
.f-social .link-tiktok{color: #000000;}
.f-social a{display: inline-block; margin-right: 10px;}
.f-social a:last-child{margin-right: 0;}
.f-social a i{font-size: 20px;}
.f-certify {margin-bottom: 20px;}
.f-certify a {margin-right: 5px;display: inline-block;vertical-align: top;}
.f-certify a i{
    background-image: url("../images/icons/icon_common@2x.png");
    background-repeat: no-repeat;display: inline-block;height: 30px;width: 30px;
    line-height: 30px;vertical-align: middle;background-size: 300px 200px;
}
.f-certify a i.icon-congthuong {background-position: -200px -30px;height: 24px;width: 79px;}
.f-certify a i.icon-khieunai {background-position: -250px 0;height: 25px;width: 25px;}
.f-certify a i.icon-protected {background-position: -80px -60px;height: 24px;width: 122px;}
.f-certify a img {height: 30px !important; width: auto;}
.f-brand {}
.f-brand-logo{background-color: #fff;}
.f-brand-logo-hd {color: #222;font-size: 14px;line-height: 21px;}
.f-brand-logo-list {font-size: 0; margin-top: 15px;}
.f-brand-logo-list li {float: left;width: 90px; margin: 0 0px 15px 0;}
.f-brand-logo-list li a {display: block; margin-right: 10px;}
.f-brand-logo-list li a img{max-width: 100%;}

/*----- Header Copyright -----*/
.footer-copyright{background-color: #d30000; padding: 15px 0; text-align: center; color: #fff;}
.footer-copyright > div {width: 100%;max-width: 1200px;margin: auto;}

/*===== MAIN =====*/
.app-main{min-height: 500px;width: 100%;max-width: 1200px;margin: auto;}
.bread-crumb{margin: 20px 0; color: #000;}
.page-main{}
.page-title{}
.page-title h1, .page-title h2, .box-other-title h2, .bp-title h2{
    font-family: RobotoBold;  color: #d30000; text-transform: uppercase;
    margin: 0; background: url("../images/bg_page_title_h1.gif") bottom left repeat-x;
}
.page-title h1 span, .page-title h2 span, .box-other-title h2 span, .bp-title h2 span{
    display: inline-block; padding-bottom: 10px;
    background: url("../images/bg_page_title_h1_span.gif") bottom left no-repeat;
}
.page-title h1, .page-title h2{font-size: 28px; line-height: 35px;}
.page-content{padding: 30px 0; min-height: 300px;}
.page-content.page-order{padding: 0 0 30px 0;}
.page-content .description{font-family: RobotoRegular; font-size: 14px; text-align: justify; line-height: 1.5 !important;}
.page-content .description p b{font-family: RobotoBold; font-size: 16px;}
.page-content .description img{max-width: 100% !important;}
.page-content .description ul{padding-left: 40px !important; list-style: disc !important;}
.page-banner{margin-bottom: 30px;}
.box-other-title{margin-bottom: 30px;}
.box-other-title h2{font-size: 24px; line-height: 25px;}
.banner {margin-top: 20px;}
.banner a{display: block; margin-bottom: 30px;}
.banner a:last-child{margin-bottom: 0;}
.banner img {width: 100%;height: auto;}

/*----- Banner Top -----*/
.bar-top{display: flex;}
.homebanner {padding: 20px 10px 0 0; width: calc(100% - 360px); margin-bottom: 20px;}
.preorder-hot {display: flex; flex-wrap: wrap; padding-top: 20px; width: 360px;}
.preorder-hot a {margin-bottom: 5px;padding-left: 10px;width: 50%; display: block; position: relative; height: 170px;}
.preorder-hot a span{
    background: url("../images/bg_preorderhot_a.png") center center no-repeat;
    position: absolute; top: 0; left: 5px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;
    font-size: 16px; line-height: 20px; color: #fff; text-transform: uppercase; text-align: center; font-family: RobotoBold;
}
.preorder-hot a:hover span{color: #d30000; cursor: pointer;}
.preorder-hot a img {width: 100%;border-radius: 4px;}
#sync1 {border: 1px solid #ebebeb;border-bottom: none;border-radius: 4px 4px 0 0;}
.owl-carousel {-webkit-tap-highlight-color: transparent;position: relative;z-index: 1;}
#sync1 .owl-prev, #sync1 .owl-next {opacity: 0; transition: .2s;}
#sync1:hover .owl-prev, #sync1:hover .owl-next {opacity: 1;}
.owl-nav button {
    background: rgba(255,255,255,.9) !important;height: 60px;width: 30px;
    position: absolute;top: 50%;transform: translateY(-50%);z-index: 2; border: none;outline: none;
}
.owl-carousel .owl-prev {box-shadow: 6px 0 4px rgb(0 0 0 / 5%), 4px 0 4px rgb(0 0 0 / 9%);border-radius: 0 4px 4px 0;left: 0;}
.owl-carousel .owl-next {box-shadow: -6px 0 4px rgb(0 0 0 / 5%), -4px 0 4px rgb(0 0 0 / 9%);border-radius: 4px 0 0 4px;right: 0;}
.owl-nav button span {display: block;text-indent: -9999px;}
.owl-nav button span::before {
    content: "";border-top: 3px solid #666;border-right: 3px solid #666;
    height: 22px;position: absolute;top: 18px;width: 22px;
}
.owl-nav button.owl-prev span::before {left: 10px;transform: rotate(-135deg);}
.owl-nav button.owl-next span::before {right: 8px;transform: rotate(45deg);}

#sync2 {
    border: 1px solid #ebebeb;border-top: none;border-radius: 0 0 4px 4px;
    box-shadow: 0 0 4px rgb(0 0 0 / 25%);background: #fff;
}
#sync2 .owl-item::before {
    background-color: #e5e5e5;content: '';height: 30px;position: absolute;
    top: calc(50% - 15px);right: 0;width: 1px;
}
#sync2 .item {cursor: pointer;display: table;height: 48px;margin: 0 auto;}
#sync2 .owl-item.synced{background: url("../images/bg-owl-item-synced.gif") top repeat-x;}
#sync2 .owl-item.synced .item h3{font-weight: bold;}
#sync2 .item h3 {display: table-cell;font-size: 12px;line-height: 16px;text-align: center;vertical-align: middle;}

/*----- Banner Sub -----*/
.sub-banner {margin:10px 0 35px 0;}
.sub-banner img{border-radius: 5px;}

/*----- Promotional Products -----*/
.prd-promo{background-color: #d30000; padding: 10px 0; border-radius: 5px; margin-bottom: 45px;}
.prd-promo h2{
    padding-left: 10px; margin-bottom: 10px; font-size: 22px; line-height: 30px; color: #fff;
    text-align: left;text-transform: uppercase;font-family: RobotoBold;
}
.prd-promo .list-product {padding: 0 10px;}
.prd-promo .owl-carousel.list-product .owl-item {border: none;}
.prd-promo .owl-carousel.list-product .owl-item:first-child {border: none;}
.prd-promo .item {background-color: #fff;border-radius: 4px;}
.prd-promo .list-product .item-img {height: 215px;line-height: 215px;}
.prd-promo .list-product .item-img img {width: 200px;}

/*----- Box Common -----*/
.box-common{margin-bottom: 45px;}
.box-common-top{margin-bottom: 20px;}
.box-common-top .box-common-title{
    float: left;width: 32%;
    font-size: 24px; line-height: 29px; color: #d30000; text-transform: uppercase;
}
.box-common-link {float: right;font-size: 0;text-align: right;width: 68%;}
.box-common-link a {
    border: 1px solid #d3d3d3;border-radius: 16px;color: #333;display: inline-block;
    font-size: 11px;line-height: 11px;margin-left: 10px;padding: 10px 11px;background: #fff;
}
.box-common-link a:first-child {margin-left: 0;}
.box-common-link a:hover{background-color: #d30000; color: #fff; border: 1px solid #d30000;}

/*===== List Products ======*/
.list-product {
    display: grid; border-left: 1px solid #d3d3d3;border-top: 1px solid #d3d3d3;
    grid-auto-rows: minmax(min-content,max-content);grid-template-columns: repeat(5,minmax(0,1fr));
}
.list-product .item {
    border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3;
    padding: 15px; overflow: hidden; display: block; position: relative;
}
.list-product .item:hover {
    box-shadow: 0px 0px 10px 5px rgba(51,51,51,0.52);
    -webkit-box-shadow: 0px 0px 10px 5px rgba(51,51,51,0.52);
    -moz-box-shadow: 0px 0px 10px 5px rgba(51,51,51,0.52);
    -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;
}
.list-product .item:hover{}
.list-product .item a {display: block;}
.item-label {font-size: 0;height: 22px; position: absolute;top: 10px;left: 10px;}
.item-label span {border-radius: 2px;font-size: 11px;line-height: 12px;display: inline-block;margin-right: 4px;padding: 3px;}
.lb-tragop {background-color: #f1f1f1;color: #333;}
.list-product .item-img {
    display: block;text-align: center; margin-top: 10px;position: relative;
    margin-bottom: 10px; overflow: hidden;height: 225px;line-height: 225px;
}
.list-product .item .item-img img {
    margin-top: 15px; margin-bottom: 0; height: auto; vertical-align: middle; line-height: normal;
    -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;
}
.list-product.pro-compare .item-img{margin: 0; line-height: normal; height: auto;}
.pro-compare li .item-img img {
    display: block;width: 70%;margin: 10px 15px 10px;position: relative;max-width: 150px;
}
.list-product .item a:hover .item-img img {margin-top: 0;}
.list-product h3 {
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
    font-size: 14px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;margin-bottom: 5px;
}
.list-product .item a:hover h3, .list-product li a:hover h3 {color: #d30000;}
.list-product .item .attributes span{
    border-radius: 2px;color: #333;display: inline-block;font-size: 12px;line-height: 12px;
    padding: 4px 5px;border: 1px solid #eaeaea;background: #eaeaea; margin: 0 5px 5px 0;
}
.list-product .box-p {margin-bottom: 5px;}
.list-product .box-p p{margin-bottom: 0;}
.list-product .percent {color: #333;display: inline-block;font-size: 13px;line-height: 17px;}
.list-product .price {color: #222;display: block;font-size: 16px;font-weight: bold;line-height: 18px;margin-bottom: 5px;}
.list-product .price-old {color: #666;display: inline-block;font-size: 14px;line-height: 17px;text-decoration-line: line-through;}
.list-product .price-old.black {color: #333;}
.list-product .price-contact{
    display: inline-block !important;margin-bottom: 5px;padding: 1px 5px;color: #fff;
    background-color: #d30000;border-radius: 3px;font-size: 13px;
}
.list-product .item-rating {margin-bottom: 5px;display: flex;align-items: flex-end;}
.list-product .item-rating p {display: inline-block; margin-bottom:0;}
.list-product .item-rating p i{color: #d30000; font-size: 12px;}
.list-product .item-rating-total {color: #333;font-size: 12px;margin-left: 5px;}

/*----- List Article -----*/
.bp-article {padding: 0;position: relative;overflow: hidden; /*max-width: 800px;margin: 0px auto 40px;*/}
.bp-article-short{font-size: 18px; font-weight: bold; line-height: 2; font-family: "Times New Roman";}
.bp-article-content.bac-show{height: auto !important;}
.bp-article-content.bac-hide{}
.bp-article-mask{
    background: linear-gradient(to bottom,rgba(255 255 255/0),rgba(255 255 255/62.5),rgba(255 255 255/1));
    bottom: -22px;height: 105px;left: 0;position: absolute;width: 100%;margin-bottom: 3px;
}
.bp-article-toggle{color: #d30000;display: block;margin: 0 auto;text-align: center;position: relative;width: 114px;}
.bp-article-toggle.bpat-show::before {
    border-bottom: 1px solid #d30000;border-right: 1px solid #d30000;content: '';
    height: 8px;position: absolute;transform: rotate(45deg);top: 2px;right: 5px;width: 8px;
}
.bp-article-toggle.bpat-hide::before {
    border-bottom: 1px solid #d30000;border-right: 1px solid #d30000;content: '';height: 8px;
    position: absolute;transform: rotate(225deg);top: 6px;right: 5px;width: 8px;
}
.bp-article-mobile{padding: 30px 0;}
.bp-article-mobile img{ max-width: 100% !important; height: auto !important;}

/*----- Owl-carousel List products -----*/
.owl-carousel.list-product {border: none; display: flex;}
.owl-carousel.list-product .owl-item {display: flex;}
.owl-carousel.list-product .owl-item {
    border-bottom: 1px solid #f1f1f1;border-top: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;
}
.owl-carousel.list-product .owl-item:first-child {border-left: 1px solid #f1f1f1;}
.owl-carousel.list-product .item {width: 100%; height: 375px;}
.owl-carousel.list-product .item:first-child {border: none;}

/*----- Trademark -----*/
.trademark, .product-news, .focus-news{margin-bottom: 45px;}
.trademark h2, .product-news h2, .focus-news h2{
    margin-bottom: 20px; font-size: 24px; line-height: 26px; color: #d30000; text-transform: uppercase;
}

/*----- Focus News -----*/
.focus-news{}
.focus-news-item{padding-bottom: 10px;}
.focus-news-image{border-radius: 5px;}
.focus-news-item h3{margin: 20px 0;}
.focus-news-item h3 a{font-size: 16px; color: #000000; text-transform: uppercase;}
.focus-news-item h3 a:hover{color: #d30000;}
.focus-news-short{color: #000000; margin-bottom: 20px;}
.focus-news-detail{border-radius: 5px; border: 1px solid #d30000; padding: 5px 20px; display: inline-block;}
.focus-news-detail:hover{background-color: #d30000; color: #fff;}

/*===== SERVICE ======*/
.box-service-gc{margin-bottom: 20px}
.box-service-gc:last-child{margin-bottom: 0;}
.page-content-mobile .box-service-gc:last-child{margin-bottom: 20px;}
.box-service-gc .box-service-gc-title{
    display: block;overflow: hidden; text-transform: uppercase;padding:0;margin-bottom: 20px;
    border-bottom: 1px solid #eee; padding-bottom: 10px;
}
.box-service-gc .box-service-gc-title a{
    line-height: 30px;font-weight: 600; font-size: 25px; color: #000000; font-family: "RobotoCondensedBold";
}
.box-service-gc .bsgt-mobile{
    display: block; overflow: hidden; text-transform: uppercase;padding:0;margin-bottom: 5px;
}
.box-service-gc .bsgt-mobile a{
    line-height: 30px;font-weight: 600; font-size: 25px; color: #000000; font-family: "RobotoCondensedBold";
}

.box-service-gc .box-service-gc-title a:hover, .box-service-gc .bsgt-mobile a:hover{color: #d30000;}
.list-services{display: flex;overflow: hidden;flex-direction: row;flex-flow: wrap;justify-content: flex-start;}
.list-services li{float: left;margin: 0 2.3% 25px 0;overflow: hidden;min-width: 279px;min-height: 148px;}
.list-services li:nth-child(4){margin-right: 0;}
.list-services li img {display: block;clear: both;border-radius: 5px;max-width: 279px;max-height: 148px; object-fit: cover;}
.list-services li h3 {
    font-family: RobotoMedium; text-transform: uppercase; line-height: 20px;
    color: #000000;font-weight: 600;font-size: 18px;margin-top: 15px;display: -webkit-box;
    -webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;
}
.list-services li a:hover h3{color: #d30000;}

.box-other{margin-top: 30px;}
.service-other-item h3{margin-top: 15px;}
.service-other-item h3 a{
    font-family: RobotoRegular; font-size: 18px; text-transform: uppercase; color: #000000;
    line-height: 20px;
}
.service-other-item h3 a:hover{color: #d30000;}

.h2-list-service{
    font-family: RobotoBold;color: #d30000;text-transform: uppercase;margin: 0 0 10px 0;font-size: 24px;line-height: 25px;
    background: url("../images/bg_page_title_h1.gif") bottom left repeat-x;
}
.h2-list-service span {
    display: inline-block;padding-bottom: 10px;
    background: url("../images/bg_page_title_h1_span.gif") bottom left no-repeat;
}

/*===== NEWS ======*/
.page-main.page-news{padding-top: 15px;}
.left-cate{float: left; overflow: hidden; width: 65.834%;}
.right-cate{float: right; overflow: visible; width: 31.667%;}

/*----- News List -----*/
.page-news-menu{margin-top: 20px;}
.page-news-menu ul{display: table; width: 100%;}
.page-news-menu ul li{display: table-cell;font-family: RobotoRegular;height: auto; position: relative; padding: 0 5px;}
.page-news-menu ul li:first-child{padding-left: 0;}
.page-news-menu ul li:last-child{padding-right: 0;}
.page-news-menu ul li a{
    display: block;padding: 3px 5px;font-size: 15px;color: #333;text-transform: uppercase;
    font-weight: 300;background: #fff;border-radius: 5px; border: 1px solid #e0e0e0; text-align: center;
}
.page-news-menu ul li a.active{background: #d30000; color: #fff; border-color: #d30000;}
.page-news-menu ul li a:hover{border-color: #d30000;}

/*----- News List -----*/
.news-list{display: block;overflow: hidden;}
.news-list li {display: block;overflow: hidden;border-bottom: 1px solid #eee;padding: 15px 0;position: relative;}
.news-list li a {display: block;overflow: hidden;position: relative;}
.news-list li a:hover h3{color: #d30000;}
.news-list li .tempvideo {
    float: left;position: relative;width: 250px;height: 140px;
    margin-right: 15px;margin-bottom: 5px;overflow: hidden;
}
.news-list li .tempvideo img {display: block;width: 100%;height: 100%; object-fit: cover; border-radius: 8px;}
.news-list li h3 {
    font-family: RobotoBold;
    display: block;overflow: hidden;line-height: 20px;font-size: 18px;font-weight: 600;
}
.news-list li h3.titlecom {
    display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;
}
.news-location-deadline{margin-top: 10px; font-weight: bold;}
.news-location{float: left;}
.news-deadline{float: right;}
.news-deadline span{color: #d30000;}
.news-list li figure {
    display: block;overflow: hidden;font-size: 14px;color: #333;line-height: 22px;padding: 10px 0;
}
.news-list li .timepost {display: block;overflow: hidden;font-size: 12px;color: #999;}
.news-list li .timepost.margin {margin-top: 5px;}
.news-list li:last-child {border-bottom: 0;}
.news-list li .short{padding-top: 5px; text-align: justify;}

.latest{display: block;overflow: hidden;border-bottom: 1px solid #eee;padding-bottom: 5px;margin-top: -10px;}
.latest li {overflow: hidden;float: left;width: 32%;padding: 0;}
.latest li:first-child {overflow: hidden;width: 65.19%;margin-right: 15px;border-bottom: 0;}
.latest li a {padding: 10px 0;}
.latest li .tempvideo {
    float: none;display: block;position: relative;width: 100%;height: 290px;margin-bottom: 5px;overflow: hidden;
}
.latest li:nth-child(2) .tempvideo {height: 140px;}
.latest li img {float: none;display: block;width: 100%;margin: 0 auto 10px;}
.latest li:first-child img {display: block;width: 100%;max-height: 290px;height: auto;margin-bottom: 10px; object-fit: cover;}
.latest li h3 {font-size: 16px;line-height: 1.3em;font-weight: 300;margin-bottom: 0;}
.latest li:first-child h3 {font-size: 24px;line-height: 32px;font-weight: 600;}
.latest li:last-child {border-bottom: 0;}
.see-more a{
    display: block; background-color: #d30000; color: #fff; text-transform: uppercase;
    padding: 15px 0; text-align: center; border-radius: 5px;
}

/*----- News Video -----*/
.news-video{background-color: #000;padding: 0 10px;}
#news-video-main{}
.news-video a {
    color: #fff;overflow: hidden;line-height: 26px;font-size: 18px;text-transform: uppercase;
    padding: 10px 0 6px;font-family: RobotoBold;font-weight: 600;display: inline-block;
}
.news-video a.title{float: left;}
.news-video a.follow {
    background-color: #f00; display: inline-block;float: right;padding: 0 5px;margin: 10px 0 0;
    text-transform: none;border-radius: 2px;font-size: 11px;
}
.news-video a.follow span {font-size: 14px;vertical-align: middle;}
#news-video-main .item{position: relative;}
#news-video-main .item i{
    cursor: pointer;top: 50%;left: 50%;position: absolute;margin: -21px 0 0 -30px; font-size: 60px;
    color: #d30000; z-index: 2;
}
#news-video-main .item span{color: #fff;font-size: 14px;}

/*----- News Right Cate -----*/
.titlehome {
    display: block;overflow: hidden;line-height: 26px;font-weight: 600;font-size: 18px;color: #000000;
    text-transform: uppercase;padding: 10px 0 6px;font-family: RobotoBold; margin: 10px 0 0 0;
}
.titlehome .viewall-topics {
    font-family: RobotoRegular; float: right; text-transform: none; font-size: 13px; color: #d30000;
}
.titlehome .viewall-topics:hover{text-decoration: underline;}
.hot-lst {position: relative;overflow: hidden;}
.hot-lst li a {
    overflow: visible;background: #d30000; color: #fff;font-size: 11px;
    float: left;position: relative;border-top-right-radius: 4px; border-bottom-right-radius: 4px;
    margin: 2px 5px 7px 12px;padding: 0 15px 0 12px;height: 24px;line-height: 24px;
}
.hot-lst li a:before {
    content: "";float: left;position: absolute;
    top: 0;left: -12px;width: 0;height: 0;
    border-color: transparent #d30000 transparent transparent;
    border-style: solid;border-width: 12px 12px 12px 0;
}
.hot-lst li a:after {
    content: "";position: absolute;top: 10px;left: 0;float: left;width: 4px;height: 4px;
    -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;background: #fff;
    -moz-box-shadow: -1px -1px 2px #d30000;-webkit-box-shadow: -1px -1px 2px #d30000;box-shadow: -1px -1px 2px #d30000;
}
.summarycomment {display: block;overflow: hidden;border-top: 1px solid #eee;margin: 0px; padding-top: 5px;}
.summarycomment a {display: block;overflow: hidden;padding: 6px 0;}
.summarycomment div {
    float: left;margin: 4px 10px 0 0;padding: 6px 10px;background: #d30000;font-size: 20px;color: #fff;
    font-weight: 600;
}
.summarycomment a h3 {font-family: RobotoBold;display: block;overflow: hidden;line-height: 1.3em;font-size: 14px;color: #333;}
.summarycomment a:hover h3{color: #d30000;}
.recruitment{}
.recruitment li{padding: 10px 0; border-top: 1px solid #eee;}
.recruitment-left{float: left; width: 70%;}
.recruitment-right{float: left; width: 28%; text-align: right;}
.recruitment h3, .recruitment h4{font-family: RobotoRegular; font-size: 15px; color: #000;}
.recruitment a:hover h3{color: #d30000;}
.recruitment span{color: #737373; font-family: RobotoRegular; font-size: 13px;}
.news-list.newsproduct li .tempvideo{width: 135px; height: auto;}
.news-list.newsproduct li h3{font-family: RobotoRegular; font-size: 15px;}

.news-product{display: block;overflow: hidden;border-top: 1px solid #eee; padding-top: 5px;}
.news-product li {display: block;overflow: hidden;padding: 10px 0;}
.news-product li a {display: block;overflow: hidden;}
.news-product li img {float: left;width: 70px;height: 70px;margin-right: 10px;}
.news-product li h3 {display: block;overflow: hidden;font-size: 16px;color: #333; line-height: 20px;}
.news-product li a:hover h3{color: #d30000;}
.news-product li label {display: block;overflow: hidden;color: #d30000;margin-bottom: 10px;}

.news-promotion{}
.news-promotion li{float: left;display: block;overflow: hidden;width: 48%;margin-bottom: 2%;}
.news-promotion li:first-child {float: none;width: 100%;border-bottom: 1px solid #eee;}
.news-promotion li:nth-child(3), .news-promotion li:nth-child(5) {float: right;}
.news-promotion li:nth-child(2), .news-promotion li:nth-child(4) {clear: both;}
.news-promotion li a {display: block;overflow: hidden;padding: 10px 0;}
.news-promotion li:first-child img {width: 100%;height: auto;max-height: 215px;}
.news-promotion li img {display: block;width: 100%;height: auto;max-height: 125px;margin-bottom: 10px;border-radius: 8px;}
.news-promotion li:first-child h3 {font-size: 18px;font-weight: 600;}
.news-promotion li h3 {display: block;overflow: hidden;line-height: 1.3em;font-size: 14px;color: #333;}

/*----- News Right Cate -----*/
.news-detail-title{
    font-size: 15px; line-height: 16px; font-family: RobotoBold; color: #000; text-transform: uppercase;
    margin-bottom: 10px;
}
.news-detail-timepost{font-family: RobotoRegular; font-size: 14px; color: #747474;}
.news-other-item{}
.news-other-top, .faq-other-top{margin-bottom: 30px;}
.news-other-item h3, .faq-other-item h3{margin-top: 15px;}
.news-other-item h3 a, .faq-other-item h3 a{font-size: 15px; font-family: RobotoMedium; color: #000;}
.news-other-item h3 a:hover, .faq-other-item h3 a:hover{color: #d30000;}

.news-relate {display: block;overflow: hidden;}
.news-relate li {float: left;overflow: hidden;width: 31%;margin-right: 3.5%;margin-bottom: 15px;}
.news-relate li:nth-child(3n+1) {clear: both;}
.news-relate li:nth-child(3n+3) {margin-right: 0;}
.news-relate li .temp-video {display: block;position: relative; overflow: hidden;}
.news-relate li img {
    display: block;width: 100%;max-height: 135px;margin: 0 auto;border-radius: 8px;height: auto;max-width: 100%;
}
.news-relate li h3 {
    display: block;overflow: hidden; font-size: 14px; color: #333; line-height: 18px;
    font-weight: 300;font-family: Arial,Helvetica,sans-serif;width: auto;margin: 5px auto;
}
.news-relate li a:hover h3 {color: #d30000;}
.news-relate li .time-post {margin-top: 2px;display: block;overflow: hidden;font-size: 13px;color: #999;}

/*----- News Topic -----*/
.list-news{overflow: hidden;}
.list-news li{float: left; width: 30%;  margin: 0 5% 25px 0;}
.list-news li:nth-child(3){margin-right: 0;}
.list-news li img {display: block;clear: both;border-radius: 5px; object-fit: cover; max-width: 100%;}
.list-news li h3 {
    font-family: RobotoMedium; text-transform: uppercase; line-height: 20px;
    color: #000000;font-weight: 600;font-size: 15px;margin-top: 15px;display: -webkit-box;
    -webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;
}
.list-news li a:hover h3{color: #d30000;}

/*----- News Product -----*/
.product-cell {
    float: none;display: block;width: 100%;max-width: 1199px;overflow: hidden;margin-bottom: 20px;border: 1px solid #eee;
}
.product-cell div {
    display: block;overflow: hidden;background: #f5f5f5;border-right: 1px solid #eee;border-bottom: 1px solid #eee;
}
.product-cell div h2 {
    display: inline-block;padding: 7px 5px 2px;line-height: 1.3em;font-family: 'Roboto Condensed',sans-serif;
    font-size: 18px;color: #333;font-weight: 600;text-transform: uppercase;
}
.product-cell a {
    float: left;overflow: hidden;height: 280px;font-family: 'Roboto Condensed',sans-serif;
    border-bottom: 1px solid #eee;border-right: 1px solid #eee;width: 20%;margin-right: 0;
}
.product-cell a.last{border-right: none;}
.product-cell a img {display: block;width: 150px;height: 150px;margin: 15px auto;}
.product-cell a h3 {
    display: block;overflow: hidden;font-size: 14px;color: #333;padding: 5px;text-align: center;margin: 0;
}
.product-cell a:hover h3{color: #d30000;}
.product-cell a label {
    display: block;overflow: hidden;padding: 0 5px 5px;text-align: center;font-size: 14px;color: #d30000;
}

.title-news{
    display: block;overflow: hidden;line-height: 26px;font-size: 18px;color: #888;text-transform: uppercase;
    padding: 0 0 6px 0; font-family: RobotoBold; margin: 0;
}
.news-detail-product{width: 380px; margin: 0 auto;}
.news-detail-mobile-product{max-width: 100%; margin-bottom: 20px;}
.col-info-prod {display: block;overflow: hidden;border: 1px solid #eee;padding: 15px;}
.info-prod {display: block;overflow: hidden;border-bottom: 1px solid #eee;padding-bottom: 15px;}
.info-prod h3, .info-prod h2 {
    display: block;overflow: hidden;line-height: 1.3em;font-size: 18px;font-family: RobotoBold;color: #333;
    font-weight: 600;
}
.info-prod img {float: left;width: 145px;height: 145px;margin-right: 10px;}
.info-prod figure {font-size: 13px;line-height: 13px;}
.info-prod a {
    display: inline-block;overflow: hidden;font-size: 14px;color: #fff;line-height: 22px;
    padding: 5px 10px;background: #d30000;border-radius: 5px;
}
.info-prod a:hover{background: #333;}
.info-prod .price {color: #d30000;display: block;font-size: 16px;font-weight: bold;line-height: 18px;margin-bottom: 5px;}
.info-prod .price-old {color: #666;display: inline-block;font-size: 14px;line-height: 17px;text-decoration-line: line-through;}
.info-prod .price-old.black {color: #333;}
.info-prod .price-contact{
    display: inline-block !important;margin-bottom: 5px;padding: 1px 5px;color: #fff;
    background-color: #d30000;border-radius: 3px;font-size: 13px;
}

/*----- New detail box attach -----*/
.news-detail-box{
    display: block;overflow: hidden;border-bottom: 1px solid #eee;padding: 10px;position: relative;
    background-color: #f2f3f5; border: 1px solid #e6e8ea; margin: 12px auto 0 auto;
}
.news-detail-box a{display: block;overflow: hidden;position: relative; clear: both;}
.news-detail-box .ndb-pic{
    float: left;position: relative;width: 250px;height: 140px;margin-right: 15px;margin-bottom: 5px;overflow: hidden;
}
.news-detail-box .ndb-pic img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 8px;}
.news-detail-box .ndb-title{
    display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;
    font-family: RobotoBold;line-height: 20px;font-size: 18px;font-weight: 600;
}
.news-detail-box a:hover .ndb-title{color: #d30000;}
.news-detail-box .ndb-short{margin: 5px 0;}
.news-detail-box a:hover .ndb-short{color: #333;}
.news-detail-box .ndb-host{color: #d30000;}
.news-detail-box .ndb-host i{color: rgb(102, 204, 102);}

/*===== FAQ ======*/
.col-topic {float: left;overflow: hidden;width: 285px;}
.col-content {float: right; overflow: hidden; width: calc(100% - 315px);}

/*----- Col Topic -----*/
.col-topic h2{
    font-family: RobotoRegular; font-size: 17px; line-height: 22px; text-transform: uppercase; color: #000;
    border-bottom: 1px solid #eee; padding-bottom: 20px;
}
.highlight_topic {margin-bottom: 15px;}
.highlight_topic li {border-bottom: 1px solid #eeeeee;}
.highlight_topic li label {padding: 8px 0; margin: 0;}
.highlight_topic li label span{display: inline-block;background-color: #d30000; padding: 8px; border-radius: 50%;}
.highlight_topic li label h3{vertical-align: middle; display: inline-block; margin: 0;padding-left: 10px;}
.highlight_topic li label h3 a{font-family: RobotoRegular; font-size: 16px; color: #000;}
.highlight_topic li label h3 a:hover, .highlight_topic li label h3 a.active{color: #d30000;}
.highlight_topic li.hlt-menu a{font-family: RobotoRegular; font-size: 16px; color: #000; display: block; padding: 15px 0;}
.highlight_topic li.hlt-menu a:hover{color: #d30000;}

/*----- Col Content -----*/
.search-ask {
    display: block;border: 1px solid #eee;position: relative;border-radius: 3px;margin-bottom: 10px;
    background-color: #eeeeee;padding: 10px;
}
.search-ask input {
    display: inline-block;width: 58%;vertical-align: middle; padding: 10px 0; border: 0;text-indent: 35px;
    border-radius: 3px; font-size: 14px; font-family: RobotoRegular; color: #8d8d8d;
}
.ask-search-ask {
    width: 19px;height: 19px;position: absolute;top: 20px;left: 18px;
    background-image: url("../images/icons/icon_search_ask.png");
}
.search-ask button {
    color: #d30000; border: 1px solid #d30000;border-radius: 4px;text-transform: unset;margin-left: 10px;
    background: #fff;padding: 10px 30px;position: unset;display: inline-block;vertical-align: middle;
}
.suggest{display: none;}
.popup-question {display: inline-block;vertical-align: middle;}
.popup-question span {font-size: 13px;padding: 0 23px;}
.popup-question a {
    color: #d30000;border: 1px solid #d30000;border-radius: 4px;background: #fff;height: 38px;text-align: center;
    padding: 8px 0 5px 0;min-width: 172px;display: inline-block;vertical-align: middle;box-sizing: border-box;
}
.popup-question a img {width: 20px;height: 20px;display: inline-block;vertical-align: middle;}
.popup-question a p {display: inline-block;vertical-align: middle; margin: 0;}

/*----- Hot Week -----*/
.hot-week {margin: 20px 0 10px 0;display: block;overflow: hidden;clear: both;border-bottom: 1px solid #eee;padding-bottom: 15px;min-width: 800px;}
.hot-week ._featured {float: left;width: 470px;box-sizing: border-box;margin-right: 30px;}
.hot-week ._featured a img {margin: 0 0 15px 0;}
.hot-week a.first-child img {float: none;display: block;width: 100%;height: auto;margin: 0 0 10px 0; object-fit: cover;}
.hot-week ._featured h3{margin-bottom: 10px; font-family: RobotoBold; font-size: 18px; line-height: 20px; color: #000000;}
.hot-week ._featured a:hover h3, .hot-week ._list a:hover h3, .list-task li a:hover h3{color: #d30000;}
.hot-week ._featured span{color: #747474;}
.hot-week ._list{float: right;width: calc(100% - 510px);}
.hot-week ._list h4{font-family: RobotoBold;font-size: 16px; text-transform: uppercase; color: #000; margin-bottom: 15px;}
.hot-week ._list a{display: block;overflow: hidden;padding: 10px 0;}
.hot-week ._list b {
    float: left;width: 40px;height: 40px;font-size: 16px; font-family: RobotoBold;color: #fff;background: #d30000;
    display: flex;justify-content: center;align-items: center;font-weight: bold;margin-right: 15px;
}
.hot-week ._list h3{font-size: 14px; font-family: RobotoRegular;color: #000;}

/*----- List Task -----*/
.list-task {display: block;overflow: auto; margin-bottom: 20px;}
.list-task li {display: block;overflow: hidden;padding: 20px 0; border-bottom: 1px solid #eee;}
.list-task li img {float: left; width: 200px;height: 104px;margin-right: 25px; object-fit: cover;}
.list-task li h3 {font-family: RobotoBold; font-size: 18px; line-height: 22px; color: #000;margin-bottom: 5px;}
.list-task li div label, .faq-author label{font-family: RobotoRegular; font-size: 14px;color: #747474; margin: 0;}
.list-task li span.dot_, .faq-author span.dot_{margin: 0 5px;display: inline-block;color: #747474;vertical-align: middle;}

/*----- Detail -----*/
.faq-h1{font-family: RobotoRegular; font-size: 24px; line-height: 25px; color: #d30000; margin:20px 0 9px 0;}
.service-h1{font-family: RobotoRegular; font-size: 24px; line-height: 25px; color: #d30000; margin:0 0 20px 0;}
.faq-author{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee;}

/*===== ORDER ======*/
.col-topic h2.cate-title{
    font-family: RobotoBold;font-size: 20px; line-height: 22px; color: #fff; margin-bottom: 10px;
    background-color: #d30000; padding: 10px 20px; border-radius: 5px; border: none;
}
.col-topic h2.cate-title:after{clear: both;}
.col-topic h2.cate-title i{float: right;}

/*----- Categories -----*/
.categories li{padding: 10px 20px;}
.categories li a{font-family: RobotoRegular; font-size: 15px; color: #000; display: block;}
.categories li a.active, .categories li a:hover{color: #d30000;}
.categories li a i{display: inline-block; margin-right: 10px;}

/*----- User -----*/
.user{margin: 30px 0; font-family: RobotoRegular; font-size: 16px;}
.user > a{float: right;color: #d30000;}
.user > a.about-s{padding: 0 20px;}
.user > a.logout-h, .user > b{font-family: RobotoBold;}

/*----- List Order -----*/
.list-order {padding: 25px;border: 1px solid #ccc;border-radius: 4px;overflow: hidden;position: relative;}
.list-order > b{font-family: RobotoBold; font-size: 20px; color: #000; margin-bottom: 15px; display: block;}
.list-order .h-date{font-family: RobotoRegular; font-size: 16px; margin-bottom: 20px;}
.list-order .h-date b{font-family: RobotoBold;}
.list-order .h-date i{color: #d30000;}
.list-order table{width: 100%;word-break: break-word;}
.list-order table th {color: #000;padding: 10px 5px;font-weight: bold;text-align: left;}
.list-order table td {border-top: 1px solid #e3e3e3;padding: 20px 5px 10px 5px; vertical-align: top;color: #818181;position: relative;}
.list-order table td:first-child {width: 12%;vertical-align: middle;}
.list-order table td:nth-child(2) {width: 47%;}
.list-order table td:nth-child(3) {width: 100px;}
.cate .list table td:nth-child(4) {width: 14%;}

.list-order table td>a {width: 50px;float: left;}
.list-order table td:first-child>a {width: auto;position: relative;color: #d30000;top: 0;}
.list-order table td>a>img {display: block;max-width: 100%;}
.list-order table td>div {margin-left: 55px;min-height: 50px;}
.list-order table td>div>a {
    color: #333;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
    -webkit-box-orient: vertical;-webkit-line-clamp: 2;font-family: RobotoBold; font-size: 15px;
}
.list-order table td>div>a:hover, .list-order table td>a:hover, .list-order table td>div>div>a:hover{text-decoration: underline;}
.list-order table td>div>div {margin-top: 5px;}
.list-order table td>div>* {display: block;margin-bottom: 3px;}
.list-order table td>div>div>a {display: inline-block;vertical-align: top;color: #d30000;font-size: 13px;padding-right: 20px;}
.list-order table td>b {font-weight: normal;color: #d30000;}
p.car_info {color:black;}

.status_fail {color: red;}
.status_success {color: blue;}
.status_finish {color: green;}
.status_processing {color: orangered;}

/*----- Order Detail -----*/
.order-detail {padding: 20px; border: 1px solid #ccc; border-radius: 4px;}
.order-detail .title {padding-bottom: 10px;display: block;font-size: 20px;font-weight: normal;}
.order-detail .title > span {float: right;font-size: 15px;color: #000; font-family: RobotoRegular;}
.order-detail .title>span>i.success{color: #289666;}
.order-detail .title > p {margin-bottom: 10px; font-family: RobotoBold; font-size: 20px; line-height: 22px;}
.order-detail .title > small{font-family: RobotoRegular; font-size: 15px; color: #d30000;}
.order-detail .item {overflow: hidden;border-bottom: 1px solid #e6e6e6;}
.order-detail .item:last-child{border-bottom:none;}
.order-detail .item>a.fl {width: 10%;margin: 3px 2% 0 0;}
.order-detail .item>a.fl>img {display: block;max-width: 100%;margin: auto;}
.order-detail .item>div.fl {width: 70%; float: left;}
.order-detail .item>div.fl>a {
    max-height: 36px;line-height: 1.4;overflow: hidden;text-overflow: ellipsis;color: #333;
    font-family: RobotoBold; font-size: 16px;
}
.order-detail .item>div.fl>p {font-size: 12px;color: #666;margin-bottom: 3px;padding-left: 10px;position: relative;line-height: 1.5;}
.order-detail .item>div.fl>p:before {
    content: "";width: 5px;height: 5px;border-radius: 50%;background-color: #d8d8d8;left: 0;top: 6px;position: absolute;
}
.order-detail .item>div.fl>i {display: inline-block;vertical-align: top;min-width: 100px;margin: 7px 10px 0 0;font-style: normal;font-size: 13px;color: #000;}
.order-detail .item>div.fr>b {color: #d30000;font-weight: normal; font-family: RobotoBold;}
.order-detail .item>div.fr>em {font-style: normal;text-decoration: line-through;}
.order-detail .item>div.fr>* {display: block;text-align: right;margin-bottom: 5px;font-size: 15px;}
.order-detail .item>.bottom {margin-bottom: 20px;}
.order-detail .sum {padding: 15px 10px 10px 500px;border-bottom: 1px solid #e6e6e6;border-top: 1px solid #d6dfe7;}
.order-detail .sum>span {display: block;margin-bottom: 7px; font-size: 15px;}
.order-detail .sum>span>label{margin-bottom: 0;}
.order-detail .sum>span>i{float: right; font-family: RobotoRegular;}
.order-detail .sum>span>b{color: #d30000; float: right; font-family: RobotoBold;}
.order-detail .info{padding: 20px 0 10px 0; border-bottom: 1px solid #e6e6e6;}
.order-detail .info>* {display: block;padding: 0;margin-bottom: 7px;}
.order-detail .info>b{font-family: RobotoBold; font-size: 15px; color: #000; margin-bottom: 15px;}
.order-detail .info > span{font-family: RobotoRegular; font-size: 15px; position: relative; padding-left: 15px;}
.order-detail .info > span:before {
    content: "";width: 5px;height: 5px;border-radius: 50%;
    background-color: #7f7f7f;left: 0;top: 6px;position: absolute;
}
.order-detail .back, .pom-detail .back{text-align: center; padding-top: 20px;}
.order-detail .back a, .pom-detail .back a{
    display: inline-block; color: #fff; font-family: RobotoRegular; font-size: 15px; text-transform: uppercase;
    background-color: #d30000; padding: 10px 30px; border-radius: 3px;
}
.order-detail .back a:hover, .pom-detail .back a:hover{background-color: #000;}
.pom-detail .back a{font-size: 12px !important; padding: 10px 20px !important;}

/*----- Guarantee -----*/
.guarantee-form{margin: 30px 0;}
.guarantee-result {position: relative;}
.guarantee-result a img{width: 50px;}
.guarantee-result h1{font-family: RobotoBold; font-size: 22px; line-height: 25px; color: #d30000; margin-bottom: 20px;}
.guarantee-result .table{margin: 0;}
.guarantee-result .table td:first-child{padding-left: 0;}
.guarantee-result .table td{font-family: RobotoRegular; font-size: 15px;}
#history-loading{
    position: absolute; top: 0; left: 0; z-index: 999999; width: 100%; height: 100%;
    display: block; background-color: rgba(239, 239, 239, 0.5); display: none;
}
#history-loading .history-loading-icon{
    display: flex; align-items: center;justify-content: center;
    height: 100%; width: 100%;padding: 0;margin: 0;
}

/*----- PROFILE -----*/
.profile {border: 1px solid #ccc; padding: 25px; border-radius: 4px; margin-top: 30px;}
.profile h3{font-family: RobotoBold; font-size: 20px; color: #000; margin-bottom: 15px; display: block;}
.profile>div>* {display: inline-block;vertical-align: top;}
.profile>div>span {margin-right: 15px;font-size: 15px;cursor: pointer;}
.profile>div>span>i {
    display: inline-block;vertical-align: top;margin: 1px 5px 10px 0;border: 1px solid #ccc;
    width: 15px; height: 15px;padding: 3px;border-radius: 50%;background-color: #fff;
}
.profile>div>span.active>i {border-color: #d30000;}
.profile>div>span.active>i:before {content: '';display: block;border-radius: 50%;height: 100%;background-color: #d30000;}
.profile>div>span>b {font-weight: normal;}
.profile>input {
    width: 49.5%;padding: 0 10px;height: 35px;line-height: 35px;border-radius: 4px;border: 1px solid #ccc;
    margin-bottom: 25px;
}
.profile>input:nth-child(4) {float: right;}
.profile>span {
    display: block;border-top: 1px solid #ccc;position: relative;cursor: pointer;line-height: 1.6;
    padding: 10px 0;
}
.profile>span>i {
    border: 1px solid #ccc;width: 15px;height: 15px;padding: 3px;border-radius: 50%;background-color: #fff;
    position: absolute;left: 0;top: 13px;
}
.profile>span.active>i {border-color: #d30000;}
.profile>span.active>i:before {content: '';display: block;border-radius: 50%;height: 100%;background-color: #d30000;}
.profile span.address{font-family: RobotoRegular; font-size: 15px; margin-top: 12px;}
.profile span.address a{color: #d30000; display: inline-block; margin-right: 10px;}
.profile span.address a i{display: inline-block; margin-right: 3px;}
.profile>span>em, .profile>span>span>em {
    display: inline-block;padding: 1px 10px;font-style: normal;background-color: #d30000;
    color: #fff;margin: 2px 0 3px 0;font-size: 12px;border-radius: 2px;
}
.profile>a.add {
    font-family: RobotoRegular; font-size: 15px;
    display: block;margin-top: 10px;padding: 10px 0 5px 0;border-top: 1px solid #ccc;color: #d30000;
}
.profile>a.add i{display: inline-block; margin-right: 3px;}
.profile>a.button {
    width: 250px;margin: 25px auto 15px auto;display: block; text-transform: uppercase;
    background-color: #d30000;border-radius: 3px;text-align: center;color: #fff;height: 40px;line-height: 40px;
}
.profile>a.button:hover{background-color: #000;}
.profile .form-address{padding: 15px;background-color: #f1f1f1;margin-top: 10px;position: relative;}
.profile .form-address:before, .profile .form-address:after {
    content: '';position: absolute;top: -10px;left: 40px;width: 0;height: 0;
    border-bottom: 10px solid #f1f1f1;border-left: 10px solid transparent;border-right: 10px solid transparent;
}

/*===== ORDER ======*/
/*----- Branch Search -----*/
h2.branch-systems{font-family: 'RobotoRegular';color: #d30000;font-size: 25px;margin-bottom: 20px;line-height: 28px;}
.branch-search{display: flex; justify-content: space-between; margin-bottom: 30px;}
.branch-search input, .form-address input{
    height: 35px; font-family: RobotoRegular; font-size: 14px; color: #333;
}
.branch-search button{
    height: 35px; font-family: RobotoRegular; font-size: 14px; color: #fff;
}
.branch-search .bs-item-grow{flex-grow: 1; padding: 0 5px;}
.branch-search .bs-item-grow:first-child{padding: 0 0 5px 0;}

/*----- Branch System -----*/
.branch-main{margin-bottom: 40px;}
.branch-system{float: left; width: 550px; height: 610px; overflow-y: scroll;}
.branch-map{float: right; width: calc(100% - 565px);}
.big-map{padding: 4px; background: #fff; border: 1px solid #ccc;}
#map {height: 100%;}
.branch-system ul li{
    border: 1px solid #ccc; border-radius: 5px; margin-bottom: 10px;
}
.branch-system ul li:last-child{margin-bottom: 0;}
.branch-system ul li table{width: 100%; border-radius: 5px;}
.branch-system-logo{width: 140px; background-color: #171717; padding: 10px; vertical-align: middle; border-radius: 5px;}
.branch-system-logo img{max-width: 100%; border-radius: 5px;}
.branch-system-info{padding: 20px;}
.branch-system-info h3{font-family: RobotoBold; font-size: 15px; color: #d30000; text-transform: uppercase;}
.branch-system-info h3 a{font-family: RobotoBold; font-size: 15px; color: #d30000; text-transform: uppercase;}
.branch-system-info p{margin-bottom: 5px; font-family: RobotoRegular; font-size: 13px;}
.branch-system-info p:last-child{margin-bottom: 0;}
.branch-system-info p b{font-family: RobotoBold;}

/*----- Contact Company -----*/
.contact{padding-top: 40px;border-top: 1px solid #ccc;}
.contact-company{}
.contact-company h1{font-family: RobotoBold; font-size: 25px; color: #d30000; text-transform: uppercase; line-height: 31px; margin-bottom: 20px;}
.contact-company p{font-family: RobotoRegular; font-size: 15px; margin-bottom: 10px;}
.contact-company p.c-desc{font-family: RobotoMedium; font-size: 14px; text-align: justify;}
.contact-company p.c-desc.first{margin-top: 20px;}
.contact-company p b{font-family: RobotoBold;}
.branch-website{color: #d30000;}
.branch-website:hover{text-decoration: underline;}

/*----- Contact Form -----*/
.contact-form{margin-bottom: 20px;}
.contact-form input, .contact-form textarea{
    font-family: RobotoRegular; font-size: 15px; color: #000; margin-top: 10px;
    padding: 10px; border: 1px solid #ccc; width: 100%; border-radius: 3px;
}
.contact-form #full_name{margin-top: 0;}
.contact-form button{
    font-family: RobotoMedium; font-size: 15px; color: #fff; text-transform: uppercase; text-align: center;
    width: 100px; padding: 10px 0; background-color: #d30000; border: none; border-radius: 3px; margin-top: 10px;
}
.contact-form button:hover{background-color: #000;}
.contact-form .input-error{color: red; font-size: 12px;}
.contact-form .spinner-border{width: 17px; height: 17px;}

/*===== CART ======*/
.page-cart{font-family: RobotoRegular; font-size: 15px; color: #000;}
.page-cart > section {display: block;width: 100%;max-width: 600px;margin: auto;min-width: 0; min-height: 400px;}
.buy-more {float: left;overflow: hidden;padding: 10px;}
.your-cart > span {float: right;padding: 9px 10px;}
.middle-cart{display: block;background: #fff;box-shadow: 0 0 18px rgb(0 0 0 / 12%);border-radius: 2px;}
[class*=cartnew-], [class^=cartnew-] {
    background-image: url(../images/cart-mobile-1.png);background-repeat: no-repeat;display: inline-block;
    height: 30px;width: 30px;line-height: 30px;vertical-align: middle;background-size: 133px 305px;
}
.cartnew-select {background-position: -80px 0;width: 17px;height: 16px;}
.anotheroption ul li i {display: inline-block;vertical-align: middle;margin: 0 4px 2px 0;}
.anotheroption li label.active i, .deli-address .latch-order label span.active i.cartnew-select {
    background-position: -101px 0;
}

/*----- List Cart -----*/
.listing-cart {display: flex;flex-flow: column wrap;}
.listing-cart .listing-cart-item {
    display: block;padding: 10px 30px;width: 100%;box-sizing: border-box;
    border-bottom: 1px solid #d1d1d1;
}
.listing-cart .listing-cart-item:not(:first-child) {border-top: 1px solid #e1e1e1;}
.listing-cart .listing-cart-item .lci-picture {float: left;width: 15%;}
.listing-cart .lci-picture a, .listing-cart .lci-picture a img {display: block;overflow: hidden;}
.listing-cart .lci-picture a img {width: 100%; border-radius: 5px; border: 1px solid #bfbfbf;}
.listing-cart .lci-picture button {
    display: block;overflow: hidden;margin: 5px auto 0;border: 0;background: #fff;color: #999;font-size: 12px;
    cursor: pointer;
}
.listing-cart .lci-picture button span {
    float: left;background: #ccc;border-radius: 50%;width: 12px;height: 12px;position: relative;margin: 2px 3px 0 0;
}
.listing-cart .lci-picture button span:after, .listing-cart .lci-picture button span:before {
    content: "";width: 2px;height: 8px;background: #fff;position: absolute;transform: rotate(45deg);top: 2px;left: 5px;
}
.listing-cart .lci-picture button span:after {transform: rotate(-45deg);}
.listing-cart .lci-picture button:hover{color: #d30000;}
.listing-cart .lci-picture button:hover span{background-color: #d30000;}
.listing-cart .listing-cart-item .lci-name {float: left; width: 50%;}
.listing-cart .listing-cart-item .lci-name a {font-size: 14px;color: #333; display: block; padding: 10px 0 0 10px;}
.listing-cart .listing-cart-item .lci-name a:hover{color: #d30000;}
.listing-cart .listing-cart-item .lci-name span {float: right;color: #d30000;font-size: 14px;text-align: right;margin-bottom: 2px; display: block;}
.listing-cart .listing-cart-item .lci-name span strike {display: block;overflow: hidden;color: #000;}
.listing-cart .listing-cart-item .lci-price-quantity{float: right; width: 35%; text-align: right;}
.lci-price{margin-bottom: 5px;}
.lci-price span{display: block; color: #d30000;}
.lci-price span.lci-price-old{color: #333; text-decoration: line-through;}
.listing-cart .lci-promotion {display: block;overflow: hidden; padding-top: 10px;}
.listing-cart .lci-promotion p{margin: 0 0 5px 0;}
.listing-cart .lci-promotion p:last-child{margin: 0;}
.listing-cart .lci-promotion small {display: none;overflow: hidden;font-size: 12px;color: #666;padding: 6px 0 0 10px;}
.listing-cart .lci-promotion small.active {display: block;}
.listing-cart .lci-promotion small:before {
    content: "\2022";color: #ccc;display: inline-block;vertical-align: middle;margin: 0 3px 0 -7px; font-size: 20px;
}
.promotionName a {overflow: hidden;color: #d30000;padding: 5px 0 0;}
.listing-cart .lci-promotion label {display: block;overflow: hidden;color: #d30000;font-size: 12px;padding: 8px 0 0;cursor: pointer;}
.listing-cart .lci-promotion label:after {
    content: "";display: inline-block;vertical-align: middle;margin-left: 5px;
    border-top: 6px solid #d30000;border-right: 6px solid transparent;border-left: 6px solid transparent;
}
.listing-cart .lci-promotion label.active:after {transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.listing-cart .choose-color {display: flex;justify-content: space-between;align-items: center;width: 100%;position: relative;}
.listing-cart .product-size-and-color-selection {display: flex;flex-direction: row;width: 75%;}
.listing-cart .choose-color aside>span {float: left;color: #666;font-size: 12px;padding: 6px 0 0;margin-right: 30px;}
.listing-cart .choose-color label {float: left;color: #d30000;font-size: 12px;padding: 6px 0 0;cursor: pointer;margin-right: 30px;}
.listing-cart .choose-color label:after {
    content: "";display: inline-block;vertical-align: middle;margin-left: 5px;
    border-top: 6px solid #d30000;border-right: 6px solid transparent;border-left: 6px solid transparent;
}
.listing-cart .choose-color .sg-color {
    position: absolute;top: 30px;left: -35px;width: 210px;padding: 0 10px;background: #fff;
    border: 1px solid #d8d8d8;z-index: 1;border-radius: 4px;box-sizing: border-box;box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
}
.listing-cart .choose-color .sg-color:before {
    content: "";width: 10px;height: 10px;background: #fff;border-top: 1px solid #d8d8d8;border-right: 1px solid #d8d8d8;
    transform: rotate(-45deg);position: absolute;display: block;top: -6px;left: 70px;
}
.listing-cart .choose-color .sg-color.active {display: block;}
.listing-cart .choose-color .sg-color:before {
    content: "";width: 10px;height: 10px;background: #fff;border-top: 1px solid #d8d8d8;border-right: 1px solid #d8d8d8;
    transform: rotate(-45deg);position: absolute;display: block;top: -6px;left: 70px;
}
.listing-cart .choose-color .sg-color .select-color {
    display: block;overflow: hidden;padding: 5px 0;border-bottom: 1px solid #ddd;cursor: pointer;
}
.listing-cart .choose-color .sg-color .select-color:last-child {border-bottom: 0;}
.listing-cart .choose-color .select-color img {display: inline-block;vertical-align: middle;width: 30px;}
.listing-cart .choose-color .select-color small {
    display: inline-block;vertical-align: middle;font-size: 14px;color: #d30000;margin-left: 8px;
}
.choose-number {
    float: right;overflow: hidden;position: relative;width: 100px;border: 1px solid #dfdfdf;
    background: #fff;border-radius: 3px;line-height: 30px;font-size: 14px;color: #333;
}
.choose-number .minus {
    float: left;border-right: 1px solid #dfdfdf;background: #fff;width: 32%;height: 30px;
    position: relative;
    /*pointer-events: none;*/
    cursor: pointer;
}
.choose-number .minus i {width: 12px;height: 2px;background: #ccc;display: block;margin: 14px auto;}
.choose-number .number {font-size: 14px;color: #333;float: left;width: 33%;height: 30px;text-align: center;}
.choose-number .plus {
    float: right;border-left: 1px solid #dfdfdf;background: #fff;width: 32%;height: 30px;position: relative;
    cursor: pointer;
}
.choose-number .plus i:first-child {width: 12px;height: 2px;background: #d30000;display: block;margin: 14px auto;}
.choose-number .plus i:nth-child(2) {
    width: 2px;height: 12px;background: #d30000;display: block;
    margin: 0 auto;position: absolute;top: 9px;left: 0;right: 0;
}
.choose-number i:hover, .choose-number .plus i:first-child, .choose-number .plus i:nth-child(2){
    background-color: rgb(204, 204, 204);
}
.choose-number .minus:hover i{background-color: rgb(40, 138, 214); cursor: pointer;}
.choose-number .plus:hover i{background-color: rgb(40, 138, 214); cursor: pointer;}
.total-provisional {display: block;overflow: hidden;padding: 10px 30px;}
.total-provisional>span {float: left;color: #333;}
.total-provisional>span:nth-child(2) {float: right; font-weight: bold;color: #d30000;font-size: 20px;}

.cart-loader .loader {
    border: 5px solid #f3f3f3;border-top: 5px solid #f99d9a;border-radius: 50%;
    width: 100px;height: 100px;animation: spin 2s linear infinite;position: relative;left: 40%;
}
.v-enter-active, .v-leave-active {transition: opacity 0.5s ease;}
.v-enter-from, .v-leave-to {opacity: 0;}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*----- Infor Customer -----*/
.infor-customer {display: block;overflow: hidden;border-top: 1px solid #d1d1d1;padding: 15px 30px 0 30px;}
.infor-customer h4, .choosegetgoods h4{font-family: RobotoBold;font-size: 15px;text-transform: uppercase;color: #000; margin: 0;}
.infor-customer .infor {padding: 10px 0;}
.infor-customer .infor span {vertical-align: middle;color: #000;margin-right: 10px;}
.infor-customer .infor span:nth-child(2) {color: #d30000;cursor: pointer;}

.form-customer{padding: 10px 0;}
.form-customer .sex-customer {display: block;overflow: hidden;}
.form-customer .sex-customer span {display: inline-block;vertical-align: middle;font-size: 14px;color: #333;margin-right: 15px;cursor: pointer;}
.form-customer .sex-customer span i {display: inline-block;vertical-align: top;margin: 2px 2px 0 0;}
.form-customer .sex-customer span.active i {background-position: 0 0;}
.form-customer .fillinform {display: block;overflow: hidden;padding: 10px 0;}
.form-customer .fillinform .fillname {float: left;width: 49%;margin: 0 1% 0 0;}
.form-customer .fillinform .fillname:nth-child(2) {float: right;margin-right: 0;}
.form-customer .fillinform .fillname input {
    display: block;overflow: hidden;border: 1px solid #d1d1d1;border-radius: 4px;padding: 10px;
    color: #333;box-sizing: border-box;width: 100%;
}

/*----- Choose get goods -----*/
.choosegetgoods{padding: 15px 30px;}
.choose-address{border: 1px solid #e1e1e1; background-color: #f6f6f6; padding: 20px 15px;}
.choose-address h4{font-family: RobotoRegular;font-size: 15px; text-transform: uppercase;}
.text-address__selection {cursor: pointer;}
/*.choosegetgoods .text-address .text-address__selection {display: none;}*/
.choosegetgoods .text-address .text-address__selection.visible {display: block; margin-bottom: 5px;}
.choosegetgoods .text-address span {
    display: -webkit-box;color: #333;margin-bottom: 5px;line-height: 20px; font-size: 14px;
    -webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;
}
.choosegetgoods .text-address i.active {background-position: 0 0!important;}
.choosegetgoods .text-address i:not(.active) {background-position: -19px 0!important;}
.choosegetgoods .text-address i {float: left;margin: 3px 4px 0 0;background-position: 0 0;}
.color-orange {display: inline !important;color: #f76b1c !important;font-size: 12px !important;}
.text-address__other-addresses {display: inline-block;}
.text-address small, .form-address small{
    display: inline-block;overflow: hidden;color: #d30000;font-size: 14px;cursor: pointer;margin-right: 10px;
}
.text-address small.see-more::after {
    content: "";display: inline-block;vertical-align: middle;margin-left: 5px;
    border-top: 6px solid #d30000;border-right: 6px solid transparent;border-left: 6px solid transparent;
}
.text-address small.or-text{color: #000;}
.form-address > div{margin-bottom: 10px;}
.form-address > div:last-child{margin-bottom: 0;}

/*----- Another Option -----*/
.anotheroption {display: block;border-bottom: 1px solid #d1d1d1;padding: 20px 30px;}
.anotheroption input {
    display: block;overflow: hidden;border: 1px solid #d1d1d1;border-radius: 4px;
    padding: 10px;width: 100%;box-sizing: border-box;margin-bottom: 7px;
}
.anotheroption input:focus, .area-total .discountcode .applycode input:focus{border:1px solid #d30000;box-shadow:0 0 4px #d30000}
.anotheroption ul li {padding: 10px 0 0;}
.anotheroption ul li label {display: block;overflow: hidden;color: #333;cursor: pointer;}
.anotheroption li .infouser.active {display: block;}
.anotheroption li form {
    border: 1px solid #d30000;padding: 10px 10px 3px;border-radius: 4px;background: #f6f6f6;margin: 10px 0 0;
    position: relative;
}
.anotheroption li form:before {
    content: "";width: 8px;height: 8px;position: absolute;top: -5px;left: 50px;
    border-top: 1px solid #d30000;border-left: 1px solid #d30000;
    background: #f6f6f6;transform: rotate(45deg);
}
.anotheroption li form .cough {display: block;overflow: hidden;padding: 0 0 10px;}
.anotheroption form .cough span {display: inline-block;vertical-align: middle;margin-right: 15px;cursor: pointer;}
.anotheroption ul li i {display: inline-block;vertical-align: middle;margin: 0 4px 2px 0;}
.anotheroption form span.active i {background-position: 0 0;}
.cartnew-choose {background-position: -19px 0;width: 14px;height: 14px;}

/*----- Final Total -----*/
.finaltotal {display: block;overflow: visible;padding: 20px 30px;position: relative;}
.area-total, .area-total .discountcode {display: block;overflow: visible;}
.area-total .discountcode {margin-bottom: 20px;position: relative;}
.area-total .discountcode .usecode {
    position: relative;padding: 10px;cursor: pointer;width: calc(50% - 5px);border-radius: 4px;float: left;
    text-align: left;border: 1px solid #e0e0e0;display: flex;align-items: center;height: auto;
}
.area-total .discountcode .usecode.singlebox {width: auto;min-height: auto;}
.area-total .discountcode .usecode.coupon-code {margin-right: 10px;}
.area-total .discountcode .usecode.coupon-code.active:before {
    content: "";width: 10px;height: 10px;border-top: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;
    background: #f1f1f1;transform: rotate(-45deg);display: block;position: absolute;bottom: -18px;left: 85px;
}
.area-total .discountcode .usecode .usecode__icon {
    display: flex;justify-content: center;width: 23px;flex-direction: row-reverse;
}
.cartnew-discount {background-position: 0 -158px;width: 18px;height: 13px;}
.area-total .discountcode .usecode.singlebox .usecode__title {margin-right: 25px;}
.area-total .discountcode .usecode span {
    display: inline-block;vertical-align: middle;overflow: hidden;font-size: 14px;margin-left: 10px;text-align: left;
}
.area-total .discountcode .usecode.coupon-code.active:after {transform: rotate(180deg);}
.area-total .discountcode .usecode.coupon-code:after {
    content: "";border-top: 6px solid #000;border-right: 6px solid transparent;border-left: 6px solid transparent;
    display: inline-block;vertical-align: middle;margin: 0 auto;position: absolute;right: 10px;
}
div.clr {clear: both;}
.area-total .discountcode .applycode{display: none;overflow: hidden;background: #f1f1f1;padding: 12px;}
.area-total .discountcode .applycode.active{display: inline-block;margin: 10px 0 0;padding: 10px;width: 100%;overflow: visible;}
.area-total .discountcode .applycode input {
    float: left;width: 74%;border: 1px solid #c6c6c6;border-radius: 4px;padding: 10px;text-indent: 5px;color: #666;
}
.area-total .discountcode .applycode button {
    float: right;width: 20%;border: 1px solid #288ad6;background: #288ad6;color: #fff;text-align: center;
    padding: 10px;border-radius: 4px;cursor: pointer;
}
.area-total .discountcode .applycode button.disabled {border: 1px solid #bdbdbd;background: #bdbdbd;color: #fff;}
.disabled {pointer-events: none !important;}
.area-total .line-break {border-top: 1px solid #d1d1d1;position: absolute;width: calc(100% + 60px);left: -30px;bottom: -20px;}
.area-total .total-price {display: block;overflow: hidden;padding: 10px 0 10px;width: 100%;}
.area-total .total-price strong {float: left;color: #333;}
.area-total .total-price strong:nth-child(2) {float: right;color: #f30c28;}
.finaltotal button.submitorder {
    display: block;overflow: hidden;color: #fff;text-align: center;height: 50px;margin: 10px auto;width: 100%;
    border-radius: 4px;border: 0;cursor: pointer;background-color: #d30000;
}
.finaltotal small, .notsupport, .notsupport span {display: block;overflow: hidden;}
.finaltotal small {color: #666;font-size: 12px;text-align: center;}
.footCart {display: block;overflow: hidden;color: #999;font-size: 11px;text-align: center;padding: 20px 0 40px 0;}
.footCart span {cursor: pointer;}

/*----- Order Success -----*/
.cart-success{
    display: block;background: #fff;box-shadow: 0 0 18px rgb(0 0 0 / 12%);border-radius: 2px; padding: 25px 30px;
    margin-bottom: 50px;
}
.cart-success h1{
    font-family: RobotoBold; font-size: 20px; line-height: 22px; color: #d30000; text-transform: uppercase;
    padding-bottom: 20px; border-bottom: 1px solid #dfdfdf; text-align: center; margin: 0;
}
.cart-success > p{font-family: RobotoRegular; font-size: 15px; color: #000; padding: 20px 0; margin: 0;}
.cart-success-info{padding: 20px; background-color: #f3f3f3;}
.cart-no-manager{font-family: RobotoRegular; font-size: 15px; color: #000; margin-bottom: 15px;}
.cart-no{float: left;}
.cart-manager{float: right;}
.cart-manager a{color: #d30000;}
.cart-detail li{margin-bottom: 10px;}
.cart-detail li:last-child{margin-bottom: 0;}
.cart-detail li i{font-size: 12px;}
.cart-detail li b:before {content: "\2022";color: #000;display: inline-block;vertical-align: middle;margin: -2px 5px 0 0;font-size: 20px;}
.cart-detail li span{color: #d30000; font-family: RobotoBold;}
.cart-button{text-align: right; margin-top: 20px;}

/*===== PRODUCT ======*/
.top-banner {background-color: #fff;}
.top-banner section {display: flex;}
.slider-bannertop {max-width: 800px;max-height: 205px;overflow: hidden;}
.slider-bannertop .owl-dots {bottom: 2px;left: 50%;position: absolute;transform: translateX(-50%);}
.promote-banner {max-height: 210px; padding-left: 10px; width: 33.3%;}
.promote-banner a img {max-height: 95px;width: 100%;object-fit: fill;}
.promote-item {margin-bottom: 10px; display: block;}
.promote-item:last-child{margin-bottom: 0;}

/*----- Box Quick Filter -----*/
.bg-quickfilter {width: 100%;background: #fff;position: relative;}
.quickfilter {display: flex; flex-flow: wrap; padding-top: 20px; max-width: 1200px; margin: 0 auto;}
.quickfilter a {cursor: pointer;margin: 0 6px 10px;width: 100px;}
.quickfilter img {
    align-items: center;background-color: #f4f4f4;border-radius: 50%;display: flex;justify-content: center;
    height: 60px;margin: 0 auto;width: 60px;
}
.quickfilter span {
    font-size: 13px;line-height: 17px;max-width: 96px;margin: 5px auto 0;text-align: center;color: #333;display: block;
}
.quickfilter a.active span, .quickfilter a:hover span{color:#d30000;}
.quickfilter a.active img, .quickfilter a:hover img{border:1px solid #d30000;}

/*----- Box Filter -----*/
.box-filter {position: relative;font-size: 0;padding-top: 10px;}
.box-filter section {max-width: 1200px;width: 100%;min-width: 980px;position: relative;}
.jsfix.fixed {
    background-color: #fff;box-shadow: 0 4px 8px rgb(0 0 0 / 15%);max-width: 100%;margin: 0 auto;
    top: 0;width: 100%;left: 0;right: 0;z-index: 9;position: fixed !important;
}
.fixed .box-filter {
    max-width: 1200px;display: block;margin: 0 auto;position: unset;-ms-overflow-style: none;scrollbar-width: none;
    /* white-space: nowrap; */
}
.scroll-btn {position: absolute;width: 1200px;z-index: 10;display: none;}
.filter-item, .filter-total {display: inline-block;font-size: 14px;line-height: 17px;margin-right: 8px;position: relative;padding-bottom: 10px;}
.filter-item__title {background-color: #fff;border: 1px solid #e0e0e0;border-radius: 4px;cursor: pointer;padding: 8px 10px;}
.filter-item__title.checked, .filter-item__title:hover{border: 1px solid #d30000;}
.filter-total i {margin-right: 5px;}
.icon-filter {background-image: url("../images/icons/icon-filter.gif"); height: 14px;width: 11px;}
.filter-total .number {
    background-color: #d30000;border-radius: 50%;color: #fff; font-size: 10px; height: 16px;
    line-height: 16px; position: absolute; top: -8px; text-align: center; right: 5px; width: 16px; display: none;
}
.count-total {display: none;}
.filter-item__title span {padding-right: 12px;position: relative;}
.filter-item__title span::before {
    border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #333;
    content: '';height: 0;position: absolute;top: 6px;right: 0;width: 0;
}
.filter-item__title.showing .arrow-filter {width: 27px;height: 14px;top: 30px;left: 25px;position: absolute;overflow: hidden;}
.filter-item__title.showing .arrow-filter::before {
    content: "";position: absolute;width: 27px;height: 27px;background: #fff;transform: rotate(45deg);
    top: 10px;left: 0;box-shadow: -2px -2px 5px -4px;
}
.filter-show {
    display: none;background-color: #fff;box-shadow: 0 2px 20px rgb(0 0 0 / 50%);border-radius: 4px;
    max-width: 600px;min-width: 382px;left: 0;position: absolute;padding: 10px;top: 45px;width: max-content;
    white-space: normal;z-index: 3;
}
.filter-show--right {left: auto;right: 0;}
.filter-show.show-total {overflow-y: auto;padding: 0;width: 900px;max-width: 900px;max-height: 80vh;}
.block-manu .filter-show.has-scroll {width: 564px;}
.block-manu .filter-show {width: 547px;}
.filter-list {display: flex;flex-wrap: wrap;}
.filter-list--hang {margin: 0 -4px;max-height: 23vh;overflow: hidden;overflow-y: auto;}
.filter-button {
    background-color: #fff;box-shadow: 0 -4px 8px rgb(0 0 0 / 5%);font-size: 0;
    margin: 8px -10px 0;padding: 8px 10px;text-align: center;display: none;
}
.filter-show.show-total .filter-button {bottom: 0;margin: 0;position: sticky;width: 100%;z-index: 2;}
.btn-filter-close, .btn-filter-readmore {
    border-radius: 4px;display: inline-block;font-size: 14px;line-height: 16px;margin: 0 5px;padding: 10px 0;
    text-align: center;width: 170px;position: relative;
}
.btn-filter-close {border: 1px solid #dd1c1a;color: #dd1c1a;}
.btn-filter-readmore{background-color: #d30000; color: #fff;}
.btn-filter-readmore:hover{background-color: #333; color: #fff;}
.c-btnbox {
    align-items: center;border: 1px solid #e0e0e0;border-radius: 4px;color: #333;padding: 8px 9px;
    display: flex;font-size: 14px;justify-content: center;line-height: 17px;margin-bottom: 6px;margin-right: 6px;
}
.filter-list.brand .c-btnbox{height: 36px;margin: 0 4px 10px;padding: 0;width: 99px;}
.c-btnbox.check{border: 1px solid #d30000;}
.c-btnbox img {display: flex;width: auto;max-height: 25px;max-width: 98%;object-fit: contain;justify-content: center;}

.list-filter-active {padding: 10px 90px 0 20px;margin-top: 10px;display: none;}
.list-filter-active>span {font-weight: bold;margin-right: 5px;}
.list-filter-active div {display: inline;}
.list-filter-active a:not(.clr-filter) {
    padding: 10px;margin-right: 7px;margin-bottom: 7px;color: #333;
    border: 1px solid #666;border-radius: 4px;display: inline-flex;align-items: center;justify-content: center;max-height: 30px;
}
.list-filter-active a:not(.clr-filter):hover{border: 1px solid #d30000; color: #d30000;}
.list-filter-active a span {margin-right: 7px;font-size: 13px;}
.filter-total i {margin-right: 5px;}
.list-filter-active a.clr-filter {display: none;align-items: center;justify-content: center; color: #d30000;}
.list-filter-active a.clr-filter:hover{text-decoration: underline;}
.show-total-main {display: flex;flex-wrap: wrap;height: auto;padding: 15px 0 10px;}
.close-popup-total {
    position: absolute;top: 5px;right: 5px;background-color: #fff;border: 1px solid #e0e0e0;border-radius: 4px;
    cursor: pointer;padding: 8px 10px;color: #000;display: flex;align-items: center;justify-content: center;
}
.show-total .show-total-item.warpper-manu-inside {width: 100%;clear: both;max-width: unset;}
.show-total .show-total-item {width: auto;float: left;min-width: 33%; max-width: 33%;}
.show-total-item {padding: 10px 20px;}
.show-total-txt {font-size: 14px;font-weight: bold;line-height: 18px;margin-bottom: 5px;}
.warpper-manu-inside .filter-list--hang, .cate-7264 .warpper-manu-inside .filter-list--hang {
    max-height: unset;overflow: unset;overflow-y: unset;padding-bottom: 0;
}
.clearfix {display: block;}
.clearfix:after {content: "";display: block;clear: both;}
.filter-border {border-top: 1px solid #e0e0e0;width: 100%;}

/*----- Box Filter Brand -----*/
.box-quicklink {display: flex;flex-wrap: wrap;}
.lst-quickfilter.q-manu {width: 100%;}
.lst-quickfilter {display: flex;flex-wrap: wrap;}
.box-quicklink__item {
    align-items: center;border: 1px solid #e0e0e0;border-radius: 4px;color: #333;display: flex;font-size: 14px;
    line-height: 13px;margin-right: 8px;margin-bottom: 10px;min-height: 36px;max-height: 36px;padding: 6px 13px;vertical-align: top;
}
.box-quicklink__item.bd-radius {border-radius: 52px;}
.box-quicklink__item:hover, .box-quicklink__item.check{border: 1px solid #d30000;}
.box-quicklink__item img {vertical-align: middle;width: auto;height: 20px;margin-right: 5px;}
.box-quicklink__item img.no-text {margin-right: 0;}
p.quick-filter-title {display: block;width: 100%;font-size: 14px;margin: 0 0 10px 2px;}

/*----- Box Products -----*/
.box-products{margin-top: 35px;}
.bp-title{
    background: url(../images/bg_page_title_h1.gif) bottom left repeat-x; margin-bottom: 30px; padding-bottom: 10px;
}
.bp-title h2{
    float: left; margin: 0;
    font-family: RobotoBold; font-size: 28px; line-height: 28px; color: #d30000; text-transform: uppercase;
}
.sort-total{float: left;font-size: 15px;padding-top: 5px;margin-right: 20px;}
.bp-sort{float: left;font-size: 14px;line-height: 25px;font-weight: bold;margin-right: 15px;}
.sort-select {float: right;position: relative;}
.sort-select .click-sort {
    border: 1px solid #e0e0e0;border-radius: 4px;cursor: pointer;font-size: 12px;line-height: 12px;
    padding: 6px 10px 6px 8px; margin: 0;
}
.sort-select .sort-show {padding-right: 12px;position: relative; display: inline-block;}
.sort-select .sort-show::before {
    border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #333;
    content: '';height: 0;position: absolute;top: 6px;right: 0;width: 0;
}
.sort-select-main {
    background-color: #fff;border-radius: 4px;box-shadow: 0 4px 6px rgb(0 0 0 / 20%);display: none;
    position: absolute;padding: 0 7px;top: 30px;right: 0;width: 160px;z-index: 2;
}
.sort-select-main p {border-bottom: 1px solid #f1f1f1; margin-bottom: 0;}
.sort a {color: #000;font-size: 14px;line-height: 17px;padding: 11px 3px;display: block;}
.sort a.check i {
    box-sizing: border-box;position: relative;display: inline-block;transform: scale(var(--ggs,1));
    width: 22px;height: 16px;border: 2px solid transparent;border-radius: 100px;vertical-align: middle;
}
.view-more {display: block;clear: both;width: 100%; text-align: center;}
.view-more a{
    display: inline-block;overflow: hidden;position: relative;font-size: 14px;color: #333;padding: 10px 20px;
    text-align: center;border-radius: 4px;margin: 30px auto; background-color: #fff;border: 1px solid #e0e0e0;
}
.view-more a::after {
    border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #333;
    content: '';position: relative;right: -5px;top: 11px;
}
.view-more a:hover{background-color: #d30000; color: #fff;}
.view-more a:hover::after{border-top: 5px solid #fff;}
.item-ss {color: #d30000;font-size: 12px;line-height: 16px;margin-top: 7px; cursor: pointer; display: inline-block;}
.view-more-icon{
    display: inline-block;overflow: hidden;font-size: 14px;color: #d30000;padding: 10px 20px;
    text-align: center;border-radius: 4px;margin: 30px auto; background-color: #fff;border: 1px solid #d30000;
    min-width: 200px;
}

/*---------- Product Detail ----------*/
.pp-title{background: url("../images/bg_page_title_h1.gif") bottom left repeat-x;}
.ppt-left{float: left;}
.ppt-left h1{
    font-family: RobotoBold;  color: #d30000; text-transform: uppercase; margin: 0; font-size: 28px;
    display: inline-block; line-height: 35px;
}
.ppt-left h1 span{
    display: inline-block; padding-bottom: 12px;
    background: url("../images/bg_page_title_h1_span.gif") bottom left no-repeat;
}
.ppt-left .pt-compare{
    display: inline-block; padding-left: 35px; font-family: RobotoRegular; font-size: 14px;
    color: #d30000; cursor: pointer;
}
.ppt-left .pt-compare i{color: #d30000;}
.ppt-right{float: right;}
.box_main {overflow: hidden; clear: both;}
.box_left {width: calc(100% - 490px);float: left;}
.total-slider{display: flex;justify-content: center;margin: 10px 0 15px;}
.read-full {color: #d30000;display: inline-block;margin-right: 10px;}
.counter {line-height: 17px;display: inline-block;vertical-align: middle;margin-left: 5px;}
.box-gallery-control {position: relative; text-align: center;}
.box-gallery-control .item {cursor: pointer;display: inline-block;margin-right: 10px;text-align: center;vertical-align: top;width: 55px;}
.box-gallery-control .item:last-child {margin-right: 0;}
.box-gallery-control .item-border {
    align-items: center;border: 1px solid #e0e0e0;border-radius: 2px;display: flex;justify-content: center;
    min-height: 55px;padding: 4px;
}
.box-gallery-control .item-border {height: 52px !important;}
.box-gallery-control .item.active .item-border {border-color: #d30000;}
.box-gallery-control .item img {max-width: 100%;height: auto;}
.box-gallery-control .item p {font-size: 12px;line-height: 1.3;margin-top: 5px;white-space: normal; margin-bottom: 0;}
.item-border .icon-feature{background: url("../images/icons/icon-feature.png") center no-repeat; width: 26px; height: 30px;}
.item-border .icon-specifications{background: url("../images/icons/icon-specifications.png") center no-repeat; width: 29px; height: 35px;}
.item-border .icon-information{background: url("../images/icons/icon-information.png") center no-repeat; width: 28px; height: 25px;}
.box-policy {margin-top: 20px;padding: 12px 0;}
.box-policy ul {display: flex;flex-wrap: wrap;}
.box-policy ul>li {position: relative;width: 50%;display: inline-block; padding: 10px 0 10px 65px;}
.box-policy>li:nth-child(2n+1) {padding-right: 20px;}
.box-policy li>div.icon {position: absolute; left: 0; top: 8px; padding: 10px; border-radius: 50%; border: 1px solid #d30000;}
.box-policy li>div.icon i{width: 30px; height: 30px;}
.box-policy .icon-best-price{background: url("../images/icons/icon-best-price.png") center no-repeat;}
.box-policy .icon-return{background: url("../images/icons/icon-return.png") center no-repeat;}
.box-policy .icon-warranty{background: url("../images/icons/icon-warranty.png") center no-repeat;}
.box-policy .icon-delivery{background: url("../images/icons/icon-delivery.png") center no-repeat;}
.box-policy ul>li h3{font-family: RobotoMedium; font-size: 14px; color: #d30000; margin-bottom: 10px; text-transform: uppercase;}
.box-policy ul>li p{font-family: RobotoRegular; font-size: 13px; color: #000; margin: 0;}
.box-desc{margin-bottom: 35px;}
.box-desc img{max-width: 100% !important; height: auto !important;}
.box-desc-image{margin-bottom: 35px;}
.box-desc table{max-width: 100% !important;}
.box-desc h2{
    font-family: RobotoBold; font-size: 17px; color: #000; text-transform: uppercase;
    padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #cccccc; line-height: 20px;
}
.box-desc .short *{font-family: "Times New Roman" !important; line-height: 2 !important;}
.box-desc .short ul{list-style: disc !important; padding-left: 40px;}
.box-desc p{margin-bottom: 0; text-align: justify;}
.box-desc .view-more {
    border: 1px solid #d30000;border-radius: 5px;color: #d30000;display: block;margin: 0 auto;max-width: 340px;
    padding: 10px 5px;text-align: center; margin-top: 20px;
}
.box-desc .view-more:hover{border: 1px solid #000; color: #000; cursor: pointer;}
.box-desc .view-more span{position: relative;}
.box-desc .view-more.hide span::before {
    border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #d30000;
    content: '';position: absolute;top: 3px;right: -15px;
}
.box-desc .view-more.hide:hover span::before{border-top: 5px solid #000;}
.box-desc .view-more.show span::before {
    border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #d30000;
    content: '';position: absolute;top: 3px;right: -15px;
}
.box-desc .view-more.show:hover span::before{border-bottom: 5px solid #d30000;}

.box-desc-article{position: relative;}
.box-desc-article .bda-content {overflow: hidden; /*height: 450px; transition: .3s; */}
.box-desc-article .bda-bg {
    background: linear-gradient(to bottom,rgba(255 255 255/0),rgba(255 255 255/62.5),rgba(255 255 255/1));
    bottom: 40px;height: 105px;left: 0;position: absolute;width: 100%;
}

.box-review{padding: 30px; border: 1px solid #ccc; border-radius: 5px;}
.box-review h3{font-family: RobotoBold; font-size: 22px; color: #000; margin-bottom: 20px; line-height: 22px;}
.box-review-form{text-align: center;}
.box-review-star{font-size: 20px; font-family: RobotoRegular; cursor: pointer; text-align: left; margin-bottom: 15px;}
.box-review-star i:hover,.box-review-star i.checked{color: #d30000;}
.box-review-form .row{margin-right: -5px;margin-left: -5px;}
.box-review-form .col-md-4{padding-right: 5px; padding-left: 5px;}
.box-review-form .review-send{
    display: inline-block; background-color: #d30000; color: #fff; border: none;
    padding: 10px 20px;border-radius: 5px; margin-top: 15px; min-width: 200px;
}
.box-review-form .review-send .spinner-border{width: 1rem;height: 1rem;}
.review-error{text-align: left; font-size: 11px; color: #d30000;}
#box-review-message .alert{margin-bottom: 0;}

.box-review-result{padding: 20px;border: 1px solid #bfbfbf;border-radius: 5px;margin-bottom: 20px;}
.box-review-result .rating-top{align-items: center;display: flex;margin-bottom: 15px;margin-top: -10px;}
.box-review-result .rating-top .point {color: #d30000;font-weight: bold;font-size: 22px;line-height: 27px;margin-top: 2px;}
.box-review-result .rating-top .list-star {margin: 0 8px;}
.box-review-result .rating-top .list-star i.checked{color: #d30000;}
.box-review-result .rating-top .rating-total {color: #333;font-size: 14px;line-height: 17px;margin-top: 4px;}
.rating-list li {align-items: center;display: flex;margin-bottom: 7px;}
.rating-list .number-star {font-size: 14px;line-height: 14px;text-align: left;width: 30px;}
.rating-list .timeline-star {background-color: #eee;height: 4px;position: relative;width: calc(100% - 60px);}
.rating-list .timing {margin: 0;background-color: #fe8c23;left: 0;height: 4px;position: absolute;top: 0;}
.rating-list .number-percent {
    color: #2f80ed;font-size: 12px;font-weight: bold;line-height: 15px;
    padding-left: 10px;text-align: left;width: 35px;cursor: pointer;
}
.rating-list .number-percent.dsp {color: #666;}

.box_right {width: 460px;float: right;margin-left: 30px;}
.box-color{margin-bottom: 24px;}
.box-color a{
    display: inline-block; margin-right: 10px; padding: 10px 15px; border: 1px solid #ccc;
    font-family: RobotoRegular; font-size: 14px; color: #000; border-radius: 5px;
}
.box-color a:last-child{margin-right: 0;}
.box-color a.active, .box-color a:hover{border: 1px solid #d30000; color: #d30000;}
.box-price{margin-bottom: 20px;}
.price-location{line-height: 16px; margin-bottom: 10px;}
.price-location a {color: #d30000;position: relative;padding-right: 20px;}
.price-location a::before {
    border-bottom: 1px solid #d30000;border-right: 1px solid #d30000;content: '';height: 8px;transform: rotate(45deg);
    position: absolute;top: 2px;right: 5px;width: 8px;
}
.price-unit{font-family: RobotoBold; font-size: 20px; line-height: 20px; color: #d30000;}
.price-unit-old{font-family: RobotoRegular; font-size: 16px; color: #000; text-decoration: line-through;}
.box-promo {border: 1px solid #e0e0e0;border-radius: 4px;margin-bottom: 20px;}
.box-promo .promo-top{background-color: #f6f6f6;border-bottom: 1px solid #e0e0e0;padding: 15px;}
.prt-title{font-family: RobotoBold; font-size: 14px; color: #000; margin-bottom: 5px;}
.prt-desc{font-family: RobotoRegular; font-size: 13px; color: #000;}
.promo-content{padding: 20px;}
.promo-content .pr-item {padding: 15px;}
.promo-content .pr-item .divb {margin-bottom: 10px;}
.promo-content .pr-item .divb:last-child {margin-bottom: 0;}
.divb .nb {
    background-color: #d30000;border-radius: 50%;color: #fff;display: inline-block;font-size: 11px;
    float: left;height: 16px;line-height: 16px;margin-top: 2px;text-align: center;width: 16px;
}
.divb-right {padding-left: 26px;}
.divb-right p{margin-bottom: 0}
.divb-right p a{color: #d30000}
.divb-right p a:hover{text-decoration: underline;}
.box-store{padding-bottom: 14px; margin-bottom: 15px; border-bottom: 1px solid #ccc;}
.box-store strong{display: block; margin-bottom: 10px; font-family: RobotoBold; font-size: 15px; color: #d30000; text-transform: uppercase;}
.box-store a{
    background: url("../images/icons/icon-stores.png") left no-repeat; padding-left: 25px;
    font-family: RobotoBold; font-size: 14px; color: #000;
}
.box-store a:hover{cursor: pointer; color: #d30000;}
.box-button{margin-bottom: 20px;}
.box-button a{
    display: block; text-transform: uppercase; border-radius: 4px;color: #fff;
    font-family: RobotoRegular; font-size: 15px;padding: 14px 10px;text-align: center;
}
.box-button a.btn-buynow{background-color: #d30000;margin-bottom: 10px; padding: 20px 10px;}
.box-button a.btn-ins {background-color: #171717;}
.box-button a.btn-ins span {display: block;font-size: 12px;line-height: 14px;margin-top: 2px;}
.box-specification{}
.box-specification h2{font-family: RobotoBold; font-size: 22px; line-height: 25px; color: #000; margin-bottom: 15px;}
.box-specification ul, .box-specification table{margin-bottom: 15px; width: 100%;}
.box-specification ul li{align-items: flex-start;display: flex;padding: 10px;}
.box-specification td{padding: 10px;}
.box-specification ul li:nth-child(odd), .box-specification table tr:nth-child(odd) td{background-color: #eaeaea;}
.box-specification .lileft {width: 140px; margin-bottom: 0;}
.box-specification .liright {padding: 0 5px 0 25px !important;width: calc(100% - 140px);}

.box-specification .view-more {
    border: 1px solid #d30000;border-radius: 5px;color: #d30000;display: block;margin: 0 auto;max-width: 340px;
    padding: 10px 5px;text-align: center; margin-top: 20px;
}
.box-specification .view-more:hover{border: 1px solid #000; color: #000; cursor: pointer;}
.box-specification .view-more span{position: relative;}
.box-specification .view-more span::before {
    border-bottom: 5px solid transparent;border-top: 5px solid transparent;border-left: 5px solid #d30000;
    content: '';position: absolute;top: 3px;right: -15px;
}

.bis-location{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #bfbfbf;}
.bis-location .row{margin: 0 -5px;}
.bis-location .row .col-md-5, .bis-location .row .col-md-2{padding: 0 5px;}
.bis-branches {max-height: 30vh;overflow: hidden;overflow-y: auto;}
.bis-branches p {line-height: 20px;margin-bottom: 12px;font-size: 13px; position: relative;padding-left: 20px;}
.bis-branches .add-circle::before {
    background-color: #c4c4c4;border-radius: 50%;content: '';height: 4px; width: 4px;
    left: 5px;position: absolute;top: 8px;
}
.bis-branches p a {color: #d30000;}
.bis-total{margin-bottom: 15px; font-weight: bold;}
#bis-total-number, #bis-total-text{color: #d30000;}

/*---------- Product Detail Comment----------*/
.box-comment{display: block;overflow: hidden;position: relative;width: 100%;max-width: 800px;margin-top: 20px;}
.box-comment .edtCmt {
    border-radius: 4px;
    border: 1px solid #dadada;
}
.box-comment .txtEditor, .box-comment .textarea {
    display: block;overflow: hidden;width: 96.5%;background: #fff;min-height: 100px !important;
    border: 1px solid #dadada;border-radius: 4px;padding: 10px 1.5%;font-size: 14px;color: #333;outline: none;
}
.box-comment .edtCmt textarea {
    width: 100%;border: none;border-bottom: 1px solid #dadada;border-radius: 4px 4px 0 0;padding: 10px;
    box-sizing: border-box;line-height: 20px;
}
.box-comment .box-emotion {overflow: visible;position: relative;}
.box-comment .motion-send {display: block;overflow: hidden;padding: 5px;}
.box-comment .motion-send a {
    padding: 0 12px 0 5px;height: 20px;color: #d30000;font-size: 14px;border-right: 1px solid #dadada;
    display: inline-block;line-height: 20px;
}
.box-comment .motion-send .qd {border: none;color: #1A77F2;padding-top: 6px;box-sizing: border-box;height: 30px;display: inline-block;}
.box-comment .cmt_right {float: right;}
.box-comment .motion-send button, .box-comment .motion-send a.btnSend {
    padding: 5px 25px;height: 30px;font-size: 14px;color: #fff;text-transform: uppercase;border: 1px solid #d30000;
    border-radius: 4px;background: #d30000;margin: 0;
}
.box-comment .motion-send button, .box-comment .motion-send a.btnSend {height: auto;}
.box-comment .cmt_right a {display: inline-block;padding: 4px 0 0;border: 0;font-size: 14px;color: #d30000;margin: 0;}
.box-comment .motion-send a {
    padding: 0 12px 0 5px;height: 20px;color: #d30000;font-size: 14px;
    border-right: 1px solid #dadada;display: inline-block;line-height: 20px;
}
.box-comment .motion-send .btnSend .spinner-border{width: 20px;height: 20px;}
.box-comment .midcmt {overflow: hidden;}
.box-comment .total-comment {
    float: left;padding: 12px 0 10px;font-size: 16px;color: #333;overflow: hidden;font-weight: bold;
    text-transform: capitalize; font-family: RobotoBold; font-size: 16px; color: #000;
}
.box-comment .edtCmt .box-error.show, .box-comment-message.show{padding: 10px; border-bottom: 1px solid #dadada;}
.box-comment .edtCmt .fc-error{color: #d30000;}
#comment-loading{
    position: absolute; top: 0; left: 0; z-index: 999999; width: 100%; height: 100%;
    display: block; background-color: rgba(239, 239, 239, 0.5); display: none;
}
#comment-loading .comment-loading-icon{
    display: flex; align-items: center;justify-content: center;
    height: 100%; width: 100%;padding: 0;margin: 0;
}

.total-comment .custom-control{margin-left: 15px; font-family: RobotoRegular;}
.box-comment .s_comment {float: right;padding: 10px 0;font-size: 16px;color: #666;overflow: hidden;position: relative;}
.box-comment .s_comment input {
    float: left;position: relative;padding: 10px 8px 10px 35px;border: 1px solid #ddd;border-radius: 4px;-webkit-border-radius: 4px;
    -moz-border-radius: 4px;font-size: 14px;color: #999;width: 240px;height: auto;
}
.box-comment .s_comment i {position: absolute;top: 20px;left: 10px;width: 20px;height: 20px;}
.box-comment .iconcom-search {background-position: 0 0;width: 16px;height: 16px;vertical-align: baseline;}
.box-comment .fts_comment .c_lbl {margin-right: 15px;}
.box-comment .list-comment {
    display: block;overflow: visible;background: #fff;margin: 20px 0;border-top: 1px solid #dadada;padding-top: 20px;
    position: relative;
}
.box-comment .list-comment li {display: block;overflow: visible;margin-bottom: 15px;position: relative;padding-bottom: 5px;}
.box-comment .row-user {float: left;overflow: visible;}
.box-comment .row-user a {float: left;overflow: visible;font-size: 16px;color: #333;position: relative;cursor: default;}
.box-comment .row-user a div {
    float: left;width: 25px;height: 25px;background: #ddd;margin-right: 7px;text-align: center;color: #666;
    text-transform: uppercase;font-size: 12px;line-height: 26px;font-weight: 600;text-shadow: 1px 1px 0 rgb(255 255 255 / 20%);
}
.box-comment .row-user a strong {float: left;overflow: hidden;line-height: 22px;margin-top: 2px;text-transform: capitalize;}
.box-comment .question {
    display: block;overflow: hidden;position: relative;margin: 0;font-size: 14px;color: #333;
    line-height: 24px;clear: both;float: none;width: auto;
}
.box-comment .action-user {display: block;height: 34px;position: relative;margin: -5px 10px 0 0;font-size: 14px;color: #333;line-height: 24px;}
.box-comment .action-user .respondent {float: left;padding: 5px 10px 0 0;font-size: 13px;color: #d30000;}
.box-comment .action-user .time {float: left;padding: 5px 0;font-size: 13px;color: #999;position: relative;}
.box-comment .action-user .time:before {float: left;content: '-';color: #999;font-size: 14px;margin-right: 5px;}
.box-comment .list-reply {
    display: block;position: relative;margin: 5px 0 0 0;padding: 10px 15px 0 12px;
    clear: both;font-size: 14px;color: #333;line-height: 24px;background: #f8f8f8;border: 1px solid #dfdfdf;
}
.list-reply:after, .list-reply:before {
    top: -20px;left: 18px;border: solid transparent;
    content: " ";height: 0;width: 0;position: absolute;pointer-events: none;
}
.list-reply:before {
    border-color: rgba(238,238,238,0);border-bottom-color: #f8f8f8;border-width: 11px;margin-left: -11px;z-index: 1;
}
.list-reply:after {border-color: rgba(255,255,255,0);border-bottom-color: #dfdfdf;border-width: 10px;margin-left: -10px;}
.box-comment .reply:last-child {border: none;margin: 0;}
.box-comment .reply {display: block;font-size: 14px;color: #333;line-height: 22px;margin-bottom: 7px;border-bottom: 1px solid #dfdfdf;}
.box-comment .reply .row-user {margin-bottom: 2px;}
.box-comment .row-user a div.c {background: none; width: 78px; height: 22px;}
.box-comment .iconcom-avactv {
    background: url("../images/icons/icon-avactv.png") no-repeat; width: 78px; height: 22px; display: block;
}
.box-comment .rowuser a strong {float: left;overflow: hidden;line-height: 22px;margin-top: 2px;text-transform: capitalize;}
.box-comment .qtv {
    background: #d30000;border-radius: 2px;padding: 0 5px;margin: 4px 0 4px 10px;line-height: normal;
    border: 1px solid #d30000;font-size: 11px;color: #fff;font-weight: normal;display: inline-block;margin: 5px 0 0 10px;
}
.box-comment .reply .cont {display: block;overflow: hidden;margin: 0;clear: both;}
.box-comment .reply .action-user {margin: 0;}
.box-comment .reply .action-user a{padding: 5px 5px 0 0;}
.box-comment .action-user .favor {float: left;padding: 5px 10px 0 0;font-size: 13px;color: #d30000;}
.box-comment .action-user .favor:before {float: left;content: '-';color: #999;font-size: 14px;margin-right: 5px;}
.box-comment .reply .action-user .fcr-message{position: absolute; right: 0; bottom: 5px;}
.box-comment .reply .action-user .fcr-message .alert{padding: 0px 5px;}
.box-comment .list-comment li .input-reply {display: block;overflow: hidden;margin: 10px 0 0 0;}
.box-comment .wrap-satis {
    display: none;overflow: visible;position: absolute;left: 9%;top: 40px;z-index: 91;width: 485px;background: #fff;
    border: 1px solid #ccc;border-radius: 3px;padding: 10px;margin: auto;
}
.box-comment .wrap-satis:after, .box-comment .wrap-satis:before {
    bottom: 100%;left: 40.5%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;
    pointer-events: none;
}
.box-comment .wrap-satis:before {border-bottom-color: #ccc;border-width: 11px;margin-left: -101px;}
.box-comment .wrap-satis:after {border-bottom-color: #fff;border-width: 10px;margin-left: -100px;}
.box-comment .wrap-satis .wrsct {position: relative;}
.box-comment .wrap-satis .wrsct i {
    width: 11px;height: 11px;background-position: -201px -83px;top: 0;right: 0;position: absolute;cursor: pointer;
}
.box-comment .wrap-satis span {margin-bottom: 7px;display: block;width: 95%;}
.box-comment .wrap-satis .ustCt, #unsatisfiedModal .wrap-satis .ustCt{
    border: 1px solid #ddd;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;font-size: 14px;
    color: #333;width: 460px;height: 80px;margin: 0 0 10px;padding: 5px;
}
.box-comment .wrap-satis span, #unsatisfiedModal .wrap-satis span {margin-bottom: 7px;display: block;width: 95%;}
.box-comment .wrap-satis input, #unsatisfiedModal .wrap-satis input {
    padding: 10px 5px;border: 1px solid #ddd;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;
    font-size: 14px;color: #333;width: 191px;margin-right: 7px;
}
.box-comment .wrap-satis a, #unsatisfiedModal .wrap-satis a {
    padding: 10px 15px !important;background-color: #d30000;color: #fff;border-radius: 4px;
    -webkit-border-radius: 4px;-moz-border-radius: 4px;
}
.box-comment .wrap-satis a span, #unsatisfiedModal .wrap-satis a span{display: inline-block;width: 1rem;height: 1rem;margin: 0 6px;}
.box-comment .wrap-satis .fcr-error, #unsatisfiedModal .wrap-satis .fcr-error{color: #d30000; font-size: 13px;}
.box-comment .page-comment, .page-guarantee{display: block;padding: 0;overflow: hidden;margin: 10px auto;clear: both;}
.box-comment .page-comment span, .page-guarantee span {
    float: left;padding: 4px 10px;background: #eee;border-radius: 3px;text-align: center;color: #333;
    margin-right: 4px;font-size: 12px;clear: none !important;cursor: pointer;
}
.box-comment .page-comment span.active, .page-guarantee span.active {
    float: left;padding: 4px 10px;background: #ccc;border-radius: 3px;text-align: center;color: #333;
    margin-right: 4px;font-size: 12px;clear: none !important;cursor: pointer;
}
.box-comment .page-comment a, .page-guarantee a {
    float: left;padding: 4px 10px;background: #eee;border-radius: 3px;text-align: center;color: #333;
    margin-right: 4px;font-size: 12px;cursor: pointer;
}
.reply-load-more{margin-bottom: 7px;}
.reply-load-more a{color: #1A77F2 !important; cursor: pointer;}

/*---------- Compare ----------*/
/*---------- Compare Stick ----------*/
.stick-compare {
    display: block; width: 100%; max-width: 400px; margin: auto; position: fixed; left: 0; right: 0;
    border-radius: 10px; top: 10%; z-index: 100; background: #fff; box-shadow: 0 -2px 10px rgb(0 0 0 / 12%);
}
.stick-compare.stick-compare-new {max-width: 1178px;top: unset;bottom: 0;border-radius: 0;border-top: 1px solid #e5e5e5;}
.stick-compare.stick-compare-new a.clear-all {
    position: absolute; right: 0; top: -32px; padding: 7px 15px; border-radius: 5px 5px 0 0;
    color: #000; background: #fff; box-shadow: 0 -2px 10px #0000001f;
}
.stick-compare.stick-compare-new ul.list-compare {display: inline-flex;width: calc(100% - 25%);border: unset;}
ul.list-compare {
    grid-auto-rows: minmax(min-content,max-content);grid-template-columns: repeat(1,minmax(0,1fr));
    display: grid;overflow: hidden;width: 100%;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;
}
.stick-compare.stick-compare-new .list-compare li {width: 100%;border-right: 1px solid #e0e0e0;padding-top: 0;}
.list-compare li {overflow: visible;position: relative;padding-top: 7px;width: 80%;display: block;margin: 0 auto;}
.stick-compare.stick-compare-new .list-compare a {
    justify-content: center;flex-flow: column;align-items: center;width: unset;cursor: pointer;
}
.list-compare a {display: flex;overflow: hidden;padding: 10px 0 5px;align-content: center;}
.stick-compare.stick-compare-new .list-compare li img {width: 60px;}
.list-compare li img {width: 70px;height: auto;max-height: 80px;margin: 5px;object-fit: contain;}
.stick-compare.stick-compare-new .list-compare h3 {margin: 5px;text-align: center;}
.list-compare h3 {
    overflow: hidden;line-height: 1.6em;color: #333;font-weight: normal;font-size: 13px;height: 33px;
    margin: 5px 0 5px 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
    text-overflow: ellipsis;line-height: 1.3em;text-align: center;
}
.stick-compare.stick-compare-new .list-compare span {right: 10px;top: 10px;}
.list-compare span {position: absolute;top: 20px;right: -20px;width: 14px;height: 20px;cursor: pointer;}
.stick-compare.stick-compare-new .list-compare li.for-msg {
    margin: initial;border-left: unset;border-top: unset;border-bottom: unset;border-right: 1px solid #e0e0e0;
    border-radius: 0;padding: 0;display: inline-flex;justify-content: center;align-items: center;
}
.list-compare li.for-msg {margin: 10px 40px;border: dashed 2px #bdbdbd;border-radius: 10px;padding: 5px 0;}
.list-compare .cp-plus {
    display: block;width: 55px;height: auto;padding: 10px;text-align: center;font-size: 30px;
    color: #666;background: #fff;border-radius: 5px;cursor: default;margin: 0 auto;
}
.stick-compare.stick-compare-new .list-compare li.for-msg p {
    display: block;font-size: 12px;text-align: center;margin: 7px auto 0;
}
.list-compare .cp-plus > i{padding: 10px;border: 1px dashed #bfbfbf;color: #bfbfbf; border-radius: 5px;}
.stick-compare.stick-compare-new .close-compare {display: inline-block;vertical-align: middle;width: 24%;margin-top: 21px;}
.close-compare {overflow: hidden;position: relative;}
.stick-compare.stick-compare-new .close-compare a.doss.prevent {background: #bdbdbd;color: #fff;opacity: 1;}
.stick-compare.stick-compare-new .close-compare a.doss {border-radius: 0;margin: 0 auto 10px;}
.close-compare a.doss.prevent {color: #ddd;opacity: .3;-moz-opacity: .3;-khtml-opacity: .3;}
.close-compare a.doss {background: #d30000;color: #fff;font-size: 14px;}
.close-compare a {
    display: block;text-align: center;margin: 10px auto;width: 50%;padding: 12px 0;border-radius: 10px;
    font-size: 14px;color: #d30000;
}
.stick-compare.stick-compare-new .close-compare a.txt-remove-all {margin: auto;width: unset;padding: 0;}
.popup-button {position: fixed;bottom: 25px;left: 15px;z-index: 2;}
.popup-button a {
    padding: 10px 10px;background: #fff;border-radius: 30px;box-shadow: 0 0 15px #999; color: #d30000;
}
#stick-compare-error.error {
    top: 0;z-index: 9; background: #000000e3; color: #fff !important; padding: 10px; width: 90%; height: max-content;
    margin: 0 5%; text-align: center; border-radius: 4px; position: fixed; left: 0; right: 0; bottom: 0; max-width: 400px;
    display: none; margin: auto; font-size: 13px; line-height: 21px;
}
#compareModal h4{display: block;overflow: hidden;text-align: center;padding: 10px; margin: 0;}
#compareModal .pro-compare {display: flex;overflow: hidden;border: unset;justify-content: center;}
#compareModal .pro-compare li {
    float: left;width: 33.33%;border: 1px solid #e5e5e5;border-right: 0;text-align: center;
    padding: 15px 4px 20px 4px; position: relative;
}
#compareModal .pro-compare li:last-child {border-right: 1px solid #e5e5e5;}
#compareModal .pro-compare li .item-img {position: relative;}
#compareModal .pro-compare li img {
    display: block;width: 100% !important;max-width: 86px;margin: 0 auto 5px;height: auto;position: relative;
}
#compareModal .pro-compare li .item-ss{display: block;}
#compareModal .pro-compare li .box-p .price-old{display: inline-block; text-decoration-line: line-through;}
.compare-space{min-height: 200px;}

#select2-compare-search-results, .header-search-select2-result{border: 1px solid #d0d0d0;border-radius: 4px;margin: 2px 0;}
#select2-compare-search-results li, .header-search-select2-result li{
    display: block;overflow: hidden;padding: 10px;border-bottom: 1px solid #bfbfbf; max-width: unset;box-sizing: border-box;
    float: unset;width: 100%;margin: auto;text-align: left;border-left: unset;border-right: unset; position: relative;
    background: none !important;
}
#select2-compare-search-results li:first-child, .header-search-select2-result li:first-child {border-top: 0;}
#select2-compare-search-results li:last-child,  .header-search-select2-result li:last-child{border-bottom: 0;}
#select2-compare-search-results li .item-img, .header-search-select2-result li .item-img {height: 50px;float: left;width: 60px;}
#select2-compare-search-results li .item-img img, .header-search-select2-result li .item-img img {
    width: 100%;height: auto;
}
#select2-compare-search-results li h3, .header-search-select2-result li h3 {
    overflow: hidden;font-size: 14px;padding: 0 0 3px 15px;display: -webkit-box; text-overflow: ellipsis;
    -webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom: 0;
}
#select2-compare-search-results li a:hover h3, .header-search-select2-result li a:hover h3{color: #d30000;}
#select2-compare-search-results li strong.price, .header-search-select2-result li strong.price {
    display: -webkit-box;vertical-align: middle;padding: 0 0 3px 15px; color: #d30000;
}
.header-search-select2-result li strong.price-old {
    display: -webkit-box;vertical-align: middle;padding: 0 0 3px 15px; text-decoration: line-through;
}
#select2-compare-search-results li .pro-nrview, .header-search-select2-result li .pro-nrview {
    left: unset;right: 10px;bottom: 12px;display: block;overflow: hidden; cursor: pointer;
    font-size: 12px;color: #d30000;position: absolute;margin: auto;
}
#compareModal .pro-compare li a:hover h3, #select2-compare-search-results li a:hover h3{color: #d30000}
#compareModal .pro-compare li a:hover .box-p, #compareModal .pro-compare li a:hover .price,
#select2-compare-search-results li a:hover .price{color: #333;}
.hsms2r-mobile{width: 320px !important;}

/*---------- Compare Page ----------*/
.list-product.pro-compare {display: flex;border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;}
.pro-compare li{float: left;border-right: 1px solid #e6e6e6;position: relative;width: 33.33%; padding: 20px;}
.pro-compare li.productid-0 {display: flex;justify-content: center;align-items: center;}
.pro-compare li .addsp-cp {display: block;overflow: hidden;text-align: center;cursor: pointer;}
.pro-compare li .addsp-cp i {
    display: block;overflow: hidden;border: 1px dashed #bdbdbd;border-radius: 3px;position: relative;
    width: 50px;height: 50px;margin: auto;display: flex;justify-content: center;align-items: center;
}
.pro-compare li .addsp-cp span {display: block;overflow: hidden;font-size: 14px;padding: 12px 0;}

.pro-compare li a.deleteProduct {position: absolute;top: 10px; right: 10px;}
.box-detailcp {display: block;overflow: hidden;border-bottom: unset;border-left: 1px solid #e6e6e6;}
.box-detailcp strong {display: block;overflow: hidden;text-transform: uppercase;background: #f1f1f1;padding: 8px; }
.box-detailcp .part-detail {display: block;overflow: hidden; font-family: RobotoRegular; font-size: 14px; color: #000;}
.box-detailcp .part-detail>div {display: flex;}
.box-detailcp .part-detail small {display: block;overflow: hidden;color: #000;font-size: 14px;padding: 10px 8px 0;border-right: 1px solid #e6e6e6;}
.box-detailcp .part-detail>div>small {width: 33.33%;}
/*.box-detailcp .part-detail>div>small:nth-child(2) {width: calc(33.33% - 1px);}*/
.boxDesktop {display: flex;}
.box-detailcp aside {float: left;width: 33.33%;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;padding-top: 7px;}
.box-detailcp aside p {display: block;overflow: hidden;padding: 10px 8px; margin: 0; color: #525252;}
.box-detailcp.clickbuy aside{padding: 20px 30px; text-align: center; min-height: 130px;}
.box-detailcp.clickbuy aside a {
    display: inline-block; overflow: hidden;text-align: center;background-color: #000;border-radius: 3px;
    text-transform: uppercase;padding: 10px 5px;color: #fff;width: 250px;
}
.box-detailcp.clickbuy aside a:first-child {background: #d30000; margin-bottom: 3px;}

/*---------- Auth ----------*/
#loginModal .input-error, #registerModal .input-error, #updateAccount .input-error, #faqModal .input-error,
#forgotPasswordModal .input-error, .pfp-content .input-error{color: red; font-size: 12px;}
#loginModal .modal-footer span, #registerModal .modal-footer span{cursor: pointer;}
.common-error{
    padding: 5px 20px;border: 1px solid #ebccd1;text-align: center; display: none;
    background-color: #f2dede;margin-bottom: 10px;color: #a94442;
}
.common-success{
    padding: 5px 20px;border: 1px solid #d6e9c6; text-align: center; display: none;
    background-color: #dff0d8; margin-bottom: 10px; color: #3c763d;
}
.page-reset-password{display: block;width: 100%;max-width: 480px; margin: 20px auto; min-width: 0;}
.page-reset-password .page-title h1 {text-transform: none;}
.pfp-content{padding: 30px 20px; border: 1px solid #bfbfbf; margin-top: 20px; border-radius: 5px;}
.pfp-content .alert-heading{font-size: 20px; line-height: 20px;}

/* =========== MOBILE =========== */
[class^="m-icon-"], [class*="m-icon-"] {
    background-image: url('../images/icons/icon_common.22122021@2x.png');background-repeat: no-repeat;
    display: inline-block;height: 30px;width: 30px;line-height: 30px;vertical-align: middle;background-size: 250px 200px;
}

/*---------- Header----------*/
.banner-media-mobile{max-width: 640px; margin: auto;}
.header-mobile{
    background-color: #d30000; max-width: 640px; margin: auto; padding: 5px 5px 5px 5px; position: relative; width: 100%;
    height: 90px;
}
.header-mobile .hm-logo{float: left;margin-top: 5px;}
.header-mobile .hm-logo .m-logo-icon {
    background-image: url('../images/logo-mobile-bw.png');background-repeat: no-repeat;
    display: inline-block; height: 25px; width: 135px;line-height: 30px;vertical-align: middle;
}
.hm-search {
    border-radius: 4px;background: #fff;position: absolute;bottom: 10px;left: 10px;right: 10px;margin: auto;
}
.hm-search input {
    border: none; font-size: 12px; line-height: 14px; height: 35px;
    padding: 8px 35px 8px 13px; width: 100%; border-radius: 4px;
}
.hm-search button, .hm-search .hm-search-icon {background-color: #fff;border: none;position: absolute;top: 7px;right: 10px;}
.hm-search .icon-search {background-image: url("../images/icons/icon-search.png"); height: 17px; width: 17px;}
.hm-history {
    font-size: 11px;line-height: 13px;max-width: 95px;position: absolute;right: 86px;top: 0;color: #f6f9fe;
    display: flex;align-items: center;width: 95px;height: 45px;padding: 0 2px 0 6px;
    border-left: 1px solid #e30000;border-right: 1px solid #e30000; text-align: center;
}
.hm-history span {
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
    line-height: 16px;color: #f6f9fe;
}
.hm-cart {right: 58px;position: absolute;top: 12px;}
.hm-cart .m-icon-cart {
    -moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);
    background-position: -109px 0;height: 22px;width: 25px;
}
.hm-cart .m-cart-number {
    background-color: #dd1c1a;border-radius: 50%;color: #fff;display: inline-block;font-size: 10px;
    line-height: 12px;left: 8px;height: 12px;position: absolute;text-align: center;
    top: -1px;width: 12px;
}

.open-menu {
    border-left: 1px solid #e30000;cursor: pointer;height: 45px;padding: 7px 0 6px;position: absolute;
    text-align: center;top: 0;right: 0;width: 50px;
}
.m-icon-menu {background-position: -35px 0;height: 32px;width: 32px;}
.show-menu {
    background-color: #fff; height: 100%; overflow: scroll; max-width: 640px; left: 0; right: 0;
    padding: 60px 10px 100px; position: fixed; transition: .3s;top: -100%; width: 100%; z-index: 99;
}
.show-menu.active {top: 0; margin: auto; bottom: 0;}
.box-fixed {
    background-color: #fff;left: 0;max-width: 640px;margin: auto;position: fixed;
    padding: 10px 10px;top: 0;right: 0;width: 100%;z-index: 1;display: none;
}
.show-menu.active .box-fixed {display: block;}
.btn-closemenu {
    border: 1px solid #e0e0e0;border-radius: 4px;color: #333;float: right;
    line-height: 21px;padding: 7px 5px 7px 0;position: relative;text-align: right;width: 65px;
}
.btn-closemenu::before, .btn-closemenu::after {
    background-color: #333;content: '';left: 15px;height: 10px;
    position: absolute;top: 12px;width: 1px;
}
.btn-closemenu::before {transform: rotate(45deg);}
.btn-closemenu::after {transform: rotate(-45deg);}
.nav-list {display: flex;flex-wrap: wrap;}
.nav-list a {
    align-items: center;border: 1px solid #e0e0e0;border-radius: 4px;color: #333;display: flex;
    justify-content: center;font-size: 12px;line-height: 16px;min-height: 40px;margin: 0 0 6px 6px;
    padding: 5px 0;text-align: center;width: calc(20% - 5px);position: relative;
    box-shadow: none;
}
.nav-list a:nth-child(5n+1) {margin-left: 0;}
.nav-list a span.item__label__new::before {
    border-right: 18px solid #f00;border-top: 18px solid transparent;border-bottom: 18px solid transparent;
    position: absolute;top: -13px;left: -3px;transform: rotate(45deg);z-index: 9;content: "";
}
.nav-list .item__label__new label {
    position: absolute;top: -1px;left: 1px;font-size: 9px;color: #fff;z-index: 9;transform: rotate(315deg);
}
.nav-list a span.item__label {
    background-color: #f51212;border-radius: 3px;color: #fff;font-size: 9px;font-weight: normal;position: absolute;
    padding: 0 3px;right: -2px;top: 0;line-height: 11px;
}
.nav-list a span.item__label::before {
    border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 3px solid #f00;
    bottom: -3px;content: '';left: 5px;position: absolute;
}
.show-menu__link {margin: 10px 0 5px;}
.show-menu__link .link-item {float: left;width: calc(50% - 5px);}
.show-menu__link .link-item:first-child {margin-right: 10px;}
.show-menu__link .link-item p {font-weight: bold;line-height: 16px;margin-bottom: 5px;}
.show-menu__link .link-item li {border-bottom: 1px solid #e0e0e0;padding: 6px 0;}
.show-menu__link .link-item a {color: #333;font-size: 12px;line-height: 16px;}
.show-menu__link ul li:last-child {border-bottom: none;}
.border--pad {margin-left: -10px;width: calc(100% + 20px);}
.border {background-color: #f1f1f1;height: 4px;}
.txt-history {color: #d30000;display: inline-block;margin: 15px 0;}
.txt-tel {margin-bottom: 15px;}
.txt-tel a {color: #d30000;}

.page-history {display: block;padding: 0;overflow: hidden;margin: 10px auto;clear: both;}
.page-history span {
    float: left;padding: 4px 10px;background: #eee;border-radius: 3px;text-align: center;color: #333;
    margin-right: 4px;font-size: 12px;clear: none !important;cursor: pointer;
}
.page-history span.active {
    float: left;padding: 4px 10px;background: #ccc;border-radius: 3px;text-align: center;color: #333;
    margin-right: 4px;font-size: 12px;clear: none !important;cursor: pointer;
}
.page-history a {
    float: left;padding: 4px 10px;background: #eee;border-radius: 3px;text-align: center;color: #333;
    margin-right: 4px;font-size: 12px;cursor: pointer;
}

/*---------- Footer ----------*/
.footer-mobile {background-color: #d30000;padding: 5px; color: #fff; font-size: 12px; max-width: 640px; margin: auto;}
.fm-copyright, .fm-cert{padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #fff; text-align: center;}
.fm-cert a .icon-congthuong{
    background-image: url(../images/icons/icon_common@2x.png);
    background-repeat: no-repeat;display: inline-block;line-height: 30px;
    vertical-align: middle;background-size: 300px 200px;background-position: -200px -30px;
    height: 24px;width: 79px;
}

/*---------- Content ----------*/
.app-main-mobile{padding: 10px; max-width: 640px; margin: auto;}
.bread-crumb-mobile{padding: 10px 0;}
.page-title-mobile {
    display: block;overflow: hidden;line-height: 1.3em;font-size: 30px;color: #333;padding: 10px 0;
    font-family: "RobotoCondensedBold"; font-weight: 600;
}
.page-content-mobile{min-height: 500px;}
.page-banner-mobile img{max-width: 100%;}
.description-mobile img{max-width: 100% !important; height: auto !important;}

/*---------- Home ----------*/
.home-slider .owl-dots, .category-slider .owl-dots {bottom: 10px;left: 50%;position: absolute;transform: translateX(-50%);}
.home-slider .owl-dot, .category-slider .owl-dot {background: rgba(255 255 255/.5) !important;height: 1px;margin: 0 1px;width: 10px;}

.home-service {display: flex; flex-wrap: wrap; padding:5px;}
.home-service a {width: calc(25% - 4px); display: block; position: relative; margin-right: 5px; margin-bottom: 5px;}
.home-service a:nth-child(4n) {margin-right: 0;}
.home-service a span{
    position: absolute; top: 0; left: 0px;width: 100%; height: 100%;
    background: url("../images/bg_preorderhot_a.png") center center no-repeat;
    display: flex; justify-content: center; align-items: center; border-radius: 5px;
    font-size: 13px; color: #fff; text-align: center; padding: 5px;
}
.home-service a:hover span{color: #d30000; cursor: pointer;}
.home-service a img {width: 100%;border-radius: 4px;}

.home-nav {padding: 5px;}
.home-nav .nav-list a{
    box-shadow: 0 2px 5px rgb(0 0 0 / 10%); width: calc(25% - 5px);
}
.home-nav .nav-list a:nth-child(5n+1) {margin: 0 0 6px 6px;}
.home-nav .nav-list a:nth-child(4n+1) {margin-left: 0;}

.home-banner{padding: 5px;}
.home-banner img{max-width: 100%;}

.home-product-promo{background-color: #d30000; padding: 10px 10px 20px 10px; margin: 10px -10px 15px -10px;}
.home-product-promo h2{
    margin-bottom: 10px;font-size: 22px;line-height: 30px;color: #fff;text-align: left;
    text-transform: uppercase;font-family: RobotoBold; padding-left: 10px;
}
.box-scroll {overflow-y: hidden;overflow-x: auto;-ms-overflow-style: none;-ms-scroll-snap-type: mandatory;-webkit-overflow-scrolling: touch;}
.list-product-mobile{
    display: grid;grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(2,minmax(0,1fr));border-left: 1px solid #f1f1f1;border-top: 1px solid #f1f1f1;
}
.home-product-promo .list-product-mobile, .list-product-mobile.lpm-category {
    border: none; overflow-x: initial;margin: 0 10px 0 0; display: flex;scroll-snap-type: x mandatory;
}
.list-product-mobile.list-product-col3 {grid-template-columns: repeat(3,minmax(0,1fr));}
.list-product-mobile li{
    border-bottom: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;padding: 8px;overflow: hidden;
    background-color: #fff;display: block;
}
.home-product-promo .list-product-mobile li{
    padding: 10px 5px;border: none;border-radius: 4px;margin-right: 5px;
    width: 140px;scroll-snap-align: start;min-width: 140px;max-width: 215px;flex: 0 0 33vw;
}
.list-product-mobile.lpm-category .lpm-column{
    border-radius: 4px;border-bottom: none; border-right: 1px solid #f1f1f1;padding: 0;
    width: 140px;scroll-snap-align: start;min-width: 140px;max-width: 215px;flex: 0 0 33vw;
    overflow: hidden;background-color: #fff;display: block;
}
.list-product-mobile.lpm-category .lpm-column:last-child{border-right: none;}
.list-product-mobile.lpm-category .lpm-column .lpmc-item{
    border-bottom: 1px solid #e0e0e0; padding: 15px 10px;min-height: 230px;
}
.list-product-mobile.lpm-category .lpm-column .lpmc-item:last-child{border-bottom: none;}
.list-product-mobile .item-img {height: 130px;line-height: 130px;display: block;text-align: center; position: relative;}
.list-product-mobile .item-img img {
    vertical-align: middle;line-height: normal;width: 110px;height: auto;max-width: 100%;
}
.list-product-mobile h3 {
    font-size: 13px;line-height: 16px;margin-top: 10px;display: -webkit-box;
    -webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height: 40px;overflow: hidden;text-overflow: ellipsis;
}
.list-product-mobile .attributes span, .list-others .attributes span{
    border: 1px solid #eaeaea;background: #eaeaea;border-radius: 2px;color: #333;display: inline-block;
    font-size: 12px;line-height: 15px;margin-right: 5px;margin-bottom: 5px;padding: 4px 5px;
}
.list-product-mobile .box-p {margin: 5px 0 3px 0;}
.list-product-mobile .price-old{display: inline-block;text-decoration-line: line-through; margin: 0;}
.list-product-mobile .price-old, .list-product-mobile .percent {font-size: 12px;line-height: 16px;}
.list-product-mobile .price-old.black {color: #333;}
.list-product-mobile .percent {color: #333;display: inline-block;font-size: 13px;line-height: 17px;}
.list-product-mobile .price {
    font-size: 14px;line-height: 16px;color: #222;font-weight: bold;
    display: block;margin-top: 5px;
}
.list-product-mobile .item-rating {margin-bottom: 5px;display: flex;align-items: flex-end;}
.list-product-mobile .item-rating p {display: inline-block; margin-bottom:0;}
.list-product-mobile .item-rating p i{color: #d30000; font-size: 12px;}
.list-product-mobile .item-rating-total {color: #333;font-size: 12px;margin-left: 5px;}

.app-main-mobile .border {margin: 0 -10px;}
.home-common{padding: 20px 0 10px;}
.home-common .home-common-title {font-size: 16px;font-weight: bold;line-height: 16px;padding: 0 10px;text-transform: uppercase;}
.home-common-bottom{border:1px solid #e0e0e0;}
.scrolling_inner {position: relative;}
.home-common-link {
    margin-bottom: 10px;margin-top: 10px;overflow-x: auto;overflow-y: hidden;padding: 0 10px;white-space: nowrap;
}
.home-common-link a {
    border: 1px solid #e0e0e0;border-radius: 16px;color: #333;display: inline-block;
    font-size: 13px;line-height: 10px;margin-left: 10px;padding: 10px 11px;background: #fff;
}
.home-common-link a:first-child {margin-left: 0;}
.home-common .readmore-btn {margin-top: 10px;}
.readmore-btn {
    background-color: #fff;border-radius: 4px;border: 1px solid #e0e0e0;color: #333;display: block;
    line-height: 16px;margin: 0 10px;padding: 11px 3px;text-align: center;
}
.readmore-btn span {position: relative;padding-right: 15px;}
.readmore-btn span::before {
    border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #333;
    content: '';position: absolute;top: calc(50% - 5px);right: 0;
}
.home-trademark, .home-new-products {padding: 15px 10px;}
.title-layout {font-size: 16px;font-weight: bold;line-height: 16px; margin: 0;}
.home-trademark .trademark-slider, .home-new-products .new-products-slider {display: flex;margin-top: 15px;}
.home-trademark .trademark-slider a, .home-new-products .new-products-slider a {margin-right: 10px;}
.home-trademark .trademark-slider a:last-child, .home-new-products .new-products-slider a:last-child {margin-right: 0;}
.home-trademark .trademark-slider a img, .home-new-products .new-products-slider a img {height: auto;width: 160px;border-radius: 4px;}

.home-news {padding: 20px 10px 0; margin-bottom: 10px;}
.home-news .ttl-main {margin-bottom: 10px;position: relative;}
.home-news .ttl-main .readmore-txt {
    position: absolute;top: 0;right: 10px; font-size: 12px;line-height: 16px;padding-right: 8px; color: #d30000;
}
.home-news .ttl-main .readmore-txt:before {
    border-top: 1px solid #d30000;border-right: 1px solid #d30000;
    content: '';height: 5px;position: absolute;transform: rotate(45deg);right: 0;top: 5px;width: 5px;
}
.game__item {background-color: #f1f1f1;border-radius: 12px;padding: 10px;}
.game-box-wrap {align-items: center;display: flex;margin-top: 10px;}
.game-title {font-weight: bold;line-height: 18px;}
.game-label p {color: #333;font-size: 13px;line-height: 18px;}
.home-news .owl-theme .owl-dots .owl-dot span{width: 5px;height: 5px;margin: 5px 2px;}

/*---------- News ----------*/
.news-list-mobile{display: block;overflow: hidden;}
.news-list-mobile.relate{padding: 5px;}
.news-list-mobile li {display: block;overflow: hidden;border-top: 1px solid #eee;padding: 10px 0;position: relative;}
.news-list-mobile li:first-child {border: 0;}
.news-list-mobile li.latest {display: block;padding: 0 0 10px 0;margin: 0;border: 0;}
.news-list-mobile li a {display: block;overflow: hidden;position: relative;}
.news-list-mobile li a.linkimg {float: left;width: 100px;margin-right: 10px;max-height: 70px;}
.news-list-mobile li:not(:first-child) a.linkimg {height: auto;width: 100px;max-height: 100px;}
.news-list-mobile li img {display: block;width: 100%;height: auto;min-height: 55px;}
.news-list-mobile li.latest img {float: none;display: block;width: 100%;height: auto;}
.news-list-mobile li div {display: block;overflow: hidden;position: relative;}
.news-list-mobile li h3 {display: block;overflow: hidden;line-height: 1.3em;font-size: 15px;color: #333;}
.news-list-mobile li.big h3 {font-weight: bold;padding-top: 10px;}
.news-list-mobile li.latest h3 {font-size: 18px;font-weight: 600;padding-top: 10px;}
.news-list-mobile li h3.titlecom {
    display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis;
    overflow: hidden;padding-top: 10px;
}
.news-list-mobile li h3.titlecom.notop {padding: 0 10px;}
.news-list-mobile li h3.titlecom.tiny{padding: 0; margin: 0;}
.news-list-mobile li .timepost {display: block;overflow: hidden;font-size: 12px;color: #999;}
.news-list-mobile li .timepost.margin {margin-top: 5px;margin-left: 10px;}
.news-list-mobile li .news-lode{margin-top: 5px;margin-left: 10px; font-size: 12px;}

.see-more-mobile {
    display: block;overflow: hidden;padding: 10px 0;margin: 10px 0;font-size: 14px;color: #d30000;
    border: 1px solid #eee;border-radius: 4px;text-align: center;
}
.see-more-mobile a{color: #d30000;}
.see-more-mobile .see-more-icon{width: 20px; height: 20px; color: #d30000; display: inline-block;}
.news-hot-topics{
    display: flex;text-align: left;align-items: center;justify-content: space-between;
    border-top: 8px solid #eee;
}
.news-hot-topics .nht-list {position: relative;overflow: hidden;float: left;width: 62%;padding-right: 5%;max-width: 350px;}
.news-hot-topics .nht-list li{margin: 10px 0;}
.news-hot-topics .nht-list a {
    overflow: visible;position: relative;color: #d30000;font-size: 13px;
    margin: 2px 10px 0 0;padding: 0 5px 0 12px;
}
.news-hot-topics .nht-list a:after {
    content: "";position: absolute;top: 5px;left: 0;float: left;width: 4px;height: 4px;
    -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;background: #d30000;
}
.news-hot-topics .nht-title {border: 0;padding: 0;float: right;right: 5%;overflow: visible;}
.news-hot-topics .nht-title * {color: #d30000;font-size: 1.4em;font-weight: 600;font-style: italic;text-align: center;}
.news-hot-topics .nht-title h1 {font-weight: 900;font-size: 1.8em;letter-spacing: 3px;line-height: 1;}
.news-hot-topics .nht-title .view-all-topics {
    display: block;font-size: 13px !important;margin: 2px 10px 0 0;
    font-weight: normal !important;text-transform: none !important;font-style: normal !important;
}
.news-hot-topics .nht-title .view-all-topics::after {
    float: right;content: "›";font-size: 15px;color: #d30000;margin-left: 4px;
}
.news-title-mobile {
    display: block;overflow: hidden;line-height: 1.3em;font-size: 18px;color: #333;text-transform: uppercase;margin: 0 -10px;
    padding: 10px 10px 0;border-top: 8px solid #eee;font-family: 'Roboto Condensed',sans-serif;font-weight: 600;
}
.view-all-mobile{
    display: block;overflow: hidden;padding: 10px 0;margin: 10px 0;font-size: 14px;color: #d30000;
    border: 1px solid #eee;border-radius: 4px;text-align: center;
}

.topics-list {display: block;clear: both;margin-bottom: 20px;}
.topics-list li {display: block;clear: both;padding: 10px 0;}
.topics-list li img {display: block;clear: both;border-radius: 5px;width: 100%;height: auto;}
.topics-list li h3 {
    display: block;clear: both;color: #333;font-weight: 600;font-size: 16px; text-overflow: ellipsis;overflow: hidden;
    margin: 5px 0 3px 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}

.scroll-category {overflow-x: scroll;overflow-y: hidden;width: 100%;clear: both;}
.box-category{width: unset;height: unset;display: flex;flex-flow: row wrap;}
.box-category li {
    float: left;padding: 0 4px;display: inline-block;overflow: hidden; border: solid 1px #d9d9d9; border-radius: 3px;
    box-sizing: border-box;margin: 0 10px 10px 0; box-shadow: 0 2px 3px 0 rgb(0 0 0 / 20%); width: calc(25% - 10px);
}
.box-category li.active{border: solid 1px #d30000;}
.box-category li a {display: block;overflow: hidden;padding: 8px 0 5px 0; text-align: center;}
.box-category li a:last-child {border: 0;}
.box-category li h3 {
    display: block;overflow: hidden;vertical-align: middle;color: #333;padding: 3px 0;text-align: center;
    margin-bottom: 0;
}
.box-category li.active h3{color: #d30000;}
.box-category li a span{
    display: inline-block; text-align: center;background-color: #333;padding: 8px;border-radius: 50%;
}
.box-category li.active a span{background-color: #d30000;}

.news-toc{background-color: #edeef2; padding: 15px; margin-top: 20px; border-radius: 5px;}
.news-toc h2{font-size: 15px; margin: 0 0 10px 0; font-weight: bold; position: relative;}
.toggle-anchor {cursor: pointer;height: 30px;position: absolute;right: 0;top: 0;width: 30px;}
.toggle-anchor.open::before {top: 0;transform: rotate(135deg);}
.toggle-anchor::before {
    border-left: 1px solid #333;border-bottom: 1px solid #333;content: '';height: 15px;position: absolute;
    right: 9px;top: 0;transition: .3s;width: 15px;transform: rotate(-45deg);
}
ul.box-toc:not(.box-toc-1){padding-left: 15px;}
ul.box-toc li{padding: 3px 0;}
ul.box-toc li:last-child{margin-bottom: 0;}
ul.box-toc li a{display: block; position: relative;}
ul.box-toc li a span i{position: absolute; top: 6px; left: 0; font-size: 5px;}
a.toc-a-tag{all: unset !important;}

.news-product-mobile {display: block;overflow: hidden;border-top: 1px solid #eee;margin-top: 10px;}
.news-product-mobile.npm-list{border-left: 1px solid #eee; border-bottom: 1px solid #eee;}
.news-product-mobile li {
    float: left;border-right: 1px solid #eee;border-top: 1px solid #eee;text-align: center;width: 50%;margin: 0 -1px 0 0;
}
.news-product-mobile li:nth-child(2n+1) {clear: both;}
.news-product-mobile li:nth-child(1),
.news-product-mobile li:nth-child(2) {border-top: 0;}
.news-product-mobile li a {display: block;overflow: hidden;font-size: 12px;}
.news-product-mobile li img {display: block;width: 100px;height: 100px;margin: 10px auto;}
.news-product-mobile li label {display: block;overflow: hidden;color: #d30000;margin: 5px 0;}

@media screen and (max-width: 480px){
    .news-list-mobile li.latest:first-child img {min-height: 100%;}
}

/*---------- Faq ----------*/
.page-content-mobile .search-ask input{text-indent: 10px; width: 68%;}
.page-title-mobile .ptm-text{display: block; float: left; width: calc(100% - 110px);}
.page-title-mobile .popup-question{float: right; width: 110px;}
.page-title-mobile .popup-question a{min-width:50px; padding: 8px 5px 5px 5px;}

/*---------- Product ----------*/
.category-slider{margin: 0 -10px;}

.page-main-mobile .bg-quickfilter-mobile {position: relative;padding: 10px 10px 0;background: #f1f1f1;}
.page-main-mobile .quickfilter-mobile {
    white-space: nowrap;overflow: hidden;overflow-x: scroll !important;padding-bottom: 10px;
    display: flex;align-items: center;height: auto;background: #f1f1f1;
}
.page-main-mobile .quickfilter-mobile a {
    display: block;margin-right: 10px;background: #fff;max-width: 33%;min-width: 125px;position: relative;min-height: 105px;
    padding: 3px 5px;align-self: center;color: #4a90e2;border-radius: 4px;
    grid-auto-rows: minmax(min-content,max-content);grid-template-columns: repeat(2,minmax(0,1fr));
}
.page-main-mobile .quickfilter-mobile a img {
    width: 100%;max-width: 55px;height: auto;display: block;margin: 5px auto; border-radius: 50%;
}
.page-main-mobile .quickfilter-mobile a span {
    display: block;height: auto;white-space: normal;width: 100%;font-size: 11px;padding-left: 5px;
    line-height: 1.5;text-align: center;align-items: center;color: #000;
}
.page-main-mobile .quickfilter-mobile a.active span, .page-main-mobile .quickfilter-mobile a:hover span{color:#d30000;}
.page-main-mobile .quickfilter-mobile a.active img, .page-main-mobile .quickfilter-mobile a:hover img{border:1px solid #d30000;}

.page-main-mobile .block-scroll{padding: 10px 0 0; position: relative;}
.page-main-mobile .scrolling_inner {position: relative;}
.page-main-mobile .scrolling_inner.scroll-quicklink {padding-bottom: 10px;}
.page-main-mobile .scrolling_inner.scroll-right::after {
    background: linear-gradient(to right,rgba(255 255 255/.3),rgba(255 255 255/.8),#fff);
    content: '';height: 42px;position: absolute;top: 0;right: 0;width: 40px;
}
.page-main-mobile .box-filter {background: #fff;font-size: 0;margin-left: 80px; position: unset;}
.page-main-mobile .block-scroll-main {overflow-x: auto;overflow-y: hidden;white-space: nowrap;}
.page-main-mobile .filter-total {
    background-color: #fff;left: 0;position: absolute;top: 10px;z-index: 3; padding: 0;
}
.page-main-mobile .filter-item{position: unset;}
.page-main-mobile .filter-show {
    display: none;background-color: #fff;border-top: 1px solid #ddd;left: 0;position: absolute;
    padding: 10px;top: 54px;white-space: normal;z-index: 5;max-height: 45vh;overflow: hidden;overflow-y: auto;
    width: 100%;min-width: 50px;max-width: 640px;
}
.page-main-mobile .filter-show.show-total {
    display: none;background-color: #fff;height: 100%;left: 0;right: 0;margin: 0 auto;
    overflow: auto;position: fixed;padding: 53px 0 15vh;top: 0;
    width: 100%;max-width: 640px;max-height: 100%;z-index: 9;border-radius: 0; border: none;
}
.page-main-mobile .btn-filter-close, .page-main-mobile .btn-filter-readmore{width: 45%;}
.page-main-mobile .filter-item__title.showing{position: relative;}
.page-main-mobile .filter-item__title.showing::before {
    border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #ddd;bottom: -12px;
}
.page-main-mobile .filter-item__title.showing::after {
    border-left: 9px solid transparent;border-right: 9px solid transparent;border-bottom: 9px solid #fff;bottom: -12px;
}
.page-main-mobile .filter-item__title.showing::before,
.page-main-mobile .filter-item__title.showing::after {
    content: '';left: 50%;position: absolute;transform: translateX(-50%);z-index: 4;
}
.page-main-mobile .show-total .show-total-item {
    width: auto;float: none;min-width: 100%;max-width: 100%; border: none; border-radius: 0; padding: 10px;
}
.page-main-mobile .list-filter-active{padding: 10px;}
.page-main-mobile .filter-show.show-total .filter-button.filter-button--total {
    background-color: #fff;box-shadow: 0 -4px 8px rgb(0 0 0 / 5%);left: 0;right: 0;
    bottom: 0;padding: 8px 10px;position: fixed;width: 100%;z-index: 2;max-width: 640px;margin: 0 auto;
}

.page-main-mobile .box-quicklink.flex-box, .page-main-mobile .box-quicklink.quicklink-watchpage {display: flex;}
.page-main-mobile .lst-quickfilter {padding-left: 2px;overflow: auto;flex-wrap: nowrap;}
.bp-sort-mobile{margin-top: 10px;}
.title-sort-mobile{margin-top: 10px;}
.title-sort-mobile .page-title-mobile{width: calc(100% - 140px); line-height: 25px; font-size: 20px; margin: 0; padding: 0;}
.title-sort-mobile .sort-select{width: 135px;}
.bp-content-mobile{margin-top: 20px;}
.bp-content-mobile .view-more a{margin: 20px auto;}

/*---------- Product Detail ----------*/
.pdm-title{font-weight: bold; font-size: 16px; line-height: 1.5; margin: 15px 0;}
.page-main-mobile .box-desc img{max-width: 100% !important;}
.box-rating-compare{position: relative; margin-bottom: 10px;}
.box-rating-compare .brc-left {width: calc(100% - 115px);float: left;}
.box-rating-compare .detail-rate {display: inline-block;vertical-align: middle;}
.box-rating-compare .detail-rate p {display: inline-block;vertical-align: middle; margin: 0; padding: 0;}
.box-rating-compare .detail-rate p.detail-rate-total {color: #d30000;font-size: 13px;line-height: 18px;margin: 2px 0 0 3px;}
.box-rating-compare .detail-rate p.detail-rate-total span {display: none;}
.box-rating-compare .detail-rate p i.checked {color: #d30000;}
.brc-right{color: #d30000;font-size: 12px;cursor: pointer;float: right;padding-right: 5px;}
.page-main-mobile .box-color {overflow-x: auto;overflow-y: hidden;padding: 0;white-space: nowrap;margin-bottom: 10px;}
.page-main-mobile .box-color a{margin-right: 5px;}
.page-main-mobile .box-button a.btn-buynow{padding: 15px 10px;}
.page-main-mobile .box-button a{padding: 10px;}
.page-main-mobile .box-specification h2{font-size: 16px; line-height: 16px;}
.page-main-mobile .box-review{padding: 20px 10px;}
.page-main-mobile .box-review h3{font-size: 18px; margin-bottom: 10px;}
.page-main-mobile .brs-content span{font-size: 15px;}
.page-main-mobile .box-other{margin: 20px 0;}
.page-main-mobile .box-other-title{margin-bottom: 20px;}
.page-main-mobile .box-other-title h2 {font-size: 18px;line-height: 20px; text-transform: none;}
.list-others {
    border: none;margin: 0;display: flex;overflow-x: auto;scroll-snap-type: x mandatory;
    grid-template-columns: repeat(3,minmax(0,1fr));grid-auto-rows: minmax(min-content,max-content);
}
.list-others li {
    scroll-snap-align: start;margin-right: 15px;background-color: #fff;border-radius: 4px;min-width: 140px;max-width: 215px;
    flex: 0 0 33vw;border: none;padding: 0 0 15px;width: 140px;overflow: hidden;display: block;
}
.list-others li:last-child{margin-right: 0;}
.list-others .item-img {position: relative; height: 150px; line-height: 150px;}
.list-others img {max-width: 100%;}
.list-others h3 {
    font-size: 13px;line-height: 16px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;
    -webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 10px;max-height: 40px;
}
.list-others .item a:hover h3, .list-others li a:hover h3 {color: #d30000;}
.list-others .box-p {margin-bottom: 5px;}
.list-others .box-p p{margin-bottom: 0;}
.list-others .percent {color: #333;display: inline-block;font-size: 13px;line-height: 17px;}
.list-others .price {color: #222;display: block;font-size: 16px;font-weight: bold;line-height: 18px;margin-bottom: 5px;}
.list-others .price-old {color: #666;display: inline-block;font-size: 14px;line-height: 17px;text-decoration-line: line-through;}
.list-others .price-old.black {color: #333;}
.list-others .item-rating {margin-bottom: 5px;display: flex;align-items: flex-end;}
.list-others .item-rating p {display: inline-block; margin-bottom:0;}
.list-others .item-rating p i{color: #d30000; font-size: 12px;}
.list-others .item-rating-total {color: #333;font-size: 12px;margin-left: 5px;}

/*---------- Product Comment ----------*/
.page-main-mobile .box-comment .total-comment{float: none; display: block; padding: 15px 0 0 0;}
.page-main-mobile .box-comment .s_comment{float: none;}
.page-main-mobile .box-comment .s_comment input{width: 100%;}

#unsatisfiedModal .wrap-satis .ustCt{width: 100%;}
#unsatisfiedModal .wrap-satis span {margin-bottom: 7px;display: block;width: 95%;}
#unsatisfiedModal .wrap-satis input {width: 100%; margin: 0 0 10px 0;}
#unsatisfiedModal .wrap-satis a {display: block; text-align: center;}
#unsatisfiedModal .wrap-satis a span{}
#unsatisfiedModal .wrap-satis .fcr-error{}

/*---------- Product Compare ----------*/
.app-main-mobile .stick-compare.stick-compare-new ul.list-compare {
    display: grid;grid-auto-rows: minmax(min-content,max-content);grid-template-columns: repeat(3,minmax(0,1fr));
    overflow: hidden;width: 100%;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;
}
.app-main-mobile .stick-compare.stick-compare-new .close-compare {
    display: inline-block;vertical-align: middle;width: 100%;margin-top: 0;
}
.app-main-mobile .stick-compare.stick-compare-new .close-compare a {
    position: static;display: inline-block;float: left;width: 50%;text-align: center;padding: 12px 0;
    font-size: 14px;color: #d30000; margin: 0;
}
.app-main-mobile .stick-compare.stick-compare-new .close-compare a.doss {background: #d30000; color: #fff;font-size: 14px;}
.app-main-mobile .pro-compare li{padding: 5px;}
.app-main-mobile .list-product.pro-compare .item-img{height: 80px;line-height: 80px; margin-top: 30px;}
.app-main-mobile .pro-compare li .item-img img{width: 90%; margin: 0 auto;}
.app-main-mobile .box-detailcp.clickbuy aside{padding: 5px; min-height: 52px;}
.app-main-mobile .box-detailcp.clickbuy aside a{width: 100%; display: block;}

/*---------- Contact ----------*/
.page-main-mobile .branch-search{display: block;}
.page-main-mobile .branch-search .bs-item-grow{padding: 0 0 10px 0;}
.page-main-mobile .branch-system{float: none; width: 100%; height: 500px; margin-bottom: 20px;}
.page-main-mobile .branch-map{float: none; width: 100%;}
.page-main-mobile .branch-system-logo{width: 0; padding: 0;}
.page-main-mobile .branch-main{margin-bottom: 30px;}
.page-main-mobile .contact{padding-top: 25px;}

/*---------- Contact ----------*/
.page-order-mobile .info {border-bottom: 4px solid #d6dfe7; margin: 0 -10px; padding: 0 10px 10px 10px;}
.page-order-mobile .info>b {font-size: 16px;}
.page-order-mobile .info>b>a{
    font-size: 14px;color: #d30000;display: inline-block;vertical-align: bottom;margin-left: 5px;font-weight: normal;
}
.page-order-mobile .info>p {margin-top: 10px; margin-bottom: 0;}
.page-order-mobile .info>p>span>i{width: 10px; margin-right: 5px; display: inline-block;}

.page-order-mobile .list {padding: 15px 0;border-radius: unset;border: unset; position: relative;}
.page-order-mobile .list>b {font-size: 15px;margin-bottom: 10px; display: block;}
.page-order-mobile .list .item {
    border: 1px solid #e2e2e2;box-shadow: 0 3px 6px 0 #d8dfe3;border-radius: 9px;padding: 10px 3% 15px;
    overflow: hidden;margin-bottom: 10px;
}
.page-order-mobile .list .item .order-head {
    position: relative;width: 100%;clear: both;padding-bottom: 10px;margin-bottom: 10px;
    border-bottom: 1px solid #eee;color: #666;font-size: 13px;
}
.page-order-mobile .list .item .order-head a{color: #d30000;}
.page-order-mobile .list .item .order-head i {
    float: right;font-style: normal;font-size: 13px; line-height: 1.3;
}
.page-order-mobile .item-container {position: relative;overflow: hidden;margin-bottom: 10px;}
.page-order-mobile .item-container:last-child {margin-bottom: 0;}
.page-order-mobile .item-container>div>div.item-container_left {width: 69%;float: left;}
.page-order-mobile .item-container>div>div.item-container_right {width: 30%;text-align: right;float: right;line-height: 1;}
.page-order-mobile .item-container>div>div.item-container_left>a {
    font-size: 14px;color: #333;line-height: 1.3;max-height: 42px;overflow: hidden;display: -webkit-box;
    -webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;
}
.page-order-mobile .item-container>div>div.item-container_left>* {margin-bottom: 5px;}
.page-order-mobile .item-container>div>div>* {display: block;}
.page-order-mobile .item-container>div.link>a {display: block;font-size: 12px;color: #d30000;}

.pom-detail .title {
    text-align: center;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;
    display: block;font-size: 16px;font-weight: normal; margin: 0 -10px;
    padding: 15px 10px;
}
.pom-detail .title>p {margin-bottom: 5px; text-transform: uppercase;}
.pom-detail .title>span {display: block;font-size: 12px;padding-bottom: 5px;}

.pom-detail .item {border-top: unset;padding: 15px 10px; border-bottom: 1px solid #e6e6e6; margin: 0 -10px;}
.pom-detail .item>a.fl {width: 13%;margin: 3px 2% 0 0;}
.pom-detail .item>a.fl>img {display: block;max-width: 100%;margin: auto;}
.pom-detail .item>div.fl {width: 60%;}
.pom-detail .item>div.fl>a {max-height: 36px;line-height: 1.4;overflow: hidden;text-overflow: ellipsis;color: #333;}
.pom-detail .item>div.fl>* {display: block;margin-bottom: 5px;}
.pom-detail .item>div.fl>p {
    font-size: 12px;color: #666;margin-bottom: 3px;padding-left: 10px;position: relative;line-height: 1.5;
}
.pom-detail .item>div.fl>i {
    display: inline-block;vertical-align: top;margin: 7px 0 0;font-style: normal;font-size: 13px;color: #666;
}
.pom-detail .item>div.fr {width: 25%;}
.pom-detail .item>div.fr>b {color: #f30c28;font-weight: normal;}
.pom-detail .item>div.fr>* {display: block;text-align: right;margin-bottom: 5px;font-size: 14px;}
.pom-detail .item>div.fr>em {font-style: normal;text-decoration: line-through;}

.pom-detail .sum {padding: 10px;border-bottom: 2px solid #e6e6e6;border-top: 1px solid #d6dfe7;margin: 0 -10px;}
.pom-detail .sum>span {display: block;margin-bottom: 7px;}
.pom-detail .sum>span>label{margin-bottom: 0;}
.pom-detail .sum>span>i {font-style: normal; float: right;}
.pom-detail .sum>span>b {font-size: 15px;color: #f30c28; float: right;}

.pom-detail .info {
    margin: 0 -10px; padding: 15px 10px; overflow: hidden;border-bottom: 2px solid #d6dfe7;
}
.pom-detail .info>* {display: block;margin-bottom: 7px;}
.pom-detail .info>b {font-size: 16px;}
.pom-detail .info>span {position: relative;padding-left: 10px;line-height: 1.5;}
.pom-detail .info>span:last-child{margin-bottom: 0;}
.pom-detail .info>span:before {
    content: "";width: 5px;height: 5px;border-radius: 50%;background-color: #d8d8d8;left: 0px;top: 7px;position: absolute;
}
.pom-detail .info>span.receiver {display: inline-block;text-transform: capitalize;}

/*---------- Cart ----------*/
.app-main-mobile .buy-more{padding: 10px 0;}
.app-main-mobile .your-cart > span{padding: 10px 0;}
.app-main-mobile .listing-cart .listing-cart-item, .app-main-mobile .total-provisional{
    padding: 10px;
}
.app-main-mobile .infor-customer{ padding: 15px 10px 0 10px;}
.app-main-mobile .choosegetgoods{padding: 15px 10px;}
.app-main-mobile .anotheroption, .app-main-mobile .finaltotal{padding: 20px 10px;}
.app-main-mobile .cart-success{padding: 25px 15px; margin-bottom: 0;}
.app-main-mobile .cart-success .cart-button{text-align: center;}
.app-main-mobile .cart-no, .app-main-mobile .cart-manager{float: none;}
.app-main-mobile .profile{margin-top: 0; padding: 30px 20px;}
.app-main-mobile .form-address > div{margin-bottom: 0;}
.app-main-mobile .btn-edit-done{left: 0;}
.app-main-mobile .profile>a.button{width: 100%;}
.app-main-mobile .profile>a.a-back{text-align: center;display: block;color: #d30000;}
.cart-loader{padding: 30px 0;}
#fe-address .loader, #fe-cart .loader{margin: 20px auto; left: initial; width: 50px; height: 50px;}

/*---------- Change Password ----------*/
.change-password {
    max-width: 400px; margin: 0 auto; border: 1px solid #ccc;border-radius: 4px; overflow: hidden;
    padding: 25px;
}

/*----- Guarantee -----*/
.app-main-mobile .guarantee-form{margin: 0  0 30px 0;}

/*----- Widget -----*/
.zalo-chat-widget{bottom: 90px !important; right: 20px !important;}
.page-widget{position: fixed; bottom: 100px; right: 25px; width: 60px; z-index: 9999;}
.page-widget-mobile{position: fixed; bottom: 90px; right: 25px; width: 44px; z-index: 9999;}
.page-widget a, .page-widget-mobile a{display: block; margin-bottom: 10px;}

/*----- Liquidation -----*/
.page-liquidation{padding: 40px 0;}

#liquidation-banners{}
#liquidation-banners.owl-theme .owl-dots{position: absolute; bottom: 0; width: 100%;}
#liquidation-banners.owl-theme .owl-nav{margin: 0;}

.liquidation-menu{margin-top: 30px;}
.liquidation-pr{
    grid-template-columns: repeat(6, 1fr);
    display: grid;gap: 10px;grid-template-rows: auto auto;
}
.liquidation-pr-item{width: 100%;display: flex;justify-content: stretch;align-items: stretch;}
.liquidation-pr-item a{
    width: 100%;display: flex;flex-direction: column;align-items: center;padding: 10px;
    background: #fff;border: 1px solid #f1f1f1;border-radius: 4px;white-space: normal;
}
.liquidation-pr-item a img {width: 60px;height: 60px;object-fit: cover; margin-bottom: 5px;}
.liquidation-pr-item a span{font-size: 14px;line-height: 150%;font-weight: 400;text-align: center;color: #333;}
.liquidation-pr-item a:hover{border-color: #d30000;}
.liquidation-pr-item a:hover span{color: #d30000;}

.prd-promo.liquidation-prd-promo{margin: 30px 0;}
.home-product-promo.hpp-mobile{margin: 10px -10px 15px -10px;}
.home-product-promo.hpp-mobile h2{padding-left: 10px;}

.lq-categories{margin-top: 30px;}
.lq-categories-title{margin-bottom: 10px;}
.lq-categories-title a{font-size: 24px; line-height: 29px; color: #d30000; display: block;}
.lq-categories-pic{padding: 10px 0;}
.lq-categories-pic.lqcp-mobile img {width: 100%;height: auto;}

.lq-categories-children{margin-bottom: 10px;}
.lq-categories-children ul{margin:0; text-align: center;}
.lq-categories-children ul li{display: inline-block;position: relative; margin: 3px 0px;}
.lq-categories-children ul li a, .lqc-children-mobile ul li a{
    font-style: normal;font-weight: 400;font-size: 14px;line-height: 13px;color: #333;background: #fff;padding: 9px 10px;
    border: 1px solid #e0e0e0;border-radius: 4px;cursor: pointer; display: block;
}
.lq-categories-children ul li a:hover, .lqc-children-mobile ul li a:hover{
    border: 1px solid #e0e0e0; color: #fff; background-color: #d30000;
}
.lqc-children-mobile{margin-bottom: 10px;}
.lqc-children-mobile ul{white-space: nowrap;overflow-x: auto;gap: 10px;display: flex;scroll-snap-type: x mandatory;}
.lqc-children-mobile ul li {display: inline-block;scroll-snap-align: start;position: relative;}

.lq-categories-content{border: 1px solid #bfbfbf; margin-bottom: 20px;}
.lq-categories-more{text-align: center;}
.lq-categories-more a{
    display: inline-block; width: 340px; border: 1px solid #d30000; padding: 10px; border-radius: 5px;
    color: #d30000;
}
.lq-categories-more a:hover{color: #fff; background-color: #d30000;}
.lq-menu-mobile{margin: 20px 0;}
.lq-pr-mobile {
    display: grid;gap: 10px;grid-template-rows: auto auto;grid-auto-flow: column;overflow: hidden;
    overflow-x: scroll;scroll-snap-type: x mandatory;height: 236px;
}
.lq-pr-mobile .lq-pr-item-mobile{height: 109px;}
.lq-pr-mobile .lq-pr-item-mobile a{
    gap: 10px;padding: 7px 6px;border: 1px solid #f1f1f1;display: flex;flex-direction: column;align-items: center;
    background: #fff;border-radius: 4px;white-space: normal; text-align: center;
}
.lq-pr-mobile .lq-pr-item-mobile a img{width: 50px;height: 50px;object-fit: cover;}
.lq-pr-mobile .lq-pr-item-mobile a span{
    position: relative;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;width: 100%;
    text-overflow: ellipsis;overflow: hidden;color: #333;height: 37px;
}

.page-liquidation-mobile{padding: 20px 0;}
.lq-categories.lq-c-mobile{margin: 20px 0;}
.lq-border-mobile{margin: 0 -10px; background-color: #f1f1f1; border: 1px solid #dee2e6!important; height: 4px;}
.lq-categories.lq-c-mobile .lq-categories-title{margin-bottom: 15px;}
.lq-categories.lq-c-mobile .lq-categories-title a {
    font-size: 16px;font-weight: bold;line-height: 16px; text-transform: uppercase;
}

/*---------- Product Pickup Truck ----------*/
.page-product .box-cc:first-child{margin-top: 40px;}
.page-product .box-cc{margin-bottom: 40px;}
.cc-info{position: relative;}
.cc-info img{max-width: 100%;}
.cc-info .cc-info-name{
    position: absolute; top: 20px; left: 20px; color: #fff;
    font-family: "RobotoCondensedBold"; font-size: 21px; line-height: 25px; text-transform: uppercase;
}
.cc-tags{border: 1px solid #bfbfbf; min-height: 437px;}
.cc-tags .owl-theme .owl-nav{margin: 0;}
.cc-tags .owl-carousel .owl-prev{left: -35px;}
.cc-tags .owl-carousel .owl-next{right: -35px;}
.cc-tags .owl-carousel .owl-prev, .cc-tags .owl-carousel .owl-next{box-shadow: none; background: none !important;}
.cc-tags .owl-carousel .owl-prev:hover, .cc-tags .owl-carousel .owl-next:hover{box-shadow: none; background: none !important;}
.cc-tag-column{border-right: 1px solid #bfbfbf;}
.cc-tag-column .cct-tag-item:nth-child(1){border-bottom: 1px solid #bfbfbf;}
.cct-tag-item{padding: 5px 10px 2px 10px;}
.cct-tag-item h3{font-family: "RobotoCondensedBold"; font-size: 14px; text-align: center; margin: 0; padding: 6px 0;}
.cc-info-name-mobile{text-align: center;}
.cc-info-name-mobile a{
    font-family: "RobotoCondensedBold"; font-size: 18px; line-height: 25px; text-transform: uppercase;
}
.cc-tags .owl-carousel .owl-item img{max-width: 180px;}

.page-main-mobile .box-cc:first-child{margin-top: 30px;}
.page-main-mobile .box-cc{margin-bottom: 40px;}
.cc-tags.cc-tags-mobile .owl-carousel .owl-prev{left: 0;}
.cc-tags.cc-tags-mobile .owl-carousel .owl-next{right: 0;}
.cc-tags.cc-tags-mobile .owl-theme .owl-dots{position: absolute; width: 100%; padding: 10px 0;}

/*----- Theme Tet -----*/
/*body.theme-tet:before {background-image: url("../images/banners/meo-vang-trai.png"); left: 0;}*/
/*body.theme-tet:after {background-image: url("../images/banners/tet-meo-mua-lan-phai.png"); right: 0;}*/
/*body.theme-tet:before, body.theme-tet:after {*/
/*    content: '';position: fixed;background-size: 100%;width: 200px;height: 200px;bottom: 0;*/
/*    background-repeat: no-repeat;z-index: -3;pointer-events: none;*/
/*}*/
.sticky-sidebar a {position: fixed;width: 100px;z-index: 9999;}
.sticky-sidebar .banner-left {left: calc(((100vw - 1200px)/2) - 110px);}
.sticky-sidebar .banner-right {right: calc(((100vw - 1200px)/2) - 111px);}
.sticky-sidebar a img {display: block;max-width: 100%;height: auto;}
#popupBannerModal .modal-dialog{max-width: 600px;}
#popupBannerModal .popup-banner-content{background:none !important; border: none !important; border-radius: 0; width: 600px;}
#popupBannerModal .popup-banner-button{text-align: right;}
#popupBannerModal .popup-banner-button a{font-size: 35px; color: #fff;}
#popupBannerModal .popup-banner-picture img{max-width: 600px !important; height: auto;}

#popupBannerMobileModal .modal-dialog{}
#popupBannerMobileModal .popup-banner-content{background:none !important; border: none !important; border-radius: 0; }
#popupBannerMobileModal .popup-banner-button{text-align: right;}
#popupBannerMobileModal .popup-banner-button a{font-size: 35px; color: #fff;}
#popupBannerMobileModal .popup-banner-picture img{max-width: 100% !important; height: auto;}

.banner_popup_bottom_left{position: fixed;bottom: 0;left: 0;z-index: 9999;}
.bpbl-inner{}
.bpbl-inner-button{text-align: right;}
.bpbl-inner-button a{font-size: 25px;}
.bpbl-inner-picture{}
.bpbl-inner-picture img{max-width: 250px; height: auto;}
.page-social-network{margin-left: -70px;}
.page-social-network .psn-inner{
    background: #f5f5f5 0% 0% no-repeat;box-shadow: 0 4px 6px #00000029;border-radius: 30px;
    display: inline-block;padding: 2px;position: fixed;top: 500px; width: 44px;
}
.psn-inner a{display: block;margin-bottom: 5px; border-radius: 50%;}
.psn-inner a:last-child{margin-bottom: 0;}
.psn-inner a img{max-width: 44px; max-height: 44px; border-radius: 50%;}

/*----- Buy Now -----*/
.buy-now-content{position: relative;}
.bnc-close{
    position: absolute; top: -20px; right: -15px; font-size: 40px;
    background: none; border: none; color: #d30000; z-index: 999999;
}
.bnc-picture{text-align: center;border: 1px solid #bfbfbf;border-radius: 5px;margin-bottom: 15px;}
.bnc-picture img{max-width: 100%; border-radius: 5px;}
.bnc-title{font-family: 'RobotoBold';font-size: 18px;text-align: center;margin-bottom: 10px;}
.buy-now-content .box-price{text-align: center;}
.bnc-promotion{margin-bottom: 20px;}
.bnc-promotion h3{margin-bottom: 15px;}
.bnc-promotion h3 span{display: inline-block; padding: 5px 20px; background-color: #d30000; color: #fff;}
.bnc-hotline{text-align: center;}
.bnc-hotline a{
    text-align: center; display: inline-block; padding: 5px 15px; color: #fff; background-color: #d30000;
    border-radius: 5px;
}
.bnc-quantity{margin-bottom: 15px;}
.bnc-quantity .bnc-control {display: flex;margin-top: 5px;}
.bnc-quantity .bnc-control input, .bnc-quantity .bnc-control button {
    width: 30px;height: 30px;font-size: 14px;text-align: center;line-height: 30px;
    padding: 0;margin: 0;overflow: hidden;border: 1px solid #c4c4c4;background: #fff;border-right: none;
}
.bnc-quantity .bnc-control *:last-child {border-right: 1px solid #c4c4c4;}
.bnc-customer{margin-bottom: 15px;}
.cart-bnc-title{font-family: RobotoBold;font-size: 15px;text-transform: uppercase;color: #d30000;margin: 0 0 10px 0;}
.cart-bnc-label{font-weight: bold; margin-bottom: 3px;}
.cart-bnc-control{border: 1px solid #bfbfbf; color: #333; padding: 5px; border-radius: 5px; width: 100%;}
.bnc-receiving{margin-bottom: 15px;}
.bnc-tax{margin-bottom: 15px;}
.bnc-process{text-align: center;}
.bnc-process button{
    border: none; background-color: #d30000; padding: 15px 20px; color: #fff; text-transform: uppercase;
    border-radius: 5px;min-width: 200px;
}
.bnc-process button:hover{background-color: #171717;}
.bnc-process p{margin-bottom: 5px; font-size: 12px;}
.bnc-float-area{position: relative;}
.bnc-float-area .bnc-float-require{position: absolute; display: block; top: -6px;left: -6px;z-index: 1;}
.cart-bnc-alert{padding: 3px 5px;font-size: 12px; margin: 0;}

.cart-box-info{background-color: #efefef; padding: 15px; border-radius: 5px;}
.cart-box-info.last{background: none; padding: 0; border-radius: 0;}
.cart-no-title{margin: 0 0 10px 0;font-size: 18px;font-family: RobotoBold;}
.cbi-title {
    font-family: RobotoBold;font-size: 15px;text-transform: uppercase;color: #d30000;margin: 0 0 10px 0;
}
.cbi-content li{margin-bottom: 5px; font-size: 14px;}
.cart-detail{border: 1px solid #666; border-radius: 5px; font-size: 14px;}
.cart-detail .cart-detail-item{overflow: hidden;border-bottom: 1px solid #666; padding:15px;}
.cart-detail .cart-detail-item:last-child{border-bottom:none;}
.cdi-left{width: 80%;}
.cdi-picture{width: 20%; display:block;}
.cdi-picture img{width:100%; border: 1px solid #bfbfbf; border-radius: 5px;}
.cdi-info{width: 80%; padding-left: 10px;}
.cdi-info a{font-family: RobotoBold; display:block;}
.cdi-promotion{padding-top: 5px;}
.cart-detail .cart-detail-sum{padding: 10px 15px; text-align: right;}
.cart-detail .cart-detail-sum b{color: #d30000;}
.cdi-right{width: 20%; text-align: right;}

/*----- Add new -----*/
.box-classify, .box-related-product{margin-bottom: 24px;}
.box-classify a, .box-related-product a{
    display: inline-block; margin-right: 10px; padding: 10px 15px; border: 1px solid #ccc;
    font-family: RobotoRegular; font-size: 14px; color: #000; border-radius: 5px;
}
.box-classify a:last-child, .box-related-product a:last-child{margin-right: 0;}
.box-classify a.active, .box-classify a:hover,
.box-related-product a.active, .box-related-product a:hover{border: 1px solid #d30000; color: #d30000;}
.box-gallery-control .item:hover .item-border{border-color: #d30000;}
.btn-close-gallery{
    position: absolute; top: 5px; right: 0; font-size: 50px;
    background: none; border: none; color: #d30000; z-index: 999999;
}
.mw-100-percent{max-width: 100%;}
.pps-control a{border: 1px solid #bfbfbf; padding: 4px; display: block;}
.pps-control a:hover, .pps-control a.active{border: 1px solid #d30000;}
.item-label-exclusive{width: 45px; height: 45px; position: absolute; top: 205px; left: 15px; z-index: 1;}
h2.box-classify-title {
    font-family: RobotoBold;font-size: 22px;line-height: 25px;color: #000;margin-bottom: 15px;
}
.page-main-mobile h2.box-classify-title {font-size: 16px;line-height: 16px;}

/*----- Banner Main -----*/
.banner-main {display: block;overflow: hidden;width: 100%;position: relative;}
.banner-main img {width: 100%;display: block;}
.banner-main .banner-main-info {
    position: absolute;bottom: 3%;left: 0;right: 0;z-index: 1;
    max-width: 1200px;min-width: 1024px;margin: auto;
}
.banner-main .banner-main-info h1 {
    font-size: 36px;line-height: 39px;color: #fff; margin-bottom: 5px; font-family: RobotoCondensedBold;
}
.banner-main .banner-main-info p {font-size: 15px;line-height: 20px;color: #f5f5f7;font-family: Roboto;}
.banner-main .banner-main-gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 2.68%, rgba(0, 0, 0, .72) 53.2%, rgba(0, 0, 0, .86) 69.35%, #000 86.01%);
    height: 30%;position: absolute;bottom: 0; width: 100%;
}
.banner-main .banner-main-info-mobile {position: absolute;bottom: 3%;left: 0;right: 0;padding: 0 15px;z-index: 1;}
.banner-main .banner-main-info-mobile h1 {
    font-size: 20px;line-height: 23px;color: #fff; margin-bottom: 5px; font-family: RobotoCondensedBold;
}
.banner-main .banner-main-info-mobile p {
    font-size: 13px;color: #f5f5f7; font-family: Roboto;
}
.footer-company{padding-right: 20px;}