@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");.team-block{display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.main{margin:0}section{padding:0 100px;margin-bottom:300px}.about-block{position:relative;margin:0 0 200px;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly}.about-block:after{content:"";position:absolute;width:75%;height:1px;right:0;bottom:50px;background:#ddd;z-index:-1}.about-block.anti{-webkit-align-items:center;align-items:center;-webkit-flex-flow:row-reverse;flex-flow:row-reverse}.about-block.anti:after{left:0}.about-block.anti .about-img{height:fit-content}.about-block.anti .about-img:before{left:0}.about-block.anti .about-img:after{display:none}.about-block.anti .about-info{padding:0 calc(100px + 2vw) 0 2vw}.about-img{position:relative;width:calc(300px + 4vw);height:calc(300px + 4vw);overflow:hidden}.about-img:before{content:"";position:absolute;width:100%;height:100%;box-shadow:0 0 5px #aaa;z-index:1}.about-photo,.about-photos{width:100%;height:100%;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.about-photo img,.about-photos img{width:100%}.about-photo img{-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}.about-title{position:absolute;top:55%;left:50%;text-align:center;z-index:1;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.about-title h3{color:#222;font-weight:normal;letter-spacing:5px;text-shadow:0px 0px 3px #dadada}.about-title h4{font-weight:normal}.about-info{position:relative;display:flex;-webkit-justify-content:center;justify-content:center;padding-left:100px}.about-sub{margin:0 100px 0 0;color:#666;writing-mode:vertical-lr;text-transform:uppercase;letter-spacing:.875em;font-size:.75em}.about-in{position:relative;max-width:460px}.about-in h4{margin:0 0 50px;font-weight:normal}.about-in p{margin:15px 0 0}.about-in span{display:block;color:#bb9b6e;text-transform:uppercase}.about-in span.line{width:12px;height:1px;margin-top:10px;background:#bb9b6e}.about-down{position:relative;margin:0 -100px}.about-down:before{content:"";position:absolute;width:100%;height:100%;background:#fff;-moz-transition:height .6s;-o-transition:height .6s;-webkit-transition:height .6s;transition:height .6s}.about-down-img{height:30vw;background-position:center;background-size:cover;background-attachment:fixed}.about-down-info{position:absolute;-moz-transform:translate(0, calc(-100% + 50px));-ms-transform:translate(0, calc(-100% + 50px));-webkit-transform:translate(0, calc(-100% + 50px));transform:translate(0, calc(-100% + 50px))}.about-down-info span{display:block;width:385px;padding:50px 100px;background:#000;border-bottom:solid 1px #666}.award-block{position:relative;display:flex;-webkit-flex-flow:row-reverse;flex-flow:row-reverse;-webkit-justify-content:space-around;justify-content:space-around}.award-img{position:relative;width:25vw;height:fit-content;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.award-img img{width:100%}.award-img:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;box-shadow:0 0 5px #aaa}.award-item{width:calc(60% - 200px)}.award-title{position:relative;margin-bottom:100px}.award-title h3{width:100%;display:flex;-webkit-align-items:flex-end;align-items:flex-end;color:#bb9b6e;font-weight:normal;letter-spacing:5px;white-space:nowrap}.award-title h4{display:flex;-webkit-align-items:baseline;align-items:baseline;color:#888;font-weight:normal}.award-title-line{width:100%;height:1px;margin:0 0 5px 5px;background:#bb9b6e}.award-title-tri{width:6px;height:6px;margin:15px 10px 0 20px;border-top:double 3px #888;border-right:solid 1px #888;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.award-list{position:relative;font-size:.75em;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.award-list-in{display:flex;-webkit-align-items:center;align-items:center;margin:15px 0}.award-list-in h4{font-weight:normal}.award-logo{padding:4px;border-radius:10px;border:solid 1px transparent;box-shadow:0 0 5px #ddd}.award-logo img{width:40px;background:#fff;border-radius:6px}.award-in{margin:0 0 0 15px}.concept-block{position:relative;display:flex;-webkit-flex-flow:row-reverse;flex-flow:row-reverse;-webkit-justify-content:space-around;justify-content:space-around}.concept-sub{width:100px;color:#666;writing-mode:vertical-lr;text-transform:uppercase;letter-spacing:.875em;font-size:.75em}.concept-info{position:relative;width:calc(55% - 200px);margin:auto 0}.concept-info-in p{margin:15px 0}.concept-info-in span{display:block;width:12px;height:1px;margin:30px 0;background:#aaa}.concept-title{position:relative;margin-bottom:100px}.concept-title h3{width:100%;display:flex;-webkit-align-items:flex-end;align-items:flex-end;color:#bb9b6e;font-weight:normal;letter-spacing:5px;white-space:nowrap}.concept-title h4{display:flex;-webkit-align-items:baseline;align-items:baseline;color:#888;font-weight:normal}.concept-title-line{width:calc(100% - 90px);height:1px;margin:0 5px 5px 0;background:#bb9b6e}.concept-title-tri{width:6px;height:6px;margin:15px 10px 0 20px;border-top:double 3px #888;border-right:solid 1px #888;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.concept-img{position:relative;width:25vw;height:fit-content;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.concept-img img{width:100%}.concept-img:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;box-shadow:0 0 5px #aaa}.team-block{-webkit-flex-flow:row-reverse;flex-flow:row-reverse}.team-img{position:relative;width:40%}.team-img img{width:100%}.team-title{position:relative;padding:0 0 0 100px;margin-bottom:100px}.team-title h3{width:100%;display:flex;-webkit-align-items:flex-end;align-items:flex-end;color:#bb9b6e;font-weight:normal;letter-spacing:5px;white-space:nowrap}.team-title h4{display:flex;-webkit-align-items:baseline;align-items:baseline;color:#888;font-weight:normal}.team-title-line{width:calc(100% - 90px);height:1px;margin:0 0 5px 5px;background:#bb9b6e}.team-title-tri{width:6px;height:6px;margin:15px 10px 0 20px;border-top:double 3px #888;border-right:solid 1px #888;-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.team-info{position:relative;width:43%}.team-info-in{display:flex;-webkit-align-items:flex-end;align-items:flex-end;padding:0 0 0 100px}.team-info-in p{margin:10px}.about-img,.award-title,.concept-info-in,.concept-title,.team-title,.team-info-in{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}.about-info,.about-down,.award-img,.concept-sub,.concept-img,.team-img{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}.about-img.show,.about-info.show,.about-down.show,.award-title.show,.award-img.show,.concept-sub.show,.concept-info-in.show,.concept-title.show,.concept-img.show,.team-img.show,.team-title.show,.team-info-in.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.about-down.show:before{height:0}.award-list-in{opacity:0;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.award-list-in.show{opacity:1}@media screen and (max-width: 1250px){.about-block:after{display:none}.about-block.normal .about-info{-webkit-flex-flow:column;flex-flow:column}.about-sub{writing-mode:unset;margin:0 0 10px}.award-item{width:calc(65% - 100px);margin:0 auto 0 0}.team-info{width:50%}.concept-info{width:calc(65% - 100px);margin:0 auto 0 0}}@media screen and (max-width: 1100px){section{margin-bottom:200px}.award-img{width:45%;margin:0 -100px}.award-item{width:55%}.award-title{width:100%;margin-bottom:50px}.award-list{margin:0 auto 0 0}.concept-img{width:45%;margin:0 -100px}.concept-info{width:55%}.concept-title{width:100%;margin-bottom:50px}.concept-list{margin:0 auto 0 0}.team-block{-webkit-flex-flow:column-reverse;flex-flow:column-reverse}.team-img{width:60%;margin:0 auto 0 0}.team-title{padding:100px 0 0;margin-bottom:50px}.team-info{width:100%}.team-info-in{padding:0 100px 0 0}}@media screen and (max-width: 900px){section{padding:0 50px}.about-block{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.about-block:after{opacity:0}.about-block.normal{-webkit-flex-flow:column;flex-flow:column}.about-block.anti{-webkit-flex-flow:column;flex-flow:column}.about-block.anti .about-img{margin:0 auto}.about-block.anti .about-info{padding:0}.about-block.anti .about-in{text-align:left}.about-photo img{-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1);margin:-24px 0px 0}.about-img{margin:auto}.about-img:after{display:none}.about-sub{margin:0 0 50px;text-align:center}.about-info{width:calc(300px + 4vw);padding-left:0;margin:50px 0 0 0;-webkit-flex-flow:column;flex-flow:column}.about-in{margin:0}.about-in h4{text-align:center}.about-in span.line{margin:10px auto}.about-down-img{height:360px}.award-block{-webkit-flex-flow:column;flex-flow:column}.award-img{width:50%;margin:0 0 30px 0}.award-item{width:100%}.team-img{margin:0 0 0 auto}.concept-block{-webkit-flex-flow:column;flex-flow:column}.concept-img{width:50%;margin:30px 0}.concept-info{width:100%}}@media screen and (max-width: 640px){section{padding:0 30px;margin-bottom:100px}.about-block{margin:0 0 100px}.about-info{width:100%}.about-sub{text-align:left}.about-in{max-width:unset}.about-in h4{text-align:left}.about-in span.line{margin:10px 0}.about-img{width:100%;height:calc(100vw - 75px)}.about-down{display:none}.about-down-img{background-attachment:unset}.award-img{width:100%}.award-title-line{width:calc(100% - 90px)}.concept-img{width:100%}.team-img{width:100%}.team-title{padding:30px 0 0}.team-info p{margin:0 10px 10px 0}.team-info-in{padding:0}}@media screen and (max-width: 550px){.award-in{margin:5px 0 0}.award-list-in{-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:flex-start;align-items:flex-start}}
