@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Cormorant+Infant&family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap");.top{position:relative;height:100vh;-moz-transition:-moz-transform 600ms cubic-bezier(.165, .84, .44, 1);-o-transition:-o-transform 600ms cubic-bezier(.165, .84, .44, 1);-webkit-transition:-webkit-transform 600ms cubic-bezier(.165, .84, .44, 1);transition:transform 600ms cubic-bezier(.165, .84, .44, 1);will-change:transform;overflow:hidden}.top-images li{position:absolute;top:0;width:100%;height:100%;background-size:cover;background-position:center;-moz-transition:-moz-transform 6s;-o-transition:-o-transform 6s;-webkit-transition:-webkit-transform 6s;transition:transform 6s}.top-images li:nth-child(1){background-position:40% 50%;width:105%;-moz-transform:translateX(-5%);-ms-transform:translateX(-5%);-webkit-transform:translateX(-5%);transform:translateX(-5%)}.top-images li:nth-child(2){background-position:60% 50%;height:105%;-moz-transform:translateY(-5%);-ms-transform:translateY(-5%);-webkit-transform:translateY(-5%);transform:translateY(-5%)}.top-images li:last-child{background-position:50% 50%;width:108%;left:-8%;-moz-transform:translateX(8%);-ms-transform:translateX(8%);-webkit-transform:translateX(8%);transform:translateX(8%)}.top-images li.show-img:nth-child(1){-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.top-images li.show-img:nth-child(2){-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.top-images li.show-img:last-child{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.top-slogan{text-align:center;color:#fff}.top-slogan li{position:absolute;z-index:4;opacity:0;list-style:none;width:calc(100% - 4rem);top:45%;left:0%;margin:0 2rem;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s;font-size:1.5rem}.top-slogan li.show-text{opacity:1}.top-slogan li:nth-child(1){top:70%}.top-slogan li:nth-child(2){top:70%}.top-slogan li:last-child{top:70%}.top-slogan-inner{position:relative}.top-slogan-inner span{text-shadow:5px 5px 8px #231815;display:block;position:relative;line-height:1.5;margin-bottom:1rem;-moz-transform:translateY(100%);-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%);-moz-transition:-moz-transform .6s .6s;-o-transition:-o-transform .6s .6s;-webkit-transition:-webkit-transform .6s;-webkit-transition-delay:.6s;transition:transform .6s .6s}.top-slogan-inner span.en{font-size:1rem}.top-slogan-inner span.tw{font-size:.875rem}.show-text .top-slogan-inner span{-moz-transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%)}.show-text .top-slogan-inner:nth-child(1) span{-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s}.show-text .top-slogan-inner:nth-child(2) span{-moz-transition-delay:.2s;-o-transition-delay:.2s;-webkit-transition-delay:.2s;transition-delay:.2s}.about,.about2{background:#fafafa}.about-inner,.about2-inner{display:flex;gap:2rem;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.about-inner-img{width:100%;position:relative}.about-inner-btn{margin-top:2rem}.ph{opacity:0}.ph-inner{position:relative;padding-bottom:98%}.ph-inner p{width:20%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.ph-bg{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:-1;background:url(../images/index/phbg.jpg) no-repeat center;background-size:cover}.ph.show{opacity:1}.project{position:relative;z-index:100;background:#fafafa}.project-list{margin:0 2rem;display:grid;gap:40px}.project-item{position:relative;width:100%}.project-inner{text-align:center;width:fit-content;margin:20px auto 0}.project-sort{color:#231815;letter-spacing:10px;padding-left:10px;font-size:1.25rem}.project-classification{font-size:1rem;margin:10px 0 40px;color:#A09B9A}.project-btn button{margin:0 auto}.contact{background:#fafafa;position:relative}.contact-map{min-height:500px}@media screen and (min-width: 992px){.top-images li:nth-child(1){background-position:50% 50%}.top-images li:nth-child(2){background-position:50% 80%}.top-images li:last-child{background-position:50% 50%}.top-slogan li{width:auto}.top-slogan li:nth-child(1){top:50%;left:20%}.top-slogan li:nth-child(2){top:auto;bottom:30%;left:50%}.top-slogan li:last-child{top:auto;bottom:40%;left:10%}.top-slogan li.show-text{opacity:1}.top-slogan-inner span.en{font-size:1.75rem}.top-slogan-inner span.tw{font-size:1.5rem}.top-slogan-inner span:nth-child(1){-moz-transform:translateX(20%);-ms-transform:translateX(20%);-webkit-transform:translateX(20%);transform:translateX(20%);position:relative;right:40px}.top-slogan-inner span:nth-child(2){-moz-transform:translateX(-20%);-ms-transform:translateX(-20%);-webkit-transform:translateX(-20%);transform:translateX(-20%);position:relative;left:40px}.show-text .top-slogan-inner span{-moz-transform:translateX(0%);-ms-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translateX(0%)}.about-inner,.about2-inner{gap:4rem}.about-inner-text,.about2-inner-text{width:auto;flex-grow:1}.about-inner{-webkit-flex-direction:row;flex-direction:row}.about-inner-img{max-width:1200px;width:60%}.about2-inner{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.ph-inner{padding-bottom:23.85%}.project-list{grid-template-columns:repeat(2, 2fr);gap:100px;margin:0}.project-item{max-width:660px;margin:0 auto}.project-item:nth-child(even){margin-top:170px}}