body{font-family:"Quicksand",Arial,Helvetica,"STHeiti Light","Heiti TC","微軟正黑體","Microsoft JhengHei",sans-serif;line-height:1.8;letter-spacing:.1rem;color:#CCC;background:#0d0d0d;-webkit-text-size-adjust:100%}a{text-decoration:none;color:#CCC}a:hover{color:#CCC}.loading{position:fixed;bottom:0;left:0;width:100%;height:100%;background:#1b1b1b;z-index:20;-moz-transition:height .8s .2s;-o-transition:height .8s .2s;-webkit-transition:height .8s;-webkit-transition-delay:.2s;transition:height .8s .2s}.loading.show-loading{height:0}.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 .8s,background .8s;-o-transition:padding .8s,background .8s;-webkit-transition:padding .8s,background .8s;transition:padding .8s,background .8s}.onScroll .header{padding:20px 70px;background:#0d0d0d}.logo{position:relative;z-index:1;height:50px;width:auto}.logo img{height:100%;-moz-transition:filter .8s;-o-transition:filter .8s;-webkit-transition:filter .8s;transition:filter .8s}.logo svg{height:100%;-webkit-filter:drop-shadow(0 0 5px #666);filter:drop-shadow(0 0 5px #666)}.logo svg .cls-1{fill:#e1e1e1;-moz-transition:fill .8s;-o-transition:fill .8s;-webkit-transition:fill .8s;transition:fill .8s}.onScroll .logo svg{-webkit-filter:drop-shadow(0 0 0 transparent);filter:drop-shadow(0 0 0 transparent)}.onScroll .logo svg .cls-1{fill:#d8a100}.show-nav .logo svg{-webkit-filter:drop-shadow(0 0 0 transparent);filter:drop-shadow(0 0 0 transparent)}.show-nav .logo svg .cls-1{fill:#d8a100}.nav li{position:relative;display:inline-block;font-size:.875rem;margin-left:40px;text-shadow:1px 1px 3px #333;-moz-transition:text-shadow .6s;-o-transition:text-shadow .6s;-webkit-transition:text-shadow .6s;transition:text-shadow .6s}.onScroll .nav li li{text-shadow:unset}.nav li a{color:#FFF;-moz-transition:color .4s;-o-transition:color .4s;-webkit-transition:color .4s;transition:color .4s}.nav li .en{font-family:"Marcellus",serif;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.nav li .tw{position:absolute;top:0;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)}.nav li .tw,.nav li .en{-moz-transition:clip-path .6s;-o-transition:clip-path .6s;-webkit-transition:clip-path .6s;transition:clip-path .6s}.nav li a:hover .en{opacity:0;clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)}.nav li a:hover .tw{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.menu-btn{cursor:pointer;display:none}.hamburger{display:inline-block;vertical-align:middle;position:relative;margin-top:-4px}.hamburger:hover .hamburger-bar:last-child{width:33px}.hamburger-bar{width:33px;height:1px;background:#e1e1e1;box-shadow:1px 1px 3px #333;transition:opacity .6s,transform .6s,width .6s,background 1s,box-shadow 1s}.hamburger-bar:last-child{margin:9px 0 0 auto;width:22px}.show-nav .hamburger-bar{width:26px !important;box-shadow:unset}.show-nav .hamburger-bar:nth-child(1){transform-origin:100% 0;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-moz-transition:-moz-transform .6s .3s,width .6s .3s,background 1s,box-shadow 1s;-o-transition:-o-transform .6s .3s,width .6s .3s,background 1s,box-shadow 1s;-webkit-transition:-webkit-transform .6s,width .6s,background 1s,box-shadow 1s;-webkit-transition-delay:.3s,.3s,0s,0s;transition:transform .6s .3s,width .6s .3s,background 1s,box-shadow 1s}.show-nav .hamburger-bar:last-child{margin:17px 0 0 auto;transform-origin:100% 100%;transform:rotate(45deg);transition:transform .6s .3s,width .6s .3s,margin .6s .3s,background 1s,box-shadow 1s}.onScroll .hamburger-bar{box-shadow:unset}.top{position:relative;width:100%;height:100vh}.top-image{position:relative;height:100%;overflow:hidden;background-size:cover;background-position:center}.top-title{font-weight:normal;color:#e1e1e1;text-shadow:0 0 5px #666;position:absolute;bottom:20%;left:10%}.top-title .en{font-size:1.5rem;font-family:"Marcellus",serif;text-transform:uppercase;letter-spacing:.15rem;display:-ms-flexbox;display:flex;-webkit-align-items:baseline;align-items:baseline;white-space:nowrap}.top-title .en:after{margin-left:10px}.top-title .tw{font-size:.875rem;letter-spacing:.12rem;display:-ms-flexbox;display:flex;-webkit-align-items:baseline;align-items:baseline;white-space:nowrap;margin-top:5px}.top-title .tw:before{margin-right:10px}.top-title .en:after,.top-title .tw:before{content:"";width:100%;min-width:50px;height:1px;background:#e1e1e1;box-shadow:0 0 5px #333;display:block;opacity:.5}.main{position:relative;z-index:6;padding:80px 0}.section{padding:80px 0}.inner{max-width:900px;margin:0 auto;padding:0 70px}.title{color:#EEE;text-align:center;padding-bottom:50px}.title:before{content:"";width:2px;height:60px;background:#444;display:block;margin:0 auto 40px}.title .en{font-family:"Marcellus",serif;font-size:1.5rem;text-transform:uppercase;letter-spacing:.12rem;color:#d8a100}.title .tw{font-size:.875rem;letter-spacing:.12rem}.text{font-size:.875rem;font-weight:bold}.text p{margin-bottom:20px}.text p:last-child{margin-bottom:unset}.text p.en{font-size:.75rem;color:#999}.footer{padding:50px 0;background:#1b1b1b;color:#999}.footer a{color:#999}.footer a:hover{color:#999}.footer-inner{padding:0 70px;text-align:center}.footer-media{font-size:.875rem}.footer-social a{margin:0 5px;font-size:1.125rem}.footer-info{display:-ms-flexbox;display:flex;justify-content:center;margin:15px 0}.footer-item{position:relative}.footer-item:nth-child(1):before{display:none}.footer-item:before{content:"";width:1px;height:12px;background:#999;display:inline-block;margin:0 9px 0 12px}.footer-brand{margin:20px auto 0;width:fit-content}.footer-brand a{display:inline-block;width:90px;margin:0 auto}.footer-brand a:hover img{filter:grayscale(0)}.footer-brand img{width:100%;filter:grayscale(1);transition:filter .4s}.footer-subtitle{margin-bottom:5px;color:#CCC}.footer-copyright{font-size:.75rem;margin-top:20px;padding-top:20px;border-top:1px dashed #444}.scroll-down{position:absolute;bottom:70px;right:70px;cursor:pointer;width:calc(100px / 4);height:0;border-width:0 calc(50px / 4) calc(87px / 4);border-style:solid;border-color:transparent transparent #444;z-index:5;-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-moz-transition:border-color .4s;-o-transition:border-color .4s;-webkit-transition:border-color .4s;transition:border-color .4s}.scroll-down:hover{border-color:transparent transparent #EEE}.scroll-down:hover:before{border-color:#EEE transparent transparent}.scroll-down:hover .scroll-down-arrow{color:#111}.scroll-down:before{content:"";width:calc(100px / 4);height:0;border-width:calc(87px / 4) calc(50px / 4) 0;border-style:solid;border-color:#444 transparent transparent;position:absolute;top:calc(85px / 4);left:calc(-50px / 4);-moz-transition:border-color .4s;-o-transition:border-color .4s;-webkit-transition:border-color .4s;transition:border-color .4s}.scroll-down-arrow{position:absolute;top:7px;left:10px;-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);-moz-transition:color .4s;-o-transition:color .4s;-webkit-transition:color .4s;transition:color .4s}.scroll-top{position:fixed;bottom:70px;right:70px;cursor:pointer;width:calc(100px / 4);height:0;border-width:0 calc(50px / 4) calc(87px / 4);border-style:solid;border-color:transparent transparent #444;opacity:0;-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-moz-transition:border-color .4s,opacity .8s;-o-transition:border-color .4s,opacity .8s;-webkit-transition:border-color .4s,opacity .8s;transition:border-color .4s,opacity .8s}.scroll-top.scrollTop{opacity:1;z-index:9}.scroll-top:hover{border-color:transparent transparent #EEE}.scroll-top:hover:before{border-color:#EEE transparent transparent}.scroll-top:hover .scroll-top-arrow{color:#111}.scroll-top:before{content:"";width:calc(100px / 4);height:0;border-width:calc(87px / 4) calc(50px / 4) 0;border-style:solid;border-color:#444 transparent transparent;position:absolute;top:calc(85px / 4);left:calc(-50px / 4);-moz-transition:border-color .4s;-o-transition:border-color .4s;-webkit-transition:border-color .4s;transition:border-color .4s}.scroll-top-arrow{position:absolute;top:7px;left:10px;-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);-moz-transition:color .4s;-o-transition:color .4s;-webkit-transition:color .4s;transition:color .4s}.fadeDown{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}.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(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}.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(30px);-ms-transform:translateX(30px);-webkit-transform:translateX(30px);transform:translateX(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}.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(-30px);-ms-transform:translateX(-30px);-webkit-transform:translateX(-30px);transform:translateX(-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}.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:#0d0d0d;position:absolute;top:0;right:0;-moz-transition:width .8s;-o-transition:width .8s;-webkit-transition:width .8s;transition:width .8s}.imgLeft.show:after{width:0}.imgRight{position:relative}.imgRight:after{content:"";width:100%;height:100%;background:#0d0d0d;position:absolute;top:0;left:0;-moz-transition:width .8s;-o-transition:width .8s;-webkit-transition:width .8s;transition:width .8s}.imgRight.show:after{width:0}.imgTop{position:relative}.imgTop:after{content:"";width:100%;height:100%;background:#0d0d0d;position:absolute;bottom:0;left:0;-moz-transition:height .8s;-o-transition:height .8s;-webkit-transition:height .8s;transition:height .8s}.imgTop.show:after{height:0}.imgBottom{position:relative}.imgBottom:after{content:"";width:100%;height:100%;background:#0d0d0d;position:absolute;top:0;left:0;-moz-transition:height .8s;-o-transition:height .8s;-webkit-transition:height .8s;transition:height .8s}.imgBottom.show:after{height:0}@media screen and (min-width: 1921px){.header{padding:60px 70px}.onScroll .header{padding:30px 70px}.logo{height:60px}.nav li{font-size:1rem}.top-title .en{font-size:1.75rem}.top-title .tw{font-size:1rem}.inner{max-width:48vw}.title .en{font-size:1.75rem}.title .tw{font-size:1rem}.text{font-size:1rem}.text .en{font-size:.875rem}}@media screen and (min-width: 2401px){.logo{height:70px}}@media screen and (max-width: 1100px){body{background:#e1e1e1;color:#666}a{color:#666}a:hover{color:#666}.loading{background:#f1f1f1}.header{padding:40px 50px}.onScroll .header{padding:20px 50px;background:#e1e1e1}.logo{height:45px}.nav{position:fixed;width:100vw;height:100vh;top:0;left:0;background:#f1f1f1;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);-moz-transition:-moz-transform 1s,top .6s,height .6s;-o-transition:-o-transform 1s,top .6s,height .6s;-webkit-transition:-webkit-transform 1s,top .6s,height .6s;transition:transform 1s,top .6s,height .6s}.show-nav .nav{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.nav ul{position:absolute;left:50%;top:50%;text-align:center;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.nav li{display:block;margin-left:unset;padding:18px 0;opacity:0;-moz-transform:translateX(30px);-ms-transform:translateX(30px);-webkit-transform:translateX(30px);transform:translateX(30px);-moz-transition:opacity 1s .8s,-moz-transform 1s .8s,text-shadow .6s;-o-transition:opacity 1s .8s,-o-transform 1s .8s,text-shadow .6s;-webkit-transition:opacity 1s,-webkit-transform 1s,text-shadow .6s;-webkit-transition-delay:.8s,.8s,0s;transition:opacity 1s .8s,transform 1s .8s,text-shadow .6s}.show-nav .nav li{text-shadow:unset;opacity:1;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.nav li a{color:#666}.nav li a:hover{color:#999}.nav li a:hover .en{color:#999;opacity:1;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.nav li .en{color:#d8a100;transition:color .4s}.nav li .tw{position:relative;top:unset;left:unset;opacity:1;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.nav li .tw:before{content:"";width:30px;height:1px;border-bottom:1px dashed #999;display:inline-block;margin:0 10px 4px}.menu-btn{display:block}.onScroll .hamburger-bar{background:#0d0d0d}.show-nav .hamburger-bar{background:#0d0d0d}.inner{padding:0 50px}.title{color:#111}.title:before{width:1px;background:#c8c8c8}.footer{background:#f1f1f1;color:#666}.footer a{color:#666}.footer a:hover{color:#666}.footer-inner{padding:0 50px}.footer-item:before{margin:0 7px 0 10px}.footer-subtitle{color:#666}.footer-copyright{border-top:1px dashed #c8c8c8}.scroll-down{border-color:transparent transparent #e1e1e1;right:50px;bottom:50px}.scroll-down:hover{border-color:transparent transparent #111}.scroll-down:hover:before{border-color:#111 transparent transparent}.scroll-down:hover .scroll-down-arrow{color:#e1e1e1}.scroll-down:before{border-color:#e1e1e1 transparent transparent}.scroll-down-arrow{color:#111}.scroll-top{border-color:transparent transparent #fff;right:50px;bottom:50px}.scroll-top:hover{border-color:transparent transparent #111}.scroll-top:hover:before{border-color:#111 transparent transparent}.scroll-top:hover .scroll-top-arrow{color:#e1e1e1}.scroll-top:before{border-color:#fff transparent transparent}.scroll-top-arrow{color:#999}.imgLeft:after,.imgRight:after,.imgTop:after,.imgBottom:after{background:#e1e1e1}}@media screen and (max-width: 800px){.footer-info{display:block;margin:12px 0}.footer-item{margin-bottom:2px}.footer-item:before{display:none}}@media screen and (max-width: 640px){.header{padding:30px 30px}.onScroll .header{padding:15px 30px}.logo{height:40px}.nav ul{width:100%}.nav li{padding:12px 0}.nav li .tw:before{width:6px;border-bottom:unset;background:#999;margin:0 8px 4px}.top-title{left:30px}.top-title .en{font-size:1.25rem;letter-spacing:.12rem}.main{padding:50px 0}.section{padding:50px 0}.inner{padding:0 30px}.title{padding-bottom:40px}.title:before{height:50px;margin:0 auto 30px}.title .en{font-size:1.25rem}.footer{padding:40px 0}.footer-inner{padding:0 30px}.footer-copyright{padding-top:20px;margin-top:20px}.scroll-down{right:30px;bottom:35px;width:calc(100px / 4.5);border-width:0 calc(50px / 4.5) calc(87px / 4.5)}.scroll-down:before{width:calc(100px / 4.5);border-width:calc(87px / 4.5) calc(50px / 4.5) 0;top:calc(83px / 4.5);left:calc(-50px / 4.5)}.scroll-down-arrow{top:5px;left:9px}.scroll-top{right:30px;bottom:30px;width:calc(100px / 4.5);border-width:0 calc(50px / 4.5) calc(87px / 4.5)}.scroll-top:before{width:calc(100px / 4.5);border-width:calc(87px / 4.5) calc(50px / 4.5) 0;top:calc(83px / 4.5);left:calc(-50px / 4.5)}.scroll-top-arrow{top:5px;left:9px}}