@import url("https://fonts.googleapis.com/css?family=Hind:400,700&display=swap");body{font-family:"Raleway",Arial,Helvetica,"STHeiti Light","Heiti TC","微軟正黑體","Microsoft JhengHei",sans-serif;line-height:1.8;letter-spacing:.1rem;color:#666;-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:#f3f3f3;z-index:20}.loading-logo{position:absolute;top:50%;left:50%;height:76px;z-index:2;opacity:0;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-moz-transition:opacity .8s;-o-transition:opacity .8s;-webkit-transition:opacity .8s;transition:opacity .8s}.show-intro .loading-logo{opacity:1}.loading-logo img{height:100%}.wrapper{overflow:hidden}.header{position:fixed;top:0;width:100%;padding:40px 70px;box-sizing:border-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;z-index:10;-moz-transition:padding 1s,background 1s;-o-transition:padding 1s,background 1s;-webkit-transition:padding 1s,background 1s;transition:padding 1s,background 1s}.onScroll .header{padding:20px 70px;background:#FFF}.logo{position:relative;z-index:1;height:65px;width:auto}.logo img{height:100%}.logo svg{height:100%;-webkit-filter:drop-shadow(0 0 5px #666);filter:drop-shadow(0 0 5px #666);-moz-transition:filter 1s;-o-transition:filter 1s;-webkit-transition:filter 1s;transition:filter 1s}.onScroll .logo svg{-webkit-filter:drop-shadow(0 0 5px transparent);filter:drop-shadow(0 0 5px transparent)}.logo svg path,.logo svg rect{fill:#fff;-moz-transition:fill 1s;-o-transition:fill 1s;-webkit-transition:fill 1s;transition:fill 1s}.onScroll .logo svg path,.onScroll .logo svg rect{fill:#000}.menu{z-index:1;cursor:pointer;position:relative;border:#eee solid 1px;border-radius:20px;box-shadow:0 0 5px #999;padding:3px 15px 0;width:65px;-moz-transition:border 1s,background 1s;-o-transition:border 1s,background 1s;-webkit-transition:border 1s,background 1s;transition:border 1s,background 1s}.show-nav .menu{border:1px solid #999;box-shadow:unset}.onScroll .menu{border:1px solid #999;box-shadow:unset}.menu-text{color:#FFF;text-shadow:0 0 5px #666;font-size:.875rem;-moz-transition:color 1s,text-shadow 1s;-o-transition:color 1s,text-shadow 1s;-webkit-transition:color 1s,text-shadow 1s;transition:color 1s,text-shadow 1s}.show-nav .menu-text{color:#666;text-shadow:unset}.onScroll .menu-text{color:#666;text-shadow:unset}.menu-dot{position:absolute;width:4px;height:4px;background:#FFF;border-radius:50%;box-shadow:0 0 5px #666;right:15px;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);-moz-transition:background 1s,box-shadow 1s;-o-transition:background 1s,box-shadow 1s;-webkit-transition:background 1s,box-shadow 1s;transition:background 1s,box-shadow 1s}.show-nav .menu-dot{background:#666;box-shadow:unset}.onScroll .menu-dot{background:#666;box-shadow:unset}.nav{position:fixed;width:100vw;height:100vh;top:0;right:0;z-index:1;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);visibility:hidden;-moz-transition:visibility 1s,backdrop-filter .8s;-o-transition:visibility 1s,backdrop-filter .8s;-webkit-transition:visibility 1s,backdrop-filter .8s;transition:visibility 1s,backdrop-filter .8s}.show-nav .nav{opacity:1;visibility:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-content{position:absolute;width:40%;height:100%;top:0;right:0;background:#f3f3f3;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);-moz-transition:-moz-transform 1s;-o-transition:-o-transform 1s;-webkit-transition:-webkit-transform 1s;transition:transform 1s}.show-nav .nav-content{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.nav ul{position:absolute;top:50%;left:0;margin:0 70px;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.nav li{position:relative;line-height:1;font-size:.875rem;margin:2.5rem 0}.nav li a:hover .nav-text span{-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.nav-text{display:-ms-flexbox;display:flex;-webkit-flex-flow:column;flex-flow:column;color:#111;height:14px;overflow:hidden;position:relative;padding-left:25px}.nav-text:before{content:"";width:12px;height:1px;background:#999;position:absolute;top:50%;left:0;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.nav-text span{-moz-transition:-moz-transform .4s;-o-transition:-o-transform .4s;-webkit-transition:-webkit-transform .4s;transition:transform .4s}.nav .en{letter-spacing:.1rem;font-family:"Ubuntu",serif}.nav .tw{letter-spacing:.15rem}.top{position:relative;width:100%;height:100vh}.top-image{position:absolute;height:100%;width:100%;overflow:hidden;background-size:cover;background-position:center;-webkit-filter:brightness(.8);filter:brightness(.8)}.top-title{font-weight:normal;text-shadow:0 0 5px #666;color:#FFF;text-align:center;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%)}.top-title .en{font-size:1.5rem;font-family:"Ubuntu",serif}.top-title .en:after{content:"";width:40px;height:1px;background:#FFF;box-shadow:0 0 5px #666;display:block;margin:15px auto 20px}.top-title .tw{font-size:.875rem;letter-spacing:.15rem}.container{padding:8% 0}.section{padding:8% 0}.title{color:#111;position:relative;margin-bottom:30px;padding-bottom:30px}.title.show:after{width:40px}.title.show .en,.title.show .tw{opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.title:after{content:"";width:0px;height:1px;background:#666;position:absolute;bottom:0;left:0;-moz-transition:width 1s .4s;-o-transition:width 1s .4s;-webkit-transition:width 1s;-webkit-transition-delay:.4s;transition:width 1s .4s}.title .en{font-family:"Ubuntu",serif;font-size:1.25rem;opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:opacity 1s,-moz-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s}.title .tw{font-size:.875rem;letter-spacing:.15rem;opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:opacity 1s,-moz-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s}.text{font-size:.875rem}.text p{margin-bottom:20px}.text p:last-child{margin-bottom:0}.text p.en{font-size:.75rem}.btn{width:fit-content;margin-top:40px}.btn a{display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;padding:5px 17px 2px;border-radius:20px;border:1px solid #999;color:#999;-moz-transition:background .4s,color .4s;-o-transition:background .4s,color .4s;-webkit-transition:background .4s,color .4s;transition:background .4s,color .4s}.btn a:hover{background:#111;color:#FFF}.btn a:hover .btn-dot{background:#FFF}.btn-text{font-size:.75rem}.btn-dot{width:4px;height:4px;background:#999;border-radius:50%;margin-left:10px;margin-bottom:3px;-moz-transition:background .4s;-o-transition:background .4s;-webkit-transition:background .4s;transition:background .4s}.footer{padding:60px 0 30px;background:#f3f3f3;text-align:center}.footer-inner{padding:0 70px}.footer-logo{width:85px;margin:0 auto}.footer-logo img{width:100%;-webkit-filter:contrast(.7);filter:contrast(.7)}.footer-nav{font-size:.875rem;margin:60px 0 50px}.footer-nav li{display:inline-block;margin:0 15px}.footer-nav li:nth-child(1){margin-left:unset}.footer-nav li:last-child{margin-right:unset}.footer-nav li a{position:relative;color:#999;-moz-transition:color .6s;-o-transition:color .6s;-webkit-transition:color .6s;transition:color .6s}.footer-nav li a:hover{color:#ccc}.footer-nav li .en{font-family:"Ubuntu",serif}.footer-media{font-size:.75rem}.footer-media a{margin:0 3px;color:#999;-moz-transition:color .6s;-o-transition:color .6s;-webkit-transition:color .6s;transition:color .6s}.footer-media a:hover{color:#ccc}.footer-copyright{font-size:.75rem;color:#999;margin-top:40px}.footer-copyright a{color:#999}.scroll-down{position:absolute;bottom:0;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);height:70px;z-index:5;cursor:pointer}.scroll-down-text{font-size:.75rem;text-shadow:0 0 5px #666;color:#FFF;letter-spacing:.12rem;white-space:nowrap;position:absolute;top:0;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.scroll-down-line{width:1px;height:40px;background:#FFF;box-shadow:0 0 5px #666;position:absolute;bottom:0;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);-moz-animation:scrollDown 2s infinite;-webkit-animation:scrollDown 2s infinite;animation:scrollDown 2s infinite}.scroll-top{position:fixed;bottom:0;right:20px;height:70px;z-index:9;cursor:pointer;pointer-events:none;opacity:0;-moz-transition:opacity 1s;-o-transition:opacity 1s;-webkit-transition:opacity 1s;transition:opacity 1s}.scroll-top.show{opacity:1;pointer-events:auto}.scroll-top-text{font-size:.75rem;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr}.scroll-top-line{width:1px;height:100%;background:#999;position:absolute;bottom:0;left:0;-moz-animation:scrollTop 2s infinite;-webkit-animation:scrollTop 2s infinite;animation:scrollTop 2s infinite}@-moz-keyframes scrollDown{0%{height:0;bottom:40px}50%{height:40px;bottom:0}100%{height:0;bottom:0}}@-webkit-keyframes scrollDown{0%{height:0;bottom:40px}50%{height:40px;bottom:0}100%{height:0;bottom:0}}@keyframes scrollDown{0%{height:0;bottom:40px}50%{height:40px;bottom:0}100%{height:0;bottom:0}}@-moz-keyframes scrollTop{0%{height:0;bottom:70px}50%{height:70px;bottom:0}100%{height:0;bottom:0}}@-webkit-keyframes scrollTop{0%{height:0;bottom:70px}50%{height:70px;bottom:0}100%{height:0;bottom:0}}@keyframes scrollTop{0%{height:0;bottom:70px}50%{height:70px;bottom:0}100%{height:0;bottom:0}}.fadeDown{opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:opacity 1s,-moz-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s}.fadeDown.show{opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.fadeUp{opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:opacity 1s,-moz-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s}.fadeUp.show{opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.fadeLeft{opacity:0;-moz-transform:translateX(20px);-ms-transform:translateX(20px);-webkit-transform:translateX(20px);transform:translateX(20px);-moz-transition:opacity 1s,-moz-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s}.fadeLeft.show{opacity:1;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.fadeRight{opacity:0;-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-webkit-transform:translateX(-20px);transform:translateX(-20px);-moz-transition:opacity 1s,-moz-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s}.fadeRight.show{opacity:1;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.imgLeft{position:relative}.imgLeft:after{content:"";width:100%;height:100%;background:#FFF;position:absolute;top:0;right:0;-moz-transition:width 1s;-o-transition:width 1s;-webkit-transition:width 1s;transition:width 1s}.imgLeft.show:after{width:0}.imgRight{position:relative}.imgRight:after{content:"";width:100%;height:100%;background:#FFF;position:absolute;top:0;left:0;-moz-transition:width 1s;-o-transition:width 1s;-webkit-transition:width 1s;transition:width 1s}.imgRight.show:after{width:0}.imgTop{position:relative}.imgTop:after{content:"";width:100%;height:100%;background:#FFF;position:absolute;bottom:0;left:0;-moz-transition:height 1s;-o-transition:height 1s;-webkit-transition:height 1s;transition:height 1s}.imgTop.show:after{height:0}.imgBottom{position:relative}.imgBottom:after{content:"";width:100%;height:100%;background:#FFF;position:absolute;top:0;left:0;-moz-transition:height 1s;-o-transition:height 1s;-webkit-transition:height 1s;transition:height 1s}.imgBottom.show:after{height:0}@media screen and (max-width: 1100px){.header{padding:40px 50px}.onScroll .header{padding:20px 50px}.nav-content{width:400px}.footer-inner{padding:0 50px}.footer-nav li{margin:0 12px}.scroll-top{right:15px}}@media screen and (max-width: 640px){.loading-logo{height:66px}.header{padding:40px 30px}.onScroll .header{padding:20px 30px}.logo{height:60px}.menu{width:55px}.menu-text{font-size:.75rem}.nav-content{width:300px}.nav li{margin:30px 0}.nav .tw{letter-spacing:.12rem}.top-title{width:calc(100% - 60px)}.top-title .en{font-size:1.25rem}.top-title .en:after{width:30px;margin:10px auto 15px}.container{padding:50px 0}.section{padding:50px 0}.title{padding-bottom:25px;margin-bottom:25px}.title.show:after{width:35px}.title .en{font-size:1.125rem}.title .tw{letter-spacing:.12rem}.btn{margin-top:35px}.footer{padding:50px 0 20px}.footer-inner{padding:0 30px}.footer-logo{width:75px}.footer-nav{margin:50px 0 35px}.footer-nav li{display:block;margin:5px 0 0}.footer-copyright{padding:0 20px;margin-top:30px}.scroll-down{height:60px}.scroll-down-line{height:32px}.scroll-top{height:60px;right:10px}@-moz-keyframes scrollDown{0%{height:0;bottom:32px}50%{height:32px;bottom:0}100%{height:0;bottom:0}}@-webkit-keyframes scrollDown{0%{height:0;bottom:32px}50%{height:32px;bottom:0}100%{height:0;bottom:0}}@keyframes scrollDown{0%{height:0;bottom:32px}50%{height:32px;bottom:0}100%{height:0;bottom:0}}@-moz-keyframes scrollTop{0%{height:0;bottom:60px}50%{height:60px;bottom:0}100%{height:0;bottom:0}}@-webkit-keyframes scrollTop{0%{height:0;bottom:60px}50%{height:60px;bottom:0}100%{height:0;bottom:0}}@keyframes scrollTop{0%{height:0;bottom:60px}50%{height:60px;bottom:0}100%{height:0;bottom:0}}}