html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:400;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:18px;overflow:hidden}@media screen and (max-width: 820px){html{font-size:3.5vw}}body{margin:0;overflow:hidden;font-family:"Noto Serif TC",serif;font-size:1rem;line-height:1.6;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.3}.container{max-width:1440px;margin:0 auto;padding:0}:root{--header-height: 90px}@media screen and (max-width: 820px){:root{--header-height: 60px}}.page-home{height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:#c30d23 url(../images/bg-img-sDYfkn7N.png) center center/4rem}@media screen and (max-width: 820px){.page-home{background:#c30d23 url(../images/bg-img-sDYfkn7N.png) center center/10%}}.main-content{flex:1;min-height:0;padding-top:calc(var(--header-height) + 2rem);display:flex;flex-direction:column}@media screen and (max-width: 820px){.main-content{padding-top:var(--header-height)}}.main-content #index-img{display:none}@media screen and (max-width: 820px){.main-content #index-img{display:block;width:70%;height:auto;margin:-2rem auto -.5rem}}.main-content .container{position:relative;flex:1;min-height:0;width:90%;max-width:1440px;background:#fff;border-radius:2rem;padding:1rem}@media screen and (max-width: 820px){.main-content .container{padding:1rem .5rem}}.main-content .container #img-box-1{display:none;z-index:3}@media screen and (max-width: 820px){.main-content .container #img-box-1{display:block;position:absolute;width:4.5rem;top:0;left:0;transform:translate(-30%,115%)}}.main-content .container #img-box-2{display:none;z-index:3}@media screen and (max-width: 820px){.main-content .container #img-box-2{display:block;position:absolute;width:4.5rem;top:0;right:0;transform:translate(30%,115%)}}.main-content .container #img-box-3{position:absolute;width:12rem;bottom:0;right:0;z-index:3;transform:translate(32%,20%)}@media screen and (max-width: 820px){.main-content .container #img-box-3{width:6.5rem;right:unset;left:0;transform:translate(-20%)}}.main-content .container .scroll-box{display:flex;align-items:center;height:100%;overflow-y:auto;overflow-x:hidden}@media (orientation: landscape) and (min-aspect-ratio: 10/7){.main-content .container .scroll-box{align-items:flex-start}}@media screen and (max-width: 820px){.main-content .container .scroll-box{align-items:flex-start;padding:1rem}}.main-content .container section.kv{display:flex;flex:none;width:100%;align-items:center;gap:2rem;padding:2rem 0 1rem}@media screen and (max-width: 820px){.main-content .container section.kv{padding:0;flex-direction:column}}.main-content .container section.kv .kv-img{flex:none;width:36%}@media screen and (max-width: 820px){.main-content .container section.kv .kv-img{width:80%}}.main-content .container section.kv .kv-img img{width:100%;height:auto}.main-content .container section.kv .kv-img img.pc{display:block}@media screen and (max-width: 820px){.main-content .container section.kv .kv-img img.pc{display:none}}.main-content .container section.kv .kv-img img.mob{display:none}@media screen and (max-width: 820px){.main-content .container section.kv .kv-img img.mob{display:block}}.list{flex:1;display:flex;flex-direction:column;padding-right:8%}@media screen and (max-width: 820px){.list{align-items:center;padding-right:0}}.list .list-title{position:relative;width:100%;display:flex;align-items:center;gap:1rem;white-space:nowrap;margin-bottom:1rem;pointer-events:none;z-index:2}@media screen and (max-width: 820px){.list .list-title{gap:.5rem}}.list .list-title .img-box{position:absolute;width:6rem;pointer-events:none}.list .list-title .img-box#img-list-title-1{top:50%;right:0;width:11.5%;transform:translate(125%,-36%)}@media screen and (max-width: 820px){.list .list-title .img-box#img-list-title-1{width:6rem;transform:translate(15%,-80%)}}@media screen and (max-width: 820px){.list .list-title .img-box#img-list-title-1-1{width:6rem;top:50%;left:50%;width:3rem;transform:translate(-200%,80%)}}.list .list-title .img-box#img-list-title-2{width:15%;top:50%;right:0;transform:translate(100%,-50%)}@media screen and (max-width: 820px){.list .list-title .img-box#img-list-title-2-1{width:6rem;top:50%;left:50%;width:2rem;transform:translate(-470%,180%)}}.list .list-title .img-box img{width:100%;height:auto}.list .list-title .img-box img.pc{display:block}@media screen and (max-width: 820px){.list .list-title .img-box img.pc{display:none}}.list .list-title .img-box img.mob{display:none}@media screen and (max-width: 820px){.list .list-title .img-box img.mob{display:block}}.list .list-title span{position:relative;display:flex;align-items:center;padding:0rem .5rem;font-size:1.5rem;font-weight:700;border-radius:3rem;background:#b71c25;gap:.5rem}@media screen and (max-width: 820px){.list .list-title span{font-size:1.2rem;gap:.1rem}}.list .list-title span b{background:linear-gradient(to bottom,#fff1ab,#c38b32);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.list .list-title span:before,.list .list-title span:after{content:"";width:2rem;height:2rem;background:url(../images/icon-list-title-D6OIX4-C.png) center center/100%}.list .list-title span:after{transform:scaleX(-1)}.list .list-title:before,.list .list-title:after{content:"";flex:1;height:2px;background:#b71c25}@media screen and (max-width: 820px){.list .list-title:before,.list .list-title:after{height:1px}}.list ul{display:flex;align-items:flex-start;justify-content:center;gap:3%}.list ul:not(:last-child){margin-bottom:2rem}.list ul li{flex:none;width:33%;cursor:pointer}.list ul li:hover .list-img:after{opacity:1}.list ul li .list-img{position:relative}.list ul li .list-img:after{content:"zoom_in";font-family:Material Icons Round;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffffa6;font-size:2rem;color:#b71c25;opacity:0;transition:opacity .3s ease}@media screen and (max-width: 820px){.list ul li .list-img:after{align-items:flex-end;justify-content:flex-start;font-size:1.5rem;background:#fff0;color:#886148;opacity:1;margin-left:.15rem}}.list ul li .list-img img{width:80%;height:auto;margin:0 auto}@media screen and (max-width: 820px){.list ul li .list-img img{width:100%}}.list ul li .list-info{color:#693818;text-align:center}.list ul li .list-info p.name{font-size:1rem;font-weight:900}@media screen and (max-width: 820px){.list ul li .list-info p.name{font-size:.9rem}}.list ul li .list-info p.name .mob{display:none}@media screen and (max-width: 820px){.list ul li .list-info p.name .mob{display:block}}.list ul li .list-info small.price{font-size:.8rem;font-weight:600}@media screen and (max-width: 820px){.list ul li .list-info small.price{font-size:.7rem}}#btn-box{display:flex;justify-content:center;gap:15rem;padding:2rem 0}@media screen and (max-width: 820px){#btn-box{gap:1rem;padding:1rem 0 2rem}}#btn-box .btn{cursor:pointer;display:flex;padding:.15rem 2rem;background:linear-gradient(to bottom,#f7db89,#eac872);text-decoration:none;color:#c9001e;box-shadow:0 .4rem #f7f8f8;font-size:1.5rem;font-weight:700;border-radius:5rem;align-items:center;justify-content:center}@media screen and (max-width: 820px){#btn-box .btn{font-size:1.3rem;padding:.3rem 1rem;box-shadow:0 .3rem #f7f8f8}}#btn-box .btn:hover{background:linear-gradient(to bottom,#fff1ab,#c38b32)}#btn-box .btn:hover:after{transform:translate(15%)}#btn-box .btn:after{content:"";width:2rem;height:2rem;transform:translate(0);background:url(../images/icon-btn-rbOarG1_.png) center center/100%;transition:transform .3s ease}@media screen and (max-width: 820px){#btn-box .btn:after{width:1.8rem;height:1.8rem}}