.hero-img{transition:transform 8s;background-size:cover}.hero-slogan-text{position:absolute;color:hsla(0,0%,100%,0);font-size:1.75rem;font-family:"Raleway",sans-serif;font-weight:300;text-shadow:2px 2px 6px hsla(0,0%,40%,0);z-index:5;transition:color .6s,text-shadow .6s}.hero-slogan-text.show-text{color:#fff;text-shadow:2px 2px 6px #666}.hero-slogan-heading{white-space:nowrap;transform:translateX(10%);transition:transform .6s}.hero-slogan-heading:nth-child(2){margin-left:20%;transform:translateX(-10%)}.show-text .hero-slogan-heading{transform:translateX(0px)}.hero-award{position:absolute;bottom:40px;left:5vw;z-index:5;max-width:270px;overflow:hidden}.hero-award img{float:left;width:25px;margin:1px}.hero .hero1{transform:scale(1.05);background-position:40% 50%}.hero .hero1.show-img{transform:scale(1)}.hero .hero2{height:calc(100% + 50px);background-position:100% 50%}.hero .hero2.show-img{transform:translateY(-50px)}.hero .hero3{transform:scale(1);background-position:50% 50%}.hero .hero3.show-img{transform:scale(1.05)}.hero .hero4{height:calc(100% + 50px);transform:translateY(-50px);background-position:45% 50%}.hero .hero4.show-img{transform:translateY(0px)}.hero .hero5{transform:scale(1.05);background-position:70% 50%}.hero .hero5.show-img{transform:scale(1)}.hero .hero6{width:calc(100% + 50px);transform:translateX(-50px);background-position:25% 50%}.hero .hero6.show-img{transform:translateX(0px)}.hero .hero7{height:calc(100% + 50px);background-position:50% 50%}.hero .hero7.show-img{transform:translateY(-50px)}.hero .hero8{width:calc(100% + 50px);background-position:25% 50%}.hero .hero8.show-img{transform:translateX(-50px)}.hero .slogan1{left:5%;bottom:25%}.hero .slogan2{right:15%;bottom:25%}.hero .slogan3{left:10%;bottom:27%}.hero .slogan4{right:15%;bottom:30%}.hero .slogan5{left:5%;bottom:25%}.hero .slogan6{right:20%;bottom:25%}.hero .slogan7{left:10%;bottom:32%}.hero .slogan8{right:15%;bottom:25%}.designer-wrap{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;margin-top:16vw}.designer-wrap:first-child{margin-top:0}.designer-img{width:30%}.designer-img.img2{margin:auto}.designer-content{max-width:50%;width:-moz-fit-content;width:fit-content;margin:auto}.designer-name{margin:60px 0 20px 60px;font-size:1rem;color:#000}.designer-heading{margin-bottom:20px;font-size:1rem;color:#000}.content1 .designer-text{margin-left:60px}.designer-text span{display:block}.profile-content{width:-moz-fit-content;width:fit-content;margin:auto}.profile-slogan{font-family:"Raleway",sans-serif;color:#000;font-size:1.5rem;letter-spacing:.2em;transition:letter-spacing .6s}.show .profile-slogan{letter-spacing:1px}.profile-text{margin-top:40px;letter-spacing:.5em;line-height:2.5;padding-left:.5em}.concept-img{display:flex;align-items:flex-end;padding:0 5vw;gap:10vw}.concept-img .img1{width:55%;margin-bottom:10vw}.concept-img .img2{width:45%}.concept-text{margin:16vw 0 0}.award-inner{display:flex;align-items:flex-end;padding:0 5vw}.award-img{width:45%;height:540px;margin-bottom:8vw;margin-right:5vw;background-image:url("../images/index/award-img.jpg");background-size:cover;background-position:60% 50%}.award-content{margin:0 auto}.award-logo{overflow:hidden;max-width:360px}.award-logo img{float:left;width:30px;margin:2px;border:#ccc solid 1px}.award-title{margin:60px 0}.award-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:40px 80px;font-size:.875rem;color:#000}.award-country{font-size:.75rem;color:#666;margin-bottom:5px}.project-inner{padding:0 5vw;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:-5%}.project-title{width:22.75%;margin-top:6.825%;text-align:center;transform:translateY(-41px)}.project-title .title-en{letter-spacing:.2vw;transition:letter-spacing .6s}.project-title.show .title-en{letter-spacing:1px}.project-title .title-tw:before{content:"";width:1px;height:20px;background:#ccc;display:block;margin:10px auto;transform:rotate(30deg)}.project-item{position:relative;display:block;width:22.75%;margin-bottom:5%}.project-item:hover img{transform:scale(1.1)}.project-item:hover .project-line{height:20%}.project-item:hover .project-text{color:#000;letter-spacing:.5em}.project-item:hover .project-more{opacity:1}.project-item:hover .project-img-inner:after{height:100%}.project-img{position:relative}.project-img-inner{position:relative;overflow:hidden}.project-img-inner:after{content:"";position:absolute;top:0;left:0;width:100%;height:0%;background:#000;opacity:.2;transition:height .6s}.project-img img{transition:transform 1s}.project-line{position:absolute;bottom:-10px;left:50%;height:0px;width:1px;background:#ccc;transition:height .6s}.project-more{position:absolute;top:50%;left:50%;width:34px;height:34px;background:#fff;border-radius:50%;transform:translate(-50%, -50%);opacity:0;transition:opacity .6s}.project-more img{width:20px;margin:7px auto;opacity:.5}.project-text{font-size:.875rem;text-align:center;margin-top:15px;letter-spacing:.3em;transition:color .6s,letter-spacing .6s}.project-btn{width:22.75%;margin-top:6.825%;text-align:center;transform:translateY(-21px)}.project-btn a:after{content:"";position:absolute;top:50%;left:-40px;width:50px;height:1px;background:#ccc}.contact-inner{display:flex;flex-direction:row-reverse;padding:0 5vw}.contact-map{position:relative;margin:8vw auto 0;width:50%;height:500px;border:#ccc solid 1px}.contact-map iframe{position:absolute;top:0;width:100%;height:100%}.contact-content{width:-moz-fit-content;width:fit-content;margin:0 auto}.contact-line{width:1px;height:40px;background:#ccc;transform:scaleY(0) rotate(0deg);margin:20px 10px;transition:transform .6s}.show .contact-line{transform:scaleY(1) rotate(30deg);transition-delay:.6s}.contact-title{margin-bottom:auto}.contact-text{margin-top:auto}.contact-text li{margin-top:10px}.contact-subtitle{display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;vertical-align:middle;background:#999;color:#fff;margin-right:5px}@media screen and (max-width: 1100px){.designer-wrap{flex-direction:column;align-items:stretch;margin-top:0}.designer-img.img1{width:40%;margin:16vw 10% 0 auto}.designer-img.img2{width:30%;margin:-20% auto 16vw 10%}.designer-content{max-width:100%}.designer-name{margin:10px 0 40px 0;font-size:.875rem}.content1 .designer-text{margin-left:30px}.concept-img{gap:5vw}.award-inner{flex-direction:column;align-items:stretch}.award-img{width:100%;height:60vw;margin:0 0 16vw 0}.award-list{grid-template-columns:repeat(3, 1fr)}.project-title,.project-btn{width:100%;transform:none;margin-top:0}.project-title{margin-bottom:60px}.project-item{width:30%;margin-bottom:60px}.contact-inner{flex-direction:column}.contact-map{width:100%;height:400px;margin:0 0 60px}}@media screen and (max-width: 900px){.award-list{grid-template-columns:repeat(2, 1fr)}.project-item{width:47.5%;margin-bottom:40px}}@media screen and (max-width: 640px){.hero-slogan-text{font-size:1.25rem}.hero-slogan-heading:nth-child(2){margin-left:10%}.hero .slogan3{left:5%;bottom:25%}.hero .slogan4{right:10%;bottom:25%}.hero .slogan6{right:15%}.hero .slogan7{bottom:25%}.hero .slogan8{right:12%}.hero-award{bottom:70px}.designer-content{width:100%}.content1 .designer-text{margin-left:0}.designer-text span{display:inline;margin-right:-0.4em}.designer-img.img1{width:auto;margin:16vw 0}.designer-img.img2{display:none}.concept-img .img1{width:auto;margin:0}.concept-img .img2{display:none}.profile-slogan{font-size:1.5rem}.profile-text{line-height:2;letter-spacing:1px;padding-left:0}.award-content{margin:0}.award-title{margin:40px 0}.award-list{grid-template-columns:repeat(1, 1fr);gap:20px}.award-list li{padding-bottom:20px;border-bottom:#ccc dotted 1px}.project-title{margin-bottom:40px}.contact-map{margin-bottom:40px}.contact-line{height:30px}}@media screen and (max-width: 520px){.project-item{width:100%}}@media screen and (max-height: 500px){.hero-slogan{display:none}}