@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);@import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap");.project{padding-top:80px;width:87.5%;margin:auto;box-sizing:border-box}.project-menu{display:flex;margin-bottom:30px;gap:30px}.project-menu-item{position:relative;cursor:pointer}.project-menu-item span{display:block}.project-menu-item .tw{padding:5px 0}.project-menu-item:before{content:"";position:absolute;bottom:0;width:0;height:1px;background:#838f98;-moz-transition:width 600ms cubic-bezier(.215, .61, .355, 1);-o-transition:width 600ms cubic-bezier(.215, .61, .355, 1);-webkit-transition:width 600ms cubic-bezier(.215, .61, .355, 1);transition:width 600ms cubic-bezier(.215, .61, .355, 1)}.project-menu-item.active:before{width:100%}.project-menu-item:hover{color:#838f98}.project-menu-item:hover:before{width:100%}.project-list{padding:50px 0;width:100%;display:flex;gap:50px 5%;-webkit-flex-wrap:wrap;flex-wrap:wrap}.project-img{overflow:hidden}.project-img img{filter:saturate(.5);-moz-transition:-moz-transform 600ms cubic-bezier(.215, .61, .355, 1);-o-transition:-o-transform 600ms cubic-bezier(.215, .61, .355, 1);-webkit-transition:-webkit-transform 600ms cubic-bezier(.215, .61, .355, 1);transition:transform 600ms cubic-bezier(.215, .61, .355, 1)}.project-item{width:30%;display:flex;-webkit-flex-direction:column;flex-direction:column}.project-item:hover .project-img img{filter:saturate(1);transform:scale(1.085)}.project-item:hover .crop-text:before{opacity:1;transform:translate3d(0, -130%, 0)}.project-item:hover .crop-text-inner{opacity:0;transform:translate3d(0, -130%, 0)}.project-item:hover .crop-arrow{-moz-animation:right_arrow 800ms cubic-bezier(.215, .61, .355, 1) forwards;-webkit-animation:right_arrow 800ms cubic-bezier(.215, .61, .355, 1) forwards;animation:right_arrow 800ms cubic-bezier(.215, .61, .355, 1) forwards}.project-info{flex-grow:1;padding:15px 0 20px;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.project-name{position:relative;padding-right:65px}.project-size{position:absolute;right:0;top:3px}.project-size.hide{display:none}.project-size.show{display:block}.project-logo{display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-end;justify-content:flex-end}.project-logo img{width:45px;margin-left:5px;margin-bottom:5px}@media screen and (max-width: 980px){.project{padding-top:40px}.project-list{-webkit-justify-content:space-between;justify-content:space-between}.project-item{width:47.5%}#projects-comingsoon{display:none}}@media screen and (max-width: 640px){.project-item{width:100%}}