@charset "utf-8";
html,body{position:relative;margin:0;padding:0;color:#000;background:#fff;font-size:11px;width:100%;font-family:'Roboto','Poppins','Montserrat','EB Garamond',Arial,'微軟正黑體','WenQuanYi Zen Hei',sans-serif;overflow-x:hidden}
.lazyload,.lazyloaded{width:100%}
.mobile{display:none}
a{color:#000;text-decoration:none}
dl,menu,ol,ul{margin:0}
ul{list-style:none;list-style-image:none}
::selection{background:#000;color:#fff}
::-moz-selection{background:#000;color:#fff}
.clearfix{clear:both}
.left{float:left!important}
.right{float:right!important}
.center{text-align:center}
.fixed{position:fixed}
.bgCover{background-size:cover;background-position:center center}
.pseudoOverlay{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%}
.absoluteMargin{left:0;right:0;top:0;bottom:0;margin:auto}
.textOverflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.transitionDefault{-webkit-transition:all .5s cubic-bezier(0.6,0,0.5,1);-moz-transition:all .5s cubic-bezier(0.6,0,0.5,1);transition:all .5s cubic-bezier(0.6,0,0.5,1)}
.transitionSlow{-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}
.borderBox{-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important}
.contentBox{-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important;box-sizing:content-box!important}
img{max-width:100%;height:auto;vertical-align:middle;border-style:none}
nav,div,span,header,footer,section,input,select,textarea,button,a,ul,li,label,h1,h2,h3,h4,h5,h6{-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important}
input,textarea,button,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:0;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;width:100%;padding:0;margin:0}
.btn{display:inline-block;text-decoration:none;background:0;text-align:left;position:relative;height:42px;overflow:hidden;font-size:30px;font-weight:700}
.btn div{display:inline-block;font-size:30px;color:#2C2C2C;white-space:nowrap;-webkit-transform:translateX(-101%);-moz-transform:translateX(-101%);-ms-transform:translateX(-101%);-o-transform:translateX(-101%);transform:translateX(-101%)}
.btn:after{content:attr(data-text);display:block;position:absolute;width:100%;height:100%;left:0;top:0;font-size:16px;letter-spacing:.069444444444444vw;width:209px;line-height:42px;color:#fff;background:#2C2C2C;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;padding:0 24px}
body:before{content:'';display:block;position:fixed;left:0;top:0;width:calc(93.75%);height:100%;opacity:0;visibility:hidden;-webkit-transition:all .5s cubic-bezier(0.6,0,0.5,1);-moz-transition:all .5s cubic-bezier(0.6,0,0.5,1);transition:all .5s cubic-bezier(0.6,0,0.5,1);background:#fff;z-index:9}
body footer>div{-webkit-transition:all .5s cubic-bezier(0.6,0,0.5,1);-moz-transition:all .5s cubic-bezier(0.6,0,0.5,1);transition:all .5s cubic-bezier(0.6,0,0.5,1)}
.cover.link{font-size:0;position:absolute!important;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:100}
.sidebar{position:fixed;width:100%;z-index:999;height:10%;right:0;top:0;font-size:12px;line-height:13px;padding:3vh 10vh;text-align:right;background:transparent;transition:all .3s ease}
.sidebar nav ul{padding:0;margin:0 180px 0 auto}
.sidebar nav ul li{display:inline-block;list-style:none;padding:0}
.sidebar nav ul li a{display:block;margin:0 auto;padding:15px 13px 35px;position:relative;color:#222;font-weight:500;font-size:14px;font-family:'Roboto';font-weight:300}
.sidebar nav ul li a div{margin:auto;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all .5s cubic-bezier(0.6,0,0.5,1);-moz-transition:all .5s cubic-bezier(0.6,0,0.5,1);transition:all .5s cubic-bezier(0.6,0,0.5,1);letter-spacing:1.2px}
.sidebar nav ul:hover li a{color:#b5b5b5}
.sidebar nav ul li:hover a{color:#222}
.sidebar .langWrapper{bottom:37px;position:absolute;right:0;left:0}
.sidebar .call{right:100px;position:absolute;top:20px;vertical-align:top}
.bottom_btn{position:relative;right:0;display:inline-block;width:50px;height:50px;background-color:#f5f3f0;border-radius:50%;overflow:inherit!important;margin:0 7px;vertical-align:top}
.bottom_btn:before{display:block;width:100%;height:100%;content:'';position:absolute;top:0;left:0;border-radius:50%;background-color:#ffe373;-webkit-transition:-webkit-transform .3s cubic-bezier(0.175,0.885,0.32,1.275);transition:-webkit-transform .3s cubic-bezier(0.175,0.885,0.32,1.275);transition:transform .3s cubic-bezier(0.175,0.885,0.32,1.275);transition:transform .3s cubic-bezier(0.175,0.885,0.32,1.275),-webkit-transform .3s cubic-bezier(0.175,0.885,0.32,1.275);-webkit-transform:scale(0);transform:scale(0);z-index:1}
.bottom_btn:hover:before{-webkit-transform:scale(1);transform:scale(1)}
.bottom_btn>.inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:100%;z-index:10}
.bottom_btn>.inner svg path{fill:#000}
.bottom_btn .c-text-path{position:absolute;top:-30%;left:-30%;width:160%;height:160%;opacity:0;-webkit-transition:opacity .3s,-webkit-transform .6s cubic-bezier(0.175,0.885,0.32,1.275);transition:opacity .3s,-webkit-transform .6s cubic-bezier(0.175,0.885,0.32,1.275);transition:transform .6s cubic-bezier(0.175,0.885,0.32,1.275),opacity .3s;transition:transform .6s cubic-bezier(0.175,0.885,0.32,1.275),opacity .3s,-webkit-transform .6s cubic-bezier(0.175,0.885,0.32,1.275);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);pointer-events:none}
.bottom_btn:hover .c-text-path{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)}
.bottom_btn .c-text-path__text{fill:#6f6f6f;font-size:8px;font-weight:500}
header{opacity:1}
header .logoWrapper{position:fixed;z-index:9999;top:3.3456790123457vh;display:inline-block;background:url(../images/logo.svg)no-repeat;width:143px;height:41px;left:60px;cursor:pointer}
header a{-webkit-transition:opacity .5s cubic-bezier(0.3,0.1,1,1);-moz-transition:opacity .5s cubic-bezier(0.3,0.1,1,1);-ms-transition:opacity .5s cubic-bezier(0.3,0.1,1,1);-o-transition:opacity .5s cubic-bezier(0.3,0.1,1,1);transition:opacity .5s cubic-bezier(0.3,0.1,1,1)}
.about_tit{display:inline-block;background:url(../images/about_tit.png);width:37px;height:189px;position:fixed;left:32vw;top:0;z-index:5;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0}
.fp-viewing-1 .about_tit{opacity:1}
footer>div{position:fixed;z-index:10;bottom:35.9vh;font-weight:700;color:#848484;font-size:12px}
footer.static{position:relative;padding-bottom:12.345679012346vh}
footer.static>div{position:absolute;bottom:auto;top:0}
footer .copyright{left:4vh;font-size:13px;line-height:12px;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;letter-spacing:1.5px;font-weight:400}
.formWrapper .form-group{border-bottom:1px solid rgba(0,0,0,0.1);position:relative;-webkit-transition:all .5s cubic-bezier(0.6,0,0.5,1);-moz-transition:all .5s cubic-bezier(0.6,0,0.5,1);transition:all .5s cubic-bezier(0.6,0,0.5,1)}
.formWrapper .form-group:first-child{border-top:1px solid rgba(0,0,0,0.1)}
.formWrapper .form-group .form-control{font-size:1.358024691358vh;line-height:1.8518518518519vh;padding:2.716049382716vh 0;height:7.283950617284vh;color:#000;text-transform:uppercase}
.formWrapper .form-group textarea{resize:none}
.formWrapper .form-group ::-webkit-input-placeholder{color:#000}
.formWrapper .form-group :-moz-placeholder{color:#000}
.formWrapper .form-group ::-moz-placeholder{color:#000}
.formWrapper .form-group ::-webkit-input-placeholder{text-transform:uppercase}
.formWrapper .form-group :-moz-placeholder{text-transform:uppercase}
.formWrapper .form-group ::-moz-placeholder{-transform:uppercase}
.formWrapper .form-group .help-block{bottom:0;left:0;font-size:1.2345679012346vh;line-height:.98765432098765vh;margin:0;height:0;opacity:0;color:#f13255;-webkit-transition:all .5s cubic-bezier(0.6,0,0.5,1);-moz-transition:all .5s cubic-bezier(0.6,0,0.5,1);transition:all .5s cubic-bezier(0.6,0,0.5,1);position:absolute;top:4.9382716049383vh}
.formWrapper .form-group.has-error{border-bottom-color:#f13255;padding-bottom:2.4691358024691vh}
.formWrapper .form-group.has-error .help-block{opacity:1;height:.98765432098765vh;top:6.2962962962963vh}
.mainWrapper{width:calc(100vw - 160px);height:100%;width:100%;margin:9.54vh auto 0;padding:0 80px}
.mainWrapper.static{height:auto}
.mainWrapper.fullpage section{opacity:0;-webkit-transition:opacity .5s cubic-bezier(0.3,0.1,1,1);-moz-transition:opacity .5s cubic-bezier(0.3,0.1,1,1);-ms-transition:opacity .5s cubic-bezier(0.3,0.1,1,1);-o-transition:opacity .5s cubic-bezier(0.3,0.1,1,1);transition:opacity .5s cubic-bezier(0.3,0.1,1,1)}
.mainWrapper.fullpage section.active{opacity:1}
.mainWrapper section.intro{height:100%}
.mainWrapper section.intro .topBlock{height:100%;position:relative}
.mainWrapper section.intro .topBlock .mainImage{width:100%;min-height:400px}
.mainWrapper section.intro .topBlock .mainImage .layer img{position:relative;top:200px;min-height:1000px;right:0;width:100vw;-webkit-filter:grayscale(1);left:-10%}
.mainWrapper section.intro .topBlock .mainImage .layer img:hover{-webkit-filter:inherit}
.mainWrapper section.intro .topBlock .mainImage span{position:absolute;display:block;overflow:hidden;bottom:0;margin:0 auto;left:0;min-height:400px;width:120%}
.mainWrapper section.intro .bottomBlock,.mainWrapper section.intro .mainImage{padding-left:20vw;top:16vh}
.fp-viewing-5 .pager.bottom{display:none}
.mainWrapper section.intro .topBlock .mainImage img{height:calc(100% + 6px);display:block;top:-3px;left:-2px}
.mainWrapper section.intro .bottomBlock{height:0;font-size:0;position:absolute;left:0;padding:0 0 0 5vw}
.mainWrapper section.intro .bottomBlock>div,.mainWrapper section.intro .bottomBlock h1{display:inline-block;vertical-align:middle}
.mainWrapper section.intro .bottomBlock .bigLabel{margin:0;padding:0;font-size:11vh;color:#191919;font-weight:600;margin-top:26.625vh;letter-spacing:3px}
.mainWrapper section.intro .bottomBlock .bigLabel div{height:3.4567901234568vh;position:relative;top:-.74074074074074vh}
.mainWrapper section.intro .bottomBlock .bigLabel div:first-child{margin-bottom:1.4814814814815vh}
.mainWrapper section.intro .bottomBlock span{font-size:5.45vh;display:block;line-height:1.34;font-family:'Montserrat'}
.scroll-box{text-align:center;font-size:13px;color:#2f2f2f;letter-spacing:1.4px}
.scroll-down{padding-top:50px}
.scroll-box:before{-ms-transform:scale(1,1);transform:scale(1,1);animation:scrolldown 2s 1s infinite cubic-bezier(.645,.045,.355,1);position:absolute;top:0;left:50%;margin-left:-1px;width:1px;height:40px;background:#4a4a4a;content:'';transition:.3s cubic-bezier(.95,.05,.795,.035);-ms-transform:scale(1,0);transform:scale(1,0)}
@-webkit-keyframes scrolldown {
0%{transform:scale(1,1);transform-origin:100% 100%}
55%{transform:scale(1,1);transform-origin:100% 100%}
70%{transform:scale(1,0);transform-origin:100% 100%}
85%{transform:scale(1,0);transform-origin:0 0}
100%{transform:scale(1,1);transform-origin:0 0}
}
.mainWrapper section.intro .bottomBlock .txt2{-webkit-text-stroke:1px #383838;-webkit-text-fill-color:transparent;color:#fff;font-weight:500}
.mainWrapper section.intro .bottomBlock p:before{content:'';width:20px;height:3px;position:relative;display:block;background:#79e1e8;margin:10px 0}
.mainWrapper section.intro .bottomBlock p{margin:30px 0 0;font-size:2vh;padding:0;line-height:2;color:#868686}
.mainWrapper section.info,.mainWrapper section.case,.mainWrapper section.end{height:100%;padding-left:160px;position:relative;width:100%;padding-top:16vh}
.mainWrapper section.end{height:100%;padding-top:20.59vh;font-size:0;padding-left:0}
.mainWrapper section.end .textBlock,{display:inline-block;vertical-align:top}
.mainWrapper section.end .textBlock{height:54.320987654321vh;padding-top:.8641975308642vh;width:47.916666666667vw;margin:0 auto;text-align:center}
.mainWrapper section.end .textBlock div{font-size:10.876543209877vh;letter-spacing:.13888888888889vw;line-height:6.9135802469136vh;color:#000;margin-bottom:2.4691358024691vh;font-family:'EB Garamond',serif;text-align:center}
.mainWrapper section.end .textBlock{position:relative}
.pager.bottom{position:fixed;bottom:4.9vh;left:46.5vw}
.pager.left{position:fixed;top:33.333333333333vh;left:6.25vw;font-size:0}
.pager.left>div{display:inline-block;vertical-align:middle;width:50%}
.content{margin-top:120px;margin-bottom:40px}
.side_menu{position:fixed;z-index:100;margin-top:-58px;top:50%;opacity:1;right:4vh;-webkit-transform:translate3d(0,0,0)}
.side_menu ul{margin:0;padding:0}
.side_menu ul:before{content:'';width:1px;height:80%;position:absolute;right:10px;border-left:1px dashed #ffe26d}
.side_menu ul li{display:block;width:10px;height:15px;margin:7px 7px 17px;position:relative;font-size:0}
.side_menu .index_menu li a{display:block;position:absolute;z-index:1;width:11px;height:11px;cursor:pointer;text-decoration:none;background:#fff;border:2px solid #facc16;border-radius:100%;text-align:center;left:0;right:0;margin:0 auto;top:0;bottom:0;transition:all .3s ease}
.fp-viewing-0 .side_menu .index_menu li:nth-child(1) a,.fp-viewing-1 .side_menu .index_menu li:nth-child(2) a,.fp-viewing-2 .side_menu .index_menu li:nth-child(3) a,.fp-viewing-3 .side_menu .index_menu li:nth-child(4) a,.fp-viewing-4 .side_menu .index_menu li:nth-child(5) a,.fp-viewing-5 .side_menu .index_menu li:nth-child(6) a,.side_menu .index_menu li:hover a{background:#facc16}
@media all and (max-width:1680px) {
.mainWrapper section.info,.mainWrapper section.case{padding-left:0}
.mainWrapper section.end{padding-left:40px}
header .logoWrapper{top:2.6vh;left:9vh}
}
@media all and (max-width:1440px) {
.mainWrapper section.intro .bottomBlock,.mainWrapper section.intro .topBlock .mainImage{padding-left:50px;padding-left:0}
.mainWrapper section.intro .topBlock .mainImage span{width:150%;height:calc(100% + 15px)}
.mainWrapper section.intro .topBlock .mainImage .layer img{width:90vw;min-height:800px;top:-200px;left:-5%}
.mainWrapper section.intro .bottomBlock,.mainWrapper section.intro .mainImage{top:15vh}
}
@media all and (max-width:1000px) {
.side_menu{display:none}
.mainWrapper section.intro .topBlock .mainImage,.mainWrapper section.intro .topBlock .mainImage span{min-height:inherit;top:0}
.mainWrapper section.intro .topBlock .mainImage .layer img{width:100%;min-height:inherit;top:0;left:0}
}
@media all and (max-width:769px) {
.mainWrapper section.intro .topBlock .mainImage span{width:100%}
}