.intro{position:fixed;top:0;width:100%;height:100%;background:#181818;z-index:20}.intro-logo{position:absolute;top:50%;left:50%;width:130px;z-index:2;opacity:0;transform:translate(-50%, -50%);transition:opacity .8s}.show-intro .intro-logo{opacity:1}.intro-logo img{width:100%}.intro-logo svg{width:100%}.intro-logo #tw1{opacity:0;transform:translateY(-30px);transition:opacity 1.6s 1.1s,transform 1.6s 1.1s}.show-intro .intro-logo #tw1{opacity:1;transform:translateY(0)}.intro-logo #tw2{opacity:0;transform:translateY(-30px);transition:opacity 1.6s 1s,transform 1.6s 1s}.show-intro .intro-logo #tw2{opacity:1;transform:translateY(0)}.intro-logo #pic{opacity:0;transition:opacity 1.2s .2s,transform 1.2s .2s}.show-intro .intro-logo #pic{opacity:1}.intro-logo #tw3{opacity:0;transform:translateY(30px);transition:opacity 1.6s 1s,transform 1.6s 1s}.show-intro .intro-logo #tw3{opacity:1;transform:translateY(0)}.intro-logo #en{opacity:0;transform:translateY(30px);transition:opacity 1.6s 1.1s,transform 1.6s 1.1s}.show-intro .intro-logo #en{opacity:1;transform:translateY(0)}.intro-award{display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;position:absolute;top:calc(50% + 130px);left:50%;max-width:320px;z-index:2;opacity:0;transform:translate(-50%, 0);transition:opacity 1.2s}.show-intro .intro-award{opacity:1;transition-delay:1.6s}.intro-award img{height:35px;margin:2px}.top-img{position:relative;height:100%;overflow:hidden}.top-img li{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform 8s}.top-img li:nth-child(1){background-position:37% 50%;transform:scale(1.1)}.top-img li:nth-child(1).show-img{transform:scale(1)}.top-img li:nth-child(2){background-position:60% 55%;width:108%;transform:translateX(0%)}.top-img li:nth-child(2).show-img{transform:translateX(-8%)}.top-img li:last-child{background-position:50% 50%;height:108%;transform:translateY(-8%)}.top-img li:last-child.show-img{transform:translateY(0)}.top-slogan li{position:absolute;color:#FFF;text-shadow:0 0 5px #666;z-index:6;max-width:400px}.top-slogan li:nth-child(1){right:10%;bottom:13%}.top-slogan li:nth-child(2){left:8%;bottom:15%}.top-slogan li:last-child{left:10%;bottom:13%}.top-big{font-size:1.5rem;font-family:"Philosopher",serif;display:-ms-flexbox;display:flex;align-items:center;line-height:1.5rem}.top-t{margin-top:-30px;margin-right:-10px;opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}.show-text .top-t{opacity:1;transform:translateY(0)}.top-b{margin-bottom:-30px;margin-left:-10px;opacity:0;transform:translateY(-20px);transition:opacity .8s,transform .8s}.show-text .top-b{opacity:1;transform:translateY(0)}.top-line{width:60px;height:1px;background:rgba(255,255,255,0.5);transform:rotate(-45deg);clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);transition:clip-path .8s}.show-text .top-line{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transition-delay:.4s}.top-text{font-size:.875rem;padding-top:60px;opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}.show-text .top-text{opacity:1;transform:translateY(0);transition-delay:.4s}.brand-inner{padding:0 50px}.brand-logo{width:250px;margin:0 auto}.brand-logo.show #brand-logo{opacity:1}.brand-logo.show #brand-tw1,.brand-logo.show #brand-tw2{opacity:1;transform:translateX(0);transition-delay:.2s}.brand-logo.show #brand-en{opacity:1;transform:translateY(0);transition-delay:.4s}.brand-logo img{width:100%}.brand-logo svg{width:100%}.brand-logo #brand-logo{opacity:0;transition:opacity .8s}.brand-logo #brand-tw1{opacity:0;transform:translateX(30px);transition:opacity .6s,transform .6s}.brand-logo #brand-tw2{opacity:0;transform:translateX(-30px);transition:opacity .6s,transform .6s}.brand-logo #brand-en{opacity:0;transform:translateY(-20px);transition:opacity .6s,transform .6s}.project{margin:100px 0;background:#181818}.project-inner{padding:0 50px}.project-link{text-align:center}.project-link-en{font-size:1.5rem;font-family:"Philosopher",serif;letter-spacing:.12rem;color:#FFF}.project-link-tw{font-size:.875rem;letter-spacing:.2rem}.project-link-tw:after{content:"";width:1px;height:40px;background:#4e4d4a;display:block;margin:30px auto}.project-btn{margin-left:auto;margin-right:auto}.award-inner{padding:0 50px}.award-wrap{display:-ms-flexbox;display:flex;flex-flow:row-reverse;justify-content:space-around;align-items:center}.award-img{width:35%;max-width:450px;height:fit-content;position:relative}.award-img.show:before{width:0;transition-delay:.9s}.award-img.show:after{width:0}.award-img:before{content:"";width:100%;height:100%;background:#181818;position:absolute;top:0;left:0;transition:width .8s}.award-img:after{content:"";width:100%;height:100%;background:#000;position:absolute;top:0;left:0;transition:width .8s}.award-img img{width:100%}.award-content{width:40%;max-width:650px}.award-year{font-family:"Philosopher",serif;font-size:.875rem;color:#a7a3a0;margin-bottom:25px;letter-spacing:.12rem;position:relative;clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);transition:clip-path .8s}.award-year.show{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.award-year:before{content:"";width:5px;height:16px;background:#4e4d4a;position:absolute;left:50px;top:50%;transform:translateY(-50%)}.award-year:after{content:"";width:calc(100% - 50px);height:1px;background:#4e4d4a;position:absolute;top:14px;right:0}.award-list li{position:relative;margin-bottom:30px;display:-ms-flexbox;display:flex;align-items:center}.award-logo{width:40px;margin-right:20px;flex-shrink:0}.award-logo img{width:100%}.award-text{font-size:.875rem}.award-work{color:#FFF}.news-inner{padding:0 50px}.news-title{width:95%;margin:0 auto 60px}.news-title .title-en{display:-ms-flexbox;display:flex;flex-flow:row-reverse;align-items:baseline;white-space:nowrap;font-size:1.25rem;color:#999}.news-title .title-en:after{content:"";width:100%;min-width:50px;height:1px;background:#4e4d4a;display:block;margin-right:15px}.news-wrap{display:-ms-flexbox;display:flex;flex-flow:row-reverse;align-items:center;justify-content:center}.news-img{width:42%;position:relative}.news-img.show:before{width:0;transition-delay:.9s}.news-img.show:after{width:0}.news-img:before{content:"";width:100%;height:100%;background:#181818;position:absolute;top:0;left:0;transition:width .8s}.news-img:after{content:"";width:100%;height:100%;background:#000;position:absolute;top:0;left:0;transition:width .8s}.news-img img{width:100%}.news-content{width:45%;margin-right:8%}.news-date{font-family:"Philosopher",serif;font-size:.75rem;color:#999;letter-spacing:.12rem}.news-name{color:#FFF}.news-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-top:30px;color:#999}.contact-map{width:100%;height:50vw;max-height:650px;background:#181818;position:relative}.contact-map.show:before{height:0;transition-delay:.9s}.contact-map.show:after{height:0}.contact-map:before{content:"";width:100%;height:100%;background:#181818;position:absolute;bottom:0;left:0;z-index:1;transition:height .8s}.contact-map:after{content:"";width:100%;height:100%;background:#000;position:absolute;bottom:0;left:0;z-index:2;transition:height .8s}.contact-inner{padding:0 50px;max-width:1600px;margin:0 auto}.contact-wrap{display:-ms-flexbox;display:flex;margin-top:50px}.contact-content{width:40%;max-width:450px}.contact-subtitle{color:#a7a3a0;font-family:"Philosopher",serif;opacity:0;transform:translateX(30px);transition:opacity .8s,transform .8s}.contact-subtitle.show{opacity:1;transform:translateX(0)}.contact-subtitle.show:after{width:35px}.contact-subtitle:after{content:"";width:0px;height:1px;background:#4e4d4a;display:block;margin:20px 0;transition:width .8s .4s}.contact-list li{font-size:.875rem}.contact-list li a{transition:color .4s}.contact-list li a:hover{color:#FFF}.contact-item{color:#999;margin-right:15px}.contact-btn{margin-left:auto;margin-top:50px}@media screen and (max-width: 1100px){.top-slogan li:nth-child(1){right:6%;bottom:15%}.award-wrap{display:block}.award-img{width:45%;margin:80px auto 0}.award-content{width:auto;max-width:unset}.news-title{width:auto}.news-wrap{display:block}.news-img{width:75%;margin:0 auto}.news-content{width:auto;margin-right:unset;margin-top:50px}.contact-map{height:60vw;max-height:620px}.contact-content{width:45%;box-sizing:border-box}.contact-content:nth-child(1){padding-right:50px}}@media screen and (max-width: 900px){.brand-logo{width:220px}.contact-wrap{display:block}.contact-content{width:auto;max-width:400px}.contact-content:nth-child(1){padding-right:unset;padding-bottom:50px}}@media screen and (max-width: 640px){.intro-logo{width:110px}.intro-award{width:calc(100% - 50px);max-width:460px;top:calc(50% + 110px)}.intro-award img{height:30px}.top-slogan li{padding:0 25px}.top-slogan li:nth-child(1){right:unset;left:0;bottom:12%}.top-slogan li:nth-child(2){left:0;bottom:12%}.top-slogan li:last-child{left:0;bottom:12%}.top-big{font-size:1.25rem}.top-line{width:50px}.brand-inner{padding:0 25px}.brand-logo{width:200px}.project{margin:60px 0}.project-inner{padding:0 25px}.project-link-en{font-size:1.25rem}.project-link-tw:after{height:30px;margin:20px auto 30px}.project-btn{margin-top:35px}.award-inner{padding:0 25px}.award-img{width:auto;max-width:350px}.award-year{margin-bottom:20px}.award-list li{margin-bottom:25px}.award-logo{width:35px}.news-inner{padding:0 25px}.news-title{margin:0 auto 40px}.news-img{width:auto}.news-content{margin-top:40px}.news-name{font-size:.875rem}.news-text{margin-top:20px}.contact-map{height:420px}.contact-inner{padding:0 25px}.contact-content:nth-child(1){padding-bottom:40px}.contact-subtitle.show:after{width:30px}.contact-subtitle:after{margin:15px 0}.contact-btn{margin-top:60px}}