body{font-family:"Nunito",Arial,Helvetica,"STHeiti Light","Heiti TC","微軟正黑體","Microsoft JhengHei",sans-serif;line-height:1.5;letter-spacing:.1em;color:#ccc;background:#222;-webkit-text-size-adjust:100%}a{text-decoration:none;color:#ccc}a:hover{color:#fff}a,button{-webkit-tap-highlight-color:rgba(0,0,0,0)}.wrapper{overflow:hidden}.loading{position:fixed;top:0;width:100%;height:100%;background:#222;z-index:1000;clip-path:inset(0 0 0 0);transition:clip-path 0s}.loading-logo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:150px;height:60px;opacity:0;transition:opacity .6s}.is-in .loading-logo{opacity:1}.is-out .loading-logo{opacity:0}.loading-logo img,.loading-logo svg{position:absolute}.loading-logo-ds{top:0;left:0}.loading-logo-tw1{top:-5px;right:0;opacity:0;transition:opacity 0s 0s,top 0s 0s}.is-in .loading-logo-tw1{top:0;opacity:1;transition-duration:.6s;transition-delay:3s}.loading-logo-tw2{top:28px;right:0;opacity:0;transition:opacity 0s 0s,top 0s 0s}.is-in .loading-logo-tw2{top:23px;opacity:1;transition-duration:.6s;transition-delay:3s}.loading-logo-en{bottom:-10px;left:0;opacity:0;transition:opacity 0s 0s,bottom 0s 0s}.is-in .loading-logo-en{bottom:0;opacity:1;transition-duration:.6s;transition-delay:3.6s}.loading.is-out{clip-path:inset(0 0 100% 0);transition-delay:.6s;transition-duration:.6s}#logo-d1 line{stroke-dasharray:50px;stroke-dashoffset:50px;transition:stroke-dashoffset 0s linear}.is-in #logo-d1 line{stroke-dashoffset:0px;transition-duration:.5s}#logo-d2 path{stroke-dasharray:105px;stroke-dashoffset:105px;transition:stroke-dashoffset 0s linear 0s}.is-in #logo-d2 path{stroke-dashoffset:0px;transition-duration:1.05s;transition-delay:.5s}#logo-s1 path{stroke-dasharray:160px;stroke-dashoffset:160px;transition:stroke-dashoffset 0s linear 0s}.is-in #logo-s1 path{stroke-dashoffset:0px;transition-duration:1.6s;transition-delay:1.55s}.header{position:fixed;top:0;left:0;width:100%;z-index:100;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:rgba(0,0,0,.85);transition:background .6s}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 5vw;max-width:1600px;margin:0 auto}.logo{position:relative;margin:0;z-index:1}.logo a{display:block}.logo img{display:block;height:40px;width:auto}.nav{display:flex;align-items:center;gap:0}.menu-dot{display:inline-block;margin:0 1.2em;color:#999;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.menu-item{position:relative;display:inline-block;font-size:.875rem;letter-spacing:.12em;color:#ccc;transition:color .6s}.menu-item .en{display:block}.menu-item .tw{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;transition:opacity .6s;white-space:nowrap}.menu-item:hover{color:#fff}.menu-item:hover .en{opacity:0}.menu-item:hover .tw{opacity:1}.menu-item.active{color:#fff}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;height:100vh}.hero-slide{position:absolute;inset:0;pointer-events:none}.hero-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pagetitle{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;pointer-events:none}.pagetitle-inner{margin:0;font-weight:normal;color:#fff;text-shadow:0 6px 16px rgba(0,0,0,.55);letter-spacing:.2em}.pagetitle-inner .en{display:block;font-size:1.5rem}.pagetitle-inner .en::after{content:"";display:block;width:14px;height:1px;margin:10px auto;background:hsla(0,0%,100%,.6);transform:rotate(-60deg)}.pagetitle-inner .tw{display:block;font-size:.875rem;color:#ccc}.section,.container{padding:8vw 0}.inner{max-width:1600px;margin:0 auto;padding:0 5vw}.title{font-weight:normal;font-size:1.25rem;color:#fff;line-height:1.2;margin-bottom:40px}.title .tw{font-size:.85em}.title:after{content:"";width:15px;height:1px;background:#999;display:block;margin:15px 0 0}.title-center{text-align:center}.title-center:after{margin:15px auto 0}.title .char{display:inline-block;opacity:0;transform:translateY(-20px);transition:opacity .6s,transform .6s}.title .char-tw{font-size:.85em}.title.is-inview .char{opacity:1;transform:translateY(0)}.title.is-inview .char:nth-child(1){transition-delay:0s}.title.is-inview .char:nth-child(2){transition-delay:0.05s}.title.is-inview .char:nth-child(3){transition-delay:0.1s}.title.is-inview .char:nth-child(4){transition-delay:0.15s}.title.is-inview .char:nth-child(5){transition-delay:0.2s}.title.is-inview .char:nth-child(6){transition-delay:0.25s}.title.is-inview .char:nth-child(7){transition-delay:0.3s}.title.is-inview .char:nth-child(8){transition-delay:0.35s}.title.is-inview .char:nth-child(9){transition-delay:0.4s}.title.is-inview .char:nth-child(10){transition-delay:0.45s}.title.is-inview .char:nth-child(11){transition-delay:0.5s}.title.is-inview .char:nth-child(12){transition-delay:0.55s}.title.is-inview .char:nth-child(13){transition-delay:0.6s}.title.is-inview .char:nth-child(14){transition-delay:0.65s}.title.is-inview .char:nth-child(15){transition-delay:0.7s}.title.is-inview .char:nth-child(16){transition-delay:0.75s}.title.is-inview .char:nth-child(17){transition-delay:0.8s}.title.is-inview .char:nth-child(18){transition-delay:0.85s}.title.is-inview .char:nth-child(19){transition-delay:0.9s}.title.is-inview .char:nth-child(20){transition-delay:0.95s}.title.is-inview .char:nth-child(21){transition-delay:1s}.title.is-inview .char:nth-child(22){transition-delay:1.05s}.title.is-inview .char:nth-child(23){transition-delay:1.1s}.title.is-inview .char:nth-child(24){transition-delay:1.15s}.title.is-inview .char:nth-child(25){transition-delay:1.2s}.title.is-inview .char:nth-child(26){transition-delay:1.25s}.title.is-inview .char:nth-child(27){transition-delay:1.3s}.title.is-inview .char:nth-child(28){transition-delay:1.35s}.title.is-inview .char:nth-child(29){transition-delay:1.4s}.title.is-inview .char:nth-child(30){transition-delay:1.45s}.text{font-size:.875rem;line-height:2;letter-spacing:.15em;margin-bottom:20px}.text:last-child{margin-bottom:0}.text.en{line-height:1.5;font-size:.75rem}.btn{position:relative;font-size:.75rem;width:-moz-fit-content;width:fit-content;display:block;color:#999;margin-top:20px}.btn:after{content:"";display:block;height:1px;background:#333;border-bottom:1px solid #111}.btn:before{content:"";position:absolute;left:0;bottom:1px;height:1px;width:0%;background:#999;transition:width .6s}.btn:hover:before{width:100%}.footer{font-size:.75rem;padding:20px 0;color:#999;letter-spacing:1px}.footer a{color:#999}.footer a:hover{color:#fff}.footer-inner{position:relative}.footer-line{height:1px;background:hsla(0,0%,100%,.12);margin-bottom:20px}.footer-copy{margin-right:40px}.scroll-top{position:absolute;right:5vw;top:50%;transform:translateY(-50%) translateY(10px);width:30px;height:30px;border:hsla(0,0%,100%,.12) 1px solid;background:#222;display:flex;align-items:center;justify-content:center;cursor:pointer}.scroll-top img{width:10px;margin:auto;filter:brightness(10)}.scroll-down{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5}.scroll-down img{width:15px;margin:auto;filter:brightness(10);animation:scroll-down 1s linear infinite}@keyframes scroll-down{0%{transform:translateY(-2px)}50%{transform:translateY(2px)}100%{transform:translateY(-2px)}}.fadeIn{opacity:0;transition:opacity 1s}.fadeIn.is-inview{opacity:1}.fadeUp{opacity:0;transform:translateY(20px);transition:opacity 1s,transform .6s}.fadeUp.is-inview{opacity:1;transform:translateY(0px)}.fadeDown{opacity:0;transform:translateY(-20px);transition:opacity 1s,transform .6s}.fadeDown.is-inview{opacity:1;transform:translateY(0px)}.fadeLeft{opacity:0;transform:translateX(20px);transition:opacity 1s 0s,transform .6s 0s}.fadeLeft.delay{transition-delay:.2s}.fadeLeft.is-inview{opacity:1;transform:translateX(0px)}.fadeRight{opacity:0;transform:translateX(-20px);transition:opacity 1s 0s,transform .6s 0s}.fadeRight.delay{transition-delay:.2s}.fadeRight.is-inview{opacity:1;transform:translateX(0px)}.clipLeft{clip-path:inset(0 0 0 100%)}.clipRight{clip-path:inset(0 100% 0 0)}.clipUp{clip-path:inset(100% 0 0 0)}.clipDown{clip-path:inset(0 0 100% 0)}.clipLeft,.clipRight,.clipUp,.clipDown{transition:clip-path .9s}.clipLeft.is-inview,.clipRight.is-inview,.clipUp.is-inview,.clipDown.is-inview{clip-path:inset(0 0 0 0)}@media screen and (max-width: 1100px){.nav{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:0;overflow:hidden;background:#222;transition:height .6s .6s;box-sizing:border-box}.is-open .nav{height:100vh;transition-delay:0s}.menu-item{opacity:0;transition:opacity .6s}.is-open .menu-item{opacity:1;transition-delay:.6s}.menu-dot{margin:1vh 0;opacity:0;transition:opacity .6s}.is-open .menu-dot{opacity:1;transition-delay:.6s}.menu-toggle{width:20px;height:15px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.menu-toggle span{display:block;height:1px;background:currentColor;opacity:.85;transition:transform .6s,opacity .6s}.is-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.is-open .menu-toggle span:nth-child(2){opacity:0}.is-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}@media screen and (max-width: 640px){.container,.section{padding:50px 0}}@media screen and (max-height: 500px){.nav{gap:5vh}.menu-dot{display:none}}@media screen and (max-width: 1100px)and (max-height: 500px){.nav{padding-top:80px}}@media screen and (max-width: 640px)and (max-height: 500px){.nav{padding-top:60px}}