.container{padding:unset}.project-inner{padding:0 70px;max-width:1500px;margin:0 auto}.project-img{width:100%}.project-img img{width:100%;margin-top:30px;opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:opacity 1s,-moz-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s}.project-img img.show{opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.project-wrap{display:-ms-flexbox;display:flex}.project-wrap-in:nth-child(1){margin-right:30px}.project-content{max-width:1100px;margin:0 auto}.project-name{position:relative;padding-bottom:30px;margin-bottom:30px}.project-name:after{content:"";width:0px;height:1px;background:#666;position:absolute;bottom:0;left:0;-moz-transition:width 1s .4s;-o-transition:width 1s .4s;-webkit-transition:width 1s;-webkit-transition-delay:.4s;transition:width 1s .4s}.project-name.show:after{width:30px}.project-name.show .en,.project-name.show .tw{opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.project-name .tw{letter-spacing:.2rem;color:#111;font-size:1.25rem;opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:opacity 1s,-moz-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s}.project-name .en{font-family:"Ubuntu",serif;opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:opacity 1s,-moz-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s}.project-list{display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.project-list li{margin-bottom:30px;width:48%;border-right:1px dashed #ddd}.project-subtitle{font-size:.75rem;color:#999}.project-item{padding-top:5px}.project-item span{display:block}.project-item .tw{font-size:.875rem}.project-item .en{font-size:.75rem}.project-btn{position:fixed;top:30px;right:25px;margin-top:unset}.project-btn a{background:#FFF}.project-btn a:hover{background:#111}.project-panel{position:relative;margin-top:100px;background:#f3f3f3;border:1px dotted #ddd}.project-panel.show:before{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.project-panel.show:after{top:-6px;opacity:1}.project-panel:before{content:"";width:1px;height:50px;background:#ddd;position:absolute;top:-50px;left:50%;clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);-moz-transition:clip-path .8s;-o-transition:clip-path .8s;-webkit-transition:clip-path .8s;transition:clip-path .8s}.project-panel:after{content:"";width:12px;height:12px;background:#ccc;position:absolute;top:-56px;left:50%;opacity:0;-moz-transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg);-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);-moz-transition:top .8s,opacity .8s;-o-transition:top .8s,opacity .8s;-webkit-transition:top .8s,opacity .8s;transition:top .8s,opacity .8s}.project-concept{margin:0 auto;padding:70px}@media screen and (max-width: 1100px){.project-inner{padding:0 50px}.project-content{position:relative;top:unset;right:unset;width:auto;height:unset;padding:unset;max-width:800px;margin:0 auto}.project-panel{margin-top:80px}.project-concept{padding:50px}.project-btn{position:relative;bottom:unset;right:unset;margin-left:auto;margin-right:auto}}@media screen and (max-width: 640px){.project-inner{padding:0 30px}.project-name{padding-bottom:25px;margin-bottom:25px}.project-name.show:after{width:25px}.project-name .tw{font-size:1rem}.project-name .en{font-size:.875rem}.project-list{display:block}.project-list li{width:auto;border-right:unset;border-bottom:1px dashed #ddd;margin-bottom:15px;padding-bottom:15px}.project-img img{margin-top:25px}.project-panel{margin-top:60px}.project-panel.show:after{top:-5px}.project-panel:before{height:40px;top:-40px}.project-panel:after{width:10px;height:10px;top:-45px}.project-concept{padding:30px}}