@import url("https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Lora:ital,wght@0,400..700;1,400..700&family=Noto+Sans+TC:wght@100..900&display=swap");body{font-family:"Nanum Gothic","Microsoft JhengHei",Arial,Helvetica,"STHeiti Light","Heiti TC","微軟正黑體","Microsoft JhengHei",sans-serif;line-height:1.5;letter-spacing:1px;color:#ccc;-webkit-text-size-adjust:100%;background:#000}a{text-decoration:none;color:#ccc}a:hover{color:#ccc}.loading{position:fixed;top:0;left:0;background:url(../images/bg.jpg);width:100%;height:100%;z-index:20}.loading-logo{width:160px;position:absolute;top:50%;left:50%;opacity:0;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.show-intro .loading-logo{opacity:1}.loading-logo img{width:100%}.wrapper{overflow:hidden;background-image:url(../images/bg.jpg);background-size:cover;background-repeat:no-repeat;position:relative}.wrapper:before{content:"";width:96%;height:100%;border-left:1px dotted #999;border-right:1px dotted #999;position:absolute;top:0;left:50%;opacity:.5;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none}.header{position:fixed;top:0;width:calc(100% - 100px);padding:30px 50px;z-index:10;-moz-transition:padding .6s,background .6s;-o-transition:padding .6s,background .6s;-webkit-transition:padding .6s,background .6s;transition:padding .6s,background .6s}.onScroll .header{padding:15px 50px;background:#000}.header-inner{margin:0 20px;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}.logo{width:150px;height:38.89px}.logo img{width:100%}.logo .svg{-webkit-filter:drop-shadow(0 0 5px #333);filter:drop-shadow(0 0 5px #333)}.logo .svg path,.logo .svg rect{fill:#FFF;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.onScroll .logo .svg{-webkit-filter:drop-shadow(0 0 0 transparent);filter:drop-shadow(0 0 0 transparent)}.nav li{position:relative;display:inline-block;font-size:.875rem;margin-left:30px}.nav li a{color:#FFF;text-shadow:1px 1px 2px #666;-moz-transition:color .6s,text-shadow .6s;-o-transition:color .6s,text-shadow .6s;-webkit-transition:color .6s,text-shadow .6s;transition:color .6s,text-shadow .6s}.nav li a.active{color:#555}.onScroll .nav li a{color:#FFF;text-shadow:unset}.nav li .en{font-family:"Lora",Arial,Helvetica}.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;opacity:0}.nav li .tw,.nav li .en{-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.nav li a:hover .en{opacity:0}.nav li a:hover .tw{opacity:1}.nav-btn a{font-size:.85rem;color:#000 !important;text-shadow:unset !important;padding:5px 15px;border:1px solid #ccc;background:rgba(255,255,255,0.8);margin-left:20px;display:-ms-flexbox;display:flex;transition:background .6s,color .6s,border .6s !important}.onScroll .nav-btn a{color:#FFF !important;border:1px solid #555;background:rgba(0,0,0,0.1)}.nav-btn a i{margin-right:10px;color:#999}.nav-btn a p{position:relative}.nav-btn a .tw{top:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.menu-btn{width:35px;cursor:pointer;display:none}.hamburger{display:inline-block;vertical-align:middle;position:relative;height:20px;margin-top:-4px}.hamburger-bar{width:35px;height:1px;background:#FFF;box-shadow:1px 1px 2px #ccc;-moz-transition:box-shadow .6s;-o-transition:box-shadow .6s;-webkit-transition:box-shadow .6s;transition:box-shadow .6s}.hamburger-bar:nth-child(1){position:absolute;top:33.3333%;left:0}.hamburger-bar:last-child{position:absolute;top:66.6666%;left:0}.onScroll .hamburger-bar{box-shadow:unset}.top{position:relative;width:100%;height:100vh}.top-img{position:relative;height:90%;overflow:hidden;background-size:cover;background-position:center}.top-image{position:relative;height:90%;overflow:hidden;background-size:cover;background-position:center}.top-image-inner{position:absolute;top:0;width:100%;height:100%;background-position:center;background-size:cover}.top-title{position:absolute;width:90%;top:50%;left:50%;color:#FFF;text-align:center;letter-spacing:.12rem;text-shadow:0px 0px 5px #666;-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.625rem;font-family:"Lora",Arial,Helvetica}.top-title .tw{padding-top:2px}.title{color:#FFF;margin-bottom:50px;opacity:0;-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);-webkit-transform:translateX(-30px);transform:translateX(-30px);-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}.title.show{opacity:1;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.title.show .tw:after{width:55px}.title span{letter-spacing:.2rem}.title .tw{font-family:"Noto Sans TC","微軟正黑體","Microsoft JhengHei",sans-serif;margin-top:5px}.title .tw:after{content:"";width:0px;height:1px;background:#9d313c;display:inline-block;margin-left:10px;-moz-transition:width .6s .2s;-o-transition:width .6s .2s;-webkit-transition:width .6s;-webkit-transition-delay:.2s;transition:width .6s .2s}.title .en{font-size:1.625rem;font-family:"Lora",Arial,Helvetica}.text{font-size:1rem;line-height:1.8}.text p{margin-bottom:25px}.text p:last-child{margin-bottom:0}.text p.en{font-size:.85rem;color:#999}.btn{margin-top:40px}.btn a{position:relative;display:-ms-flexbox;display:flex;height:30px;width:fit-content}.btn a:hover .btn-circle{width:15px;height:15px;background:#2a2a2a;bottom:2px}.btn a:hover .btn-text{color:#cf3b3b;margin-left:42px}.btn-circle{width:30px;height:30px;border:1px solid #555;border-radius:50%;position:absolute;bottom:0;left:0;opacity:0;-moz-transform:scale(.5);-ms-transform:scale(.5);-webkit-transform:scale(.5);transform:scale(.5);-moz-transition:width .3s,height .3s,background .3s,bottom .3s,opacity .6s,-moz-transform .6s;-o-transition:width .3s,height .3s,background .3s,bottom .3s,opacity .6s,-o-transform .6s;-webkit-transition:width .3s,height .3s,background .3s,bottom .3s,opacity .6s,-webkit-transform .6s;transition:width .3s,height .3s,background .3s,bottom .3s,opacity .6s,transform .6s}.show .btn-circle{opacity:1;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.btn-text{font-size:.825rem;margin-left:48px;margin-bottom:2px;position:relative;opacity:0;-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);-webkit-transform:translateX(-30px);transform:translateX(-30px);-moz-transition:color .3s,margin-left .3s,opacity .6s .2s,-moz-transform .6s .2s;-o-transition:color .3s,margin-left .3s,opacity .6s .2s,-o-transform .6s .2s;-webkit-transition:color .3s,margin-left .3s,opacity .6s,-webkit-transform .6s;-webkit-transition-delay:0s,0s,.2s,.2s;transition:color .3s,margin-left .3s,opacity .6s .2s,transform .6s .2s}.show .btn-text{opacity:1;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.btn-text:before{content:"";width:calc(100% + 75px);height:1px;background:#555;position:absolute;bottom:4px;left:-35px}.btn-text:after{content:"";width:20px;height:1px;background:#555;position:absolute;right:-40px;bottom:10px;-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}.main{position:relative;z-index:6;padding:100px 0}.section{padding:100px 0}.tab{padding-bottom:50px;padding-top:0}.tab-inner{padding:0 50px;width:calc(90% - 100px);margin:0 auto;position:relative}.tab-content{text-align:right;padding-bottom:25px;border-bottom:1px solid #262626}.tab-content a{font-size:.85rem;color:#999;-moz-transition:color .3s;-o-transition:color .3s;-webkit-transition:color .3s;transition:color .3s}.tab-content a:hover{color:#ccc}.tab-content .tw{font-family:"Noto Sans TC","微軟正黑體","Microsoft JhengHei",sans-serif}.tab-content .en{font-family:"Lora",Arial,Helvetica}.tab-line{display:inline-block;width:1px;height:15px;background:#555;margin:0 8px -3px;-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}.tab-img{width:25%;max-width:180px;position:absolute;top:-20px;left:0;opacity:.2;-moz-animation:round 20s linear infinite;-webkit-animation:round 20s linear infinite;animation:round 20s linear infinite}.tab-img img{width:100%}.footer{background:#000;border-top:1px solid #444}.footer-inner{padding:50px 50px 50px;width:calc(95% - 100px);margin:0 auto}.footer-wrap{display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;align-items:flex-end;padding-bottom:20px;margin-bottom:25px;border-bottom:1px solid #292929}.footer-wrap li{position:relative;display:inline-block;font-size:.85rem;margin-left:25px}.footer-wrap li a{color:#FFF}.footer-wrap li .en{font-family:"Lora",Arial,Helvetica}.footer-wrap 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;opacity:0}.footer-wrap li .tw,.footer-wrap li .en{-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.footer-wrap li a:hover .en{opacity:0}.footer-wrap li a:hover .tw{opacity:1}.footer-logo{width:140px}.footer-logo img{width:100%}.footer-content{display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;align-items:flex-end}.footer-contact{display:-ms-flexbox;display:flex;width:65%;font-size:.825rem}.footer-list{max-width:350px}.footer-list:nth-child(1){margin-right:10%}.footer-item{padding-bottom:5px;padding-left:23px;position:relative}.footer-item:last-child{padding-bottom:unset}.footer-item a{-moz-transition:color .3s;-o-transition:color .3s;-webkit-transition:color .3s;transition:color .3s}.footer-item a:hover{color:#FFF}.footer-item .en{display:block;margin-top:5px}.footer-subtitle{display:inline-block;width:20px;color:#999;position:absolute;top:0;left:0}.footer-copyright{font-size:.825rem;text-align:right}.footer-copyright p:nth-child(1){padding-bottom:3px}.scroll-down{width:20px;height:10vh;position:absolute;left:50%;bottom:0;z-index:5;cursor:pointer;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.scroll-down:after{content:"";width:11px;height:11px;background:#999;position:absolute;top:9px;left:50%;-moz-transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg);-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.scroll-down-circle{width:25px;height:25px;position:absolute;top:-15px;left:50%;border:1px solid #999;border-radius:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.scroll-down-arrow{width:1px;height:calc(100% - 10px);background:#999;position:absolute;bottom:0;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.scroll-top{position:fixed;right:20px;bottom:25px;width:29px;height:95px;z-index:9;cursor:pointer;-moz-transition:opacity .6s,bottom .6s;-o-transition:opacity .6s,bottom .6s;-webkit-transition:opacity .6s,bottom .6s;transition:opacity .6s,bottom .6s}.scroll-top:hover .scroll-top-arrow{top:-5px}.scroll-top:hover .scroll-top-text{color:#ccc}.scroll-top-line{width:1px;height:60px;background:#999;position:absolute;bottom:25px;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.scroll-top-arrow{border-bottom:15px solid #999;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;top:0;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);-moz-transition:top .3s;-o-transition:top .3s;-webkit-transition:top .3s;transition:top .3s}.scroll-top-text{font-size:.85rem;color:#999;position:absolute;bottom:0;left:2px;-moz-transition:color .3s;-o-transition:color .3s;-webkit-transition:color .3s;transition:color .3s}@-moz-keyframes round{0%{-moz-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes round{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes round{0%{-moz-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#cursor{position:fixed;z-index:100;left:50%;top:50%;pointer-events:none;width:240px;height:240px;background:#fff;border-radius:50%;mix-blend-mode:overlay;filter:blur(120px);transform:translate(-50%, -50%)}.fadeDown{opacity:0;-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-webkit-transform:translateY(-30px);transform:translateY(-30px);-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}.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 .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}.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 .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}.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 .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}.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:#000;position:absolute;top:0;right:0;-moz-transition:width .6s;-o-transition:width .6s;-webkit-transition:width .6s;transition:width .6s}.imgLeft.show:after{width:0}.imgRight{position:relative}.imgRight:after{content:"";width:100%;height:100%;background:#000;position:absolute;top:0;left:0;-moz-transition:width .6s;-o-transition:width .6s;-webkit-transition:width .6s;transition:width .6s}.imgRight.show:after{width:0}.imgTop{position:relative}.imgTop:after{content:"";width:100%;height:100%;background:#000;position:absolute;bottom:0;left:0;-moz-transition:height .6s;-o-transition:height .6s;-webkit-transition:height .6s;transition:height .6s}.imgTop.show:after{height:0}.imgBottom{position:relative}.imgBottom:after{content:"";width:100%;height:100%;background:#000;position:absolute;top:0;left:0;-moz-transition:height .6s;-o-transition:height .6s;-webkit-transition:height .6s;transition:height .6s}.imgBottom.show:after{height:0}@media screen and (max-width: 1100px){.header-inner{margin:0 auto}.nav{position:fixed;width:300px;height:100vh;top:0;right:0;background:#161616;box-shadow:0 0 3px #404040;-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}.nav ul{position:relative;padding:0 60px;margin-top:12vh;height:calc(100vh - 24vh);opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.nav li{display:block;margin-left:unset;padding:18px 10px;border-bottom:1px dashed #444;text-shadow:unset}.nav li a{color:#FFF;text-shadow:unset;position:relative}.nav li .tw{top:48%;left:0%;-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%)}.show-nav .nav{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.show-nav .nav ul{opacity:1;-moz-transition:opacity .6s .6s;-o-transition:opacity .6s .6s;-webkit-transition:opacity .6s;-webkit-transition-delay:.6s;transition:opacity .6s .6s}.nav-btn{padding:0 !important;border-bottom:unset !important;position:absolute !important;bottom:0;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.nav-btn a{margin-left:unset;color:#FFF !important;border:1px solid #555;background:rgba(0,0,0,0.1)}.nav-btn a i{margin-right:12px}.nav-btn .tw{left:15% !important;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.menu-btn{display:block}.hamburger-bar{-moz-transition:top .6s,width .6s,-moz-transform .6s,box-shadow .3s,background .3s;-o-transition:top .6s,width .6s,-o-transform .6s,box-shadow .3s,background .3s;-webkit-transition:top .6s,width .6s,-webkit-transform .6s,box-shadow .3s,background .3s;transition:top .6s,width .6s,transform .6s,box-shadow .3s,background .3s}.show-nav .hamburger-bar{width:25px;box-shadow:unset;background:#ccc}.show-nav .hamburger-bar:nth-child(1){top:50%;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.show-nav .hamburger-bar:last-child{top:50%;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.tab{padding-bottom:100px}.tab-inner{padding:0 35px;width:calc(90% - 70px)}.tab-img{max-width:160px}.footer-contact{display:block;width:50%}.footer-list:last-child{padding-top:8px}.scroll-top{right:15px}}@media screen and (max-width: 900px){.footer-inner{padding:45px 35px;width:calc(95% - 70px)}.footer-wrap{display:block}.footer-wrap ul{padding-top:25px}.footer-wrap li:nth-child(1){margin-left:unset}.footer-content{display:block}.footer-contact{width:auto}.footer-list{max-width:420px}.footer-list:nth-child(1){margin-right:unset}.footer-copyright{text-align:left;margin-top:20px;padding-top:18px;border-top:1px solid #292929}}@media screen and (max-width: 640px){.wrapper:before{display:none}.header{padding:25px 30px;width:calc(100% - 60px)}.onScroll .header{padding:15px 30px}.logo{width:135px;height:35px}.nav ul{padding:0 40px}.nav li{font-size:.85rem;padding:15px 10px}.menu-btn{width:30px}.hamburger-bar{width:30px}.main{padding:60px 0}.section{padding:60px 0}.top-img{height:93%}.top-image{height:93%}.top-title .en{font-size:1.375rem}.top-title .tw{font-size:1rem}.title{margin-bottom:40px}.title span{letter-spacing:.15rem}.title .en{font-size:1.375rem}.title .tw:after{margin-left:8px}.btn{height:25px}.btn a:hover .btn-text{margin-left:34px}.btn-circle{width:20px;height:20px}.btn-text{margin-left:38px}.btn-text:before{width:calc(100% + 60px);left:-27px}.btn-text:after{width:15px;right:-33px;bottom:8px}.tab{padding-top:0}.tab-inner{width:auto;padding:0 30px}.tab-content{padding-bottom:20px}.tab-img{width:22%;min-width:100px;left:-30px}.footer-inner{padding:30px 30px;width:calc(100% - 60px)}.footer-wrap{margin-bottom:15px;padding-bottom:15px}.footer-wrap ul{display:none}.footer-logo{width:130px}.footer-contact{margin-right:25px}.footer-copyright{margin-top:15px;padding-top:13px}.footer-copyright p{margin-right:25px}.scroll-down{height:7vh}.scroll-top{height:70px}.scroll-top-line{height:45px}.scroll-top-arrow{border-bottom:13px solid #999;border-left:4px solid transparent;border-right:4px solid transparent}}