﻿.img-banner {
    width: 100%;
    height: 375px;
    object-fit: cover;
    object-position: center;
}
.w-container.body-wrapper{width:unset}
#id-ss-series-menu{position:sticky;top:130px;left:0;width:100%;transition:top 0.3s ease;z-index:1000}
header.hidden + .w-container.body-wrapper #id-ss-series-menu{top:0;z-index:9}
.ss-series-menu{background:white;z-index:1}
.ss-menu-scroll ul li{padding:12px 0!important}
.ss-menu-scroll ul li button{background:unset}
#id-ss-series-menu .logo img{max-width:25px;display:block}
#id-ss-series-menu .logo{position:relative;overflow:hidden;width:35px;height:11px;top:12px;display:flex;gap:10px;background:#EB691C;border-radius:12px}
#id-ss-series-menu .logo img{position:absolute;top:9px;left:5px;transition:transform 0.5s ease}
#id-ss-series-menu .logo img.no-hover{transform:translateX(0%)}
#id-ss-series-menu .logo img.hover{transform:translateX(-130%);top:5px}
#id-ss-series-menu .logo:hover img.no-hover{transform:translateX(130%)}
#id-ss-series-menu .logo:hover img.hover{transform:translateX(0%)}
.ss-series-menu .inner .ss-menu-scroll{width:100%}
.ss-menu-scroll ul{justify-content:space-between}
.ss-menu-scroll u.box-ref .v5-list-items .v5-item a.img imgl li button.active{color:#191919;background:unset;margin:0 8px}
.ss-series-menu .inner .active {
    margin: 0 8px;
    background: unset;
    color: black;
}
.ss-menu-scroll ul li button{font-size:15px;font-weight:600;padding:0;position:relative}
.ss-menu-scroll ul li.scroll-item button:before{border-bottom:3px solid #cacaca;bottom:-2px;content:"";height:1px;left:50%;position:absolute;width:10%;border-radius:10px;transform:translateX(-50%);left:50%;width:0}
.ss-menu-scroll ul li.scroll-item button:hover:before,.ss-menu-scroll ul li.scroll-item button.active:before{background:#EB691C;border:2px solid #EB691C;left:50%;transition:.5s ease;width:100%}
.header-title{font-weight:700;font-size:32px;letter-spacing:0;text-align:center;margin:0;padding:0;margin-top:32px}
.box-product-container{padding:12px;gap:0;align-items:center}
.box-product-container .v5-list .v5-grid-items{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:0}
.box-ref-list-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:12px}
.box-ref .box-ref-header{padding:12px 12px 0 12px;display:flex;flex-direction:column;gap:12px}
.box-ref .box-ref-header .head{font-size:15px;font-weight:600}
.box-ref .v5-list-items{padding:12px 12px 24px 12px;background-color:white;border-radius:10px}
.box-ref .v5-list-items .v5-item{position:relative;margin:0 6px}
.box-ref .v5-list-items .v5-item .last-price{position:absolute;top:5px;right:5px;background:#FF0200;padding:4px;display:flex}
.box-ref .v5-list-items .v5-item .last-price:before{content:" ";width:8px;height:8px;background:#fff;border-radius:16px;margin:auto 5px auto 0}
.box-ref .v5-list-items .v5-item .last-price .bg{background:#fff;padding:3px 8px;border-radius:6px;display:flex;flex-direction:column;justify-content:center;justify-items:center}
.box-ref .v5-list-items .v5-item .last-price .bg strong{font-size:9px}
.box-ref .v5-list-items .v5-item .last-price .bg label{font-size:10px;margin-top:-2px;font-weight:bold}
.box-ref .v5-list-items .v5-item .last-price{border-radius:4px;background:#fb706f}
.box-ref .v5-list-items .v5-item .cover{position:absolute;width:95%;top:105px;text-align:center}
.box-ref .v5-list-items .v5-item h3{padding:0;margin:0 0 0 0;font-size:15px}
.box-ref .v5-list-items .v5-item .price-offer{margin-bottom:10px;background:#FD475A;padding:4px 8px;border-radius:5px;color:#fff;text-align:center;display:flex;flex-direction:column}
.box-ref .v5-list-items .v5-item .price-offer label{font-size:11px;font-weight:500;display:block;margin-bottom:5px}
.box-ref .v5-list-items .v5-item .price-offer strong{font-size:15px}
.box-ref .v5-list-items .v5-item .price-tradein{margin-bottom:10px;background:#DBF9EB;padding:4px 8px;border-radius:5px;color:#009981;text-align:center;display:flex;flex-direction:column}
.box-ref .v5-list-items .v5-item .price-tradein label{font-size:11px;font-style:normal;font-weight:500;display:block;margin-bottom:5px}
.box-ref .v5-list-items .v5-item .price-tradein strong{font-size:15px}
.box-ref .v5-list-items .v5-item{background:#fff;border-radius:6px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;justify-items:start;border:1px solid #ededed;gap:12px}
.box-ref .v5-list-items .v5-item .info-item{display:flex;flex-direction:column;gap:12px}
.box-ref .v5-list-items .v5-item a.img{display:block;margin:0 auto}
.box-ref .v5-list-items .v5-item a.img img{max-width:180px;max-height:180px;}
.box-ref .v5-list-items .v5-item h3{flex-grow:unset;text-align:center}
.box-ref .v5-list-items .v5-item h3 a{color:var(--blackText);font-size:12px;font-weight:600}
.box-ref .v5-list-items .v5-item .price{padding:0 0;font-size:15px;display:flex;justify-content:space-around;justify-items:stretch;flex-direction:column;gap:10px}
.box-ref .v5-list-items .v5-item .price span{display:flex;justify-content:center}
.box-ref .v5-list-items .v5-item .price span span{font-size:11px;background:#FD475A;color:white;border-radius:5px;padding:2px 4px;margin-left:8px;font-weight:600}
.box-ref .v5-list-items .v5-item .price strong{color:var(--redText);line-height:18px}
.box-ref .v5-list-items .v5-item .price strike{font-size:13px;line-height:18px;color:#C9C9C9}
.box-ref .v5-list-items .v5-item .specs{background:var(--ligtWhiteGrayBg);border-radius:5px;padding:8px 12px 2px 12px;margin-bottom:10px}
.box-ref .v5-list-items .v5-item .specs ul{list-style:none;padding:0;margin:0}
.box-ref .v5-list-items .v5-item .specs ul li{padding-bottom:6px;display:flex;color:#191919;font-size:12px}
.box-ref .v5-list-items .v5-item .specs ul li label{margin-right:8px;display:flex;flex-direction:column;align-items:flex-start}
.box-ref .v5-list-items .v5-item .specs ul li label.icon{font-size:14px}
.box-ref .v5-list-items .v5-item .specs ul li div{flex-grow:3;display:flex;flex-direction:column;align-items:flex-start}
.box-ref .v5-list-items .v5-item .specs ul li div span{display:block;line-height:18px}
.box-ref .v5-list-items .v5-item .promotion{background:#FFDFD4;padding:8px 12px;border-radius:6px;color:#FC521D;text-align:center;font-size:12px;display:flex;justify-content:center;justify-items:center}
.box-ref .v5-list-items .v5-item .promotion i{font-size:18px;margin-right:5px}
.box-ref .v5-list-items .v5-item .promotion strong{line-height:18px}
.box-ref .v5-list-items .v5-item .note{background:#F3F3F3;padding:4px 8px;border-radius:5px;text-align:center;margin-top:10px}
.box-ref .v5-list-items .v5-item .quick-buy{padding:10px 0}
.box-ref .v5-list-items .v5-item .quick-buy a{background:linear-gradient(180deg,#E33648 0%,#C72433 100%);color:#fff;padding:0 16px;border-radius:4px;line-height:36px}
.box-ref .v5-list-items .v5-item .quick-buy a{display:flex;justify-content:center;justify-items:center}
.box-ref .v5-list-items .v5-item .quick-buy a i{font-size:17px;margin-right:5px;line-height:36px}
.box-ref .v5-list-items .v5-item .quick-buy a:hover{background:linear-gradient(180deg,#E33648 100%,#C72433 0%)}
.box-ref .v5-item .promotion-list{margin-top:12px}
.slick-current.slick-center .img-thumb{opacity:1;box-shadow:0 0 0 1.5px var(--green-green-1,#009981)}
.slick-current.slick-active .img-thumb{opacity:1;box-shadow:0 0 0 1px var(--green-green-1,#009981)}
.slick-dots{display:flex;justify-content:center;margin-top:20px;bottom:-20px}
.box-ref .slick-dots{display:flex;justify-content:center;margin-top:20px;bottom:10px}
.none-transform .slick-track{transform:translate3d(0,0,0)!important}
.slick-dots li{margin:0 5px;list-style:none;width:auto;height:auto}
.slick-dots li.slick-active button{background-color:#009981}
.slick-dots li button{width:30px;height:2px;border:none;background-color:#B8DED8;border-radius:0;width:40px;height:5px;gap:0;border-radius:10px;padding:0}
.slick-dots li button:before{content:unset}
.slick-dotted.slick-slider{margin:0}
.slide-banner-ads .slick-list{margin-left:0;margin-right:0}
.display-box{border-radius:10px;background:#fff;padding:12px;margin-bottom:20px}
.display-box .ads img{border-radius:10px}
.display-box .height-btnmore{position:relative}
.display-box .height-btnmore .btnMore{position:absolute;padding:7.25px;border-radius:5px;border:1px solid #009981;bottom:12px;right:0;background-color:white;color:#009981;display:flex;gap:8px;line-height:19.5px;cursor:pointer;font-weight:600;display:flex;align-items:center}
.display-box .height-btnmore .btnMore i{font-size:16px;line-height:16px}
.display-box .height-btnmore .btnMore:hover,.display-box .height-btnmore .btnMore:focus{background:#009981;color:white}
.product-item .product-renew{margin-bottom:0}
.apple-button{display:flex;justify-content:space-between;flex-wrap:wrap;line-height:33px;width:100%}
.apple-button span:first-child a{color:#fff}
.apple-button span:first-child{background:#009981;border-radius:24px;padding:0 15px;text-align:center;text-transform:uppercase}
.apple-button span:last-child a{text-align:center;text-transform:uppercase;color:#009981;font-weight:600;display:flex;align-items:center;gap:4px}
.box-ref .v5-list-items.hide-slickdot{padding:12px}
.hide-slickdot .slick-dots{display:none}
.list-product .product-item{padding:12px;gap:0;width:unset;align-items:normal}
.list-product .product-item .product-top{align-items:start;text-align:start}
.product-item .product-info a.title{height:unset}
.list-product .product-item .product-info{align-items:start}
.list-filter .price{padding:0 0;font-size:15px;display:flex;flex-direction:column;gap:8px;text-align:start}
.list-filter .price strike{font-size:13px}
.list-filter .price .sale-off{font-size:13px;display:flex;align-items:center;gap:10px}
.list-filter .price .sale-off span{padding:2px 4px;border-radius:5px;background:#FD475A;color:#fff;font-size:11px}
.list-filter .price strong{color:var(--redText);line-height:18px}
.list-filter .price strike{font-size:11px;line-height:18px;color:#C9C9C9}
.box-container .box-image{text-align:center}
.box-container .box-image img{max-width:100%;margin-top:16px;border-radius:10px}
.box-container .v5-list{padding:12px 12px 0 12px;margin:16px 0;background:white;border-radius:10px}
.btn-more-product{border:1px solid #009981;background:#FFFFFF;padding:10px 20px;position:relative;left:50%;transform:translateX(-50%);border-radius:33px;font-size:15px;color:#009981;font-weight:600}
.btn-more-product:hover{background:#009981;color:#fff}
.services-amenities .info-item{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #C9C9C9;padding:12px;border-radius:10px}
.services-amenities .info-item .item{display:flex;flex-direction:column;text-align:center;align-items:center;gap:8px;position:relative}
.services-amenities .info-item .item:after{content:'';height:53px;width:1px;position:absolute;right:0;background-color:#C9C9C9;top:50%;transform:translateY(-50%)}
.services-amenities .info-item .item:last-child::after{display:none}
.services-amenities .info-item .item i{border-radius:38px;background:#009981;font-size:30px;color:white;padding:10px;width:fit-content}
.services-amenities .info-item .item strong{font-size:18px;line-height:150%;letter-spacing:0%}
.services-amenities .info-item .item span{font-weight:400;font-size:14px;line-height:150%;letter-spacing:0%}
.margin-top-16px{margin-top:16px}
.margin-top-32px{margin-top:32px}
.box-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:12px;margin:auto}
.box-grid-container.list-product .product-item{max-width:unset}
.systemMarket{width:826px}
#map{height:447px;margin-top:12px;text-align:center}
.systemMarket img{max-width:100%;max-height:492px}
.systemMarket.slick-initialized .slick-slide{justify-content:center}
.systemMarket .slick-dots{bottom:20px}
#locationList ul{height:calc(90vh - 75px)}
#locationList .lists{padding:10px;height:calc(90vh - 110px);overflow-y:auto}
.map-info button{padding:0;background-color:#DBF9EB;border:none;border-radius:50%;color:#009981}
.slick-product-prev,.slick-product-next{width:32px;height:32px;font-size:16px}
#map iframe{width:100%;height:100%}
#locationList .boxMap-phone a.tel-phone{margin-right:8px}
.box-ref{background:transparent;margin-top:0;padding:0}
#locationList .item{margin:10px 0 0 0}
#locationList .item .info .item-right{grid-template-columns:max-content}
#locationList .item .info .item-right{gap:8px}
#locationList .map-link{background:url();color:#009981;font-weight:600;padding:0;width:unset}
#locationList .item:not(.hide):last-child{border-bottom:1px solid #F4F4F4}
#locationList .item.active:not(.hide):last-child{border-bottom:1px solid #009981}

.box-grid-container.list-product .product-item.have-image{
    padding:0px !important
}
.fls-price {
    padding: 8px;
    border-radius: 5px;
    gap: 8px;
    display: flex;
    flex-direction: column;
    background: #D42D01;
}
    .fls-price .bg {
        gap: 8px;
        display: flex;
        flex-direction: column;
        text-align:center
    }
    .fls-price span {
        font-weight: 600;
        line-height: 150%;
        letter-spacing: 0px;
        color: #FEE57E;
    }
    .fls-price label {
        color: #FFFFFF;
        font-weight: 700;
        font-size: 20px;
        line-height: 150%;
        letter-spacing: 0px;
        text-align: center;
    }
.btn-shop-sale {
    text-align: center;
    padding: 10px 16px;
    width: fit-content;
    margin: auto;
    background: #dc2626;
    font-weight: 500;
    border-radius: 26px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-size: 16px;
    cursor: pointer;
}
    .btn-shop-sale:hover {
        background: #b91c1c;
    }