﻿.slogan-inner{padding:0 50px;width:calc(90% - 100px);margin:0 auto}.slogan-text{color:#FFF;width:fit-content;margin-left:auto;padding-left:45px;position:relative;opacity:0;-moz-transform:translateX(30px);-ms-transform:translateX(30px);-webkit-transform:translateX(30px);transform:translateX(30px);-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}.slogan-text.show{opacity:1;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.slogan-text.show:before{height:100%}.slogan-text:before{content:"";width:3px;height:0%;background:#9d313c;position:absolute;top:0;left:0;-moz-transition:height .6s .2s;-o-transition:height .6s .2s;-webkit-transition:height .6s;-webkit-transition-delay:.2s;transition:height .6s .2s}.slogan-text .en{font-size:1.375rem;font-family:"Lora",Arial,Helvetica}.slogan-text .tw{font-size:1rem;font-family:"Noto Sans TC","微軟正黑體","Microsoft JhengHei",sans-serif;padding-top:10px}.profile-inner{padding:0 50px;width:calc(90% - 100px);margin:0 auto}.profile-wrap{display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.profile-content{width:43%}.profile-img{width:45%;clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);-moz-transition:clip-path .6s;-o-transition:clip-path .6s;-webkit-transition:clip-path .6s;transition:clip-path .6s}.profile-img.show{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.profile-img img{width:100%}.company{position:relative;margin:100px 0}.company-bg{position:absolute;right:0;top:0;width:80%;height:100%;background-image:url(../images/wood.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 50%;z-index:-1;filter:brightness(.15)}.company-inner{padding:0 50px;width:calc(90% - 100px);margin:0 auto}.company-wrap{display:-ms-flexbox;display:flex;-webkit-flex-flow:row-reverse;flex-flow:row-reverse;-webkit-align-items:flex-end;align-items:flex-end;-webkit-justify-content:space-between;justify-content:space-between}.company-text{width:55%;margin-bottom:3vw}.company-text p.en{color:#ccc}.company-img{width:27vw;height:27vw}.company-img-inner{background-position:50% 70%;background-size:cover;background-repeat:no-repeat;width:100%;height:100%}.design-inner{padding:0 50px;width:calc(90% - 100px);margin:0 auto}.design-content{max-width:800px}.design-bg{margin:80px 0 0;width:100%;height:30vw}.design-img{width:100%;height:100%;background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:80% 50%}.design-content2{padding:60px;background:rgba(110,98,80,0.1);clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);-moz-transition:clip-path .6s;-o-transition:clip-path .6s;-webkit-transition:clip-path .6s;transition:clip-path .6s}.design-content2.show{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.designer{position:relative;margin-bottom:-30px}.designer-bg{position:absolute;left:0;bottom:0;width:100%;height:43%;background-image:url(../images/wood.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 50%;z-index:-1;filter:brightness(.15)}.designer-inner{padding:0 50px;width:calc(90% - 100px);margin:0 auto}.designer-wrap{display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;align-items:flex-end;-webkit-justify-content:flex-end;justify-content:flex-end}.designer-img{width:35%;max-width:450px}.designer-img img{width:100%}.designer-content{width:45%;margin-left:10%;margin-bottom:3vw}.designer-name{margin-bottom:35px}.designer-name .tw{font-size:1.375rem;color:#FFF;letter-spacing:1rem}.designer-name .en{font-size:1rem;letter-spacing:.1rem}.designer-item{padding-bottom:25px}.designer-item:last-child{padding-bottom:unset}.designer-subtitle{font-size:1rem;color:#FFF;letter-spacing:.5rem;padding-left:5px;position:relative}.designer-subtitle:before{content:"";width:25px;height:25px;background:rgba(157,49,60,0.5);border-radius:50%;position:absolute;bottom:0;left:0;z-index:-1}.designer-text{padding-top:10px;padding-left:5px}.designer-text .tw{font-size:1rem;color:#FFF}.designer-text .en{font-size:.85rem}.designer-text p{padding-top:5px}.team{padding-top:0}.team-inner{padding:0 50px;width:calc(90% - 100px);max-width:1300px;margin:0 auto}.team-title{color:#FFF;text-align:center;margin-bottom:50px}.team-title:before{content:"";width:1px;height:60px;background:#9d313c;display:block;margin:0 auto 35px}.team-title .en{font-family:"Lora",Arial,Helvetica;font-size:1.625rem}.team-title .tw{font-family:"Noto Sans TC","微軟正黑體","Microsoft JhengHei",sans-serif;margin-top:5px}.team-title span{letter-spacing:.2rem}.team-list{display:-ms-flexbox;display:flex;flex-wrap:wrap}.team-item{width:29%;padding:calc((100% / 3 - 29%) / 2)}.team-img img{width:100%}.team-name{font-size:1rem;padding-top:20px;text-align:center;position:relative}.team-name:before{content:"";width:1px;height:30px;background:#9d313c;position:absolute;top:-15px;left:50%;transform:translateX(-50%)}.award-inner{padding:0 50px;width:calc(90% - 100px);margin:0 auto;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.award-title{margin-bottom:unset}.award-list{display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:73%}.award-list li{width:calc(48% - 65px);padding:20px 0 20px 65px;border-bottom:1px dashed #262626;position:relative}.award-logo{width:37px;padding:2px;border:1px solid #262626;position:absolute;top:23px;left:0}.award-logo img{width:100%}.award-name{font-size:.85rem;color:#999;padding-bottom:3px}.award-text{font-size:1rem;color:#FFF}.award-work{color:#cf3b3b}.award-type{margin-left:3px}@media screen and (max-width: 1500px){.award-list{display:block;width:65%;margin-top:-15px}.award-list li{width:calc(100% - 65px)}}@media screen and (max-width: 1300px){.designer-img{width:40%}.award-list{width:60%}}@media screen and (max-width: 1100px){.slogan{padding-bottom:0}.slogan-inner{padding:0 35px;width:calc(90% - 70px)}.profile-inner{padding:0 35px;width:calc(90% - 70px)}.profile-wrap{-webkit-flex-flow:column-reverse;flex-flow:column-reverse}.profile-content{width:100%}.profile-img{width:100%;padding-bottom:50px}.company{margin:0;padding-top:0}.company-bg{width:100%;height:58%;top:unset;bottom:0}.company-inner{padding:0 35px;width:calc(90% - 70px)}.company-wrap{-webkit-flex-flow:column-reverse;flex-flow:column-reverse;-webkit-align-items:flex-start;align-items:flex-start}.company-img{width:45vw;height:45vw}.company-text{margin:60px 0 0;width:100%}.design-inner{padding:0 35px;width:calc(90% - 70px)}.design-bg{height:43vw;clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);-moz-transition:clip-path .6s;-o-transition:clip-path .6s;-webkit-transition:clip-path .6s;transition:clip-path .6s}.design-bg.show{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.design-img{background-attachment:scroll}.design-content2{padding:45px}.designer-inner{padding:0 35px;width:calc(90% - 70px)}.designer-wrap{-webkit-justify-content:space-between;justify-content:space-between}.designer-img{width:42%}.designer-content{margin-left:unset}.team-inner{padding:0 35px;width:calc(90% - 70px)}.team-item{width:45%;padding:2.5%}.award-inner{padding:0 35px;width:calc(90% - 70px);display:block}.award-title{margin-bottom:50px}.award-list{margin-top:unset;width:auto}}@media screen and (max-width: 800px){.slogan-text{margin-left:0;padding-left:40px}.company-bg{height:65%}.company-img{width:50vw;height:50vw}.design-bg{margin:50px 0 0}.designer-bg{height:60%}.designer-wrap{display:block}.designer-img{margin-left:auto;width:70%}.designer-content{margin:70px 0 0;width:auto}.team-list{display:block;max-width:460px;margin:-40px auto 0}.team-item{width:auto;padding:40px 0 0}}@media screen and (max-width: 640px){.slogan-inner{width:auto;padding:0 30px}.slogan-text{padding-left:25px}.slogan-text:before{width:2px}.slogan-text .en{font-size:1.25rem}.profile-inner{width:auto;padding:0 30px}.profile-img{padding-bottom:40px}.company-inner{width:auto;padding:0 30px}.company-img{width:100%;height:100vw}.company-text{margin:40px 0 0}.design-inner{width:auto;padding:0}.design-content{padding:0 30px}.design-bg{margin:40px 0 0;height:350px}.design-content2{padding:30px}.designer{margin-bottom:60px}.designer-bg{height:65%}.designer-inner{width:auto;padding:0 30px}.designer-img{width:100%;max-width:unset}.designer-content{margin:40px 0 0}.designer-name{margin-bottom:25px}.designer-name .tw{font-size:18px}.team-inner{width:auto;padding:0 30px}.team-title span{letter-spacing:.15rem}.team-title .en{font-size:1.375rem}.award-inner{width:auto;padding:0 30px}.award-title{margin-bottom:40px}.award-list{margin-top:-20px}.award-list li{padding-left:unset;width:auto}.award-logo{position:relative;width:30px;top:unset;left:unset}.award-content{margin-top:10px}}
