.project-inner{padding:0 70px;max-width:1300px;margin:0 auto}.project-filter{display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;padding-bottom:20px}.project-sort{margin-top:unset}.project-sort:nth-child(2){margin:0 20px}.project-sort.active a{background:#f3f3f3;color:#666}.project-sort a:hover{background:#111;color:#FFF}.project-list{display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.project-item{width:50%;margin-top:60px}.project-item a{position:relative}.project-item a:hover .project-img:after{opacity:0}.project-item a:hover .project-img img{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}.project-img{overflow:hidden;position:relative;clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);-moz-transition:clip-path 1s;-o-transition:clip-path 1s;-webkit-transition:clip-path 1s;transition:clip-path 1s}.project-img.show{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.project-img:after{content:"";width:100%;height:100%;background:rgba(17,17,17,0.15);-webkit-filter:contrast(.5);filter:contrast(.5);position:absolute;top:0;left:0;opacity:1;-moz-transition:opacity 1s;-o-transition:opacity 1s;-webkit-transition:opacity 1s;transition:opacity 1s}.project-img img{width:100%;-moz-transition:-moz-transform 1s .3s;-o-transition:-o-transform 1s .3s;-webkit-transition:-webkit-transform 1s;-webkit-transition-delay:.3s;transition:transform 1s .3s}.project-content{width:100%;padding:20px 25px;box-sizing:border-box;position:absolute;left:0;bottom:0;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;align-items:flex-end;-webkit-justify-content:space-between;justify-content:space-between;z-index:1}.project-name{color:#FFF;text-shadow:0 0 5px #666}.project-name .tw{letter-spacing:.2rem}.project-name .en{font-size:.875rem;font-family:"Ubuntu",serif}.project-btn{display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;padding:5px 17px 2px;border-radius:20px;border:#eee solid 1px;color:#FFF;position:fixed;top:0;left:0;pointer-events:none;z-index:8;opacity:0;-moz-transition:opacity .4s;-o-transition:opacity .4s;-webkit-transition:opacity .4s;transition:opacity .4s}.project-btn .btn-dot{background:#eee}@media screen and (max-width: 1100px){.project-inner{padding:0 50px}.project-item{margin-top:50px}.project-content{position:relative;left:unset;bottom:unset;padding:10px 0 0}.project-name{color:#111;text-shadow:unset}.project-btn{display:none}}@media screen and (max-width: 900px){.project-item{width:auto;max-width:640px;margin:50px auto 0}}@media screen and (max-width: 640px){.project-inner{padding:0 30px}.project-sort:nth-child(2){margin:0 12px}.project-item{margin-top:40px}.project-name .tw{font-size:.875rem;letter-spacing:.15rem}.project-name .en{font-size:.75rem}}