@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";
.fw-200{font-weight:200}
.fw-300{font-weight:300}
.fw-400{font-weight:400}
.fw-500{font-weight:500}
.fw-600{font-weight:600}
.fw-700{font-weight:700}
.fw-800{font-weight:800}
.fw-900{font-weight:900}
.h-100vh{height:100vh}
body{position:relative}
@media (min-width: 768px) {
.w-768{width:768px;max-width:768px;margin:0 auto}
}
a{text-decoration:none}
a:active{text-decoration:none}
ul,li{list-style-type:none}
ul{padding-left:0}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2)}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,0.2)}
body{font-family:"Roboto",sans-serif;background:#fff;font-weight:400;line-height:1.5;font-size:14px;margin:0;color:#222}
*{box-sizing:border-box}
select::-ms-expand{display:none}
@media screen and (min-width: 0\0) {
select{background:none\9;padding:5px\9}
}
.h-title-label{text-align:center}
.h-title-label.h-white{color:#fff}
.h-title-label.h-white a{color:#fff}
.h-title-label.h-white a:hover{color:#fff}
.h-title-label.chan .text-title{position:relative}
.header-pc .header-top .wrap-ct .h-right a{color:#ff3333}
.header-pc .header-top .wrap-ct .h-right a:hover{color:#000}
.h-title-label.chan .text-title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:106px;height:6px;background:linear-gradient(100deg,#fffa00 0%,#e26900 100%);border-radius:5px}
.h-title-label .text-title{text-align:center;font-size:36px;text-transform:uppercase;font-weight:900;padding-bottom:15px}
@media only screen and (max-width: 768px) {
.h-title-label .text-title{font-size:25px}
}
@media only screen and (max-width: 480px) {
.h-title-label .text-title{padding-bottom:5px}
}
.h-title-label a{color:#222}
.h-title-label a:hover{color:#222;text-decoration:revert}
.h-title-label .more-all{text-decoration:revert;font-size:16px}
.rs-html ul{padding-left:0;padding:revert;margin:revert;list-style-type:revert}
.rs-html ul li{list-style-type:revert}
.rs-html img{max-width:100%;height:auto}
.breadcrumb-v21 ul{margin:7px 0 17px}
@media only screen and (max-width: 480px) {
.breadcrumb-v21 ul{margin:7px 0 10px}
}
.breadcrumb-v21 ul > li{display:inline-block}
.breadcrumb-v21 ul > li:last-child a .icon_spac{display:none}
.breadcrumb-v21 ul > li a{font-size:12px;font-weight:600}
.__navigation .swiper-button-next,.__navigation .swiper-button-prev{color:#fff;background-color:#00000069;width:32px;height:62px}
.__navigation .swiper-button-next::after,.__navigation .swiper-button-prev::after{display:none}
.__navigation .swiper-button-next{right:0;border-top-left-radius:10px;border-bottom-left-radius:10px}
.__navigation .swiper-button-prev{left:0;border-top-right-radius:10px;border-bottom-right-radius:10px}
.__navigation .swiper-pagination-bullet-active{background:#ff4800}
.item-pd-label{display:block;padding:10px;position:relative;background:#fff;border-radius:15px}
@media only screen and (max-width: 1024px) {
.item-pd-label{padding-bottom:35px}
}
.block-pd-buy-cat .wrap-ct .item-pd-label:nth-of-type(n+2) .wrap-img .img-pd{object-fit:contain}
.item-pd-label .wrap-img{position:relative;margin-bottom:15px;padding-bottom:100%}
.item-pd-label .wrap-img .img-pd{display:block;width:100%;height:100%;position:absolute;left:0;bottom:0;right:0;top:0}
.item-pd-label .wrap-img .ic-sale{position:absolute;bottom:5px;left:10px;width:106px;height:auto}
@media only screen and (max-width: 1024px) {
.item-pd-label .wrap-img .ic-sale{width:70px;left:0}
}
.item-pd-label .wrap-icon .ic-hot{position:absolute;top:45px;right:25px;width:10%}
@media only screen and (max-width: 1024px) {
.item-pd-label .wrap-icon .ic-hot{width:60px}
}
.item-pd-label .wrap-icon .ic-of{position:absolute;top:-7px;right:10px;width:43px;height:53px;background-repeat:no-repeat;background-size:cover;background-position:center;text-align:center;line-height:44px}
@media only screen and (max-width: 1024px) {
.item-pd-label .wrap-icon .ic-of{width:70px;height:52px;line-height:40px;top:-7px}
}
.item-pd-label .wrap-icon .ic-of .text-of{font-size:18px;font-weight:700;color:#fff}
@media only screen and (max-width: 1024px) {
.item-pd-label .wrap-icon .ic-of .text-of{font-size:20px}
}
.item-pd-label .wrap-icon .ic-cart{width:69px;position:absolute;right:10px;bottom:10px}
@media only screen and (max-width: 1024px) {
.item-pd-label .wrap-icon .ic-cart{width:50px}
}
.item-pd-label .wrap-icon .ic-cart img{width:100%;height:auto;display:block}
.item-pd-label .group-text{color:#333}
.item-pd-label .group-text .name-pd{font-size:20px;text-transform:uppercase;font-weight:500;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#000}
@media only screen and (max-width: 480px) {
.item-pd-label .group-text .name-pd{font-size:16px;margin-bottom:5px}
}
.item-pd-label .group-text .price{font-size:20px;font-weight:700;color:#ed1f24}
@media only screen and (max-width: 480px) {
.item-pd-label .group-text .price{font-size:18px}
}
.item-pd-label .group-text .price-market{font-size:16px;color:#707070;text-decoration:line-through}
.swiper-container .swiper-slide{height:auto}
.swiper-container .swiper-slide .item-pd-label{height:100%}
#full-spec .__wrap-tabel-zoom{width:800px}
@media only screen and (max-width: 800px) {
#full-spec .__wrap-tabel-zoom{width:auto}
}
#full-spec .__wrap-tabel-zoom table{border-collapse:collapse;width:100%}
#full-spec .__wrap-tabel-zoom table tr:nth-child(odd){background:#f0f0f0}
#full-spec .__wrap-tabel-zoom table tr td{padding:10px}
.social-label{position:fixed;top:50%;transform:translateY(-50%);z-index:99999;left:calc((100% - 1230px) / 2 - 30px)}
@media only screen and (max-width: 1200px) {
.social-label{width:100%;left:0;top:auto;bottom:15px;transform:translateY(0)}
}
.social-label .wrap-list{text-align:center}
@media only screen and (max-width: 1230px) {
.social-label .wrap-list{display:flex;justify-content:center;align-items:center}
}
.social-label .wrap-list a{display:block;margin-bottom:10px}
@media only screen and (max-width: 1230px) {
.social-label .wrap-list a{margin-bottom:0;margin-right:15px}
}
header{font-family:"Montserrat",sans-serif}
footer{font-family:"Montserrat",sans-serif}
.change-2021{font-family:"Montserrat",sans-serif;font-size:14px}
.change-2021.bg-gray{background:#f5f5f5}
.header-pc{background:#ed1f24;position:relative}
@media only screen and (max-width: 1024px) {
.header-pc{display:none}
}
.header-pc .header-top .wrap-ct{display:flex;justify-content:space-between;position:relative;height:104px;align-items:center}
.header-pc .header-top .wrap-ct .h-left{display:block;color:#ff3333}
.header-pc .header-top .wrap-ct .h-left .ic{font-size:24px;padding-right:5px}
.header-pc .header-top .wrap-ct .logo_v21{display:block;position:absolute;top:50%;left:8%;transform:translate(-50%,-50%)}
.header-pc .header-top .wrap-ct .logo_v21 img{display:block;width:212px;height:auto}
.header-pc .header-top .wrap-ct .h-right{display:block;color:#ff3333}
.header-pc .header-top .wrap-ct .h-right .ic{font-size:24px;padding-right:5px}
.header-pc .header-bot .wrap-ct{display:flex;justify-content:space-between;align-items:center}
.header-pc .header-bot .wrap-ct .h-left{width:110px}
.header-pc .header-bot .wrap-ct .h-left a{display:block;color:#fff;height:45px;line-height:45px}
.header-pc .header-bot .wrap-ct .h-center{flex-grow:1}
.header-pc .header-bot .wrap-ct .h-center .wra-list-category{margin:0;display:flex;justify-content:space-around}
.header-pc .header-bot .wrap-ct .h-center .wra-list-category li > a{display:block;color:#fff;height:45px;line-height:45px}
.header-pc .header-bot .wrap-ct .h-center .wra-list-category .item-cat{position:relative}
.header-pc .header-bot .wrap-ct .h-center .wra-list-category .item-cat .cat-1{text-transform:uppercase;font-weight:700}
.header-pc .header-bot .wrap-ct .h-center .wra-list-category .item-cat .wrap-cat-2{position:absolute;top:calc(100% + 50px);left:0;z-index:9;background:#333;width:300px;border:solid 1px #f4821f;transition:all .2s;opacity:0;visibility:hidden;pointer-events:none}
.header-pc .header-bot .wrap-ct .h-center .wra-list-category .item-cat .wrap-cat-2 a{display:block;color:#fff;font-size:14px;padding:7px 10px;transition:all .2s}
.header-pc .header-bot .wrap-ct .h-center .wra-list-category .item-cat .wrap-cat-2 a:hover{background:#ed1f24}
.header-pc .header-bot .wrap-ct .h-center .wra-list-category .item-cat:hover .wrap-cat-2{top:100%;pointer-events:unset;opacity:1;visibility:visible}
.header-pc .header-bot .wrap-ct .h-center .wra-list-category .item-cat .wrap-cat-3{position:absolute;top:calc(100% + 50px);left:100%;z-index:9;background:#333;width:300px;border:solid 1px #f4821f;transition:all .2s;opacity:0;visibility:hidden;pointer-events:none}
.header-pc .header-bot .wrap-ct .h-center .wra-list-category .item-cat .wrap-cat-3 a{display:block;color:#fff;font-size:14px;padding:7px 10px;transition:all .2s}
.header-pc .header-bot .wrap-ct .h-center .wra-list-category .item-cat .wrap-cat-3 a:hover{background:#ed1f24}
.header-pc .header-bot .wrap-ct .h-center .wra-list-category .item-cat .wrap-cat-2 .baoquanh_c2:hover .wrap-cat-3{top:0;pointer-events:unset;opacity:1;visibility:visible}


.header-pc .header-bot .wrap-ct .h-right{font-weight:700;text-transform:uppercase;font-size:13px;display:flex;justify-content:flex-end}
.header-pc .header-bot .wrap-ct .h-right a{display:block;color:#fff;position:relative}
.header-pc .header-top .wrap-ct .h-right a.icon-us{margin:0 20px}
.header-pc .header-top .wrap-ct .h-right a.icon-us span{font-size:22px;color:#ffff}
.header-pc .header-top .wrap-ct .h-right a.icon-cart{position:relative}
.header-pc .header-top .wrap-ct .h-right a.icon-cart .icon-f{font-size:22px;color:#fff}
.header-pc .header-top .wrap-ct .h-right a.icon-cart .count-cart{position:absolute;top:-6px;right:-10px;background:#fff;color:#ed1f24;display:inline-block;font-size:14px;border:solid 1px #ed1f24;width:20px;height:20px;border-radius:50%;text-align:center;line-height:20px}
.header-pc .wrap-form{display:none;position:absolute;top:100%;left:50%;width:100%;margin-left:-50%;background:#333;padding:15px 0;border:solid 1px #f4821f;z-index:9}
.header-pc .wrap-form form{position:relative;border-radius:5px;width:700px;margin:auto}
.header-pc .wrap-form form input{display:block;width:100%;height:40px;border:none;border-radius:5px;outline:0;padding:0 15px}
.header-pc .wrap-form form button{position:absolute;width:40px;height:40px;background:none;border:none;outline:0;top:0;right:0;font-size:19px}
.header-pc .wrap-form form .box-insearch{width:100%;background-color:#fff;border:none;height:163px;overflow:auto;padding:15px;border-radius:5px;margin-top:5px}
.header-pc .wrap-form form .box-insearch .insearch_item{display:flex;padding:5px 10px;border-bottom:solid 1px rgba(0,0,0,0.3);align-items:center;height:51px}
.header-pc .wrap-form form .box-insearch .insearch_item .left_img{position:relative;width:45px;display:flex;justify-content:center;align-items:center;height:40px;overflow:hidden}
.header-pc .wrap-form form .box-insearch .insearch_item .left_img img{display:block;position:absolute;top:0;left:0;bottom:0;right:0;width:auto;height:auto;max-width:100%;max-height:100%}
.header-pc .wrap-form form .box-insearch .insearch_item .right_content{padding:0 10px;font-size:12px;color:#000}
.header-pc .wrap-form form .box-insearch .insearch_item .right_content .content_title{word-break:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;height:15px}
.header-pc .wrap-form form .box-insearch .insearch_item .right_content .content_price{display:block;font-weight:600;color:red}
.header-mobile{background:#fff;position:sticky;position:-webkit-sticky;top:0;left:0;z-index:9999;transition:all .2s;box-shadow:0 0 10px 0 #0000003d;display:none;background:#ed1f24}
.header-mobile .wrap-label{padding:0 15px}
@media only screen and (max-width: 1170px) {
.header-mobile{display:block}
}
.header-mobile.js-hidden-menu{transform:translateY(-100%)}
.header-mobile .tabar-top-header{padding-top:10px;display:flex;justify-content:space-between;align-items:center;background-color: #fff;padding-bottom: 7px;}
.header-mobile .tabar-top-header .left-tabar .logo{width:150px}
.header-mobile .tabar-top-header .left-tabar .logo img{width:100%;height:auto;display:block}
.header-mobile .tabar-top-header .right-tabar{display:flex;align-items:center;padding-right:8px}
@media only screen and (max-width: 480px) {
.header-mobile .tabar-top-header .right-tabar{padding-right:4px}
}
.header-mobile .tabar-top-header .right-tabar .fiter-brand{margin-right:25px}
@media only screen and (max-width: 411px) {
.header-mobile .tabar-top-header .right-tabar .fiter-brand{margin-right:12px}
}
.header-mobile .tabar-top-header .right-tabar .fiter-brand .title-hv{width:135px;height:35px;line-height:35px;text-transform:uppercase;font-weight:700;border-radius:5px;color:#fff;background:#009448;font-size:16px;text-align:center}
.header-mobile .tabar-top-header .right-tabar .tel-tb{display:block;color:#fff;font-size:25px}
.header-mobile .tabar-top-header .right-tabar .car-tb{display:block;color:#ff3333;font-size:27px;position:relative;margin-right:40px}
.header-mobile .tabar-top-header .right-tabar .car-tb .count-cart{position:absolute;top:0;right:-8px;font-size:14px;color:#ed1f24;background:#fff;border-radius:50%;border:solid 1px #ed1f24;width:18px;height:18px;text-align:center;line-height:18px}
.header-mobile .wrap-header .nav-header{display:flex;flex-wrap:wrap;align-items:center;padding:10px 0}
.header-mobile .wrap-header .nav-header .wr-humbuger{background:#fff;width:40px;height:40px;margin-right:7px;display:flex;justify-content:center;align-items:center;border-radius:5px}
.header-mobile .wrap-header .nav-header .hambuger{width:22px;height:16px;position:relative}
.header-mobile .wrap-header .nav-header .hambuger.js-active .item-line:nth-child(1){transform:rotate(40deg)}
.header-mobile .wrap-header .nav-header .hambuger.js-active .item-line:nth-child(2){opacity:0}
.header-mobile .wrap-header .nav-header .hambuger.js-active .item-line:nth-child(3){transform:rotate(-40deg)}
.header-mobile .wrap-header .nav-header .hambuger .item-line{height:2px;background:#ed1f24;width:100%;position:absolute;transition:.2s;transform-origin:0 50%}
.header-mobile .wrap-header .nav-header .hambuger .item-line:nth-child(1){top:0;left:0}
.header-mobile .wrap-header .nav-header .hambuger .item-line:nth-child(2){top:50%;left:0;transform:translateY(-50%)}
.header-mobile .wrap-header .nav-header .hambuger .item-line:nth-child(3){bottom:0;left:0}
.header-mobile .wrap-header .nav-header .block-search{width:calc(100% - 40px - 7px)}
.header-mobile .wrap-header .nav-header .block-search .form-search{position:relative}
.header-mobile .wrap-header .nav-header .block-search .form-search input.search{display:block;height:40px;width:100%;outline:0;border:solid 1px #c1c1c1;padding:0 15px;border-radius:5px}
.header-mobile .wrap-header .nav-header .block-search .form-search button{position:absolute;top:0;right:0;background:none;border:none;outline:none;height:40px;color:#ed1f24;width:40px;border-top-right-radius:5px;border-bottom-right-radius:5px;font-size:18px}
.header-mobile .wrap-header .nav-header .block-search .form-search .box-insearch{position:absolute;top:47px;left:0;z-index:9999;width:calc(100% - 5px);background-color:#fff;border:solid 1px rgba(0,0,0,0.3);height:163px;overflow:auto;display:none}
.header-mobile .wrap-header .nav-header .block-search .form-search .box-insearch .insearch_item{display:flex;padding:5px 10px;border-bottom:solid 1px rgba(0,0,0,0.3);align-items:center;height:51px}
.header-mobile .wrap-header .nav-header .block-search .form-search .box-insearch .insearch_item .left_img{position:relative;width:45px;display:flex;justify-content:center;align-items:center;height:40px}
.header-mobile .wrap-header .nav-header .block-search .form-search .box-insearch .insearch_item .left_img img{width:100%;height:auto;display:block}
.header-mobile .wrap-header .nav-header .block-search .form-search .box-insearch .insearch_item .right_content{padding:0 10px;font-size:12px;color:#000}
.header-mobile .wrap-header .nav-header .block-search .form-search .box-insearch .insearch_item .right_content .content_title{word-break:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;height:15px}
.header-mobile .wrap-header .nav-header .block-search .form-search .box-insearch .insearch_item .right_content .content_price{display:block;font-weight:600;color:red}
.header-mobile .wrap-header .main-menu{position:absolute;background:#fff;top:100%;left:0;width:100%;height:100vh;z-index:9999;overflow:auto;transition:all .2s;transform:translateX(-100%)}
.header-mobile .wrap-header .main-menu ul{margin:0;padding:0}
.header-mobile .wrap-header .main-menu.js-active{transform:translateX(0)}
.header-mobile .wrap-header .main-menu > .list > .item{border-bottom:solid 1px #c1c1c1;padding:10px}
.header-mobile .wrap-header .main-menu > .list > .item > a{display:block;line-height:30px}
.header-mobile .wrap-header .main-menu > .list > .item > a .icon{width:20px;display:inline-block}
.header-mobile .wrap-header .main-menu > .list > .item .acout-mobile{text-align:center;margin-bottom:15px}
.header-mobile .wrap-header .main-menu > .list .category .item-sub-lv1 .sub-lv1-title{position:relative;border-bottom:solid 1px #c1c1c1}
.header-mobile .wrap-header .main-menu > .list .category .item-sub-lv1 .sub-lv1-title a{display:block;line-height:30px;padding-left:15px}
.header-mobile .wrap-header .main-menu > .list .category .item-sub-lv1 .sub-lv1-title span{position:absolute;top:0;right:0;height:100%;width:40px;text-align:center;line-height:30px;border-left:solid 1px #c1c1c1}
.header-mobile .wrap-header .main-menu > .list .category .item-sub-lv1 .sub-lv1-title span i{transition:all .2s}
.header-mobile .wrap-header .main-menu > .list .category .item-sub-lv1 .sub-lv1-title span.js-rotate i{transform:rotate(180deg)}
.header-mobile .wrap-header .main-menu > .list .category .item-sub-lv1 .wrap-lv2{display:none}
.header-mobile .wrap-header .main-menu > .list .category .item-sub-lv1 .wrap-lv2 .item-sub-lv2 .sub-lv2-title{position:relative;border-bottom:solid 1px #fff}
.header-mobile .wrap-header .main-menu > .list .category .item-sub-lv1 .wrap-lv2 .item-sub-lv2 .sub-lv2-title a{display:block;line-height:30px;background:#eee;padding-left:15px}
.header-mobile .wrap-header .main-menu > .list .category .item-sub-lv1 .wrap-lv2 .item-sub-lv2 .sub-lv2-title span{position:absolute;top:0;right:0;height:100%;width:40px;text-align:center;line-height:30px}
.header-mobile .wrap-header .main-menu > .list .category .item-sub-lv1 .wrap-lv2 .item-sub-lv2 .sub-lv2-title span i{transition:all .2s}
.header-mobile .wrap-header .main-menu > .list .category .item-sub-lv1 .wrap-lv2 .item-sub-lv2 .sub-lv2-title span.js-rotate i{transform:rotate(180deg)}
.header-mobile .wrap-header .main-menu > .list .category .item-sub-lv1 .wrap-lv2 .item-sub-lv2 .wrap-lv3{display:none}
.header-mobile .wrap-header .main-menu > .list .category .item-sub-lv1 .wrap-lv2 .item-sub-lv2 .wrap-lv3 li{border-bottom:solid 1px #fff}
.header-mobile .wrap-header .main-menu > .list .category .item-sub-lv1 .wrap-lv2 .item-sub-lv2 .wrap-lv3 li a{display:block;line-height:30px;background:#f5f5f5;padding-left:15px}
.header-mobile .wrap-header .main-menu > .list .category .item-sub-lv1 .wrap-lv2 .item-sub-lv2.wrap-list-brand{display:flex;flex-wrap:wrap;padding:15px}
.header-mobile .wrap-header .main-menu > .list .category .item-sub-lv1 .wrap-lv2 .item-sub-lv2.wrap-list-brand .item-brand{display:block;width:calc((100% - 14px) / 3);margin-right:7px;margin-bottom:5px;border:solid 1px #787878}
.header-mobile .wrap-header .main-menu > .list .category .item-sub-lv1 .wrap-lv2 .item-sub-lv2.wrap-list-brand .item-brand:nth-of-type(3n){margin-right:0}
.header-mobile .wrap-header .main-menu > .list .category .item-sub-lv1 .wrap-lv2 .item-sub-lv2.wrap-list-brand .item-brand .brand_img img{display:block;width:100%;height:auto}
.header-mobile .wrap-header .main-menu > .list .category .item-sub-lv1 .wrap-lv2 .item-sub-lv2.wrap-list-brand .item-brand .brand_name{display:none}
.header-mobile .pupup-brand{position:absolute;width:100%;top:100%;padding:15px 0;background:#fff;overflow:hidden;opacity:0;visibility:hidden;transition:all .2s}
.header-mobile .pupup-brand.js-active{opacity:1;visibility:visible}
.header-mobile .pupup-brand .wrap-brand{display:flex;flex-wrap:wrap}
.header-mobile .pupup-brand .wrap-brand .item-brand{display:block;width:calc((100% - 42px) / 7);border:solid 1px #c1c1c1;margin-right:7px;margin-bottom:7px}
@media only screen and (max-width: 480px) {
.header-mobile .pupup-brand .wrap-brand .item-brand{width:calc((100% - 21px) / 4)}
}
@media only screen and (max-width: 480px) {
.header-mobile .pupup-brand .wrap-brand .item-brand:nth-of-type(4n){margin-right:0}
}
.header-mobile .pupup-brand .wrap-brand .item-brand:nth-of-type(7n){margin-right:0}
@media only screen and (max-width: 480px) {
.header-mobile .pupup-brand .wrap-brand .item-brand:nth-of-type(7n){margin-right:7px}
}
.header-mobile .pupup-brand .wrap-brand .item-brand img{display:block;width:100%;height:auto}
.block-banner .wrap-ct{position:relative}
.block-banner .wrap-ct .swiper-container .swiper-pagination{display:flex;flex-direction:column;height:100%;bottom:auto;left:auto;right:18%;top:0;width:10px;align-items:center;justify-content:center}
.block-banner .wrap-ct .swiper-container .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#707070;margin:12px 4px;opacity:1}
.block-banner .wrap-ct .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:none;width:16px;height:16px;border:solid 1px #fff}
.block-banner .wrap-ct .swiper-container .item-slide{display:block}
.block-banner .wrap-ct .swiper-container .item-slide img{display:block;width:1000%}
.block-banner .wrap-ct .icon-down{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);z-index:99;width:45px;height:auto}
@media only screen and (max-width: 1024px) {
.block-banner .wrap-ct .icon-down{width:35px}
}
.block-banner .wrap-ct .icon-down img{display:block;width:100%;height:auto}
.block-cat-vs-listpd{background-position:center;background-repeat:no-repeat;background-size:cover;padding: 50px 0;}
/*@media only screen and (max-width: 1440px) {
.block-cat-vs-listpd{padding-bottom:650px}
}
@media only screen and (max-width: 768px) {
.block-cat-vs-listpd{padding-bottom:515px}
}
@media only screen and (max-width: 480px) {
.block-cat-vs-listpd{padding-bottom:415px}
}
.block-cat-vs-listpd .wrap-cat{padding:58px 0 50px}
@media only screen and (max-width: 768px) {
.block-cat-vs-listpd .wrap-cat{padding:30px 0}
}*/
.block-cat-vs-listpd .wrap-cat .h-title-label{margin-bottom:65px}
@media only screen and (max-width: 768px) {
.block-cat-vs-listpd .wrap-cat .h-title-label{margin-bottom:30px}
}
.block-cat-vs-listpd .wrap-cat .wap-list-cat{padding:0 70px}
@media only screen and (max-width: 768px) {
.block-cat-vs-listpd .wrap-cat .wap-list-cat{padding:0 15px}
}
@media only screen and (max-width: 480px) {
.block-cat-vs-listpd .wrap-cat .wap-list-cat{padding:0}
}
.block-cat-vs-listpd .wrap-cat .wap-list-cat .swiper-container{padding-bottom:50px}
.block-cat-vs-listpd .wrap-cat .wap-list-cat .swiper-container .swiper-pagination-bullet-active{background:#ffc400}
.block-cat-vs-listpd .wrap-cat .wap-list-cat .item-cat{display:block;position:relative}
.block-cat-vs-listpd .wrap-cat .wap-list-cat .item-cat:last-child{margin-right:0}
.block-cat-vs-listpd .wrap-cat .wap-list-cat .item-cat .wrap-img{position:relative;overflow:hidden;padding-top:100%;border-radius:27%}
.block-cat-vs-listpd .wrap-cat .wap-list-cat .item-cat .wrap-img img{width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;display:block;object-fit:cover}
.block-cat-vs-listpd .wrap-cat .wap-list-cat .item-cat .name-cat{padding:12px 10px;background:rgba(0,0,0,0.233);color:#fff;text-transform:uppercase;position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;text-align:center;font-size:18px}
.block-cat-vs-listpd .wrap-slide-pd{padding:30px 40px}
@media only screen and (max-width: 1024px) {
.block-cat-vs-listpd .wrap-slide-pd{padding:0}
}
.block-cat-vs-listpd .wrap-slide-pd .swiper-container{padding:20px 8px 0}
@media only screen and (max-width: 480px) {
.block-cat-vs-listpd .wrap-slide-pd .swiper-container{padding:20px 0 0}
}
.block-cat-vs-listpd .wrap-slide-pd .swiper-container .swiper-slide{width:40.1%}
.block-cat-vs-listpd .wrap-slide-pd .swiper-container .wrap-button-pa{position:relative;width:80px;margin:auto;height:40px;margin-top:10px}
.block-cat-vs-listpd .wrap-slide-pd .swiper-container .wrap-button-pa .swiper-button-next::after{display:none}
.block-cat-vs-listpd .wrap-slide-pd .swiper-container .wrap-button-pa .swiper-button-prev::after{display:none}
.block-may-chay-bo{margin:100px 0}
@media only screen and (max-width: 768px) {
.block-may-chay-bo{margin-bottom:40px}
}
/*.block-may-chay-bo .wrap-mcb{margin-top:-390px}*/
@media only screen and (max-width: 1440px) {
/*.block-may-chay-bo .wrap-mcb{margin-top:-493px}*/
}
@media only screen and (max-width: 768px) {
/*.block-may-chay-bo .wrap-mcb{margin-top:-425px}*/
}
@media only screen and (max-width: 480px) {
/*.block-may-chay-bo .wrap-mcb{margin-top:-345px}*/
}
.block-may-chay-bo .h-title-label{margin-bottom:30px}
.block-may-chay-bo .wrap-ct{display:flex;flex-wrap:wrap}
@media only screen and (max-width: 1024px) {
.block-may-chay-bo .wrap-ct{flex-wrap:nowrap;overflow:auto}
}
.block-may-chay-bo .wrap-ct .item-pd-label{width:calc((100% - 20px) / 2);margin-right:20px;margin-bottom:20px;box-shadow:0 0 10px #00000042}
.block-may-chay-bo .wrap-ct .item-pd-label:nth-of-type(2n){margin-right:0}
@media only screen and (max-width: 1024px) {
.block-may-chay-bo .wrap-ct .item-pd-label{flex-shrink:0;width:calc((100% - 30px) / 3);margin-right:15px}
.block-may-chay-bo .wrap-ct .item-pd-label:nth-of-type(2n){margin-right:15px}
.block-may-chay-bo .wrap-ct .item-pd-label:last-child{margin-right:0}
}
@media only screen and (max-width: 768px) {
.block-may-chay-bo .wrap-ct .item-pd-label{width:calc((100% - 15px) / 2)}
}
.block-pd-buy-cat{margin-bottom:25px}
@media only screen and (max-width: 768px) {
.block-pd-buy-cat .container{padding:0}
}
.block-pd-buy-cat .h-title-label{margin-bottom:30px}
@media only screen and (max-width: 768px) {
.block-pd-buy-cat .h-title-label{padding:0 15px}
}
.block-pd-buy-cat .wrap-ct{display:grid;grid-template-columns:calc((100% - 20px) / 2) calc((100% - 20px) / 2);grid-gap:20px}
@media only screen and (max-width: 768px) {
.block-pd-buy-cat .wrap-ct{display:flex;overflow:auto;grid-gap:0;padding:15px}
}
.block-pd-buy-cat .wrap-ct .item-pd-label{box-shadow:0 0 10px #00000042}
@media only screen and (max-width: 768px) {
.block-pd-buy-cat .wrap-ct .item-pd-label{width:calc((100% - 15px) / 2);margin-right:15px;flex-shrink:0}
.block-pd-buy-cat .wrap-ct .item-pd-label:last-child{margin-right:0}
}
.block-pd-buy-cat .wrap-ct .item-pd-label:first-child{grid-row:1/4}
.block-pd-buy-cat .wrap-ct .item-pd-label:nth-of-type(n+2){display:flex;flex-wrap:wrap}
@media only screen and (max-width: 1024px) {
.block-pd-buy-cat .wrap-ct .item-pd-label:nth-of-type(n+2){padding-bottom:10px}
}
@media only screen and (max-width: 768px) {
.block-pd-buy-cat .wrap-ct .item-pd-label:nth-of-type(n+2){display:block}
}
.block-pd-buy-cat .wrap-ct .item-pd-label:nth-of-type(n+2) .wrap-img{margin-bottom:0;width:50%;padding:10px 50px}
@media only screen and (max-width: 768px) {
.block-pd-buy-cat .wrap-ct .item-pd-label:nth-of-type(n+2) .wrap-img{width:100%;padding:0;margin-bottom:15px;display:block;position:relative;padding-bottom:100%}
}
.block-pd-buy-cat .wrap-ct .item-pd-label:nth-of-type(n+2) .wrap-img .ic-sale{width:70px;height:auto;left:0}
.block-pd-buy-cat .wrap-ct .item-pd-label:nth-of-type(n+2) .wrap-icon{width:0}
.block-pd-buy-cat .wrap-ct .item-pd-label:nth-of-type(n+2) .wrap-icon .ic-hot{width:55px;height:auto;top:10px;right:10px}
.block-pd-buy-cat .wrap-ct .item-pd-label:nth-of-type(n+2) .wrap-icon .ic-of{width:67px;height:51px;line-height:50px;top:-8px;right:auto;left:calc(50% - 67px)}
.block-pd-buy-cat .wrap-ct .item-pd-label:nth-of-type(n+2) .wrap-icon .ic-of .text-of{font-size:20px}
.block-pd-buy-cat .wrap-ct .item-pd-label:nth-of-type(n+2) .wrap-icon .ic-cart{width:50px}
.block-pd-buy-cat .wrap-ct .item-pd-label:nth-of-type(n+2) .group-text{width:50%;display:flex;flex-direction:column;justify-content:center;padding-left:10px}
@media only screen and (max-width: 768px) {
.block-pd-buy-cat .wrap-ct .item-pd-label:nth-of-type(n+2) .group-text{display:block;width:100%}
}
.block-banner-body{margin-bottom:25px}
.block-banner-body .wrap-ct img{width:100%;height:auto;display:block}
.block-news{background:#fff;padding-top:40px;padding-bottom:25px}
@media only screen and (max-width: 480px) {
.block-news{padding-top:30px}
}
.block-news .h-title-label{margin-bottom:40px}
@media only screen and (max-width: 480px) {
.block-news .h-title-label{margin-bottom:30px}
}
.block-news .wrap-ct{display:flex;flex-wrap:wrap}
@media only screen and (max-width: 768px) {
.block-news .wrap-ct{flex-wrap:nowrap;overflow:auto;padding-bottom:25px}
}
.block-news .wrap-ct .item-news{width:calc((100% - 40px) / 3);margin-right:20px;position:relative}
@media only screen and (max-width: 768px) {
.block-news .wrap-ct .item-news{width:calc((100% - 15px) / 2);margin-right:15px;flex-shrink:0}
.block-news .wrap-ct .item-news:last-child{margin-right:0}
}
.block-news .wrap-ct .item-news:last-child{margin-right:0}
.block-news .wrap-ct .item-news .wrap-img{padding-top:100%;position:relative;overflow:hidden;border-radius:10px}
.block-news .wrap-ct .item-news .wrap-img::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.479);z-index:2}
.block-news .wrap-ct .item-news .wrap-img img{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;object-fit:cover;z-index:1}
.block-news .wrap-ct .item-news .wrap-text{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;padding:0 10px;z-index:10}
.block-news .wrap-ct .item-news .wrap-text::after{content:"";position:absolute;bottom:60px;left:50%;width:1px;height:80px;background:#f5f5f5;transform:translateX(-50%)}
.block-news .wrap-ct .item-news .wrap-text::before{content:"";position:absolute;top:60px;left:50%;width:1px;height:80px;background:#f5f5f5;transform:translateX(-50%)}
.block-news .wrap-ct .item-news .wrap-text .text-title{word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff;text-align:center;position:relative;font-size:16px}
.blok-chinh-hang{background:#ed1f24;padding:25px 0}
.blok-chinh-hang .wrap-ct{display:flex;flex-wrap:wrap}
@media only screen and (max-width: 768px) {
.blok-chinh-hang .wrap-ct{row-gap:15px}
}
.blok-chinh-hang .wrap-ct .item-ch{width:25%;color:#fff;display:flex;align-items:center}
@media only screen and (max-width: 768px) {
.blok-chinh-hang .wrap-ct .item-ch{width:50%;padding-right:15px}
}
.blok-chinh-hang .wrap-ct .item-ch .icon{margin-right:15px}
.blok-chinh-hang .wrap-ct .item-ch .wrap-text{text-transform:uppercase}
.blok-chinh-hang .wrap-ct .item-ch .wrap-text .text-1{font-weight:700}
.blok-chinh-hang .wrap-ct .item-ch .wrap-text .text-2{font-weight:200}
footer{background-position:center;background-repeat:no-repeat;background-size:100% 100%;color:#fff}
footer .ft-top .wrap-ct{padding:25px 0;display:flex;flex-wrap:wrap;border-bottom:dashed 1px #f5f5f5;margin-bottom:15px}
@media only screen and (max-width: 768px) {
footer .ft-top .wrap-ct{row-gap:20px}
}
footer .ft-top .wrap-ct .item-col{width:calc(100% / 5)}
@media only screen and (max-width: 768px) {
footer .ft-top .wrap-ct .item-col{width:50%}
}
@media only screen and (max-width: 768px) {
footer .ft-top .wrap-ct .item-col{width:50%}
.item-pd-label .wrap-img{padding-bottom:100%}
}
footer .ft-top .wrap-ct .item-col .title-col-label{margin-bottom:10px;font-weight:700;text-transform:uppercase}
footer .ft-top .wrap-ct .item-col .item-link{display:block;color:#fff;margin-bottom:8px;font-weight:200}
footer .ft-top .wrap-ct .item-col .item-link .text-red{display:block;color:#ed1f24}
footer .ft-cen .wrap-it{display:flex;flex-wrap:wrap;padding-bottom:16px;border-bottom:dashed 1px #f5f5f5;margin-bottom:15px}
@media only screen and (max-width: 768px) {
footer .ft-cen .wrap-it{flex-wrap:nowrap;overflow:auto}
footer .ft-cen .wrap-it::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:10px}
footer .ft-cen .wrap-it::-webkit-scrollbar-thumb{background:#ed1f24}
footer .ft-cen .wrap-it::-webkit-scrollbar{height:8px}
}
footer .ft-cen .wrap-it .item-scroll{width:calc((100% - 40px) / 3);margin-right:20px;border-radius:10px;border:solid 1px #fff;overflow:hidden}
@media only screen and (max-width: 768px) {
footer .ft-cen .wrap-it .item-scroll{flex-shrink:0;width:calc((100% - 15px) / 3 * 2);margin-right:15px}
footer .ft-cen .wrap-it .item-scroll:last-child{margin-right:0}
}
footer .ft-cen .wrap-it .item-scroll:last-child{margin-right:0}
footer .ft-cen .wrap-it .item-scroll .title-sr{text-transform:uppercase;color:#fff;text-align:center;padding:12px 10px;background:#ed1f24;font-weight:500}
footer .ft-cen .wrap-it .item-scroll .wrap-ct{padding:16px 15px;height:350px;overflow:auto;margin-right:5px}
footer .ft-cen .wrap-it .item-scroll .wrap-ct::-webkit-scrollbar{width:7px}
footer .ft-cen .wrap-it .item-scroll .wrap-ct::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:10px}
footer .ft-cen .wrap-it .item-scroll .wrap-ct .item-sr{color:#fff;font-size:13px;margin-bottom:18px;display:block;line-height:23px;font-weight:200}
footer .ft-cen .wrap-it .item-scroll .wrap-ct .item-sr .num a{color:#fff}
footer .ft-cen .wrap-it .item-scroll .wrap-ct .item-sr:last-child{margin-bottom:0}
footer .ft-cen .wrap-it .item-scroll .wrap-ct .item-sr .title-map{font-weight:700;text-transform:uppercase}
footer .ft-cen .wrap-it .item-scroll .wrap-ct .item-sr .mor{color:#ed1f24}
footer .ft-cen .wrap-it .item-scroll .wrap-ct .item-sr .mor span{display:inline-block;margin-right:10px}
footer .ft-bot{padding:7px 0}
footer .ft-bot .wrap-ct{display:flex;flex-wrap:wrap;align-items:center;row-gap:20px}
footer .ft-bot .wrap-ct .left-bot{width:calc((100% / 12) * 8);font-size:13px;font-weight:200}
@media only screen and (max-width: 768px) {
footer .ft-bot .wrap-ct .left-bot{order:2;width:100%}
}
footer .ft-bot .wrap-ct .right-bot{width:calc((100% / 12) * 4);text-align:right}
@media only screen and (max-width: 768px) {
footer .ft-bot .wrap-ct .right-bot{order:1;width:100%;text-align:center}
}
footer .ft-bot .wrap-ct .right-bot img{display:inline-block;margin-right:10px}
footer .ft-bot .wrap-ct .right-bot img:last-child{margin-right:0}
.block-summary-category{background:#fff;margin:13px auto}
@media only screen and (max-width: 1200px) {
.block-summary-category{margin:13px auto;padding-top:10px;padding-bottom:17px}
}
@media only screen and (max-width: 640px) {
.block-summary-category{margin:13px auto}
}
.block-summary-category .wrap-label{padding-bottom:15px;border-bottom:solid 1px #c1c1c1}
.block-filter{margin-bottom:30px}
.block-filter.hidden-filter-price .price-range{display:none!important}
.block-filter.hidden-filter-price .filter-short select{margin-top:0!important}
.block-filter .wrap-ct{display:flex;flex-wrap:wrap}
.block-filter .wrap-ct .child-category{width:calc((100% - 60px) / 12 * 3);margin-right:20px;background:#fff;overflow:hidden;border-radius:10px;box-shadow:0 0 10px 0 #00000052}
@media only screen and (max-width: 768px) {
.block-filter .wrap-ct .child-category{width:100%;margin-right:0;margin-bottom:10px}
}
.block-filter .wrap-ct .child-category .title{margin:0;padding:10px;text-align:center;font-size:20px;color:#fff;background:#ed1f24;font-weight:700}
.block-filter .wrap-ct .child-category .wrap-list .item{text-transform:uppercase;font-size:13px;color:#555;display:block;padding:10px 13px;transition:all .3s}
.block-filter .wrap-ct .child-category .wrap-list .item:hover{background:#009448;color:#fff}
.block-filter .wrap-ct .block-filter-short{width:calc((100% - 60px) / 12 * 9 + 40px);background:#fff;padding:12px 10px 20px;display:flex;flex-wrap:wrap;overflow:hidden;border-radius:10px;box-shadow:0 0 10px 0 #00000052}
@media only screen and (max-width: 768px) {
.block-filter .wrap-ct .block-filter-short{width:100%}
}
.block-filter .wrap-ct .block-filter-short .price-range{width:calc((100% - 10px) / 9 * 6);margin-right:10px}
@media only screen and (max-width: 768px) {
.block-filter .wrap-ct .block-filter-short .price-range{width:100%;margin-right:0}
}
.block-filter .wrap-ct .block-filter-short .price-range .title-range{font-size:24px;color:#222;font-weight:700;margin-bottom:13px}
.block-filter .wrap-ct .block-filter-short .price-range .wrap-list .item{color:#555;margin-right:15px;display:inline-block;margin-bottom:10px;font-size:14px;font-weight:600}
.block-filter .wrap-ct .block-filter-short .price-range .wrap-list .item.is-active{background:#ed1f24;color:#fff;font-weight:700;padding:5px 10px;border-radius:5px}
.block-filter .wrap-ct .block-filter-short .price-range .wrap-list .item.is-active .close-v21{display:inline}
.block-filter .wrap-ct .block-filter-short .price-range .wrap-list .item .close-v21{display:none}
.block-filter .wrap-ct .block-filter-short .price-range .wrap-list .item:last-child{margin-right:0}
.block-filter .wrap-ct .block-filter-short .filter-short{width:calc((100% - 10px) / 9 * 3);display:flex;align-items:center;justify-content:flex-end}
@media only screen and (max-width: 768px) {
.block-filter .wrap-ct .block-filter-short .filter-short{width:100%;flex-wrap:wrap}
}
.block-filter .wrap-ct .block-filter-short .filter-short select{height:40px;width:160px;margin-right:20px;display:block;border-radius:5px;border:solid 1px #c1c1c1;color:#555;font-size:14px;font-weight:600}
@media only screen and (max-width: 768px) {
.block-filter .wrap-ct .block-filter-short .filter-short select{width:calc(100% - 20px - 50px)}
}
@media only screen and (max-width: 768px) {
.block-filter .wrap-ct .block-filter-short .filter-short .grid-show{width:50px}
}
.block-filter .wrap-ct .block-filter-short .filter-short .grid-show a{font-size:20px;display:inline-block;color:#ffd2d3;margin-right:5px}
.block-filter .wrap-ct .block-filter-short .filter-short .grid-show a.is-active{color:#ed1f24}
.block-filter .wrap-ct .block-filter-short .filter-short .grid-show a:last-child{margin-right:0}
.block-pd-cat{margin-bottom:35px}
.block-pd-cat .wrap-list-product{display:flex;flex-wrap:wrap;row-gap:20px;margin-bottom:35px}
.block-pd-cat .wrap-list-product .item-pd-label .wrap-img{padding-bottom:100%}
.block-pd-cat .wrap-list-product.js-grid .item-pd-label .wrap-img{padding-bottom:60%}
.block-pd-cat .wrap-list-product.js-grid{display:block}
.block-pd-cat .wrap-list-product.js-grid .item-pd-label{width:100%;margin-right:0;display:flex;flex-wrap:wrap}
@media only screen and (max-width: 1024px) {
.block-pd-cat .wrap-list-product.js-grid .item-pd-label{padding-bottom:0}
}
.block-pd-cat .wrap-list-product.js-grid .item-pd-label .wrap-img{width:calc((100% - 20px) / 3);margin-right:20px}
@media only screen and (max-width: 640px) {
.block-pd-cat .wrap-list-product.js-grid .item-pd-label .wrap-img{width:calc((100% - 15px) / 2);margin-right:15px}
}
@media only screen and (max-width: 768px) {
.block-pd-cat .wrap-list-product.js-grid .item-pd-label .wrap-icon .ic-hot{width:45px}
}
@media only screen and (max-width: 640px) {
.block-pd-cat .wrap-list-product.js-grid .item-pd-label .wrap-icon .ic-of{right:50%}
}
@media only screen and (max-width: 480px) {
.block-pd-cat .wrap-list-product.js-grid .item-pd-label .wrap-icon .ic-of{width:45px;height:34px;top:-5px;line-height:30px}
}
@media only screen and (max-width: 480px) {
.block-pd-cat .wrap-list-product.js-grid .item-pd-label .wrap-icon .ic-of .text-of{font-size:13px}
}
.block-pd-cat .wrap-list-product.js-grid .item-pd-label .group-text{width:calc((100% - 20px) / 3 * 2)}
@media only screen and (max-width: 640px) {
.block-pd-cat .wrap-list-product.js-grid .item-pd-label .group-text{width:calc((100% - 15px) / 2);padding-top:40px}
}
@media only screen and (max-width: 480px) {
.block-pd-cat .wrap-list-product.js-grid .item-pd-label .group-text{width:calc((100% - 15px) / 2);padding-top:20px}
}
.block-pd-cat .wrap-list-product .item-pd-label{width:calc((100% - 60px) / 4);margin-right:20px;    margin-bottom: 20px;box-shadow:0 0 10px 0 #00000052}
@media only screen and (max-width: 768px) {
.block-pd-cat .wrap-list-product .item-pd-label{width:calc((100% - 30px) / 3);margin-right:15px}
}
@media only screen and (max-width: 480px) {
.block-pd-cat .wrap-list-product .item-pd-label{width:calc((100% - 15px) / 2)}
}
.block-pd-cat .wrap-list-product .item-pd-label:nth-of-type(4n){margin-right:0}
@media only screen and (max-width: 768px) {
.block-pd-cat .wrap-list-product .item-pd-label:nth-of-type(4n){margin-right:15px}
}
@media only screen and (max-width: 768px) {
.block-pd-cat .wrap-list-product .item-pd-label:nth-of-type(3n){margin-right:0}
}
@media only screen and (max-width: 480px) {
.block-pd-cat .wrap-list-product .item-pd-label:nth-of-type(3n){margin-right:15px}
}
@media only screen and (max-width: 480px) {
.block-pd-cat .wrap-list-product .item-pd-label:nth-of-type(2n){margin-right:0}
}
.block-pd-cat .wrap-list-product .item-pd-label .wrap-icon .ic-of{width:67px;height:50px;top:-7px;line-height:50px}
.block-pd-cat .wrap-list-product .item-pd-label .wrap-icon .ic-of .text-of{font-size:20px}
.block-pd-cat .wrap-list-product .item-pd-label .wrap-icon .ic-hot{width:67px}
@media only screen and (max-width: 480px) {
.block-pd-cat .wrap-list-product .item-pd-label .wrap-icon .ic-hot{width:40px}
}
.block-pd-cat .wrap-list-product .item-pd-label .wrap-icon .ic-cart{width:42px}
@media only screen and (max-width: 480px) {
.block-pd-cat .wrap-list-product .item-pd-label .wrap-icon .ic-cart{width:35px}
}
.block-pd-cat .wrap-list-product .item-pd-label .wrap-img .ic-sale{width:58px;left:0}
.block-pd-cat .wrap-list-product .item-pd-label .group-text .name-pd{font-size:12px}
.block-pd-cat .wrap-list-product .item-pd-label .group-text .price{font-size:18px}
@media only screen and (max-width: 480px) {
.block-pd-cat .wrap-list-product .item-pd-label .group-text .price{font-size:15px}
}
.block-pd-cat .wrap-list-product .item-pd-label .group-text .price-market{font-size:12px}
.block-pd-cat .more-tue{display:block;height:42px;line-height:42px;padding:0 25px;background-color:#ed1f24;border:solid 1px #ed1f24;color:#fff;width:fit-content;border-radius:5px;margin:auto}
.block-static-html{margin-bottom:10px}
.block-static-html .wrap-label{background:#fff;position:relative;padding-bottom:25px}
.block-static-html .wrap-ct{padding:20px 0;overflow:hidden;position:relative}
@media only screen and (max-width: 480px) {
.block-static-html .wrap-ct{padding:20px 0}
}
.block-static-html .wrap-ct.js-hidden-content{height:250px}
.block-static-html .wrap-ct.js-hidden-content::after{content:"";background:linear-gradient(rgba(255,255,255,0),white);height:100px;display:block;position:absolute;bottom:0;width:100%}
.block-static-html .wrap-ct img{display:block;margin:auto}
@media only screen and (max-width: 1024px) {
.block-static-html .wrap-ct iframe{width:800px;max-width:100%;height:600px;display:block;margin:auto}
}
@media only screen and (max-width: 768px) {
.block-static-html .wrap-ct iframe{height:374px}
}
@media only screen and (max-width: 480px) {
.block-static-html .wrap-ct iframe{height:294px}
}
.block-static-html .wrap-ct a{color:#ea252a!important}
.block-static-html .more_{display:block;width:max-content;margin:auto;z-index:1;cursor:pointer}
.block-question{margin-bottom:10px}
.block-question .wrap-label{background:#fff;padding:20px 15px}
@media only screen and (max-width: 640px) {
.block-question .wrap-label{padding:20px 15px}
}
.block-question .title{text-transform:uppercase;color:#222;font-weight:500;margin-bottom:10px;font-size:30px;font-weight:700}
@media only screen and (max-width: 768px) {
.block-question .title{font-size:20px}
}
.block-question .wrap-list .item{margin-bottom:10px;border-radius:5px;border:solid 1px #c1c1c1;overflow:hidden}
.block-question .wrap-list .item .item-title{padding:10px 40px 10px 13px;background:#f0f0f0;cursor:pointer;position:relative}
.block-question .wrap-list .item .item-title .icon{display:inline-block;width:20px;height:20px;border-radius:50%;background:#555;color:#fff;text-align:center;line-height:20px;transition:all .2s;position:absolute;top:50%;right:10px;transform:translateY(-50%);transform-origin:50% 50%}
.block-question .wrap-list .item .item-title .icon.js-rotate{transform:translateY(-50%) rotate(180deg)}
.block-question .wrap-list .item .item-content{padding:13px;display:none}
.block-article-same{margin-bottom:10px}
.block-article-same .wrap-label{background:#fff;padding:20px 10px}
@media only screen and (max-width: 1200px) {
.block-article-same .wrap-label{padding:20px 30px}
}
@media only screen and (max-width: 768px) {
.block-article-same .wrap-label{padding:20px 15px}
}
.block-article-same .wrap-label .h-article{margin-bottom:15px;position:relative}
.block-article-same .wrap-label .h-article .title-article{font-size:16px;text-transform:uppercase;color:#333;font-weight:700;font-size:30px}
@media only screen and (max-width: 768px) {
.block-article-same .wrap-label .h-article .title-article{font-size:20px}
}
.block-article-same .wrap-label .wrap-list .swiper-container{padding-bottom:20px}
.block-article-same .wrap-label .wrap-list .wrap-button-pa{position:relative;width:80px;margin:auto;height:40px;margin-top:10px}
.block-article-same .wrap-label .wrap-list .wrap-button-pa .swiper-button-next::after{display:none}
.block-article-same .wrap-label .wrap-list .wrap-button-pa .swiper-button-prev::after{display:none}
.block-article-same .wrap-label .wrap-list .item-aticle-basic{display:block}
.block-article-same .wrap-label .wrap-list .item-aticle-basic .wrap-img{padding-top:100%;position:relative;overflow:hidden;border-radius:10px;margin-bottom:15px}
.block-article-same .wrap-label .wrap-list .item-aticle-basic .wrap-img img{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;object-fit:cover;z-index:1}
.block-article-same .wrap-label .wrap-list .item-aticle-basic .text{font-size:16px;font-weight:700;color:#333;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.main-pd-detail .block-pd-top{display:flex;flex-wrap:wrap;margin-bottom:65px}
@media only screen and (max-width: 480px) {
.main-pd-detail .block-pd-top{margin-bottom:30px}
}
.main-pd-detail .block-pd-top .left-slide-img{width:calc((100% - 20px) / 12 * 7);margin-right:20px}
@media only screen and (max-width: 768px) {
.main-pd-detail .block-pd-top .left-slide-img{margin-right:0;margin-bottom:25px;width:100%}
}
.main-pd-detail .block-pd-top .left-slide-img .block-slide-img{padding:0 85px}
@media only screen and (max-width: 1024px) {
.main-pd-detail .block-pd-top .left-slide-img .block-slide-img{padding:0 30px}
}
.main-pd-detail .block-pd-top .left-slide-img .block-slide-img .item-slide{display:block;padding-top:100%;overflow:hidden;position:relative}
.main-pd-detail .block-pd-top .left-slide-img .block-slide-img .item-slide img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover}
.main-pd-detail .block-pd-top .left-slide-img .block-slide-img .zoom-img{margin-bottom:15px}
.main-pd-detail .block-pd-top .left-slide-img .block-slide-img .thumb-img .swiper-slide{border-radius:10px;overflow:hidden}
.main-pd-detail .block-pd-top .left-slide-img .block-slide-img .thumb-img .swiper-slide-thumb-active{border:solid 1px #ed1f24}
.main-pd-detail .block-pd-top .right-info-pd{width:calc((100% - 20px) / 12 * 5)}
@media only screen and (max-width: 768px) {
.main-pd-detail .block-pd-top .right-info-pd{width:100%}
}
.main-pd-detail .block-pd-top .right-info-pd .group-1{margin-bottom:25px}
@media only screen and (max-width: 480px) {
.main-pd-detail .block-pd-top .right-info-pd .group-1{margin-bottom:10px}
}
.main-pd-detail .block-pd-top .right-info-pd .group-1 .name-pd{font-size:28px}
@media only screen and (max-width: 480px) {
.main-pd-detail .block-pd-top .right-info-pd .group-1 .name-pd{font-size:24px}
}
.main-pd-detail .block-pd-top .right-info-pd .group-1 .stt-pd span{display:inline-block}
.main-pd-detail .block-pd-top .right-info-pd .group-1 .stt-pd .spac-ic{padding:0 10px}
.main-pd-detail .block-pd-top .right-info-pd .group-1 .stt-pd .start-ic{color:#e7a70d}
.main-pd-detail .block-pd-top .right-info-pd .group-price{margin-bottom:25px}
@media only screen and (max-width: 480px) {
.main-pd-detail .block-pd-top .right-info-pd .group-price{margin-bottom:10px}
}
.main-pd-detail .block-pd-top .right-info-pd .group-price .price{display:inline-block;font-size:30px;font-weight:700}
@media only screen and (max-width: 480px) {
.main-pd-detail .block-pd-top .right-info-pd .group-price .price{font-size:24px;display:block}
}
.main-pd-detail .block-pd-top .right-info-pd .group-price .market-price{display:inline-block;font-size:18px;text-decoration:line-through;color:#777}
.main-pd-detail .block-pd-top .right-info-pd .wrap-specification{margin-bottom:25px}
.main-pd-detail .block-pd-top .right-info-pd .wrap-specification .title-gr-smal{font-size:14px;font-weight:700;margin-bottom:5px}
.main-pd-detail .block-pd-top .right-info-pd .wrap-specification ul{margin-bottom:5px}
.main-pd-detail .block-pd-top .right-info-pd .wrap-specification ul li{position:relative}
.main-pd-detail .block-pd-top .right-info-pd .wrap-specification ul li span{color:#ed1f24;display:inline-block;margin-right:5px}
.main-pd-detail .block-pd-top .right-info-pd .wrap-specification.js-hidden-content ul li:nth-of-type(n+7){display:none}
.main-pd-detail .block-pd-top .right-info-pd .wrap-specification .more-specification{color:#ed1f24}
.main-pd-detail .block-pd-top .right-info-pd .stt-pd-2{margin-bottom:25px;font-size:16px;color:#00d228;text-transform:uppercase;font-weight:700}
.main-pd-detail .block-pd-top .right-info-pd .stt-pd-2 span.old{color:#ed1f24}
.main-pd-detail .block-pd-top .right-info-pd .info-sale{margin-bottom:15px;padding:25px 15px;position:relative;border:solid 1px #ed2024;border-radius:5px;line-height:22px;padding-top:33px}
.main-pd-detail .block-pd-top .right-info-pd .info-sale .title{position:absolute;top:-14px;left:15px;background:#ed1f24;color:#fff;padding:5px 13px;border-radius:20px;font-weight:700}
.main-pd-detail .block-pd-top .right-info-pd .info-sale .list-offer{white-space:pre-line}
.main-pd-detail .block-pd-top .right-info-pd .block_buy_item{display:block;width:100%;text-align:center;margin-bottom:10px;background:#ec2028;color:#fff;border-radius:5px;padding:8px 0}
.main-pd-detail .block-pd-top .right-info-pd .block_buy_item .__title{font-weight:700;font-size:16px;text-transform:uppercase}
.main-pd-detail .block-pd-cen{display:flex;flex-wrap:wrap}
.main-pd-detail .block-pd-cen .block-info-detail{width:calc((100% - 20px) / 12 * 7);margin-right:20px}
@media only screen and (max-width: 768px) {
.main-pd-detail .block-pd-cen .block-info-detail{width:100%;margin-right:0;order:2}
}
.main-pd-detail .block-pd-cen .block-info-detail .title{font-size:18px;margin-bottom:15px;font-weight:700;text-transform:uppercase}
.main-pd-detail .block-pd-cen .block-info-detail .description-detail-pd{position:relative;overflow:hidden;padding:25px 10px 0;margin-bottom:25px}
@media only screen and (max-width: 480px) {
.main-pd-detail .block-pd-cen .block-info-detail .description-detail-pd{padding:25px 0 0}
}
.main-pd-detail .block-pd-cen .block-info-detail .description-detail-pd.js-hidden-content{height:700px}
.main-pd-detail .block-pd-cen .block-info-detail .description-detail-pd.js-hidden-content::after{content:"";background:linear-gradient(rgba(255,255,255,0),white);height:100px;display:block;position:absolute;bottom:0;width:100%}
.main-pd-detail .block-pd-cen .block-info-detail .description-detail-pd img{height:auto!important}
@media only screen and (max-width: 1024px) {
.main-pd-detail .block-pd-cen .block-info-detail .description-detail-pd iframe{width:800px;max-width:100%;height:600px;display:block;margin:auto}
}
@media only screen and (max-width: 768px) {
.main-pd-detail .block-pd-cen .block-info-detail .description-detail-pd iframe{height:374px}
}
@media only screen and (max-width: 480px) {
.main-pd-detail .block-pd-cen .block-info-detail .description-detail-pd iframe{height:294px}
}
.main-pd-detail .block-pd-cen .block-info-detail .description-detail-pd ul{list-style-type:revert;padding:revert;margin:revert}
.main-pd-detail .block-pd-cen .block-info-detail .description-detail-pd ul li{list-style-type:revert}
.main-pd-detail .block-pd-cen .block-info-detail .more_{text-align:center;display:block;position:relative;z-index:1;margin-top:-8px}
.main-pd-detail .block-pd-cen .block-table-right{width:calc((100% - 20px) / 12 * 5)}
@media only screen and (max-width: 768px) {
.main-pd-detail .block-pd-cen .block-table-right{width:100%;margin-right:0;order:1;margin-bottom:25px}
}
.main-pd-detail .block-pd-cen .block-table-right .block-spec{background:#fff;border-radius:10px;margin-bottom:12px}
.main-pd-detail .block-pd-cen .block-table-right .block-spec .title-spec{font-size:18px;margin-bottom:15px;font-weight:700;text-transform:uppercase}
.main-pd-detail .block-pd-cen .block-table-right .block-spec .wrap-spec.js-hide-line table tr:nth-of-type(n+13){display:none}
.main-pd-detail .block-pd-cen .block-table-right .block-spec .wrap-spec table{width:100%;border-collapse:collapse;margin-bottom:12px}
.main-pd-detail .block-pd-cen .block-table-right .block-spec .wrap-spec table tr:nth-child(odd){background:#f4f4f4}
.main-pd-detail .block-pd-cen .block-table-right .block-spec .wrap-spec table tr td{padding:15px;text-align:center}
.main-pd-detail .block-pd-cen .block-table-right .block-spec .more_{display:block;height:50px;line-height:50px;border-radius:5px;text-align:center;border:solid 1px #ec2028}
.block-review{padding:25px 10px 10px}
@media only screen and (max-width: 480px) {
.block-review{padding:25px 0 0}
}
.block-review .title-review{text-transform:uppercase;font-weight:700;font-size:24px;margin-bottom:10px}
@media only screen and (max-width: 480px) {
.block-review .title-review{font-size:20px}
}
.block-review .wrap-result-review{margin-top:40px}
@media only screen and (max-width: 480px) {
.block-review .wrap-result-review{margin-top:10px}
}
.block-review .wrap-result-review .result_item{margin-bottom:15px}
.block-review .wrap-result-review .result_item ._name{font-size:16px;margin-right:10px}
.block-review .wrap-result-review .result_item ._star{width:89px;display:inline-block;height:18px;background-repeat:no-repeat;margin-right:10px}
.block-review .wrap-result-review .result_item ._star.star_5{background-position:0 0}
.block-review .wrap-result-review .result_item ._star.star_4{background-position:0 -21px}
.block-review .wrap-result-review .result_item ._star.star_3{background-position:0 -42px}
.block-review .wrap-result-review .result_item ._star.star_2{background-position:0 -63px}
.block-review .wrap-result-review .result_item ._star.star_1{background-position:0 -87px}
.block-review .wrap-result-review .result_item ._time{font-size:12px}
.block-review .wrap-result-review .result_item .comment-star{margin-top:10px;padding:10px;border:solid 1px #c1c1c1;background:#f0f0f0;position:relative;border-radius:5px;max-width:1024px}
.block-review .wrap-result-review .result_item .comment-star img{display:block;max-width:400px;height:auto;margin-bottom:10px}
.block-review .wrap-result-review .result_item .comment-star::after{content:"";display:block;width:0;border:solid 10px transparent;border-bottom-color:#c1c1c1;position:absolute;top:-20px;left:9px;z-index:0}
.block-review .wrap-result-review .review_item .wrap-rv-lv1{display:flex;flex-wrap:wrap;margin-bottom:10px}
.block-review .wrap-result-review .review_item .wrap-rv-lv2{display:flex;flex-wrap:wrap;display:flex;flex-wrap:wrap;width:calc(100% - 80px);margin:auto;margin-right:0;margin-bottom:15px}
.block-review .wrap-result-review .review_item .avata-left{width:80px}
@media only screen and (max-width: 480px) {
.block-review .wrap-result-review .review_item .avata-left{width:50px}
}
.block-review .wrap-result-review .review_item .avata-left .avata{width:50px;height:50px;background:#dcdcdc;border-radius:50%;text-align:center;line-height:50px;font-size:18px;margin:auto}
@media only screen and (max-width: 480px) {
.block-review .wrap-result-review .review_item .avata-left .avata{width:35px;height:35px;line-height:35px}
}
.block-review .wrap-result-review .review_item .avata-left .avata-addmin{width:50px;height:50px;margin:auto}
@media only screen and (max-width: 480px) {
.block-review .wrap-result-review .review_item .avata-left .avata-addmin{width:35px;height:35px;line-height:35px}
}
.block-review .wrap-result-review .review_item .info-right{width:calc(100% - 80px)}
@media only screen and (max-width: 480px) {
.block-review .wrap-result-review .review_item .info-right{width:calc(100% - 50px)}
}
.block-review .form-review{background:#fff;border:solid 1px #c1c1c1;border-radius:5px;margin-bottom:15px}
.block-review .form-review .note-form textarea{width:100%;display:block;outline:0;border-radius:5px;border:none;margin-bottom:10px;padding:10px}
.block-review .form-review .wrap-list-cmt .pos-img{margin-bottom:10px}
.block-review .form-review .wrap-list-cmt .pos-img .icon-post-img{color:#cd0814}
.block-review .form-review .info-user{display:flex;flex-wrap:wrap;align-items:center}
.block-review .form-review .info-user .item{width:calc((100% - 10px) / 2);margin-right:20px}
.block-review .form-review .info-user .item:nth-child(1){width:calc((100% - 60px) / 12 * 3)}
.block-review .form-review .info-user .item:nth-child(1) .start{display:flex;align-items:center}
.block-review .form-review .info-user .item:nth-child(1) .start .title-start{font-weight:700;padding-right:15px}
.block-review .form-review .info-user .item:nth-child(1) .start .rating-selection-v21{overflow:hidden;width:max-content}
.block-review .form-review .info-user .item:nth-child(1) .start .rating-selection-v21 input{float:right;opacity:0;position:absolute}
.block-review .form-review .info-user .item:nth-child(1) .start .rating-selection-v21 input:checked ~ label{color:orange;cursor:pointer}
.block-review .form-review .info-user .item:nth-child(1) .start .rating-selection-v21 label{float:right;color:#aaa;-webkit-transition:color .4s;-moz-transition:color .4s;-o-transition:color .4s;transition:color .4s;margin-bottom:0;font-size:16px;margin-right:5px}
.block-review .form-review .info-user .item:nth-child(1) .start .rating-selection-v21 label:hover{color:orange;cursor:pointer}
.block-review .form-review .info-user .item:nth-child(1) .start .rating-selection-v21 label:hover ~ label{color:orange;cursor:pointer}
.block-review .form-review .info-user .item:nth-child(2){width:calc((100% - 60px) / 12 * 3.5)}
.block-review .form-review .info-user .item input.inp-f{display:block;width:100%;height:40px;border:none;border-radius:5px;padding:0 10px;background: #f0f0f0;}
.block-review .form-review .info-user .item:nth-child(3){width:calc((100% - 60px) / 12 * 3.5)}
.block-review .form-review .info-user .item:nth-child(4){width:calc((100% - 60px) / 12 * 2);margin-right:0}
.block-review .form-review .info-user .item:nth-child(4) button{width:100%;height:40px;text-transform:uppercase;font-weight:700;border:none;border-radius:5px;background:#cd0814;color:#fff}
.block-review .wrap-list-cmt{padding: 10px; border-top: 1px solid #c1c1c1;}
.block-review .wrap-result-review .review_item .info-right .tite-name{padding:10px;border-radius:10px;background:#f0f0f0}
.block-review .wrap-result-review .review_item .info-right .tite-name ._name{font-size:16px;font-weight:700}
.block-review .wrap-result-review .review_item .info-right .tite-name ._name-admin{font-weight:700;display:inline-block;font-size:16px;margin-right:15px;color:#e40001;border-radius:5px}
.block-review .wrap-result-review .review_item .info-right .tite-name ._name-admin i{color:#e40001}
.block-review .wrap-result-review .review_item .info-right .tite-name ._star{width:89px;display:inline-block;height:18px;background-repeat:no-repeat;margin-right:10px}
.block-review .wrap-result-review .review_item .info-right .tite-name ._star.star_5{background-position:0 0}
.block-review .wrap-result-review .review_item .info-right .tite-name ._star.star_4{background-position:0 -21px}
.block-review .wrap-result-review .review_item .info-right .tite-name ._star.star_3{background-position:0 -42px}
.block-review .wrap-result-review .review_item .info-right .tite-name ._star.star_2{background-position:0 -63px}
.block-review .wrap-result-review .review_item .info-right .tite-name ._star.star_1{background-position:0 -87px}
.block-review .wrap-result-review .review_item .info-right .reply-action{margin-top:5px}
.block-review .wrap-result-review .review_item .info-right .reply-action .reply-text{font-weight:700;cursor:pointer;color: #3592ff;}
@media(max-width: 767px){
	.blok-chinh-hang .wrap-ct .item-ch .wrap-text .text-2{
		text-transform: none;
	}
}