@charset "UTF-8";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-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}a{text-decoration:none;color:inherit}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--custom01: #2d2f26;--custom02: #4d5139;--custom03: #6c6a2d;--custom04: #b1b479;--custom05: #60634e;--custom06: #BDC0BA;--custom07: #FCFAF2;--custom08: #898989;--custom09: #f7f8f8;--custom10: #755339;--custom11: #b5b5b6;--custom12: #efefef;--custom13: #604549;--custom14: #53393b;--custom15: #727171;--custom17: #dcdddd}.richtext-content{font-family:Noto Sans TC,sans-serif;font-size:.875rem;line-height:1.8;font-weight:300;word-wrap:break-word}.richtext-content h1{font-size:1.5rem}.richtext-content h2{font-size:1.325rem}.richtext-content h3{font-size:1.25rem}.richtext-content h4{font-size:1.125rem}.richtext-content h5{font-size:1rem}.richtext-content h6{font-size:.935rem}.richtext-content h1,.richtext-content h2,.richtext-content h3,.richtext-content h4,.richtext-content h5,.richtext-content h6{margin-bottom:.75rem;font-weight:500;line-height:1.4}.richtext-content p{margin-bottom:.625rem;font-weight:300;letter-spacing:1px}.richtext-content a{color:#6c6a2d;text-decoration:underline}.richtext-content ul,.richtext-content ol{margin:.75rem 0;padding-left:1.5rem}.richtext-content ul{list-style:disc}.richtext-content ol{list-style:decimal}.richtext-content li{margin-bottom:.25rem}.richtext-content sup,.richtext-content sub{font-size:.75em}.richtext-content hr{border:none;border-top:1px solid #ddd;margin:1.5rem 0}.richtext-content img{max-width:100%;height:auto}.richtext-content img+p{font-weight:400;margin-top:1rem}.richtext-content table{width:100%;border-collapse:collapse;margin:1rem 0}.richtext-content table th,.richtext-content table td{border:1px solid #ddd;padding:.5rem .75rem;text-align:left}.richtext-content table th{background-color:#f5f5f5;font-weight:500}.richtext-content blockquote{border-left:3px solid #6c6a2d;padding-left:1rem;margin:1rem 0;color:#555}:root{--slide-ease: cubic-bezier(.33, 1, .68, 1)}.is-anime{--opacity: 0;--anime-delay: 0;--anime-duration: 1.4s;--anime-ease: var(--base-ease);animation-duration:var(--anime-duration);animation-timing-function:var(--anime-ease);animation-delay:var(--anime-delay);animation-fill-mode:both;opacity:var(--opacity)}.is-anime.is-fadeInSlide{animation-name:fadeInSlide}.is-anime.is-fadeIn{animation-name:fadeIn}.is-fadeInSlide{--y: 100%;--anime-duration: 1.2s;--anime-ease: var(--slide-ease)}.is-fadeIn{--anime-duration: 1.2s;--anime-ease: var(--slide-ease)}.anime-delay-1{--anime-delay: .1s}.anime-delay-2{--anime-delay: .2s}.anime-delay-3{--anime-delay: .3s}.anime-delay-4{--anime-delay: .4s}.anime-delay-5{--anime-delay: .5s}.anime-delay-6{--anime-delay: .6s}.anime-delay-7{--anime-delay: .7s}.anime-delay-8{--anime-delay: .8s}.anime-delay-9{--anime-delay: .9s}.anime-delay-10{--anime-delay: 1s}@keyframes fadeInSlide{0%{transform:translateY(var(--y));opacity:0}90%{opacity:1}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{transform:translateY(var(--y));opacity:0}90%{opacity:1}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinScale{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.02)}to{transform:rotate(360deg) scale(1)}}@keyframes breathe{0%,to{box-shadow:0 1px 9px 3px #2d2f26bf;-webkit-box-shadow:0px 1px 9px 3px rgba(45,47,38,.75);-moz-box-shadow:0px 1px 9px 3px rgba(45,47,38,.75)}50%{box-shadow:0 1px 9px 1px #fffc;-webkit-box-shadow:0px 1px 9px 1px rgba(255,255,255,.8);-moz-box-shadow:0px 1px 9px 1px rgba(255,255,255,.8)}}#preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background-color:#2d2f26;animation:fadeOut 1s ease-in-out forwards}#preloader .preloader__logo-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;aspect-ratio:1/1;max-width:400px;max-height:400px}#preloader .preloader__logo-container .circle{position:absolute;top:0;left:0;width:100%;max-width:400px;aspect-ratio:1/1;border:1px solid #fff;border-radius:50%;opacity:1;animation:spinScale 2.8s linear infinite}#preloader .preloader__logo-container .circle.ani-breathe{box-shadow:0 1px 9px 3px #ffffffbf;-webkit-box-shadow:0px 1px 9px 3px rgba(255,255,255,.75);-moz-box-shadow:0px 1px 9px 3px rgba(255,255,255,.75);animation:spinScale 2.8s linear infinite,breathe 2.8s linear infinite}#preloader .preloader__logo-container .preloader__logo-container__logo{position:absolute;top:50%;left:50%;width:60%;max-width:180px;opacity:0;transform:translate(-50%,-50%);filter:blur(10px)}#preloader .text{position:absolute;transform-origin:top left}#preloader .text.zh{width:60px;left:50%;transform:translate(-50%);top:25%}@media screen and (min-width: 1280px){#preloader .text.zh{top:50%;left:round(nearest,16.6666666667%,1px)}}#preloader .text.en{width:80px;right:50%;transform:translate(50%);bottom:25%}@media screen and (min-width: 1280px){#preloader .text.en{top:50%;right:round(nearest,16.6666666667%,1px)}}#preloader .img-flicker{position:absolute;top:50%;width:round(nearest,16.6666666667%,1px);left:50%;min-width:240px;max-width:320px;aspect-ratio:1/1;transform:translate(-50%,-50%)}#preloader .img-flicker img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#preloader .img-flicker .img4{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fcfaf2}#preloader .img5{position:absolute;top:50%;width:round(nearest,16.6666666667%,1px);left:50%;min-width:120px;max-width:120px;aspect-ratio:1/1;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.web-header{position:fixed;z-index:50;top:0;left:0;right:0;padding:0 32px}@media screen and (min-width: 1280px){.web-header.inverse-icon{background-color:transparent}}.web-header.inverse-icon .logo-container .logo .light{display:block}.web-header.inverse-icon .logo-container .logo .dark{display:none}.web-header .logo-container{position:relative;height:90px}.web-header .logo-container .logo{display:block;width:100px;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media screen and (min-width: 768px){.web-header .logo-container .logo{width:125px}}.web-header .logo-container .logo .light{display:none}.menu-btn-container{display:flex;gap:16px;align-items:center;z-index:100;position:fixed;top:0;right:32px;height:90px}.menu-btn-container.inverse-icon .menu-btn .line-container .line{background-color:#fff}.menu-btn-container.inverse-icon .menu-btn .text-container{color:#fff}.menu-btn-container.scroll-down .menu-btn .line-container .line{background-color:#2d2f26}.menu-btn-container.scroll-down .menu-btn .text-container{color:#2d2f26}.menu-btn.active .line-container .line{background-color:#2d2f26!important}.menu-btn.active .text-container{color:#2d2f26!important}.menu-btn .line-container{position:relative;width:40px;height:10px}.menu-btn .line-container .line{position:absolute;height:1px;background-color:#2d2f26;transition:all .3s ease-in-out}.menu-btn .text-container{height:20px;position:relative}.menu-btn .text-container .text{position:absolute;left:0;bottom:0}.menu-btn .text-container .text.close{opacity:0}.menu-btn .text-container .text.open{opacity:1}.menu-btn .l1{width:100%;top:0}.menu-btn .l2{width:50%;background-color:#2d2f26;top:5px;right:0}.menu-btn.active .l1{transform:rotate(15deg)}.menu-btn.active .l2{top:0;width:100%;transform:rotate(-15deg)}.deco-container{display:inline-block;width:28px;height:28px;position:relative}.md{position:absolute;top:0;right:0;bottom:0;left:0}.md1{width:24px}.md2{width:28px}#header-menu-container{position:fixed;z-index:49;top:90px;width:100%;right:0;padding:32px 0 40px;background-color:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);transform:translateY(-100%);opacity:0}@media screen and (min-width: 1024px){#header-menu-container{top:0;z-index:50;width:75vw;height:74vh;padding-block:0;display:flex;align-items:flex-end}}#header-menu-container .logo-full{display:none}@media screen and (min-width: 1024px){#header-menu-container .inner-container{width:80%;margin:0 auto}#header-menu-container .inner-container .logo-full{opacity:0;display:block;width:25%;max-width:240px;position:absolute;top:25%}#header-menu-container .inner-container .bottom{display:flex;flex-direction:row-reverse;align-items:flex-end;position:absolute;bottom:15%;width:100%}}#header-menu-container .nav-container{margin:0 auto;width:-moz-fit-content;width:fit-content}@media screen and (min-width: 1024px){#header-menu-container .nav-container{grid-template-columns:repeat(2,1fr);width:50vw;font-size:16px}#header-menu-container .nav-container .menu-col{width:-moz-fit-content;width:fit-content;gap:32px}}@media screen and (min-width: 1280px){#header-menu-container .nav-container .nav-item .en{margin-left:8px}}#header-menu-container .nav-container .tp-nav-item{margin:24px 0;background-color:#b1b479;padding-block:6px;position:relative;transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-duration:.3s;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;will-change:transform}#header-menu-container .nav-container .tp-nav-item>*{position:relative;z-index:2}#header-menu-container .nav-container .tp-nav-item:before,#header-menu-container .nav-container .tp-nav-item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#6c6a2d}#header-menu-container .nav-container .tp-nav-item:before{width:130%;min-width:150px;height:0;padding-bottom:130%;top:0;left:50%;border-radius:50%;transform:translate3d(-50%,68%,0) scale3d(0,0,0)}#header-menu-container .nav-container .tp-nav-item:after{transform:translate3d(0,-105%,0);transition:transform .3s cubic-bezier(.1,0,.3,1)}#header-menu-container .nav-container .tp-nav-item:hover,#header-menu-container .nav-container .tp-nav-item:hover .tc{color:#fff}#header-menu-container .nav-container .tp-nav-item:hover .en{color:#bdc0ba}#header-menu-container .nav-container .tp-nav-item:hover:before{transform:translate3d(-50%,-25%,0) scaleX(1);transition:transform .3s cubic-bezier(.1,0,.3,1)}#header-menu-container .nav-container .tp-nav-item:hover:after{transform:translateZ(0);transition-duration:.05s;transition-delay:.3s;transition-timing-function:linear}@media screen and (min-width: 1024px){#header-menu-container .nav-container .tp-nav-item{margin:0}}@media screen and (min-width: 1280px){#header-menu-container .nav-container .tp-nav-item{padding-block:8px}}#header-menu-container .nav-container .tp-nav-item .en{color:#fff}#header-menu-container .nav-container .tp-nav-item .arrow{opacity:1;transform:translate(0);margin-left:12px;position:static}#header-menu-container .social-container{display:flex;gap:24px;justify-content:center}@media screen and (min-width: 1024px){#header-menu-container .social-container{flex-direction:column;justify-content:flex-start;gap:16px}}#header-menu-container .social-container .social-item{display:flex;align-items:center;gap:12px}#header-menu-container .social-container .social-item .icon{width:24px;height:24px}@media screen and (min-width: 375px){#header-menu-container .social-container .social-item .icon{width:28px;height:28px}}#header-menu-container .social-container .social-item .name{font-family:Noto Sans TC;font-weight:300;color:#6c6a2d;letter-spacing:1px;font-size:12px}@media screen and (min-width: 375px){#header-menu-container .social-container .social-item .name{font-size:14px}}#header-menu-overlay{position:fixed;z-index:49;top:0;left:0;width:100%;height:100%;background-color:#4d5139e6;opacity:0;pointer-events:none}@media screen and (min-width: 1024px){#header-menu-overlay{z-index:50}}#header-menu-overlay.active{pointer-events:all}.web-header,.menu-btn-container{transition:transform .3s cubic-bezier(.1,0,.3,1)}.web-header{transition:background-color .3s cubic-bezier(.1,0,.3,1)}.hide.web-header,.hide.menu-btn-container{transform:translateY(-100%)}.active.web-header .logo-container .logo .light,.scroll-down.web-header .logo-container .logo .light{display:none}.active.web-header .logo-container .logo .dark,.scroll-down.web-header .logo-container .logo .dark{display:block}.active.web-header,.scroll-down.web-header{background-color:#fff}.web-footer{padding:64px 32px 24px}.web-footer .wrapper{width:100%}@media screen and (min-width: 1280px){.web-footer .top{display:flex;justify-content:space-between}}.web-footer .social-container{display:flex;flex-direction:column;gap:12px}.web-footer .social-container .social-item{display:flex;align-items:center;gap:12px}.web-footer .social-container .social-item .icon{width:24px;height:24px}@media screen and (min-width: 375px){.web-footer .social-container .social-item .icon{width:28px;height:28px}}.web-footer .social-container .social-item .name{font-family:Noto Sans TC;font-weight:400;color:#6c6a2d;letter-spacing:1px;font-size:12px}@media screen and (min-width: 375px){.web-footer .social-container .social-item .name{font-size:14px}}.web-footer .bottom{font-family:Noto Sans TC}@media screen and (min-width: 1280px){.web-footer .bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:40px;padding-top:20px;border-top:1px solid #BDC0BA}}.web-footer .logo{width:188px}@media screen and (min-width: 375px){.web-footer .logo{width:220px}}@media screen and (min-width: 1280px){.web-footer .logo{order:2}}.web-footer .info{display:flex;flex-direction:column;font-weight:400;line-height:1.4;font-size:12px;margin-block:16px;letter-spacing:.5px;width:-moz-fit-content;width:fit-content}@media screen and (min-width: 375px){.web-footer .info{font-size:14px}}@media screen and (min-width: 1280px){.web-footer .info{order:1;gap:8px;margin-block:0}}.web-footer .copyright{font-size:10px;font-weight:400;padding-top:12px;border-top:1px solid #BDC0BA}@media screen and (min-width: 375px){.web-footer .copyright{padding-top:16px;font-size:13px}}@media screen and (min-width: 425px){.web-footer .copyright{font-size:14px}}@media screen and (min-width: 1280px){.web-footer .copyright{padding-top:0;border-top:0;order:3}}*{box-sizing:border-box}body{font-family:Elms Sans,Noto Sans TC,微軟正黑體,sans-serif;font-size:14px}body.menu-open{overflow:hidden}.vertical-text{writing-mode:vertical-lr}.wrapper{max-width:1600px;margin:0 auto}@media screen and (min-width: 1280px){.wrapper{padding-inline:30px}}.swiper .img-container{position:relative;display:block}.swiper .img-container img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fill-btn{display:inline-flex;align-items:center;justify-content:center;position:relative;font-weight:300;transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-duration:.3s;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;will-change:transform;font-family:Noto Sans TC}.fill-btn>*{position:relative;z-index:2}.fill-btn:before,.fill-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.fill-btn:before{width:130%;min-width:150px;height:0;padding-bottom:130%;top:0;left:50%;border-radius:50%;transform:translate3d(-50%,68%,0) scale3d(0,0,0)}.fill-btn:after{transform:translate3d(0,-105%,0);transition:transform .3s cubic-bezier(.1,0,.3,1)}.fill-btn:hover{color:#fff}.fill-btn:hover:before{transform:translate3d(-50%,-25%,0) scaleX(1);transition:transform .3s cubic-bezier(.1,0,.3,1)}.fill-btn:hover:after{transform:translateZ(0);transition-duration:.05s;transition-delay:.3s;transition-timing-function:linear}.fill-btn.custom03{border:1px solid #6c6a2d}.fill-btn.custom03:before,.fill-btn.custom03:after{background-color:#6c6a2d}.nav-container{display:grid;font-size:12px;grid-template-columns:repeat(1,1fr);gap:20px;margin-block:64px}@media screen and (min-width: 375px){.nav-container{gap:24px;font-size:14px}}@media screen and (min-width: 1280px){.nav-container{width:50%;margin-block:0;grid-template-columns:repeat(2,1fr)}}.nav-container .menu-col{display:flex;flex-direction:column;gap:20px}@media screen and (min-width: 375px){.nav-container .menu-col{gap:24px}}.nav-container .nav-item{font-weight:400;position:relative;padding-bottom:4px}@media screen and (min-width: 1280px){.nav-container .nav-item{padding-right:16px}}.nav-container .nav-item .tc{color:#6c6a2d;letter-spacing:1px}.nav-container .nav-item .en{color:#b1b479}.nav-container .nav-item .arrow{width:6px;position:absolute;right:10px;stroke:#6c6a2d;opacity:0;top:50%;transform:translateY(calc(-50% - 2px));transition:right .3s .1s ease-in-out,opacity .3s ease-in-out}.nav-container .nav-item:hover:after{width:100%;left:0;right:auto}.nav-container .nav-item:hover .arrow{opacity:1;right:0}.nav-container .nav-item:after{position:absolute;content:"";width:0;height:1px;background-color:#6c6a2d;bottom:0;right:0;transition:all .3s ease-in-out}.mouse-cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:100;width:20px;height:20px}@media (pointer: fine){.mouse-cursor:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background-color:#b1b47980}.mouse-cursor:after{content:"";opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:25%;height:25%;border-radius:50%;background-color:#6c6a2d;transition:all .3s ease-in-out}.mouse-cursor.active:before{transform:translate(-50%,-50%) scale(1.2)}.mouse-cursor.active:after{opacity:1;transform:translate(-50%,-50%) scale(1)}}.error-404{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 160px);text-align:center}.error-404__code{font-size:120px;font-weight:800;line-height:1;color:#6c6a2d;margin-bottom:16px}.error-404__title{font-size:24px;font-weight:700;color:#4d5139;margin-bottom:8px}.error-404__desc{font-size:14px;color:#60634e;margin-bottom:32px}.error-404 .fill-btn{padding:10px 32px;font-size:14px}