body{font-family:"Hind",Arial,Helvetica,"STHeiti Light","Heiti TC","微軟正黑體","Microsoft JhengHei",sans-serif;line-height:1.5;letter-spacing:1px;color:#666;-webkit-text-size-adjust:100%}a{text-decoration:none;color:#666}a:hover{color:#666}a,button{-webkit-tap-highlight-color:rgba(0,0,0,0)}img{width:100%;height:auto}.wrapper{overflow:hidden}.header{position:fixed;top:-125px;left:0;width:100%;z-index:100;padding:40px 0;transition:background .6s,padding .6s,top 1s}.header-inner{position:relative;padding:0 5vw;display:flex;justify-content:space-between;align-items:center}.header-link ul{display:flex;gap:20px}.header-link img{width:20px;filter:brightness(15);transition:filter .6s}.is-scroll .header-link img{filter:brightness(10)}.header.show{top:0}.is-scroll .header{background:#fff;padding:10px 0;box-shadow:0px 0px 5px #ccc}.logo{position:relative;filter:brightness(2);height:40px;width:-moz-fit-content;width:fit-content;transition:filter 1s;z-index:1}.logo img{width:auto;height:100%}.is-scroll .logo{filter:brightness(1)}.menu{transition:opacity .6s}.menu ul{display:flex;gap:3vw}.menu a{position:relative;display:block;font-size:.875rem;color:#fff;transition:color .3s}.menu a .tw{position:absolute;top:0;left:50%;transform:translateX(-50%);white-space:nowrap;opacity:0;clip-path:inset(0 100% 0 0)}.menu a .tw:after{content:"";height:1px;background:#fff;display:block;opacity:.5}.menu a .en{clip-path:inset(0 0 0 0)}.menu a .en,.menu a .tw{transition:opacity .6s,clip-path .6s}.menu a .en:after,.menu a .tw:after{transition:background .3s}.menu a:hover .tw{opacity:1;clip-path:inset(0 0 0 0)}.menu a:hover .en{opacity:0;clip-path:inset(0 0 0 100%)}.menu a.active .en:after{content:"";height:1px;background:#fff;display:block;opacity:.5}.is-scroll .menu a{color:#000}.is-scroll .menu a .tw:after{background:#ccc}.is-scroll .menu a:hover,.is-scroll .menu a.active{color:#999}.is-scroll .menu a.active .en:after{background:#ccc}.hamburger{position:relative;width:30px;cursor:pointer;display:none;z-index:1}.hamburger-bar{display:block;height:1px;background:#fff;margin:5px 0;transition:transform .6s}.hamburger-bar:nth-child(1){margin-left:7px}.show-menu .hamburger-bar:nth-child(1){transform:translateY(6px)}.hamburger-bar:nth-child(3){margin-left:7px}.show-menu .hamburger-bar:nth-child(3){transform:translateY(-6px)}.is-scroll .hamburger-bar,.show-menu .hamburger-bar{background:#999}.hero{width:100%;height:100vh;position:relative;overflow:hidden}.hero-img{position:absolute;top:0;width:100%;height:100%}.hero-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.hero-img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.05}.inner{padding:0 5vw;max-width:1200px;margin:0 auto}.container{padding:8vw 0;background:#fff}.section{padding:8vw 0}.pagetitle{position:absolute;top:50%;left:5vw;right:5vw;font-weight:normal;color:#fff;line-height:1;text-shadow:2px 2px 6px #666}.pagetitle-en{display:block;width:-moz-fit-content;width:fit-content;letter-spacing:normal;font-family:"Raleway",sans-serif;font-weight:300;font-size:1.75rem;clip-path:inset(0 100% 0 0);transition:clip-path 1s .6s}.pagetitle-en:after{content:"";width:1px;height:0;background:#fff;display:inline-block;vertical-align:middle;margin-left:20px;transform:rotate(30deg);opacity:.5;transition:height .6s 1s}.show .pagetitle-en{clip-path:inset(0 -20% 0 0)}.show .pagetitle-en:after{height:30px}.pagetitle-tw{display:block;font-size:.875rem;margin-top:10px;transform:translateY(20px);opacity:0;transition:transform .6s 1s,opacity .6s 1s}.show .pagetitle-tw{transform:translateY(0);opacity:1}.title{font-family:"Raleway",sans-serif;font-size:1.5rem;font-weight:300;letter-spacing:normal;color:#000;line-height:1}.title-tw{font-weight:normal;display:block;font-size:.875rem;margin-top:10px}.text{font-size:.875rem;line-height:2}.text.en{font-size:.75rem;color:#999;margin-top:40px}.text .emphasize{color:#000;font-weight:normal}.btn{position:relative;font-size:.75rem;text-align:center;padding:10px 30px;border:#ccc solid 1px;display:inline-block}.btn .en{transition:opacity .3s,transform .3s;display:inline-block}.btn .tw{position:absolute;top:50%;left:40%;transform:translate(-50%, -50%);color:#000;opacity:0;transition:opacity .3s,left .3s}.btn:before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background:#f2f2f2;transition:width .3s}.btn:hover .en{transform:translateX(10%);opacity:0}.btn:hover .tw{opacity:1;left:50%}.btn:hover:before{width:100%}.footer{background:#f2f2f2}.footer-inner{padding:40px 5vw;display:flex;justify-content:space-between}.footer-link ul{display:flex;align-items:center;gap:10px}.footer-link-item{display:block;width:38px;height:38px;border-radius:50%;background:#999;border:1px solid #999;overflow:hidden;transition:background .3s}.footer-link-item img{width:20px;margin:9px auto;filter:brightness(20);transition:filter .3s}.footer-link-item:hover{background:#fff;border:1px solid #ccc}.footer-link-item:hover img{filter:brightness(10)}.footer-copyright{text-align:right;font-size:.75rem}.footer-copyright a:hover{color:#000}.scroll-down{position:absolute;bottom:40px;right:5vw;font-size:.875rem;color:#fff;text-shadow:0 0 5px #000;z-index:5;line-height:30px;height:30px;overflow:hidden;cursor:pointer;opacity:0;transition:opacity .6s}.show .scroll-down{opacity:1}.scroll-down-inner{height:30px;transform:translateY(-30px);transition:transform .3s}.scroll-down-inner:after{content:"";border-right:2px solid #fff;border-bottom:2px solid #fff;width:5px;height:5px;transform:rotate(45deg);display:inline-block;vertical-align:middle;margin:-5px 10px 0 10px}.scroll-down:hover .scroll-down-inner{transform:translateY(0px)}.scroll-top{position:fixed;bottom:0px;right:10px;width:40px;height:40px;background:#fff;border:#ccc solid 1px;cursor:pointer;border-radius:20px 20px 0 0;box-shadow:0 0 3px #ccc;display:flex;transform:translateY(100%);transition:padding-bottom .3s,transform .6s}.scroll-top.show{transform:translateY(0px)}.scroll-top img{width:20px;margin:auto;opacity:.5;animation:scroll-top 1s infinite}.scroll-top:hover{padding-bottom:15px}.scroll-top:hover img{animation:none}@keyframes scroll-top{0%{transform:translateY(2px)}50%{transform:translateY(-2px)}100%{transform:translateY(2px)}}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#f2f2f2;z-index:200}.loading-logo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);clip-path:inset(0 100% 0 0);transition:clip-path .2s linear}.loading-logo-bg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);filter:brightness(10)}.fadeIn{opacity:0;transition:opacity 1s}.fadeIn.show{opacity:1}.fadeUp{opacity:0;transform:translateY(20px);transition:opacity 1.5s,transform 1.5s}.fadeUp.show{opacity:1;transform:translateY(0px)}.fadeDown{opacity:0;transform:translateY(-20px);transition:opacity 1.5s,transform 1.5s}.fadeDown.show{opacity:1;transform:translateY(0px)}.fadeLeft{opacity:0;transform:translateX(20px);transition:opacity 1.5s,transform 1.5s}.fadeLeft.show{opacity:1;transform:translateX(0px)}.clipLeft{clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)}.clipRight{clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)}.clipUp{clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%)}.clipDown{clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)}.clipLeft,.clipRight,.clipUp,.clipDown{transition:clip-path 1.5s}.clipLeft.show,.clipRight.show,.clipUp.show,.clipDown.show{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.maskLeft{position:relative}.maskLeft::before{content:"";position:absolute;top:0;left:-1%;width:102%;height:100%;background:#fff;z-index:1}.maskLeft::after{content:"";position:absolute;top:0;height:100%;background:#f2f2f2;z-index:1}.maskLeft.show:before{width:0;transition:width 1s 1s}.maskLeft.show:after{animation:mask-left 1s forwards}.maskRight{position:relative}.maskRight::before{content:"";position:absolute;top:0;right:-1%;width:102%;height:100%;background:#fff;z-index:1}.maskRight::after{content:"";position:absolute;top:0;height:100%;background:#f2f2f2;z-index:1}.maskRight.show:before{width:0;transition:width 1s 1s}.maskRight.show:after{animation:mask-right 1s forwards}.maskDown{position:relative}.maskDown::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:#fff;z-index:1}.maskDown::after{content:"";position:absolute;top:0;width:100%;background:#f2f2f2;z-index:1}.maskDown.show:before{height:0;transition:height .6s 1s}.maskDown.show:after{animation:mask-down 1s forwards}@keyframes mask-left{0%{right:0;left:100%}45%{right:0;left:0}55%{right:0;left:0}100%{right:100%;left:0}}@keyframes mask-right{0%{left:0;right:100%}45%{left:0;right:0}55%{left:0;right:0}100%{left:100%;right:0}}@keyframes mask-down{0%{top:0;bottom:100%}45%{top:0;bottom:0}55%{top:0;bottom:0}100%{top:100%;bottom:0}}@media screen and (max-width: 1100px){.header-link{position:fixed;left:50%;bottom:-40px;transform:translateX(-50%);transition:bottom .6s 0s}.show-menu .header-link{bottom:40px;transition-delay:1.5s}.show-menu .header-link img{filter:brightness(10)}.show-menu .header{padding:40px 0}.show-menu .logo{filter:brightness(1)}.menu{position:fixed;top:0;left:0;width:100%;height:0%;background:#fff;display:flex;overflow:hidden;transition:height 1s .6s}.show-menu .menu{height:100%;transition-delay:0s}.menu ul{padding:85px 5vw 80px;margin:auto;flex-direction:column;text-align:center}.menu li{opacity:0;transform:translateY(10px);transition:opacity .6s,transform .6s}.show-menu .menu li{opacity:1;transform:translateY(0px)}.show-menu .menu li:nth-child(1){transition-delay:1s}.show-menu .menu li:nth-child(2){transition-delay:1.2s}.show-menu .menu li:nth-child(3){transition-delay:1.4s}.show-menu .menu li:nth-child(4){transition-delay:1.6s}.show-menu .menu li:nth-child(5){transition-delay:1.8s}.show-menu .menu li:nth-child(6){transition-delay:2s}.menu a{font-size:1.25rem}.menu a .tw{font-size:.8em}.show-menu .menu a{color:#000}.show-menu .menu a .tw:after{background:#ccc}.show-menu .menu a:hover,.show-menu .menu a.active{color:#999}.show-menu .menu a.active .en:after{background:#ccc}.hamburger{display:block}.footer-inner{display:block;padding:20px 5vw}.footer-copyright{text-align:left;margin-top:10px}.footer-link-item{width:28px;height:28px}.footer-link-item img{width:16px;margin:6px auto}.scroll-top{right:5vw}}@media screen and (max-width: 640px){.menu a{font-size:1.125rem}.title{font-size:1.5rem}}@media screen and (max-width: 1100px)and (max-height: 500px){.show-menu .header{padding:20px 0}.show-menu .header-link{bottom:20px}.menu a{font-size:1.125rem}.menu ul{padding:85px 5vw 60px;flex-wrap:wrap;height:120px;gap:15px}}@media screen and (max-width: 1100px)and (max-height: 300px){.menu ul{height:70px}}