body{font-family:"Marcellus",Arial,Helvetica,"STHeiti Light","Heiti TC","微軟正黑體","Microsoft JhengHei",sans-serif;line-height:2;letter-spacing:.1rem;color:#666;background:#fff;-webkit-text-size-adjust:100%}a{text-decoration:none;color:#666}a:hover{color:#666}.loading{position:fixed;top:0;width:100%;height:100%;background:#dbd8d3;z-index:20}.loading-logo{position:absolute;top:50%;left:50%;width:70px;opacity:0;transform:translate(-50%, -50%);transition:opacity .8s}.show-loading .loading-logo{opacity:1}.loading-logo img{width:100%}.wrapper{overflow:hidden}.header{position:fixed;top:0;width:100%;padding:40px 0;box-sizing:border-box;z-index:10;transition:padding .8s}.header:after{content:"";width:100%;height:100%;background:#fff;position:absolute;top:-100%;left:0;z-index:-1;transition:top .8s}.onScroll .header{padding:20px 0}.onScroll .header:after{top:0}.header-inner{margin:0 auto;padding:0 60px;position:relative;display:flex;justify-content:space-between;align-items:center}.logo{position:relative;height:55px;filter:brightness(20) drop-shadow(0 0 5px #666);transition:filter .8s}.onScroll .logo{filter:brightness(1) drop-shadow(0 0 0px transparent)}.logo img{height:100%}.logo svg{height:100%}nav li{position:relative;display:inline-block;line-height:25px;margin-left:40px;text-align:center}nav a{font-size:.875rem;color:#fff;text-shadow:0 0 5px #666;transition:color .8s,text-shadow .8s;display:block}.onScroll nav a,.show-nav nav a{color:#666;text-shadow:unset}.onScroll nav a:hover,.show-nav nav a:hover{color:#666}nav a:hover{color:#fff}nav a:hover .en{opacity:0;clip-path:inset(0 0 0 100%)}nav a:hover .tw{opacity:1;clip-path:inset(0 0 0 0)}nav a .en,nav a .tw{transition:clip-path .6s,opacity .6s}nav a .en{clip-path:inset(0 0 0 0)}nav a .tw{position:absolute;top:0%;left:50%;white-space:nowrap;opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-50%)}.hamburger{display:none;cursor:pointer;position:absolute;top:25%;right:60px}.hamburger:hover .hamburger-bar:nth-child(2),.hamburger:hover .hamburger-bar:last-child{width:30px}.hamburger-bar{width:30px;height:1px;background:#fff;margin:6px 0;box-shadow:0 0 5px #666;position:relative;overflow:hidden;transform-origin:center center;transition:transform .8s,width .6s,background .8s,box-shadow .8s}.hamburger-bar:nth-child(2){width:15px}.hamburger-bar:last-child{width:23px}.onScroll .hamburger-bar{background:#666;box-shadow:unset}.show-nav .hamburger-bar{background:#666;box-shadow:unset}.show-nav .hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.show-nav .hamburger-bar:nth-child(2){width:0 !important}.show-nav .hamburger-bar:last-child{width:30px;transform:translateY(-7px) rotate(-45deg)}.top{position:fixed;height:100vh;width:100%;transform:translateZ(0)}.top-image{position:relative;height:100%;overflow:hidden;background-size:cover;background-position:50% 50%}.top-title{font-weight:normal;color:#fff;text-shadow:0 0 5px #666;position:absolute;bottom:25%;left:8%}.top-title .en{font-size:1.5rem;font-family:"Cormorant",serif;letter-spacing:.15rem}.top-title .tw{font-size:1rem;letter-spacing:.2rem;display:flex;align-items:baseline;white-space:nowrap}.top-title .tw:before{content:"";width:50px;height:1px;background:#fff;box-shadow:0 0 5px #333;margin-right:10px;display:block;opacity:.5}.main{overflow:hidden}.container{position:relative;margin-top:100vh;background:#fff;z-index:7;padding:100px 0}.section{padding:100px 0}.title{margin-bottom:55px;opacity:0;transform:translateX(-30px);transition:opacity .8s,transform .8s}.title.show{opacity:1;transform:translateX(0px)}.title.show .title-en:after{opacity:1;transform:scale(1);transition-delay:.3s}.title-en{font-size:1.5rem;font-family:"Cormorant",serif;letter-spacing:.15rem;color:#000;position:relative}.title-en:after{content:"";width:40px;height:40px;border-radius:50%;background:#edeae3;position:absolute;bottom:2px;left:-15px;z-index:-1;opacity:0;transform:scale(0.5);transition:opacity .8s,transform .8s}.title-tw{font-size:.875rem;letter-spacing:.2rem;position:relative}.text{font-size:.875rem}.text p{margin-bottom:25px}.text p:last-child{margin-bottom:unset}.text p.tw{font-family:"STHeiti Light","Heiti TC","微軟正黑體","Microsoft JhengHei",sans-serif}.text p.en{font-size:.75rem}.btn{margin-top:40px;width:-moz-fit-content;width:fit-content;opacity:0;transform:translateX(-30px);transition:opacity .8s,transform .8s}.btn.show{opacity:1;transform:translateX(0)}.btn-link{display:flex;align-items:center}.btn-link:hover .btn-text{color:#000}.btn-arrow{position:relative}.btn-arrow-in{width:5px;height:5px;border-right:1px solid #3e3a39;border-bottom:1px solid #3e3a39;position:absolute;top:50%;left:0;transform:rotate(-45deg) translateY(-50%);animation:btn-arrow 1.4s infinite linear}.btn-text{font-size:.875rem;font-family:"Cormorant",serif;letter-spacing:.12rem;color:#3e3a39;margin-right:10px;transition:color .8s}.footer{position:relative;background:#f8f8f8;padding:35px 0;overflow:hidden}.footer-inner{padding:0 60px}.footer-logo{width:90px;margin:0 auto 20px;filter:brightness(2)}.footer-logo img{width:100%}.footer-copyright{font-size:.75rem;text-align:center;color:#999}.footer-copyright span{display:block}.footer-copyright a{color:#999}.scroll-down{position:absolute;bottom:0px;left:50%;width:80px;height:60px;z-index:6;cursor:pointer;transform:translateX(-50%)}.scroll-down-text{text-align:center;font-size:.75rem;letter-spacing:.12rem;white-space:nowrap;color:#ccc;text-shadow:0 0 5px #666;position:absolute;top:0;left:50%;transform:translateX(-50%)}.scroll-down-arrow{position:absolute;width:100%;height:100%;top:25px;left:50%;transform:translateX(-50%)}.scroll-down-arrow .arrow-down{width:6px;height:6px;border-left:1px solid #fff;border-bottom:1px solid #fff;position:absolute;top:0px;left:50%;transform:rotate(-45deg) translateX(-50%);animation:scroll-down 1.6s infinite}.scroll-top{position:fixed;bottom:10px;right:10px;width:30px;height:45px;cursor:pointer;z-index:7;transition:opacity .8s,background .4s}.scroll-top-arrow{position:absolute;width:100%;height:100%;top:0;left:50%;transform:translateX(-50%)}.scroll-top-arrow .arrow-top{width:6px;height:6px;border-right:1px solid #666;border-top:1px solid #666;position:absolute;top:15px;left:45%;transform:rotate(-45deg) translateX(-50%);animation:scroll-top 1.6s infinite}.scroll-top-text{text-align:center;font-size:.75rem;letter-spacing:.12rem;white-space:nowrap;text-shadow:0 0 5px #ccc;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}@keyframes scroll-down{0%{top:0}50%{top:10px}100%{top:0}}@keyframes scroll-top{0%{top:10px}50%{top:0}100%{top:10px}}@keyframes btn-arrow{0%{left:0}50%{left:5px}100%{left:0}}@media screen and (max-width: 1100px){.header-inner{padding:0 40px}nav{position:fixed;width:100%;height:100vh;background:#fff;top:0;right:0;transform:translateY(-100%);transition:transform 1s}nav ul{padding:0 40px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}nav li{display:block;margin:25px 0;opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}nav a{text-shadow:unset}.show-nav nav{transform:translateY(0)}.show-nav nav li{opacity:1;transform:translateY(0);transition-delay:.8s}.show-nav nav li:nth-child(2){transition-delay:1s}.show-nav nav li:nth-child(3){transition-delay:1.2s}.show-nav nav li:nth-child(4){transition-delay:1.4s}.show-nav nav li:nth-child(5){transition-delay:1.6s}.hamburger{display:block;right:40px}.footer-inner{padding:0 40px}}@media screen and (max-width: 640px){.loading-logo{width:60px}.header{padding:30px 0}.header-inner{padding:0 30px}.logo{height:45px}nav li{margin:20px 0}.hamburger{right:30px;top:20%}.top-title{left:30px}.top-title .en{font-size:1.25rem;letter-spacing:.12rem}.top-title .tw{font-size:.875rem}.top-title .tw:before{width:35px}.container{padding:60px 0}.section{padding:60px 0}.title{margin-bottom:45px}.title-tw{letter-spacing:.15rem}.title-en{font-size:1.25rem}.title-en:after{width:35px;height:35px;left:-12px}.footer-inner{padding:0 30px}.footer-logo{width:80px}.footer-copyright{padding:0 20px}}@media screen and (max-width: 460px){.footer-copyright span{display:initial}}.fadeDown{opacity:0;transform:translateY(-30px);transition:opacity .8s,transform .8s}.fadeDown.show{opacity:1;transform:translateY(0px)}.fadeUp{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.fadeUp.show{opacity:1;transform:translateY(0px)}.fadeLeft{opacity:0;transform:translateX(30px);transition:opacity .8s,transform .8s}.fadeLeft.show{opacity:1;transform:translateX(0)}.fadeRight{opacity:0;transform:translateX(-30px);transition:opacity .8s,transform .8s}.fadeRight.show{opacity:1;transform:translateX(0)}.imgLeft{position:relative}.imgLeft:after{content:"";width:100%;height:100%;background:#fff;position:absolute;top:0;right:0;transition:width .8s}.imgLeft.show:after{width:0}.imgRight{position:relative}.imgRight:after{content:"";width:100%;height:100%;background:#fff;position:absolute;top:0;left:0;transition:width .8s}.imgRight.show:after{width:0}.imgTop{position:relative}.imgTop:after{content:"";width:100%;height:100%;background:#fff;position:absolute;bottom:0;left:0;transition:height .8s}.imgTop.show:after{height:0}.imgBottom{position:relative}.imgBottom:after{content:"";width:100%;height:100%;background:#fff;position:absolute;top:0;left:0;transition:height .8s}.imgBottom.show:after{height:0}