:root{--font-heading-serif:"Playfair Display","Noto Serif SC","Source Han Serif SC","Songti SC",serif}
ul{padding:0}
.clear{clear:both}
.aln-c{text-align:center}
.pc{display:block}
.all{background:radial-gradient(circle at 12% 6%,#acede159,transparent 26%),radial-gradient(circle at 88% 0%,#ffbe3f6b,transparent 30%),linear-gradient(180deg,#fff8dc 0%,#f8f4e8 26%,#f4f4f2 100%);color:#696969;overflow:hidden}
#intro{position:relative;color:#F5E8D7}
#intro .container{width:90%;max-width:1170px;padding:90px 0;display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;justify-content:center}
.container .left,.container .right{width:75px;height:75px;margin:0 40px}
#intro p,#intro h1,#intro h2,.floor_main.floor h3{font-family:var(--font-heading-serif)}
#intro p{font:bold 14px "Noto Serif SC",serif;color:#C9A24D}
#intro h1{font:bold 52px "Noto Serif SC",serif;color:#C9A24D;font-style:italic;text-transform:uppercase}
#intro h2,.floor_main.floor h3{font:bold 26px "Noto Serif SC",serif;color:#C9A24D;text-transform:uppercase}
.content{max-width:1280px;margin:0 auto}
.content ul{margin:0;padding:0}
.g__event .event-news .event-news-list,.g__news .event-news .event-news-list{box-shadow:none!important;text-align:center}
.c_floor{padding-top:80px}
ul li,.c_floor ul li{list-style:none!important}
.content li img,.floor_es img{display:block;padding:0!important;transition:all .2s}
.hero_l{position:relative}
.hero_l img.hero_desktop{display:none}
.hero_l img.hero_mobile{display:block}
.products-image{max-width:300px}
.floor{padding:0 0 100px;width:100%}
.floor .tit{position:relative;text-align:center}
.floor .tit h2{color:#333;font-size:clamp(30px,4vw,48px);font-weight:900;letter-spacing:.08em}
.floor_main{background:#E52824;padding-top:60px}
.nav_f{width:100%;transition:all .2s;box-shadow:0 3px 10px #0000001f;background:#fff;position:relative;z-index:2}
.nav_f.on{top:0;position:fixed;z-index:10}
.nav_f a{font-size:16px;padding:.8rem 3.5rem .5rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#333!important}
nav.nav_f a:after{transition:all .2s;bottom:-15px;content:"";width:80%;margin:0 auto;display:block;position:relative}
nav.nav_f a.active:after{border-bottom:3px solid #ef6e21;border-right:0;bottom:-3px}
.nav_f::-webkit-scrollbar{display:none}
.floor.floor_gift .wrap{padding:2vw}
.floor.floor_gift .wrap li{background:#fff;margin:0 2vw}
.floor h4 span{font-weight:bolder;color:#EA3B38;background:#fff;padding:0 20px;position:relative}
.floor h4 svg{margin-right:6px;width:30px;vertical-align:bottom}
.floor h4 small{display:block;margin:0 auto;font-size:16px;color:#fff}
.wrap{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;align-items:center;align-items:flex-start;justify-content:space-between;justify-content:center}
.wrap li{position:relative}
.wrap li .tag{font-size:12px;color:#333;position:absolute;bottom:-5px;left:0;right:0;border-bottom:1px solid #d20532}
.wrap li .tag b{background:#d20532;color:#fff;padding:0 4px;margin-right:4px;font-weight:400;display:inline-block}
.floor .wrap{padding:40px 0;max-width:1440px;margin-bottom:50px}
.floor li.promo-product{background:#fff;width:calc(50% - 22px);margin:5px;padding:0 0 20px;border-radius:34px;transition:all .2s;display:flex;align-items:center;flex-direction:column;overflow:hidden}
.floor li.promo-product:hover{box-shadow:0 1px 3px #0000002b}
.content-product-l .product-image-con{width:40%}
.content-product-l .product-txt-con{width:60%}
.product-a ul.color-con{display:block}
.products ul.color-con.color-n{display:none}
.product-txt-con{padding:0 6px 6px;text-align:center;width:100%}
.pricebox{color:#1F1B16}
.subs{color:#787878;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-bottom:6px}
.discount{display:inline-flex;font-size:14px;border-radius:30px;background:#fff0e0;color:#ef4a23;font-weight:750;padding:8px 12px;margin:5px 0}
.products .discount,.products .old-price span{display:none}
.discount span{font-size:17px;font-family:"Roboto","Noto Sans SC","Microsoft JhengHei",sans-serif;line-height:1;display:inline-block}
.discount .cf{font-size:13px;padding-right:2px;font-family:auto}
.floor li.promo-product h3{font-size:21px;padding-bottom:2px}
.app__product__title{text-transform:uppercase;margin-bottom:0;color:#333}
.price{color:#d4282d}
.title{color:#666;background:#fff}
.title h2.wrap{color:#fff;font-size:2.8rem;font-weight:700;background:linear-gradient(60deg,#F9EF47,#60cc00);background:-webkit-linear-gradient(60deg,#F9EF47,#60cc00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.title h2.wrap em{color:#333}
.title h2 span{font-size:53px;padding:0 12px;margin-top:-12px;display:inline-block}
.title p{line-height:1.5}
.title .light{transform:skew(-7deg,0);font-size:130%;font-family:'Oswald';background:#e73828;color:#fff;padding:0 5px;border-radius:5px;display:inline-block}
.title img{vertical-align:sub;padding:0 8px}
.floor h4{font-size:1.5rem;padding-top:10px;text-transform:uppercase;margin:0;position:relative;padding-bottom:.25em}
.title h4.wrap span{background:#fff;padding:0 10px;border-radius:4px;font-size:1rem;color:#26131d}
.floor h4{padding:5vw;color:#fff}
a.btn-size-default{display:inline-block;transition:all .2s;white-space:nowrap;border-radius:20px;margin-top:10px}
.content-product-l .product-txt-con{text-align:left}
.wrap li:hover .txt i{display:block}
.products h3.products-name{color:#212121;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.products .old-price{margin-bottom:5px;display:inline-block;color:#9c9c9c}
.products .old-price span{text-decoration:line-through}
.products .sale-price{font-size:21px}
.products a.btn-size-default{color:#fff}
.sale-price b,.old-price b{font-weight:400;font-size:13px;margin-right:3px}
.products .product-image-con{position:relative}
.products .product-image-con img{display:none;border-radius:8px;transition:all .2s;margin:0 auto}
.products .product-image-con img.active{display:inline}
.promotion{background:#fff;color:#212121;padding:2rem 1rem}
.promotion h2{color:#333}
.app__column-layout{max-width:1110px;margin:20px auto}
.promotion a{display:block}
.promotion a:hover{box-shadow:0 0 8px #64646480}
.stickers_wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6vw;max-width:1440px;margin:0 auto;padding:40px 14px}
.stickers{display:block}
.cta{margin-bottom: 200px}
.cta a{font-size: 15px;text-align: center;width: 100%;display: inline-block;}

.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#ef652e;font-size:15px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.promo-product{position:relative;min-height:410px;padding:24px 22px 22px;background:linear-gradient(180deg,#fffffff5 0%,#fffaeafa 100%);border:2px solid #ffb53d52;box-shadow:0 18px 36px #c67c1821 inset 0 0 0 1px #ffffffb3;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
.promo-product:hover{transform:translateY(-10px) rotate(-.8deg);box-shadow:0 28px 54px #c67c1833 inset 0 0 0 1px #fffc}
.promo-product:nth-child(2n):hover{transform:translateY(-10px) rotate(.8deg)}
.promo-product::before{content:"";position:absolute;width:140px;height:140px;right:-58px;top:-58px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffc03573 0deg 8deg,transparent 8deg 16deg);opacity:.6;z-index:1}
.btn-size-default{display:inline-flex;align-items:center;justify-content:center;min-width:132px;height:38px;background:linear-gradient(135deg,#36c2ee 0%,#16a4dd 100%);font-weight:700;box-shadow:0 10px 18px #20acdd40;transition:transform .25s ease,box-shadow .25s ease}
.btn-size-default:hover{transform:translateY(-2px);box-shadow:0 15px 24px #20acdd59}

@media (max-width:768px) {
.nav_f a{font-size:14px;padding:.8rem 1.4rem .5rem}
.nav_f a.active{border-width:3px}
.line{background-size:auto 3px;width:85px}
.title{padding:50px 30px 30px}
.title h2.wrap svg{width:10px}
.wrap svg.right{-webkit-transform:translate(0,1.4rem) rotate(-135deg);-moz-transform:translate(0,1.4rem) rotate(-135deg);-ms-transform:translate(0,1.4rem) rotate(-135deg);-o-transform:translate(0,1.4rem) rotate(-135deg);transform:translate(0,1.4rem) rotate(-135deg)}
.title h2 span{font-size:26px;padding:0 6px;margin-top:-6px}
.title h3{font-size:16px}
.pc{display:none}
.title img{width:74px}
.floor h4 small{font-size:16px}
.floor h4 img{width:74px}
.giftWrap{flex-direction:column-reverse}
.giftWrap .wrap_t{font-size:16px;width:100%}
.promotion h2{font-size:22px}
.title h4.wrap span{font-size:.8rem}
}
@media screen and (min-width:769px) {
.title{padding:100px 150px 120px}
.content{margin:0 auto}
.product-txt-con{padding:0 10px 15px}
.floor li.promo-product{width:calc(25% - 20px);margin:10px}
.hero_l img.hero_desktop{display:block}
.hero_l img.hero_mobile{display:none}
.hotWrap li{width:calc(33.333% - 20px)}
.title p{font-size:18px}
}
@media (max-width: 1024px) {
#intro .right,#intro .left{display:none}
.floor .tit{font-size:30px}
}
@keyframes shine {
0%{left:-150%}
55%{left:170%}
100%{left:170%}
}