@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Shippori+Antique+B1&display=swap");header,.scroll-down{display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}body{font-family:"Poppins","Noto Sans TC",sans-serif;color:#222;font-size:.875em;line-height:1.5;letter-spacing:.05em;background:#fdfdfd;font-weight:lighter;-webkit-text-size-adjust:100%}a,i{text-decoration:none;color:#222}a:hover,i:hover{color:#222}.en{font-size:1em;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}.t-en{font-size:1.05em;font-family:"Poiret One",sans-serif,serif}.wrapper{overflow:hidden}header{-webkit-justify-content:space-between;justify-content:space-between;box-sizing:border-box;position:fixed;width:100%;top:0;padding:50px 50px 0;z-index:10;-moz-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;transition:all .4s}header.ontop{padding:15px 50px}header.ontop:after{height:100%}header:after{content:"";position:absolute;width:100%;height:0;top:0;left:0;background:#fbfbfb;box-shadow:0 0 5px #ccc;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:60px;z-index:5}.logo a{display:block;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.ontop .logo a polygon,.ontop .logo a rect,.ontop .logo a path,.ontop .logo a circle{fill:#D2A35C;-webkit-filter:drop-shadow(0px 0px 3px #ddd) contrast(1.05);filter:drop-shadow(0px 0px 3px #ddd) contrast(1.05)}.nav-show .logo{position:absolute;left:50%;-moz-transform:translate(-50%, 100%);-ms-transform:translate(-50%, 100%);-webkit-transform:translate(-50%, 100%);transform:translate(-50%, 100%)}.menu{pointer-events:auto;display:flex}.menu-burger{cursor:pointer;margin:auto 10px;background:#aaa;padding:8px}.menu-burger:hover span:nth-child(2),.menu-burger:hover span:nth-child(3){width:30px}.menu-burger span{display:block;height:1px;background:#fff;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.ontop .menu-burger span{background:#fff}.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;bottom:30px;left:50%;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:12px;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:#000}.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%;margin:auto;-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -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-align-items:center;align-items:center;-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;width:100%;height:100%}.top-images{position:relative;width:100%;height:100%;overflow:hidden}.top-images li{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;-moz-transform:scale(1.25);-ms-transform:scale(1.25);-webkit-transform:scale(1.25);transform:scale(1.25);-moz-transition:-moz-transform 8s;-o-transition:-o-transform 8s;-webkit-transition:-webkit-transform 8s;transition:transform 8s}.top-images li.show-img{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.top-slogan-text{position:absolute;top:50%;left:50%;color:#fff;opacity:0;z-index:5;text-shadow:1px 1px 3px #111;text-transform:capitalize;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-moz-transition:all .6s cubic-bezier(.34, 0, .68, 1) .3s;-o-transition:all .6s cubic-bezier(.34, 0, .68, 1) .3s;-webkit-transition:all .6s cubic-bezier(.34, 0, .68, 1);-webkit-transition-delay:.3s;transition:all .6s cubic-bezier(.34, 0, .68, 1) .3s}.top-slogan-text.show-text{opacity:1}.top-slogan-text.show-text .top-slogan-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-slogan-text.show-text .top-slogan-title span:nth-child(2){opacity:1}.top-slogan-text.show-text .top-slogan-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-slogan-text.show-text .top-slogan-sub p{-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.top-slogan-text.show-text .top-slogan-award{opacity:1;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.top-slogan-num{position:relative;display:flex;margin-bottom:20px;font-size:2em;line-height:1;writing-mode:vertical-lr}.top-slogan-num span{display:block}.top-slogan-title{display:flex;-webkit-align-items:center;align-items:center;font-size:1.5em;letter-spacing:0;overflow:hidden}.top-slogan-title span{display:block;-moz-transition:all .8s;-o-transition:all .8s;-webkit-transition:all .8s;transition:all .8s}.top-slogan-title span:nth-child(1){-moz-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-webkit-transform:translate(100%, 0);transform:translate(100%, 0);-moz-transition-delay:.6s;-o-transition-delay:.6s;-webkit-transition-delay:.6s;transition-delay:.6s}.top-slogan-title span:nth-child(2){width:1px;height:14px;margin:0 15px;background:#fff;opacity:0;box-shadow:1px 1px 3px #111;-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);-moz-transition-delay:.5s;-o-transition-delay:.5s;-webkit-transition-delay:.5s;transition-delay:.5s}.top-slogan-title span:nth-child(3){-moz-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0);-moz-transition-delay:.6s;-o-transition-delay:.6s;-webkit-transition-delay:.6s;transition-delay:.6s}.top-slogan-sub{margin-top:5px;overflow:hidden}.top-slogan-sub p{font-size:.875em;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.4s;-o-transition-delay:1.4s;-webkit-transition-delay:1.4s;transition-delay:1.4s}.top-slogan-award{display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-top:5px;opacity:0;-moz-transform:translate(0, 10px);-ms-transform:translate(0, 10px);-webkit-transform:translate(0, 10px);transform:translate(0, 10px);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s;-moz-transition-delay:2.2s;-o-transition-delay:2.2s;-webkit-transition-delay:2.2s;transition-delay:2.2s}.top-slogan-award img{height:30px;float:left;margin:5px 2px 0}.fixed{position:fixed;width:100%;height:100vh;overflow:hidden;-moz-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0)}.fixed.shadow{-webkit-filter:brightness(.5);filter:brightness(.5)}.fixed-slogan{position:absolute;top:50%;left:50%;color:#fff;text-shadow:0 0 5px #000;font-size:2em;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.fixed-images{position:relative;width:100%;height:100%;background-position:center;background-size:cover}.footer{position:relative;padding:30px 50px;color:#888;background:#fbfbfb;box-shadow:inset 0px 0px 8px #eee;font-size:.75em}.footer-logo{display:inline-block;width:45px;margin:0 0 10px}.footer-logo img{width:100%;-webkit-filter:contrast(0);filter:contrast(0)}.footer-nav{display:none;margin:10px auto 20px}.footer-nav a{display:inline-block}.footer-nav a:nth-child(2){margin:0 5px;padding:0 10px;border-left:solid 1px #aaa;border-right:solid 1px #aaa}.footer-info a{color:#888}.scroll-down{cursor:pointer;position:absolute;left:100px;bottom:100px;color:#fff;writing-mode:vertical-rl;z-index:5}.scroll-down p{padding:0 0 10px}.scroll-down span{display:block;width:1px;height:100px;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;padding:8px 12px;bottom:-40px;right:20px;color:#fff;font-size:.75em;text-align:center;background:#aaa;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:20px;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:#eee;z-index:20}.intro-bg{position:absolute;width:100%;height:100%;top:0;background:#fbfbfb;box-shadow:2px 0 6px #e1e1e1;-moz-transition:height .8s cubic-bezier(.1, .42, .9, .29) 1.2s;-o-transition:height .8s cubic-bezier(.1, .42, .9, .29) 1.2s;-webkit-transition:height .8s cubic-bezier(.1, .42, .9, .29);-webkit-transition-delay:1.2s;transition:height .8s cubic-bezier(.1, .42, .9, .29) 1.2s}.show-intro .intro-bg{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 .svg{position:relative;width:75px}.show-intro .intro-logo-img .svg{opacity:1;-moz-transition:opacity .8s 1.2s,-moz-transform .8s 1.2s;-o-transition:opacity .8s 1.2s,-o-transform .8s 1.2s;-webkit-transition:opacity .8s,-webkit-transform .8s;-webkit-transition-delay:1.2s,1.2s;transition:opacity .8s 1.2s,transform .8s 1.2s}.intros{position:fixed;top:0;width:100%;height:100%;background:#eee;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-bg{position:absolute;width:100%;height:100%;top:0;background:#fbfbfb;box-shadow:2px 0 6px #e1e1e1;-moz-transition:height .8s cubic-bezier(.23, .44, .83, .5) .4s;-o-transition:height .8s cubic-bezier(.23, .44, .83, .5) .4s;-webkit-transition:height .8s cubic-bezier(.23, .44, .83, .5);-webkit-transition-delay:.4s;transition:height .8s cubic-bezier(.23, .44, .83, .5) .4s}.show-intro .intros-bg{height:0}@media screen and (max-width: 1100px){.nav{display:none}.scroll-down{-webkit-flex-flow:column;flex-flow:column;left:50%;bottom:0;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.show{opacity:0;-moz-transform:translate(-50%, 10%);-ms-transform:translate(-50%, 10%);-webkit-transform:translate(-50%, 10%);transform:translate(-50%, 10%)}}@media screen and (max-width: 900px){.menu-nav-close{right:50px}}@media screen and (max-width: 640px){header{padding:30px 30px 0}header.ontop{padding:15px 30px}.logo{width:48px}.footer{padding:30px}.fixed-slogan{font-size:1.5em}}