@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+Display:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;600&display=swap);*{margin:0;padding:0}:root{scroll-behavior:smooth}ul{list-style:none;padding:0}button{border:none;outline:none}[data-scroll-anime=true]{transition:1s}[data-scroll-anime=true].fade{opacity:0;transform:translateY(80px)}*{font-family:Times New Roman,"Noto Serif TC",Times,serif;-webkit-text-size-adjust:none}@media screen and (max-width:900px){*{font-family:"Noto Serif TC",serif}}::-webkit-scrollbar{display:none}.block-button{width:100%;background-color:#fff;text-align:center}.outline-button{border:1px solid #3c3c3c;text-align:center;background-color:transparent;padding:12px 32px}.loading-button{position:relative}.loading-button.loading{pointer-events:none;overflow:hidden}.loading-button.loading:after{content:"";position:absolute;display:block;width:100%;height:100%;background-color:#fff;left:-100%;top:0;transform:translateX(0);opacity:.3;animation:loading 2s ease-in-out;animation-iteration-count:infinite}#nav{width:100vw;position:fixed;top:0;z-index:97;transition:.5s cubic-bezier(.77,0,.175,1);background-color:#fff}#nav .product-nav{width:100%;height:60px;z-index:1;position:absolute;bottom:-60px;background-color:#f9f8f7;box-shadow:0 4px 4px rgba(0,0,0,.1)}#nav .product-nav ul{display:flex;align-items:center;height:100%;gap:20px;padding:0 140px}#nav .product-nav ul p{color:#282828}#nav .product-nav ul li{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%}#nav .product-nav ul li:first-child a{font-weight:500}#nav .product-nav ul li a{width:100%;line-height:48px;color:#282828;-webkit-text-decoration-line:none;text-decoration-line:none;cursor:pointer}#nav .product-nav ul li a:hover{color:#888}#nav .nav-container{display:flex;transition:.3s}@media screen and (max-width:900px){#nav .nav-container{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;height:64px}}#nav .brand-logo-mobile img{margin-left:3px}@media screen and (max-width:900px){#nav{position:fixed;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#fff;min-height:64px}#nav:before{content:"";position:absolute;min-width:0;height:100%;background-color:hsla(0,0%,100%,.6);left:0;top:0;z-index:-1;transition:.5s cubic-bezier(.77,0,.175,1)}#nav.spread:before{min-width:100%}#nav .nav-icon{top:50%;left:24px;transform:translateY(-50%)}#nav .nav-icon,#nav .nav-icon i{display:block;position:absolute;width:24px;border-radius:1px;transition:.3s}#nav .nav-icon i{left:0;height:3px;background-color:#837e6e}#nav .nav-icon i.top{top:-8.5px}#nav .nav-icon i.mid{top:-1.5px}#nav .nav-icon i.bot{bottom:-8.5px}#nav .nav-icon.spread .mid{opacity:0;transform:translateX(-24px)}#nav .nav-icon.spread .top{top:-1.5px;transform:rotate(45deg)}#nav .nav-icon.spread .bot{top:-1.5px;transform:rotate(-45deg)}#nav nav{position:absolute;top:64px;min-height:0;max-height:0;width:100%;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.5);transition:.5s cubic-bezier(0,1.5,.88,.99)}#nav nav,#nav nav ul li{background-color:#f8f4ef}#nav nav ul li.product-route.title,#nav nav ul li .title{text-indent:24px}#nav nav ul li.product-route:not(.title){text-indent:48px}#nav nav ul li.title,#nav nav ul li a,#nav nav ul li p{display:block;text-decoration:none;padding:12px 0 12px 24px;color:#707070}#nav nav ul li~li{border-top:1px solid rgba(195,184,175,.5)}#nav nav ul li.logout{background-color:#e2deda}#nav nav.down{transform:translateY(24px)}#nav nav.spread{max-height:500px}#nav nav.spread.hadLogin{min-height:540px;background-color:#e2deda}}#nav .shopping-cart{display:block;position:absolute;width:24px;top:44%;right:20px;font-size:23px;color:#837e6e;transform:translateY(-50%)}#nav .shopping-cart .badge{position:absolute;top:2px;right:-5px;width:16px;height:16px;border-radius:8px;background-color:#e76565;font-size:6px;color:#fff;text-align:center;line-height:14px}#nav .pc-nav{width:100%}#nav .pc-nav ul{display:flex;align-items:center;gap:64px;height:100%;padding:0 140px}@media screen and (max-width:1600px){#nav .pc-nav ul{padding:0 0 0 10vw}}#nav .pc-nav ul li{font-size:16px;color:#837e6e;cursor:pointer}#nav .pc-nav ul li a{text-decoration:none;color:#837e6e}#nav .pc-nav:last-child ul{justify-content:flex-end;padding-right:140px;gap:24px}@media screen and (max-width:1600px){#nav .pc-nav:last-child ul{padding-right:10vw}}#nav .pc-nav:last-child ul li{position:relative}#nav .pc-nav:last-child ul li .items-count{position:absolute;right:-8px;top:-4px;background-color:#e76565;color:#fff;width:16px;height:16px;font-size:12px;text-align:center;line-height:16px;border-radius:8px}#nav .brand-logo{cursor:pointer}#nav .brand-logo img{height:48px;margin:24px 0}@media screen and (max-width:1600px){#nav .brand-logo img{margin:24px 0}}#nav .mobile-nav-top-news,#nav .pc-nav-top-news{position:relative;width:100%;top:0;height:24px;background-color:#c3b8af}#nav .mobile-nav-top-news span,#nav .pc-nav-top-news span{display:block;width:100%;margin:auto;color:#000;color:#fff;text-align:center;font-size:14px;line-height:26px}#nav .mobile-nav-top-news div,#nav .pc-nav-top-news div{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;width:24px;height:24px;right:8px;top:50%;transform:translateY(-50%)}#nav .mobile-nav-top-news div .comp-icon,#nav .pc-nav-top-news div .comp-icon{color:#fff}#cf-footer{position:relative;background-color:#000;width:100vw;padding-bottom:180px}#cf-footer section{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;padding:40px 80px;gap:80px}#cf-footer section div header{font-weight:600;font-size:16px;padding:4px 0;border-bottom:2px solid #fff;color:#fff}#cf-footer section div ul li{color:#fff;font-size:16px;margin-top:8px}#cf-footer section div ul li a{color:#fff;text-decoration:none}#cf-footer section div ul li .comp-icon{margin-right:8px}@media screen and (max-width:900px){#cf-footer section{flex-direction:column;padding:40px 40px}#cf-footer section div,#cf-footer section div header{width:100%}}#cf-footer .copy-right{position:absolute;bottom:24px;left:80px;color:#fff;font-family:"Noto Serif Display",serif;font-weight:100;font-size:14px}#cf-footer .copy-right a{color:#fff}@media screen and (max-width:900px){#cf-footer .copy-right{width:80%;left:50%;bottom:40px;transform:translateX(-50%);text-align:center}}#cf-footer .go-top{position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;width:50px;bottom:60px;right:52px;cursor:pointer;opacity:0;transition:.3s;background-color:rgba(0,0,0,.4);padding:12px 2px;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99}#cf-footer .go-top.show{opacity:1}@media screen and (max-width:900px){#cf-footer .go-top{display:none}}#cf-footer .go-top .top-arrow{display:block;width:24px;height:24px;border-width:1px 0 0 1px;border-color:#ddd;border-style:solid;position:relative;width:16px;height:16px;transform:rotate(45deg) translate(4px,4px);transition:.3s}#cf-footer .go-top p{color:#fff;transition:.3s;font-size:16px;font-family:Noto Sans TC,sans-serif;font-weight:300}#cf-footer .go-top:hover .top-arrow{transform:rotate(45deg) translate(0)}#cf-footer .go-top:hover p{font-size:18px}.view-group-event header.hero{width:100vw;height:100vh;background-size:cover;background-position:50%}.view-group-event header.hero .mask{background-color:rgba(0,0,0,.6);width:100%;height:calc(100% - 48px);display:flex;align-items:center}@media screen and (max-width:900px){.view-group-event header.hero .mask{justify-content:center;height:calc(100% - 96px)}}.view-group-event header.hero .mask .content{color:#fff;margin-left:140px}.view-group-event header.hero .mask .content *{font-weight:300}.view-group-event header.hero .mask .content h2{font-size:40px}.view-group-event header.hero .mask .content h1{font-size:90px}.view-group-event header.hero .mask .content p{font-size:24px}@media screen and (max-width:900px){.view-group-event header.hero .mask .content{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:0}.view-group-event header.hero .mask .content h2{font-size:32px}.view-group-event header.hero .mask .content h1{font-size:52px}}.view-group-event header.hero .desc{height:48px;background-color:#000;width:100%}@media screen and (max-width:900px){.view-group-event header.hero .desc{display:flex;flex-direction:row;justify-content:center;align-items:center;height:96px}}.view-group-event header.hero .desc p{color:#fff;font-family:Noto Sans TC,sans-serif;line-height:48px;text-indent:140px}@media screen and (max-width:900px){.view-group-event header.hero .desc p{font-size:12px;text-indent:0;padding:0 24px;line-height:16px;text-align:center}}.view-group-event main{background-color:#f0ebe5;padding-bottom:80px}.view-group-event main header{padding:80px 0}.view-group-event main header h3{text-align:center;font-size:60px;font-weight:500}.view-group-event main .products{padding:80px 140px;background-color:#7a7572}@media screen and (max-width:900px){.view-group-event main .products{padding:80px 48px}}.view-group-event main .products .product{display:flex;gap:80px;align-items:center;margin-bottom:20px}@media screen and (max-width:900px){.view-group-event main .products .product{flex-direction:column;gap:24px;margin-bottom:40px}}.view-group-event main .products .product .card{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:480px;border-radius:28px;background-color:#fff;overflow:hidden;box-shadow:2px 4px 6px rgba(0,0,0,.16);transition:.3s;cursor:pointer}@media screen and (max-width:1600px){.view-group-event main .products .product .card{width:400px;border-radius:16px}}@media screen and (max-width:900px){.view-group-event main .products .product .card{width:90vw}}.view-group-event main .products .product .card .image-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;overflow:hidden;height:400px}@media screen and (max-width:1600px){.view-group-event main .products .product .card .image-wrapper{width:400px;height:320px}}@media screen and (max-width:900px){.view-group-event main .products .product .card .image-wrapper{width:90vw}}.view-group-event main .products .product .card .image-wrapper img{width:100%;margin-bottom:40px}@media screen and (max-width:900px){.view-group-event main .products .product .card .image-wrapper img{margin:0}}.view-group-event main .products .product .card>*{width:100%;text-align:center}.view-group-event main .products .product .card .tag{background-color:#696057;color:#fff;padding:8px 0;font-size:24px;font-family:Noto Sans TC,sans-serif}@media screen and (max-width:1600px){.view-group-event main .products .product .card .tag{font-size:20px}}.view-group-event main .products .product .card .price{background-color:#7a7572;color:#fff;padding:14px 0;font-size:32px}@media screen and (max-width:1600px){.view-group-event main .products .product .card .price{font-size:28px}}@media screen and (max-width:900px){.view-group-event main .products .product .card .price{font-size:24px}}.view-group-event main .products .product .card p{font-size:24px;margin-top:48px}@media screen and (max-width:1600px){.view-group-event main .products .product .card p{font-size:20px;margin-top:24px}}.view-group-event main .products .product .card h2{font-size:44px;margin-bottom:48px;font-weight:500}@media screen and (max-width:1600px){.view-group-event main .products .product .card h2{font-size:32px;margin-bottom:24px}}.view-group-event main .products .product:nth-child(2){flex-direction:row-reverse}@media screen and (max-width:900px){.view-group-event main .products .product:nth-child(2){flex-direction:column}}.view-group-event main .products .product:nth-child(3) .card .image-wrapper img{margin-bottom:0}@media screen and (max-width:900px){.view-group-event main .products .product:nth-child(3) .card .image-wrapper img{height:100%}}@media screen and (max-width:1600px){.view-group-event main .products .content-wrapper{width:700px}}@media screen and (max-width:900px){.view-group-event main .products .content-wrapper{width:100%}}.view-group-event main .products .content-wrapper *{font-family:Noto Sans TC,sans-serif;font-weight:300;color:#fff}.view-group-event main .products .content-wrapper h4{font-size:48px;font-weight:400;margin-bottom:16px}@media screen and (max-width:900px){.view-group-event main .products .content-wrapper h4{font-size:32px}}.view-group-event main .products .content-wrapper p{font-size:24px}@media screen and (max-width:1600px){.view-group-event main .products .content-wrapper p{font-size:16px}}.view-group-event main .products .content-wrapper span{display:block;margin-bottom:24px}.view-group-event main .products .content-wrapper span b{font-size:28px;font-weight:400}.view-group-event main .products .content-wrapper button{margin-top:20px;border:1px solid #fff;background-color:transparent;padding:12px 40px;font-size:20px;cursor:pointer}.view-group-event main .products .content-wrapper button:hover{opacity:.6}.view-group-event main .event-step{width:100%}.view-group-event main .event-step .step-card{display:flex;justify-content:center;gap:24px}@media screen and (max-width:900px){.view-group-event main .event-step .step-card{flex-direction:column;align-items:center}}.view-group-event main .event-step .step-card .card{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;width:304px;background-color:#fff;border-radius:12px;padding:48px;box-shadow:2px 2px 4px rgba(0,0,0,.4)}@media screen and (max-width:900px){.view-group-event main .event-step .step-card .card{width:calc(100vw - 192px);margin-bottom:64px}}.view-group-event main .event-step .step-card .card *{font-family:Noto Sans TC,sans-serif}.view-group-event main .event-step .step-card .card img{margin-bottom:24px;height:160px;margin-top:20px}@media screen and (max-width:900px){.view-group-event main .event-step .step-card .card img{height:120px}}.view-group-event main .event-step .step-card .card h2{position:absolute;left:32px;top:-64px;font-size:80px;font-family:Noto Sans TC,sans-serif;color:#7a7572}.view-group-event main .event-step .step-card .card h4{font-size:40px;font-weight:400;margin-bottom:16px}@media screen and (max-width:900px){.view-group-event main .event-step .step-card .card h4{font-size:24px}}.view-group-event main .event-step .step-card .card p{font-size:20px;font-weight:300}@media screen and (max-width:900px){.view-group-event main .event-step .step-card .card p{font-size:16px}}.view-group-event main .to-line{display:block;color:#fff;background-color:#696057;padding:28px 100px;font-size:24px;font-family:Noto Sans TC,sans-serif;font-weight:300;margin:80px auto 0 auto;cursor:pointer}@media screen and (max-width:900px){.view-group-event main .to-line{width:calc(100% - 96px);padding:24px 0;margin:0 auto}}.view-group-event main .to-line:hover{opacity:.6}