@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");.about-block.block1,.about-block.block3,.about-img ul,.about-photo li{display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.main{margin:100vh 0 0;background:#fdfdfd}section{padding:100px 0}.photo-block{position:relative;display:flex;padding:200px 0}.photo-item{position:relative;margin:0 auto}.photo-item:nth-child(1){width:30%;height:20vw;-moz-transition:all .6s cubic-bezier(.2, .81, .72, .36);-o-transition:all .6s cubic-bezier(.2, .81, .72, .36);-webkit-transition:all .6s cubic-bezier(.2, .81, .72, .36);transition:all .6s cubic-bezier(.2, .81, .72, .36)}.photo-item:nth-child(2){width:30%;height:40vw;-moz-transition:all .6s cubic-bezier(.23, .63, .87, .56);-o-transition:all .6s cubic-bezier(.23, .63, .87, .56);-webkit-transition:all .6s cubic-bezier(.23, .63, .87, .56);transition:all .6s cubic-bezier(.23, .63, .87, .56)}.photo-item:nth-child(3){width:30%;height:30vw;-moz-transition:all .6s cubic-bezier(.23, .63, .87, .56);-o-transition:all .6s cubic-bezier(.23, .63, .87, .56);-webkit-transition:all .6s cubic-bezier(.23, .63, .87, .56);transition:all .6s cubic-bezier(.23, .63, .87, .56)}.photo-img{width:100%;height:100%;background-size:cover;background-position:center}.photo-info{position:absolute}.bg{padding:100px}.bg-photo{position:relative;width:100%;height:28vw;background-position:50% 60%;background-size:cover}.bg-photo.show:before{height:0}.bg-photo:before{content:"";position:absolute;width:100%;height:100%;background:#fdfdfd;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.about-block{position:relative}.about-block.block1,.about-block.block3{padding:100px 0}.about-block.block1:before,.about-block.block3:before{content:"";position:absolute;width:50%;height:100%;background:#eee;z-index:-1}.about-block.block1:before{left:50%}.about-block.block1 .about-img ul{width:60%}.about-block.block3:before{right:50%}.about-block.block3 .about-title-in{margin:0 100px 0 0}.about-title{width:40%}.about-title-in{width:fit-content;margin:auto}.about-title h1,.about-title h4{font-weight:normal}.about-title h1{margin:0 0 20px}.about-title h1.up{color:#444;margin:0}.about-title h4{font-size:1.05em;letter-spacing:.5em}.about-title p{width:240px;margin:30px 0 0}.about-title p:last-child{margin:0}.about-title span{display:block;margin:10px 0}.about-title span.en{color:#888;font-size:.875em}.about-img{position:relative;width:60%}.about-img-in{width:50%;margin:auto}.about-img ul{padding:50px 100px 50px 0}.about-img li{position:relative;margin:0 0 0 20px}.about-img img{width:100%}.about-info{padding:0 6vw;text-align:center}.about-info h1{margin:0 0 20px;color:#fff;font-weight:normal;letter-spacing:.05em}.about-info p{padding:5px 0;color:#fff}.about-info p.cn{font-size:.95em}.about-info p.en{font-size:.875em}.about-photo{position:relative}.about-photo ul{position:relative;display:flex;-webkit-flex-flow:wrap;flex-flow:wrap}.about-photo li{position:relative;width:calc(33.33% - 6.66px);margin:10px 0}.about-photo li:before{content:"";position:absolute;width:100%;height:100%;background:#fdfdfd;z-index:1;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.about-photo li:nth-child(3n-2):before{left:0}.about-photo li:nth-child(3n-2).show:before{width:0}.about-photo li:nth-child(3n-1){margin:10px;background:#e5dfd9}.about-photo li:nth-child(3n-1):before{bottom:0}.about-photo li:nth-child(3n-1).show:before{height:0}.about-photo li:nth-child(3n):before{right:0}.about-photo li:nth-child(3n).show:before{width:0}.about-photo img{width:100%;-webkit-filter:grayscale(1) contrast(1.25);filter:grayscale(1) contrast(1.25)}.concept-block{position:relative;display:flex;-webkit-align-items:flex-end;align-items:flex-end;padding:0 100px}.concept-block:nth-child(2){display:none}.concept-info{width:40%}.concept-info p{padding:10px 0}.concept-info p.en{color:#888;font-size:.875em}.concept-info span{display:block;padding:5px 0}.concept-img{width:calc(60% - 100px);margin:0 0 20px 100px}.concept-img img{width:100%}.project-block{margin:100px 0;padding:0 100px}.project-title-in h1{font-weight:normal;margin:0 0 20px}.project-list{display:flex;-webkit-flex-flow:wrap;flex-flow:wrap;margin:0 -100px;padding:30px 100px;background:#e5dfd9;background:#eee}.project-list-type{position:relative;width:calc(20% - 1px);border-right:solid 1px #ddd}.project-list-type.center{border-top:solid 1px #ddd;border-bottom:solid 1px #ddd}.project-list-type p{position:absolute;top:50%;left:50%;font-size:1.05em;letter-spacing:5px;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.project-list ul{position:relative;display:flex;-webkit-flex-flow:wrap;flex-flow:wrap;width:75%;padding:2.5%}.project-list ul.center{border-top:solid 1px #ddd;border-bottom:solid 1px #ddd}.project-list li{position:relative;width:33.33%;margin:5px 0}.project-list li:before{content:"•";margin:0 10px 0 0;color:#888;font-size:1em}.team-block{margin:100px 0 200px;padding:0 100px;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.team-img{width:30%}.team-img img{width:100%}.team-photo img{width:100%}.team-photo.photo1{width:20%;margin:auto 0 0 -100px}.team-photo.photo2{width:30%;margin:0 -100px 0 0}.team-director{margin:auto}.team-director li{display:flex;-webkit-align-items:flex-start;align-items:flex-start;margin:20px 0}.team-director h3{font-weight:normal}.team-director span{color:#726b5d;padding:2px 10px;margin:0 20px 0 0;background:#efeae2}.team-director-list p{padding:0 0 5px 0;display:list-item;list-style:disc inside}.team .award-in{display:flex;margin:0 0 15px 0}.team .award-in:last-child{margin:0}.team .award-logo{margin:0 15px 0 0}.team .award-logo img{width:35px;border:solid 3px rgba(255,255,255,0.2)}.team .award-info h4{color:#888;font-size:.875em;font-weight:normal}.team .award-info span{padding:0;margin:0;background:transparent}.team-mean{position:relative;margin:100px auto}.team-mean li{position:relative;padding:10px;margin:0 0 20px;border-bottom:solid 1px #222}.team-mean h4{font-weight:normal;line-height:2.5}.team-mean span{display:block;padding:2px 0;color:#ccc}.about-img li,.about-img-in,.concept-img,.team-director li,.team-photo{opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.bg-photo,.about-title,.concept-info,.team-img,.team-mean li{opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.bg-photo.show,.about-title.show,.concept-info.show,.team-img.show,.team-mean li.show,.about-img li.show,.about-img-in.show,.concept-img.show,.team-director li.show,.team-photo.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.block1:before{opacity:0;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.block1.show:before{opacity:1;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.block3:before{opacity:0;-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.block3.show:before{opacity:1;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}@media screen and (max-width: 1600px){.project-list li{width:33.33%}}@media screen and (max-width: 1300px){.concept-block:nth-child(1) .concept-info p:nth-child(2){display:none}.concept-block:nth-child(2){display:block}.concept-block:nth-child(2) .concept-info{width:100%}.project-list ul{width:70%;padding:5%}.project-list li{width:50%}}@media screen and (max-width: 1100px){.main{padding:0}.about-block.block1,.about-block.block3{padding:0}.about-block.block1{-webkit-flex-flow:column;flex-flow:column;margin:-100px 0 0}.about-block.block1:before{width:100%;left:unset}.about-block.block1 .about-img ul{width:100%}.about-block.block3{padding:0;-webkit-flex-flow:column;flex-flow:column}.about-block.block3:before{width:100%;right:unset}.about-block.block3 .about-title{width:auto;padding:100px}.about-block.block3 .about-title-in{margin:0}.about-title{width:100%}.about-title-in{margin:100px auto}.about-photo li{width:28%}.about-photo li:nth-child(3n-1){width:calc(44% - 20px)}.about-img{width:100%;height:42vw;overflow:hidden}.about-img-in{width:100%;margin:-12vw 0 0}.about-img ul{padding:0;margin:-2vw 0 0}.about-img li{margin:0}.team-img{width:36%}.team-director{margin:unset}}@media screen and (max-width: 900px){section{padding:0}.bg{padding:50px}.about-block.block1{margin:0}.about-block.block3 .about-title{width:auto;padding:50px}.about-photo li{width:50%}.about-photo li:nth-child(3n-1){position:absolute;top:50%;left:50%;z-index:1;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:rgba(51,51,51,0.6)}.about-img{width:100%;height:35vw;overflow:hidden}.about-img-in{margin:-18vw 0 0}.about-img ul{margin:-10vw 0 0}.about-info{padding:20px}.concept-block{padding:50px;-webkit-flex-flow:column-reverse;flex-flow:column-reverse;-webkit-align-items:unset;align-items:unset;-webkit-justify-content:unset;justify-content:unset}.concept-block:nth-child(2){margin:-100px 0 0}.concept-img{width:100%;margin:0}.concept-info{width:100%}.concept-info p{padding:20px 0 0}.project-block{padding:80px 50px;margin:100px 0 50px;background:#eee}.project-list-type{width:100%;padding:0 0 10px 0;margin:0 0 10px 0;border-right:unset;border-bottom:solid 1px #ddd}.project-list-type.center{border-top:unset;margin:50px 0 10px 0}.project-list-type p{position:relative;top:unset;left:unset;-moz-transform:translate(0%, 0%);-ms-transform:translate(0%, 0%);-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%)}.project-list ul{width:100%;padding:0}.project-list ul.center{margin:0 0 50px;border-top:unset;border-bottom:unset}.team-block{-webkit-flex-flow:column;flex-flow:column;padding:0 50px;margin:0}.team-img{position:relative;width:60%}.team-img:after{content:"";position:relative;display:block;width:calc(100% / .6);height:1px;margin:60px 0 0;background:#eee}.team-director{margin:30px 0 100px}.team-photo.photo1{width:50%;margin:-10vw 0;-moz-transform:rotate(90deg) translateY(20px);-ms-transform:rotate(90deg) translateY(20px);-webkit-transform:rotate(90deg) translateY(20px);transform:rotate(90deg) translateY(20px)}.team-photo.photo1.show{-moz-transform:rotate(90deg) translateY(0);-ms-transform:rotate(90deg) translateY(0);-webkit-transform:rotate(90deg) translateY(0);transform:rotate(90deg) translateY(0)}.team-photo.photo2{width:50%;margin:0 0 0 auto}}@media screen and (max-width: 640px){.bg{padding:30px}.bg-photo{height:32vw;background-position:50% 50%}.about-block.block3 .about-title{padding:30px}.about-photo li{width:100%}.about-photo li:nth-child(3n-1){position:relative;width:100%;margin:0;top:unset;left:unset;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.about-photo li:nth-child(3n-2),.about-photo li:nth-child(3n){height:42vw;overflow:hidden}.about-photo li:nth-child(3n-2) img{-moz-transform:translate(0, -18vw);-ms-transform:translate(0, -18vw);-webkit-transform:translate(0, -18vw);transform:translate(0, -18vw)}.about-photo li:nth-child(3n) img{-moz-transform:translate(0, 15vw);-ms-transform:translate(0, 15vw);-webkit-transform:translate(0, 15vw);transform:translate(0, 15vw)}.about-img{height:42vw}.about-img ul{margin:-3vw 0 0}.about-title-in{margin:50px 30px}.concept-block{padding:30px}.concept-block:nth-child(2){margin:-60px 0 0}.project-block{padding:50px 30px;margin:60px 0 30px}.team-block{padding:0 30px;margin:0}.team-photo.photo1{width:72%;margin:0 0 -15vw}.team-photo.photo2{width:72%;margin:0 -30px 0 auto}.team-img{width:100%}.team-img:after{width:100%}.team-mean span{display:inline}}@media screen and (max-width: 560px){.project-list li{width:100%}}@media screen and (max-width: 450px){.project-title-in h1{margin:20px 0 0}.team-img:after{margin:30px 0 0}.team-director{margin:5px 0 100px}.team-director li{-webkit-flex-flow:column;flex-flow:column}.team-director span{width:calc(100% - 20px);padding:2px 10px;margin:0 0 20px}.team-director-list p{margin:0 0 0 20px;list-style:disc}}