.intro{position:fixed;top:0;width:100%;height:100%;background:#dbd8d3;z-index:20}.intro-logo{position:absolute;top:50%;left:50%;width:180px;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 #pic{clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);transition:clip-path 1s .6s}.show-intro .intro-logo #pic{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.intro-logo #en{opacity:0;transform:translateY(-30px);transition:opacity .8s 1.4s,transform .8s 1.4s}.show-intro .intro-logo #en{opacity:1;transform:translateY(0)}.intro-logo #tw{opacity:0;transform:translateY(-30px);transition:opacity .8s 1.6s,transform .8s 1.6s}.show-intro .intro-logo #tw{opacity:1;transform:translateY(0)}.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;transform:scale(1.1);transition:transform 7s}.top-img li.show-img{transform:scale(1)}.top-img li:nth-child(1){background-position:40% 70%}.top-img li:nth-child(2){background-position:30% 70%}.top-img li:nth-child(3){background-position:25% 65%}.top-slogan li{position:absolute;color:#fff;text-shadow:0 0 5px #666;z-index:6;bottom:17%;right:6%}.top-big{font-size:1.5rem;font-family:"Cormorant",serif;max-width:240px;text-transform:uppercase}.top-t,.top-b{display:flex;align-items:baseline;white-space:nowrap}.top-t:after,.top-b:after{content:"";width:100%;min-width:50px;height:1px;background:#fff;box-shadow:0 0 5px #333;display:block;opacity:.5}.top-t{clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);transition:clip-path 1s}.top-t:after{margin-left:10px}.show-text .top-t{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.top-b{flex-flow:row-reverse;clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);transition:clip-path 1s}.top-b:after{margin-right:10px}.show-text .top-b{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.top-text{font-size:.75rem;max-width:380px;padding-top:20px;opacity:0;transform:translateY(20px);transition:opacity 1s,transform 1s}.show-text .top-text{opacity:1;transform:translateY(0)}.about-inner{padding:0 60px}.about-wrap{display:flex;justify-content:center;align-items:center}.about-content{width:40%;margin-right:12%}.about-text{padding-left:60px}.about-text span{display:block}.about-btn{padding-left:60px}.about-img{width:40%;max-width:480px}.about-img img{width:100%}.concept-wrap{display:flex;flex-flow:row-reverse;justify-content:flex-end;align-items:center}.concept-inner{padding:0 60px;width:45%;margin:0 auto}.concept-image{width:40%;max-width:680px;height:25vw}.concept-img{width:100%;height:100%;background-size:cover;background-position:60% 65%;background-repeat:no-repeat}.slogan{position:relative;margin:100px 0}.slogan-bg{position:absolute;width:100%;height:100%;background:#f8f8f8;top:0;left:0;z-index:-1}.slogan-inner{padding:0 60px}.slogan-wrap{display:flex;justify-content:center}.slogan-text{text-align:center;width:300px;position:relative;opacity:0;transform:translateY(-30px);transition:opacity .8s,transform .8s}.slogan-text.show{opacity:1;transform:translateY(0)}.slogan-text.show:nth-child(2){transition-delay:.2s}.slogan-text.show:nth-child(3){transition-delay:.4s}.slogan-text:nth-child(2):before{content:"⨉";color:#999;position:absolute;top:50%;left:-7px;transform:translateY(-50%)}.slogan-text:nth-child(2):after{content:"⨉";color:#999;position:absolute;top:50%;right:-7px;transform:translateY(-50%)}.slogan-text .tw{letter-spacing:.2rem}.slogan-text .en{font-size:1.25rem;font-family:"Cormorant",serif;text-transform:uppercase;color:#000}.slogan-text .en:before{content:"";width:1px;height:32px;border-left:1px dashed #c9caca;display:block;margin:8px auto}.project-inner{padding:0 60px;max-width:1600px;margin:0 auto}.project-wrap{position:relative;z-index:1;overflow:hidden}.project-list{display:flex;flex-wrap:wrap;position:relative}.project-list.show:before,.project-list.show:after{width:0}.project-list:before{content:"";width:50%;height:100%;background:#fff;position:absolute;top:0;left:0;transition:width .8s}.project-list:after{content:"";width:50%;height:100%;background:#fff;position:absolute;top:0;right:0;transition:width .8s}.project-item{width:50%}.project-item a{display:block;width:100%;height:40vw;display:flex}.project-item a:hover .project-type{color:#fff}.project-img{width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover;background-position:50% 50%;z-index:-1;opacity:0;transition:opacity .8s}.active .project-img{opacity:1}.project-img1{background-position:75% 90%}.project-img2{background-position:50% 65%;filter:saturate(0.5) brightness(1.2)}.project-info{position:relative}.project-type{position:absolute;bottom:0px;left:0px;padding:20px 25px;color:#dbd8d3;text-shadow:0 0 5px #333;line-height:1.5;transition:color .4s}.project-type .tw{letter-spacing:.2rem;display:flex;align-items:center;white-space:nowrap}.project-type .tw:after{content:"";width:35px;height:1px;background:#c9caca;margin-left:8px;box-shadow:0 0 5px #333}.project-type .en{font-family:"Cormorant",serif}.project-line{width:1px;height:0%;background:#dbd8d3;position:absolute;top:0;left:50%;z-index:4;transition:height .8s}.project-line.show{height:100%;transition-delay:.6s}.slogan2-inner{padding:0 60px}.slogan2-text{text-align:center}.slogan2-text .en{font-family:"Cormorant",serif;font-size:1.25rem;color:#000}.slogan2-text .en:after{content:"";width:45px;height:1px;background:#c9caca;display:block;margin:25px auto}.contact-inner{padding:0 60px}.contact-wrap{display:flex;align-items:center;justify-content:center}.contact-map{width:45%;height:35vw;max-height:600px;background:#f8f8f8}.contact-content{width:35%;margin-left:12%}.contact-list{padding-left:60px;font-size:.875rem}.contact-list li{position:relative;padding-left:40px;margin-bottom:15px}.contact-list li a{transition:color .4s}.contact-list li a:hover{color:#000}.contact-icon{color:#999;font-size:.75rem;width:20px;height:20px;padding:2px;border:1px solid #e3e3e3;text-align:center;position:absolute;top:1px;left:0;display:flex;flex-flow:column;justify-content:center}.contact-icon i{margin-left:1.5px}.contact-btn{padding-left:60px}@media screen and (max-width: 1100px){.about-inner{padding:0 40px}.about-wrap{display:block;max-width:800px;margin:0 auto}.about-content{width:auto;margin:0 0 60px 0}.about-img{width:auto;max-width:380px;margin:0 auto}.concept-inner{padding:0 40px;width:55%}.concept-image{width:27%;height:60vw}.slogan-inner{padding:0 40px}.slogan-text{width:unset}.slogan-text .tw{font-size:1.25rem}.slogan-text .en{display:none}.slogan-text:nth-child(2){margin:0 30px;padding:0 30px}.project-inner{padding:0 40px}.project-item a{height:55vw}.project-type{padding:15px 20px}.slogan2-inner{padding:0 40px}.contact-inner{padding:0 40px}.contact-wrap{display:block}.contact-map{width:100%;height:60vw;max-height:500px}.contact-content{width:auto;margin:60px 40px 0}.contact-list{display:flex;flex-wrap:wrap}.contact-list li{width:50%;box-sizing:border-box}}@media screen and (max-width: 900px){.concept-image{height:70vw}.contact-list{display:block}.contact-list li{width:auto}}@media screen and (max-width: 640px){.intro-logo{width:150px}.top-big{font-size:1.25rem;max-width:210px}.top-slogan li{right:30px;left:30px;bottom:22%}.about-inner{padding:0 30px}.about-text{padding-left:30px}.about-btn{padding-left:30px}.concept-wrap{display:block}.concept-inner{padding:0 30px;width:auto;margin-bottom:60px}.concept-image{width:calc(100% - 60px);height:55vw}.slogan{margin:60px 0}.slogan-inner{padding:0 30px}.slogan-text .tw{font-size:1rem}.project-inner{padding:0 30px}.project-list:before,.project-list:after{display:none}.project-item{width:100%;transition:clip-path .8s}.project-item:nth-child(1){clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)}.project-item:nth-child(1).show{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.project-item:nth-child(2){clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)}.project-item:nth-child(2).show{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.project-item a{height:360px;position:relative}.project-img{opacity:1}.project-img1{background-position:68% 90%}.project-type{font-size:.875rem}.project-line{display:none}.slogan2-inner{padding:0 30px}.slogan2-text .en{font-size:1rem}.slogan2-text .en:after{width:40px;margin:20px auto}.slogan2-text .tw{font-size:.875rem}.contact-inner{padding:0 30px}.contact-map{height:400px}.contact-content{margin:60px auto 0}.contact-list{padding-left:40px}.contact-btn{padding-left:40px}}