1244 lines
104 KiB
CSS
1244 lines
104 KiB
CSS
|
:root{--color-primary:#E10034;--white:#fff;--black:#000}
|
||
|
|
.color-primary{color:var(--color-primary)}
|
||
|
|
.color-white{color:var(--white);font-style:normal}
|
||
|
|
.color-black{color:var(--black)}
|
||
|
|
.bg-white{background-color:#fff!important}
|
||
|
|
.bg-gradient{background:linear-gradient(90deg,#fce765 8.33%,#f1b21e 55.91%,#fae408 80.54%,#f6cd12 115.8%)}
|
||
|
|
*,::after,::before{margin:0;padding:0;-webkit-box-sizing:inherit;box-sizing:inherit}
|
||
|
|
html{font-size:16px;scroll-behavior:smooth}
|
||
|
|
body{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Roboto,sans-serif;line-height:20px;font-weight:400;color:#000;background-color:#f7f7f7;min-width:1220px}
|
||
|
|
a{color:inherit;font-size:inherit;text-decoration:none}
|
||
|
|
li{list-style:none}
|
||
|
|
.gap-12{gap:12px}
|
||
|
|
.text-right{text-align:right!important}
|
||
|
|
.grid--3-cols-article{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}
|
||
|
|
.text-center{text-align:center}
|
||
|
|
.container{max-width:1620px;padding:0 10px;margin:0 auto}
|
||
|
|
img{display:block;max-width:100%}
|
||
|
|
.list-style-none{list-style:none}
|
||
|
|
.list-style-cricle{list-style:circle}
|
||
|
|
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:Inter,sans-serif}
|
||
|
|
input::-moz-placeholder,textarea::-moz-placeholder{font-family:Inter,sans-serif}
|
||
|
|
input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:Inter,sans-serif}
|
||
|
|
input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-family:Inter,sans-serif}
|
||
|
|
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:Inter,sans-serif}
|
||
|
|
input::-moz-placeholder,textarea::-moz-placeholder{font-family:Inter,sans-serif}
|
||
|
|
input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:Inter,sans-serif}
|
||
|
|
input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-family:Inter,sans-serif}
|
||
|
|
input,input::placeholder,select,textarea,textarea::placeholder{font-family:Inter,sans-serif}
|
||
|
|
.font-weight-700{font-weight:700}
|
||
|
|
.font-weight-600{font-weight:600}
|
||
|
|
.font-weight-500{font-weight:500}
|
||
|
|
.font-weight-light{font-weight:300}
|
||
|
|
.line-clamp{-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box}
|
||
|
|
.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box}
|
||
|
|
.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box}
|
||
|
|
.line-clamp-6{-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box}
|
||
|
|
.boder-radius-15{border-radius:15px}
|
||
|
|
.text-20{font-size:20px}
|
||
|
|
.text-12{font-size:12px}
|
||
|
|
.red{color:#da251c}
|
||
|
|
.text-white{color:#fff!important}
|
||
|
|
.hover-img a{position:relative;overflow:hidden;display:block}
|
||
|
|
.hover-img a::before{content:"";position:absolute;top:0;left:-15%;bottom:0;width:0;height:100%;background-color:rgba(255,255,255,.5);-webkit-transition:none;transition:none;-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
|
||
|
|
.hover-img a:hover::before{width:120%;background-color:rgba(255,255,255,0);-webkit-transition:all .45s ease-out;transition:all .45s ease-out;z-index:2}
|
||
|
|
.relative{position:relative}
|
||
|
|
.box-right-item:hover .cart-ttip{display:block}
|
||
|
|
.cart-ttip{display:none;position:absolute;background-color:#fff;border-radius:10px;width:465px;height:auto;right:0;top:55px;z-index:3;-webkit-box-shadow:0 1px 6px rgb(0 0 0 / 25%);box-shadow:0 1px 6px rgb(0 0 0 / 25%)}
|
||
|
|
.cart-ttip-price-button{border-radius:5px;padding:13px;background:#da251c;text-align:center;margin:12px;font-size:20px;color:#fff;cursor:pointer}
|
||
|
|
.cart-ttip-price-button:hover{background:#970e13}
|
||
|
|
.cart-ttip-item-container{max-height:340px;overflow:auto;padding:0 10px}
|
||
|
|
.cart-ttip-item-container .compare-item{height:auto;margin:10px 0;max-width:unset;margin:0;-webkit-box-shadow:none;box-shadow:none}
|
||
|
|
.header-null-cart{width:100%!important;text-align:center;padding:30px;color:#000;font-weight:600}
|
||
|
|
.header-cart-item-price{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-top:10px}
|
||
|
|
.header-cart-item-price p{font-weight:700;width:auto}
|
||
|
|
.total-item-ttip{color:#da251c;font-weight:700}
|
||
|
|
.cart-header:hover .cart-ttip{display:block}
|
||
|
|
.cart-ttip .cart-ttip-price{padding:20px 28px 15px 10px;border-top:3px solid var(--pink);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important;gap:6px;border-top:1px solid #d9d9d9;margin-top:17px}
|
||
|
|
.cart-ttip .cart-ttip-price p{color:#000;width:auto;padding:0;margin:0}
|
||
|
|
.cart-ttip .cart-ttip-price p:first-child{font-size:15px}
|
||
|
|
.cart-ttip .cart-ttip-price p:nth-child(2){font-size:13px;font-weight:200;color:var(--pink);margin-left:0!important}
|
||
|
|
.cart-ttip .cart-ttip-price p:last-child{font-size:24px;font-weight:700;color:#da251c}
|
||
|
|
.compare-item{font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;-webkit-box-shadow:0 1px 8px rgb(0 0 0 / 25%);box-shadow:0 1px 8px rgb(0 0 0 / 25%);padding:17px 0;max-width:360px;background:#fff;border-bottom:1px solid #d9d9d9}
|
||
|
|
.compare-item img{width:80px;border:5px}
|
||
|
|
.compare-item .compare-item-text{display:inline-block;padding:0 10px;width:calc(100% - 100px - 14px)}
|
||
|
|
.compare-item .compare-item-text p{background:0 0;color:#000;padding:0;width:100%;word-break:break-word;line-height:24px;margin-left:0;font-size:16px;margin-bottom:27px}
|
||
|
|
.compare-item:last-child{border:none!important}
|
||
|
|
.compare-item .compare-item-text span{line-height:32px}
|
||
|
|
.img-compare{width:100px;margin-right:14px}
|
||
|
|
.grid{display:-ms-grid;display:grid;gap:12px}
|
||
|
|
.grid--6-cols{-ms-grid-columns:(1fr)[6];grid-template-columns:repeat(6,1fr)}
|
||
|
|
.grid--5-cols{-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5,1fr)}
|
||
|
|
.grid--4-cols{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}
|
||
|
|
.grid--2-cols{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}
|
||
|
|
.grid--3-cols{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}
|
||
|
|
.grid--product-info{-ms-grid-columns:2fr 1fr;grid-template-columns:2fr 1fr}
|
||
|
|
.grid--product-details{-ms-grid-columns:3fr 1fr;grid-template-columns:3fr 1fr}
|
||
|
|
.grid--product-details-inside{-ms-grid-columns:5.13fr 6.48fr;grid-template-columns:7fr 5.76fr}
|
||
|
|
.align-items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
|
||
|
|
.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex}
|
||
|
|
.align-items-end{align-items:flex-end}
|
||
|
|
.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
|
||
|
|
.align-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
|
||
|
|
.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
|
||
|
|
.justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
|
||
|
|
.justify-content-around{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-around}
|
||
|
|
.flex-around{-ms-flex-pack:distribute;justify-content:space-around}
|
||
|
|
.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
|
||
|
|
.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
|
||
|
|
.flex-wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-wrap:row;flex-wrap:wrap}
|
||
|
|
.info-description-content a,.info-description-content h1,.info-description-content h2,.info-description-content h3,.info-description-content h4,.info-description-content h5,.info-description-content h6,.info-description-content li,.info-description-content ol,.info-description-content p,.info-description-content span,.info-description-content ul{margin:revert;padding:revert}
|
||
|
|
.mb-15px{margin-bottom:15px!important}
|
||
|
|
.min-width-0{min-width:0}
|
||
|
|
.d-block{display:block!important}
|
||
|
|
.d-none,.hide{display:none!important}
|
||
|
|
.gap-4{gap:4px}
|
||
|
|
.gap-8{gap:8px}
|
||
|
|
.gap-10{gap:10px}
|
||
|
|
.gap-16{gap:16px}
|
||
|
|
.position-relative{position:relative!important}
|
||
|
|
body.active::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);z-index:2}
|
||
|
|
.swiper-button-next,.swiper-button-prev{width:30px;height:60px;background:#797979;opacity:.7}
|
||
|
|
.swiper-button-prev{border-radius:0 10px 10px 0;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);border-radius:0 35px 35px 0}
|
||
|
|
.swiper-button-next{border-radius:10px 0 0 10px;-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);border-radius:35px 0 0 35px}
|
||
|
|
.swiper-button-next::after,.swiper-button-prev::after{font-size:16px !important;color:var(--white)}
|
||
|
|
.swiper{width:100%;height:100%;margin-left:auto;margin-right:auto}
|
||
|
|
.swiperShowcase{border-radius:15px}
|
||
|
|
.swiper-slide img{display:block;width:100%}
|
||
|
|
.banner-slider-group .swiper-pagination{left:unset!important;right:60px!important;bottom:20px!important;text-align:right!important}
|
||
|
|
.swiper-pagination-bullet{width:12px!important;height:12px!important;border-radius:5px!important;background:#fff!important;opacity:1!important}
|
||
|
|
.swiper-pagination-bullet-active{background:#da251c!important;border-radius:5px!important;width:12px!important;height:12px!important;border:.5px solid #fff}
|
||
|
|
.swiper-slide-product{height:auto;background:#fff;border-radius:15px}
|
||
|
|
.swiper-slide-product:hover{-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}
|
||
|
|
.swiper-slide-product:hover .card-img img{-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
|
||
|
|
.product-info-left .swiper-slide-thumb-active{border:1px solid #da251c}
|
||
|
|
.global-breadcrumb ol{padding:13px 0;line-height:19px;color:#797979;text-transform:uppercase}
|
||
|
|
.global-breadcrumb li span{margin-right:5px}
|
||
|
|
.global-tooltip,.tippy-box{display:none;position:absolute;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.25);box-shadow:0 1px 6px rgba(0,0,0,.25);background-color:#fff;color:#000;border-radius:10px;width:440px;z-index:999;overflow:hidden}
|
||
|
|
.tooltip-name{-webkit-box-shadow:0 1px 6px rgba(0,0,0,.25);box-shadow:0 1px 6px rgba(0,0,0,.25);border-radius:10px 10px 0 0;padding:12px;background:linear-gradient(0deg,#f24040 10.84%,#e30b0b 104.56%)}
|
||
|
|
.tooltip-name p{color:#fff;font-size:20px;line-height:32px;text-transform:uppercase}
|
||
|
|
.tooltip-descreption{margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 8px}
|
||
|
|
.tooltip-descreption-price{padding:0 12px;padding-bottom:6px}
|
||
|
|
.tooltip-descreption-price p{font-weight:600;line-height:24px}
|
||
|
|
.tooltip-descreption-info{margin-left:80px;color:#da251c;font-weight:600;line-height:24px}
|
||
|
|
.tooltip-input{-webkit-box-shadow:0 1px 6px rgba(0,0,0,.25);box-shadow:0 1px 6px rgba(0,0,0,.25);margin-top:12px;background-color:#da251c;padding-left:10px;margin:0 12px;font-size:18px;color:#fff;border-radius:8px}
|
||
|
|
.tooltip-input span{padding:10px 0}
|
||
|
|
.box-tooltip-gift{border:1px solid #eb3800;margin:0 10px 10px}
|
||
|
|
.tooltip-gift{background:#fff;-webkit-box-shadow:unset;box-shadow:unset;border-radius:unset}
|
||
|
|
.tooltip-gift .icon-gift{background:#eb3800;color:#fff;font-weight:700;font-size:16px;line-height:40px;position:relative;margin:6px 0 11px -30px;max-width:170px;width:100%;padding-left:40px}
|
||
|
|
.tooltip-gift .icon-gift::before{content:"";border-top:8px solid #ac0000;border-left:8px solid transparent;position:absolute;left:0;top:100%}
|
||
|
|
.tooltip-gift .icon-gift i{width:18px;height:18px;background-position:-59px -98px;position:absolute;top:12px;left:16px}
|
||
|
|
.tooltip-gift .icon-gift::after{content:"";width:28px;height:28px;background:#fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:6px;right:-13px}
|
||
|
|
.icon-database{margin-right:12px;padding:10px;border:1px solid #eb3800;border-radius:10px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.25);box-shadow:0 1px 6px rgba(0,0,0,.25)}
|
||
|
|
.tooltip-list{padding:12px;padding:20px;white-space:pre-line;margin:-47px 0 -28px}
|
||
|
|
.tooltip-list ul{font-size:14px;list-style:none}
|
||
|
|
.tooltip-descreption-info .card-price-origin-line-through{position:absolute;top:50%;left:0;width:100%;border-bottom:1px solid #000}
|
||
|
|
.box-tooltip-gift .tooltip-list-gift{margin:-60px 0 -50px}
|
||
|
|
@-webkit-keyframes shake{
|
||
|
|
0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
|
||
|
|
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
|
||
|
|
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
|
||
|
|
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
|
||
|
|
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
|
||
|
|
50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
|
||
|
|
100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
|
||
|
|
}
|
||
|
|
@keyframes shake{
|
||
|
|
0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
|
||
|
|
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
|
||
|
|
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
|
||
|
|
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
|
||
|
|
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
|
||
|
|
50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
|
||
|
|
100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
|
||
|
|
}
|
||
|
|
@-webkit-keyframes gradient{
|
||
|
|
0%{background-position:0 0}
|
||
|
|
100%{background-position:-200% 0}
|
||
|
|
}
|
||
|
|
@keyframes gradient{
|
||
|
|
0%{background-position:0 0}
|
||
|
|
100%{background-position:-200% 0}
|
||
|
|
}
|
||
|
|
.success-form-svg{display:block;height:80px;width:80px;color:var(--color-primary)}
|
||
|
|
.circle{stroke-dasharray:76;stroke-dashoffset:76;-webkit-animation:draw .5s forwards;animation:draw .5s forwards}
|
||
|
|
.tick{stroke-dasharray:18;stroke-dashoffset:18;-webkit-animation:draw .5s forwards .6s;animation:draw .5s forwards .6s}
|
||
|
|
@-webkit-keyframes draw{
|
||
|
|
to{stroke-dashoffset:0}
|
||
|
|
}
|
||
|
|
@keyframes draw{
|
||
|
|
to{stroke-dashoffset:0}
|
||
|
|
}
|
||
|
|
@-webkit-keyframes phonering{
|
||
|
|
0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
|
||
|
|
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
|
||
|
|
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
|
||
|
|
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
|
||
|
|
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
|
||
|
|
50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
|
||
|
|
100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
|
||
|
|
}
|
||
|
|
.cart-success{width:500px;height:300px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed}
|
||
|
|
.text-cart-success{font-size:24px;font-weight:600;line-height:1.6;padding-top:30px;color:var(--color-primary)}
|
||
|
|
.ease-015s{-webkit-transition:all ease .15s;-o-transition:all ease .15s;transition:all ease .15s}
|
||
|
|
.success-form{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;background:rgba(0,0,0,.5);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}
|
||
|
|
.sprite-article{background-image:url(/static/assets/default/images/sprite-article.png);background-repeat:no-repeat;background-size:120.5px 99px;display:block}
|
||
|
|
.sprite{background:url(./img/sprite_pc.png);background-size:359.3px 330.6px!important;display:block}
|
||
|
|
.sprite-bao-hanh-3h-detail{width:21px;height:21px;background-position:-7px -7px}
|
||
|
|
.sprite-bao-hanh-5-nam-detail{width:20px;height:18px;background-position:-41px -7px}
|
||
|
|
.sprite-cart-header{width:32px;height:31px;background-position:-77px -7px}
|
||
|
|
.sprite-cart-item{width:30px;height:28px;background-position:-120px -7px}
|
||
|
|
.sprite-chinh-sach-header{width:30px;height:31px;background-position:-163px -7px}
|
||
|
|
.sprite-dang-ky-header{width:22px;height:23px;background-position:-206px -7px}
|
||
|
|
.sprite-dang-nhap-header{width:23px;height:23px;background-position:-241px -7px}
|
||
|
|
.sprite-danh-muc-detail{width:26px;height:22px;background-position:-7px -43px}
|
||
|
|
.sprite-doi-moi-30-ngay-detail{width:21px;height:21px;background-position:-206px -43px}
|
||
|
|
.sprite-doi-tra-footer{width:80px;height:80px;background-position:-46px -78px}
|
||
|
|
.sprite-giao-hang-detail{width:21px;height:21px;background-position:-240px -43px}
|
||
|
|
.sprite-giao-hang-footer{width:80px;height:55px;background-position:-139px -78px}
|
||
|
|
.sprite-ho-tro-footer{width:60px;height:60px;background-position:-139px -147px}
|
||
|
|
.sprite-hotline-header{width:33px;height:33px;background-position:-240px -77px}
|
||
|
|
.sprite-hotline-ho-tro-detail{width:18px;height:19px;background-position:-7px -123px}
|
||
|
|
.sprite-hotline-tu-van-detail{width:29px;height:29px;background-position:-233px -123px}
|
||
|
|
.sprite-lien-he-detail{width:43px;height:43px;background-position:-213px -165px}
|
||
|
|
.sprite-lien-he-header{width:16px;height:16px;background-position:-7px -165px}
|
||
|
|
.sprite-message-right-footer{width:27px;height:27px;background-position:-7px -222px}
|
||
|
|
.sprite-nhap-email-footer{width:62px;height:61px;background-position:-282px -3px}
|
||
|
|
.sprite-reply-review-detail{width:14px;height:14px;background-position:-7px -81px}
|
||
|
|
.sprite-search-header{width:25px;height:25px;background-position:-277px -73px}
|
||
|
|
.sprite-send-review-detail{width:19px;height:19px;background-position:-325px -81px}
|
||
|
|
.sprite-showroom-header{width:14px;height:16px;background-position:-325px -114px}
|
||
|
|
.sprite-sp-con-hang-detail{width:18px;height:18px;background-position:-275px -143px}
|
||
|
|
.sprite-star-big-review-detail{width:59px;height:57px;background-position:-47px -175px}
|
||
|
|
.sprite-star-smaill-review-detail{width:11px;height:11px;background-position:-306px -143px}
|
||
|
|
.sprite-thanh-toan-footer{width:81px;height:80px;background-position:-269px -175px}
|
||
|
|
.sprite-tin-cn-header{width:22px;height:18px;background-position:-331px -143px}
|
||
|
|
.sprite-tin-km-footer{width:77px;height:56px;background-position:-7px -268px}
|
||
|
|
.sprite-tin-km-header{width:21px;height:21px;background-position:-97px -268px}
|
||
|
|
.sprite-tra-gop-0_-detail{width:21px;height:20px;background-position:-131px -268px}
|
||
|
|
.sprite-tuyen-dung-header{width:21px;height:20px;background-position:-165px -268px}
|
||
|
|
.sprite-star{background:url(./img/star.png);background-size:90px 100px!important;display:block;width:90px;height:16px}
|
||
|
|
.sprite-1star{background:url(/static/assets/default/images/star_rating.png);display:block}
|
||
|
|
.star0{background-position:-269px 218px!important}
|
||
|
|
.star1{background-position:-269px 234px!important}
|
||
|
|
.star2{background-position:-269px 250px!important}
|
||
|
|
.star3{background-position:-269px 267px!important}
|
||
|
|
.star4{background-position:-269px 183px!important}
|
||
|
|
.star5{background-position:-269px 300px!important}
|
||
|
|
.search-results{display:none;border:1px solid #ddd;background:#fff;position:absolute;top:100%;left:0;width:100%;z-index:999}
|
||
|
|
.search-results-list{max-height:300px;overflow:auto;z-index:999}
|
||
|
|
.box-header .wrapper,.p-img,.product-detail-page .pd-info-left-group{overflow:hidden}
|
||
|
|
.search-results .item{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;padding:10px;width:100%;position:relative;text-decoration:none;font-weight:400}
|
||
|
|
.account .title-list a:hover,.footer-end-page,.product-detail-page .info-tech tr:nth-child(2n),.search-results a.item:hover{background-color:#f5f5f5}
|
||
|
|
.search-results img{width:60px}
|
||
|
|
.search-results .title{font-size:16px;color:#333}
|
||
|
|
.search-results .price{color:#da251c}
|
||
|
|
.header-top-container{background:var(--color-primary);color:var(--white)}
|
||
|
|
.header-top-container .item-group-title{padding:8px 12px;border-radius:17px;height:34px;font-size:14px;margin-right:8px;background-size:200% auto;-webkit-animation:gradient 2s infinite;animation:gradient 2s infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}
|
||
|
|
.header-top-container .item-group-title a{margin-left:6px;line-height:16px;font-size:14px;line-height:16px}
|
||
|
|
.header-top{padding:4px 0}
|
||
|
|
.header-top-container .item-group{cursor:pointer}
|
||
|
|
.box-hover-top-header{position:absolute;top:calc(100% + 20px);left:0;right:0;background:#fff;padding:36px 31px 27px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);z-index:6;transition:.25s all;opacity:0;visibility:hidden}
|
||
|
|
.box-hover-top-header .box-item{padding-right:10px;width:100%;color:#3a3a3a;margin-bottom:20px}
|
||
|
|
.box-hover-top-header .title{background:#da251c;color:#fff;width:350px;height:36px;white-space:nowrap;border-radius:0 50px 50px 0;font-size:20px;text-transform:uppercase;line-height:24px;margin-bottom:16px}
|
||
|
|
.box-hover-top-header .number{background:#ffb800;text-align:center;display:inline-block;width:16px;margin-right:11px;height:100%}
|
||
|
|
.box-hover-top-header .icon-img{margin-right:12px}
|
||
|
|
.box-hover-top-header .box-list a{margin-bottom:20px}
|
||
|
|
.header-top-container .item-group:hover .box-hover-top-header{transition:.25s all;opacity:1;visibility:visible;top:100%}
|
||
|
|
.contact-header{margin-right:20px}
|
||
|
|
.header-top-container .title-group{font-size:14px;line-height:16px;padding:6px 14px;border-radius:17px}
|
||
|
|
.header-top-container .header-icon{margin-right:8px}
|
||
|
|
.header-top-container .title-group{background:#920700}
|
||
|
|
.header-top-container .title-group:hover{background:#b41f24!important}
|
||
|
|
.header-top-container .title-group p{margin-left:8px}
|
||
|
|
.header-top-container .center{color:#797979}
|
||
|
|
.header-top-container .user-header{padding:6px 16px}
|
||
|
|
.item-right .title-group{background:var(--color-primary)!important;font-weight:400}
|
||
|
|
.header-main-container{padding:14px 0 18px;background:#ececec}
|
||
|
|
.header-menu-container .title{display:none}
|
||
|
|
.header-menu-container .global-menu-list{position:absolute;top:142px;left:0;width:309px;max-height:685px;height:685px;box-shadow:0 1px 2px rgba(0,0,0,.25);border-radius:10px;z-index:4}
|
||
|
|
.header-menu-container .global-menu-list .item{padding:11px 13px;border-bottom:1px solid #e4e4e4}
|
||
|
|
.header-menu-container .global-menu-list .cat-title{margin-left:20px}
|
||
|
|
.header-menu-container .global-menu-list .icon-menu{width:32px}
|
||
|
|
.global-menu-list .item:first-child{border-radius:10px 10px 0 0}
|
||
|
|
.global-menu-list .item:hover{background:#eb1f27;-webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.3);box-shadow:0 0 12px 0 rgba(0,0,0,.3);z-index:1;border:0}
|
||
|
|
.global-menu-list .item:hover .cat-title,.global-menu-list .item:hover>a{color:#fff;-webkit-transition:unset;transition:unset}
|
||
|
|
.global-menu-list .item:hover .icon-menu{-webkit-filter:brightness(10);filter:brightness(10)}
|
||
|
|
.global-menu-list .sub-menu-list{background:#fff;position:absolute;z-index:1;top:0;left:309px;width:calc(1600px - 309px);height:685px;overflow:auto;font-size:14px;padding:40px 44px 47px;box-shadow:0 1px 6px rgba(0,0,0,.25);display:none}
|
||
|
|
.global-menu-list .item:hover .sub-menu-list{display:grid}
|
||
|
|
.global-menu-list .sub-menu-list .sub-cat-2 .cat-2{color:#000;font-size:20px;line-height:22px;padding-bottom:12px;text-transform:uppercase;border-bottom:1px solid #da251c;margin-bottom:12px;width:max-content}
|
||
|
|
.global-menu-list .sub-menu-list .sub-cat-3 .cat-3{color:#3a3a3a;margin-bottom:12px;font-size:16px}
|
||
|
|
.global-menu-breadcrumb{width:310px;margin-right:12px;position:relative}
|
||
|
|
.global-menu-breadcrumb .menu-title{margin:0;font-size:20px;color:#fff;background:#eb1f27;font-weight:700;border-radius:50px;line-height:35px;cursor:pointer;position:relative;white-space:nowrap;padding:8px 0 8px 60px}
|
||
|
|
.global-menu-list.global-other-page{opacity:0;visibility:hidden;top:80px;-webkit-transition:.2s all;transition:.2s all}
|
||
|
|
.box-breadcrumb{padding:20px 10px}
|
||
|
|
.global-menu-breadcrumb:hover .global-menu-list{opacity:1;visibility:visible;top:100%}
|
||
|
|
.global-menu-breadcrumb .menu-title::before{content:'';background:url(./img/sprite_pc.png) no-repeat;background-size:359.3px 330.6px!important;width:26px;height:22px;position:absolute;left:23px;top:15px;background-position:-7px -43px}
|
||
|
|
.global-menu-breadcrumb .menu-title::after{content:'\f0d7';font-family:FontAwesome;position:absolute;right:11px}
|
||
|
|
.header-main-container .box-middle-group .header-tags a{background:#797979;border-radius:15px;font-size:12px;line-height:18px;padding:4px 10px;color:var(--white)}
|
||
|
|
.header-main-container .box-middle-group .header-tags a:hover{background:#c80000}
|
||
|
|
.header-search-group .search-container{width:632px;padding:5px 7px;position:relative;background:#fff;border-radius:100px;font-size:13px;margin-top:16px;height:52px}
|
||
|
|
.header-search-group .search-cat-group{width:166px;margin-right:16px;line-height:40px;background:#ededed;border-radius:100px;border:1px solid #d0cbcb;padding:0 18px 0 12px;position:relative}
|
||
|
|
.header-search-group .search-cat-holder{font-weight:400;font-size:16px;cursor:pointer;color:#3a3a3a;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||
|
|
.header-search-group .cat-list-group{-webkit-transition:.2s all;transition:.2s all;opacity:0;visibility:hidden;position:absolute;background:#ebebeb;left:0;top:50px;width:210px;max-height:234px;overflow:auto;z-index:4;padding:10px 5px 15px 5px;border-radius:10px;-webkit-box-shadow:0 0 10px 3px rgba(0,0,0,.1);box-shadow:0 0 10px 3px rgba(0,0,0,.1)}
|
||
|
|
.header-search-group .cat-list-group a:hover{font-weight:700;background:#e1e1e1}
|
||
|
|
.header-search-group .search-cat-group:hover .cat-list-group{-webkit-transition:.2s all;transition:.2s all;top:45px;opacity:1;visibility:visible}
|
||
|
|
.header-search-group .cat-list-group a{font-style:normal;font-size:14px;line-height:19px;padding:6px 0 6px 15px;cursor:pointer}
|
||
|
|
.header-search-group .search-cat-group::after{content:'\f0d7';font-family:FontAwesome;position:absolute;font-style:normal;font-size:14px;right:13px;top:0;bottom:0}
|
||
|
|
.header-search-group .search-form-group{display:block;width:calc(100% - 182px)}
|
||
|
|
.header-search-group .search-input{width:calc(100% - 45px);height:100%;border:0;margin:0;padding:0;font-style:italic;font-size:16px;line-height:19px;color:#797979;outline:0}
|
||
|
|
.header-search-group .search-submit{width:41px;height:41px;border-radius:50%;background-color:#eb1f27;border:0;position:absolute;right:5px;top:5.5px;cursor:pointer}
|
||
|
|
.header-policy .title{font-weight:500;color:#fff;font-size:16px;background:#da251c;border-radius:100px;text-align:center;padding:12px 50px 10px 15px;position:relative;cursor:pointer;line-height:19px;width:166px;height:60px}
|
||
|
|
.header-policy .title::before{content:'';position:absolute;width:50px;height:50px;border-radius:50%;background-color:#fff!important;top:5px;right:-5px;-webkit-box-shadow:0 0 9px 1px #9f1b20;box-shadow:0 0 9px 1px #9f1b20;background:url(./img/sprite_pc.png);background-size:359.3px 330.6px!important;background-position:-152px 0}
|
||
|
|
.header-main-container .box-right-group{font-size:18px;width:403px;color:#fff;background:#da251c;border-radius:30px;padding:4px 4px 4px 27px;height:60px}
|
||
|
|
.box-right-item .title{font-size:16px;margin-bottom:4px}
|
||
|
|
.box-right-group .box-right-list{height:100%}
|
||
|
|
.icon-hotline-header{width:50px;height:50px;background:#fff;border-radius:50%;margin-left:12px}
|
||
|
|
.box-right-list .box-right-item{position:relative}
|
||
|
|
.header-main-container .cart-count{font-size:10px;background:#970c19;width:18px;height:18px;border-radius:50%;text-align:center;line-height:18px;font-weight:500;position:absolute;top:4px;left:153px}
|
||
|
|
.icon-cart-header{margin-left:27px}
|
||
|
|
.box-right-item .center{border-left:1px solid #3a3a3a;padding-left:26px;line-height:30px}
|
||
|
|
.box-right-list .sprite-hotline-header{-webkit-animation:phonering 1.8s infinite ease-in-out;animation:phonering 1.8s infinite ease-in-out}
|
||
|
|
.header-fixed{position:fixed;top:0;left:0;right:0;z-index:5;background:#ececec;-webkit-box-shadow:0 1px 6px rgb(0 0 0 / 30%);box-shadow:0 1px 6px rgb(0 0 0 / 30%);z-index:10;min-width: 1220px;}
|
||
|
|
.header-fixed .header-menu-container{width:309px;margin-right:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
|
||
|
|
.header-fixed .header-menu-container .title{display:block;margin:0;color:#fff;background:#e10034;border-radius:50px;font-weight:700;position:relative;padding:11px 22px;line-height:1.6;font-size:20px;padding-left:60px;width:100%;cursor:pointer}
|
||
|
|
.header-fixed .header-menu-container .title::before{content:'';background:url(../images/sprite_pc.png) no-repeat;background-size:359.3px 330.6px!important;width:26px;height:22px;position:absolute;left:23px;top:15px;background-position:-7px -43px}
|
||
|
|
.header-fixed .header-menu-container .center{width:310px;height:22px;position:absolute;top:56px;opacity:0}
|
||
|
|
.header-fixed .header-menu-container .title::after{content:'\f0d7';font-family:Fontawesome;position:absolute;right:12px}
|
||
|
|
.header-fixed .global-menu-list{opacity:0;visibility:hidden;top:80px;-webkit-transition:.2s all;margin-top:18px;transition:.2s all}
|
||
|
|
.header-fixed .header-menu-container:hover .global-menu-list{opacity:1;visibility:visible;top:100%;-webkit-transition:.2s all;transition:.2s all}
|
||
|
|
.homepage a{display:block}
|
||
|
|
.homepage .home-banner-container{width:calc(100% - 309px - 12px);margin:20px 0 auto auto}
|
||
|
|
.homepage .home-banner-container a{border-radius:10px}
|
||
|
|
.banner-slider-group .big-banner{width:860px;margin-right:8px;overflow:hidden;border-radius:5px}
|
||
|
|
.banner-slider-group .big-banner .swiper-button-prev{width:27px;height:54px;background:#fff;border-radius:0 35px 35px 0;opacity:.7}
|
||
|
|
.banner-slider-group .big-banner .swiper-button-next::after,.banner-slider-group .big-banner .swiper-button-prev::after{color:#797979;font-weight:700}
|
||
|
|
.banner-slider-group .big-banner .swiper-button-next{width:27px;height:54px;background:#fff;border-radius:35px 0 0 35px;opacity:.7}
|
||
|
|
.homepage .banner-right-group{width:calc(100% - 870px)}
|
||
|
|
.homepage .banner-right-group a{display:block;margin-bottom:7px;border-radius:8px;overflow:hidden}
|
||
|
|
.homepage .banner-right-group img{max-height:212px}
|
||
|
|
.homepage .slider-home img{max-height:432px}
|
||
|
|
.homepage .banner-right-group a:last-child{margin-bottom:0}
|
||
|
|
.homepage .banner-under-group{margin-top:7px}
|
||
|
|
.homepage .banner-under-group a{margin-right:9px;width:auto;float:left;border-radius:8px;overflow:hidden}
|
||
|
|
.homepage .banner-under-group a:last-child{margin:0}
|
||
|
|
.homepage .video{position:relative}
|
||
|
|
.homepage .banner-under-slider{max-height:240px;margin-top:10px}
|
||
|
|
.homepage .banner-under-slider a{border-radius:5px;margin-right:12px;width:calc(100% / 4 - 9px)}
|
||
|
|
.homepage .banner-under-slider a:last-child{margin:0}
|
||
|
|
.homepage .banner-under-slider img{display:block}
|
||
|
|
.collection-tab-container{margin:20px 0;background:#fff;border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px}
|
||
|
|
.collection-tab-container a{line-height:18px;font-weight:400}
|
||
|
|
.collection-bg .all-item-collection{margin-bottom:32px}
|
||
|
|
.collection-tab-container .collection-bg{background:url(./img/background-collection.png);background-repeat:no-repeat;background-size:100% 100%;overflow:hidden;padding:29px 13px 45px;min-height:450px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
|
||
|
|
.collection-tab-container .p-item{overflow:hidden;border-radius:15px;margin-right:0!important}
|
||
|
|
.collection-tab-container .collection-tab-holder{width:100%;margin:auto 0 auto auto;gap:16px}
|
||
|
|
.collection-tab-container .custom-nav .owl-nav button{width:23px;height:46px;background:#ababab!important;color:#fff!important;font-size:25px!important}
|
||
|
|
.collection-tab-container .custom-nav .owl-nav button:hover{background:#d81e23!important}
|
||
|
|
.collection-tab-container .custom-nav .owl-nav .owl-next{-webkit-box-shadow:-3px 0 8px 0 rgba(0,0,0,.2);box-shadow:-3px 0 8px 0 rgba(0,0,0,.2)}
|
||
|
|
.collection-tab-container .custom-nav .owl-nav .owl-next i{padding-left:11px}
|
||
|
|
.collection-tab-container .custom-nav .owl-nav .owl-prev{-webkit-box-shadow:3px 0 8px 0 rgba(0,0,0,.2);box-shadow:3px 0 8px 0 rgba(0,0,0,.2)}
|
||
|
|
.collection-tab-container .collection-tab-title a{width:calc(100% / 5);text-align:center;line-height:20px;padding:15px 0 21px;border-top:6px solid transparent;border-radius:10px 10px 0 0;text-transform:uppercase;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-ms-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0}
|
||
|
|
.collection-tab-container .collection-tab-title a.active,.collection-tab-container .collection-tab-title a:hover{border-color:#21be90;-webkit-box-shadow:inset 0 0 20px 9px #e3e3e3;box-shadow:inset 0 0 20px 9px #e3e3e3}
|
||
|
|
.collection-tab-container .collection-tab-title b,.collection-tab-container .collection-tab-title span{display:block}
|
||
|
|
.collection-tab-container .collection-tab-title b{font-size:20px;line-height:18px;font-weight:600}
|
||
|
|
.collection-tab-container .collection-tab-title span{color:#7a7979;font-size:14px}
|
||
|
|
.box-empty{color:var(--color-primary);font-size:32px;line-height:34px;margin-top:52px;width:100%}
|
||
|
|
.p-item{background:#fff;padding:13px;position:relative}
|
||
|
|
.p-item:last-child{margin-right:0!important}
|
||
|
|
.p-item a{color:#222}
|
||
|
|
.p-item .box-sku{margin-bottom:8px}
|
||
|
|
.p-item .p-sku{color:#6a6a6a;font-size:13px;margin:0;line-height:18px}
|
||
|
|
.p-item .p-discount{font-weight:700;color:#fff;background:url(/static/assets/default/images/discount.png) no-repeat;background-position:center;background-size:cover;position:absolute;top:0;right:10px;width:60px;height:35px;padding-top:4px;text-align:center;z-index:2}
|
||
|
|
.p-item .p-img{display:block;position:relative;margin-bottom:10px;padding-bottom:100%}
|
||
|
|
.p-item .p-img img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;margin:auto;display:block}
|
||
|
|
.p-item .p-name{font-weight:600;height:42px;overflow:hidden;display:block;line-height:24px;margin-bottom:8px}
|
||
|
|
.p-item .p-price{margin-bottom:8px;font-size:20px;display:block;color:#ee1b25;font-weight:800}
|
||
|
|
.p-item .market-price{display:block;color:#777;font-weight:500}
|
||
|
|
.p-item .p-button{height:35px;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-top:5px}
|
||
|
|
.p-item .p-buy{width:44px;height:44px;border-radius:50px;background:#b0b0b0;color:#262626;font-size:13px;font-weight:800;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:center;-webkit-transition:.1s all;transition:.1s all}
|
||
|
|
.p-item .p-buy:hover{background:#da251c;color:#fff;-webkit-transition:.1s all;transition:.1s all}
|
||
|
|
.p-item .p-buy:hover .icon-buy{background-color:#d81e23;-webkit-transition:.1s all;transition:.1s all}
|
||
|
|
.p-item .title-amout-sku{color:#008a0e;font-size:14px;line-height:18px}
|
||
|
|
.box-product-container{border-radius:10px;overflow:hidden;-webkit-box-shadow:0 0 6px 1px rgba(0,0,0,.2);box-shadow:0 0 6px 1px rgba(0,0,0,.2);margin:20px 0;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
|
||
|
|
.box-product-container .box-title-group{background:#f9f9f9;padding:14px 12px 12px}
|
||
|
|
.box-product-container .cat-title{font-size:28px;text-transform:uppercase;margin:0;line-height:30px}
|
||
|
|
.box-product-container .cat-list-right a{display:block;color:#3a3a3a;text-align:center;margin-right:30px;padding:7px 15px;line-height:20px;border-radius:30px;background:#f8f9fa}
|
||
|
|
.box-product-container .cat-list-right a:last-child{margin-right:0!important}
|
||
|
|
.box-product-container .cat-list-right a:hover{color:#fff;font-weight:600;padding:7px 15px;background:#da251c;-webkit-box-shadow:0 0 11px 2px rgba(0,0,0,.4);box-shadow:0 0 11px 2px rgba(0,0,0,.4)}
|
||
|
|
.box-product-container .box-product-holder{background-color:#fff;padding:0 0 52px}
|
||
|
|
.box-review{width:100%;margin-top:20px;padding-top:20px;border-top:dashed 1px #acacac}
|
||
|
|
.box-list-star .rating{margin-left:20px}
|
||
|
|
.box-list-star{margin-bottom:10px}
|
||
|
|
.rating-form-left{width:50%;margin-right:10px}
|
||
|
|
.rating-form-left textarea{width:100%;height:92px;resize:none;padding:12px;outline:0}
|
||
|
|
.rating-form-right{width:50%}
|
||
|
|
.rating-form-right a,.rating-form-right input{width:50%;height:40px;padding:5px;border-radius:5px;outline:0;border:1px solid #acacac;color:#161616}
|
||
|
|
.rating-form-right a{color:#fff;background:#e31212}
|
||
|
|
.rating-form-right .rating-form-right-bottom input:first-child,.rating-form-right .rating-form-right-top input:first-child{margin-right:10px;margin-bottom:12px}
|
||
|
|
.list-review{margin-top:20px}
|
||
|
|
.list-review .item{padding:12px 0}
|
||
|
|
.list-review .item:last-child{margin:0}
|
||
|
|
.list-review .item-name{margin-bottom:13px}
|
||
|
|
.review-reply{margin-top:12px}
|
||
|
|
.review-reply .text{margin-left:4px}
|
||
|
|
.review-reply .text:hover{color:#da251c}
|
||
|
|
.comment-list{margin:0 12px}
|
||
|
|
.item-comment{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px}
|
||
|
|
.item-comment .comment-form-left .avatar-user{display:flex;justify-content:center;align-items:center;text-align:center;width:34px;height:34px;line-height:34px;margin-right:12px;border-radius:5px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;background:#d9d9d9;text-transform:uppercase;font-weight:700;font-size:17px}
|
||
|
|
.item-comment .comment-form-left .avatar-user img{display:block;margin:auto;padding:6px;max-width:100%;height:auto}
|
||
|
|
#js-review-holder .item{margin-bottom:12px}
|
||
|
|
.item-comment .comment-form-right{width:calc(100% - 46px)}
|
||
|
|
.item-comment .comment-form-right .comment-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
|
||
|
|
.item-comment .comment-form-right .comment-name .user-name{text-transform:capitalize;margin:0 10px 0 0}
|
||
|
|
.item-comment .comment-form-right .comment-name i{background:#da251c;color:#fff;font-size:10px;padding:3px;border-radius:3px}
|
||
|
|
.item-comment .comment-form-right .comment-content{font-size:16px;margin:8px 0}
|
||
|
|
.item-comment .comment-form-right .info_feeback{margin-bottom:10px}
|
||
|
|
.item-comment .comment-form-right .info_feeback a{color:var(--pink);position:relative}
|
||
|
|
.reply-form-group{border:1px solid #d9d9d9;border-radius:12px;overflow:hidden;margin:15px 0}
|
||
|
|
.reply-list-container .item_reply:last-child{border-radius:0 0 12px 12px;border:0}
|
||
|
|
.item_reply{border-bottom:1px solid #e1e1e1;background:#f9f9f9;padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
|
||
|
|
.reply-form-group textarea{display:block;padding:14px;resize:none;outline:0;height:122px;-webkit-box-shadow:none;box-shadow:none;border-radius:0;border:0;border-bottom:1px solid #d9d9d9;width:100%}
|
||
|
|
.reply-form-group .form-input{padding:12px}
|
||
|
|
.inputText{border:1px solid #d9d9d9;height:38px;padding:0 0 0 10px;margin-right:10px;min-width:250px;border-radius:5px}
|
||
|
|
.comment-form-input .btn-send-comment{color:#fff;font-weight:500;font-size:14px;background:#da251c;border-radius:5px;padding:10px}
|
||
|
|
.p-comment-group .content-holder{outline:0;width:100%;border:0;padding:10px;height:122px;border-bottom:1px solid #e1e1e1}
|
||
|
|
.reply-template textarea{display:block;padding:14px;resize:none;outline:0;height:122px;-webkit-box-shadow:none;box-shadow:none;border-radius:0;border:0;border-bottom:1px solid #d9d9d9;width:100%}
|
||
|
|
.p-comment-group .cmt-form-group{border:1px solid #e1e1e1;border-radius:7px;overflow:hidden;margin-bottom:15px}
|
||
|
|
.p-comment-group .inputText{float:left;border:1px solid #e1e1e1;margin-right:10px;height:30px;padding-left:10px;border-radius:4px}
|
||
|
|
.reply-template .form-input{padding:12px}
|
||
|
|
.p-comment-group .form-group{margin:0}
|
||
|
|
.p-comment-group .inputText{float:left;border:1px solid #e1e1e1;margin-right:10px;height:30px;padding-left:10px;border-radius:4px}
|
||
|
|
.p-comment-group .btn-send-comment{background:var(--pink);color:#fff;text-decoration:underline;border:0;width:128px;height:38px;border-radius:4px;float:right;text-decoration:none;font-weight:700;font-size:14px}
|
||
|
|
.p-comment-group .content-holder{display:block;resize:none;outline:0;width:100%;border:0;padding:10px;height:122px;border-bottom:1px solid #e1e1e1;border-radius:0}
|
||
|
|
.reply-template .form-input{padding:12px}
|
||
|
|
.p-comment-group .form-group{margin:0}
|
||
|
|
.p-comment-group .inputText{float:left;border:1px solid #e1e1e1;margin-right:10px;height:38px;padding-left:10px;border-radius:4px}
|
||
|
|
.p-comment-group .btn-send-comment{background:#da251c;color:#fff;text-decoration:underline;border:0;width:128px;height:38px;border-radius:4px;float:right;text-decoration:none;font-weight:700;font-size:14px;margin-bottom:12px;cursor:pointer}
|
||
|
|
.p-comment-group .cmt-form-group{border:1px solid #e1e1e1;border-radius:7px;overflow:hidden;margin-bottom:15px;margin-top:10px}
|
||
|
|
.box-comment{margin-top:30px}
|
||
|
|
.box-comment-title{font-size:20px;line-height:38px;margin-bottom:12px}
|
||
|
|
.form-comment{width:100%}
|
||
|
|
.form-comment textarea{font-size:14px;color:#999;padding:5px;margin:0;width:100%;height:90px;resize:none;border:1px solid #d9d9d9;outline:0;border-radius:20px 20px 0 0;display:block;padding:13px 16px}
|
||
|
|
.form-comment .send-comment{width:100%;padding:8px 13px;border:1px solid #d9d9d9;border-radius:0 0 20px 20px;border-top:none;justify-content:flex-end}
|
||
|
|
.form-comment .send-comment a.qd-cmt{float:left;font-size:14px;color:#e31212;line-height:27px}
|
||
|
|
.form-comment .send-comment a.btn-send-form-cmt{width:80px;text-align:center;font-size:14px;font-weight:500;color:#fff;padding:0 16px;background:#e31212;line-height:32px;border-radius:5px}
|
||
|
|
footer .footer-policy{padding:26px 0 46px;background-color:#f7f7f7}
|
||
|
|
.footer-policy .item{width:calc(100% / 4);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;height:80px}
|
||
|
|
.box-title-policy{margin-left:18px}
|
||
|
|
.footer-news-container{padding:50px 10px 39px}
|
||
|
|
.footer-news-container .title h2{font-size:30px;line-height:30px;text-transform:uppercase}
|
||
|
|
.footer-news-container .title .text{font-size:30px;line-height:26px;position:relative;padding-right:25px}
|
||
|
|
.footer-news-container .title .text::after{content:'';width:209px;height:1px;border-top:1px solid #da251c;border-bottom:1px solid #da251c;position:absolute;bottom:5px;right:-209px}
|
||
|
|
footer .footer-link{color:#fff;background:#da251c;position:relative;border-radius:20px;width:120px;display:block;text-align:center;padding:8px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}
|
||
|
|
footer .footer-link:hover{background:#b51f24}
|
||
|
|
.footer-news-container .title .text-link{position:relative;padding:0;margin-left:4px}
|
||
|
|
.footer-news-container .footer-box-content{margin-top:20px}
|
||
|
|
.footer-news-container .box-item{width:calc(100% / 4 - 12px);margin-right:16px}
|
||
|
|
.footer-news-container .box-item:last-child{margin-right:0}
|
||
|
|
.footer-news-container .box-img{position:relative;display:block;padding-bottom:62%;overflow:hidden;border-radius:5px;margin-bottom:12px}
|
||
|
|
.fit-img{width:auto;position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;margin:auto;display:block;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
|
||
|
|
.footer-news-container .box-text time{padding:10px 8px;margin-right:18px;position:relative;background:#d81e23;color:#fff;font-size:20px;border-radius:11px;text-align:center;display:block;width:69px}
|
||
|
|
.footer-news-container .box-text time::after{content:'';position:absolute;right:-6px;height:33px;width:6px;border-radius:0 8px 8px 0;background:#bbc0c7;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
|
||
|
|
.footer-news-container .box-text b{margin-top:9px;display:block}
|
||
|
|
.footer-news-container .box-title{width:calc(100% - 87px)}
|
||
|
|
.footer-news-container .box-title h3{color:#3a3a3a;font-size:20px;line-height:26px}
|
||
|
|
.footer-video-container{background-color:#ececec;padding:47px 0 40px}
|
||
|
|
.footer-video-container .title-group{margin-bottom:27px}
|
||
|
|
.footer-video-container .title-group .title{font-size:30px;line-height:32px;color:#da251c}
|
||
|
|
.footer-video-container .video-item{display:block;width:calc(100% / 4 - 24px);margin-right:32px;color:#4e4e4e}
|
||
|
|
.footer-video-container .video-item:last-child{margin-right:0}
|
||
|
|
.footer-video-container .video-img{position:relative;display:block;padding-bottom:62%;border-radius:5px;margin-bottom:12px;background:#000}
|
||
|
|
.footer-video-container .video-img::before{content:'\f04b';font-family:FontAwesome;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:1;font-size:54px;color:#fff;opacity:.6;z-index:2;-webkit-transition:.2s all;transition:.2s all}
|
||
|
|
.footer-video-container .video-title{white-space:nowrap;text-overflow:ellipsis;font-size:20px;line-height:22px;color:#3a3a3a;font-weight:700}
|
||
|
|
.box-newsletter{background:#da251c}
|
||
|
|
.footer-newsletter{max-width:1350px;padding:40px 0;margin:auto}
|
||
|
|
.footer-newsletter .text-group{margin-right:100px;position:relative;width:450px}
|
||
|
|
.footer-newsletter .text-group .text-group-left{margin-right:24px}
|
||
|
|
.footer-newsletter .text-group .text-group-right h3{font-weight:700;font-size:30px;line-height:32px;margin-bottom:20px}
|
||
|
|
.footer-newsletter .text-group .text-group-right i{font-size:18px;line-height:22px}
|
||
|
|
.footer-newsletter .newsletter-form{width:836px;background:#a6171b;border-radius:90px;padding:8px 10px 8px 33px;position:relative;color:#fff!important;-webkit-border-radius:90px;-moz-border-radius:90px;-ms-border-radius:90px;-o-border-radius:90px}
|
||
|
|
.footer-newsletter .newsletter-form input::placeholder{color:#fff;font-weight:700;font-size:18px}
|
||
|
|
.footer-newsletter .newsletter-form input{font-style:italic;margin:0;padding:0;border:0;background:0 0;height:40px;width:calc(100% - 55px);color:#fff;border:none;outline:0;font-size:18px}
|
||
|
|
.box-input-newsletter{background:#fff;border-radius:50%;width:70px;height:70px}
|
||
|
|
.footer-info-container{color:#3a3a3a;font-size:15px;padding:0 10px 37px}
|
||
|
|
.footer-info-container .info-left{width:320px;margin-right:60px}
|
||
|
|
.footer-info-container a{color:#3a3a3a}
|
||
|
|
.footer-info-container .info-left p{margin-bottom:8px;position:relative;padding-left:10px}
|
||
|
|
.footer-info-container .info-left p::before{content:'';width:4px;height:4px;border-radius:50%;background:#5d5d5d;position:absolute;top:8px;left:0}
|
||
|
|
.footer-info-container .info-left b{font-weight:700}
|
||
|
|
.footer-info-container .map{background:#d81e23;border-radius:7px;display:inline-block;text-align:center;margin-top:5px;padding:4px 21px}
|
||
|
|
.footer-info-container .social-media{margin-top:40px}
|
||
|
|
.footer-info-container .social-media a{width:53px;height:53px;line-height:1.8;margin-right:8px;font-size:31px;display:inline-block;border-radius:50%;background:#4b69b0;color:#fff;text-align:center}
|
||
|
|
.footer-info-container .social-media a:nth-child(2){background:linear-gradient(88deg,#fbcb7a,#f48d4e,#e32943,#c03771,#964494,#67529f,#6b66aa)}
|
||
|
|
.footer-info-container .social-media a:nth-child(3){background:#e83f3a}
|
||
|
|
.footer-info-container .info-right{width:calc(100% - 380px);margin-top:28px}
|
||
|
|
.footer-info-container .info-right .title{font-size:16px;font-weight:700;margin-bottom:20px;color:#3a3a3a}
|
||
|
|
.footer-info-container .support-list p{position:relative;margin-bottom:12px;font-size:15px;font-weight:600;margin-left:20px}
|
||
|
|
.footer-info-container .support-list p::before{content:'';background:url(/static/assets/default/images/duong-day-nong-footer.png);background-size:100%;position:absolute;top:0;left:-22px;width:16px;height:16px}
|
||
|
|
.footer-info-container .bct{margin-top:30px;display:block}
|
||
|
|
.footer-info-container .info-item a:hover{color:#da251c;font-weight:700}
|
||
|
|
.footer-info-container .icon-pay_method{margin-left:150px;margin-top:30px}
|
||
|
|
.footer-info-container a{color:#5d5d5d}
|
||
|
|
.footer-info-container .info-right .info-item{margin-top:20px}
|
||
|
|
.footer-info-container .info-right li{margin-bottom:10px;margin-left:17px;list-style:disc}
|
||
|
|
.scroll-top-btn{font-size:36px;width:60px;height:60px;position:fixed;bottom:100px;right:10px;background:#da251c;border-radius:50%;z-index:999;-webkit-box-shadow:0 1px 5px #000;box-shadow:0 1px 5px #000;color:#fff}
|
||
|
|
.product-detail-page .product-info-top{border-radius:20px;overflow:hidden;padding:18px 12px 40px;margin-bottom:20px;background:#fff;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.1);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}
|
||
|
|
.product-detail-page .product-name{font-size:24px;line-height:28px;margin-bottom:16px}
|
||
|
|
.product-detail-page .product-info-left{width:520px;margin-right:20px}
|
||
|
|
.product-detail-page .product-info-image{margin-bottom:16px;border:1px solid #e8e8e8}
|
||
|
|
.product-detail-page .product-info-middle{margin-right:12px;font-size:14px;line-height:18px;width:calc(100% - 520px - 315px - 32px)}
|
||
|
|
.product-info-middle .product-visit{margin-bottom:17px}
|
||
|
|
.product-detail-page .product-info-price{margin:28px 0 20px}
|
||
|
|
.product-detail-page .product-info-price .price{margin-right:16px;font-size:30px;line-height:32px;color:#da251c}
|
||
|
|
.price-vat{background:#d9d9d9;border-radius:3px;width:max-content;padding:5px 10px;margin-bottom:21px;font-size:13px}
|
||
|
|
.product-info-sku span{padding:0 5px}
|
||
|
|
.product-info-sku span:first-child{padding-left:0!important}
|
||
|
|
.product-detail-page .product-info-price .market-price{font-size:20px;line-height:22px;color:#ffb800;text-decoration:line-through}
|
||
|
|
.product-info-summary .product-info-summary-title{margin-bottom:12px;display:block}
|
||
|
|
.product-detail-page .product-info-summary li{margin:0;position:relative;padding-left:15px}
|
||
|
|
.product-detail-page .product-info-summary li::after{content:'';background:#000;width:4px;height:4px;border-radius:50%;position:absolute;left:0;top:7px}
|
||
|
|
.product-detail-page .product-info-summary .list-summary li:nth-child(n+4){display:none}
|
||
|
|
.product-detail-page .product-info-summary .list-summary.active li:nth-child(n+4){display:block}
|
||
|
|
.product-detail-page .button-showmore{color:#da251c;margin-top:10px;display:block}
|
||
|
|
.product-info-offer{margin-top:20px;border:1px solid #d9d9d9;border-radius:10px}
|
||
|
|
.product-info-offer .offer-title{padding:0 8px}
|
||
|
|
.product-info-offer .title-gift-detail{background:#da251c;border-radius:10px 0;width:180px;padding:4px 12px;color:#fff;margin-bottom:16px}
|
||
|
|
.product-info-offer .title-gift-detail span{margin-left:6px}
|
||
|
|
.product-info-offer .offer-title li{list-style:disc;margin-left:24px;line-height:30px;color:#3a3a3a}
|
||
|
|
.product-select-option .product-select-option-title{font-weight:700;line-height:26px;color:#3a3a3a;margin:18px 0 10px;font-size:16px}
|
||
|
|
.product-select-option .btn-select-option{position:relative;color:#797979;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;border-radius:5px;padding:8px;box-shadow:0 1px 6px rgba(0,0,0,.25);-webkit-transition:.1s all;transition:.1s all}
|
||
|
|
.product-select-option .btn-select-option:hover{border:1px solid #009e2a}
|
||
|
|
.product-select-option .btn-select-option.active::before{content:'\f058';font-family:FontAwesome;color:#008a0e;line-height:1;position:absolute;top:5px;left:8px;font-size:13px}
|
||
|
|
.product-select-option .btn-select-option.active{border:1px solid #009e2a;padding-left:22px}
|
||
|
|
.product-select-option .price-variant{width:100%;display:block;font-size:14px;color:#da251c}
|
||
|
|
.product-buy-quantity{margin:20px 0 27px}
|
||
|
|
.product-buy-quantity .title{line-height:18px;color:#3a3a3a;font-size:16px}
|
||
|
|
.cart-quantity-select{display:inline-flex;width:202px}
|
||
|
|
.product-buy-now{width:100%;gap:14px}
|
||
|
|
.cart-quantity-select .js-quantity-change{padding:6px 15px;text-decoration:none;font-size:16px;line-height:26px;color:#000;border:1px solid #e1e1e1;font-weight:700;text-align:center}
|
||
|
|
.cart-quantity-select input{border:none;width:66px;outline:0;width:121px;text-align:center;color:#000;border:1px solid #e1e1e1;font-size:24px!important}
|
||
|
|
.button-type-1 a{margin:0 0 10px 0;padding:16px 0;border-radius:5px;border:1px solid #da251c;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}
|
||
|
|
.button-type-1 a:first-child{background:linear-gradient(0deg,#f24040 10.84%,#e30b0b 104.56%);color:#fff}
|
||
|
|
.button-type-1 a:last-child{margin-right:0!important}
|
||
|
|
.button-type-1 a b{font-size:24px;line-height:26px;margin-bottom:8px;text-transform:uppercase}
|
||
|
|
.button-type-1 a span{font-size:14px;line-height:16px;font-weight:400}
|
||
|
|
.product-info-support{margin-top:22px}
|
||
|
|
.product-info-support .form-holder{width:470px;border-radius:90px;padding:3px 2px 3px 22px;position:relative;border:1px solid #d9d9d9;color:#fff!important;margin-right:12px}
|
||
|
|
.product-info-support .form-holder input{font-style:italic;margin:0;padding:0;border:0;background:0 0;height:30px;width:calc(100% - 55px);color:#797979;border:none;outline:0;font-size:16px}
|
||
|
|
.product-info-support .form-holder .call-for-me{border-radius:50%;width:51px;height:51px;background:#d9d9d9}
|
||
|
|
.icon-support-group{background:#da251c;border-radius:69px;width:calc(100% - 470px);padding:4px 20px 4px 4px;color:#fff}
|
||
|
|
.icon-support-group .group-left{width:52px;height:52px;border-radius:50%;background:#fff;margin-right:15px}
|
||
|
|
.group-right .text{font-size:18px;line-height:20px;margin:2px 0;display:block}
|
||
|
|
.group-right .hotline{font-size:22px;line-height:28px}
|
||
|
|
.product-detail-page .product-info-right{width:315px}
|
||
|
|
.product-info-right .item-blog{border:1px solid #da251c;border-radius:10px;overflow:hidden;margin-bottom:12px;font-size:14px;line-height:16px}
|
||
|
|
.product-info-right .item-blog .title{text-align:center;line-height:32px;font-weight:700;background:#da251c;color:#fff;border-bottom:1px solid #d0cbcb;margin:0;font-size:16px;text-transform:uppercase}
|
||
|
|
.product-info-right .content{font-size:14px;padding:15px 4px 8px 8px}
|
||
|
|
.product-info-right .box-list a{margin-left:8px;font-weight:600}
|
||
|
|
.product-info-right .box-list a:hover{color:#da251c}
|
||
|
|
.product-info-right .box-list{margin-bottom:12px}
|
||
|
|
.product-info-box .box-left{width:60%;margin-right:12px}
|
||
|
|
.product-info-box .box-left .box-item,.product-info-box .box-left .product-info-comment-rating{box-shadow:0 1px 6px rgba(0,0,0,.25);border-radius:20px;padding:16px 13px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;background-color:#fff;margin-bottom:20px}
|
||
|
|
.product-info-box .box-left .box-item .product-desc{margin-top:16px;position:relative;max-height:650px;overflow:hidden}
|
||
|
|
.product-info-box .box-left .box-item .product-desc::after{content:'';position:absolute;left:0;bottom:0;right:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#fff));background:linear-gradient(transparent,#fff);height:150px}
|
||
|
|
.product-info-box .box-left .box-item .product-desc.active::after{position:relative!important}
|
||
|
|
.product-info-box .button-desc a{display:none;text-align:center;color:#da251c;border:1px solid #da251c;border-radius:50px;line-height:38px;width:154px;margin:20px auto auto auto}
|
||
|
|
.product-info-box .product-desc.active{max-height:100%!important}
|
||
|
|
.product-info-box .button-desc a:hover{background:#da251c;color:#fff}
|
||
|
|
.product-info-box .box-title{font-size:20px;line-height:38px;border-bottom:1px solid #d9d9d9;padding-bottom:12px}
|
||
|
|
.product-info-comment-rating .title{font-size:20px;line-height:34px;margin-bottom:12px}
|
||
|
|
#newCommentBox{overflow:hidden;position:fixed;left:0;right:0;bottom:0;height:100vh;background:rgba(0,0,0,.5);z-index:9}
|
||
|
|
#newCommentBox .comment-box-container{display:block;overflow:hidden;position:relative;width:100%;max-width:520px;margin:10% auto auto;background:#fff;border-radius:5px}
|
||
|
|
#newCommentBox .comment-box-container .title{display:block;overflow:hidden;padding:10px;font-size:17px;color:#161616;border-bottom:1px solid #f2f2f2;font-weight:700}
|
||
|
|
#newCommentBox .comment-box-container .back-btn{float:right;width:30px;height:30px;position:absolute;top:5px;right:5px;color:#161616;font-size:18px}
|
||
|
|
#newCommentBox .comment-box-container .form-wrap{display:block;overflow:hidden;background:#fff;padding:10px}
|
||
|
|
#newCommentBox .comment-box-container .sex label{margin-bottom:0;margin-right:30px}
|
||
|
|
#newCommentBox .comment-box-container .sex .radio{display:inline-block}
|
||
|
|
#newCommentBox .comment-box-container .sex .radio input{display:none}
|
||
|
|
#newCommentBox .comment-box-container .form-wrap input{display:block;padding:8px;width:100%;margin:10px 0;height:35px;border:1px solid #dadada;background:#fff;border-radius:4px;font-size:14px}
|
||
|
|
#newCommentBox .comment-box-container .sex .radio .icon{height:13px;width:13px;display:inline-block;vertical-align:middle;margin-right:4px;position:relative;margin-top:-3px;border-radius:50%!important;background:#fff;border:2px solid #e20505;overflow:hidden}
|
||
|
|
#newCommentBox .comment-box-container .sex .radio input:checked~.icon::before{background-color:#e20505;content:"";display:block;width:5px;height:5px;border-radius:100%;left:2px;top:2px;font-size:11px;color:#fff;position:absolute}
|
||
|
|
#newCommentBox .comment-box-container .form-wrap input{display:block;padding:8px;width:100%;margin:10px 0;height:35px;border:1px solid #dadada;background:#fff;border-radius:4px;font-size:14px}
|
||
|
|
#newCommentBox .comment-box-container .btn-send-form-cmt{display:block;width:100%;margin:0 auto 10px;padding:8px;height:40px;font-size:14px;color:#fff;text-transform:uppercase;border:1px solid #e20505;border-radius:4px;background:#e20505;cursor:pointer;text-align:center}
|
||
|
|
.video-unbox .title{font-size:20px;line-height:18px;padding:10px 0 22px}
|
||
|
|
.video-unbox iframe{display:block;height:501px;width:100%;border-radius:5px}
|
||
|
|
.product-info-box .box-right{width:40%}
|
||
|
|
.product-info-box .box-right .box-item{box-shadow:0 1px 6px rgba(0,0,0,.25);border-radius:20px;background:#fff;padding:14px 12px}
|
||
|
|
.product-info-box .box-right .box-right-title{font-size:20px;padding:18px 10px;background:#f3f3f3}
|
||
|
|
.info-tech-list{padding:15px 0;font-size:14px;max-height:663px}
|
||
|
|
table{border-collapse:collapse;width:100%!important;background:#fff}
|
||
|
|
.info-tech-list td{padding:10px}
|
||
|
|
.button-box-spec{display:block;text-align:center;color:#000;width:100%;margin:20px auto;border:1px solid #d9d9d9;border-radius:81px;line-height:50px;background:#f3f3f3}
|
||
|
|
.button-box-spec:hover{background:#e6e6e6}
|
||
|
|
#product-spec table{min-width:1300px}
|
||
|
|
#product-spec{padding:44px}
|
||
|
|
.spec-table td{padding:10px}
|
||
|
|
.box-aritlce-product-detail{margin-top:20px}
|
||
|
|
.box-aritlce-product-detail .title{padding:15px 0 20px;font-size:20px;line-height:22px}
|
||
|
|
.box-aritlce-product-detail .item-article{border-bottom:1px solid #d9d9d9;padding:10px 0}
|
||
|
|
.box-aritlce-product-detail .item-article:last-child{border-bottom:none}
|
||
|
|
.box-aritlce-product-detail .item-article .img-artice{width:161px;margin-right:12px}
|
||
|
|
.box-aritlce-product-detail .item-article .text-article{width:calc(100% - 161px - 12px)}
|
||
|
|
.product-info-detail-bottom{box-shadow:0 1px 6px rgba(0,0,0,.25);border-radius:20px;padding-bottom:40px;margin-bottom:22px;background:#fff;margin-top:20px}
|
||
|
|
.content-product-detail-title{font-size:20px;line-height:28px;margin-bottom:43px}
|
||
|
|
.content-product-detail-title .related-products{padding:12px 40px;width:max-content;font-weight:700;background:#fff;display:block;color:#000}
|
||
|
|
.content-product-detail-title .related.current{background:#da251c;border-radius:20px 0 0 0;color:#fff}
|
||
|
|
.content-product-detail-title .history.current{background:#da251c;color:#fff}
|
||
|
|
.related-product-content .swiper-button-next,.related-product-content .swiper-button-prev{background:#fff!important;box-shadow:0 1px 5px rgba(0,0,0,.25)}
|
||
|
|
.related-product-content .swiper-button-next::after,.related-product-content .swiper-button-prev::after{color:#000!important}
|
||
|
|
.article-category{padding:0 0 16px;font-size:18px;color:#000;text-transform:uppercase}
|
||
|
|
.article-category ul{-ms-flex-pack:distribute!important;justify-content:space-between;font-size:18px}
|
||
|
|
.article-header{background:var(--blue);color:#fff}
|
||
|
|
.article-category ul .active,.article-category ul li:hover{color:#da251c}
|
||
|
|
.article-category ul li img{width:unset}
|
||
|
|
.article-page .article-content{background-color:var(--white);padding:17px 0 60px}
|
||
|
|
.article-page .section-hero .sprite-article-icon-eye{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
|
||
|
|
.article-page .section-hero.grid{-ms-grid-columns:11.44fr 40px 4.16fr;grid-template-columns:11.44fr 4.16fr;gap:40px}
|
||
|
|
.article-page .section-hero .col-left{min-width:0;border-radius:10px;overflow:hidden;height:max-content}
|
||
|
|
.article-page .section-hero .col-right{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}
|
||
|
|
.article-page .article-hero{position:relative;overflow:hidden;height:100%;border-bottom:1px solid #d9d9d9;padding-bottom:12px}
|
||
|
|
.article-page .article-hero-content .wrapper{gap:30px;margin:10px 0}
|
||
|
|
.article-page .article-hero-content .wrapper h5{color:#da251c;font-size:16px}
|
||
|
|
.article-page .article-hero-content .wrapper h4{font-size:18px;margin-top:10px}
|
||
|
|
.article-page .article-hero a img{border-radius:10px;width:100%}
|
||
|
|
.article-page .swiper-article-category{background:linear-gradient(90deg,#ff5c00 0,#ffa800 100%);border-radius:20px;padding:5px 15px;display:inline-block;color:#fff}
|
||
|
|
.article-page .swiper-article-slider{position:relative}
|
||
|
|
.article-page .swiper-article-slider h2{font-size:30px;line-height:40px;font-weight:600;margin:8px 0 10px;max-width:740px}
|
||
|
|
.article-page .swiper-article-slider .wrapper{position:absolute;left:30px;bottom:23px}
|
||
|
|
.article-page .swiper-button-next,.article-page .swiper-button-prev{background:rgba(202,202,202,.15)}
|
||
|
|
.article-page .section-main-content.grid{-ms-grid-columns:11.44fr 60px 4.16fr;grid-template-columns:11.44fr 4.16fr;gap:60px}
|
||
|
|
.article-page .section-main-content{padding-top:20px}
|
||
|
|
.article-page .article-box{margin-bottom:20px}
|
||
|
|
.article-page .article-box .title{display:block;width:100%;border-bottom:1px solid #e1e1e1}
|
||
|
|
.article-page .article-item .sprite-article-icon-clock,.article-page .article-newest .sprite-article-icon-clock-small,.sprite-article-icon-clock{-webkit-filter:brightness(0%);filter:brightness(0%)}
|
||
|
|
.article-page .article-box .grid{gap:28px 18px;margin-top:10px}
|
||
|
|
.article-page .article-box .article-image{position:relative;border-radius:5px;overflow:hidden;display:block}
|
||
|
|
.article-page .article-box .article-image img{border-radius:5px;width:100%}
|
||
|
|
.article-page .article-box .article-image h4{position:absolute;left:10px;bottom:20px}
|
||
|
|
.article-page .article-box .article-text{margin:12px 0 10px;font-size:18px;line-height:20px}
|
||
|
|
.article-hero-features{font-size:13px}
|
||
|
|
.article-hero-features p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
|
||
|
|
.article-hero-features p i{margin-right:8px}
|
||
|
|
.article-page .article-box-heading{display:inline-block;font-size:22px!important;line-height:36px;font-weight:700;border-bottom:2px solid #da251c;text-transform:uppercase;padding-bottom:10px}
|
||
|
|
.article-content .swiper-pagination-bullet-active{background:linear-gradient(90deg,#ff5c00 7.14%,#ffa800 85.67%)!important;border-radius:5px!important;width:30px!important}
|
||
|
|
.article-box-title .article-box-heading{margin-bottom:0}
|
||
|
|
.article-box-title{margin-bottom:36px}
|
||
|
|
.col-left .article-box-heading{font-size:25px!important}
|
||
|
|
.article-box-heading-detail{margin-bottom:21px!important}
|
||
|
|
.article-hero-features-detail{padding-bottom:14px;border-bottom:1px solid #e1e1e1}
|
||
|
|
.article-page .article-box-btn{padding-top:40px;text-align:center;position:relative}
|
||
|
|
.article-page .article-box-btn a{display:inline-block;color:#000;padding:4px 12px;border:1px solid #d9d9d9;background:#d9d9d9;border-radius:44.4073px;font-weight:700;font-size:12px}
|
||
|
|
.article-page .article-box-btn a:hover{background:#e10034;color:#fff}
|
||
|
|
.article-page .article-newest-heading{font-size:26px;line-height:34px}
|
||
|
|
.article-page .article-newest{padding-bottom:48px}
|
||
|
|
.article-page .article-newest li:not(:last-child){margin-bottom:12px;padding-bottom:10px;border-bottom:.727989px solid #d9d9d9}
|
||
|
|
.article-page .article-newest img{max-width:180px;border-radius:10px}
|
||
|
|
.article-page .article-newest .wrapper{margin-bottom:8px}
|
||
|
|
.article-page .product-sale img{max-width:100px;margin-right:10px;border-radius:8px}
|
||
|
|
.article-page .product-sale .article-box-heading{margin-bottom:8px}
|
||
|
|
.article-page .product-sale li{padding-bottom:12px;margin-bottom:12px;border-bottom:2px solid #f6f6f6}
|
||
|
|
.article-page .product-sale li:last-child{border-bottom:none!important}
|
||
|
|
.article-page .article-banner{padding-top:50px}
|
||
|
|
.article-page .section-promotional .article-box-btn::after{right:18%}
|
||
|
|
.article-page .section-promotional .article-box-btn::before{left:18%}
|
||
|
|
.article-page .section-videos{background-color:#041e42;padding:16px 30px 30px;border-radius:5px}
|
||
|
|
.article-page .section-videos .article-box-heading{margin-bottom:20px;font-style:25px}
|
||
|
|
.article-page .section-videos .header-global-item{display:inline-block;margin-top:20px}
|
||
|
|
.article-page .section-videos .article-box{margin-bottom:0}
|
||
|
|
.article-page .section-videos .text-video-artilce{font-size:20px;line-height:26px}
|
||
|
|
.article-page .section-videos i,.col-left ul .article-image i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
|
||
|
|
.section-news,.section-video{display:none!important}
|
||
|
|
.sprite-article-icon-clock{width:20px;height:20px;background-position:-2.5px -2.5px!important}
|
||
|
|
.sprite-article-icon-clock-small{width:18px;height:18px;background-position:-1.875px -1.875px!important;background-size:90.375px 74.25px!important}
|
||
|
|
.sprite-article-icon-eye{width:20px;height:20px;background-position:-27.5px -2.5px!important}
|
||
|
|
.sprite-article-icon-gamepad{width:28px;height:28px;background-position:-52.5px -2.5px!important}
|
||
|
|
.sprite-article-icon-list{width:25px;height:25px;background-position:-2px -35px!important}
|
||
|
|
.sprite-article-icon-play{width:53.5px;height:53.5px;background-position:-31.5px -35.5px!important}
|
||
|
|
.sprite-article-icon-play-btn{width:28px;height:28px;background-position:-85.1px -2.5px!important}
|
||
|
|
.sprite-article-icon-tag{width:28px;height:28px;background-position:-90px -35.5px!important}
|
||
|
|
.sprite-article-icon-write{width:26px;height:28px;background-position:-90px -68.5px!important}
|
||
|
|
.box-content-right{width:213px}
|
||
|
|
.article-content-category{padding-top:0!important}
|
||
|
|
.article-box-title span{display:block;margin-top:10px}
|
||
|
|
.article-box-title span::before{content:'\f111';font-family:'Font Awesome 5 Free';color:#000;font-size:6px;margin-right:5px;font-weight:900}
|
||
|
|
.box-article-paging tr{display:flex;align-items:center;justify-content:flex-end}
|
||
|
|
.box-article-paging td{display:flex;align-items:center;justify-content:center}
|
||
|
|
.pagingViewed{width:30px;height:30px;background:#ffb800;text-align:center;border-radius:50%;display:block;font-size:12px;color:#000;font-weight:700;cursor:pointer;margin-left:10px}
|
||
|
|
.pagingIntact:hover{background:#ffb800;color:#000}
|
||
|
|
.pagingIntact{width:30px;height:30px;background:#fff;text-align:center;border-radius:50%;display:block;font-size:12px;color:#000;margin-left:10px;border:.750264px solid #d9d9d9;font-weight:700;cursor:pointer}
|
||
|
|
.box-article-paging{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:23px;margin-bottom:70px}
|
||
|
|
.article-box-detail{margin-top:18px}
|
||
|
|
.article-box-detail p{line-height:32px}
|
||
|
|
.article-box-detail h2,.article-box-detail h3{margin:12px 0}
|
||
|
|
.article-box-detail ol,.article-box-detail ul{padding-left:20px}
|
||
|
|
.article-box-detail img{margin:0 auto;padding:16px 0;width:unset;max-width:100%;height:auto}
|
||
|
|
.article-box-detail .toc_title img{width:30px}
|
||
|
|
.article-image-detail{height:unset!important;width:50%}
|
||
|
|
.article-item-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
|
||
|
|
.list-item-artilce-detail{gap:29px!important}
|
||
|
|
.article-image-detail h4{bottom:10px!important}
|
||
|
|
.article-detail-text{width:calc(50% - 18px)}
|
||
|
|
.article-detail-text .line-clamp-2{-webkit-line-clamp:3;margin:0 0 10px!important}
|
||
|
|
.article-detail{margin-bottom:0!important}
|
||
|
|
.article-box-detail .archor-text-group{background-color:#f6f5f5;border-radius:20px;padding:16px 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:15px 0 23px}
|
||
|
|
.article-box-detail .archor-text-group ol{padding-bottom:20px}
|
||
|
|
.text-fint-toc img{margin-right:16px}
|
||
|
|
#js-outp a{display:block;margin-bottom:8px}
|
||
|
|
.box-info-review{border:1px solid #d9d9d9;border-radius:20px;padding:0 18px 20px}
|
||
|
|
.review-info{padding:33px 11px 24px 25px}
|
||
|
|
.title-avgRate{font-size:20px;line-height:38px;color:#000;margin-bottom:12px;text-transform:uppercase}
|
||
|
|
.review-info .avgRate{text-align:center}
|
||
|
|
.review-info .avgRate span{font-size:52px;color:#ff8a00}
|
||
|
|
.avg-rate-count{font-weight:400;font-size:14px;line-height:22px;color:#000;padding:0 10px;border-left:1px solid #797979;border-right:1px solid #797979}
|
||
|
|
.rate-number i{padding-left:5px;color:#ff8a00}
|
||
|
|
.nhan-xet-bar{width:243px;height:11px;background:#d9d9d9;margin:0 17px 0 15px;position:relative}
|
||
|
|
.nhan-xet-bar .percent{position:absolute;left:0;top:0;bottom:0;background:#da251c}
|
||
|
|
.total-avg-rate{color:#000}
|
||
|
|
.button-review{width:208px}
|
||
|
|
.button-review a{width:100%;text-align:center;background:#da251c;line-height:40px;border-radius:5px;font-size:14px;color:#fff;display:block}
|
||
|
|
.rating-selection{display:inline-block}
|
||
|
|
.rating-selection input{opacity:0;float:right;width:17px;height:17px;padding:0;margin:0 0 0 -16px}
|
||
|
|
.rating-selection label:hover,.rating-selection label:hover~label{background-position:-16px -57px!important}
|
||
|
|
.rating-input:checked~.rating-star,.rating-input:checked~.rating-star:hover{background-position:-16px -57px!important}
|
||
|
|
.rating-selection label{position:relative;float:right;display:block;width:17px;height:17px;margin:0 3px;background-position:-16px -28px!important}
|
||
|
|
.btn-green{background:var(--pink);color:#fff;padding:7px 20px;font-size:15px;border-radius:5px;-moz-border-radius:5px;display:inline-block}
|
||
|
|
.article-box-heading-detail{font-size:16px!important;border-bottom:unset!important;padding-bottom:0!important;margin-bottom:0!important}
|
||
|
|
.article-detail .article-hero-features-detail .author{font-size:14px;color:#797979}
|
||
|
|
a[data-fancybox] img{cursor:-webkit-zoom-in;cursor:zoom-in}
|
||
|
|
.fancybox__container{--fancybox-color:#fff;--fancybox-accent-color:red;--carousel-button-svg-filter:none;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}
|
||
|
|
.fancybox__content{padding:12px;border-radius:15px}
|
||
|
|
.product-detail-page .fancybox__toolbar{position:relative;padding:0;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-bottom:1px solid #edeef0;text-shadow:none;font-weight:400;--carousel-button-svg-stroke-width:1.75;--carousel-button-svg-width:22px;--carousel-button-svg-height:22px}
|
||
|
|
.product-detail-page .fancybox__slide{padding-top:8px;padding-bottom:8px}
|
||
|
|
.product-detail-page .fancybox__nav{--carousel-button-bg:#e5e7eb;--carousel-button-border-radius:6px;--carousel-button-svg-width:20px;--carousel-button-svg-height:20px;--carousel-button-svg-stroke-width:2.5}
|
||
|
|
.product-detail-page .fancybox__leftCol{width:100vw;min-height:1px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;position:relative}
|
||
|
|
.thumb-img{border:1px solid #d9d9d9;border-radius:5px;cursor:pointer}
|
||
|
|
.box-filter-right a{margin-bottom:16px}
|
||
|
|
.banner-slider-group{border-radius:10px}
|
||
|
|
.col-right-group{min-width:0;width:calc(100% - 309px - 12px)!important}
|
||
|
|
.product-page .col-left-group{margin-right:9px;width:309px;height:max-content}
|
||
|
|
.col-right-group .swiper-button-next{width:40px;height:81px;background:#fff;border-radius:35px 0 0 35px;opacity:.7}
|
||
|
|
.col-right-group .swiper-button-next::after,.col-right-group .swiper-button-prev::after{font-size:28px;color:#797979}
|
||
|
|
.col-right-group .swiper-button-prev{width:40px;height:81px;background:#fff;border-radius:0 35px 35px 0;opacity:.7}
|
||
|
|
.filter-container{overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.25);border-radius:10px;background:#fff}
|
||
|
|
.filter-container .cat-child-list,.filter-container .item{padding:13px 12px 20px}
|
||
|
|
.filter-container .title{text-transform:uppercase;margin-bottom:15px}
|
||
|
|
.filter-list a{min-width:50%;display:block;margin-bottom:16px}
|
||
|
|
.filter-box{display:inline-block;width:16px;height:16px;border-radius:3px;margin-right:5px;border:1px solid #7a7a7a;vertical-align:text-top;position:relative;margin-right:6px}
|
||
|
|
.cat-child-list a{margin-bottom:18px}
|
||
|
|
.cat-child-list a:last-child{margin-bottom:0!important}
|
||
|
|
.cat-child-list .cat-title{margin-left:18px}
|
||
|
|
.filter-container .item{border-top:1px solid #e4e4e4}
|
||
|
|
.category-right-bottom{margin-top:12px;border-radius:10px;padding-bottom:30px;border-bottom:8px solid #da251c}
|
||
|
|
.product-cate-sort{padding:0 12px 18px 0}
|
||
|
|
.product-cate-sort .title{margin:0;width:242px;position:relative;background:#da251c;border-radius:10px 0;line-height:52px;padding:0 12px;margin-right:25px}
|
||
|
|
.product-cate-sor{padding:0 12px 16px 0}
|
||
|
|
.product-cate-sort .title p{margin-left:7px;font-size:20px}
|
||
|
|
.product-cate-sort .title::after{content:'';width:7px;height:30px;border-radius:0 7px 7px 0;background:#dbdbdb;position:absolute;right:-7px;top:9px}
|
||
|
|
.product-cate-sort .sort-container{width:calc(100% - 242px - 25px);margin-top:12px}
|
||
|
|
.product-cate-sort .sort-option a{color:#da251c;text-transform:uppercase;border:1px dashed #da251c;text-align:center;margin-right:12px;border-radius:57px;padding:6px 20px}
|
||
|
|
.product-cate-sort .sort-option a.active{color:#fff;background:#da251c}
|
||
|
|
.product-cate-sort .sort-option a:last-child{margin:0}
|
||
|
|
.product-cate-sort .sort-option a:hover{color:#fff;background:#da251c}
|
||
|
|
.product-cate-sort select{border:1px solid #d9d9d9;background:#f8f8f8;border-radius:57px;width:150px;height:32px;margin-right:12px;font-size:16px;cursor:pointer;text-align:center;padding:0 10px;outline:0}
|
||
|
|
.icon-sort{width:36px;height:36px;border-radius:50%;padding:0;margin-left:9px;background-color:#d9d9d9}
|
||
|
|
.icon-sort:hover{background:#eb1f27;filter:brightness(1.8)}
|
||
|
|
.product-list-container{padding:0 12px 24px}
|
||
|
|
.product-list-container .p-item{border:1px solid #d9d9d9;border-radius:10px}
|
||
|
|
.paging-category{padding:20px 0;justify-content:flex-end;margin-right:12px}
|
||
|
|
.paging-category .paging-link{width:28px;height:28px;border-radius:50%;border:1px solid #d9d9d9;margin-right:8px}
|
||
|
|
.paging-category .paging-link.active,.paging-category .paging-link:hover{background:#ffb800}
|
||
|
|
.static-html-group{padding:0 12px;border-top:1px solid #da251c}
|
||
|
|
.static-html-group p,.static-html-group span,.static-html-group strong{font-size:14px;line-height:18px}
|
||
|
|
.static-html-group h2{font-size:20px;line-height:22px}
|
||
|
|
.static-html-group h3{font-size:18px;line-height:22px}
|
||
|
|
.static-html-group img{margin:0 auto;padding:10px 0}
|
||
|
|
.box-collection-list .col-left-group,.box-collection-list .sort-bar-select{display:none}
|
||
|
|
.box-collection-list .col-right-group{width:100%!important}
|
||
|
|
.cat-sort-grid .p-item{display:flex;justify-content:space-between;flex-wrap:wrap}
|
||
|
|
.cat-sort-grid .p-item .p-img{width:40%;margin-right:16px;padding-bottom:40%;margin-bottom:0}
|
||
|
|
.cat-sort-grid .p-item .p-text{width:calc(100% - 40% - 16px)}
|
||
|
|
.cat-sort-grid .p-item .p-name{height:70px}
|
||
|
|
.cat-sort-grid .p-item .p-button{margin-top:30px}
|
||
|
|
.global-cart{background:#f4f4f4;padding-top:30px}
|
||
|
|
.cart-header{width:100%;padding:0 15px;border-radius:10px;background-color:#fff}
|
||
|
|
.cart-header-title{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;line-height:52px;text-transform:uppercase;border-bottom:1px solid #d9d9d9}
|
||
|
|
.cart-title-right a{color:var(--pink)}
|
||
|
|
.cart-title-right-delete{margin-left:40px}
|
||
|
|
.col-header-cart{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;line-height:62px;text-align:center;font-weight:400;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
|
||
|
|
.box-cart-item-list{margin:16px 0 20px}
|
||
|
|
.cart-col-1{width:686px!important;text-align:left}
|
||
|
|
.cart-col-2{width:170px}
|
||
|
|
.cart-col-4{width:170px}
|
||
|
|
.cart-col-5{width:115px}
|
||
|
|
.cart-item-info{padding:24px 12px;overflow:unset;font-weight:lighter;color:#797979;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;border-radius:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#fff;border-radius:10px;margin-bottom:16px;align-items:center}
|
||
|
|
.cart-col-1{display:block}
|
||
|
|
.cart-col-1-img{width:140px;margin-right:20px;height:140px;float:left;border:1px solid #f0f0f0;border-radius:10px;box-shadow:0 1px 6px rgba(0,0,0,.25)}
|
||
|
|
.cart-col-1-img img{width:100%;border-radius:8px}
|
||
|
|
.cart-item-name{color:#000;font-weight:400;margin-bottom:16px;text-transform:uppercase}
|
||
|
|
.cart-item-price{font-size:20px;font-weight:400;line-height:23px;font-weight:700}
|
||
|
|
.cart-item-info .p-info{position:relative;padding-left:15px;margin-bottom:16px;font-weight:400}
|
||
|
|
.cart-item-info .p-info::before{content:'';position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:#a5a5a5}
|
||
|
|
.item-offer{display:inline-block;position:relative;padding-right:10px}
|
||
|
|
.item-offer:hover .item-offer-content{display:block}
|
||
|
|
.item-offer .title{color:#da251c;font-weight:400;position:relative;cursor:pointer;margin:0}
|
||
|
|
.item-offer .title::before{content:'';width:12px;height:12px;background:url(../images/sprite_2021.png) no-repeat;background-position:-308px -322px;position:absolute;left:0;top:3px}
|
||
|
|
.item-offer-content{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #0d699e;-webkit-box-shadow:0 0 11px 0 rgba(13,105,158,.2);box-shadow:0 0 11px 0 rgba(13,105,158,.2);padding:12px;position:absolute;top:100%;z-index:1;width:420px;display:none}
|
||
|
|
.item-offer-content p,.item-offer-content span{display:block;position:relative;padding-left:15px;line-height:1.9;margin:0}
|
||
|
|
.item-offer-content p::before,.item-offer-content span::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:#a5a5a5}
|
||
|
|
.item-offer-content span li span::before{display:none!important}
|
||
|
|
.blue{color:#0060af}
|
||
|
|
.item-offer li{list-style:none}
|
||
|
|
.cart-item-marketPrice{text-decoration:line-through}
|
||
|
|
.cart-item-info .cart-col-5{margin-top:15px}
|
||
|
|
.cart-item-info .cart-col-3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:8px}
|
||
|
|
.quantity-change{background:#eee;color:#000;font-weight:700;cursor:pointer;color:#000;width:40px;height:40px;font-size:20px;border-radius:50%}
|
||
|
|
.quantity-buy{width:60px;float:left;border:none;text-align:center;line-height:30px;font-size:13px;color:#000;outline:0}
|
||
|
|
.cart-item-text{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
|
||
|
|
.cart-item-info .cart-col-4{margin-top:15px;color:#da251c;font-weight:600}
|
||
|
|
.cart-item-info .cart-col-5{font-size:20px;font-weight:400}
|
||
|
|
.cart-item-info .cart-col-5 i{font-weight:400}
|
||
|
|
.cart-customer-infomation{width:100%;margin:50px 0 42px;border-radius:15px;overflow:hidden;background:#fff;-webkit-box-shadow:0 0 3px 0 rgb(0 0 0 / 10%);box-shadow:0 1px 5px rgb(0 0 0 / 25%);padding:30px 16px 44px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;border-top:8px solid var(--pink)}
|
||
|
|
.cart-customer-infomation::before{content:'';background-image:url(/static/assets/default/images/cart.png);background-position:-4px 0;height:4px;position:absolute;left:0;right:0;top:0}
|
||
|
|
.cart-customer-left{width:994px;margin-right:68px}
|
||
|
|
.cart-customer-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:21px;font-size:18px;color:#000;text-transform:uppercase;font-weight:600}
|
||
|
|
.cart-customer-title i{margin-right:16px}
|
||
|
|
.customer-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
|
||
|
|
.customer-info i{margin-right:16px}
|
||
|
|
.customer-info .title{color:#da251c;margin-left:12px}
|
||
|
|
.cart-customer-group{display:-webkit-box;display:-ms-flexbox;display:flex}
|
||
|
|
.cart-customer-group-info,.customer-info{margin-right:12px;width:calc(100% / 2 - 6.5px)}
|
||
|
|
.cart-customer-group-info input,.cart-customer-group-info select,.cart-customer-group-info textarea,.cart-customer-upload-file input{margin-bottom:10px;background:#fafafa;border:1px solid #d9d9d9;border-radius:5px;padding:0 16px;height:53px;color:#818181;outline:0;resize:none;width:100%}
|
||
|
|
.cart-customer-group-info textarea::-webkit-input-placeholder{font-size:14px}
|
||
|
|
.cart-customer-group-info textarea::-moz-placeholder{font-size:14px}
|
||
|
|
.cart-customer-group-info textarea:-ms-input-placeholder{font-size:14px}
|
||
|
|
.cart-customer-group-info textarea::-ms-input-placeholder{font-size:14px}
|
||
|
|
.cart-customer-group-info textarea::placeholder{font-size:14px}
|
||
|
|
.cart-customer-upload-file input{width:100%}
|
||
|
|
.cart-customer-upload-file textarea{height:191px;padding:15px;margin:0;background:#fafafa;border:1px solid #d9d9d9;border-radius:5px;resize:none;width:100%;margin-bottom:17px;outline:0}
|
||
|
|
.cart-customer-group-info input:nth-child(2){width:calc(100% /2 - 6px)}
|
||
|
|
.cart-customer-group-info input:nth-child(3),.cart-customer-group-info input:nth-child(4){width:calc(100% /2 - 6px)}
|
||
|
|
.cart-customer-group-info input:nth-child(2){margin-right:7px}
|
||
|
|
.cart-customer-group-info input:nth-child(7){width:100%}
|
||
|
|
.cart-customer-group-info select{width:100%;outline:0}
|
||
|
|
.cart-customer-upload-file,.receipt-info{width:calc(100% / 2 - 6.5px)!important;margin-right:0!important}
|
||
|
|
.label-container input{width:12px!important;height:12px}
|
||
|
|
.cart-sex-user{margin-bottom:17px}
|
||
|
|
.label-container:first-child{margin-right:12px}
|
||
|
|
.cart-customer-group-info textarea{height:88px;padding:15px;width:100%;font-family:Roboto;resize:unset}
|
||
|
|
.cart-btn-group{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
|
||
|
|
.cart-btn-group a{font-size:16px;background:#797979;border-radius:5px;line-height:40px;color:#fff!important;display:block;text-align:center;width:100%;text-transform:uppercase;float:left}
|
||
|
|
.cart-btn-group a:hover{background:#5a5a5a}
|
||
|
|
.cart-btn-img{margin-right:12px}
|
||
|
|
.cart-btn-print{width:100%!important;margin-top:10px}
|
||
|
|
.cart-customer-right .cart-customer-title{color:#da251c}
|
||
|
|
.cart-customer-right .cart-customer-title img{margin-right:10px}
|
||
|
|
.cart-customer-right{width:calc(100% - 994px - 68px)}
|
||
|
|
.cart-customer-right .label-container{margin-bottom:16px;display:block}
|
||
|
|
.cart-customer-right .label-container input{margin-right:12px;width:18px!important;height:18px!important}
|
||
|
|
.cart-customer-left .label-container input,.cart-customer-right .label-container input{border:2px solid #fff;-webkit-box-shadow:0 0 0 1px #008a0e;box-shadow:0 0 0 1px #008a0e;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;background-color:#fff;-webkit-transition:all ease-in .2s;-o-transition:all ease-in .2s;transition:all ease-in .2s;cursor:pointer;position:relative}
|
||
|
|
.cart-customer-left .label-container input{padding:0!important;margin-bottom:0!important}
|
||
|
|
.cart-customer-right .label-container input:checked::after{content:'\f00c';font-family:FontAwesome;left:3px;top:2px;color:#008a0e;font-size:10px;position:absolute}
|
||
|
|
.infomation-customer-detail{margin-left:35px}
|
||
|
|
.infomation-customer-detail p{margin-bottom:13px}
|
||
|
|
.infomation-customer-detail p:last-child{padding-bottom:20px;margin-bottom:0!important}
|
||
|
|
.total-title{margin:34px 0 20px}
|
||
|
|
.cart-customer-total{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:flex-end;padding:20px 0;font-size:13px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid #d9d9d9;font-size:20px;color:#797979}
|
||
|
|
.text-ship{background:var(--pink);color:#fff;padding:6px;margin-top:10px;font-size:13px}
|
||
|
|
.text-ship a{color:#ff0;font-size:16px;font-weight:700}
|
||
|
|
.cart-customer-total-price{font-size:14px}
|
||
|
|
.cart-btn-buy{margin-top:15px}
|
||
|
|
.total-product p{font-size:24px;font-weight:800;color:#da251c}
|
||
|
|
.cart-btn-buy button{width:100%;line-height:60px;background:#da251c;border-radius:10px;font-size:20px;border:none;color:#fff;text-transform:uppercase;cursor:pointer}
|
||
|
|
.cart-btn-buy button:hover{background:#ba1e22}
|
||
|
|
.none-product-cart{margin:60px 0;text-align:center}
|
||
|
|
.none-product-cart p{font-size:24px;font-weight:700!important;margin-bottom:16px;line-height:36px}
|
||
|
|
.none-product-cart a{font-size:16px;font-weight:600!important;color:var(--pink)}
|
||
|
|
.cart-voucher-group{padding:12px;background:#f5f5f5;margin-bottom:12px}
|
||
|
|
.cart-voucher-form{position:relative}
|
||
|
|
.voucher-input{width:100%;font-size:14px;height:40px;padding:0 2px 0 8px;border:none;outline:0}
|
||
|
|
.btn-check-voucher{top:0;bottom:0;right:0;background:var(--pink);color:#fff!important;width:140px;position:absolute;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;font-size:14px}
|
||
|
|
.btn-check-voucher i{margin-right:10px}
|
||
|
|
.voucher-message{display:none}
|
||
|
|
.cart-btn-pay{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
|
||
|
|
.cart-pay{width:calc(100% / 2 - 5px);margin:10px 10px 0 0;line-height:1.5;padding:5px;background-color:#e90707!important;color:#fff!important;border:none;outline:0;border-radius:5px}
|
||
|
|
.cart-pay p{font-size:18px;font-weight:700;text-transform:uppercase}
|
||
|
|
.cart-pay span{font-size:12px}
|
||
|
|
.card-pay-bank{background-color:#288ad6!important}
|
||
|
|
.cart-voucher-group-fixed{position:fixed;top:0;left:0;right:0;bottom:0;z-index:6;background:rgba(0,0,0,.4)}
|
||
|
|
.cart-voucher{position:fixed;top:0;left:0;right:0;bottom:0;width:824px;max-height:570px;border-radius:10px;padding:0 10px 25px 10px;margin:auto;background:#fff}
|
||
|
|
.cart-voucher-title p{line-height:65px;font-weight:500;font-size:22px;text-transform:uppercase}
|
||
|
|
.cart-voucher-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
|
||
|
|
.cart-voucher-title a{font-size:24px}
|
||
|
|
.js-delete-cart{margin-left:38px}
|
||
|
|
.cart-voucher-title:hover a{color:#ee2d24!important}
|
||
|
|
.cart-voucher-holder{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 25px 20px 33px;background:#f5f5f5;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
|
||
|
|
.cart-voucher-input{width:630px}
|
||
|
|
.cart-voucher-input input{margin-right:5px;border:0;height:40px;padding-left:12px;border-radius:4px;background:#fff;width:calc(100% - 184px)}
|
||
|
|
.btn-voucher{background:#ee2d24;font-weight:700;font-size:16px;text-align:center;line-height:40px;color:#fff;width:175px;border-radius:4px;display:inline-block}
|
||
|
|
.code-voucher-title{margin:6px 0 12px}
|
||
|
|
.voucher-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
|
||
|
|
.coupon{width:175px;background:#ccc;color:#fff;text-align:center;position:relative;padding:6px 0;width:175px;background:#ee2d24;color:#fff;text-align:center;position:relative;padding:6px 0;overflow:hidden;font-size:14px}
|
||
|
|
.coupon::after,.coupon::before{content:'';position:absolute;top:0;bottom:0;background:-o-radial-gradient(0 .25rem,circle,transparent 0,#fff .1875rem,transparent 5px);background:radial-gradient(circle at 0 .25rem,transparent 0,#fff .1875rem,transparent 5px);width:5px;background-size:10px 8.5px;background-repeat:repeat-y}
|
||
|
|
.coupon::after{right:-2px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
|
||
|
|
.coupon::before{left:-2px;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
|
||
|
|
.coupon p{margin-bottom:6px}
|
||
|
|
.coupon b{font-size:18px}
|
||
|
|
.voucher-item-title{width:calc(100% - 175px);border:1px solid #f0f0f0;padding:18px 12px 18px 22px;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}
|
||
|
|
.voucher-item-title input{width:22px;height:22px}
|
||
|
|
.sprite-icon-info-cart{background-position:-54px -60.5px!important;width:39px;height:39px;background-size:155px 131.5px!important}
|
||
|
|
.sprite-icon-hoadon-cart{background-position:-5px -54px!important;width:39px;height:39px;background-size:155px 131.5px!important}
|
||
|
|
.sprite-icon-credit-cart{background-position:-34px -5px!important;width:39px;height:39px;background-size:155px 131.5px!important}
|
||
|
|
.send-cart-error,.send-cart-success{max-width:824px;margin:auto}
|
||
|
|
.send-cart-title{padding:30px 10px;text-align:center}
|
||
|
|
.send-cart-title-name{font-weight:600;color:#da251c;font-size:28px;margin-bottom:8px}
|
||
|
|
.send-cart-title-descreption{font-weight:300;font-size:14px;line-height:20px;text-align:center}
|
||
|
|
.red-text{color:#da251c}
|
||
|
|
.send-cart-title-descreption a{font-weight:700;text-decoration:none}
|
||
|
|
.send-cart-info{padding:20px 15px;margin-top:12px;background:#f2f2f2;font-weight:300}
|
||
|
|
.send-cart-info p{margin-bottom:16px;width:100%}
|
||
|
|
.send-cart-info b{font-weight:700;width:200px;display:inline-block}
|
||
|
|
.send-cart-info span{width:calc(100% - 200px)}
|
||
|
|
.send-cart-detail-product{margin-top:15px;-webkit-box-shadow:0 0 5px 0 rgb(0 0 0 / 20%);box-shadow:0 0 5px 0 rgb(0 0 0 / 20%);border:1px solid #dee2e6!important}
|
||
|
|
.send-cart-product-title{padding:20px 15px;font-size:18px;font-weight:600;text-transform:uppercase;border-bottom:1px solid #dee2e6}
|
||
|
|
.send-cart-product-info{display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px;width:100%;border-bottom:1px solid #dee2e6}
|
||
|
|
.send-cart-item-left{width:82px;margin-right:8px;text-align:center}
|
||
|
|
.send-cart-item-left img{width:100%;height:100%}
|
||
|
|
.send-cart-item-center a{font-size:14px;font-weight:600;color:#222;text-decoration:none}
|
||
|
|
.send-cart-item-center{width:362px}
|
||
|
|
.send-cart-item-right{width:calc(100% - 362px - 82px);text-align:right;line-height:20px}
|
||
|
|
.new-price,.total-price{font-size:18px;color:#da251c;font-weight:800}
|
||
|
|
.new-price{color:#000!important}
|
||
|
|
.old-price{font-size:16px;color:#888;text-decoration:line-through}
|
||
|
|
.number-item{font-weight:700;font-size:12px}
|
||
|
|
.total-item{color:#da251c;font-size:16px;font-weight:800}
|
||
|
|
.send-cart-total{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:15px}
|
||
|
|
.send-cart-total p:first-child{font-size:16px;font-weight:700}
|
||
|
|
.again-cart{display:block;text-decoration:none;padding:22px 0 100px;text-align:center;color:#da251c;font-weight:600;font-size:22px;text-transform:uppercase}
|
||
|
|
.send-cart-item-center a:hover{color:#d60000}
|
||
|
|
.send-cart-error-descreption{text-align:center}
|
||
|
|
.send-cart-error-title{color:#da251c;font-size:28px;font-weight:700;margin:15px 0}
|
||
|
|
.send-cart-error-descreption p:nth-child(3){font-size:15px;margin-bottom:15px}
|
||
|
|
.send-cart-error-descreption p:last-child{font-size:15px;margin-bottom:48px}
|
||
|
|
.sprite-send-cart-face{background-position:-103px -96.5px!important;width:30px;height:30px;background-size:155px 131.5px!important;margin:0 auto}
|
||
|
|
.customer-content-group{max-width:978px;margin:20px auto;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.25);box-shadow:0 1px 6px rgba(0,0,0,.25);background:#fff;padding:30px 0 50px}
|
||
|
|
.customer-content-title{text-align:center;font-size:24px;font-weight:600}
|
||
|
|
.customer-content-title a{color:#222}
|
||
|
|
.customer-content-title a:first-child{margin-right:16px}
|
||
|
|
.customer-content-title a.current,.customer-content-title a:hover{color:var(--color-primary);border-bottom:1px solid var(--color-primary)}
|
||
|
|
.customer-form{margin:auto;max-width:616px}
|
||
|
|
.customer-form .item{margin-top:20px;font-weight:300}
|
||
|
|
.customer-form .item input{display:block;width:100%;border:1px solid #d9d9d9;padding:0 12px;height:42px;border-radius:5px;margin-top:10px;font-size:16px;outline:0}
|
||
|
|
.customer-form .item span{color:#d91605}
|
||
|
|
.customer-form .item p{font-size:16px;font-weight:400}
|
||
|
|
.btn-customer{width:100%;height:46px;border:0;border-radius:6px;background-color:#da251c;font-size:18px;font-weight:600;color:#fff;margin-top:30px;cursor:pointer}
|
||
|
|
.password-input{position:relative}
|
||
|
|
.show-pass{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:10px}
|
||
|
|
.forgot-password{display:block;text-align:right;color:#208ce8;margin:8px 0 0;font-size:14px}
|
||
|
|
.forgot-password-content{max-width:800px;padding-top:50px;margin:0 auto}
|
||
|
|
.forgot-password-content h2{font-size:26px;font-weight:600;margin-bottom:8px}
|
||
|
|
.forgot-password-content p{font-size:16px;margin-bottom:20px}
|
||
|
|
.forgot-password-content table{width:100%}
|
||
|
|
.forgot-password-content input{width:100%;padding:10px 8px;font-size:18px;border-radius:5px;outline:0;border:1px solid var(--color-primary)}
|
||
|
|
.forgot-password-content td:first-child{font-size:18px}
|
||
|
|
.btn-forgot-password{display:block;width:50%;margin:30px auto}
|
||
|
|
.section-forgot-password table{background:#f7f7f7!important}
|
||
|
|
.js-alert-mess{font-size:16px;font-weight:500;color:#d91605}
|
||
|
|
.account{padding:30px 0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;font-size:16px}
|
||
|
|
.account .col-left{border-right:1px solid #f5f5f5}
|
||
|
|
.account .left-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 60px 20px 0;width:220px}
|
||
|
|
.account .left-title span{font-size:16px;font-weight:400}
|
||
|
|
.account .left-title p{font-size:18px;margin-top:4px}
|
||
|
|
.account .title-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}
|
||
|
|
.account .title-list a{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 14px}
|
||
|
|
.account .title-list a:hover{background-color:#f5f5f5}
|
||
|
|
.account .col-right{padding:10px}
|
||
|
|
.account .col-right h2{font-size:22px;font-weight:600;margin-bottom:16px}
|
||
|
|
.info-page table{width:520px}
|
||
|
|
.account .col-right .form-input{width:100%;padding-left:13px;border-radius:5px;border:1px solid #e1e1e1;height:38px;margin-bottom:8px}
|
||
|
|
.btn-change{padding:10px 20px;border:none;background-color:#ee2d24;color:#fff;border-radius:5px;font-size:16px;cursor:pointer}
|
||
|
|
.order-page table{font-size:16px}
|
||
|
|
.order-page td{padding:10px;border:1px solid #ccc}
|
||
|
|
.red-bold{color:#d91605;font-weight:600}
|
||
|
|
.section-category-article .article-box-heading{font-size:20px!important;line-height:23px}
|
||
|
|
.section-category-article .article-box-title{margin-bottom:20px}
|
||
|
|
.section-category-article .article-box ul{gap:16px!important}
|
||
|
|
.section-category-article .article-box ul li{margin-bottom:12px}
|
||
|
|
.article-page .section-category-article .grid{gap:40px}
|
||
|
|
.section-category-article .article-box .article-text{font-size:16px}
|
||
|
|
.section-category-article .text-date{margin:0 18px 0 6px}
|
||
|
|
.article-newest .title{margin-bottom:20px;display:block;width:100%;border-bottom:1px solid #e1e1e1}
|
||
|
|
.artilce-feature-right-top li{flex-direction:column}
|
||
|
|
.artilce-feature-right-top a img{max-width:100%!important;width:100%}
|
||
|
|
.artilce-feature-right-top h5{color:#da251c;font-size:16px}
|
||
|
|
.article-page .product-sale ul{margin-top:10px}
|
||
|
|
.article-page .product-sale ul li .price{font-size:18px;color:#fa5252;margin-top:4px}
|
||
|
|
.article-page .product-sale ul li .name{text-transform:uppercase}
|
||
|
|
.article-page .product-sale ul li .box-img{filter:drop-shadow(0px .727989px 4.36793px rgba(0, 0, 0, .25))}
|
||
|
|
.article-detail .article-box-title{margin-bottom:12px}
|
||
|
|
.box-home-artilce-left{width:calc(100% - 25% - 50px)}
|
||
|
|
.box-home-artilce-right{width:25%;margin-left:50px}
|
||
|
|
.col-left-bottom{margin-top:12px}
|
||
|
|
.col-left-bottom h4{margin-top:12px;font-size:18px;height:40px}
|
||
|
|
.col-left-bottom .wrapper{margin:4px 0}
|
||
|
|
.col-left-bottom .article-hero{border-bottom:unset;padding-bottom:0}
|
||
|
|
.col-left-top img{border-radius:16px}
|
||
|
|
.article-page .article-hero:last-child{border-bottom:unset}
|
||
|
|
.col-left-top .clock{width:auto}
|
||
|
|
.list-artilce-tuyen-dung .box-img-item{width:180px;margin-right:16px}
|
||
|
|
.list-artilce-tuyen-dung .article-hero-content{width:calc(100% - 180px - 16px)}
|
||
|
|
.list-artilce-tuyen-dung .title{margin-bottom:5px}
|
||
|
|
.list-artilce-tuyen-dung .article-hero{padding-top:12px}
|
||
|
|
.list-artilce-tuyen-dung .article-hero-features{gap:10px}
|
||
|
|
.cau-noi{width:383px;height:22px;position:absolute;top:45px;opacity:0;right:0}
|
||
|
|
.header-fixed .box-left-group,.header-fixed .header-tags{display:none}
|
||
|
|
.header-fixed .header-search-group .search-container{margin-top:0;width:455px}
|
||
|
|
|
||
|
|
|
||
|
|
.p-filter-group .item.active .title {
|
||
|
|
border-color: var(--color-primary);
|
||
|
|
color: var(--color-primary);
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-filter-group .item .title {
|
||
|
|
display: block;
|
||
|
|
background-color: #fff;
|
||
|
|
border: 1px solid #e0e0e0;
|
||
|
|
border-radius: 5px;
|
||
|
|
margin-right: 6px;
|
||
|
|
white-space: nowrap;
|
||
|
|
line-height: 34px;
|
||
|
|
padding: 0 10px;
|
||
|
|
position: relative;
|
||
|
|
color: #000;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-filter-group .item .title::after {
|
||
|
|
content: '\f0d7';
|
||
|
|
font-family: 'FontAwesome';
|
||
|
|
padding-left: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-filter-group .filter-item-holder {
|
||
|
|
opacity: 0;
|
||
|
|
visibility: hidden;
|
||
|
|
-webkit-transition: .2s all;
|
||
|
|
-o-transition: .2s all;
|
||
|
|
transition: .2s all;
|
||
|
|
background-color: #fff;
|
||
|
|
border-bottom: 1px solid #ddd;
|
||
|
|
border-top: 1px solid #ddd;
|
||
|
|
right: 0;
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
padding: 10px;
|
||
|
|
top: 45px;
|
||
|
|
white-space: normal;
|
||
|
|
z-index: 1;
|
||
|
|
max-height: 250px;
|
||
|
|
overflow: auto;
|
||
|
|
-webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 30%);
|
||
|
|
box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 30%);
|
||
|
|
border-radius: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-filter-group .filter-item-holder .list-holder {
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-ms-flex-wrap: wrap;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-filter-group .filter-item-holder a {
|
||
|
|
border: 1px solid #e0e0e0;
|
||
|
|
border-radius: 4px;
|
||
|
|
color: #333;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 17px;
|
||
|
|
margin: 0 6px 6px 0;
|
||
|
|
padding: 8px 9px;
|
||
|
|
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;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@media screen and (max-width:1600px){
|
||
|
|
html{font-size:14px}
|
||
|
|
.container{max-width:1220px}
|
||
|
|
.global-menu-list .sub-menu-list{width:calc(1200px - 238px);left:238px;height:514px}
|
||
|
|
.header-top-container .item-group-title a{font-size:12px}
|
||
|
|
.header-top-container .item-group-title{height:28px;margin-right:12px}
|
||
|
|
.header-top-container .title-group{font-size:12px;padding:4px 12px}
|
||
|
|
.header-top-container .user-header{padding:4px 8px}
|
||
|
|
.box-hover-top-header .title{font-size:18px}
|
||
|
|
.header-search-group .search-container{width:462px;height:50px;font-size:14px}
|
||
|
|
.header-search-group .search-cat-group{width:156px;line-height:38px;padding:0 13px;margin-right:13px}
|
||
|
|
.header-search-group .search-cat-holder{font-size:14px}
|
||
|
|
.header-search-group .search-input{font-size:14px;width:calc(100% - 35px)}
|
||
|
|
.box-left-group img{width:200px}
|
||
|
|
.header-search-group .cat-list-group a{padding:6px 0 6px 12px}
|
||
|
|
.header-policy .title{width:140px;height:51px;border-radius:30px;padding:9px 37px 9px 10px;font-size:14px;margin-right:16px}
|
||
|
|
.header-policy .title::before{width:40px;height:40px;background-position:-157px -2px}
|
||
|
|
.header-menu-container .global-menu-list .item{padding:12px 12px 5px}
|
||
|
|
.header-main-container .box-right-group{font-size:14px;width:312px;height:51px;padding:4px 7px 4px 17px}
|
||
|
|
.box-right-list .box-right-item b{margin-top:0!important}
|
||
|
|
.icon-hotline-header{width:40px;height:40px}
|
||
|
|
.box-right-item .center{padding-left:16px;line-height:30px}
|
||
|
|
.icon-cart-header{margin-left:14px}
|
||
|
|
.header-main-container .cart-count{top:-2px;left:110px}
|
||
|
|
.header-main-container{padding:14px 0}
|
||
|
|
.box-product-container .box-title-group{padding:12px}
|
||
|
|
.header-menu-container .global-menu-list{width:238px;max-height:514px;border-radius:7px;top:111px}
|
||
|
|
.homepage .home-banner-container{width:calc(100% - 238px - 10px);margin:12px 0 auto auto}
|
||
|
|
.header-menu-container .global-menu-list .cat-title{margin-left:13px}
|
||
|
|
.banner-slider-group .big-banner{width:644px}
|
||
|
|
.footer-news-container .box-text b{margin-top:2px}
|
||
|
|
.homepage .banner-right-group{width:calc(100% - 652px)}
|
||
|
|
.homepage .banner-right-group a{margin-bottom:12px}
|
||
|
|
.homepage .banner-under-slider a{margin-right:10px;width:calc(100% / 4 - 7px)}
|
||
|
|
.collection-tab-container .collection-tab-title b{font-size:16px}
|
||
|
|
.collection-tab-container .collection-tab-title a{padding:11px 0 16px}
|
||
|
|
.collection-tab-container .collection-bg{padding:15px 13px 40px}
|
||
|
|
.collection-bg .all-item-collection{margin-bottom:13px}
|
||
|
|
.p-item .p-discount{height:32px}
|
||
|
|
.box-product-container .cat-title{font-size:24px}
|
||
|
|
.footer-video-container .title-group .title{font-size:24px}
|
||
|
|
.footer-video-container .video-title{font-size:16px}
|
||
|
|
.footer-news-container .box-text time{font-size:16px;width:60px;margin-right:14px}
|
||
|
|
.footer-policy .item{font-size:12px}
|
||
|
|
.box-title-policy{margin-left:16px}
|
||
|
|
.footer-news-container .box-title h3{font-size:16px}
|
||
|
|
.footer-news-container{padding:36px 10px 34px}
|
||
|
|
.footer-news-container .title h2{font-size:24px}
|
||
|
|
.footer-video-container .title-group{margin-bottom:27px}
|
||
|
|
.footer-newsletter .newsletter-form{width:570px}
|
||
|
|
.footer-newsletter .text-group{width:410px;margin-right:40px}
|
||
|
|
.footer-newsletter .text-group .text-group-right h3{font-size:26px;margin-bottom:4px}
|
||
|
|
.footer-newsletter{max-width:1120px;padding:27px 0}
|
||
|
|
.footer-newsletter .text-group .text-group-right i{font-size:16px}
|
||
|
|
.footer-info-container .info-left{width:260px;margin-right:38px}
|
||
|
|
.footer-info-container{font-size:12px}
|
||
|
|
.footer-info-container .info-right{width:calc(100% - 298px)}
|
||
|
|
.footer-info-container .icon-pay_method{margin-left:100px;margin-top:20px}
|
||
|
|
.footer-news-container .title .text{font-size:24px}
|
||
|
|
.img-bct{width:158px}
|
||
|
|
.cat-child-list .cat-title{margin-left:12px}
|
||
|
|
.filter-container .cat-child-list,.filter-container .item{padding:12px 12px 16px}
|
||
|
|
.product-detail-page .product-name{font-size:20px;line-height:24px}
|
||
|
|
.product-detail-page .product-info-top{padding:25px 11px 20px}
|
||
|
|
.product-detail-page .product-info-left{width:360px;margin-right:15px}
|
||
|
|
.product-info-right .item-blog .title{font-size:14px}
|
||
|
|
.product-detail-page .product-info-right{width:276px}
|
||
|
|
.product-info-right .box-list a{font-size:12px}
|
||
|
|
.product-detail-page .product-info-middle{width:calc(100% - 360px - 276px - 26px);font-size:12px}
|
||
|
|
.product-detail-page .product-info-left{margin-right:14px}
|
||
|
|
.product-info-middle .product-visit{margin-bottom:14px}
|
||
|
|
.product-detail-page .product-info-price{margin:20px 0 24px}
|
||
|
|
.product-detail-page .product-info-price .price{font-size:26px}
|
||
|
|
.product-detail-page .product-info-price .market-price{font-size:16px}
|
||
|
|
.product-info-offer{margin-top:16px;padding-bottom:10px}
|
||
|
|
.product-info-offer .title-gift-detail{width:155px;margin-bottom:8px}
|
||
|
|
.product-info-offer .offer-title{padding:0}
|
||
|
|
.product-buy-quantity{margin:20px 0}
|
||
|
|
.product-info-offer .offer-title li{line-height:26px}
|
||
|
|
.cart-quantity-select input{font-size:20px!important}
|
||
|
|
.cart-quantity-select .js-quantity-change{padding:4px 15px}
|
||
|
|
.button-type-1 a b{font-size:18px;margin-bottom:4px}
|
||
|
|
.button-type-1 a{padding:12px 0;margin:0 0 12px 0}
|
||
|
|
.product-info-support{margin-top:0}
|
||
|
|
.icon-support-group{width:calc(100% - 295px);padding:4px 0 4px 4px}
|
||
|
|
.product-info-support .form-holder{width:295px}
|
||
|
|
.icon-support-group .group-left{margin-right:8px}
|
||
|
|
.group-right .text{font-size:14px}
|
||
|
|
.group-right .hotline{font-size:18px}
|
||
|
|
.button-type-1 a span{font-size:12px}
|
||
|
|
.product-info-support .form-holder input{font-size:11px}
|
||
|
|
.product-info-box .box-title{font-size:18px;line-height:28px}
|
||
|
|
.product-info-box .box-left .box-item .product-desc{max-height:506px}
|
||
|
|
.product-info-box .box-left{width:59.5%}
|
||
|
|
.product-info-box .box-right{width:39.5%}
|
||
|
|
.product-info-box .box-right .box-right-title{padding:12px 6px;font-size:18px}
|
||
|
|
.info-tech-list td{padding:6px 8px}
|
||
|
|
.info-tech-list{max-height:520px;font-size:12px}
|
||
|
|
.video-unbox .title{padding:9px 0 16px;font-size:18px;line-height:22px}
|
||
|
|
.product-info-comment-rating .title{font-size:18px;margin-bottom:10px}
|
||
|
|
.review-info{padding:24px 0 0}
|
||
|
|
.title-avgRate{font-size:16px}
|
||
|
|
.review-info .avgRate span{font-size:38px}
|
||
|
|
.button-review a{line-height:30px;font-size:12px}
|
||
|
|
.button-review{width:156px}
|
||
|
|
.avg-rate-count{padding:0 7px}
|
||
|
|
.nhan-xet-bar{padding:0 13px 0 11px;width:205px}
|
||
|
|
.box-comment-title{font-size:16px}
|
||
|
|
.box-comment{margin-top:18px}
|
||
|
|
.list-review{margin-top:10px}
|
||
|
|
.content-product-detail-title{font-size:16px;line-height:18px;margin-bottom:37px}
|
||
|
|
.content-product-detail-title .related-products{padding:9px 26px}
|
||
|
|
.product-info-detail-bottom{padding-bottom:35px}
|
||
|
|
.product-page .col-left-group{width:238px}
|
||
|
|
.col-right-group{width:calc(100% - 238px - 12px)!important}
|
||
|
|
.cat-child-list a{font-size:12px}
|
||
|
|
.filter-container .title{font-size:15px}
|
||
|
|
.product-cate-sort .title p{font-size:16px}
|
||
|
|
.product-cate-sort .title{width:210px;line-height:40px}
|
||
|
|
.product-cate-sort .sort-option a{padding:4px 14px;font-size:12px}
|
||
|
|
.product-cate-sort select{font-size:14px;width:132px}
|
||
|
|
.icon-sort{width:32px;height:32px}
|
||
|
|
.product-cate-sort .sort-container{width:calc(100% - 210px - 25px)}
|
||
|
|
.cat-sort-grid .p-item .p-name{height:30px}
|
||
|
|
.cat-sort-grid .p-item .p-button{margin-top:20px}
|
||
|
|
.cart-col-1{width:550px!important}
|
||
|
|
.cart-item-name{font-size:16px}
|
||
|
|
.cart-item-price{font-size:15px}
|
||
|
|
.cart-customer-left{width:744px!important;margin-right:32px}
|
||
|
|
.cart-customer-title{margin-bottom:28px;font-size:18px}
|
||
|
|
.cart-customer-group-info,.customer-info{margin-right:32px}
|
||
|
|
.cart-btn-group a{font-size:13px}
|
||
|
|
.cart-customer-right{width:calc(100% - 744px - 32px)}
|
||
|
|
.cart-customer-right .cart-customer-title{margin-bottom:48px}
|
||
|
|
.cart-customer-right .label-container input{margin-right:8px;width:14px!important;height:14px!important}
|
||
|
|
.col-header-cart{line-height:50px}
|
||
|
|
.cart-item-info .cart-col-5{font-size:18px}
|
||
|
|
.quantity-change{width:35px;height:35px;font-size:18px}
|
||
|
|
.cart-customer-right .label-container input:checked::after{top:1px;left:1px}
|
||
|
|
.cart-customer-total{font-size:16px}
|
||
|
|
.total-product p{font-size:20px}
|
||
|
|
.cart-btn-buy button{line-height:45px;font-size:18px}
|
||
|
|
.box-home-artilce-left{width:calc(100% - 25% - 40px)}
|
||
|
|
.box-home-artilce-right{margin-left:40px}
|
||
|
|
.article-page .swiper-article-category{font-size:11px;padding:1px 15px}
|
||
|
|
.article-page .swiper-article-slider h2{font-size:28px;margin:4px 0 6px;line-height:30px}
|
||
|
|
.col-left-bottom h4{font-size:16px}
|
||
|
|
.col-left .article-box-heading{font-size:20px!important}
|
||
|
|
.article-page .article-box .article-text{font-size:16px}
|
||
|
|
.article-page .article-box-heading{font-size:20px!important}
|
||
|
|
.article-page .article-hero-content .wrapper h5{font-size:14px}
|
||
|
|
.article-page .article-hero-content .wrapper{margin:6px 0 4px}
|
||
|
|
.article-category ul{font-size:16px}
|
||
|
|
.artilce-feature-right-top h5{font-size:14px}
|
||
|
|
.header-fixed .header-menu-container{width:238px}
|
||
|
|
.header-fixed .header-menu-container .title::before{display:none}
|
||
|
|
.header-fixed .header-menu-container .title{padding-left:20px;font-size:18px}
|
||
|
|
.footer-policy .item img{width:69px}
|
||
|
|
.global-menu-breadcrumb{width:238px}
|
||
|
|
.global-menu-breadcrumb .menu-title{font-size:16px;padding:8px 0 8px 42px}
|
||
|
|
.global-menu-breadcrumb .menu-title::before{width:20px;left:15px}
|
||
|
|
.global-menu-breadcrumb .menu-title::after{top:5px;right:7px}
|
||
|
|
.list-artilce-tuyen-dung .box-img-item{width:135px;margin-right:10px}
|
||
|
|
.list-artilce-tuyen-dung .article-hero-content{width:calc(100% - 135px - 10px)}
|
||
|
|
.list-artilce-tuyen-dung .article-hero-features{font-size:10px;gap:4px}
|
||
|
|
.header-fixed .header-menu-container:hover .global-menu-list{margin-top:14px}
|
||
|
|
.cart-ttip{top:46px}
|
||
|
|
.product-select-option .product-select-option-title{font-size:14px}
|
||
|
|
}
|