@import url("https://fonts.googleapis.com/css2?family=Carrois+Gothic&display=swap");@import url("https://fonts.googleapis.com/css2?family=Carrois+Gothic&family=Poiret+One&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Shippori+Antique+B1&display=swap");header,.nav,.nav a,.menu-follow a,.top-control-l,.top-control-r,.scroll-down{display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}body{font-family:"Microsoft JhengHei",Helvetica,Arial,"Noto Sans TC",sans-serif;color:#333;font-size:.9em;line-height:1.6;letter-spacing:1px;background:#fff;-webkit-text-size-adjust:100%}a,i{text-decoration:none;color:#333}a:hover,i:hover{color:#333}.en{font-size:.9em;line-height:1.5;font-family:"Poppins","Carrois Gothic",sans-serif,serif}.nav-cn{font-weight:300;font-family:"Noto Sans TC",sans-serif}.nav-en{font-family:"Poiret One",sans-serif,serif}.t-cn{font-size:1.25em;font-family:"Noto Sans TC",sans-serif}.t-en{font-size:1.25em;font-family:"Poppins","Carrois Gothic",sans-serif,serif}.wrapper{overflow:hidden}header{-webkit-justify-content:space-between;justify-content:space-between;box-sizing:border-box;position:fixed;width:calc(100% - 200px);margin:0 100px;padding:16px 10px;top:0;z-index:10;-moz-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;transition:all .4s}header.ontop{padding:10px 20px}header.ontop:after{background:#fff}header:before{content:"";position:absolute;width:100%;height:1px;left:0;bottom:0;background:rgba(170,170,170,0.1)}header:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;-moz-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;transition:all .4s}.logo{pointer-events:auto;position:relative;width:180px;z-index:5}.logo a{display:block;-webkit-filter:invert(.2);filter:invert(.2)}.logo polygon,.logo rect,.logo path,.logo circle{width:100%;stroke:transparent}.nav-show .logo{position:absolute;left:0;-moz-transform:translate(0, 100%);-ms-transform:translate(0, 100%);-webkit-transform:translate(0, 100%);transform:translate(0, 100%)}.nav a{-webkit-flex-flow:column;flex-flow:column;position:relative;margin:0 15px;color:#333;text-align:center}.ontop .nav a{color:#333}.nav a:hover span{color:#aaa}.nav span{display:block;white-space:nowrap;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.nav span:nth-child(1){opacity:1;font-weight:bold}.nav span:nth-child(2){font-size:.7em}.menu{pointer-events:auto;display:flex}.menu-follow{display:flex;margin:0 0 0 -100px}.menu-follow:hover a{pointer-events:auto;opacity:1}.menu-follow:hover a:nth-child(1){-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);-moz-transition:opacity .8s .1s,background .3s,-moz-transform .8s .1s;-o-transition:opacity .8s .1s,background .3s,-o-transform .8s .1s;-webkit-transition:opacity .8s,background .3s,-webkit-transform .8s;-webkit-transition-delay:.1s,0s,.1s;transition:opacity .8s .1s,background .3s,transform .8s .1s}.menu-follow:hover a:nth-child(2){-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);-moz-transition:opacity .8s .3s,background .3s,-moz-transform .8s .3s;-o-transition:opacity .8s .3s,background .3s,-o-transform .8s .3s;-webkit-transition:opacity .8s,background .3s,-webkit-transform .8s;-webkit-transition-delay:.3s,0s,.3s;transition:opacity .8s .3s,background .3s,transform .8s .3s}.menu-follow:hover a:nth-child(3){-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);-moz-transition:opacity .8s .5s,background .3s,-moz-transform .8s .5s;-o-transition:opacity .8s .5s,background .3s,-o-transform .8s .5s;-webkit-transition:opacity .8s,background .3s,-webkit-transform .8s;-webkit-transition-delay:.5s,0s,.5s;transition:opacity .8s .5s,background .3s,transform .8s .5s}.menu-follow:hover p{color:#fff !important;background:#aaa}.menu-follow a{pointer-events:none;position:relative;padding:5.5px 4px 3px 5px;margin:0 5px 0 0;border-radius:50%;border:solid 1px #aaa;opacity:0}.menu-follow a:hover{background:#fff}.menu-follow a:hover i{color:#aaa;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.ontop .menu-follow a{border:solid 1px #aaa}.ontop .menu-follow a:hover{background:#aaa}.ontop .menu-follow a:hover i{color:#fff}.menu-follow a:nth-child(1){-moz-transform:translate(30px, 0);-ms-transform:translate(30px, 0);-webkit-transform:translate(30px, 0);transform:translate(30px, 0);-moz-transition:opacity .8s .1s,-moz-transform .8s .1s;-o-transition:opacity .8s .1s,-o-transform .8s .1s;-webkit-transition:opacity .8s,-webkit-transform .8s;-webkit-transition-delay:.1s,.1s;transition:opacity .8s .1s,transform .8s .1s}.menu-follow a:nth-child(2){-moz-transform:translate(20px, 0);-ms-transform:translate(20px, 0);-webkit-transform:translate(20px, 0);transform:translate(20px, 0);-moz-transition:opacity .8s .3s,-moz-transform .8s .3s;-o-transition:opacity .8s .3s,-o-transform .8s .3s;-webkit-transition:opacity .8s,-webkit-transform .8s;-webkit-transition-delay:.3s,.3s;transition:opacity .8s .3s,transform .8s .3s}.menu-follow a:nth-child(3){margin:0 10px 0 0;-moz-transform:translate(10px, 0);-ms-transform:translate(10px, 0);-webkit-transform:translate(10px, 0);transform:translate(10px, 0);-moz-transition:opacity .8s .5s,-moz-transform .8s .5s;-o-transition:opacity .8s .5s,-o-transform .8s .5s;-webkit-transition:opacity .8s,-webkit-transform .8s;-webkit-transition-delay:.5s,.5s;transition:opacity .8s .5s,transform .8s .5s}.menu-follow i{color:#aaa;font-size:.9em}.ontop .menu-follow i{color:#aaa}.menu-follow p{cursor:pointer;padding:2px 12px 0px;border-radius:15px;border:solid 1px #aaa;font-size:.75em;color:#333;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.ontop .menu-follow p{color:#333;border:solid 1px #aaa}.menu-burger{display:none;cursor:pointer;margin:auto 10px}.menu-burger:hover span:nth-child(2),.menu-burger:hover span:nth-child(3){width:30px}.menu-burger span{display:block;height:1px;background:#aaa;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.ontop .menu-burger span{background:#aaa}.menu-burger span:nth-child(1){width:30px}.menu-burger span:nth-child(2){width:20px;margin:6px 0}.menu-burger span:nth-child(3){width:14px}.menu-nav{pointer-events:none;position:fixed;width:100%;height:100%;top:0;left:0;opacity:0;background:rgba(0,0,0,0.8);-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.nav-show .menu-nav{pointer-events:auto;opacity:1;-moz-transition:opacity .3s;-o-transition:opacity .3s;-webkit-transition:opacity .3s;transition:opacity .3s}.menu-nav-close{cursor:pointer;pointer-events:none;position:fixed;top:55px;right:100px;z-index:1;opacity:0;-moz-transform:translate(-50%, -30px);-ms-transform:translate(-50%, -30px);-webkit-transform:translate(-50%, -30px);transform:translate(-50%, -30px);-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.menu-nav-close-in{padding:20px;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.menu-nav-close p{position:absolute;display:block;width:30px;height:1px;background:#333}.menu-nav-close p:nth-child(1){-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.menu-nav-close p:nth-child(2){-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.nav-show .menu-nav-close{pointer-events:auto;opacity:1;-moz-transform:translate(-50%, 0px);-ms-transform:translate(-50%, 0px);-webkit-transform:translate(-50%, 0px);transform:translate(-50%, 0px);-moz-transition:opacity .6s 1.1s,-moz-transform .6s 1.2s;-o-transition:opacity .6s 1.1s,-o-transform .6s 1.2s;-webkit-transition:opacity .6s,-webkit-transform .6s;-webkit-transition-delay:1.1s,1.2s;transition:opacity .6s 1.1s,transform .6s 1.2s}.menu-nav-bg{position:absolute;width:100%;height:0;bottom:0;background:#eee;box-shadow:2px 0 6px #888;opacity:.4;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}.menu-nav-bg p{width:100%;height:100%;opacity:.6;background:linear-gradient(to top, #dddddd,#ffffff);-moz-transition:height .6s cubic-bezier(.2, .81, .72, .36) .4s;-o-transition:height .6s cubic-bezier(.2, .81, .72, .36) .4s;-webkit-transition:height .6s cubic-bezier(.2, .81, .72, .36);-webkit-transition-delay:.4s;transition:height .6s cubic-bezier(.2, .81, .72, .36) .4s}.nav-show .menu-nav-bg p{height:0}.menu-nav-backg{position:absolute;width:100%;height:0;top:0;background:#fff;z-index:-1;-moz-transition:height .6s;-o-transition:height .6s;-webkit-transition:height .6s;transition:height .6s}.nav-show .menu-nav-backg{height:100%}.menu-nav-photo{display:none;position:absolute;width:100%;height:100%;background-position:center;background-size:cover;-webkit-filter:contrast(1.05) brightness(.9);filter:contrast(1.05) brightness(.9);-moz-transition:opacity .6s 1s;-o-transition:opacity .6s 1s;-webkit-transition:opacity .6s;-webkit-transition-delay:1s;transition:opacity .6s 1s;opacity:0;z-index:-1}.nav-show .menu-nav-photo{opacity:1}.menu-nav ul{position:relative;width:fit-content;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.nav-show .menu-nav ul:before{opacity:1;-moz-transform:skew(-5deg, 5deg);-ms-transform:skew(-5deg, 5deg);-webkit-transform:skew(-5deg, 5deg);transform:skew(-5deg, 5deg);-moz-transition:all .6s 1s;-o-transition:all .6s 1s;-webkit-transition:all .6s;-webkit-transition-delay:1s;transition:all .6s 1s}.menu-nav li{position:relative;margin:15px 0;padding:5px;opacity:0;-moz-transition:opacity .4s .8s;-o-transition:opacity .4s .8s;-webkit-transition:opacity .4s;-webkit-transition-delay:.8s;transition:opacity .4s .8s}.nav-show .menu-nav li{opacity:1}.nav-show .menu-nav li:nth-child(1):before{-moz-transition-delay:1s;-o-transition-delay:1s;-webkit-transition-delay:1s;transition-delay:1s}.nav-show .menu-nav li:nth-child(2):before{-moz-transition-delay:1.2s;-o-transition-delay:1.2s;-webkit-transition-delay:1.2s;transition-delay:1.2s}.nav-show .menu-nav li:nth-child(3):before{-moz-transition-delay:1.4s;-o-transition-delay:1.4s;-webkit-transition-delay:1.4s;transition-delay:1.4s}.nav-show .menu-nav li:nth-child(4):before{-moz-transition-delay:1.6s;-o-transition-delay:1.6s;-webkit-transition-delay:1.6s;transition-delay:1.6s}.nav-show .menu-nav li:nth-child(5):before{-moz-transition-delay:1.8s;-o-transition-delay:1.8s;-webkit-transition-delay:1.8s;transition-delay:1.8s}.menu-nav a{display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:center;justify-content:center;position:relative}.menu-nav a:hover span:nth-child(1){opacity:0}.menu-nav a:hover span:nth-child(2){opacity:1}.menu-nav span{display:block;white-space:nowrap;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.menu-nav span:nth-child(1){opacity:1}.menu-nav span:nth-child(2){position:absolute;margin:-5px 0 0 0;opacity:0}.main{position:relative;padding:200px 0 0;z-index:5}.top{position:relative;padding:95px 60px 60px}.top.unactive{-webkit-filter:brightness(.6);filter:brightness(.6);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.top-images{position:relative;height:calc(100vh - 155px);background-size:cover;background-position:center;overflow:hidden}.top-images li{position:absolute;width:100%;height:100%;background-size:cover;-moz-transition:-moz-transform 8s;-o-transition:-o-transform 8s;-webkit-transition:-webkit-transform 8s;transition:transform 8s}.top-images li:nth-child(1){background-position:center;-moz-transform:scale(1.25);-ms-transform:scale(1.25);-webkit-transform:scale(1.25);transform:scale(1.25)}.top-images li:nth-child(1).show-img{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.top-images li:nth-child(2){background-position:center;-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.top-images li:nth-child(2).show-img{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.top-images li:nth-child(3){background-position:center;-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.top-images li:nth-child(3).show-img{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.unactive .top-slogan{opacity:0;-moz-transition:all .6s .6s;-o-transition:all .6s .6s;-webkit-transition:all .6s;-webkit-transition-delay:.6s;transition:all .6s .6s}.top-slogan-text{position:absolute;top:50%;left:50%;color:#fff;line-height:1;font-size:1.5em;text-align:center;text-shadow:1px 1px 3px #333;text-transform:uppercase;z-index:5;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-moz-transition:opacity .6s .2s,-moz-transform .6s cubic-bezier(.65, .02, .23, 1) .2s;-o-transition:opacity .6s .2s,-o-transform .6s cubic-bezier(.65, .02, .23, 1) .2s;-webkit-transition:opacity .6s,-webkit-transform .6s cubic-bezier(.65, .02, .23, 1);-webkit-transition-delay:.2s,.2s;transition:opacity .6s .2s,transform .6s cubic-bezier(.65, .02, .23, 1) .2s;opacity:0}.top-slogan-text.show-text{opacity:1}.top-slogan-link{width:fit-content;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin:18px auto 0;border-radius:10px;border:solid 1px #fff;letter-spacing:.1em;background:rgba(255,255,255,0.5)}.top-slogan-link span{padding:2px 20px;color:#fff;font-size:.5em}.top-control{cursor:pointer;pointer-events:none;position:absolute;width:calc(100% - 120px);height:100%;top:0;z-index:5}.top-control-l,.top-control-r{pointer-events:auto;position:absolute;width:150px;height:150px;top:50%}.top-control-l .circle,.top-control-r .circle{width:100%;height:100%;border-radius:50%;border:solid 1px #fff}.top-control-l p,.top-control-r p{position:absolute}.top-control-l span,.top-control-r span{display:block;width:45px;height:1px;margin:22px 0;background:#fff}.top-control-l span:nth-child(1),.top-control-r span:nth-child(1){-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}.top-control-l span:nth-child(2),.top-control-r span:nth-child(2){-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}.top-control-l{left:0;-moz-transform:translate(-5%, -60%);-ms-transform:translate(-5%, -60%);-webkit-transform:translate(-5%, -60%);transform:translate(-5%, -60%)}.top-control-l .circle{-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.top-control-r{right:0;-moz-transform:translate(5%, -60%);-ms-transform:translate(5%, -60%);-webkit-transform:translate(5%, -60%);transform:translate(5%, -60%)}.top-control-r p{-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.top-control-r .circle{-moz-transform:translate(50%, 0);-ms-transform:translate(50%, 0);-webkit-transform:translate(50%, 0);transform:translate(50%, 0)}.top-list{position:relative;width:calc(100vw - 120px);height:calc(100vh - 155px)}.top-list ul,.top-list li{position:relative}.top-list li.swiper-slide-active,.top-list li.swiper-slide-duplicate-active{z-index:2}.top-list li.swiper-slide-active .top-img .images,.top-list li.swiper-slide-duplicate-active .top-img .images{-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.top-list li.swiper-slide-active .top-info,.top-list li.swiper-slide-duplicate-active .top-info{z-index:1}.top-list li.swiper-slide-active .top-info-title span:nth-child(1),.top-list li.swiper-slide-duplicate-active .top-info-title span:nth-child(1){-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.top-list li.swiper-slide-active .top-info-title span:nth-child(2),.top-list li.swiper-slide-duplicate-active .top-info-title span:nth-child(2){opacity:1;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}.top-list li.swiper-slide-active .top-info-title span:nth-child(3),.top-list li.swiper-slide-duplicate-active .top-info-title span:nth-child(3){-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.top-list li.swiper-slide-active .top-info-sub p,.top-list li.swiper-slide-duplicate-active .top-info-sub p{-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.top-list li.slide1 .top-info{bottom:15%;right:18%}.top-list li.slide2 .top-info{top:50%;left:16%}.top-list li.slide3 .top-info{top:48%;right:15%}.top-img{position:relative;width:100%;height:100%}.top-img .images{width:100%;height:100%;background-position:center;background-size:cover;-moz-transform:scale(1.25);-webkit-transform:scale(1.25);transform:scale(1.25);-moz-transition:-moz-transform 6s ease-in-out;-o-transition:-o-transform 6s ease-in-out;-webkit-transition:-webkit-transform 6s ease-in-out;transition:transform 6s ease-in-out}.top-info{position:absolute;max-width:320px;color:#fff;text-transform:capitalize;text-shadow:1px 1px 3px #333}.top-info-title{display:flex;font-size:1.35em;letter-spacing:.1em;overflow:hidden}.top-info-title span{display:block;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.top-info-title span:nth-child(1){-moz-transform:translate(0, 100%);-ms-transform:translate(0, 100%);-webkit-transform:translate(0, 100%);transform:translate(0, 100%);-moz-transition-delay:.6s;-o-transition-delay:.6s;-webkit-transition-delay:.6s;transition-delay:.6s}.top-info-title span:nth-child(2){margin:0 10px;opacity:0;-moz-transform:rotate(100deg);-ms-transform:rotate(100deg);-webkit-transform:rotate(100deg);transform:rotate(100deg);-moz-transition-delay:.5s;-o-transition-delay:.5s;-webkit-transition-delay:.5s;transition-delay:.5s}.top-info-title span:nth-child(3){-moz-transform:translate(0, -100%);-ms-transform:translate(0, -100%);-webkit-transform:translate(0, -100%);transform:translate(0, -100%);-moz-transition-delay:.6s;-o-transition-delay:.6s;-webkit-transition-delay:.6s;transition-delay:.6s}.top-info-sub{margin-top:5px;overflow:hidden}.top-info-sub p{line-height:1.35;letter-spacing:.01em;-moz-transform:translate(0, -100%);-ms-transform:translate(0, -100%);-webkit-transform:translate(0, -100%);transform:translate(0, -100%);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s;-moz-transition-delay:1.2s;-o-transition-delay:1.2s;-webkit-transition-delay:1.2s;transition-delay:1.2s}.footer{position:relative;margin:0 100px;padding:30px 10px;font-size:.75em;border-top:solid 1px #aaa}.footer-block{position:relative}.footer-info{display:flex;-webkit-align-items:flex-end;align-items:flex-end;-webkit-justify-content:space-between;justify-content:space-between}.footer-info a{color:#aaa}.footer-info p:nth-child(1){width:250px}.scroll-down{cursor:pointer;position:absolute;left:100px;bottom:60px;color:#fff;writing-mode:vertical-rl;z-index:5}.scroll-down p{padding:0 0 10px}.scroll-down span{display:block;width:1px;height:60px;background:#fff}.unactive .scroll-down{opacity:0;-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-webkit-transform:translateY(-50px);transform:translateY(-50px);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.scroll-top{cursor:pointer;position:fixed;bottom:-40px;right:20px;width:40px;height:40px;color:#fff;line-height:35px;font-size:.75em;text-align:center;border-radius:50%;background:#ddd;z-index:9;opacity:0;-moz-transition:opacity .4s,bottom .8s;-o-transition:opacity .4s,bottom .8s;-webkit-transition:opacity .4s,bottom .8s;transition:opacity .4s,bottom .8s}.scroll-top.show-scroll{bottom:-10px;opacity:1}@-moz-keyframes scrolldown{0%{top:3px;opacity:0}20%{top:5px;opacity:1}60%{top:10px;opacity:1}95%{top:12px;opacity:0}100%{top:5px;opacity:0}}@-webkit-keyframes scrolldown{0%{top:3px;opacity:0}20%{top:5px;opacity:1}60%{top:10px;opacity:1}95%{top:12px;opacity:0}100%{top:5px;opacity:0}}@keyframes scrolldown{0%{top:3px;opacity:0}20%{top:5px;opacity:1}60%{top:10px;opacity:1}95%{top:12px;opacity:0}100%{top:5px;opacity:0}}.intro{position:fixed;top:0;width:100%;height:100%;background:#fff;z-index:20}.intro-bg{position:absolute;width:100%;height:0;bottom:0;background:#eee;box-shadow:2px 0 6px #888;opacity:.4;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:height .6s 2.6s,-moz-transform .8s cubic-bezier(.2, .81, .72, .36) 3s;-o-transition:height .6s 2.6s,-o-transform .8s cubic-bezier(.2, .81, .72, .36) 3s;-webkit-transition:height .6s,-webkit-transform .8s cubic-bezier(.2, .81, .72, .36);-webkit-transition-delay:2.6s,3s;transition:height .6s 2.6s,transform .8s cubic-bezier(.2, .81, .72, .36) 3s}.intro-bg p{width:100%;height:100%;opacity:.6;background:linear-gradient(to top, #dddddd,#ffffff);-moz-transition:height .6s cubic-bezier(.2, .81, .72, .36) .8s;-o-transition:height .6s cubic-bezier(.2, .81, .72, .36) .8s;-webkit-transition:height .6s cubic-bezier(.2, .81, .72, .36);-webkit-transition-delay:.8s;transition:height .6s cubic-bezier(.2, .81, .72, .36) .8s}.show-intro .intro-bg{height:100%;-moz-transform:scale(1, 0);-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);transform:scale(1, 0)}.show-intro .intro-bg p{height:0}.intro-logo{position:absolute;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.show-intro .intro-logo{opacity:0;-moz-transition:opacity .4s 3s;-o-transition:opacity .4s 3s;-webkit-transition:opacity .4s;-webkit-transition-delay:3s;transition:opacity .4s 3s}.intro-logo-img{display:flex}.intro-logo-img .svg{width:380px;-webkit-filter:invert(.2);filter:invert(.2)}.intro-logo-img.front{position:relative}.intro-logo-img.front .svg{opacity:0}.intro-logo-img.front .svg polygon,.intro-logo-img.front .svg rect,.intro-logo-img.front .svg path,.intro-logo-img.front .svg circle{fill:#eee;stroke:transparent}.intro-logo-img.back{position:absolute;-webkit-filter:invert(.4);filter:invert(.4)}.intro-logo-img.back .svg polygon,.intro-logo-img.back .svg rect,.intro-logo-img.back .svg path,.intro-logo-img.back .svg circle{fill-opacity:0;stroke-opacity:1;stroke-dasharray:1500;stroke-dashoffset:1500;-moz-transition:stroke-dasharray 5s,stroke-dashoffset 5s,stroke-opacity 5s 3s;-o-transition:stroke-dasharray 5s,stroke-dashoffset 5s,stroke-opacity 5s 3s;-webkit-transition:stroke-dasharray 5s,stroke-dashoffset 5s,stroke-opacity 5s;-webkit-transition-delay:0s,0s,3s;transition:stroke-dasharray 5s,stroke-dashoffset 5s,stroke-opacity 5s 3s}.show-intro .intro-logo-img.front .svg{-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:1;-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}.show-intro .intro-logo-img.back .svg polygon,.show-intro .intro-logo-img.back .svg rect,.show-intro .intro-logo-img.back .svg path,.show-intro .intro-logo-img.back .svg circle{stroke-dashoffset:0;stroke-opacity:0;stroke-dashoffset:0}.intros{position:fixed;top:0;width:100%;height:100%;background:#fff;z-index:20;-moz-transition:height .6s 1s;-o-transition:height .6s 1s;-webkit-transition:height .6s;-webkit-transition-delay:1s;transition:height .6s 1s}.intros.show-intro{height:0}.intros-bg{position:absolute;width:100%;height:0;bottom:0;background:#eee;box-shadow:2px 0 6px #888;opacity:.4;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:height .6s .2s,-moz-transform .8s cubic-bezier(.2, .81, .72, .36) .4s;-o-transition:height .6s .2s,-o-transform .8s cubic-bezier(.2, .81, .72, .36) .4s;-webkit-transition:height .6s,-webkit-transform .8s cubic-bezier(.2, .81, .72, .36);-webkit-transition-delay:.2s,.4s;transition:height .6s .2s,transform .8s cubic-bezier(.2, .81, .72, .36) .4s}.intros-bg p{width:100%;height:100%;opacity:.6;background:linear-gradient(to top, #dddddd,#ffffff);-moz-transition:height .8s cubic-bezier(.2, .81, .72, .36) .4s;-o-transition:height .8s cubic-bezier(.2, .81, .72, .36) .4s;-webkit-transition:height .8s cubic-bezier(.2, .81, .72, .36);-webkit-transition-delay:.4s;transition:height .8s cubic-bezier(.2, .81, .72, .36) .4s}.show-intro .intros-bg{height:100%;-moz-transform:scale(1, 0);-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);transform:scale(1, 0)}.show-intro .intros-bg p{height:0}@media screen and (max-width: 1100px){.nav{display:none}.menu-burger{display:block}.scroll-down{-webkit-flex-flow:column;flex-flow:column;left:50%;bottom:0px;writing-mode:unset;-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.scroll-down span{height:50px}.scroll-down.show{opacity:0;-moz-transform:translate(-50%, 10%);-ms-transform:translate(-50%, 10%);-webkit-transform:translate(-50%, 10%);transform:translate(-50%, 10%)}.top{padding:95px 0 0}.top-images{height:calc(100vh - 95px)}.top-list{width:100vw;height:calc(100vh - 95px)}.top-list li.slide1 .top-info,.top-list li.slide2 .top-info,.top-list li.slide3 .top-info{top:50%;left:50%;bottom:unset;right:unset;text-align:center;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.top-list li.slide1 .top-info-title,.top-list li.slide2 .top-info-title,.top-list li.slide3 .top-info-title{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}}@media screen and (max-width: 900px){header{width:calc(100% - 100px);margin:0 50px}.menu-nav-close{right:50px}.footer{margin:0 50px}}@media screen and (max-width: 720px){header{width:calc(100% - 40px);margin:0 20px}header.ontop{width:100%;margin:0}.nav-show .logo{left:50px}.menu-follow{display:none}.footer{margin:0;padding:50px 30px;background:#eee;border-top:unset}.footer-info{-webkit-flex-flow:column;flex-flow:column}.footer-info p:nth-child(1){width:auto;margin:0 0 10px}}@media screen and (max-width: 640px){header{padding:8px 10px}.main{padding:100px 0 0}.nav-show .logo{left:100px;-moz-transform:translate(-50%, 75%);-ms-transform:translate(-50%, 75%);-webkit-transform:translate(-50%, 75%);transform:translate(-50%, 75%)}.menu-nav ul{left:50px;-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%)}.menu-nav-close{right:15px}.top{padding:80px 0 0}.top-images,.top-list{height:calc(100vh - 80px)}.top-info{max-width:unset}.top-info-title{font-size:1.15em;-webkit-justify-content:center;justify-content:center}.intro-logo-img .svg{width:280px}}@media screen and (max-width: 450px){.top-info-title{-webkit-flex-flow:column;flex-flow:column}.top-info-sub{margin-top:25px}.footer-info{-webkit-align-items:flex-start;align-items:flex-start}.intro-logo-img .svg{width:180px}}