:root{
  --color-global: #034da4; 
}

*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto",sans-serif}
body{color:#222;font-family:"Roboto",sans-serif;font-size:14px;margin:0 auto;background:#f2f2f2}
html{font-size:100%;font-family:"Roboto",sans-serif}
img{max-width:100%;height:auto}
a{text-decoration:none;color:#000}
.clearfix{content:"";clear:both}
ul,li{list-style:none}
table{border-collapse:collapse;width:100%!important;background:#fff}
.ul,.ol{margin:0;padding:0;list-style:none}
.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
.text-center{text-align:center!important}
.align-items{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}
.space-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}
.space-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}
.d-block{display:block!important}
.flex-direction{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.container{padding:0 10px;max-width:1260px;margin:0 auto}
.header .header-top{background: var(--color-global);}
.header .header-top.fix-top{position:fixed;z-index:999;width:100%;left:0;top:0}
.header .header-main{padding:5px 0}
.header .header-main .logo{width: 240px;margin-right: 12px;text-align: center;}
.header .header-main .logo img{width:100px}
.header .icon-right{width: calc(100% - 842px);justify-content: space-around;}
.header .icon-right i{font-size:25px;color:#fff;padding-bottom:3px}
.header .icon-right i.fa.fa-phone{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.header .icon-right p{color:#fff}
.header .icon-right .item.cart{position:relative}
.header .icon-right .item.cart .cart-count{position:absolute;background:#222;padding:1px 4px;font-size:12px;top:-4px;right:7px;color:#fff!important;border-radius:50%}
.header .header-bottom{background:#252525;height:40px}
.header .main-bottom{line-height:40px}
.header .main-bottom .category_main{width:25%;color:#fff;border-right:1px solid #515151;position:relative}
.header .main-bottom .category_main .menu_holder{position:absolute;background-color:#fff;color:#000;z-index:9999;top:50px;left:0;width:240px;height:382px;border-radius:8px;box-shadow: 0px 0px 0px 1px #e1e1e1}
.header .main-bottom .category_main .menu_holder .item{padding:0;width:100%;color:#000;height: calc(100% / 12)}
.header .main-bottom .category_main .menu_holder .item:nth-child(1) a{border-radius: 8px 8px 0 0 }
.header .main-bottom .category_main .menu_holder .item:nth-child(12) a{border-radius: 0 0 8px 8px}
.header .main-bottom .category_main .menu_holder .item p{color:#222;font-weight:500;font-size:14px}
.header .main-bottom .category_main .menu_holder .item img{margin-right:7px;width:22px;height:22px;-o-object-fit:contain;object-fit:contain}
.header .main-bottom .category_main .menu_holder .item .menu-hover{opacity:0;visibility:hidden;position:absolute;font-size:13px;font-weight:300;position:absolute;background:#fff;z-index:999;width:calc(1240px - 240px);height:382px;overflow:auto;padding:10px;-webkit-box-shadow:0 0 6px 0 grey;box-shadow:0 0 6px 0 grey;top:0;left:240px;-webkit-transition:.4s all;transition:.4s all}
.header .main-bottom .category_main .menu_holder .item .item-cate{font-size:14px;padding-left:15px;line-height:32px}
.header .main-bottom .category_main .menu_holder .item:hover .item-cate{background:#ce0101}
.header .main-bottom .category_main .menu_holder .item:hover .item-cate p{color:#fff}
.header .main-bottom .category_main .menu_holder .item:hover img {filter: brightness(100);}
.header .main-bottom .category_main .menu_holder .item:hover .menu-hover{opacity:1;visibility:visible;-webkit-transition:.4s all;transition:.4s all}
.header .main-bottom .category_main .menu_holder .item .list-holder .item-holder{width:calc(100% / 4);text-align:left}
.header .main-bottom .category_main .menu_holder .item .list-holder .title-holder{font-size:16px;color:#cd1818;font-weight:700;line-height:25px;display:block}
.header .main-bottom .category_main .menu_holder .item .list-holder .holder-last a{display:block;color:#222;line-height:20px}
.header .main-bottom .category_main a{color:#fff}
.header .main-bottom .category_main i{padding-right:10px}
.header .main-bottom .cate-right{width:75%}
.header .main-bottom .cate-right .item-n{color:#fff;width:calc(100% / 3);border-right:1px solid #515151}
.header .main-bottom .cate-right .item-n i{padding-right:5px}
.header .main-bottom .cate-right a:hover {color:#ff9000}
.header .form__input{width:578px;margin-right: 12px;position:relative}
.header .form__input .tab-search{width:100%;text-align:right;margin-top:5px}
.header .form__input .tab-search a{line-height:19px;padding:3px 7px;border-radius:3px;font-size:12px;font-weight:300;color:#222;margin-left:5px;background:#ffe3d5}
.header .form__input .search-form{border-radius:4px;overflow:hidden;}
.header .form__input .submit-search{position:absolute;top:0;right:0;bottom:0;border:0;width:50px;height:40px;border-radius:0 4px 4px 0;font-weight:300;background:#222}
.header .form__input .fa-search{font-size:16px;color:#fff;outline:none}
.header .form__input .text_search{border:0;padding:0 5px 0 10px;width:calc(100% - 30px);height:100%;outline:none;color:#a0a0a0}
.header .form__input .searh-form-container{float:left;width:100%;height:38px}
.homepage .banner{background:#fff}
.homepage .banner-main{padding:10px 0}
.homepage .banner-main .banner-left{padding-left:252px;width:calc(100% - 252px);position: relative;}
.homepage .banner-main .banner-left img{width:630px;height:322px;border-radius:7px;display:block}
.homepage .banner-main .banner-right{width: 24%;}
.homepage .banner-main .banner-right img{width:295px;height:322px;display:block}
.homepage .list-cate{margin-right:-5px;padding-bottom:15px}
.homepage .list-cate .item-cate{width:calc(100% / 10 - 5px);margin-right:5px}
.homepage .list-cate .item-cate .border-img{border:1px solid #dbdbdd;width:45px;height:45px;margin:0 auto;text-align:center;position:relative;border-radius:10px}
.homepage .list-cate .item-cate .border-img img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.homepage .list-cate .item-cate p{font-size:13px;padding-top:7px}
.homepage .deal{background:#fff;margin-top:20px;border:2px dashed #ce0101;border-radius:5px}
.homepage .deal .title{padding:10px 20px 5px}
.homepage .deal .title .left{position:relative}
.homepage .deal .title .left img{margin-right:7px;width:23px;height:30px}
.homepage .deal .title .left h2{text-transform:uppercase;color:#f12027;margin:0 auto;font-size:27px;font-style:italic;font-weight:700}
.homepage .deal .title .right .back-time{background:#ce0101;color:#fff;margin-right:5px;padding:5px;border-radius:5px}
.homepage .deal .title .right span{padding-right:3px;font-weight:700}
.homepage .deal .section-product{border-top:1px solid #ededed;padding:20px;border-radius:0 0 5px 5px}
.homepage .deal .item-deal{width:100%;background:#fff;margin:0}
.homepage .deal .item-deal .product-counter{position:relative;display:block;height:18px;border:1px solid #fbda03;border-radius:28px;margin-bottom:10px}
.homepage .deal .item-deal .product-img{display:block;position:relative;padding-bottom:230px}
.homepage .deal .item-deal .product-img img{width:auto;position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;margin:auto}
.homepage .deal .item-deal .product-img .item-sale{position:absolute;left:0;top:0;background-image:-webkit-gradient(linear,left top,right top,from(#f23520),to(#f8720c));background-image:linear-gradient(to right,#f23520,#f8720c);width:50px;height:30px;border-radius:0 0 30px 0;color:#fff;font-size:15px;font-weight:700;line-height:30px;padding-left:5px}
.homepage .deal .item-deal .product-title{font-size:14px;margin:10px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;    height: 35px;}
.homepage .deal .item-deal .product-price{text-align:center}
.homepage .deal .item-deal .product-price .item-price{color:#cd1818;font-size:18px;font-weight:700}
.homepage .deal .item-deal .product-price .item-old-price{color:gray;padding-top:3px;padding-left:7px;font-size:14px}
.homepage .deal .item-deal .product-counter{position:relative;display:block;height:18px;border-radius:28px;margin-top:7px;border:none;background:#ffbbad}
.homepage .deal .item-deal .product-counter .text{color:#fff;position:absolute;left:40%;font-weight:700;z-index:999;text-transform:uppercase;line-height:21px}
.homepage .deal .item-deal .product-counter .bg-count{background: linear-gradient(45deg, #e83100, #f1985c);border-radius:28px;height:100%;left:0;bottom:0;display:block}
.homepage .deal .item-deal .product-counter .img-soc{position:absolute;left:0;top:-10px}
.homepage .deal .item-deal .product-counter .img-soc img{width:20px;height:28px}
.homepage .pro-collection{margin-top:20px}
.homepage .pro-collection .btn-title{background:#fff;border-radius:6px 6px 0 0}
.homepage .pro-collection .btn-title .tablinks{width:calc(100% / 3);text-transform:uppercase;padding:13px 0}
.homepage .pro-collection .btn-title .tablinks h3{font-size:18px}
.homepage .pro-collection .btn-title .tablinks p{font-size:14px}
.homepage .pro-collection .btn-title .tablinks.active{background:#f12027;color:#fff;border-radius:6px 6px 0 0;-webkit-box-shadow:0 2px 10px 0 #54545438;box-shadow:0 2px 10px 0 #54545438}
.homepage .pro-collection .btn-title .tablinks:hover{background:#f12027;color:#fff;border-radius:6px 6px 0 0}
.homepage .pro-collection .section-collection{background:url(../images/background-collection.png?v=1) no-repeat;width:100%;background-size:cover!important}
.homepage .pro-collection .section-collection .title{padding:15px 15px 0;color:#fff}
.homepage .pro-collection .section-collection .title h2{text-transform:uppercase}
.homepage .pro-collection .section-collection .title a{color:#fff;text-transform:uppercase;font-weight:300;font-size:13px}
.homepage .pro-collection .section-collection .section-product{padding:10px 15px 15px}
.homepage .pro-collection .section-collection .product-item{width:100%;margin-bottom:0;border-radius:6px}
.homepage .pro-collection .section-collection .owl-nav .owl-prev{left:0;}
.homepage .pro-collection .section-collection .owl-nav .owl-prev i{font-size:40px}
.homepage .pro-collection .section-collection .owl-nav .owl-next{right:0;}
.homepage .pro-collection .section-collection .owl-nav .owl-next i{font-size:40px}
.homepage .product-hot{margin-top:10px;background:#fff;border-radius:5px}
.homepage .product-hot .title{padding:10px;border-bottom:1px solid #fd7100;color:#fd7100}
.homepage .product-hot .title h2{text-transform:uppercase}
.homepage .product-hot .section-product{padding:10px}
.homepage .product-hot .more-all{display:block;margin:0 auto;text-align:center;line-height:60px;height:60px;text-transform:uppercase;width:100%;border-top:1px solid #ededed;color:#fd7100}
.homepage .feedback{margin-top:10px;background:#fff}
.homepage .feedback .title{padding:20px 10px 5px}
.homepage .feedback .title h2,.homepage .feedback .title a{color:#f12027}
.homepage .feedback .list-feedback{padding:10px}
.homepage .feedback .item-feedback{width:100%;background:#fff;border:1px solid #e1e1e1;border-radius:8px}
.homepage .feedback .item-feedback .img-feedback{display:block;position:relative;padding-bottom:205px}
.homepage .feedback .item-feedback .img-feedback .fix-img{width:auto;position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;margin:auto}
.homepage .feedback .item-feedback .cnt-feedback{font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:38px;margin-bottom:5px}
.homepage .feedback .item-feedback .contact-feedback .left{margin-top:5px;margin-right:10px}
.homepage .feedback .item-feedback .contact-feedback .right{font-size:12px}
.homepage .feedback .item-feedback .content-feedback-1{background:#ffecec;padding:10px 15px}
.homepage .feedback .item-feedback .content-feedback-2{background:#f2ffe5;padding:10px 15px}
.homepage .feedback .item-feedback .content-feedback-3{background:#e3f6ff;padding:10px 15px}
.homepage .feedback .item-feedback .content-feedback-4{background:#f9dcf0;padding:10px 15px}
.product-item{padding:10px;width:calc(100% / 5 - 5px);margin-bottom:10px;background:#fff}
.product-item .product-img{display:block;position:relative;padding-bottom:250px}
.product-item .product-img .item-sale{position:absolute;left:0;top:0;background-image:-webkit-gradient(linear,left top,right top,from(#f23520),to(#f8720c));background-image:linear-gradient(to right,#f23520,#f8720c);width:55px;height:30px;border-radius:0 0 30px 0;color:#fff;font-size:14px;font-weight:700;line-height:30px;text-align: center}
.product-item .product-img img{width:auto;position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;margin:auto}
.product-item .product-title{font-size:14px;margin:10px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height: 35px;}
.product-item .product-price{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}
.product-item .product-price .item-old-price{color:gray;height: 20px;}
.product-item .product-price .item-price{color:var(--color-global);;font-size:20px;font-weight:700;margin-bottom: 5px}
.custom-dots .owl-dots{position: absolute;bottom: 10px;left: 0;right: 0;text-align: center}
.owl-dots button{outline: none;}
.owl-dots .owl-dot span {background: #d0d0d000;}
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {background: var(--color-global) !important;}
.owl-dots .owl-dot span {width: 10px;height: 10px;margin: 5px 7px;background: #D6D6D6;display: block;-webkit-backface-visibility: visible;transition: opacity .2s ease;border-radius: 30px;}
.owl-nav button {position: absolute;top: 50%;margin: 0 !important;width: 27px;height: 50px;line-height: 50px !important;border-radius: 0 50px 50px 0 !important;opacity: 0.5;-webkit-transition: 0.3s all;transition: 0.3s all;-webkit-transform: translateY(-50%);transform: translateY(-50%);outline: none;}
.owl-nav [class*="owl-"]:hover{background:transparent!important}
.custom-nav .owl-nav .owl-next i{color:#666;font-size:45px;margin-top:12px;margin-left:5px;font-weight: 700;}
.custom-nav .owl-nav .owl-prev i{color:#666;font-size:45px;margin-top:12px;font-weight: 700;}
.custom-nav .owl-nav .owl-prev{left:-23px}
.custom-nav .owl-nav .owl-next{right:-20px;border-radius:50px 0 0 50px!important}
.owl-theme .owl-nav i:hover{color:#222}
.footer{background:#fff;margin-top: 15px;}
.footer .item-footer{width:calc(100% / 4 - 20px);margin-right:20px;padding-top:10px}
.footer .item-footer .title{padding:10px 0}
.footer .item-footer a{display:block;padding:5px 0}
.footer .item-footer a:hover{color: var(--color-global);}
.footer .item-footer.contact i{color: var(--color-global);margin-right: 5px;}
.footer .item-footer .list-social .fab{color:#fff;background:#3948ab;width:35px;height:35px;border-radius:50%;margin:0 auto;text-align:center;line-height:35px}
.footer .item-footer .list-social .fab.fa-google-plus-g{background:#d74314}
.footer .item-footer .list-social .fab.fa-youtube{background:#d11607}
.footer-bottom{background:#f2f2f2;padding:10px}
.footer-bottom h3{padding-top:10px;text-transform:uppercase}
.footer-bottom p{padding-top:7px}
.btn-box{position:fixed;bottom:40px;right:20px;z-index:99;width:40px;height:40px;cursor:pointer;background:#333;font-size:20px;color:#fff;text-align:center;border-radius:50%;display:block}
.btn-box i{line-height:40px}
.breadcrumb{padding:10px 0}
.breadcrumb li{padding-right:5px}
.breadcrumb span{padding: 0 3px;}
.detail .pro-detail-content{background:#fff;padding:20px 10px;}
.detail .pro-detail-content .pro-left{width:40%;overflow:hidden;margin-right:15px}
.detail .pro-detail-content .pro-left .big-img{display:block;position:relative;padding-bottom:75%;margin-bottom:20px}
.detail .pro-detail-content .pro-left .big-img img{width:auto;position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;margin:auto;display:block}
.detail .pro-detail-content .pro-left .product-detail-thumbnail{margin:22px auto;width:55%}
.detail .pro-detail-content .pro-left .product-detail-thumbnail .item-thumbnail{padding-bottom:60px;border-radius:6px;position:relative;overflow:hidden}
.detail .pro-detail-content .pro-left .product-detail-thumbnail .item-thumbnail img{width:auto;position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;margin:auto;display:block;border:1px solid #d7d7d7;}
.detail .pro-detail-content .pro-left .product-detail-thumbnail .item-thumbnail.active img{border:1px solid #cd1818}
.detail .pro-detail-content .pro-left .product-detail-thumbnail .owl-nav .owl-prev{left:-30px}
.detail .pro-detail-content .pro-left .product-detail-thumbnail .owl-nav .owl-next{right:-30px;border-radius:50px 0 0 50px!important}
.detail .pro-detail-content .pro-left .btn-share .icon-share{background:url(../images/icon-share.png?v=1) no-repeat;width:40px;height:40px;display:block}
.detail .pro-detail-content .pro-left .btn-share .icon-share.messenger{background-position:-4px 0}
.detail .pro-detail-content .pro-left .btn-share .icon-share.facebook{background-position:-40px 0}
.detail .pro-detail-content .pro-left .btn-share .icon-share.pinterest{background-position:-79px 0}
.detail .pro-detail-content .pro-left .btn-share .icon-share.twitter{background-position:-120px 0}
.detail .pro-detail-content .pro-right{width:60%;padding:10px}
.detail .pro-detail-content .pro-right .name-pro{font-size:20px}
.detail .pro-detail-content .pro-right .star-pro{padding:10px 0}
.detail .pro-detail-content .pro-right .star-pro p{padding:0 10px;color:gray}
.detail .pro-detail-content .pro-right .pro-price{padding:5px 0 10px;font-size:18px}
.detail .pro-detail-content .pro-right .pro-price .price{color:#cd1818;font-size:25px;font-weight:700;padding-right:10px}
.detail .pro-detail-content .pro-right .pro-price .price-discount{font-size:14px;padding:4px 6px;background:#cd1818;margin-left:7px;color:#fff;border-radius:5px}
.detail .pro-detail-content .pro-right .pro-price .price-old{color:gray}
.detail .pro-detail-content .pro-right .pro-promotion{background:#fafafa;padding:15px 10px;border:1px solid #ececec;border-radius:5px}
.detail .pro-detail-content .pro-right .pro-promotion .img-left{margin-right:7px}
.detail .pro-detail-content .pro-right .pro-promotion .content-right b{padding-bottom:3px;display:block}
.detail .pro-detail-content .pro-right .pro-promotion .content-right .voucher-active{background:#00c453;color:#fff;padding:3px 5px;border-radius:5px;text-transform:uppercase;font-size:12px}
.pro-quantity{padding-top:13px;}
.detail .pro-detail-content .pro-right .info-option{margin: 10px 0}
.detail .pro-detail-content .pro-right .info-option .content-option{padding:10px 0}
.detail .pro-detail-content .pro-right .info-option .content-option .item-option{position:relative;width:calc(100% / 4 - 8px);display:flex;flex-wrap: wrap;align-items: center;justify-content: center;background-color:#fff;margin:0 10px 10px 0;padding:15px 10px;text-align:center;color:#222;font-weight:350;border-radius:5px;border:1px dashed #e2e2e2}
.detail .pro-detail-content .pro-right .info-option .content-option .item-option:nth-child(4n){margin-right: 0;}
.detail .pro-detail-content .pro-right .info-option .content-option .item-option.active{border:1px dashed #f12027;background:#fff;font-weight:700}
.detail .pro-detail-content .pro-right .info-option .content-option .item-name{display:block;font-size:16px;font-weight:400;padding-bottom:5px}
.detail .pro-detail-content .pro-right .info-option .content-option .variant-price{font-size:16px;width: 100%}
.detail .pro-detail-content .pro-right .info-option .content-option .checkbox-option{width:14px;height:14px;border-radius:50%;display:inline-block;background:#fff;box-shadow: 0px 0px 0px 1px;position:relative}
.detail .pro-detail-content .pro-right .info-option .content-option .checked {background: #F12027;box-shadow: 0px 0px 0px 1px #F12027}
.detail .pro-detail-content .pro-right .info-option .content-option .checked::before{content: "\2714";font-size: 10px;color: #fff;position: absolute;left: -1px;right: 0;top: 0;bottom: 0;}
.detail .pro-detail-content .pro-right .pro-quantity .title{font-size:16px;padding-right:10px}
.detail .pro-detail-content .pro-right .pro-quantity .input-quantity a{cursor:pointer;float:left;width:30px;height:35px;border:1px solid #ddd;line-height:35px;overflow:hidden;text-align:center;color:#333;background:#fff;font-size:14px;font-weight:700}
.detail .pro-detail-content .pro-right .pro-quantity .input-quantity input{cursor:pointer;float:left;width:55px;height:35px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:0;border-right:0;line-height:21px;overflow:hidden;text-align:center;outline:none;color:#333;background:#fff}
.detail .pro-detail-content .pro-right .btn-product{padding:10px 0}
.detail .pro-detail-content .pro-right .btn-product .btn{background:#f12027;color:#fff;width:calc(100% / 2 - 5px);height:45px;line-height:45px;border:1px solid #f12027;border-radius:5px;text-align:center;text-transform:uppercase;font-size:16px;margin-right:10px;font-weight:700}
.detail .pro-detail-content .pro-right .btn-product .btn:hover{background:#fff;color:#f12027}
.detail .pro-detail-content .pro-right .btn-product .btn.btn-border{background:#fff;color:#f12027}
.detail .pro-detail-content .pro-right .btn-product .btn.btn-border:hover{background:#f12027;color:#fff}
.detail .pro-detail-content .pro-right .btn-product .btn:nth-child(2n){margin-right: 0;}
.detail .comboset{background:#fff;margin-top:10px}
.detail .comboset .title{font-size:18px;font-weight:700;padding:10px;border-bottom:1px solid #dbdbdb}
.detail .comboset .list-comboset{width:80%}
.detail .comboset .item-pro-comboset{padding:7px;width:calc(100% / 5 - 5px);margin-bottom:10px;background:#fff;position: relative;}
.detail .comboset .item-pro-comboset::before {content: '+';color: #C1C1C1;font-size: 28px;line-height: 1;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;left: -12px;font-weight: bold}
.detail .comboset .item-pro-comboset:first-child::before{display:none;}
.detail .comboset .item-pro-comboset .product-img{display:block;position:relative;padding-bottom:200px}
.detail .comboset .item-pro-comboset .product-img .item-sale{position:absolute;left:0;top:0;background:#ff483f;width:50px;height:25px;border-radius:5px;color:#fff;font-size:16px;line-height:25px;padding-left:5px}
.detail .comboset .item-pro-comboset .product-img img{width:auto;position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;margin:auto}
.detail .comboset .item-pro-comboset .product-title{font-size:14px;padding:10px 0;text-overflow: ellipsis;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;height: 65px;}
.detail .comboset .item-pro-comboset .product-title input{margin: 2px 5px 0 0;}
.detail .comboset .item-pro-comboset .item-old-price{color:gray}
.detail .comboset .item-pro-comboset .item-price{color:#ff2e2e;font-size:18px;font-weight:700}
.detail .comboset .box-total{padding:10px;width:20%}
.detail .comboset .box-total b{display:block}
.detail .comboset .box-total .js-pass-price{color:#d11607;font-size:18px;padding-top:10px}
.detail .comboset .box-total .js-pass-unprice{color:gray;margin-bottom:7px}
.detail .comboset .box-total .buy_combo{border:1px solid #d11607;color:#d11607;text-transform:uppercase;padding:7px 0;display:block;text-align:center;border-radius:5px}
.detail .comboset .box-total .buy_combo:hover{background:#d11607;color:#fff}
.detail .pro-desc{margin-top:10px}
.detail .pro-desc .desc-left{background:#fff;width:70%;margin-right:10px;padding:10px}
.detail .pro-desc .desc-left .title{font-size:20px;padding:10px 0 5px;text-transform:uppercase;border-bottom:1px solid #ededed}
.detail .pro-desc .desc-left .content-description{padding-top:10px}
.detail .pro-desc .desc-left .content-description .content{max-height:450px;overflow:hidden;position:relative;line-height: 1.5}
.detail .pro-desc .desc-left .content-description .content::after{content:"";position:absolute;left:0;right:0;bottom:0;height:100px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#fff));background:linear-gradient(transparent,#fff)}
.detail .pro-desc .desc-left .content-description .content p{padding:7px 0}
.detail .pro-desc .desc-left .content-description .content.active{max-height:100%}
.detail .pro-desc .desc-right{background:#fff;width:30%;padding:10px}
.detail .pro-desc .desc-right .title{font-size:20px;padding:10px 0 5px;text-transform:uppercase;border-bottom:1px solid #ededed}
.detail .pro-desc .desc-right .item-techical{position:relative;max-height:470px;overflow:hidden}
.detail .pro-desc .desc-right .item-techical .content tr{padding:10px;height:100%!important}
.detail .pro-desc .desc-right .item-techical tr:nth-child(even), .fancybox-spec tr:nth-child(even){background:#f9f9f9}
.detail .pro-desc .desc-right .item-techical td{padding: 10px}
.detail .pro-desc .desc-right .item-techical:after{content:"";background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(white));background:linear-gradient(rgba(255,255,255,0),white);height:30%;display:block;position:absolute;bottom:0;width:100%}
.detail .pro-review{background:#fff;margin-top:10px}
.detail .pro-review .title{font-size:20px;padding:15px 0;font-weight:700;text-transform:uppercase}
.detail .pro-lienquan{background:#fff;margin-top:10px}
.detail .pro-lienquan .title{font-size:20px;text-transform:uppercase;padding:10px;border-bottom:1px solid #ededed}
.detail .pro-lienquan .product-item{width:100%}
.detail .pro-lienquan .product-item .product-img{padding-bottom:200px}
.detail .pro-lienquan .section-product{margin:5px 0;padding: 10px 20px;}
.item-btn,.viewmore{display:block;margin:0 auto;text-align:center;color:#d11607;padding:10px}
.item-btn i,.viewmore i{font-weight:700;font-size:16px}
.col-md-4{width:35%}
.col-md-3{width:30%}
.text-center{text-align:center!important}
.icon-star{background:url(../images/star_sprite_pc.png?v=2) no-repeat;width:96px;height:19px;vertical-align:text-bottom;display:inline-block}
.icon-star.star0{background-position:0 -108px}
.icon-star.star1{background-position:0 -86px}
.icon-star.star2{background-position:0 -65px}
.icon-star.star3{background-position:0 -40px}
.icon-star.star4{background-position:0 -20px}
.icon-star.star5{background-position:0 0}
#vote-statistic{position:relative;border:1px solid #ddd;padding:40px 0;margin:10px 0}
#vote-statistic li{overflow:hidden;margin-bottom:13px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
#vote-statistic li span{text-align:left}
#vote-statistic li .count{color:#888;white-space:pre}
#vote-statistic li .line-rating{width:70%;height:13px;background:#eee;margin-top:3px;margin-right:6px;border-radius:10px}
#vote-statistic ul li .line-rating .percent{display:block;height:100%;border-radius:10px;background-image:-webkit-gradient(linear,left top,right top,from(#ff500b),to(#f22127));background-image:linear-gradient(to right,#ff500b,#f22127)}
.btn-start{margin:10px}
.btn-start .btn-review{background:#288ad6;padding:10px 20px;color:#fff;margin-top:10px;display:block;border-radius:5px}
.text-16{font-size:16px}
.text-12{font-size:12px;padding-bottom:10px}
.grey{color:gray}
.mt-3,.my-3{margin-top:1rem!important}
.mb-2,.my-2{margin-bottom:.5rem!important}
.form-control{display:block;width:100%;height:calc(1.5em + 0.75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}
.rating-form table td{padding:5px 0}
.rating-selection .rating-input{float:right;width:16px;height:16px;padding:0;margin:0 0 0 -16px;opacity:0}
.rating-selection .rating-star:hover{background-position:0 0}
.rating-selection .rating-star{position:relative;float:right;display:block;width:26px;height:26px;background:url(../images/star_sprite_pc.png?v=2) 0 0;margin:0 1px}
.rating-selection .rating-star:hover,.rating-star:hover ~ .rating-star{background-position:0 0}
.rating-selection .rating-star:hover,.rating-star:hover ~ .rating-star,.rating-input:checked ~ .rating-star{background-position:0 0}
.rating-selection .rating:hover .rating-star:hover,.rating:hover .rating-star:hover ~ .rating-star,.rating-input:checked ~ .rating-star{background-position:0 0}
.rating-selection .rating-star,.rating:hover .rating-star{position:relative;float:right;display:block;width:26px;height:26px;background:url(../images/star.png?v=2) 0 -28px}
.rating-selection .rating:hover .rating-star:hover,.rating:hover .rating-star:hover ~ .rating-star{background-position:0 -56px!important}
.rating-selection{display:inline;float:left;margin-top:-8px}
.rating-selection::after{content:"";display:block;clear:both}
.btn-red{margin-top:16px;background:#d00;color:#fff;padding:7px 20px;font-size:14px;border-radius:3px;-moz-border-radius:3px;border:solid 1px #ce0101;display:inline-block}
.list-review .item{border-bottom:1px solid #e1e1e1;padding:10px 0}
.cnt-start{border-left:1px solid #ededed;border-right:1px solid #ededed;padding:0 40px}
.category .name{padding-bottom:10px;text-transform:uppercase}
.category .name span{font-size:13px;font-weight:400}
.cate-left{width:25%;}
.cate-left .p-filter-item .title{color:#333;font-size:14px;line-height:45px;display:block;position:relative;border-bottom:1px solid #eee;font-weight:700;text-transform:uppercase}
.cate-left .p-filter-item .title.arrow-down::after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.cate-left .p-filter-item .p-filter-list-value{padding:10px 0;background-color:#fff}
.cate-left .p-filter-item .p-filter-list-value .list-brand-check{margin:0;overflow:auto}
.cate-left .p-filter-item .p-filter-list-value .list-brand-check li{line-height:2}
.cate-left .p-filter-item .p-filter-list-value .list-brand-check li label{margin-bottom:0}
.cate-left .p-filter-item .p-filter-list-value .list-brand-check li .brand-checker{float:left;margin-top:0;margin-right:5px}
.cate-left .p-filter-item .p-filter-list-value .list-brand-check li .brand-checker i{font-size:14px;margin-right:5px}
.cate-left .p-filter-item .p-filter-list-value .list-brand-check li .brand-checker i.fa-check-square-o{color:#c00}
.cate-left .p-filter-item .p-filter-list-value .list-brand-check li .brand-checker .brand-checker-link .filter-link{line-height:30px;color:#c5c5c5;font-weight:lighter}
.list-brand-check li,.list-brand-check li label{display:block;cursor:pointer}
.brand-checker-link{display:block;line-height:30px}
.list-brand-check li .fa-check-square,.list-brand-check li .fa-square{vertical-align:middle}
.list-brand-check li .fa-square:before{display:inline-block;content:"";width:14px;height:14px;background:#fff;border:1px solid #888;border-radius:3px}
.list-brand-check li .fa-check-square:before{display:inline-block;content:"\f00c";width:14px;height:14px;background:var(--color-global);border:1px solid var(--color-global);border-radius:3px;font-size:13px;color: #fff;}
.ui-slider-horizontal{height:8px!important;margin-bottom:20px!important}
.ui-slider .ui-slider-range{background:#f18387!important;border:1px solid #f18387!important}
.ui-state-default,.ui-widget-content .ui-state-default{width:20px!important;height:20px!important;border-radius:50%!important;background:#f12027!important;border:none!important;outline:0!important;top:-7px!important}
.vertical-price-filter input{width:100%;padding:5px 20px 5px 10px;border:1px solid #243a76;border-radius:3px;font-size:14px;text-align:right}
.price-curency{position:absolute;right:10px}
.vertical-price-filter-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:48%}
.price-separator{background:0 0;width:4%}
.vertical-price-filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}
.list-brand-check .half-li{width:49%}
.cate-right{width:75%;margin-left:10px}
.cate-right .main-category-content{background:#fff;padding:10px}
.cate-right .filter-sort{background:#f2f2f2;padding:15px 10px}
.cate-right .pro-list-grid{padding-right:10px}
.cate-right .pro-list-grid .grid_style{margin-right:15px}
.cate-right .pro-list-grid i{font-size:20px;line-height:28px;color:#ccc}
.cate-right .pro-list-grid .active i{color:#f12027}
.cate-right .sort-pro{border:solid 1px #ccc;border-radius:3px}
.cate-right .paging{width:100%;text-align:right}
.cate-right .paging a{width:30px;height:30px;margin:0 5px;line-height:30px;text-align:center;font-size:15px;font-weight:500;color:#222;display:inline-block;background:#fff;border-radius:5px}
.cate-right .paging a.current{color:#fff;background: var(--color-global)}
.cate-right .product-list.cate{padding:10px 0;margin-right:-10px}
.cate-right .product-list.cate .product-item{width:calc(100% / 4 - 10px);padding:0;margin-right:10px}
.cate-right .product-list.cate .product-img{padding-bottom:180px}
.cate-right .product-list.cate .paging{padding-top:20px;border-top:1px solid #ededed}
.cate-right .product-list.cate .paging a{background:#f2f2f2;margin:0 5px 0 0}
.cate-right .product-list.cate .paging a.current{color:#fff;background:#f12027}
.cate-right .list-display .product-item{width:100%!important;border:1px solid #ededed;padding:10px!important}
.cate-right .list-display .container-product{display:-webkit-box;display:-ms-flexbox;display:flex}
.cate-right .list-display .container-product .product-img{width:27%;margin-right:20px}
.cate-right .static-html{margin-top:10px;background:#fff;padding:10px}
.cate-right .static-html p{padding:5px 0}
.cate-right .static-html .content{max-height:300px;overflow:hidden;position:relative}
.cate-right .static-html .content::after{content:"";position:absolute;left:0;right:0;bottom:0;height:100px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#fff));background:linear-gradient(transparent,#fff)}
.cate-right .static-html .content.active{max-height:100%}
.cate-right .static-html .content.active::after{display:none}
/*cart new*/
.cart .not-cart{margin:0 auto;text-align:center;padding:30px 0}
.cart .not-cart p{padding:20px 0;font-weight:500}
.cart .not-cart .back-cart{margin:10px 0;padding:10px;background:#cd1818;display:block;width:15%;margin:0 auto;color:#fff;border-radius:8px;text-transform:uppercase}

.cart-home{background: var(--color-global);padding:10px 0;position:relative;height:70px}
.cart-home .back-to-cart{color:#fff;font-size:14px;text-transform:uppercase;line-height:50px}
.cart-home .logo-cart{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20%}
.cart-home .logo-cart img{width:27%;border-right:1px solid #ededed8c;padding-right:10px}
.cart-home .logo-cart h3{font-size:20px;padding-left:10px;color:#fff;text-transform:uppercase;font-weight:400}
.main-cart{background-color:#fff}
.main-cart .content-cart{padding:10px 0}
.main-cart .cart-product-left{width:100%}
.main-cart .cart-product-left .border-product{border:1px solid #dadada;border-radius:15px}
.main-cart .cart-product-left .top-title-cart{background:#fff;margin-top:10px;padding:10px;border-bottom:1px solid #dadada}
.main-cart .cart-product-left .cart-product{width:50%}
.main-cart .cart-product-left .cart-product .check-all{width:16px;height:16px;margin:0;margin-right:10px;border:solid 2px #bbb;position:relative;border-radius:3px;cursor:pointer}
.main-cart .cart-product-left .cart-product .check-all.active{background:#f12027;border:none}
.main-cart .cart-product-left .cart-product .check-all.active:before{content:"\f00c";font-family:"FontAwesome";font-weight:400;width:16px;height:16px;color:#fff;float:left;position:absolute;z-index:1;left:0;top:0;text-align:center;line-height:16px;font-size:10px}
.main-cart .cart-product-left .cart-product .img-pro{width:100px;margin-right:10px}
.main-cart .cart-product-left .cart-product .name-pro{width:calc(100% - 110px)}
.main-cart .cart-product-left .price-cart{width:15%}
.main-cart .cart-product-left .price-cart .js-buy-price{font-weight:500}
.main-cart .cart-product-left .price-cart .old-price{color:#a0a0a0}
.main-cart .cart-product-left .quantity-cart{width:15%}
.main-cart .cart-product-left .quantity-cart a{display:inline-block;border:solid 1px #ccc;width:29px;text-align:center;line-height:29px;margin:0 -4px;vertical-align:top;cursor:pointer;font-size:18px;color:#888}
.main-cart .cart-product-left .quantity-cart input{height:31px;width:35px;text-align:center;border:solid 1px #ccc;margin-right:0;border-radius:5px}
.main-cart .cart-product-left .total-price-cart{width:15%}
.main-cart .cart-product-left .total-price-cart .total-item-price{color:#ce0101;font-weight:700;}
.main-cart .cart-product-left .delete-price{width:calc(100% - 50% - 15% - 12% - 15%)}
.main-cart .cart-product-left .cart-items{background:#fff;margin-top:10px;padding:10px;border-bottom:1px solid #dadada}
.main-cart .cart-product-left .cart-items:last-child{border-radius:0 0 15px 15px;border-bottom:0}
.main-cart .cart-information{width:100%;margin-top:20px}
.main-cart .cart-information .border-information{border:2px solid var(--color-global);border-radius:15px}
.main-cart .cart-information .top-information{padding:10px;border-bottom:1px solid silver}
.main-cart .cart-information .top-information .title{text-transform:uppercase}
.main-cart .cart-information .top-information .click-popup-address{color:#0c72db}
.main-cart .cart-information .content-information .mota{padding:10px}
.main-cart .cart-information .content-information .mota a{text-decoration:underline;color:#0c72db}
.main-cart .cart-information .content-information .box-new-address-cart{padding:0 10px 10px}
.main-cart .cart-information .content-information .box-new-address-cart .item{padding-top:10px}
.main-cart .cart-information .content-information .box-new-address-cart .item.diachi{margin-right:-10px}
.main-cart .cart-information .content-information .box-new-address-cart label{font-weight:700;padding-bottom:5px;display:block}
.main-cart .cart-information .content-information .box-new-address-cart .item-address{width:calc(100% / 3 - 10px);margin-right:10px}
.main-cart .cart-information .content-information .box-pay-method .title{font-size:16px;text-transform:uppercase;padding:10px;border-bottom:1px solid silver}
.main-cart .cart-information .content-information .box-pay-method .content-select-radio{padding:10px}
.main-cart .cart-information .content-information .box-pay-method .content-select-radio .item-radio{padding:10px 0;display: flex;align-items: center;cursor: pointer;}
.main-cart .cart-information .box-pay-method .item-radio input{margin-right: 5px}
.main-cart .cart-information .content-information .box-ship .title{font-size:16px;text-transform:uppercase;padding:10px;border-bottom:1px solid silver}
.main-cart .cart-information .content-information .box-ship .list-ship{padding:10px}
.main-cart .cart-information .content-information .box-ship .list-ship label{padding-bottom:10px;display:block}
.main-cart .cart-information .content-information .voucher-thanhtoan{padding:10px;background-color:#f6f6f6}
.main-cart .cart-information .content-information .voucher-thanhtoan .show-voucher-cart{color:#0c72db}
.main-cart .cart-information .content-information .box-cart-bill{padding:10px}
.main-cart .cart-information .content-information .box-cart-bill .title{font-weight:400;font-size:14px;margin-left:10px}
.main-cart .cart-information .content-information .note-cart{padding:10px}
.main-cart .cart-information .content-information .thongtinthanhtoan .tamtinh{padding:10px;border-top:1px solid silver}
.main-cart .cart-information .content-information .thongtinthanhtoan .giamgia{padding:0 10px 10px;border-bottom:1px solid silver}
.main-cart .cart-information .content-information .thongtinthanhtoan .thanhtien-cart{padding:10px}
.main-cart .cart-information .content-information .thongtinthanhtoan .thanhtien-cart .total-cart-payment{color:#c00}
.main-cart .cart-information .content-information .btn-cart-submit{width:98.5%;height:35px;background: var(--color-global);border:none;font-size:15px;color:#ffff;text-transform:uppercase;border-radius:5px;font-weight:700;margin:10px;cursor:pointer}

.voucher-cart .right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:10px 0;border-bottom:1px solid #ededed}
.voucher-cart .right .title{width:30%}
.voucher-cart .right .title img{margin-right:10px}
.voucher-cart .right .show-voucher-cart{width:11%;color:#0c72db;font-weight:500}
.voucher-cart .content-voucher{display:none;width:700px;height:500px;border-radius:8px;padding:10px;z-index:999;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff}
.voucher-cart .content-voucher .title{padding:10px 0}
.voucher-cart .content-voucher .title h4{font-size:16px}
.voucher-cart .content-voucher .title .js-close-voucher i{color:gray;font-size:20px}
.voucher-cart .content-voucher .input-voucher{background:#f0f0f0;padding:15px 10px}
.voucher-cart .content-voucher .input-voucher .left{width:20%}
.voucher-cart .content-voucher .input-voucher .right{width:80%}
.voucher-cart .content-voucher .input-voucher .right input{float:left;background:#fff;height:35px;width:420px;border-radius:4px;border:none;margin-right:5px;padding: 0 10px;}
.voucher-cart .content-voucher .input-voucher .right .button-check-discount{float:left;width:calc(100% - 425px);background:#ec2028;height:35px;text-align:center;line-height:35px;display:block;color:#fff;text-transform:uppercase;font-weight:500;font-size:14px;border-radius:4px}
.voucher-cart .content-voucher .list-code-voucher{padding-top:10px}
.voucher-cart .content-voucher .list-code-voucher .item{border-top:1px solid #ededed;border-bottom:1px solid #ededed;border-right:1px solid #ededed;border-radius:5px;margin-bottom:20px;cursor: pointer;}
.voucher-cart .content-voucher .list-code-voucher .item .code-voucher{position:relative;width:23%;background: #cccccc;color: #fff;text-align: center;position: relative;padding: 6px 0px;}
.voucher-cart .content-voucher .list-code-voucher .item .code-voucher::before,.voucher-cart .content-voucher .list-code-voucher .item .code-voucher::after{content: '';position: absolute;top: 0;bottom: 0;background: radial-gradient(circle at 0 0.25rem, transparent 0, #fff 0.1875rem, transparent 5px);width: 5px;background-size: 10px 8.5px;background-repeat: repeat-y;}
.code-voucher::before{left: -2px;}
.code-voucher::after{right: -2px;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.voucher-cart .content-voucher .list-code-voucher .item.active-voucher .code-voucher{background: linear-gradient(90deg, #ef702c, #ee2d24);}
.voucher-cart .content-voucher .list-code-voucher .item .code-voucher b{font-size:23px;text-transform:uppercase}
.voucher-cart .content-voucher .list-code-voucher .item .note-code{width:74%;padding-left:10px;}
.voucher-cart .content-voucher .list-code-voucher .item .check-code{width:3%;text-align:right}
.voucher-cart .content-voucher .list-code-voucher .item .check-code .click-item-code{width:16px;height:16px;border:1px solid #222;border-radius:50%;cursor:pointer;position: relative;}
.voucher-cart .content-voucher .btn-voucher{padding:15px 0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.voucher-cart .content-voucher .list-code-voucher .item.current-voucher .check-code .click-item-code{border-color: #ee2d24;}
.voucher-cart .content-voucher .list-code-voucher .item.current-voucher .check-code .click-item-code::before{content: '';width: 10px;height: 10px;border-radius: 50%;background: #ee2d24;position: absolute;top: 2px;left: 2px;}
.voucher-cart .content-voucher .btn-voucher .back-cart{width:200px;height:35px;line-height:35px;margin-right:10px;text-align:center;background:#ccc;color:#fff;text-transform:uppercase;font-weight:700;border-radius:4px}
.voucher-cart .content-voucher .btn-voucher .submit-voucher{width:200px;height:35px;line-height:35px;text-align:center;background:#ec2028;color:#fff;text-transform:uppercase;font-weight:700;border-radius:4px}
.voucher-cart .content-voucher.active{display:block}
.overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.6);z-index:9;display:none}
.overlay.active{display:block}

.tab-ct {display: none;}
.tab-ct.active {display: block;}
.autocomplete-suggestions{border:1px solid #ccc;background:#FFF;cursor:default;overflow:auto;width:100%;display:none;z-index:99999;position:absolute;top:34px;max-height:350px;left:-1px;}
.autocomplete-suggestion{padding:3px 5px;overflow:hidden;}
.autocomplete-suggestion.selected,.autocomplete-suggestion:hover{background:#f5f5f5;}
.autocomplete-selected{background:#F0F0F0;}
.autocomplete-suggestions strong{font-weight:normal;color:#3399FF;}
.autocomplete-suggestions a{text-decoration:none;color:#333;display: flex; align-items: center;margin-bottom: 10px;padding:10px;}
.autocomplete-suggestions .price {display: block;    color: red;font-size: 18px;padding-top: 10px;}
.autocomplete-suggestions img {width: 18%;padding-right: 10px;}
.autocomplete-suggestions .info{width: calc(100% - 18% - 10px);}
.autocomplete-suggestions a:hover{color:#d00 !important;}
#js-seach-result::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
#js-seach-result::-webkit-scrollbar{width: 12px;background-color: #F5F5F5;}
#js-seach-result::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}
.header .main-bottom .category_main.nothome .menu_holder {visibility: hidden;}
.header .main-bottom .category_main.nothome:hover .menu_holder {visibility: visible;top: 42px;}
.header.cart-hide,.footer.cart-hide,.footer-bottom.cart-hide {display: none;}
.form-thanhtoan .right .thongtindonhang .item-product-cart .content-pro .content {width: 75%;}
.overflow-hidden {overflow: hidden!important;}
.main-send{text-align:center;background:#fff;height:400px;position:relative}
.content-send{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;margin:0 auto;width:50%}
.content-send .cart-error{color:#f12027;font-size:25px;text-transform:uppercase;padding-bottom:10px}
.content-send h1{color:#12b629;font-size:25px;text-transform:uppercase;padding-bottom:10px}
.content-send p{display:block;padding:10px 0}
.content-send .back-home{display:block;background:#ec2028;margin:40px auto;width:250px;color:#fff;height:35px;line-height:35px;font-size:14px;border-radius:5px;text-transform:uppercase}\
.bg-w{background-color: #fff;}
/* popup login */
.bg-popup-overlay.active{display:block}
.bg-popup-overlay{width:100%;height:100%;float:left;position:fixed;z-index:9999;background:rgba(0,0,0,0.35);top:0;left:0;display:none}
.content-popup-register{background:#fff;border-radius:25px;}
.content-popup-login{background:#fff;border-radius:25px;height:470px;overflow:hidden}
.js-popup-login.active,.js-popup-register.active,.js-popup-reset.active,.js-popup-success.active{display:block}
.popup-login{position:fixed;top:45%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9999;border-radius:25px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}
.popup-login .content-popup-left{padding:20px}
.popup-login .content-popup-left .content-left-top{padding-top:20px}
.popup-login .content-popup-left .title{padding-bottom:10px;font-weight:400;font-size:15px}
.popup-login .content-popup-left .inputform{position:relative;margin-bottom:10px}
.popup-login .content-popup-left .inputform i{position:absolute;top:8px;right:12px;font-size:20px;color:#c2c2c2}
.popup-login .content-popup-left .btn-login{width:100%;height:35px;background:#f12026;border:none;color:#fff;font-size:14px;border-radius:5px;margin:10px 0}
.popup-login .content-popup-left .click-login{color:#f12026}
.popup-login .content-popup-left .btn-register{margin-left:30px;color:#f12026;border:1px solid #f12026;padding:8px 20px;border-radius:7px}
.popup-login .content-popup-left .btn-register:hover{background:#f12026;color:#fff}
.popup-login .content-popup-left .content-left-bottom p{text-align:center;padding:10px 0}
.popup-login .content-popup-left .content-left-bottom .login-with-social{margin:10px auto}
.popup-login .content-popup-left .content-left-bottom .login-with-social a{margin-right:20px;width:10%}
.popup-login .content-popup-left .content-left-bottom .login-with-social img{width:100%}
.popup-login .content-popup-left .content-left-bottom .login-rules{text-align:center;font-size:13px}
.popup-login .content-popup-left .content-left-bottom .login-rules a{text-decoration:underline}
.popup-login .content-popup-right{border-radius:40px;position:relative}
.popup-login .content-popup-right img{width:270px;height:100%;display:block;border-radius:0 25px 25px 0}
.popup-login .content-popup-right .text-popup-right{position:absolute;top:65%;text-align:center;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:100%;color:#fff}
.popup-login .content-popup-right .text-popup-right .txt-up{text-transform:uppercase;font-size:18px;font-weight:700}
.popup-login .content-popup-right .text-popup-right .txt-down{font-size:13px}
.popup-register{width:780px;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9999;border-radius:25px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}
.popup-register .content-popup-left{padding:20px}
.popup-register .content-popup-left .content-left-top{padding-top:30px}
.popup-register .content-popup-left .title{padding-bottom:10px;font-weight:400;font-size:15px}
.popup-register .content-popup-left .inputform{position:relative;margin-bottom:10px}
.popup-register .content-popup-left .inputform i{position:absolute;top:8px;right:12px;font-size:20px;color:#c2c2c2}
.popup-register .content-popup-left .input_birthday{width:calc(100% / 3 - 20px);margin-right:10px;border:1px solid #e1e1e1;height:calc(1.5em + 0.75rem + 2px);padding:0 5px;border-radius:.25rem;color:#979797}
.popup-register .content-popup-left .birthday{margin-right:-30px;padding-bottom:10px}
.popup-register .content-popup-left .xacnhan,.popup-register .content-popup-left .confirm{margin:7px 0}
.popup-register .content-popup-left .xacnhan p{padding-left:10px;padding-top:4px}
.popup-register .content-popup-left #btn_reg{width:100%;height:30px;background:#f12026;border:none;color:#fff;font-size:14px;border-radius:5px;margin-bottom:10px}
.popup-register .content-popup-left .click-login{color:#f12026}
.popup-register .content-popup-left .content-left-bottom .login-with-social{margin:10px auto}
.popup-register .content-popup-left .content-left-bottom .login-with-social a{margin-right:20px;width:10%}
.popup-register .content-popup-left .content-left-bottom .login-with-social img{width:100%}
.popup-register .content-popup-left .content-left-bottom .login-rules{text-align:center;font-size:13px}
.popup-register .content-popup-left .content-left-bottom .login-rules a{text-decoration:underline}
.popup-register .content-popup-right{border-radius:40px;position:relative}
.popup-register .content-popup-right img{width:295px;height: 100%;display:block;border-radius:0 25px 25px 0}
.popup-register .content-popup-right .text-popup-right{position:absolute;top:65%;text-align:center;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:100%;color:#fff}
.popup-register .content-popup-right .text-popup-right .txt-up{text-transform:uppercase;font-size:18px;font-weight:700}
.popup-register .content-popup-right .text-popup-right .txt-down{font-size:13px}
.close-pop{position:absolute;right:-8px;top:-15px;background-color:#fff;width:30px;height:30px;text-align:center;line-height:32px;border-radius:50px;-webkit-box-shadow:0 0 6px 1px #22222257;box-shadow:0 0 6px 1px #22222257;z-index:999}
.close-pop i{color:gray}
.input_radio{position:relative;padding-left:25px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:20px}
.input_radio input{position:absolute;opacity:0;cursor:pointer}
.input_radio input:checked ~ .checkmark{background-color:#f12026}
.input_radio .checkmark:after{top:7px;left:7px;width:7px;height:7px;border-radius:50%;background:#fff}
.input_radio input:checked ~ .checkmark:after{display:block}
.input_radio .title-gioitinh{margin-top:3px;display:block}
.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#eee;border-radius:50%}
.checkmark:after{content:"";position:absolute;display:none}
.popup-reset-password{width:600px;position:fixed;top:45%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9999;border-radius:12px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}
.popup-reset-password .content-popup-reset{padding:20px}
.popup-reset-password .content-popup-reset b,.popup-reset-password .content-popup-reset p{padding:10px 0}
.popup-reset-password .content-popup-reset .btn-reset-pass{display:block;text-align:center;margin:10px auto;padding:10px 40px;background:#f12026;color:#fff;border:0;border-radius:5px}
.popup-reset-password .content-popup-reset .item-form-reset{position:relative}
.popup-reset-password .content-popup-reset .item-form-reset .note-error-plp{width:100%;position:absolute;z-index:1;left:0;bottom:8px;font-size:12px;color:#ed1b24}
.popup-reset-success{width:600px;position:fixed;top:45%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9999;border-radius:12px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}
.popup-reset-success .content-popup-success{padding:20px;text-align:center}
.popup-reset-success .content-popup-success i{background:green;width:30px;height:30px;color:#fff;line-height:30px;text-align:center;border-radius:50%}
.popup-reset-success .content-popup-success p{padding:10px 0}
.popup-reset-success .content-popup-success .close-success{width:100%;display:block;border:1px solid #3580dc;color:#3580dc;padding:10px;font-weight:700;font-size:15px;border-radius:5px}
.login{background:#fff;margin:10px auto;padding:20px;width:600px;border-radius:15px}
.login .btn-register{margin-left:30px;color:var(--color-global);border:1px solid var(--color-global);padding:8px 20px;border-radius:7px}
.login .btn-register:hover{background:var(--color-global);color:#fff}
.login .title{padding:10px 0}
.login .inputform{position:relative;margin-bottom:10px}
.login .inputform i{position:absolute;top:8px;right:12px;font-size:20px;color:#c2c2c2}
.login .btn-login{width:100%;height:35px;background: var(--color-global);border:none;color:#fff;font-size:14px;border-radius:5px;margin:10px 0}
.login .login-bottom p{text-align:center;padding:10px 0}
.login .login-bottom .login-with-social{margin:10px auto}
.login .login-bottom .login-with-social a{margin-right:20px;width:10%}
.login .login-bottom .login-with-social img{width:100%}
.login .login-bottom .login-rules{text-align:center;font-size:13px}
.login .login-bottom .login-rules a{text-decoration:underline}
.register{background:#fff;margin:10px auto;padding:20px;width:600px;border-radius:15px}
.register .title{padding:10px 0}
.register .inputform{position:relative;margin-bottom:10px}
.register .inputform i{position:absolute;top:8px;right:12px;font-size:20px;color:#c2c2c2}
.register .btn-register{margin-left:30px;color:#f12026;border:1px solid #f12026;padding:8px 20px;border-radius:7px}
.register .btn-register:hover{background:#f12026;color:#fff}
.register .input_birthday{width:calc(100% / 3 - 20px);margin-right:10px;border:1px solid #e1e1e1;height:calc(1.5em + 0.75rem + 2px);padding:0 5px;border-radius:.25rem;color:#979797}
.register .birthday{margin-right:-30px;padding-bottom:10px}
.register .xacnhan,.register .confirm{margin:7px 0}
.register .xacnhan p{padding-left:10px;padding-top:4px}
.register #btn_reg{width:100%;height:30px;background:#f12026;border:none;color:#fff;font-size:14px;border-radius:5px;margin-bottom:10px}
.register .click-login{color:#f12026}
.register .register-bottom p{text-align:center;padding:10px 0}
.register .register-bottom .login-with-social{margin:10px auto}
.register .register-bottom .login-with-social a{margin-right:20px;width:10%}
.register .register-bottom .login-with-social img{width:100%}
.register .register-bottom .login-rules{text-align:center;font-size:13px}
.register .register-bottom .login-rules a{text-decoration:underline}
.box-cat-article .list-cat-ar{width:100%;float:left;margin-bottom:20px}
.box-cat-article .list-cat-ar a{float:left;margin-right:30px;font-size:15px;text-transform:uppercase;font-weight:500;color:#222}
.box-cat-article .list-cat-ar a.current,.box-cat-article .list-cat-ar a:hover{color:#005aab}
.box-cat-article .list-cat-ar a:last-child{margin-right:0}
.box-article-list{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;padding:12px 0;margin-bottom:20px}
.box-article-list .article-list{width:100%;float:left;margin-bottom:20px}
.box-article-list .article-list .item{width:calc(33.3333% - 8px);float:left;margin-bottom:20px}
.box-article-list .article-list .item:nth-child(3n+2){margin-left:12px;margin-right:12px}
.box-article-list .article-list .item .n-img{width:100%;padding-top:61%;margin-right:0;margin-bottom:10px}
.box-article-list .article-list .item .n-info{width:100%}
.box-article-list .load-more-article{width:100%;float:left;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:10px}
.box-article-list .load-more-article .js-load-article{width:392px;float:left;line-height:36px;text-align:center;font-weight:300;text-transform:uppercase;color:#fff;background:#fdb813}
.box-article{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 0;background:#fff}
.box-top-article{width:100%;float:left;margin-bottom:50px}
.box-top-article .first-item{width:100%;float:left;position:relative;margin-bottom:12px}
.box-top-article .first-item .n-img{width:100%;padding-top:60.5%;margin-right:0}
.box-top-article .first-item .n-img img{width:100%!important}
.box-top-article .first-item .n-info{width:100%;padding:20px;position:absolute;z-index:1;bottom:0;left:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.5)));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5))}
.box-top-article .first-item .n-info .n-name{font-size:30px;color:#fff}
.box-top-article .first-item .n-info .tine-cmt-view span{color:#fff}
.box-top-article .other-item{width:100%;float:left}
.box-top-article .other-item .item{width:calc(33.3333% - 8px);float:left}
.box-top-article .other-item .item:nth-child(3n+2){margin-left:12px;margin-right:12px}
.box-top-article .other-item .item .n-img{width:100%;padding-top:61%;margin-right:0;margin-bottom:10px}
.box-top-article .other-item .item .n-info{width:100%}
.header-all-cat-article{width:100%;float:left;margin-bottom:20px;padding-bottom:10px;font-size:16px;font-weight:700;text-transform:uppercase;color:#f12027;border-bottom:solid 1px #f0eded;position:relative}
.header-all-cat-article span{color:#222}
.header-all-cat-article::after{content:'';width:27px;height:1px;float:left;background:#f12027;position:absolute;z-index:1;left:0;bottom:-1px}
.box-new-article .item{width:100%;float:left;margin-bottom:25px}
.box-new-article .item .n-img{width:150px;padding-top:87px;float:right;margin-right:0;margin-left:20px}
.box-new-article .item .n-info{width:calc(100% - 170px);float:left}
.box-new-article .item .n-summary{width:100%;float:left;margin-top:10px;color:#222;font-weight:300}
.share{color:#888;font-size:13px;font-weight:300;position:relative;width:100%;float:left}
.share .over-share{opacity:0;position:absolute;top:-6px;left:-6px;background:#fff;padding:5px}
.share .over-share .share-text{color:#fff;background:#45629f;font-weight:700;height:20px;line-height:20px;white-space:nowrap;display:inline-block;-webkit-font-smoothing:antialiased;padding:0 5px 0 22px;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:3px}
.share:hover .over-share{opacity:1}
.box-article-home-list{width:100%;float:left;margin-bottom:50px}
.box-article-home-list .article-list{width:100%;float:left}
.box-article-home-list .article-list .item{width:100%;float:left;margin-bottom:25px}
.box-article-home-list .article-list .item .n-img{width:291px;padding-top:168px;margin-right:12px}
.box-article-home-list .article-list .item .n-info{width:calc(100% - 303px)}
.box-article-home-list-vm{width:100%;float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}
.box-article-home-list-vm a{width:248px;float:left;line-height:34px;border:solid 1px #f0eded;font-size:14px;font-weight:300;text-transform:uppercase;color:#888;text-align:center}
.box-article-home-list-vm a:hover{color:#f12027;border-color:#f12027}
.box-article-home-list-vm::before{content:'';width:calc(50% - 154px);height:1px;float:left;background:#f0eded;position:absolute;top:50%;left:0}
.box-article-home-list-vm::after{content:'';width:calc(50% - 154px);height:1px;float:left;background:#f0eded;position:absolute;top:50%;right:0}
.box-hot-article{width:100%;float:left;margin-bottom:50px}
.box-hot-article .first-item{width:100%;float:left;margin-bottom:15px;padding-bottom:15px;border-bottom:solid 1px #f0eded}
.box-hot-article .first-item .n-img{width:100%;margin-bottom:10px;padding-top:61%;margin-right:0}
.box-hot-article .first-item .n-info{width:100%}
.box-hot-article .first-item .n-info .num{width:80px;line-height:75px;text-align:center;font-style:italic;font-size:50px;font-weight:700;color:#cacaca;border-right:solid 1px #cacaca;float:left}
.box-hot-article .first-item .n-info .n-info-ct{width:calc(100% - 80px);float:left;padding-left:20px}
.box-hot-article .other-item .item{width:100%;float:left;margin-bottom:20px}
.box-hot-article .other-item .item .num{width:40px;height:40px;border-radius:50%;background:#f0eded;float:left;margin-right:20px;text-align:center;line-height:40px;position:relative}
.box-hot-article .other-item .item .otn-info{width:calc(100% - 60px);float:left}
.box-hot-article .other-item .item .otn-info .n-name{color:#222;margin-bottom: 10px;display: block;}
.box-hot-article .other-item .item:nth-child(1) .num::before{content:'02';width:40px;height:40px;line-height:40px;float:left;position:absolute;top:0;left:0;z-index:1;font-style:italic;font-size:16px;font-weight:700;color:#222;text-align:center}
.box-hot-article .other-item .item:nth-child(2) .num::before{content:'03';width:40px;height:40px;line-height:40px;float:left;position:absolute;top:0;left:0;z-index:1;font-style:italic;font-size:16px;font-weight:700;color:#222;text-align:center}
.box-hot-article .other-item .item:nth-child(3) .num::before{content:'04';width:40px;height:40px;line-height:40px;float:left;position:absolute;top:0;left:0;z-index:1;font-style:italic;font-size:16px;font-weight:700;color:#222;text-align:center}
.box-game-article{width:100%;float:left;margin-bottom:50px}
.box-game-article .list{width:100%;float:left}
.box-game-article .list .item{width:100%;float:left;margin-bottom:20px}
.box-game-article .list .item:last-child{margin-bottom:0}
.box-game-article .list .item .n-img{width:100%;float:left;padding-top:61%;margin-right:0;margin-bottom:10px}
.box-game-article .list .item .n-info{width:100%}
.box-game-article .list .item .n-info .tine-cmt-view span{margin:10px;margin-left:0}
.n-vm{float:left;width:158px;float:left;line-height:34px;border:solid 1px #f0eded;font-size:14px;font-weight:300;text-transform:uppercase;color:#888;text-align:center;margin-top:10px}
.n-vm:hover{color:#005aab;border-color:#005aab}
.box-article-deal{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;margin-bottom:20px}
.box-article-deal .article-list{width:100%;float:left}
.box-article-deal .article-list .item{width:calc(33.3333% - 8px);margin-bottom:20px;float:left}
.box-article-deal .article-list .item:nth-child(3n+2){margin-left:12px;margin-right:12px}
.box-article-deal .article-list .item .n-img{width:100%;margin-bottom:10px;margin-right:0;padding-top:61%}
.box-article-deal .article-list .item .n-info{width:100%}
.box-article-detail{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 0;background:#fff}
.box-article-detail .article-name{width:100%;float:left;margin-bottom:10px;font-size:30px;font-weight:700;color:#222}
.box-article-detail .rage-date{width:100%;float:left;margin-bottom:10px;font-size:16px;color:#888}
.box-article-detail .ar-admin{width:100%;float:left;margin-bottom:20px}
.box-article-detail .ar-admin img{margin-right:20px}
.box-article-detail .ar-admin span{font-size:12px;color:#888}
.box-article-detail .ar-admin span span{font-weight:700;color:#005aab}
.col-md-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
.col-md-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
.n-img{width:190px;float:left;margin-right:20px;padding-top:115px;position:relative;overflow: hidden;}
.n-img img{position:absolute;max-width:100%;height:auto!important;left:0;top:0;right:0;bottom:0;display:block;}
.n-info{width:calc(100% - 210px);float:left}
.n-info .n-name{width:100%;float:left;margin-bottom:5px;font-size:14px;font-weight:700;color:#222}
.n-info .n-name:hover{color:#f12027}
.n-info .tine-cmt-view{width:100%;float:left;margin-bottom:5px}
.n-info .tine-cmt-view span{margin-right:20px;font-weight:300;color:#999}
.n-info .tine-cmt-view .ar-admin{text-transform:uppercase}
.n-info .tine-cmt-view .ar-admin span{margin-right:0;font-weight:700;color:#f12027}
.n-info .n-summary{width:100%;float:left;font-weight:300;color:#222}
.n-info .n-cat{float:left;padding:0 8px;line-height:32px;margin-bottom:10px;font-size:13px;font-weight:300;text-transform:uppercase;color:#fff;background:#fdb813}
.row [class*="col-"] {padding-left: 6px;padding-right: 6px;}
.col-md-8 {-ms-flex: 0 0 65%;flex: 0 0 65%;max-width: 65%;}
.col-ms-4{-ms-flex: 0 0 35%;flex: 0 0 35%;max-width: 35%;}
.row {margin-left: -6px;margin-right: -6px;clear: both;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.line-clamp-2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.blog-detail {background: #fff;padding: 10px;}
.nd p {margin: 10px 0;}
.box-blog-relay .title{font-size: 15px;margin-bottom: 10px;font-weight: 700;text-transform: uppercase;}
.box-blog-relay .list .item {display: block;margin-bottom: 10px;}
.box-blog-relay .list .n-container {display: flex;}
.box-article-list .paging{padding-top:20px;border-top:1px solid #ededed;text-align: center;}
.box-article-list .paging a{background:#f2f2f2;margin:0 5px 0 0;width:30px;height:30px;margin:0 5px;line-height:30px;text-align:center;font-size:15px;font-weight:500;color:#222;display:inline-block;background:#fff;border-radius:5px}
.box-article-list .paging a.current{color:#fff;background:#f12027}
.item-account{width:100%;border-bottom:1px solid #ededed;padding:10px 0}.item-account .check-account{margin-right:10px}.item-account .cnt-account .name{font-weight:700}.item-account .right{color:green;text-align: right;}
.add-address{padding: 5px;margin: 10px 0;display: block;border: 1px solid #afadad;width: 130px;font-size: 13px;border-radius: 5px;}
.item-address label {font-weight: bold;padding: 5px 0;display: block;}
.popup-address{width:800px;border-radius:10px;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:999;background-color:#fff;padding:20px;display:none;overflow: auto;max-height: 90vh;box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);}
.popup-address.active{display:block;}
.popup-address .title h3{font-size:23px;padding-bottom:7px}
.popup-address .title p{font-size:14px}
.popup-address .js-close-address{position:absolute;right:10px;top:10px;font-size:20px}
.popup-address .list-address{margin:10px 0;max-height: 400px;overflow: auto}
.popup-address .list-address .item{border-radius:10px;padding:10px;border:1px dashed green;margin-bottom:15px;display:block}
.popup-address .list-address .name{padding-bottom:5px}
.popup-address .list-address .name-ct{font-weight:700;text-transform:capitalize}
.popup-address .list-address .name-note{color:green}
.popup-address .list-address p{padding-bottom:3px}
.popup-address .list-address .list-btn{margin-top:5px}
.popup-address .list-address .list-btn .select-add{padding:10px;background-color:#f12027;color:#fff;border-radius:7px}
.popup-address .list-address .list-btn .edit-add{padding:10px;border:1px solid #f2f2f2;border-radius:7px;margin-left:10px}
.popup-address .cart-add-new{color:#0c72db}
.popup-address .box-add-new-address-cart{display:none;margin:10px 0}
.popup-address .box-add-new-address-cart.active{display:block}
.popup-address .box-add-new-address-cart .box-create-address{background-color:#f4f4f4;padding:15px;border-radius:15px}
.popup-address .box-add-new-address-cart .item{padding-bottom:10px;margin-bottom:10px}
.popup-address .box-add-new-address-cart .item label{width:110px;font-weight:700}
.popup-address .box-add-new-address-cart .item .content{width:calc(100% - 110px)}
.popup-address .box-add-new-address-cart .item.cnt-add{margin-right:-10px}
.popup-address .box-add-new-address-cart .item .add-local{margin-right:5px}
.popup-address .box-add-new-address-cart .item .inputCheckboxFake{width:18px;height:18px;float:left;margin-right:10px;border-radius:3px;border:1px solid #e1e1e1;position:relative}
.popup-address .box-add-new-address-cart .item .inputCheckboxFake.active{background:#233b76}
.popup-address .box-add-new-address-cart .content .note-eror {white-space: pre-line;line-height: 1.5;margin-bottom: 10px;color: #f12027;font-weight: 500}
.popup-address .box-add-new-address-cart .item .cart-btn-submit-add-new{padding:10px;background-color:#f12027;color:#fff;border-radius:7px;display: inline-block}
.popup-address .box-add-new-address-cart .item .back-cart-btn-submit{padding:10px;border:1px solid #afafaf;border-radius:7px;margin-left:10px}
.popup-address .box-add-new-address-cart .item-address{width:calc(100% / 2 - 10px);margin-right:10px;display: flex;align-items: center;}
.popup-address .box-add-new-address-cart .item-address label{padding-bottom:5px;display:block}
.popup-address .box-add-new-address-cart .item-address .form-control{color:#000}
.cate-right .list-display{margin-right:0!important}
.cate-right .list-display .product-item{width:calc(100% / 2 - 5px)!important;display:flex;flex-wrap:wrap}
.cate-right .list-display .product-item:nth-child(2n){margin-right:0}
.cate-right .list-display .product-item .product-img{width:40%;padding-bottom:40%;margin-right:10px}
.cate-right .list-display .product-item .product-info{width:calc(100% - 40% - 10px)}
.cate-right .list-display .product-item .product-title{height:auto;display:block}
.list-review .content .rating-text {margin: 10px 0;}
.item-reply-group{position:relative;padding:10px;background:#F8F8F8;border:1px solid #E8E8E8;margin-top:10px;border-radius:5px}
.item-reply-group .reply-item{border-bottom:1px solid #e1e1e1;padding:10px 0}
.item-reply-group .reply-item:last-child{border:0}
.item-reply-group::before{content:'';border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:14px solid #E8E8E8;position:absolute;top:-14px;left:12px}
.item-reply-group::after{content:'';border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:13px solid #F8F8F8;position:absolute;top:-13px;left:12.8px}
.item-reply-group .reply-item .title{display:block;padding:0;font-size:16px}
.item-reply-group .reply-item .reply-content{margin:10px 0}
.item-reply-group .reply-item time{display:block;font-size:12px;color:grey}
.detail .pro-promotion .item {margin-bottom: 15px}
.detail .pro-promotion .item:last-child {margin: 0}
.detail .pro-promotion .item p b {display: inline-block !important;margin: 0 5px 0 0}
.main-cart .box-cart-bill .item-address {margin: 10px 0}
.order-detail-page .cart-send-info{padding:20px 15px;margin-top:12px;background:#f5f5f5;font-weight:300;}
.order-detail-page .cart-send-info b{display:inline-block;width:185px;vertical-align:top;}
.order-detail-page .cart-send-info span{display:inline-block;width:calc(100% - 189px);}
.order-detail-page p{margin-top: 0;margin-bottom: 1rem;}
.order-detail-page .m-0 {margin: 0 !important;}
.order-detail-page {padding: 20px 10px;line-height: 1.5;}
.order-detail-page .text-22 {font-size: 22px;}
.order-detail-page .p-15{padding:0 15px}
.order-detail-page .title{border-bottom:1px solid #d7d7d7;line-height:44px;}
.order-detail-page .item{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top: 1px solid #f5f5f5;padding:15px 0;}
.order-detail-page .item:first-child{border: 0;}
.order-detail-page .item-left{width:82px;margin-right:8px;text-align:center;}
.order-detail-page .item-left img{display:block;margin:auto auto 15px auto;}
.order-detail-page .item-middle{width:362px;margin-right:8px;}
.order-detail-page .item-right{width:calc(100% - 460px);text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.order-detail-page .item-variant{margin:10px 0 0 0;font-size:12px;font-weight:500;}
.order-detail-page .item-name{display:block;color:#222;margin-bottom:8px;font-weight:600;}
.order-detail-page .item-name:hover{color:#ee2d24;}
.order-detail-page .offer-group .active span{display:block;}
.order-detail-page .offer-group span{position:relative;display:none;padding-left:12px;margin-bottom:10px;}
.order-detail-page .offer-group span::before{content:'';width:5px;height:5px;border-radius:50%;background:#d4d4d4;position:absolute;top:7px;left:0;}
.order-detail-page .offer-group .offer-btn a{display:none;}
.order-detail-page .item-quantity{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border:1px solid #e5e5e5;border-radius:4px;overflow:hidden;text-align:center;width: 100px;margin: auto 0 auto auto;}
.order-detail-page .item-quantity a{text-align:center;color:#222;width:30px;line-height:33px;font-weight:500;}
.order-detail-page .item-quantity input{text-align:center;border:0;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;width:37px;}
.order-detail-page .cart-voucher-group{padding:15px;background:#f5f5f5;}
.order-detail-page .cart-voucher-group .btn-check-voucher{background:#707070;color:#fff !important;width:85px;position:absolute;top:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.order-detail-page .cart-voucher-group .cart-voucher-form{background:#fff;position:relative;overflow:hidden;border-radius:6px;margin-bottom:12px;}
.order-detail-page .cart-voucher-group .voucher-input{width:calc(100% - 90px);border:0;height:40px;padding-left:12px;}
.order-detail-page .d-flex {display: flex;}
.order-detail-page .align-items-center {align-items: center;}
.order-detail-page .justify-content-between {justify-content: space-between;}
.order-detail-page .border-top {border-top: 1px solid #f5f5f5;}
.cart-voucher-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:101;width:824px;max-height:570px;border-radius:10px;padding:0 10px 25px 10px;margin:auto;}
.cart-voucher-popup .voucher-holder{padding:20px 25px 20px 33px;background:#f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;}
.cart-voucher-popup .popup-voucher-input{width:630px;}
.cart-voucher-popup .popup-voucher-input input{margin-right:5px;border:0;height:40px;padding-left:12px;border-radius:4px;background:#fff;width:calc(100% - 180px);}
.cart-voucher-popup .btn-voucher{background:#ee2d24;font-weight:bold;font-size:16px;text-align:center;line-height:40px;color:#fff;width:175px;border-radius:4px;}
.cart-voucher-popup .voucher-list{height:270px;overflow:auto;margin:0 0 20px 0;padding-right:20px;}
.cart-voucher-popup .voucher-list::-webkit-scrollbar{width:6px;}
.cart-voucher-popup .btn-voucher-popup{border-top:1px solid #ebebeb;margin:0 -10px;padding:17px 10px 0 10px;}
.cart-voucher-popup .btn-voucher-popup a{color:#fff;display:inline-block;font-weight:bold;font-size:16px;text-align:center;border-radius:4px;width:175px;line-height:40px;}
.cart-voucher-popup .btn-back{background:#ccc;}
.cart-voucher-popup .btn-ok{background:#ee2d24;}
.cart-voucher-popup .voucher-item{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none;}
.cart-voucher-popup .voucher-item.active-voucher{cursor:pointer;pointer-events:unset;}
.cart-voucher-popup .voucher-item.active-voucher .code{background:-webkit-gradient(linear, left top, right top, from(#ef702c), to(#ee2d24));background:linear-gradient(90deg, #ef702c, #ee2d24);}
.cart-voucher-popup .voucher-item.current-voucher .circle{border-color:#ee2d24;}
.cart-voucher-popup .voucher-item.current-voucher .circle::before{content:'';width:10px;height:10px;border-radius:50%;background:#ee2d24;position:absolute;top:4px;left:4px;}
.cart-voucher-popup .voucher-item:first-child{margin-top:0;}
.cart-voucher-popup .code{width:175px;background:#cccccc;color:#fff;text-align:center;position:relative;padding:6px 0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;}
.cart-voucher-popup .code::before, .cart-voucher-popup .code::after{content:'';position:absolute;top:0;bottom:0;background:radial-gradient(circle at 0 0.25rem, transparent 0, #fff 0.1875rem, transparent 5px);width:5px;background-size:10px 8.5px;background-repeat:repeat-y;}
.cart-voucher-popup .code::after{right:-2px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.cart-voucher-popup .code::before{left:-2px;}
.cart-voucher-popup .code b{width:100%;}
.cart-voucher-popup .text{width:calc(100% - 175px);border:1px solid #f0f0f0;border-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:18px 12px 18px 22px;line-height:1.6;}
.cart-voucher-popup .text p{margin:0 18px 0 0;width:calc(100% - 40px);white-space:pre-line;}
.cart-voucher-popup .circle{width:22px;height:22px;border-radius:50%;border:2px solid #bfbfbf;display:inline-block;position:relative;}
.cart-voucher-popup .no-voucher{height:100%;}
.cart-voucher-popup .no-voucher-img{padding-bottom:200px;display:block;background-position:center;background-repeat:no-repeat;background-size:contain;}
.bg-popup {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.3);cursor: pointer;z-index: 2}
.product-detail-page .pd-offer-group{border-radius:15px;-webkit-box-shadow:0 0 0 1px #FFE4E1;box-shadow:0 0 0 1px #FFE4E1;position:relative;margin:30px 0 18px;padding:28px 12px 12px}
.product-detail-page .pd-offer-group .title{background:#FFE4E1;border-radius:21px;color:#D91605;font-weight:700;line-height:38px;display:inline-block;margin:0 0 9px;position:absolute;top:-20px;left:12px;padding:0 12px}
.product-detail-page .pd-offer-list{font-size:13px;line-height:20px}
.product-detail-page .pd-offer-list .item{position:relative;padding-left:15px}
.product-detail-page .pd-offer-list .item::before{content:'\f111';font-family:'Font Awesome 5 Free';font-weight:900;font-size:4px;position:absolute;left:3px}
.product-detail-page .pd-offer-list .item *{padding:0;margin:0;list-style:none}
.brand-page{padding:20px 0px;background:#fff;}
.brand-page .featured-brand{width:100%;float:left;margin-bottom:30px;}
.brand-page .featured-brand .title-n{width:100%;float:left;font-size:18px;text-transform:uppercase;font-weight:700;margin-bottom:20px;}
.brand-page .featured-brand .list-n{width:100%;float:left;display:flex;flex-wrap:wrap;align-items:center;}
.brand-page .featured-brand .list-n li{width:12.5%;float:left;text-align:center;margin-bottom:10px;}
.brand-page .featured-brand .list-n li img{max-height:25px;}
.brand-page .brand-list{margin-bottom:30px;}
.brand-page .brand-list .first-letter{float:left;margin-right:30px;}
.brand-page .brand-list .first-letter .title-n{float:left;font-size:18px;text-transform:uppercase;font-weight:700;line-height:25px;}
.brand-page .brand-list .list-letter{float:left;}
.brand-page .brand-list .list-letter li{float:left;margin-right:25px;font-size:16px;line-height:25px;}
.brand-page .brand-item{margin-bottom:20px;}
.brand-page .brand-item .smallTitle{font-size:18px;font-weight:700;margin-bottom:10px !important;line-height:30px;border-bottom:solid 1px #ccc;}
.brand-page .brand-item .list-unstyled{display:flex;flex-wrap:wrap;align-items:center;}
.brand-page .brand-item .list-unstyled li{text-align:center;padding:0px 10px;margin-bottom:20px;text-transform: capitalize;}
.brand-page .brand-item .list-unstyled li img{max-height:25px;width:auto;}
.brand-page a {color: #222}
/* success */
.success-checkmark{margin:0 auto;width: 100%;display: flex;align-items: center;justify-content: center;}
.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid var(--color-global);}
.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px;}
.success-checkmark .check-icon::after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in;}
.success-checkmark .check-icon::before, .success-checkmark .check-icon::after{content:'';height:100px;position:absolute;background:#FFFFFF;transform:rotate(-45deg);}
.success-checkmark .check-icon .icon-line{height:5px;background-color: var(--color-global);display:block;border-radius:2px;position:absolute;z-index:10;}
.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip 0.75s;}
.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long 0.75s;}
.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border: 4px solid var(--color-global);}
.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#FFFFFF;}
@keyframes rotate-circle{0%{transform:rotate(-45deg);}
5%{transform:rotate(-45deg);}
12%{transform:rotate(-405deg);}
100%{transform:rotate(-405deg);}
}
@keyframes icon-line-tip{0%{width:0;left:1px;top:19px;}
54%{width:0;left:1px;top:19px;}
70%{width:50px;left:-8px;top:37px;}
84%{width:17px;left:21px;top:48px;}
100%{width:25px;left:14px;top:45px;}
}
@keyframes icon-line-long{0%{width:0;right:46px;top:54px;}
65%{width:0;right:46px;top:54px;}
84%{width:55px;right:0px;top:35px;}
100%{width:47px;right:8px;top:38px;}
}
.success-form {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999;background: rgba(0,0,0,0.5);display: block;}
.content-container {background: #ffffff;max-width: 500px;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-height: 280px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 20px 20px;border-radius: 12px;width: 100%;}
.content-text {font-weight: 600;line-height: 1.6;font-size: 24px;}
/* end success */

.pd-deal-group{background:linear-gradient(100deg,#ff424e,#fd820a);color:#fff;margin:15px 0;padding:4px 16px 6px;border-radius:10px;display:flex;align-items:center;justify-content:space-between}
.pd-deal-group .price,.pd-deal-group .price-old{color:#fff!important}
.pd-deal-group .price{margin-bottom:5px}
.product-detail-page .pd-deal-group .pro-price{display:block!important}
.pd-deal-group .price-discount{display:inline-block}
.pd-deal-group .pd-deal-time-group{text-align:center}
.pd-deal-group .pd-deal-time-group b{color:#ff424e;background:#fff;width:20px;line-height:20px;font-weight:400;font-size:14px;justify-content:center;border-radius:3px;position:relative;margin:5px 6px 0 7px}
.pd-deal-group .pd-deal-time-group b::after{content:':';color:#fff;position:absolute;right:-11px;top:-1px}
.pd-deal-group .pd-deal-time-group .pd-deal-time-holder{display:flex;justify-content:center;align-items:center}
.pd-deal-group .pd-deal-time-group p:last-child b::after{content:none}
.pd-deal-group .pd-deal-time-group .pd-deal-time-holder span {width: 100%;display: block;margin-top: 3px}
.pd-deal-group .pd-deal-time-group .pd-deal-time-holder p {display: flex;flex-wrap: wrap;justify-content: center;text-align: center;margin: 0;max-width: 39px}
.homepage {margin-top: 12px}
.homepage .home-banner-group {display: flex;flex-wrap: wrap;padding-bottom: 12px;}
.homepage .home-banner-group img {border-radius: 10px;display: block;width: 100%;height: 330px;object-fit: contain;}
.homepage .home-banner-left {margin-right: 12px;width: 850px;}
.homepage .home-banner-right {width: calc(100% - 850px - 12px);height: 330px;}
.homepage .home-banner-right img{border-radius: 10px;display: block;width: 100%;height: 100%;object-fit: contain;}
.homepage .home-list-cat {background: #fff;margin: 12px 0;padding: 17px;border-radius: 10px;flex-wrap: wrap}
.voucher-list-holder{border-bottom: 1px solid #e1e1e1;padding: 10px 0 20px 0;margin-bottom: 20px}
.voucher-list-holder .voucher-list-title {display: flex;align-items: center}
.voucher-list-holder .voucher-list-title a:nth-child(n+4) {display: none}
.voucher-list-holder .voucher-list-title a {box-shadow: 0px 0px 0px 1px #0d5cb6;font-size: 16px;text-align: center;margin: 0 8px 0 0;border-radius: 6px;line-height: 40px;color: #0d5cb6;padding: 0 15px;position: relative;}
.voucher-list-holder .voucher-list-title a.copy::before {content: 'Đã sao chép';font-size: 16px}
.voucher-list-holder .voucher-list-title a.copy {font-size: 0;display: flex;align-items: center;justify-content: center;background: #0d5cb6;color: #fff}
.voucher-list-popup{display:none}
.voucher-list-popup .voucher-list-detail{background:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99;border:none;overflow:auto hidden;border-radius:8px;outline:none;padding:24px;width:464px;height:75vh}
.voucher-list-popup .box-title{display:flex;align-items:center;justify-content:space-between;font-size:20px;line-height:32px;margin-bottom:10px}
.voucher-list-popup .box-title p{font-weight:700}
.voucher-list-popup .voucher-popup-list{height:calc(100% - 42px);overflow:auto;padding:8px}
.voucher-list-popup .voucher-popup-list .item{display:flex;flex-wrap:wrap;margin-bottom:10px;box-shadow:0 0 3px 0 rgba(0,0,0,0.3);border-radius:10px;overflow:hidden}
.voucher-list-popup .item .item-left{min-width:104px;width:104px;height:104px;padding:8px;position:relative;filter:drop-shadow(rgba(0,0,0,0.15) 0px 1px 3px);border-right:1px dashed #e1e1e1}
.voucher-list-popup .item .item-left img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:80px;max-height:80px}
.voucher-list-popup .item .item-right{width:calc(100% - 104px);padding:8px 8px 8px 12px;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}
.voucher-list-popup .item .item-right b{display:block;margin-bottom:6px}
.voucher-list-popup .item .item-right p{margin:6px 0}
.voucher-list-popup .item-right .item-bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#aaa}
.voucher-list-popup .item-right .voucher-active{white-space:nowrap;padding:0 8px;font-size:10px;cursor:pointer;background:#d70018;border-radius:4px;color:#fff;border:none;min-width:90px;text-align:center;line-height:24px;display:flex;align-items:center;justify-content:center}
.voucher-list-popup .item-right .voucher-active.copy{font-size:0;background:grey}
.voucher-list-popup .item-right .voucher-active.copy::before{content:'Đã sao chép';font-size:10px}
.detail .pro-detail-content, .detail .comboset, .detail .pro-desc .desc-left, .detail .pro-desc .desc-right, .detail .pro-review {border-radius: 10px}
.cart-send-page .cart-detail-group{-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);box-shadow:0 0 5px 0 rgba(0,0,0,0.2)}
.cart-send-page .cart-detail-group .item{padding:13px 15px}
.cart-send-page .cart-send-info{padding:20px 15px;margin-top:12px;font-weight:300}
.cart-send-page .cart-send-info b{display:inline-block;width:185px;vertical-align:top}
.cart-send-page .cart-send-info span{display:inline-block;width:calc(100% - 189px)}
.cart-send-page .icon-face-error{background:url(../images/send-cart-face.png) no-repeat;background-position:center;display:block;padding-bottom:60px;margin-bottom:10px}
.cart-send-page .cart-detail-group .title{border-bottom:1px solid #d7d7d7;line-height:44px;font-weight:600;font-size:18px}
.cart-send-page .cart-detail-group .item{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #f5f5f5}
.cart-send-page .cart-detail-group .item:first-child{border:0}
.cart-send-page .cart-detail-group .item-left{width:82px;margin-right:8px;text-align:center}
.cart-send-page .cart-detail-group .item-left img{display:block;margin:auto auto 15px}
.cart-send-page .cart-detail-group .item-middle{width:362px;margin-right:8px}
.cart-send-page .cart-detail-group .item-right{width:calc(100% - 460px);text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cart-send-page .cart-detail-group .item-variant{margin:10px 0 0;font-size:12px;font-weight:500}
.cart-send-page .cart-detail-group .item-name{display:block;color:#222;margin-bottom:8px;font-weight:600}
.cart-send-page .cart-detail-group .item-name:hover{color:#ee2d24}
.cart-send-page .cart-detail-group .offer-group .active span{display:block}
.cart-send-page .cart-detail-group .offer-group span{position:relative;display:none;padding-left:12px;margin-bottom:10px}
.cart-send-page .cart-detail-group .offer-group span::before{content:'';width:5px;height:5px;border-radius:50%;background:#d4d4d4;position:absolute;top:7px;left:0}
.cart-send-page .cart-detail-group .offer-group .offer-btn a{display:none}
.cart-send-page .cart-detail-group .item-quantity{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border:1px solid #e5e5e5;border-radius:4px;overflow:hidden;text-align:center;width:100px;margin:auto 0 auto auto}
.cart-send-page .cart-detail-group .item-quantity a{text-align:center;color:#222;width:30px;line-height:33px;font-weight:500}
.cart-send-page .cart-detail-group .item-quantity input{text-align:center;border:0;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;width:37px}
.cart-send-page .cart-detail-group .cart-voucher-group{padding:15px;background:#f5f5f5}
.cart-send-page .cart-detail-group .cart-voucher-group .btn-check-voucher{background:#707070;color:#fff!important;width:85px;position:absolute;top:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.cart-send-page .cart-detail-group .cart-voucher-group .cart-voucher-form{background:#fff;position:relative;overflow:hidden;border-radius:6px;margin-bottom:12px}
.cart-send-page .cart-detail-group .cart-voucher-group .voucher-input{width:calc(100% - 90px);border:0;height:40px;padding-left:12px}
.cart-send-page .cart-detail-group .p-15{padding:0 15px}
.cart-info-group .title{text-transform:uppercase;font-size:16px;font-weight:700;background:#eee;padding:11px 10px}
.cart-info-group .form-control{margin-bottom:10px;outline:none;box-shadow:none}
.cart-info-group .btn-dark-blue{background:#214d7b;color:#fff}
.cart-info-group .btn{display:block;margin-bottom:4px;text-transform:uppercase;font-size:14px;line-height:26px;margin-bottom:8px}
.cart-info-group .btn-red{background:#d00;color:#fff;font-size:15px;border:solid 1px #ce0101;width:100%}
.cart-info-group .cart-btn-group{margin-top:20px}
.cart-send-page .cart-send-info-group{background:#fff;margin-bottom:40px}
.cart-send-page .cart-send-info p{padding:8px 0}
.cart-send-page .red{color:var(--color-global);}
.cart-send-page .font-600{font-weight:600}
.cart-send-page .font-800{font-weight:800}
.align-items-center{align-items:center}
.justify-content-between{justify-content:space-between}
.border-top{border-top:1px solid #e1e1e1}
.fancybox-spec {width: 1000px;padding: 15px !important;font-size: 14px;font-weight: inherit}
.fancybox-spec tr:nth-child(even){background:#f9f9f9}
.fancybox-spec td{padding: 10px;}
.fancybox-spec td:nth-child(1){font-weight: 600}
.fancybox-spec .box-title {font-size: 1.17em;font-weight: 600;border-bottom: 1px solid #e1e1e1;padding-bottom: 10px}
.header{transition:.2s all;top:-50px}
.header-fixed{position:fixed;top:0;left:0;right:0;z-index:99;box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);padding: 10px 0;background: var(--color-global);;}
.header-fixed .logo,.header-fixed .cate-right{display:none!important}
.header-fixed .header-main{justify-content:end;padding: 0;}
.header-fixed .main-bottom{position:absolute;width:240px;background:#000;text-align:center;top: 12px;border-radius:8px}
.header-fixed .main-bottom .category_main{width:100%;border:0}
.header-fixed .main-bottom .category_main .title{text-align:center;width:100%;justify-content:center}
.header-fixed .header-bottom{height:auto;background:transparent}
.header-fixed .menu_holder{visibility:hidden;top:100%!important}
.header-fixed .main-bottom .category_main:hover .menu_holder{visibility:visible}
.deal-page{padding:20px 0}
.deal-page .page-title{text-align:center;text-transform:uppercase;font-weight:700;margin-bottom:20px;color:#fff;background:#d70018;border-radius:10px;line-height:60px}
.deal-page .product-item{margin:0 10px 10px 0;width:calc(100% / 5 - 8px);border-radius:10px}
.deal-page .product-item:nth-child(5n){margin-right:0}
.deal-page .product-item .product-time-group{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;font-size:11px;margin-top:10px}
.deal-page .product-item .product-time-holder,.deal-page .product-item .product-time-holder p{display:flex;align-items:center;flex-wrap:wrap;text-align:center;position:relative}
.deal-page .product-item .product-time-holder b{width:20px;height:20px;line-height:20px;text-align:center;margin:auto auto 2px;color:#fff;background:#000;border-radius:4px}
.deal-page .product-item .product-time-holder span{width:100%;font-size:8px}
.deal-page .product-item .product-time-holder p::after{content:':';position:absolute;top:0;left:-3px;font-size:16px;font-weight:700}
.deal-page .product-item .product-time-holder p:first-child::after{content:none}
.blog-detail{padding:20px 0}
.blog-detail .title-blog-detail{font-weight:700;font-size:22px;margin:12px 0 17px;padding-bottom:12px;border-bottom:1px solid #e1e1e1}
.blog-detail .time-blog-detail{color:#888}
.blog-detail .content-blog-detail{line-height:1.5}
.blog-detail .content-blog-detail *{font-family:inherit!important}
.blog-detail .box-blog-relay .title{border-bottom:1px solid #e1e1e1;padding-bottom:10px;margin-bottom:12px;color:var(--color-global);}
.p-variant-group{margin:10px 0 0}
.p-variant-group tr,.p-variant-group td{display:block}
.p-variant-group tr{margin-bottom:11px}
.p-variant-group tr:last-child{margin:0}
.p-variant-group td::after{content:'';display:block;clear:both}
.p-variant-group .variant-option-label{font-weight:700;font-size:16px}
.p-variant-group .variant-option-value-box{float:left;margin:12px 14px 10px 0}
.p-variant-group .variant-option-value-box a{display:block;border:1px solid #ccc;padding:0 14px;line-height:34px;border-radius:4px;font-size:15px;background:#fff}
.p-variant-group .variant-option-value-box .selected{color:#fff;background:#cd1818;border-color:transparent}
.product-item .p-btn-group {text-align: right;margin: 5px 0;}
.product-item .p-btn-group button {transition: .1s all;background: transparent;color: #f12027;border: 0;margin: 0;padding: 5px;border-radius: 5px;cursor: pointer;}
.product-item .p-btn-group .btn-compare::before {content: "\f055";font-family: 'Font Awesome 5 Free';font-weight: 900;margin-right: 2px;font-size: 12px}
.product-item .p-btn-group .btn-compare:hover, .product-item .p-btn-group .btn-compare.current {color: #fff;background: #f12027;}
.product-item .p-btn-group .btn-compare.current::before{content: "\f00c"}
.pd-btn-compare{transition:.1s all;background:transparent;color:#f12027;border:0;margin:0;padding:5px;border-radius:5px;cursor:pointer}
.pd-btn-compare::before{content:"\f055";font-family:'Font Awesome 5 Free';font-weight:900;margin-right:2px;font-size:12px}
.pd-btn-compare:hover,.pd-btn-compare.current{color:#fff;background:#f12027}
.pd-btn-compare.current::before{content:"\f00c"}