@import url("https://fonts.googleapis.com/css?family=Hind:400,700");@import url("https://fonts.googleapis.com/css2?family=Neuton:wght@200&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC&display=swap");body{font-family:"Neuton",serif,"Noto Serif TC",serif;line-height:1.5;letter-spacing:1px;color:#999;-webkit-text-size-adjust:100%;background:#222}a{text-decoration:none;color:#999}a:hover{color:#999}.tw{font-family:"Noto Serif TC",serif}.wrapper{overflow:hidden}.header{position:fixed;top:0;width:100%;z-index:10;padding:50px;box-sizing:border-box}.logo{position:relative;float:left;height:50px;z-index:5}.logo-img{width:68px;height:50px}.hamburger{float:right;width:40px;margin-top:7px;cursor:pointer}.hamburger-bar{height:1px;background:#FFF;margin:8px 0;-moz-transition:margin .6s;-o-transition:margin .6s;-webkit-transition:margin .6s;transition:margin .6s}.ontop .hamburger-bar{box-shadow:1px 1px 3px #000}.nav-show .hamburger-bar{margin-left:40px}.hamburger-bar:nth-child(2){margin-left:10px}.hamburger:hover .hamburger-bar{margin-left:0}.nav{position:fixed;top:0;left:0;width:100%;height:0%;overflow:hidden;-moz-transition:height 0s 1.2s;-o-transition:height 0s 1.2s;-webkit-transition:height 0s;-webkit-transition-delay:1.2s;transition:height 0s 1.2s}.nav-show .nav{height:100%;-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s}.nav-bg{position:absolute;top:0;width:100%;height:100%;background:#222;opacity:0;-moz-transition:opacity .6s .6s;-o-transition:opacity .6s .6s;-webkit-transition:opacity .6s;-webkit-transition-delay:.6s;transition:opacity .6s .6s}.nav-show .nav-bg{opacity:1;-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s}.nav-close{position:absolute;top:50px;right:50px;cursor:pointer;margin-top:10px;width:30px;height:30px}.nav-close-bar{width:0px;height:1px;background:#FFF;margin:15px;-moz-transition:width .6s,margin .6s;-o-transition:width .6s,margin .6s;-webkit-transition:width .6s,margin .6s;transition:width .6s,margin .6s}.nav-close-bar:nth-child(1){-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nav-close-bar:nth-child(2){-moz-transform:translateY(-15px) rotate(-45deg);-ms-transform:translateY(-15px) rotate(-45deg);-webkit-transform:translateY(-15px) rotate(-45deg);transform:translateY(-15px) rotate(-45deg)}.nav-show .nav-close-bar{width:30px;margin:15px 0;-moz-transition-delay:.6s;-o-transition-delay:.6s;-webkit-transition-delay:.6s;transition-delay:.6s}.nav-wrap{position:absolute;top:50px;bottom:50px;right:100px;width:200px;padding:50px;overflow:hidden}.nav-wrap:before{content:"";position:absolute;top:0;right:0;width:0%;height:100%;background:#333;-moz-transition:width .6s;-o-transition:width .6s;-webkit-transition:width .6s;transition:width .6s}.nav-show .nav-wrap:before{width:100%;-moz-transition-delay:.6s;-o-transition-delay:.6s;-webkit-transition-delay:.6s;transition-delay:.6s}.nav-wrap li{position:relative;margin:5vh 0;opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}.nav-show .nav-wrap li{opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px);-moz-transition-delay:.6s;-o-transition-delay:.6s;-webkit-transition-delay:.6s;transition-delay:.6s}.nav-wrap a{position:relative;display:block;color:#FFF;line-height:30px;font-size:.875em}.nav-wrap a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#262626;-moz-transition:width .6s,height .6s;-o-transition:width .6s,height .6s;-webkit-transition:width .6s,height .6s;transition:width .6s,height .6s}.nav-show .nav-wrap a:before{width:100%;-moz-transition-delay:1.2s,0s;-o-transition-delay:1.2s,0s;-webkit-transition-delay:1.2s,0s;transition-delay:1.2s,0s}.nav-wrap a .tw{position:absolute;top:10px;right:5px;white-space:nowrap;opacity:0;-moz-transition:opacity .6s,top .6s;-o-transition:opacity .6s,top .6s;-webkit-transition:opacity .6s,top .6s;transition:opacity .6s,top .6s;color:#FFF}.nav-wrap a:hover:before{height:30px}.nav-wrap a:hover .tw{opacity:1;top:0}.main{position:relative;padding:80px 0;background:#222;z-index:5}section{padding:80px 0}.top{position:relative}.top-images{position:relative;height:100vh;background-size:cover;background-position:center;overflow:hidden}.pagetitle{position:relative;padding:80px 0;min-width:300px}.top .pagetitle{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pagetitle-bg{width:0px;height:20px;background:rgba(102,102,102,0.2);position:absolute;bottom:80px;left:50%;margin-left:-150px;-moz-transition:width .6s;-o-transition:width .6s;-webkit-transition:width .6s;transition:width .6s}.show .pagetitle-bg{width:300px}.top .pagetitle-bg{background:rgba(0,0,0,0.3)}.pagetitle-text{position:relative;color:#FFF;font-weight:normal;text-align:center;line-height:1.2}.top .pagetitle-text{color:#FFF;text-shadow:0px 0px 5px #000}.pagetitle .tw{display:inline-block;font-size:.875rem;opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}.pagetitle .en{font-family:"Neuton",serif;font-weight:200;font-size:1.75rem;opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.pagetitle.show .tw{opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.pagetitle.show .en{opacity:1}.footer{position:relative;text-align:center;font-size:.75em;padding:50px;border-top:#444 solid 1px}.scroll-down{position:absolute;bottom:50px;right:calc(50px + 15px);width:11px;height:20%;z-index:5;cursor:pointer}.scroll-down:before{content:"";position:absolute;top:0;left:6px;width:1px;height:100%;background:#FFF}.scroll-down:after{content:"";position:absolute;top:0;left:5px;width:3px;height:50%;background:#FFF;-moz-animation:scrolldown 3s linear infinite;-webkit-animation:scrolldown 3s linear infinite;animation:scrolldown 3s linear infinite}.scroll-top{position:fixed;bottom:-40px;right:0;width:40px;height:40px;background:#1a1a1a;z-index:9;color:#FFF;font-size:.75em;text-align:center;line-height:40px;cursor:pointer;-moz-transition:bottom .6s;-o-transition:bottom .6s;-webkit-transition:bottom .6s;transition:bottom .6s}.scroll-top.show-scroll{bottom:0}@-moz-keyframes scrolldown{0%{top:0;height:0}15%{top:0;height:50%}30%{top:50%;height:50%}45%{top:100%;height:0}45.1%{top:0;height:0}100%{top:0;height:0}}@-webkit-keyframes scrolldown{0%{top:0;height:0}15%{top:0;height:50%}30%{top:50%;height:50%}45%{top:100%;height:0}45.1%{top:0;height:0}100%{top:0;height:0}}@keyframes scrolldown{0%{top:0;height:0}15%{top:0;height:50%}30%{top:50%;height:50%}45%{top:100%;height:0}45.1%{top:0;height:0}100%{top:0;height:0}}@media screen and (max-height: 480px){.nav-wrap{width:400px;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}.nav-wrap li{width:calc(50% - 10px);margin:2vh 0}}@media screen and (max-width: 1100px){body{background:#FFF;color:#666}a{color:#666}a:hover{color:#666}.header{padding:20px}.logo-img{-webkit-filter:brightness(0);filter:brightness(0)}.ontop .logo-img{-webkit-filter:brightness(1);filter:brightness(1)}.nav-show .logo-img{-webkit-filter:brightness(0);filter:brightness(0)}.hamburger-bar{background:#000}.ontop .hamburger-bar{background:#FFF}.nav-bg{background:#FFF}.nav-close{top:20px;right:20px;margin-top:5px}.nav-close-bar{background:#666}.nav-wrap{top:20px;bottom:20px;right:70px;padding:20px}.nav-wrap:before{background:#f6f6f6}.nav-wrap a{color:#000}.nav-wrap a:before{background:#d0d0d0}.nav-wrap a .tw{color:#FFF}.main{background:#FFF}.pagetitle-bg{background:rgba(0,0,0,0.1)}.top .pagetitle-bg{background:rgba(0,0,0,0.3)}.pagetitle-text{color:#000}.top .pagetitle-text{color:#FFF}.footer{padding:50px 20px;border-top:#ccc solid 1px}.scroll-down{right:calc(20px + 10px)}.scroll-top{background:#ddd;color:#000}}@media screen and (max-width: 640px){.logo{height:40px}.logo-img{height:40px;width:54px}.hamburger{width:30px;margin-top:2px}.nav-wrap{top:calc(20px * 2 + 40px);right:20px;width:calc(100vw - (20px * 4))}.main{padding:40px 0}section{padding:40px 0}.pagetitle{padding:40px 0}.pagetitle-bg{bottom:40px}.pagetitle-text{line-height:1}.pagetitle .en{font-size:1.5rem}}