body{font-family:"Cormorant Upright",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;bottom:0;left:0;width:100%;height:100%;background:#f3f3f3;z-index:20;-moz-transition:width 1s;-o-transition:width 1s;-webkit-transition:width 1s;transition:width 1s}.loading.show-loading{width:0}.wrapper{overflow:hidden}.header{position:fixed;top:0;width:100%;padding:40px 0;box-sizing:border-box;z-index:10;transition:padding .8s,background .8s}.onScroll .header{padding:20px 0;background:#FFF}.header-inner{max-width:1300px;margin:0 auto;padding:0 80px;position:relative}.logo{position:relative;width:50px;height:85px;margin:auto;filter:drop-shadow(0 0 5px #666);transition:filter .4s,width .4s,height .4s}.logo #logo-text path{fill:#FFF;transition:fill .4s}.logo #logo-circle path{fill:#d80835;transition:fill .4s}.onScroll .logo{filter:drop-shadow(0 0 0px transparent)}.onScroll .logo #logo-text path{fill:#231815}.onScroll .logo #logo-circle path{fill:#d80835}.logo img{width:100%}.logo svg{width:100%}.nav{position:absolute;top:50%;width:48%;padding:0 40px;box-sizing:border-box;transform:translateY(-50%)}.nav-right{right:0}.nav-left{left:0;text-align:right}.nav li{position:relative;display:inline-block;line-height:25px;margin:0 5%;text-align:center}.nav a{font-size:.95rem;color:#FFF;text-shadow:0 0 5px #666;transition:color .4s,text-shadow .4s}.onScroll .nav a{color:#000;text-shadow:unset}.onScroll .nav a .en:after,.onScroll .nav a .tw:after{background:#999;box-shadow:unset}.nav a:hover .en{opacity:0}.nav a:hover .tw{opacity:1}.nav a .en,.nav a .tw{transition:opacity .4s}.nav a .en:after,.nav a .tw:after{content:"";width:0;height:1px;background:#FFF;box-shadow:0 0 5px #666;position:absolute;bottom:2px;left:0;transition:width .4s,background .4s,box-shadow .4s}.nav a .en{font-family:"Cormorant Upright",Arial,Helvetica}.nav a .tw{position:absolute;top:50%;left:50%;white-space:nowrap;opacity:0;transform:translate(-50%, -50%)}.nav .active .en:after,.nav .active .tw:after{width:100%}.hamburger{display:none;cursor:pointer;position:absolute;top:50%;vertical-align:middle;transform:translateY(-50%)}.hamburger-bar{width:35px;height:1px;background:#FFF;box-shadow:0 0 5px #666;transition:box-shadow .8s,background .8s,width .8s}.onScroll .hamburger-bar{background:#999;box-shadow:unset}.hamburger-bar:last-child{width:22px;margin-top:9px}.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;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.top-title .en{font-size:1.75rem;letter-spacing:.15rem}.top-title .tw{font-size:.95rem;letter-spacing:.4rem}.main{overflow:hidden}.container{position:relative;margin-top:100vh;background:#FFF;z-index:7;padding:100px 0}.section{padding:100px 0}.title{position:relative;padding-left:15px;margin-bottom:40px;opacity:0;-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-webkit-transform:translateY(-30px);transform:translateY(-30px);-moz-transition:opacity .8s,-moz-transform .8s;-o-transition:opacity .8s,-o-transform .8s;-webkit-transition:opacity .8s,-webkit-transform .8s;transition:opacity .8s,transform .8s}.title.show{opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.title-circle{width:35px;position:absolute;top:8px;left:0;opacity:.15}.title-circle img{width:100%}.title-en{font-size:1.75rem;font-family:"Cormorant Upright",Arial,Helvetica;color:#000;letter-spacing:.12rem}.text{font-size:.95rem}.text p{margin-bottom:20px}.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:.875rem;color:#999}.btn{margin-top:35px;width:fit-content}.btn-link:hover .btn-text{color:#999}.btn-text{font-size:.95rem;font-family:"Cormorant Upright",Arial,Helvetica;letter-spacing:.12rem;color:#000;position:relative;transition:color .4s}.btn-text:after{content:"";width:40px;height:.1px;background:#ccc;position:absolute;top:52%;left:calc(100% + 12px);transform:translateY(-50%);animation:btnLine 2.4s infinite}@-moz-keyframes btnLine{0%{width:0px;left:calc(100% + 12px)}50%{width:40px;left:calc(100% + 12px)}100%{width:0px;left:calc(100% + 47px)}}@-webkit-keyframes btnLine{0%{width:0px;left:calc(100% + 12px)}50%{width:40px;left:calc(100% + 12px)}100%{width:0px;left:calc(100% + 47px)}}@keyframes btnLine{0%{width:0px;left:calc(100% + 12px)}50%{width:40px;left:calc(100% + 12px)}100%{width:0px;left:calc(100% + 47px)}}.footer{position:relative;background:#FFF;padding:20px 0;overflow:hidden}.footer-inner{padding:0 80px;max-width:1300px;margin:0 auto}.footer-copyright{font-size:.875rem}.scroll-down{position:absolute;bottom:20px;left:50%;z-index:6;cursor:pointer;transform:translateX(-50%)}.scroll-down-text{font-size:.875rem;text-align:center;color:#FFF;text-shadow:0 0 5px #666;letter-spacing:.12rem}.scroll-down-arrow{width:5px;height:5px;margin:0 auto;border-left:2px solid #FFF;border-bottom:2px solid #FFF;transform:rotate(-45deg)}.scroll-top{position:fixed;bottom:15px;right:20px;cursor:pointer;z-index:7;transition:opacity .8s}.scroll-top-text{font-size:.875rem;font-family:"Cormorant Upright",Arial,Helvetica;text-align:center;color:#666;letter-spacing:.12rem}.scroll-top-arrow{width:5px;height:5px;margin:0 auto;border-left:2px solid #999;border-top:2px solid #999;transform:rotate(45deg)}.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}@media screen and (max-width: 1100px){nav{position:fixed;width:100vw;height:0;top:0;left:0}nav:after{content:"";width:100%;height:100%;background:#f3f3f3;position:absolute;top:0;left:0;opacity:0;z-index:-1;transition:opacity 1s}.show-nav nav{height:100vh}.show-nav nav:after{opacity:1}.nav{width:unset;padding:0;position:relative;top:unset;text-align:center;opacity:0;transform:translateY(0);transition:opacity .4s}.show-nav .nav{opacity:1;transition-delay:.6s}.nav-inner{width:60%;max-width:640px;position:absolute;top:50%;left:50%;transform:translate(-50%, -100%)}.show-nav .nav-inner{transform:translate(-50%, -50%)}.nav-left{text-align:center}.nav li{width:80px;margin:10px 5%}.nav a{color:#000;text-shadow:unset}.nav a .en:after,.nav a .tw:after{display:none}.nav .active a{color:#999}.hamburger{display:block}.show-nav .hamburger-bar{background:#999;box-shadow:unset;width:26px}.show-nav .hamburger-bar:nth-child(1){transform-origin:0% 0;transform:rotate(45deg);transition:transform .8s .3s,width .8s .3s,background 1s,box-shadow 1s}.show-nav .hamburger-bar:last-child{margin-top:17px;transform-origin:0% 100%;transform:rotate(-45deg);transition:transform .8s .3s,width .8s .3s,margin-top .8s .3s,background 1s,box-shadow 1s}}@media screen and (max-width: 640px){.header{padding:30px 0}.onScroll .header{padding:15px 0}.header-inner{padding:0 20px}.logo{width:44px;height:75px}.nav-inner{width:auto}.nav li{display:block;width:auto;margin:10px 0}.hamburger-bar{width:32px}.show-nav .hamburger-bar:last-child{width:26px}.hamburger-bar:last-child{width:20px}.top-title{width:calc(100% - 40px)}.top-title .en{font-size:1.5rem}.container{padding:60px 0}.section{padding:60px 0}.title{margin-bottom:30px;padding-left:13px}.title-circle{width:30px;top:6px}.title-en{font-size:1.5rem}.btn{margin-top:30px}.footer{padding:15px 0}.footer-inner{padding:0 70px 0 20px}.scroll-top{right:15px}}