body{font-family:"EB Garamond","LXGW WenKai Mono TC",Arial,Helvetica,"STHeiti Light","Heiti TC","微軟正黑體","Microsoft JhengHei",sans-serif;line-height:1.5;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:#e6e1de;z-index:20}.loading:after{content:"";width:100%;height:100%;background-image:url(../images/intro.jpg);background-position:50% 50%;background-size:cover;background-repeat:no-repeat;opacity:.4;position:absolute;top:0;left:0;pointer-events:none}.loading-logo{position:absolute;top:50%;left:50%;width:130px;z-index:2;transform:translate(-50%, -50%)}.wrapper{overflow:hidden}.header{position:fixed;top:0;width:100%;padding:40px 0;box-sizing:border-box;z-index:10;transition:background .8s,padding .8s}.onScroll .header{padding:15px 0;background:#fff}.header-inner{margin:0 auto;margin:0 50px;position:relative;display:flex;justify-content:space-between;align-items:center}.logo{position:relative;height:70px;filter:invert(1) brightness(20) drop-shadow(0px 0px 5px #666);transition:height .8s,filter .8s}.onScroll .logo{height:60px;filter:invert(0) brightness(1) drop-shadow(0px 0px 0px transparent)}.logo img{height:100%}.nav{display:flex;align-items:baseline}.nav li{position:relative;display:inline-block;line-height:1;margin-left:30px;text-align:center}.nav a{font-size:.875rem;color:#fff;text-shadow:0 0 5px #666;display:block;transition:color .8s,text-shadow .8s}.onScroll .nav a{color:#666;text-shadow:unset}.nav a:hover .nav-text span{transform:translateY(-100%)}.nav-text{display:flex;flex-flow:column;height:14px;overflow:hidden;position:relative}.nav-text span{transition:transform .6s}.nav .en{font-family:"DM Serif Display",serif}.nav-social{padding-left:15px;margin-left:20px;border-left:1px solid #ccc}.nav-social a{display:inline-block;margin-left:5px;color:#fff;text-shadow:0 0 5px #666;transition:text-shadow .8s,color .8s}.onScroll .nav-social a{color:#666;text-shadow:unset}.hamburger{display:none;cursor:pointer;padding:6px 8px;border:1px solid #fff;border-radius:50%;box-shadow:0 0 5px #666;position:relative;transition:box-shadow .8s,border .8s,background .8s}.hamburger:hover{background:hsla(0,0%,80%,.4)}.onScroll .hamburger{border:1px solid #999;box-shadow:unset}.show-nav .hamburger{border:1px solid #999;box-shadow:unset}.hamburger-bar{width:16px;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 0s,box-shadow .8s}.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(4px) rotate(45deg)}.show-nav .hamburger-bar:last-child{transform:translateY(-3px) rotate(-45deg)}.top{position:relative;width:100%;height:100vh;overflow:hidden}.top-image{position:absolute;height:100%;width:100%;overflow:hidden;background-size:cover;background-position:center}.top-title{font-weight:normal;color:#fff;text-shadow:0 0 5px #333;text-align:center;width:100%;box-sizing:border-box;padding:0 50px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.top-title .en{font-size:1.5rem;font-family:"DM Serif Display",serif;letter-spacing:.15rem;position:relative}.top-title .en:after{content:"";width:45px;height:1px;background:#fff;box-shadow:0 0 5px #333;position:absolute;bottom:-25px;left:50%;transform:translateX(-50%)}.container{padding:120px 0}.section{padding:120px 0}.title{margin-bottom:30px;color:#000;font-weight:normal}.title span{display:block}.title-en{font-family:"DM Serif Display",serif;font-size:1.5rem;padding-bottom:3px;opacity:0;transform:translateX(20px);transition:opacity .8s,transform .8s}.show .title-en{opacity:1;transform:translateX(0)}.title-tw{font-size:.875rem;letter-spacing:.2rem;opacity:0;transform:translateX(20px);transition:opacity .8s,transform .8s}.show .title-tw{opacity:1;transform:translateX(0);transition-delay:.2s}.text{font-size:.875rem}.text p{margin-bottom:25px}.text p:last-child{margin-bottom:unset}.text .en{color:#999}.footer{position:relative;padding-bottom:40px}.footer-inner{padding:0 50px}.footer-social{font-size:.75rem;padding-bottom:15px}.footer-social a{color:#999;transition:color .4s}.footer-social a:after{content:"";width:2px;height:15px;background:#e6e1de;display:inline-block;margin:0 10px -3px}.footer-social a:last-child:after{display:none}.footer-social a:hover{color:#666}.footer-copyright{font-size:.75rem}.footer-copyright span{display:block}.footer-copyright span:last-child{padding-top:3px}.scroll-down{position:absolute;bottom:30px;left:50%;width:28px;height:28px;border:1px solid #ccc;box-shadow:0 0 5px #666;z-index:6;cursor:pointer;transform:translateX(-50%);transition:background .8s}.scroll-down:hover{background:#fff}.scroll-down:hover .scroll-down-arrow i{color:#000}.scroll-down-arrow{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.scroll-down-arrow i{color:#fff;margin-left:1px;transition:color .8s}.scroll-top{position:fixed;bottom:30px;right:30px;width:28px;height:28px;border:1px solid #ccc;cursor:pointer;z-index:7;transition:background .8s,opacity .8s}.scroll-top:hover{background:#999}.scroll-top:hover .scroll-top-arrow i{color:#fff}.scroll-top-arrow{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.scroll-top-arrow i{color:#999;margin-left:1px;transition:color .8s}.fadeDown{opacity:0;transform:translateY(-20px);transition:opacity .8s,transform .8s}.fadeDown.show{opacity:1;transform:translateY(0px)}.fadeUp{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}.fadeUp.show{opacity:1;transform:translateY(0px)}.fadeLeft{opacity:0;transform:translateX(20px);transition:opacity .8s,transform .8s}.fadeLeft.show{opacity:1;transform:translateX(0)}.fadeRight{opacity:0;transform:translateX(-20px);transition:opacity .8s,transform .8s}.fadeRight.show{opacity:1;transform:translateX(0)}.imgLeft{position:relative}.imgLeft:after{content:"";width:101%;height:101%;background:#f8f8f8;position:absolute;top:0;left:0;z-index:3;transform:scaleX(0)}.imgLeft.show:after{animation:imgL 1.4s}@keyframes imgL{0%{transform:scaleX(0);transform-origin:center left}45%{transform:scaleX(1);transform-origin:center left}55%{transform:scaleX(1);transform-origin:center right}100%{transform:scaleX(0);transform-origin:center right}}.imgRight{position:relative}.imgRight:after{content:"";width:101%;height:101%;background:#f8f8f8;position:absolute;top:0;left:0;z-index:3;transform:scaleX(0)}.imgRight.show:after{animation:imgR 1.4s}@keyframes imgR{0%{transform:scaleX(0);transform-origin:center right}45%{transform:scaleX(1);transform-origin:center right}55%{transform:scaleX(1);transform-origin:center left}100%{transform:scaleX(0);transform-origin:center left}}.imgTop{position:relative}.imgTop:after{content:"";width:101%;height:101%;background:#f8f8f8;position:absolute;top:0;left:0;z-index:3;transform:scaleY(0)}.imgTop.show:after{animation:imgT 1.4s}@keyframes imgT{0%{transform:scaleY(0);transform-origin:top center}45%{transform:scaleY(1);transform-origin:top center}55%{transform:scaleY(1);transform-origin:bottom center}100%{transform:scaleY(0);transform-origin:bottom center}}.imgBottom{position:relative}.imgBottom:after{content:"";width:101%;height:101%;background:#f8f8f8;position:absolute;top:0;left:0;z-index:3;transform:scaleY(0)}.imgBottom.show:after{animation:imgB 1.4s}@keyframes imgB{0%{transform:scaleY(0);transform-origin:bottom center}45%{transform:scaleY(1);transform-origin:bottom center}55%{transform:scaleY(1);transform-origin:top center}100%{transform:scaleY(0);transform-origin:top center}}.imgIn{opacity:0;transition:opacity .4s}.imgIn.show{opacity:1;transition-delay:.6s}@media screen and (max-width: 1100px){nav{position:fixed;width:100%;height:100vh;top:0;right:0;backdrop-filter:blur(0px);visibility:hidden;transition:visibility 1s,backdrop-filter .8s}.show-nav nav{visibility:inherit;backdrop-filter:blur(12px)}.nav{padding:0 50px;background:#f8f8f8;flex-flow:column;justify-content:center;position:absolute;top:0;right:0;width:40%;height:100%;box-sizing:border-box;transform:translateX(100%);transition:transform 1s}.show-nav .nav{transform:translateX(0)}.nav li{display:block;margin:0 0 25px 0;text-align:left;opacity:0;transform:translateX(20px);transition:opacity .8s,transform .8s}.nav a{text-shadow:unset}.show-nav .nav li{opacity:1;transform:translateX(0);transition-delay:.9s}.show-nav .nav a{color:#999}.nav-social{margin-left:unset;padding-left:unset;border-left:unset;width:100%}.show-nav .nav-social:before{width:100%;transition-delay:1.3s}.show-nav .nav-social a{opacity:1;transform:translateY(0);transition:text-shadow .8s,color .8s,opacity .8s .9s,transform .8s .9s}.nav-social:before{content:"";width:0%;height:1px;border-top:1px dotted #ccc;display:block;margin-bottom:20px;transition:width .8s}.nav-social a{margin:0 5px 0 0;opacity:0;transform:translateY(20px);transition:text-shadow .8s,color .8s,opacity .8s,transform .8s}.hamburger{display:block}}@media screen and (max-width: 640px){.loading-logo{width:100px}.header{padding:25px 0}.header-inner{margin:0 30px}.logo{height:60px}.onScroll .logo{height:50px}.nav{width:300px}.hamburger{padding:3px 6px}.hamburger-bar{width:14px}.top-title{padding:0 30px}.top-title .en{font-size:1.25rem;letter-spacing:.1rem}.top-title .en:after{width:35px}.container{padding:70px 0}.section{padding:70px 0}.title-en{font-size:1.25rem}.title-tw{letter-spacing:.15rem}.text p{margin-bottom:20px}.footer{padding-bottom:20px;padding-right:60px}.footer-inner{padding:0 30px}.scroll-down{bottom:25px}.scroll-top{bottom:20px;right:20px}}