Update 31/07/2023
This commit is contained in:
705
Maychuchinhhang/css/style_mobile.css
Normal file
705
Maychuchinhhang/css/style_mobile.css
Normal file
@@ -0,0 +1,705 @@
|
||||
:root{--color-primary:#0046be;--color-secondary:#4e4e4e;--white:#fff;--black:#000;--red:#e80000;--blue:#324a7a;--green:#62a743;--gray:#454545;--gray-2:#b1b1b1;--box-shadow:0px 1px 6px rgba(0, 0, 0, 0.2)}
|
||||
html{font-size:14px}
|
||||
body{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Roboto,sans-serif;color:#000;word-break:break-word;line-height:1.4;font-weight:400;background-color:#fff;letter-spacing:.15px}
|
||||
.container{max-width:768px;width:100%;padding:0 10px;margin:0 auto}
|
||||
.grid{gap:10px}
|
||||
.my-20px{margin:24px 0}
|
||||
.ws-normal{white-space:normal}
|
||||
.box-w{border-radius:15px;background-color:#fff;padding:12px}
|
||||
.box-empty{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:20px;line-height:24px;width:100%;height:350px;color:var(--red);text-align:center;grid-column:1/-1}
|
||||
.alert-mess{text-align:center;padding:50px 30px;font-size:20px;font-weight:500;color:var(--red);grid-column:1/-1}
|
||||
.alert-text{font-size:13px;line-height:17px;font-weight:500;color:var(--red);margin:8px}
|
||||
.alert-error{padding-left:24px;margin:16px 0;color:var(--red);font-weight:600;line-height:1.5}
|
||||
.btn-primary{background:var(--color-primary);border:2px solid var(--color-primary);color:#fff;font-weight:500}
|
||||
.btn-primary:hover{background:#fff;color:var(--color-primary)}
|
||||
.accordion .fa-angle-right{position:absolute;right:10px;font-size:28px;line-height:16px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
|
||||
.accordion-content{max-height:0;line-height:30px;-webkit-transition:max-height .3s ease-out;-o-transition:max-height .3s ease-out;transition:max-height .3s ease-out;overflow:hidden}
|
||||
.scroll-margin-top{scroll-margin-top:50px}
|
||||
.heading-primary{position:relative;font-size:18px;font-weight:700;line-height:normal;text-transform:uppercase;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;width:85%;margin:0 auto}
|
||||
.heading-primary::before{content:"";position:absolute;bottom:7px;right:102%;width:20px;height:1px;background:#0046be}
|
||||
.heading-primary::after{content:"";position:absolute;bottom:7px;left:102%;width:20px;height:1px;background:#0046be}
|
||||
.heading-secondary{font-size:18px;line-height:22px;font-weight:700;margin:16px 0}
|
||||
.paging{padding:0 10px 24px;margin-top:24px;text-align:center}
|
||||
.paging-link.active,.paging-link:hover{color:#fff;background:var(--color-primary);border-color:var(--color-primary);font-weight:500}
|
||||
.paging-link{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:8px;border-radius:50%;color:#000;font-size:16px;line-height:16px;text-decoration:none;text-transform:capitalize;width:36px;height:36px;border:1px solid #d9d9d9}
|
||||
.routing{white-space:nowrap;overflow:auto}
|
||||
.routing .list{display:-webkit-box;display:-ms-flexbox;display:flex;padding:12px 0;list-style:none}
|
||||
.routing .routing-link{position:relative;font-size:14px;font-weight:400;padding:0 10px;text-decoration:none}
|
||||
.routing .routing-link:first-child{padding-left:0}
|
||||
.routing .routing-link:last-child{color:var(--color-primary)}
|
||||
.routing .routing-link:not(:last-child)::before{content:"";position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%) rotate(25deg);-ms-transform:translateY(-50%) rotate(25deg);transform:translateY(-50%) rotate(25deg);width:1px;height:70%;border-right:1px solid #000}
|
||||
.header-cart:hover .cart-ttip{display:block}
|
||||
.cart-ttip{display:none;position:absolute;background-color:#fff;border-radius:10px;width:400px;height:auto;right:0;top:30px;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 .null-cart{width:100%;text-align:center;padding:24px;color:#000;font-size:inherit;font-weight:600}
|
||||
.cart-ttip .cart-ttip-price-button{display:block;border-radius:5px;padding:10px;background:var(--color-primary);color:#fff;text-align:center;margin:0 12px 12px}
|
||||
.cart-ttip .cart-ttip-container{max-height:300px;overflow:auto}
|
||||
.cart-ttip .cart-ttip-price{padding:10px 20px 10px 10px;border-top:3px solid var(--color-primary);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;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
|
||||
.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;font-weight:700;text-transform:uppercase;-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}
|
||||
.cart-ttip .cart-ttip-price p:nth-child(2){font-size:13px;font-weight:200;color:var(--color-primary);margin-left:0!important}
|
||||
.cart-ttip .cart-ttip-price p:last-child{font-size:15px;font-weight:700}
|
||||
.cart-ttip .compare-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;width:100%;padding:10px;border-radius:10px;background:#fff;font-size:15px;line-height:20px}
|
||||
.cart-ttip .compare-item .compare-item-info{display:inline-block;padding:0 10px;-webkit-box-flex:1;-ms-flex:1;flex:1}
|
||||
.cart-ttip .compare-item .compare-item-info p{background:0 0;color:#000;padding:0;width:100%;word-break:break-word;font-size:14px;line-height:20px;margin-left:0;height:40px}
|
||||
.cart-ttip .compare-item .compare-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}
|
||||
.cart-ttip .compare-item .compare-item-price p{font-weight:700;width:auto}
|
||||
.cart-ttip .compare-item .compare-item-img{width:80px;border:5px}
|
||||
.search-bar .search-results{display:none;border:1px solid #ddd;background:#fff;position:absolute;top:100%;right:0;width:100%;z-index:9999;-webkit-box-shadow:0 1px 5px rgb(0 0 0 / 20%);box-shadow:0 1px 5px rgb(0 0 0 / 20%)}
|
||||
.search-bar .search-results .search-results-list{max-height:300px;overflow:auto;z-index:999}
|
||||
.search-bar .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}
|
||||
.search-bar .search-results .item:hover{background:#f0f2f5}
|
||||
.search-bar .search-results .img{width:70px;height:70px;background:#fff}
|
||||
.search-bar .search-results .title{font-size:inherit;font-weight:500;line-height:20px;color:#333;-webkit-box-flex:1;-ms-flex:1;flex:1}
|
||||
.search-bar .search-results .name{line-height:18px}
|
||||
.search-bar .search-results .price{display:block;margin-top:4px;color:#ec1c24}
|
||||
.rating-input{float:right;width:16px;height:16px;padding:0;margin:0 0 0 -16px;opacity:0}
|
||||
.rating-star:hover{background-position:0 0}
|
||||
.rating-star{position:relative;float:right;display:block;width:17px;height:17px;background:url(../images/star_rating_2022.png) 0 0;margin:0 3px}
|
||||
.rating-star:hover,.rating-star:hover~.rating-star{background-position:0 0}
|
||||
.rating-input:checked~.rating-star,.rating-star:hover,.rating-star:hover~.rating-star{background-position:0 0}
|
||||
.rating-input:checked~.rating-star,.rating:hover .rating-star:hover,.rating:hover .rating-star:hover~.rating-star{background-position:0 0}
|
||||
.rating-comment:hover .rating-star,.rating-star{position:relative;float:right;display:block;background:url("../images/star_rating_2022.png?v=2.1") 0 -28px}
|
||||
.rating-comment:hover .rating-star:hover,.rating-comment:hover .rating-star:hover~.rating-star{background-position:0 -56px!important}
|
||||
#star_tip{display:none;margin-left:10px;position:relative;background:var(--color-primary);color:#fff;padding:2px 8px 3px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px}
|
||||
#star_tip:after{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(82,184,88,0);border-right-color:var(--color-primary);border-width:6px;margin-top:-6px}
|
||||
.mcch-icons{background-image:url("https://maychuchinhhang.hurasoft.com/template/demo/images/mcch-icons-map.png");background-repeat:no-repeat;background-size:298px 299px;display:inline-block}
|
||||
.icon-best-quality{width:76px;height:65px;background-position:-2px -2px}
|
||||
.icon-box-aggel-down{width:21px;height:21px;background-position:-82px -2px}
|
||||
.icon-brand-award{width:67px;height:71px;background-position:-107px -2px}
|
||||
.icon-cart{width:24px;height:24px;background-position:-177px -2px}
|
||||
.icon-chat-box-blue{width:21px;height:21px;background-position:-205px -2px}
|
||||
.icon-circle-aggel-down{width:16px;height:16px;background-position:-230px -2px}
|
||||
.icon-clock-black{width:19px;height:19px;background-position:-230px -22px}
|
||||
.icon-contact-blue{width:83px;height:61px;background-position:-2px -77px}
|
||||
.icon-date-blue{width:54px;height:41px;background-position:-177px -45px}
|
||||
.icon-download-white{width:14px;height:16px;background-position:-82px -45px}
|
||||
.icon-gift-black{width:22px;height:20px;background-position:-89px -90px}
|
||||
.icon-gift-white{width:17px;height:17px;background-position:-114px -90px}
|
||||
.icon-headphone{width:19px;height:19px;background-position:-135px -90px}
|
||||
.icon-hearth{width:24px;height:20px;background-position:-158px -90px}
|
||||
.icon-home-black{width:21px;height:21px;background-position:-186px -90px}
|
||||
.icon-image-blue{width:17px;height:17px;background-position:-211px -90px}
|
||||
.icon-location-blue{width:25px;height:25px;background-position:-211px -111px}
|
||||
.icon-location-blue-2{width:17px;height:17px;background-position:-232px -90px}
|
||||
.icon-logo-fb{width:41px;height:41px;background-position:-89px -140px}
|
||||
.icon-logo-gg-new{width:41px;height:41px;background-position:-134px -140px}
|
||||
.icon-logo-instagram{width:41px;height:41px;background-position:-179px -140px}
|
||||
.icon-logo-tiktok{width:41px;height:41px;background-position:-2px -185px}
|
||||
.icon-logo-twitter{width:41px;height:41px;background-position:-47px -185px}
|
||||
.icon-logo-youtube{width:41px;height:41px;background-position:-92px -185px}
|
||||
.icon-mail-blue{width:25px;height:25px;background-position:-224px -140px}
|
||||
.icon-noto_star{width:18px;height:18px;background-position:-224px -169px}
|
||||
.icon-phone{width:15px;height:18px;background-position:-235px -45px}
|
||||
.icon-phone-blue{width:16px;height:17px;background-position:-235px -67px}
|
||||
.icon-pro-cart{width:18px;height:18px;background-position:-137px -191px}
|
||||
.icon-pro-percent-sale{width:16px;height:17px;background-position:-114px -111px}
|
||||
.icon-pro-share{width:18px;height:20px;background-position:-159px -191px}
|
||||
.icon-saleoff{width:50px;height:57px;background-position:-181px -191px}
|
||||
.icon-scroll-top-1{width:41px;height:41px;background-position:-254px -2px}
|
||||
.icon-search{width:26px;height:26px;background-position:-255px -47px}
|
||||
.icon-sell-policy{width:18px;height:19px;background-position:-255px -77px}
|
||||
.icon-sms-blue{width:25px;height:25px;background-position:-253px -100px}
|
||||
.icon-special-offer-blue{width:45px;height:36px;background-position:-246px -169px}
|
||||
.icon-star-big{width:43px;height:41px;background-position:-235px -209px}
|
||||
.icon-star-small{width:11px;height:11px;background-position:-285px -47px}
|
||||
.icon-truck-blue{width:35px;height:28px;background-position:-253px -129px}
|
||||
.icon-user{width:25px;height:25px;background-position:-2px -254px}
|
||||
.img-special-offer-title{width:155px;height:45px;background-position:-31px -252px}
|
||||
.global-header .header-banner-top .title{font-size:13px;line-height:36px;color:#fff;background:var(--color-primary);text-align:center;text-transform:uppercase}
|
||||
.global-header .header-banner-top .title .link::after{content:"|";position:absolute;left:0;top:1px;color:#fff;line-height:1}
|
||||
.global-header .header-banner-top .sw-btn:after{font-size:16px;color:#fff}
|
||||
.global-header .header-top .header-top-container{position:relative;height:38px;border-bottom:1px solid #f4f4f4;font-size:12px;line-height:16px}
|
||||
.global-header .header-middle .header-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:42px}
|
||||
.global-header .header-middle .header-search{max-width:660px;margin:0 auto}
|
||||
.global-header .header-middle .header-search .search-bar-input{width:100%;border:0;outline:0;font-size:13px;line-height:26px;padding:8px 50px 8px 20px;border-radius:30px;background:#fff;-webkit-box-shadow:2px 2px 6px 0 rgba(128,128,128,.25);box-shadow:2px 2px 6px 0 rgba(128,128,128,.25)}
|
||||
.global-header .header-middle .header-search .search-bar-btn{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;top:50%;right:14px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
|
||||
.global-header .header-middle .header-features{gap:50px}
|
||||
.global-header .header-bottom .header-navbar .title::after{content:"";position:absolute;bottom:0;left:0;border-bottom:2px solid #000;width:100%}
|
||||
.global-header .header-bottom .header-navbar .title:hover::after{border-color:var(--color-primary)}
|
||||
.global-header .header-cart .header-cart-amount{display:none;background:#3988d0;color:#fff;width:14px;height:14px;line-height:14px;font-size:10px;text-align:center;border-radius:50%;font-style:initial;position:absolute;right:-5px;top:-5px}
|
||||
.global-header .header-navbar{position:relative}
|
||||
.global-header .header-navbar .header-navbar-list{display:none;position:absolute;top:127%;left:0;z-index:999;background:#fff;width:190px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);box-shadow:0 1px 5px rgba(0,0,0,.2)}
|
||||
.global-header .header-navbar .header-navbar-item .link{display:block;font-size:14px;line-height:40px;padding:0 10px 0 20px;text-transform:capitalize}
|
||||
.global-header .header-navbar .header-navbar-item:hover{background:var(--color-primary);color:#fff}
|
||||
.global-header .header-navbar .header-navbar-item:hover .sub-menu{display:-ms-grid;display:grid}
|
||||
.global-header .header-navbar .sub-menu{display:none;list-style:none;-webkit-box-shadow:0 5px 10px rgb(0 0 0 / 10%);box-shadow:0 5px 10px rgb(0 0 0 / 10%);background:#fff;z-index:999;width:calc(1200px - 190px);height:100%;overflow:auto;position:absolute;left:190px;top:0;padding:8px 20px;-ms-grid-rows:-webkit-max-content;-ms-grid-rows:max-content;grid-template-rows:-webkit-max-content;grid-template-rows:max-content}
|
||||
.global-header .header-navbar .sub-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;font-size:16px;line-height:28px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#000;text-transform:uppercase}
|
||||
.global-header .header-navbar .sub-item-2{font-size:14px;text-transform:capitalize}
|
||||
.global-header .header-navbar .sub-item-2:hover{color:var(--color-primary)}
|
||||
.global-header .header-center.header-fixed{position:fixed;background:#fff;top:0;left:0;right:0;z-index:999;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3)}
|
||||
.global-header .header-center.header-fixed .container{position:relative}
|
||||
.global-header .header-center.header-fixed .header-logo{display:none}
|
||||
.global-header .header-center.header-fixed .header-category{display:none}
|
||||
.global-header .header-center.header-fixed .header-navbar{position:absolute;top:50%;left:10px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding:0!important;background:var(--color-primary);border-radius:8px}
|
||||
.global-header .header-center.header-fixed .header-navbar .title{color:#fff;padding:12px 20px!important}
|
||||
.global-header .header-center.header-fixed .header-navbar .title::after{border:0}
|
||||
.global-header .header-center.header-fixed .header-navbar .header-navbar-list{top:132%}
|
||||
.global-header .header-center.header-fixed .header-search .search-bar{margin:10px 0!important}
|
||||
.global-footer{background:#f6f6f6}
|
||||
.global-footer .footer-top{padding:0 0 30px}
|
||||
.global-footer .footer-top .letternews .form-newsletter{position:relative;max-width:460px;margin:0 auto}
|
||||
.global-footer .footer-top .letternews .form-newsletter-input{width:100%;line-height:29px;padding:8px 12px;border:0}
|
||||
.global-footer .footer-top .letternews .form-newsletter-btn{position:absolute;top:5px;right:5px;line-height:35px;height:35px;padding:0 14px}
|
||||
.global-footer .footer-col .f-title{position:relative;font-size:13px;line-height:20px;font-weight:800;margin-bottom:8px}
|
||||
.global-footer .footer-col .f-content{font-size:13px;line-height:22px}
|
||||
.global-footer .footer-col a:hover{color:var(--color-primary)}
|
||||
.global-footer .footer-col .f-icon{max-width:20px;height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-top:5px}
|
||||
.global-footer .footer-company .f-content{line-height:18px}
|
||||
.global-footer .footer-features{gap:75px;padding:18px 0 12px;border-top:1px solid #fff}
|
||||
.global-footer .footer-contact .ct-item{font-size:13px;line-height:17px;padding:8px 10px;background:#fff;height:100%}
|
||||
.global-footer .footer-contact .ct-title{line-height:32px;font-weight:500;color:#fff;background:var(--color-primary);border-radius:3px;text-align:center}
|
||||
.global-footer .footer-contact .ct-content p{margin-bottom:6px}
|
||||
.global-footer .footer-contact .ct-security img{max-height:35px;margin-left:8px}
|
||||
.global-footer .copyright{font-size:12px;line-height:18px;background:#d1d1d1;text-align:center;padding:10px 10px 64px}
|
||||
.global-footer .footer-col-accordion{margin:0 -10px;padding:10px;border-bottom:1px solid #e4e4e4}
|
||||
.global-footer .footer-col-accordion.first{border-top:1px solid #e4e4e4}
|
||||
.global-footer .footer-botom .f-title{padding-left:14px}
|
||||
.global-footer .footer-botom .f-title::before{content:"";position:absolute;width:10px;height:10px;background:var(--color-primary);top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0}
|
||||
.p-item{font-size:13px;line-height:20px;padding:12px 10px;background:#fff;border:1px solid #f4f4f4}
|
||||
.p-item .p-icon-best-seller{display:none;position:absolute;top:0;right:0;font-size:13px;line-height:16px;font-weight:500;font-style:normal;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}
|
||||
.p-item .p-img{margin-bottom:4px}
|
||||
.p-item .p-brand{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:14px;line-height:18px;font-weight:800}
|
||||
.p-item .p-name{font-size:inherit;min-height:40px;font-weight:500;margin-bottom:4px}
|
||||
.p-item .p-sku{font-weight:300}
|
||||
.p-item .p-price-sale{font-size:18px;line-height:22px;font-weight:700;margin:4px 0}
|
||||
.p-item .p-price-wrapper{font-size:13px;min-height:17px}
|
||||
.p-item .p-price-stock{display:inline-block;color:#b1b1b1}
|
||||
.p-item .p-price-off{display:inline-block;color:#d80d0d;border-radius:3px;margin-left:4px}
|
||||
.p-item .p-cart{width:28px;height:28px;border-radius:50%;background:#f1f1f1;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}
|
||||
.p-item .p-tooltip{display:none}
|
||||
.p-item .p-attr{font-weight:300;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px;text-transform:uppercase;color:#454545}
|
||||
.p-item .p-attr.p-attr-margin{margin:4px 0}
|
||||
.p-item .p-attr span{display:inline-block;line-height:24px;padding:0 6px;border-radius:3px;border:1px solid #e4e4e4}
|
||||
.swiper-btn-custom{width:32px;height:62px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);box-shadow:0 1px 5px rgba(0,0,0,.15);background:#fff}
|
||||
.swiper-btn-custom::after{font-size:18px;color:#000}
|
||||
.swiper-btn-custom:hover{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.25);box-shadow:0 1px 5px rgba(0,0,0,.25)}
|
||||
.swiper-btn-custom.swiper-button-next{right:0;border-radius:32px 0 0 32px}
|
||||
.swiper-btn-custom.swiper-button-prev{left:0;border-radius:0 32px 32px 0}
|
||||
.swiper-btn-custom.swiper-button-next::after{-webkit-transform:translateX(4px);-ms-transform:translateX(4px);transform:translateX(4px)}
|
||||
.swiper-btn-custom.swiper-button-prev::after{-webkit-transform:translateX(-4px);-ms-transform:translateX(-4px);transform:translateX(-4px)}
|
||||
.homepage .btn-view-more{display:inline-block;line-height:28px;padding:0 16px;text-transform:uppercase;text-align:center;background:var(--color-primary);border:1px solid var(--color-primary);color:#fff}
|
||||
.homepage .btn-view-more:hover{background:var(--blue);border-color:var(--blue)}
|
||||
.homepage .section-promos .container{position:relative;z-index:1}
|
||||
.homepage .section-promos .btn-view-more{color:var(--blue);background:#fff;border:1px solid var(--blue);padding:0 6px;font-size:12px;line-height:24px}
|
||||
.homepage .section-promos .btn-view-more:hover{color:#fff;background:var(--blue)}
|
||||
.homepage .section-promos .promos-category .list{display:-ms-grid;display:grid;-ms-grid-columns:1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;grid-template-columns:repeat(3,1fr);gap:20px}
|
||||
.homepage .section-promos .promos-category .list li:nth-child(n+10){display:none}
|
||||
.homepage .section-promos .promos-category .item{display:block;padding:10px;text-align:center}
|
||||
.homepage .section-promos .promos-category .item .image{width:70px;height:70px;border-radius:50%;background:#f5f5f5;margin:0 auto 16px;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}
|
||||
.homepage .section-promos .promos-category .item .image img{max-height:50px}
|
||||
.homepage .section-promos .promos-brand .list{height:50px;background:#fff;border-bottom:1px solid #e4e4e4}
|
||||
.homepage .section-promos .promos-brand .item img{max-height:30px}
|
||||
.homepage .section-best-seller{background:#f3f4f6}
|
||||
.homepage .section-best-seller .swiper{padding-bottom:36px}
|
||||
.homepage .section-best-seller .swiper-pagination-bullet-active{width:28px;border-radius:10px}
|
||||
.homepage .section-best-seller .p-wrapper{display:none}
|
||||
.homepage .section-best-seller .p-icon-best-seller{display:-webkit-box;display:-ms-flexbox;display:flex}
|
||||
.homepage .section-collection .collection-featured .style-img-block{width:250px;padding-bottom:51%}
|
||||
.homepage .section-collection .p-wrapper{display:none}
|
||||
.homepage .section-category .c-title-child{font-size:13px;line-height:17px;color:#7e7e7e;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;gap:8px;padding:8px 0}
|
||||
.homepage .section-category .c-title-child .item{position:relative;padding:0 16px}
|
||||
.homepage .section-category .c-title-child .item:first-child{padding-left:0}
|
||||
.homepage .section-category .c-title-child .item:not(:last-child)::after{content:"|";position:absolute;top:-1px;right:-2px}
|
||||
.homepage .section-category .c-view-more{line-height:28px;height:28px;color:#fff;background:#7e7e7e;border-radius:3px;padding:0 10px}
|
||||
.homepage .section-category .c-view-more:hover{background:#505050}
|
||||
.homepage .section-category .p-list .p-item:nth-child(n+11){display:none}
|
||||
.homepage .section-article .article-sale .a-item{font-size:13px;line-height:17px}
|
||||
.homepage .section-article .article-sale .a-img .style-img-block{padding-bottom:73%}
|
||||
.homepage .section-article .article-sale .a-item:first-child{font-size:14px;line-height:20px;-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1;-ms-grid-column-span:2;grid-area:1/1/3/3}
|
||||
.homepage .section-article .article-sale .a-name{font-size:inherit}
|
||||
.homepage .section-article .article-sale .a-item:first-child .a-name{font-size:16px}
|
||||
.homepage .section-article .article-sale .a-item:first-child .a-summary{font-size:14px;margin-bottom:4px}
|
||||
.homepage .section-article .article-featured .a-item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:8px;-webkit-box-shadow:2px 2px 6px 0 rgba(128,128,128,.25);box-shadow:2px 2px 6px 0 rgba(128,128,128,.25);border-radius:5px;overflow:hidden}
|
||||
.homepage .section-article .article-featured .a-img{max-width:140px;width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1}
|
||||
.homepage .section-article .article-featured .a-img .style-img-block{padding-bottom:72%}
|
||||
.homepage .section-article .article-featured .a-info{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:8px}
|
||||
.homepage .section-article .article-featured .a-name{font-size:14px}
|
||||
.product-detail-page .detail-box{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #f4f4f4}
|
||||
.product-detail-page .section-product{border-bottom:1px solid #f4f4f4}
|
||||
.product-detail-page .gallery-top{border-radius:10px;border:1px solid #d1d1d1}
|
||||
.product-detail-page .gallery-thumbs .swiper-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box}
|
||||
.product-detail-page .gallery-thumbs .swiper-slide{height:auto!important;background:#fff;border-radius:3px;border:1px solid #d1d1d1;overflow:hidden;cursor:pointer}
|
||||
.product-detail-page .gallery-thumbs .swiper-slide:nth-child(5)::after{content:"Xem thêm";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(126,126,126,.2);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-shadow:0 0 #000;font-size:12px}
|
||||
.product-detail-page .gallery-thumbs .swiper-slide:nth-child(n+6){display:none}
|
||||
.product-detail-page .gallery-thumbs .swiper-slide-hover.swiper-slide-thumb-active{border-color:#324a7a}
|
||||
.product-detail-page .pro-description .d-view-more{line-height:28px;padding:0 12px;border-radius:3px;background:#ececec}
|
||||
.product-detail-page .pro-price{min-height:56px;padding:12px 10px;background:#f4f4f4;border-radius:5px}
|
||||
.product-detail-page .pro-price-sale{font-size:24px;line-height:32px;font-weight:800}
|
||||
.product-detail-page .pro-price-stock{font-size:14px;line-height:28px;color:#7e7e7e}
|
||||
.product-detail-page .pro-price-off{font-size:14px;line-height:28px;color:#d80d0d;font-weight:600}
|
||||
.product-detail-page .pro-status{border-bottom:1px dashed #d1d1d1}
|
||||
.product-detail-page .pro-description .d-list{line-height:1.6}
|
||||
.product-detail-page .pro-special-offer{position:relative;border-radius:5px;border:1px solid #d80d0d;line-height:1.6;padding:54px 30px 10px 10px}
|
||||
.product-detail-page .pro-special-offer .s-title{position:absolute;top:8px;left:-7px}
|
||||
.product-detail-page .pro-config-group .config-item{padding:8px;border-radius:5px;background:#fff;border:1px solid #d1d1d1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}
|
||||
.product-detail-page .pro-config-group .config-item.active,.product-detail-page .pro-config-group .config-item:hover{border-color:var(--color-primary)}
|
||||
.product-detail-page .pro-config-group .config-img{max-width:65px}
|
||||
.product-detail-page .pro-config-group .config-item.active{pointer-events:none}
|
||||
#full-spec table,.product-detail-page .pro-tech table{border-collapse:collapse;border-color:#f3f3f3;max-width:800px;width:100%!important}
|
||||
#full-spec table tr:nth-child(odd),.product-detail-page .pro-tech table tr:nth-child(odd){background:#f3f3f3}
|
||||
#full-spec table td,.product-detail-page .pro-tech table td{padding:8px 16px;border:0}
|
||||
#full-spec table td:first-child,.product-detail-page .pro-tech table td:first-child{width:30%}
|
||||
.product-detail-page .pro-tech .tech-option{border:1px solid #f3f3f3;text-align:center;border-top:0}
|
||||
.product-detail-page .pro-buy .buy-btn{font-size:20px;line-height:46px;font-weight:500;text-transform:uppercase;border-radius:3px;width:100%;height:46px;margin-bottom:12px}
|
||||
.product-detail-page .pro-buy .buy-addcart{border:1px solid transparent;background:var(--green);color:#fff}
|
||||
.product-detail-page .pro-buy .buy-addcart:hover{background:#4c8632}
|
||||
.product-detail-page .pro-buy .buy-buynow{border:1px solid var(--color-primary);background:#fff;color:var(--color-primary)}
|
||||
.product-detail-page .pro-buy .buy-buynow:hover{background:var(--color-primary);color:#fff}
|
||||
.product-detail-page .pro-box{border:1px solid #f4f4f4;border-radius:5px;margin-bottom:12px;font-size:13px;line-height:17px}
|
||||
.product-detail-page .pro-box-top{padding:10px!important}
|
||||
.product-detail-page .pro-box-content{max-height:0;overflow:hidden;-webkit-transition:max-height .5s;-o-transition:max-height .5s;transition:max-height .5s}
|
||||
.product-detail-page .pro-box-bottom{border-top:1px dashed #f4f4f4}
|
||||
.product-detail-page .pro-policy .policy-list{padding:10px 0!important;gap:8px}
|
||||
.product-detail-page .pro-policy .policy-item{gap:4px}
|
||||
.product-detail-page .pro-policy .list{line-height:2.2}
|
||||
.product-detail-page .pro-contact .contact-box{max-width:300px;margin:0 auto}
|
||||
.product-detail-page .pro-contact .pro-box-content{-webkit-transition:max-height 1s;-o-transition:max-height 1s;transition:max-height 1s;padding:0 10px!important}
|
||||
.product-detail-page .pro-contact .icon-chat-box-blue{margin-right:0!important}
|
||||
.product-detail-page .pro-contact .contact-time{font-size:13px;line-height:17px;margin:10px 0!important}
|
||||
.product-detail-page .section-video .v-iframe{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:10px;overflow:hidden;width:260px}
|
||||
.product-detail-page .section-video .v-iframe iframe{max-width:100%;max-height:160px}
|
||||
.product-detail-page .section-article .a-img .style-img-block{padding-bottom:59%}
|
||||
.product-detail-page .section-article .a-date{position:absolute;top:4px;left:8px;color:#fff;text-align:center}
|
||||
.product-detail-page .pd-box-group{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.25);box-shadow:0 1px 5px rgba(0,0,0,.25);border-radius:12px}
|
||||
.product-detail-page .pd-product-related-group .pd-box-title{border-bottom:1px solid #f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex}
|
||||
.product-detail-page .pd-product-related-group .pd-box-title a{position:relative;line-height:48px;font-weight:700;font-size:18px;color:#000;padding:0 28px}
|
||||
.product-detail-page .pd-product-related-group .pd-box-title .active{color:#fff;background:var(--color-primary);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.25);box-shadow:0 1px 5px rgba(0,0,0,.25);pointer-events:none}
|
||||
.product-detail-page .pd-product-related-group .pd-box-title .active::after{content:"";position:absolute;bottom:-11px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid var(--color-primary)}
|
||||
.product-detail-page .icon-star{background-image:url("../images/star_sprite.png");width:96px;height:19px;vertical-align:text-bottom;display:inline-block;background-repeat:no-repeat}
|
||||
.product-detail-page .icon-star.star0{background-position:3px -108px!important}
|
||||
.product-detail-page .icon-star.star1{background-position:3px -87px!important}
|
||||
.product-detail-page .icon-star.star2{background-position:3px -65px!important}
|
||||
.product-detail-page .icon-star.star3{background-position:3px -42px!important}
|
||||
.product-detail-page .icon-star.star4{background-position:3px -21px!important}
|
||||
.product-detail-page .icon-star.star5{background-position:3px 1px!important}
|
||||
.product-detail-page .pd-quantity-group{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;line-height:40px;margin:18px 0}
|
||||
.product-detail-page .pd-quantity-holder{width:100px;-webkit-box-shadow:0 0 0 1px #d9d9d9;box-shadow:0 0 0 1px #d9d9d9;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;margin:0 12px}
|
||||
.product-detail-page .pd-quantity-holder a{width:29px;color:#000;line-height:40px;color:#7e7e7e;font-size:18px;font-weight:600}
|
||||
.product-detail-page .pd-quantity-holder a:first-child{border-right:1px solid #f3f3f3}
|
||||
.product-detail-page .pd-quantity-holder a:last-child{border-left:1px solid #f3f3f3}
|
||||
.product-detail-page .pd-quantity-holder input{width:calc(100% - 60px);text-align:center;border:0;outline:0;font-size:18px;font-weight:500;margin-top:1px}
|
||||
.box-product-review .icon-star-big{width:29px;height:28px;background-position:-166px -147px;background-size:210px 210px}
|
||||
.box-product-review .box-review-content{width:100%;position:relative;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}
|
||||
.box-product-review .box-review-content-top{border-radius:10px;border:1px solid #dedede;background:#fff;padding:10px}
|
||||
.box-product-review .review-all-rate{max-width:78px;text-align:center}
|
||||
.box-product-review .review-all-rate .tt-rar{width:100%;float:left;margin-bottom:15px;font-size:18px;text-transform:uppercase;font-weight:500;margin-top:15px}
|
||||
.box-product-review .review-all-rate .rate-rar .num{display:inline-block;font-size:20px;line-height:24px}
|
||||
.box-product-review .review-all-rate .rate-rar .icons-star-rar{display:inline-block;position:relative;top:-10px}
|
||||
.box-product-review .rate-review-center{border-left:1px solid #dedede;padding-left:8px}
|
||||
.box-product-review .rate-review-center ul li{overflow:hidden;margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}
|
||||
.box-product-review .rate-review-center ul li:last-child{margin-bottom:0}
|
||||
.box-product-review .rate-review-center ul li span.blue{font-size:13px;line-height:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}
|
||||
.box-product-review .rate-review-center ul li .line-rating{max-width:700px;width:100%;height:8px;background:#d9d9d9;margin-top:5px;border-radius:5px;overflow:hidden}
|
||||
.box-product-review .rate-review-center ul li .line-rating .percent{display:block;background:var(--color-primary);height:100%}
|
||||
.box-product-review .rate-review-center ul li span.total-rv{font-size:13px;color:#1fb0de;text-align:right;white-space:nowrap}
|
||||
.box-product-review .rate-riview-right{width:100%;padding:8px 40px;text-align:center}
|
||||
.box-product-review .rate-riview-right a{max-width:300px;width:100%;display:inline-block;text-align:center;background:var(--color-primary);line-height:40px;border-radius:5px;font-size:14px;color:#fff;font-weight:700}
|
||||
.box-product-review .form-review{width:100%;margin-top:20px;padding-top:20px;border-top:dashed 1px #f0f0f0;display:none}
|
||||
.box-product-review .form-review .wrapper-r{border:1px solid #d9d9d9;border-radius:0 0 12px 12px;padding:12px}
|
||||
.star-rank{margin-bottom:12px}
|
||||
.box-product-review .form-review .form-review-left textarea{font-size:14px;line-height:14px;padding:12px 14px;width:100%;height:100px;resize:none;border:solid 1px #d9d9d9;border-radius:12px 12px 0 0;margin-bottom:-4px}
|
||||
.box-product-review .form-review .form-review-right input{border:1px solid #d9d9d9;border-radius:8px;font-size:14px;padding:5px 12px;height:40px;width:100%}
|
||||
.box-product-review .form-review .form-review-right .alert-text{margin-bottom:0}
|
||||
.box-product-review .form-review .form-review-right #submit-review{color:#fff;background:var(--color-primary);width:138px;cursor:pointer;text-align:center;font-weight:700}
|
||||
.box-review-list{width:100%;margin:10px 0;border-top:1px solid #f0f0f0}
|
||||
.box-review-list .item{width:100%;padding:10px 0}
|
||||
.box-review-list .item .avatar{width:36px;height:36px;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;background:#ccc;border-radius:5px}
|
||||
.box-review-list .item .avatar.admin{background:var(--red);color:#fff}
|
||||
.box-review-list .item .avatar-name{width:11px;overflow:hidden;white-space:nowrap;font-size:16px;font-weight:700;text-transform:uppercase}
|
||||
.box-review-list .item .content span.star-rate-review{margin-right:15px}
|
||||
.box-review-list .item.review-vm{display:none}
|
||||
.box-review-list .item.review-vm a{width:150px;line-height:28px;border:solid 1px #e31212;border-radius:3px;color:#e31212;font-weight:300;font-size:12px;text-align:center}
|
||||
.box-review-list .item-reply{background:#f0f0f0;padding:10px;border-radius:10px;margin-top:10px;position:relative}
|
||||
.box-review-list .item-reply::after{content:"";position:absolute;top:-10px;left:15px;width:15px;height:10px;background:#f0f0f0;-webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%);clip-path:polygon(50% 0%,0% 100%,100% 100%)}
|
||||
.product-page .grid--product-page{-ms-grid-columns:1fr 4fr;grid-template-columns:1fr 4fr}
|
||||
.product-page .category-nav .title{border-bottom:1px solid #e9e9e9}
|
||||
.product-page .category-nav .list .item{font-size:16px;line-height:30px;font-weight:500}
|
||||
.product-page .sort .sort-select{height:32px;line-height:32px;border-radius:5px;border:1px solid #d1d1d1;padding:0 8px}
|
||||
.product-page .sort .sort-by-collection select{max-width:156px;height:42px;font-size:16px;line-height:20px;outline:0;border-radius:8px;padding:0 10px;border:1px solid #e9e9e9}
|
||||
.product-page .sort .sort-by-display .static-icons.active,.product-page .sort .sort-by-display .static-icons:hover{-webkit-filter:invert(30%) sepia(57%) saturate(2610%) hue-rotate(352deg) brightness(101%) contrast(106%);filter:invert(30%) sepia(57%) saturate(2610%) hue-rotate(352deg) brightness(101%) contrast(106%)}
|
||||
.product-page .sort .sort-custom .item{display:inline-block;padding:8px 18px;background:#fff;border-radius:3px;margin-left:8px}
|
||||
.product-page .sort .sort-custom .item.active,.product-page .sort .sort-custom .item:hover{color:#fff;background-color:var(--color-primary);border-color:var(--color-primary)}
|
||||
.product-page .sort .sort-by-display .item{width:28px;height:28px;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;border-radius:50%;border:1px solid #d9d9d9}
|
||||
.product-page .sort .sort-by-display .item .icon{max-width:14px}
|
||||
.product-page .sort .sort-by-display .item.active{border-color:var(--blue);background-color:var(--blue)}
|
||||
.product-page .sort .sort-by-display .item.active .icon{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
|
||||
.product-page .filter .filter-item{border-top:1px solid #e9e9e9;padding-top:12px;margin-top:12px}
|
||||
.product-page .filter .filter-item .list .check-box{display:inline-block;width:16px;height:16px;background-color:#e9e9e9;border-radius:3px}
|
||||
.product-page .product-list .p-item:hover{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);box-shadow:0 1px 5px rgba(0,0,0,.2)}
|
||||
.product-page .product-list.list-style{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1,1fr)}
|
||||
.product-page .product-list.list-style .p-item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}
|
||||
.product-page .product-list.list-style .p-item .p-img{max-width:40%;width:100%}
|
||||
.product-page .p-filter-group .p-filter-title{padding:0 10px;line-height:32px;height:32px;border-radius:5px;border:1px solid #ddd}
|
||||
.product-page .popup-filter-group{background:rgba(0,0,0,.3);z-index:10000;position:fixed;top:0;left:0;right:0;bottom:0;display:none}
|
||||
.product-page .popup-filter-group .main-content{height:100%;width:85%;position:absolute;top:0;right:0;bottom:0;background:#fff}
|
||||
.product-page .popup-filter-group .item .list-holder{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
|
||||
.product-page .popup-filter-group .item .list-holder .current{color:var(--color-primary)}
|
||||
.product-page .popup-filter-group .popup-header{padding:12px 10px;-webkit-box-shadow:0 0 6px 1px #ebebeb;box-shadow:0 0 6px 1px #ebebeb}
|
||||
.product-page .popup-filter-group .popup-footer{padding:8px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-shadow:0 -1px 6px 1px #ebebeb;box-shadow:0 -1px 6px 1px #ebebeb;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}
|
||||
.product-page .popup-filter-group .brand-item a{-webkit-box-align:center;display:-webkit-box;display:-ms-flexbox}
|
||||
.product-page .popup-filter-group .popup-footer a{width:27%;color:var(--color-primary);line-height:36px;border-radius:5px;margin-left:5px;border:1px solid var(--color-primary);font-weight:600}
|
||||
.product-page .popup-filter-group .brand-item .current,.product-page .popup-filter-group .popup-footer a:last-child{background:var(--color-primary);color:#fff}
|
||||
.product-page .popup-filter-group .popup-body{height:calc(100% - 55px);overflow:auto;padding:12px 10px}
|
||||
.product-page .popup-filter-group .btn-close-menu{display:inline-block;text-align:center;border:1px solid red!important;border-radius:5px;width:84px;line-height:34px;color:#fff!important;background:red!important}
|
||||
.product-page .popup-filter-group .item{margin-top:30px}
|
||||
.product-page .popup-filter-group .item .list-holder a{display:block;width:49%;color:#4a90e2;margin-bottom:10px}
|
||||
.product-page .popup-filter-group .item .list-holder .icon-square{color:#555;margin:0 5px -2px 0;display:inline-block;width:11px;height:11px;border:1px solid #666;border-radius:3px;position:relative}
|
||||
.product-page .popup-filter-group .list-holder .current .icon-square{border-color:var(--color-primary)}
|
||||
.product-page .popup-filter-group .list-holder .current .icon-square::before{content:"\f00c";font-family:FontAwesome;font-style:normal;line-height:1;font-size:11px;position:absolute;top:0;color:var(--color-primary)}
|
||||
.product-page .popup-filter-group .brand-item .title,.product-page .popup-filter-group .item .title{font-weight:700;margin-bottom:10px;text-transform:uppercase;font-size:15px}
|
||||
.product-page .popup-filter-group .brand-item a{-ms-flex-align:center;-webkit-box-align:center;align-items:center;border:1px solid #e0e0e0;border-radius:4px;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:40px}
|
||||
.product-page .popup-filter-group .brand-item a img{max-height:30px}
|
||||
.product-page .popup-filter-group .list-holder{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
|
||||
.product-page .popup-filter-group .brand-item .list-holder{display:-ms-grid;display:grid;grid-auto-rows:minmax(-webkit-min-content,-webkit-max-content);grid-auto-rows:minmax(min-content,max-content);-ms-grid-columns:(minmax(0,1fr))[2];grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;margin-bottom:10px;max-height:133px;overflow:hidden}
|
||||
.product-page .popup-filter-group label{width:50%;color:#4a90e2;margin-bottom:10px}
|
||||
.product-page .popup-filter-group label input{margin:0 5px}
|
||||
.product-page .popup-filter-group .btn-view-more-popup{font-size:14px;color:var(--color-secondary);padding:4px 0;display:block;margin:0 auto;border:0;background:#fff}
|
||||
.contact-page .contact-form-group{line-height:40px}
|
||||
.contact-page .contact-form-group .form-control{line-height:19px;width:100%;border:1px solid #ced4da;border-radius:5px;margin:8px 0;padding:10px}
|
||||
.contact-page .contact-form-group .col-form-label{margin:8px 0}
|
||||
.contact-page .alert-text{margin:0 8px}
|
||||
.customer-page .page-title::after{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
|
||||
.customer-page .customer-content-group{max-width:600px;margin:20px auto 48px;background:#fff;padding:20px}
|
||||
.customer-page .customer-content-title{text-align:center;font-size:18px;font-weight:600}
|
||||
.customer-page .customer-content-title a{color:#222}
|
||||
.customer-page .customer-content-title a:first-child{margin-right:16px}
|
||||
.customer-page .customer-content-title a.current,.customer-page .customer-content-title a:hover{color:var(--color-primary);border-bottom:1px solid var(--color-primary)}
|
||||
.customer-page .customer-form .item{margin-top:20px}
|
||||
.customer-page .customer-form .item input{display:block;width:100%;border:1px solid #d7d7d7;padding:10px;height:40px;margin-top:5px;font-size:16px}
|
||||
.customer-page .customer-form .item span{color:#d91605}
|
||||
.customer-page .customer-form .item p{font-size:14px;font-weight:400}
|
||||
.customer-page .btn-customer{display:inline-block;height:40px;line-height:40px;font-weight:500;background:var(--color-primary);color:#fff;padding:0 16px}
|
||||
.customer-page .btn-customer:hover{background:var(--blue);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3)}
|
||||
.customer-page .password-input{position:relative}
|
||||
.customer-page .show-pass{position:absolute;top:13px;right:10px}
|
||||
.customer-page .forgot-password{display:block;text-align:right;color:#208ce8;margin:8px 0 0;font-size:14px}
|
||||
.customer-page .forgot-password-content{max-width:800px;padding-top:50px;margin:0 auto}
|
||||
.customer-page .forgot-password-content h2{font-size:24px;font-weight:600;margin-bottom:8px}
|
||||
.customer-page .forgot-password-content p{font-size:15px;margin-bottom:20px}
|
||||
.customer-page .forgot-password-content table{width:100%}
|
||||
.customer-page .forgot-password-content input{width:100%;padding:8px;font-size:18px;border-radius:5px;outline:0;border:1px solid var(--color-primary)}
|
||||
.customer-page .forgot-password-content td:first-child{font-size:15px;line-height:40px;vertical-align:baseline}
|
||||
.customer-page .btn-forgot-password{display:block;width:50%;margin:30px auto}
|
||||
.account-page .account{padding:30px 0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;font-size:16px}
|
||||
.account-page .account .col-left{border-right:1px solid #f5f5f5}
|
||||
.account-page .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-page .account .left-title span{font-size:16px;font-weight:400}
|
||||
.account-page .account .left-title p{font-size:18px;margin-top:4px}
|
||||
.account-page .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-page .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-page .account .title-list a:hover{background-color:#f5f5f5}
|
||||
.account-page .account .col-right{padding:10px;-webkit-box-flex:1;-ms-flex:1;flex:1}
|
||||
.account-page .account .col-right h2{font-size:22px;font-weight:600;margin-bottom:16px}
|
||||
.account-page .info-page table{max-width:520px;width:100%}
|
||||
.account-page .account .col-right .form-input{width:100%;padding-left:13px;border-radius:5px;border:1px solid #e1e1e1;height:38px;margin-bottom:8px}
|
||||
.account-page .btn-change{padding:10px 20px;border:none;background-color:#ee2d24;color:#fff;border-radius:5px;font-size:16px;cursor:pointer}
|
||||
.account-page .order-page table{font-size:16px;width:100%}
|
||||
.account-page .order-page td{padding:10px;border:1px solid #ccc}
|
||||
.account-page .red-bold{color:#d91605;font-weight:600}
|
||||
.account-page .send-cart-info{padding:20px 15px;margin-top:12px;background:#f2f2f2;font-weight:300}
|
||||
.account-page .send-cart-info p{margin-bottom:16px;width:100%}
|
||||
.account-page .send-cart-info b{font-weight:700;width:200px;display:inline-block}
|
||||
.account-page .send-cart-info span{width:calc(100% - 200px)}
|
||||
.account-page .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}
|
||||
.account-page .send-cart-product-title{padding:20px 15px;font-size:18px;font-weight:600;text-transform:uppercase;border-bottom:1px solid #dee2e6}
|
||||
.account-page .send-cart-product-info{display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px;width:100%;border-bottom:1px solid #dee2e6}
|
||||
.account-page .send-cart-item-left{width:82px;margin-right:8px;text-align:center}
|
||||
.account-page .send-cart-item-left img{width:100%}
|
||||
.account-page .send-cart-item-center a{font-size:14px;font-weight:600;color:#222;text-decoration:none}
|
||||
.account-page .send-cart-item-center{max-width:1000px;-webkit-box-flex:1;-ms-flex:1;flex:1}
|
||||
.account-page .send-cart-item-right{text-align:right;line-height:20px;margin-left:8px}
|
||||
.account-page .new-price{font-size:18px;color:#d60000;font-weight:700}
|
||||
.account-page .old-price{font-size:16px;color:#888;text-decoration:line-through}
|
||||
.account-page .number-item{font-weight:700;font-size:12px}
|
||||
.account-page .total-item{color:#d91605;font-size:16px;font-weight:700}
|
||||
.account-page .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}
|
||||
.account-page .send-cart-total p:first-child{font-size:16px;font-weight:700}
|
||||
.account-page .again-cart{display:block;text-decoration:none;padding:22px 0 60px;text-align:center;color:#d60000;font-weight:600;font-size:22px;text-transform:uppercase}
|
||||
.brand-page .main-brand{background-color:#fff;padding:15px 0}
|
||||
.brand-page .main-brand .title{font-size:20px;color:#111;font-weight:600;line-height:32px;text-transform:uppercase;display:inline-block;position:relative}
|
||||
.brand-page .main-brand .title::after{content:"";position:absolute;border-bottom:2px solid #111;width:100%;bottom:-2px;left:0}
|
||||
.brand-page .main-brand .featured-brand ul{padding:50px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
|
||||
.brand-page .main-brand .featured-brand ul li{-webkit-box-flex:0;-ms-flex:0 0 calc(100% / 8);flex:0 0 calc(100% / 8);max-width:calc(100% / 8)}
|
||||
.brand-page .main-brand .brand-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
|
||||
.brand-page .main-brand .brand-list ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-preferred-size:0;flex-basis:0%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
|
||||
.brand-page .main-brand .brand-list ul li{-ms-flex-preferred-size:0;flex-basis:0%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
|
||||
.brand-page .main-brand .brand-list ul li a{display:inline-block;font-size:22px;margin:0 0 10px 0}
|
||||
.brand-page .main-brand .brand-item{padding:25px 0}
|
||||
.brand-page .main-brand .brand-item .smallTitle{border-bottom:1px solid #e1e1e1;display:block;font-size:22px;font-weight:700;padding:0 0 10px 0;border-bottom:1px solid #ececec;margin-bottom:20px}
|
||||
.brand-page .main-brand .brand-item ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:15px;-ms-flex-wrap:wrap;flex-wrap:wrap}
|
||||
.brand-page .main-brand .brand-item ul li{max-width:calc(100% / 4 - 10px);margin-right:10px;text-align:center}
|
||||
.cart-page .cart-content-group{margin:auto;max-width:616px;-webkit-box-shadow:0 0 7px 0 rgba(0,0,0,.2);box-shadow:0 0 7px 0 rgba(0,0,0,.2)}
|
||||
.cart-page .cart-info-group{padding:12px 10px;border-top:2px solid #d7d7d7;border-bottom:2px solid #d7d7d7}
|
||||
.cart-page .cart-info-group.border-top-0{border-top:0}
|
||||
.cart-page .customer-item{width:100%;position:relative;margin-bottom:10px;border:1px solid #e1e1e1;margin:0 0 10px 0;border-radius:5px;overflow:hidden;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}
|
||||
.cart-page .customer-item input,.cart-page .customer-item select,.cart-page .customer-item textarea{width:100%;display:block;padding-left:12px;border:0;height:38px;outline:0;border-radius:5px}
|
||||
.cart-page .customer-item select{color:#1f76d8}
|
||||
.cart-page .customer-item textarea{resize:none;padding:12px;height:100px}
|
||||
.cart-page .cart-info-box label{margin-bottom:15px}
|
||||
.cart-page .info-box-group{position:relative;padding:15px;border:1px solid #e7e7e7;border-radius:5px;background:#f5f5f5;margin:16px 0;display:none}
|
||||
.cart-page .info-box-group::before{content:"";border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid rgba(231,231,231,.8);position:absolute;top:-12px;left:32px}
|
||||
.cart-page .info-box-group::after{content:"";border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:12px solid #f5f5f5;position:absolute;top:-11px;left:34px}
|
||||
.cart-page .cart-submit-group{padding:15px}
|
||||
.cart-page .btn-cart-submit{display:block;width:100%;background:var(--color-primary);font-weight:700;font-size:18px;color:#fff;border:0;border-radius:6px;line-height:46px;margin:20px 0 15px 0}
|
||||
.cart-page .cart-detail-group .title{border-bottom:1px solid #d7d7d7}
|
||||
.cart-page .cart-detail-group .item{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #f5f5f5;padding:12px 0}
|
||||
.cart-page .cart-detail-group .item:first-child{border:0}
|
||||
.cart-page .cart-detail-group .item-left{width:82px;margin-right:8px;text-align:center}
|
||||
.cart-page .cart-detail-group .item-left img{display:block;margin:auto auto 15px auto}
|
||||
.cart-page .cart-detail-group .item-middle{margin-right:8px}
|
||||
.cart-page .cart-detail-group .item-right{text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
|
||||
.cart-page .cart-detail-group .item-variant{margin:10px 0 0 0;font-size:12px;font-weight:500}
|
||||
.cart-page .cart-detail-group .item-name{display:block;color:#222;margin-bottom:8px;font-weight:600}
|
||||
.cart-page .cart-detail-group .item-name:hover{color:#ee2d24}
|
||||
.cart-page .cart-detail-group .offer-group .active span{display:block}
|
||||
.cart-page .cart-detail-group .offer-group span{position:relative;display:none;padding-left:12px;margin-bottom:4px;font-size:13px}
|
||||
.cart-page .cart-detail-group .offer-group span::before{content:"";width:5px;height:5px;border-radius:50%;background:#d4d4d4;position:absolute;top:7px;left:0}
|
||||
.cart-page .cart-detail-group .offer-group .offer-btn a{display:none}
|
||||
.cart-page .cart-detail-group .item-quantity{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border:1px solid #e5e5e5;border-radius:4px;overflow:hidden;text-align:center;width:100px;margin:auto 0 auto auto}
|
||||
.cart-page .cart-detail-group .item-quantity a{text-align:center;color:#222;width:30px;line-height:33px;font-weight:500}
|
||||
.cart-page .cart-detail-group .item-quantity input{text-align:center;border:0;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;width:37px}
|
||||
.cart-page .cart-detail-group .cart-voucher-group{padding:15px;background:#f5f5f5}
|
||||
.cart-page .cart-detail-group .cart-voucher-group .btn-check-voucher{background:#707070;color:#fff!important;width:140px;position:absolute;top:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
|
||||
.cart-page .cart-detail-group .cart-voucher-group .cart-voucher-form{background:#fff;position:relative;overflow:hidden;border-radius:6px;margin-bottom:12px}
|
||||
.cart-page .cart-detail-group .cart-voucher-group .voucher-input{width:calc(100% - 145px);border:0;height:40px;padding-left:12px}
|
||||
.cart-page .checkbox-container{display:block;position:relative;padding-left:20px;margin-bottom:12px;cursor:pointer;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
|
||||
.cart-page .checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
|
||||
.cart-page .checkbox-container .checkmark{position:absolute;top:0;left:0;height:14px;width:14px;background-color:#d5d5d5;border-radius:3px}
|
||||
.cart-page .checkbox-container:hover input~.checkmark{background-color:#ccc}
|
||||
.cart-page .checkbox-container input:checked~.checkmark{background-color:#ee2e24}
|
||||
.cart-page .checkbox-container .checkmark:after{content:"";position:absolute;display:none}
|
||||
.cart-page .checkbox-container input:checked~.checkmark:after{display:block}
|
||||
.cart-page .checkbox-container .checkmark:after{left:4px;top:1px;width:5px;height:8px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
|
||||
.cart-page .radio-container{display:inline-block;position:relative;padding-left:20px;margin:0 24px 0 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
|
||||
.cart-page .radio-container input{position:absolute;opacity:0;cursor:pointer}
|
||||
.cart-page .radio-container .checkmark{position:absolute;top:2px;left:0;height:15px;width:15px;background-color:#fff;border-radius:50%;border:3px solid #a1a1a1}
|
||||
.cart-page .radio-container:hover input~.checkmark{background-color:#fff}
|
||||
.cart-page .radio-container .checkmark:after{content:"";position:absolute;display:none;top:2px;left:2px;width:6px;height:6px;border-radius:50%;background:var(--color-primary)}
|
||||
.cart-page .radio-container input:checked~.checkmark{border-color:var(--color-primary)}
|
||||
.cart-page .radio-container input:checked~.checkmark:after{display:block}
|
||||
.cart-page .cart-info-box label input[type=checkbox]{display:inline-block}
|
||||
.cart-page .block-cart .form-cart .block-right .wrap-mark .wrap-list-pd-cart .item-pd-cart .pd-cart-center .count-pd{border:solid 1px #c1c1c1}
|
||||
.cart-page .text-no-pd{text-align:center;padding:25px 0}
|
||||
.cart-page .text-no-pd .stt_cart{font-size:20px;font-weight:600;margin-bottom:15px}
|
||||
.cart-page .text-no-pd .back_home{display:inline-block;border:solid 1px var(--color-primary);padding:8px 35px;border-radius:16px;color:var(--color-primary)!important}
|
||||
.cart-page .block-cart button,.cart-page .block-cart input,.cart-page .block-cart textarea{outline:0}
|
||||
.cart-page .customer-province{overflow:inherit!important}
|
||||
.cart-page .item-province{position:relative}
|
||||
.cart-page .customer-item .list-province{width:100%;float:left;overflow:auto;position:absolute;top:100%;left:0;z-index:10;-webkit-box-shadow:0 0 3px 0 #ccc;box-shadow:0 0 3px 0 #ccc;background:#fff;display:none}
|
||||
.cart-page .customer-item .list-province .search-province{width:100%;float:left;padding:10px;position:relative}
|
||||
.cart-page .customer-item .list-province .search-province i{position:absolute;z-index:1;font-size:16px;color:#999;right:20px;top:20px}
|
||||
.cart-page .customer-item .list-province .search-province-list{width:100%;float:left;max-height:200px;overflow:auto;list-style:none;margin:0;padding:0}
|
||||
.cart-page .customer-item .list-province li{width:50%;float:left;padding:0 10px;line-height:30px;font-size:14px;color:#288ad6;cursor:pointer}
|
||||
.cart-page .customer-item .list-province li:hover{background:#288ad6;color:#fff}
|
||||
.cart-page .list-distric{width:120%!important;top:50px!important}
|
||||
.cart-page .list-ward{width:120%!important;top:50px!important;left:-58px!important}
|
||||
.cart-page .search-province input{border:1px solid #d1d1d1!important}
|
||||
.cart-page .customer-province ::-webkit-input-placeholder{color:#288ad6;opacity:1}
|
||||
.cart-page .customer-province ::-moz-placeholder{color:#288ad6;opacity:1}
|
||||
.cart-page .customer-province :-ms-input-placeholder{color:#288ad6;opacity:1}
|
||||
.cart-page .customer-province ::-ms-input-placeholder{color:#288ad6;opacity:1}
|
||||
.cart-page .customer-province ::placeholder{color:#288ad6;opacity:1}
|
||||
.cart-page .cart-detail-group .item-variant,.cart-page .js-showless-offer,.cart-page .js-showmore-offer,.cart-page .offer-group{color:#288ad6}
|
||||
.cart-page .customer-province input{position:relative;color:#288ad6}
|
||||
.cart-page .customer-province i{position:absolute;top:10px;right:10px;font-size:18px;color:#288ad6}
|
||||
.cart-page .customer-province.active .fa-caret-down,.customer-province.active1 .fa-caret-down,.customer-province.active2 .fa-caret-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
|
||||
.cart-send-page .cart-send-content{max-width:800px;margin:0 auto;padding:0 10px}
|
||||
.cart-send-page .text-blue{color:#005cba}
|
||||
.cart-send-page .cart-detail-group{-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.2);box-shadow:0 0 5px 0 rgba(0,0,0,.2)}
|
||||
.cart-send-page .cart-detail-group .item{padding:13px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-bottom:1px solid #f5f5f5;gap:16px}
|
||||
.cart-send-page .cart-send-info{padding:20px 15px;margin-top:12px;background:#f5f5f5;font-weight:300}
|
||||
.cart-send-page .cart-send-info p{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}
|
||||
.cart-send-page .cart-send-info b{display:inline-block;width:240px;vertical-align:top}
|
||||
.cart-send-page .icon-face-error{background:url(../images/send-cart-face.png) center no-repeat;display:block;padding-bottom:60px;margin-bottom:10px}
|
||||
.cart-send-page .cart-detail-group .title{border-bottom:1px solid #d7d7d7;line-height:44px}
|
||||
.cart-send-page .cart-detail-group .item-left{max-width:120px}
|
||||
.cart-send-page .cart-detail-group .item-left img{display:block;width:100%}
|
||||
.cart-send-page .cart-detail-group .item-middle{max-width:700px;width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1}
|
||||
.cart-send-page .cart-detail-group .item-right{text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
|
||||
.cart-send-page .cart-detail-group .item-variant{margin:10px 0 0;font-size:12px;font-weight:500}
|
||||
.cart-send-page .cart-detail-group .item-name{display:block;color:#222;margin-bottom:8px;font-weight:600}
|
||||
.cart-send-page .cart-detail-group .item-name:hover{color:#ee2d24}
|
||||
.cart-send-page .cart-detail-group .offer-group span{position:relative;display:none;padding-left:12px;margin-bottom:10px}
|
||||
.cart-send-page .cart-detail-group .offer-group span::before{content:"";width:5px;height:5px;border-radius:50%;background:#d4d4d4;position:absolute;top:7px;left:0}
|
||||
.cart-send-page .cart-detail-group .item-quantity{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border:1px solid #e5e5e5;border-radius:4px;overflow:hidden;text-align:center;width:100px;margin:auto 0 auto auto}
|
||||
.cart-send-page .cart-detail-group .item-quantity a{text-align:center;color:#222;width:30px;line-height:33px;font-weight:500}
|
||||
.cart-send-page .cart-detail-group .item-quantity input{text-align:center;border:0;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;width:37px}
|
||||
.cart-send-page .cart-detail-group .cart-voucher-group{padding:15px;background:#f5f5f5}
|
||||
.cart-send-page .cart-detail-group .cart-voucher-group .btn-check-voucher{background:#707070;width:85px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
|
||||
.cart-send-page .cart-detail-group .cart-voucher-group .cart-voucher-form{background:#fff;position:relative;overflow:hidden;border-radius:6px;margin-bottom:12px}
|
||||
.cart-send-page .cart-detail-group .cart-voucher-group .voucher-input{width:calc(100% - 90px);border:0;height:40px;padding-left:12px}
|
||||
.cart-send-page .cart-detail-group .p-15{padding:0 15px}
|
||||
.article-page .header-nav{position:relative;padding:12px}
|
||||
.article-page .header-nav .wrap-lis-category{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
|
||||
.article-page .header-nav .wrap-lis-category .cat-lv1{font-size:18px;text-transform:uppercase;font-weight:700;margin-right:98px}
|
||||
.article-page .header-nav .wrap-lis-category .wrap-cat-lv2{display:-webkit-box;display:-ms-flexbox;display:flex}
|
||||
.article-page .header-nav .wrap-lis-category .wrap-cat-lv2 .cat-lv2{display:block;border-radius:5px;border:solid 1px #c1c1c1;padding:8px 12px;margin-right:12px}
|
||||
.article-page .header-nav .wrap-lis-category .wrap-cat-lv2 .cat-lv2:last-child{margin-right:0}
|
||||
.article-page .header-nav .more-pd{position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff;background:var(--color-primary);width:98px;height:38px;line-height:38px;text-align:center;display:block;border-radius:8px}
|
||||
.article-page .header-nav .more-pd:hover{color:#fff!important}
|
||||
.article-page .form-search{margin-bottom:20px}
|
||||
.article-page .form-search .title-search{font-size:20px;text-transform:uppercase;font-weight:700;line-height:48px;border-bottom:2px solid var(--color-primary);margin-bottom:15px}
|
||||
.article-page .form-search form{position:relative;margin-bottom:10px}
|
||||
.article-page .form-search form input{width:100%;height:40px;border-radius:5px;border:solid 1px #c1c1c1;padding:0 40px 0 10px}
|
||||
.article-page .form-search form button{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:4px;width:40px;height:32px;background:var(--color-primary);border:none;color:#fff;border-radius:5px}
|
||||
.article-page .form-search .group-list-tag a{display:inline-block;background:var(--color-primary);color:#fff;padding:5px 10px;border-radius:5px;margin:0 5px 5px 0}
|
||||
.article-page .form-search .group-list-tag a:hover{color:#fff!important}
|
||||
.article-page .block-news-slide{margin-bottom:24px}
|
||||
.article-page .block-news-slide .wrap-ct{background:#fff;border-radius:10px;overflow:hidden;-webkit-box-shadow:0 0 11px 1px #0000002e;box-shadow:0 0 11px 1px #0000002e}
|
||||
.article-page .block-news-slide .wrap-ct .header-nav .wrap-lis-category .cat-lv1{color:var(--color-primary)}
|
||||
.article-page .block-news-slide .wrap-ct .wrap-list-news{padding:0 12px 12px}
|
||||
.article-page .item-news-label{display:block}
|
||||
.article-page .item-news-label.thanhphan{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin-right:0}
|
||||
.article-page .item-news-label.thanhphan .wrap-img{padding-top:100px;width:20%;margin-right:20px}
|
||||
.article-page .item-news-label.thanhphan .text-group{width:80%}
|
||||
.article-page .item-news-label.thanhphan .visit{margin-bottom:10px}
|
||||
.article-page .item-news-label:hover .wrap-img img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
|
||||
.article-page .item-news-label .wrap-img{position:relative;padding-top:59%;border-radius:10px;overflow:hidden;margin-bottom:10px}
|
||||
.article-page .item-news-label .wrap-img img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
|
||||
.article-page .item-news-label .wrap-img .date-news{position:absolute;bottom:8px;left:8px;width:61px;height:61px;text-align:center;background:var(--color-primary);border-radius:50%;color:#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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
|
||||
.article-page .item-news-label .wrap-img .date-news .date-month{border-bottom:solid 1px #fff}
|
||||
.article-page .item-news-label .wrap-img .date-news .year{font-weight:700;font-size:17px}
|
||||
.article-page .item-news-label .text-group .title-news{font-size:inherit;text-transform:uppercase;font-weight:700;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}
|
||||
.article-page .item-news-label .text-group .summury{margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;height:40px}
|
||||
.article-page .item-news-label .text-group .more{width:100px;height:40px;color:var(--color-primary);text-align:center;line-height:40px;border-radius:8px;border:solid 2px var(--color-primary);display:block;font-weight:500}
|
||||
.article-page .item-news-label .text-group .more:hover{background:var(--color-primary);color:#fff}
|
||||
.article-page .article-hot-list-2 .item{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:15px 0}
|
||||
.article-page .article-hot-list-2 .item .mark-img{width:36%;position:relative;height:60px;overflow:hidden}
|
||||
.article-page .article-hot-list-2 .item .mark-img img{display:block;width:100%;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;-o-object-fit:cover;object-fit:cover}
|
||||
.article-page .article-hot-list-2 .item .name{width:64%;padding-left:10px;font-weight:600}
|
||||
.article-page .top-tintuc .toptin-item a{position:relative;display:block;width:100%;height:300px}
|
||||
.article-page .top-tintuc .toptin-item img{width:100%;height:100%;z-index:100}
|
||||
.article-page .top-tintuc .toptin-item .toptin-name{position:absolute;bottom:0;left:0;color:#fff;padding:20px;z-index:111;font-size:16px;font-weight:600;text-transform:uppercase;text-shadow:1px 1px #000}
|
||||
.article-page .top-tintuc .toptin-item .toptin-time{position:absolute;top:10px;left:10px;width:85px;height:85px;z-index:500;text-align:center;border:1px solid transparent;background:var(--color-primary);border-radius:50%;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;-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;color:#fff}
|
||||
.article-page .top-tintuc .toptin-item .toptin-time .toptin-day{display:block;font-size:30px;line-height:18px;font-weight:600}
|
||||
.article-page .top-tintuc .toptin-item .toptin-time .toptin-month{margin-top:4px}
|
||||
.article-page .top-tintuc .toptin-item a::after{content:"";position:absolute;left:0;width:100%;height:100%;background:-o-linear-gradient(bottom,rgba(0,0,0,.9),rgba(0,0,0,.2));background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.9)),to(rgba(0,0,0,.2)));background:-o-linear-gradient(bottom,rgba(0,0,0,.9),rgba(0,0,0,.2));background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.2));z-index:101}
|
||||
.article-page .list-article-cate{padding-bottom:25px}
|
||||
.article-page .list-article-cate .article-cate-title{display:block;border-bottom:1px solid #eac9d4;margin-bottom:20px}
|
||||
.article-page .list-article-cate .article-cate-title .title{font-size:36px;font-family:Lobster;color:#eb6090;position:relative;display:inline-block;margin-bottom:5px}
|
||||
.article-page .list-article-cate .article-cate-title .title::after{content:"";border-bottom:2px solid #eb6090;bottom:-5px;position:absolute;width:100%;left:0}
|
||||
.article-page .list-article-cate .article-cate-title a{float:right;margin-top:12px;color:#eb6090}
|
||||
.article-page .article-item .article-img{position:relative;padding-top:290px;width:100%;display:inline-block;overflow:hidden}
|
||||
.article-page .article-item .article-img img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}
|
||||
.article-page .article-item .article-img .toptin-time{position:absolute;top:10px;left:10px;width:85px;height:85px;z-index:500;text-align:center;border:1px solid transparent;background-color:#eb6090;border-radius:50%;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;-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;color:#fff}
|
||||
.article-page .article-item .article-img .toptin-day{display:block;font-size:30px;line-height:18px;font-weight:600}
|
||||
.article-page .article-item .article-img .toptin-time .toptin-month{margin-top:4px}
|
||||
.article-page .article-item .article-info .article-name{font-size:18px;font-weight:600;padding:15px 0;height:62px;overflow:hidden;display:inline-block}
|
||||
.article-page .article-item .article-info>div{padding:15px 0;border-top:1px solid #ebebeb}
|
||||
.article-page .js-article-list.owl-theme .owl-nav{text-align:center;padding:20px 0}
|
||||
.article-page .js-article-list.owl-theme .owl-nav button{border:1px solid #ebebeb;border-radius:5px;width:40px;height:40px;line-height:40px;margin:0 3px;-webkit-transition:.3s all;-o-transition:.3s all;transition:.3s all;outline:0}
|
||||
.article-page .js-article-list.owl-theme .owl-nav button:hover{border-color:#333}
|
||||
.article-page .js-article-list.owl-theme .owl-nav button i{font-size:14px;font-weight:600;color:#999}
|
||||
.article-page .article-detail-top{border-bottom:1px solid #eac9d4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:25px 0 10px 0}
|
||||
.article-page .article-detail-top .toptin-time{float:left;width:65px;height:65px;text-align:center;margin-right:10px;border:1px solid transparent;background-color:#eb6090;border-radius:50%;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;-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;color:#fff}
|
||||
.article-page .article-detail-top .toptin-day{display:block;font-size:24px;line-height:18px;font-weight:600}
|
||||
.article-page .article-detail-top .toptin-month{margin-top:4px;font-size:12px}
|
||||
.article-page .article-detail-top .article-name{font-size:24px;font-weight:600;line-height:18px}
|
||||
.article-page #related-article-detail .article-item .article-img{padding-top:185px}
|
||||
.article-page #related-article-detail .article-item .article-img .toptin-time{width:65px;height:65px}
|
||||
.article-page #related-article-detail .article-item .article-img .toptin-time .toptin-day{font-size:24px}
|
||||
.article-page #related-article-detail .article-item .article-img .toptin-time .toptin-month{font-size:12px}
|
||||
.article-page .related-article .related-article-title{display:block;border-bottom:1px solid #eac9d4;margin-bottom:20px}
|
||||
.article-page .related-article .related-article-title .title{font-size:36px;font-family:Lobster;color:#eb6090;position:relative;display:inline-block;margin-bottom:5px}
|
||||
.article-page .related-article .related-article-title .title::after{content:"";border-bottom:2px solid #eb6090;bottom:-5px;position:absolute;width:100%;left:0}
|
||||
.article-page .related-article .owl-nav button{position:absolute;top:-63px;right:42px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;outline:0;z-index:100}
|
||||
.article-page .related-article .owl-nav .owl-next{right:0}
|
||||
.article-page .related-article .owl-nav button{border:1px solid #ebebeb!important;border-radius:5px;width:40px;height:40px;line-height:40px;margin:0 3px;-webkit-transition:.3s all;-o-transition:.3s all;transition:.3s all;outline:0}
|
||||
.article-page .related-article .owl-nav button:hover{border-color:#333!important}
|
||||
.article-page .related-article .owl-nav button i{font-size:14px;font-weight:600;color:#999}
|
||||
.article-page .article-category .title{display:block;border-bottom:2px solid var(--color-primary);margin-bottom:15px;line-height:48px}
|
||||
.article-page .article-category .title h3{margin:0;font-size:20px;position:relative;display:inline-block}
|
||||
.article-page .article-category .article-category-list i{color:#d4d4d4;font-size:16px;margin-right:17px}
|
||||
.article-page .article-category .article-category-list a{color:#222;font-weight:300;font-size:16px;display:block;margin-bottom:5px}
|
||||
.article-page .article-hot{padding-top:25px}
|
||||
.article-page .article-hot .title{height:50px;text-align:center;background-color:#e8fdff;border-bottom:2px solid var(--color-primary)}
|
||||
.article-page .article-hot .title h3{margin:0;line-height:48px;font-size:18px}
|
||||
.article-page .article-hot .article-hot-list a{float:left;overflow:hidden;padding:15px 0}
|
||||
.article-page .article-hot .article-hot-list a img{float:left;width:36%}
|
||||
.article-page .article-hot .article-hot-list a span{margin-left:36%;padding-left:10px;text-align:left;display:block;font-weight:600}
|
||||
.article-page .article-prod-sale{padding-top:25px;display:inline-block;width:100%}
|
||||
.article-page .article-prod-sale .title{height:50px;text-align:center;background-color:#fff0f5;border-bottom:2px solid #eb6090}
|
||||
.article-page .article-prod-sale .title h3{margin:0;line-height:48px;font-size:18px}
|
||||
.article-page .article-page-category{background:#f5f5f5}
|
||||
.article-page .article-page-category .list .item{display:inline-block;padding:6px 16px;text-transform:capitalize;background:#fff;font-size:16px;border-radius:5px;color:var(--blue);font-weight:600}
|
||||
.article-page .article-page-category .list .item.active,.article-page-category .list .item:hover{color:#fff;background:var(--blue)}
|
||||
.article-page .label-custom .swiper-button-next,.label-custom .swiper-button-prev{background:rgba(0,0,0,.363);color:#fff;font-size:24px;width:25px;height:52px}
|
||||
.article-page .label-custom .swiper-button-next::after,.label-custom .swiper-button-prev::after{display:none}
|
||||
.article-page .label-custom .swiper-button-next{border-top-left-radius:25px;border-bottom-left-radius:25px;right:0}
|
||||
.article-page .label-custom .swiper-button-prev{border-top-right-radius:25px;border-bottom-right-radius:25px;left:0}
|
||||
.article-page .title_category h1{font-size:20px;text-transform:uppercase;font-weight:700;line-height:30px;border-bottom:2px solid var(--color-primary);margin-bottom:15px;padding-bottom:8px}
|
||||
.article-page .title-article-detail .text-title{font-size:24px;font-weight:500}
|
||||
.article-page .title-article-detail .text-stt{color:var(--color-primary);margin-top:8px}
|
||||
.article-page .title-article-detail .text-stt span{padding-right:15px}
|
||||
.article-page .archor-text-group{display:inline-block;background:#f1f1f1;border-radius:10px;padding:15px;margin-bottom:15px}
|
||||
.article-page .archor-text-group .toc_title{display:inline-block;cursor:pointer;font-size:16px}
|
||||
.article-page .archor-text-group ul{padding:0!important;margin:0!important}
|
||||
.article-page .archor-text-group a{color:#000}
|
||||
.article-page .archor-text-group li *{font-size:14px!important;font-weight:500}
|
||||
.article-page .archor-text-group a:hover{color:red}
|
||||
.article-page .archor-text-group a p{margin-bottom:0}
|
||||
.article-page .archor-text-group ol{margin-bottom:0;list-style:none;padding:0}
|
||||
.article-page .archor-text-group ol li{margin-top:4px}
|
||||
.article-page #js-outp li{display:table;counter-increment:item;margin-bottom:4px}
|
||||
.article-page #js-outp ol{list-style-type:none;counter-reset:item;margin:0;padding:0!important;font-weight:400}
|
||||
.article-page #js-outp li:before{width:28px;content:counters(item, ".") ". ";display:table-cell;font-weight:700;color:#363636!important}
|
||||
.article-page .article-box{border-radius:10px;background:#fff;-webkit-box-shadow:0 2px 9px 0 #87878740;box-shadow:0 2px 9px 0 #87878740;padding:16px 12px;margin-bottom:12px}
|
||||
.article-page .article-box-title{position:relative;font-size:20px;line-height:38px;font-family:Petrona,serif}
|
||||
.article-page .article-tags .list .item{display:inline-block;background:#f5f5f5;height:28px;font-size:14px;font-weight:400;line-height:28px;padding:0 12px;border-radius:13px}
|
||||
.article-page .article-tags .list .item:hover{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);box-shadow:0 1px 5px rgba(0,0,0,.2)}
|
||||
.article-page .article-search .article-search-input{font-size:14px;line-height:40px;padding:0 40px 0 10px;width:100%;border:1px solid #eaeaea;border-radius:5px}
|
||||
.article-page .article-search .article-search-btn{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:10px;display:-webkit-box;display:-ms-flexbox;display:flex}
|
||||
.article-page .article-search .article-search-btn i{font-size:20px;color:#dedede}
|
||||
.article-page .article-navbar .article-navbar-btn{position:fixed;top:35%;right:10px;font-size:24px;width:40px;height:40px;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;border-radius:50%;background:var(--blue);color:#fff;z-index:998}
|
||||
.article-page .article-navbar-popup .popup-content-title{font-size:24px;margin-top:10px;font-family:Petrona,serif}
|
||||
.article-page .article-navbar-popup{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}
|
||||
.article-page .article-navbar-popup .popup-bg{background:rgba(60,60,60,.3);height:100%}
|
||||
.article-page .article-navbar-popup .popup-content{max-width:300px;position:absolute;top:0;right:0;bottom:0;background:#fff;padding:16px 16px 50px;overflow:auto}
|
||||
.article-page .article-navbar-popup .popup-content-close{position:fixed;width:300px;bottom:0;right:0;font-size:50px;line-height:50px;text-align:center;color:#fff;background:var(--red);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);box-shadow:0 1px 5px rgba(0,0,0,.2)}
|
||||
.contact-bg{display:none;position:fixed;top:68px;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:99999}
|
||||
.contact-wrapper .contact-title{position:relative}
|
||||
.contact-wrapper .contact-title::before{content:"";position:absolute;bottom:-15px;left:0;right:0;height:30px}
|
||||
.contact-wrapper .contact-content{display:none;position:absolute;top:102%;left:5px;right:5px;background:#fff;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);box-shadow:0 1px 5px rgba(0,0,0,.2);z-index:999999}
|
||||
.contact-wrapper .contact-content .title{background:-o-linear-gradient(top,#7c1717 -137.96%,#7c1717 -41.87%,#003466 91.59%,#1988f2 203.67%,#f6cd12 203.7%,#003466 203.7%);background:-webkit-gradient(linear,left top,left bottom,color-stop(-137.96%,#7c1717),color-stop(-41.87%,#7c1717),color-stop(91.59%,#003466),color-stop(203.67%,#1988f2),color-stop(203.7%,#f6cd12),color-stop(203.7%,#003466));background:linear-gradient(180deg,#7c1717 -137.96%,#7c1717 -41.87%,#003466 91.59%,#1988f2 203.67%,#f6cd12 203.7%,#003466 203.7%);font-weight:700;font-size:24px;line-height:28px;text-transform:uppercase;color:#fff;padding:13px;text-align:center}
|
||||
.contact-wrapper .contact-content .contact-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:30px 46px}
|
||||
.contact-wrapper .contact-content .contact-item .heading{color:#fff;background:var(--color-primary);-webkit-clip-path:polygon(0 0,85% 0,100% 100%,0% 100%);clip-path:polygon(0 0,85% 0,100% 100%,0% 100%);display:inline-block;padding:4px 32px 4px 24px;font-size:20px;line-height:30px;font-weight:700;width:250px}
|
||||
.contact-wrapper .contact-content .contact-item .list{color:#000;font-size:16px;line-height:28px;margin-top:16px}
|
||||
.contact-wrapper .contact-content .contact-item .item i{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin-right:4px}
|
||||
.contact-wrapper:hover .contact-content{display:block}
|
||||
.contact-wrapper:hover+.contact-bg{display:block}
|
||||
.fixed-contact-group{position:fixed;bottom:10%;right:20px;z-index:99}
|
||||
.global-header-fixed-block{height:114px}
|
||||
.global-header-fixed-bg{display:none;position:fixed;top:70px;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:99}
|
||||
.global-contact-form .form-box{max-width:450px;margin:0 auto;background:#fff;-webkit-box-shadow:0 1px 5px rgba(126,126,126,.3);box-shadow:0 1px 5px rgba(126,126,126,.3);padding:24px 20px;border-radius:15px}
|
||||
.global-contact-form .form-box-item{margin-bottom:10px;line-height:40px}
|
||||
.global-contact-form .form-input{width:100%;height:40px;line-height:30px;padding:6px 12px;border-radius:10px;border:1px solid #e0e0e0}
|
||||
.global-contact-form textarea.form-input{height:100px}
|
||||
.global-contact-form .form-select{border-radius:10px;border:1px solid #e0e0e0;padding:8px 10px}
|
||||
.global-contact-form .form-btn{line-height:40px;padding:0 40px;margin-top:24px;background:var(--color-primary);color:#fff;border-radius:10px;text-transform:uppercase;font-weight:600}
|
||||
.global-contact-form .form-btn:hover{background:var(--blue)}
|
||||
.global-tooltip{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;border-radius:10px;max-width:395px;z-index:9999999;overflow:hidden;border:1px solid var(--color-primary);color:#818181;padding:10px}
|
||||
.nav-fixed-bottom{position:fixed;bottom:0;left:0;right:0;z-index:998;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}
|
||||
.nav-fixed-container{max-width:768px;margin:0 auto}
|
||||
.nav-fixed-bottom-item{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;color:#343a40;font-weight:500;padding:8px 0}
|
||||
.nav-fixed-bottom-item.current{color:var(--color-primary)}
|
||||
.nav-fixed-bottom-item .icon{font-size:20px}
|
||||
.nav-fixed-bottom-item .title{font-size:13px;line-height:17px}
|
||||
@media (max-width:768px){
|
||||
.cart-send-page .cart-detail-group .item{gap:8px}
|
||||
.cart-send-page .cart-detail-group .item-left{max-width:90px}
|
||||
.cart-send-page .cart-send-info b{width:150px}
|
||||
.account-page .account{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
|
||||
.account-page .account .title-list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;overflow:auto;white-space:nowrap;gap:0}
|
||||
.account-page .send-cart-info b{width:150px}
|
||||
}
|
||||
@media (max-width:576px){
|
||||
.account-page .account .col-right{padding:0}
|
||||
.cart-ttip{width:320px}
|
||||
.cart-ttip .compare-item{font-size:14px}
|
||||
.cart-ttip .compare-item .compare-item-info{padding:0}
|
||||
.cart-ttip .compare-item .compare-item-img{width:70px}
|
||||
.cart-ttip .cart-ttip-price{padding:10px;-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}
|
||||
.cart-ttip .cart-ttip-price p:nth-child(2){display:none}
|
||||
.cart-ttip .cart-ttip-price-button{margin:0 10px 10px}
|
||||
.fixed-contact-group{right:10px}
|
||||
}
|
||||
Reference in New Issue
Block a user