@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");@import url("https://fonts.googleapis.com/css2?family=Tangerine&display=swap");@import url("https://fonts.googleapis.com/css2?family=GFS+Didot&display=swap");@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap");.about-block{display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.link:before,.title:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:#eee;z-index:1;-moz-transition:all .8s;-o-transition:all .8s;-webkit-transition:all .8s;transition:all .8s}.top-slogan-text{width:320px}.main{margin:-200px 0}.block{width:90%;margin:400px auto}.block img{width:100%}.link{position:relative}.link.show:before{width:0}.link a{position:relative;display:flex;-webkit-align-items:center;align-items:center;width:fit-content;margin:0 0 20px}.link a:hover span{letter-spacing:5px}.link a:hover img{-webkit-filter:contrast(1);filter:contrast(1)}.link span{font-size:.75em;letter-spacing:3px;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.link img{width:32px;margin-right:15px;-webkit-filter:contrast(.8);filter:contrast(.8);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.title{color:#111;font-size:1.25em;font-weight:normal;letter-spacing:8px}.title.show:before{height:0}.about-block{-webkit-align-items:flex-end;align-items:flex-end;position:relative}.about-block:nth-child(2){-webkit-flex-flow:row-reverse;flex-flow:row-reverse}.about-block:nth-child(2) .about-info h3{right:60%}.about-link{margin-top:30px;padding:24px 50px 0;border-top:solid 1px #aaa}.about-link:before{margin:-1px 0 0}.about-info{width:40%}.about-info h3{position:absolute;top:0;padding:10px 50px;writing-mode:vertical-lr}.about-info p{padding:0 50px}.about-info p.en{font-size:.875em}.about-img{width:60%}.work{position:relative}.work-block{position:relative;display:flex;width:100%}.work-photo{position:relative;display:flex;width:40%;padding:200px 0}.work-photo.show:before{width:100%;height:calc(100% - 400px);-moz-transition:width .6s,height .6s .6s;-o-transition:width .6s,height .6s .6s;-webkit-transition:width .6s,height .6s;-webkit-transition-delay:0s,.6s;transition:width .6s,height .6s .6s}.work-photo.show .work-photo-in:before{height:0}.work-photo:before{content:"";position:absolute;width:0;height:0;top:0;left:-10%;border-top:solid 1px #bbb;border-right:solid 1px #bbb;z-index:-1;-moz-transition:width .6s .6s,height .6s;-o-transition:width .6s .6s,height .6s;-webkit-transition:width .6s,height .6s;-webkit-transition-delay:.6s,0s;transition:width .6s .6s,height .6s}.work-photo-in{position:relative;width:60%;height:28vw;margin:auto 0 0 auto;background-size:contain;background-repeat:no-repeat;background-position:22% 50%;background-attachment:fixed}.work-photo-in:before{content:"";position:absolute;width:100%;height:100%;bottom:0;background:#eee;-moz-transition:all .6s .6s;-o-transition:all .6s .6s;-webkit-transition:all .6s;-webkit-transition-delay:.6s;transition:all .6s .6s}.work-info{position:relative;width:55%;margin:0 0 0 auto;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:space-evenly;justify-content:space-evenly}.work-info-photo{position:relative;width:100%;height:30vw;background-size:cover;background-repeat:no-repeat;background-position:50% 75%;background-attachment:fixed}.work-info-photo:before{content:"";position:absolute;width:100%;height:100%;background:#eee;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.work-info-photo.show:before{width:0}.work-title{padding:5%}.work-title p{margin-top:30px}.work-link{margin:50px 0 0}.contact-block{position:relative}.contact-title{position:relative;text-align:center}.contact-info{text-align:center}.contact-info ul{margin:50px 0}.contact-info li{margin:10px 0}.contact-link a{margin:auto}.contact-img{width:60%;margin:0 0 0 auto}.contact-map{margin-top:50px}.contact .map{width:100%;height:500px}.about-info p,.about-img,.contact-info .en,.contact-info a,.contact-map,.work-title{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 p.show,.about-img.show,.contact-info .en.show,.contact-info a.show,.contact-map.show,.work-title.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (max-width: 1450px){.work-photo-in{width:100%;height:30vw;background-size:cover}}@media screen and (max-width: 1200px){.main{margin:-50px 0}.block{margin:200px auto}.about-info h3{writing-mode:horizontal-tb}.work-block{width:90%;-webkit-flex-flow:column-reverse;flex-flow:column-reverse}.work-photo{display:none}.work-info{-webkit-flex-flow:column-reverse;flex-flow:column-reverse;width:100%;margin:0 0 -150px}.work-info-photo{height:350px;background-attachment:unset}.work-title{text-align:center}.work-link a{width:fit-content;margin:auto}.contact-info .en{display:block;margin:15px 0 5px}.contact-info a:nth-child(4){display:block;margin:-10px 0 0}}@media screen and (max-width: 1000px){.main{margin:0}.block{margin:80px auto}.about-block,.about-block:nth-child(2){-webkit-flex-flow:column;flex-flow:column}.about-img{width:100%}.about-info{position:relative;width:100%;margin:50px 0}.about-info h3{position:relative;padding:0 0 20px}.about-info p{padding:0}.about-link{padding:18px 0 0}.work-info{margin:0}.work-title{padding:50px 0 0;text-align:left}.work-link a{margin:0}.contact-title{text-align:left}.contact-info{text-align:left}.contact-info li{margin:0}.contact-info .en{display:inline-block}.contact-link a{margin:0}}@media screen and (max-width: 640px){.work-info-photo{background-position:100% 100%}}