.project-inner{padding:0 50px;width:calc(90% - 100px);margin:0 auto}.project-sort{text-align:center;padding-bottom:50px}.project-sort a{font-size:1rem;margin:0 15px;letter-spacing:.4rem;font-family:"Noto Sans TC","微軟正黑體","Microsoft JhengHei",sans-serif;position:relative;opacity:0;-moz-transition:color .6s,opacity .6s;-o-transition:color .6s,opacity .6s;-webkit-transition:color .6s,opacity .6s;transition:color .6s,opacity .6s}.project-sort a.show{opacity:1}.project-sort a:after{content:"";width:40px;height:40px;background:rgba(157,49,60,0.5);border-radius:50%;position:absolute;top:50%;left:45%;z-index:-1;-moz-transform:translate(-50%, -50%) scale(0);-ms-transform:translate(-50%, -50%) scale(0);-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);-moz-transition:-moz-transform .6s;-o-transition:-o-transform .6s;-webkit-transition:-webkit-transform .6s;transition:transform .6s}.project-sort a.active{color:#FFF}.project-sort a.active:after{-moz-transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}.project-sort a:hover{color:#FFF}.project-list{overflow:hidden}.project-item{width:49%;box-sizing:border-box;margin:50px .5% 0;position:relative}.project-item:hover{z-index:100}.project-item:hover:before{opacity:.8}.project-item:hover:after{width:100%}.project-item:hover .project-img{filter:saturate(1) brightness(1)}.project-item:before{content:"";width:100vw;height:calc(100vh - 65px);margin-top:65px;position:fixed;top:0;left:0;background:rgba(0,0,0,0.9);pointer-events:none;opacity:0;z-index:-1;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.project-item:after{content:"";width:0%;height:100%;background:#222;box-shadow:0 0 5px #444;position:absolute;top:0;left:0;z-index:-1;-moz-transition:width .6s;-o-transition:width .6s;-webkit-transition:width .6s;transition:width .6s}.project-item a{padding:15px;display:block}.project-img{filter:saturate(.5) brightness(.8);transition:filter .6s}.project-img img{width:100%}.project-content{padding-top:10px}.project-type{font-size:.85rem;color:#cf3b3b;letter-spacing:.1rem;margin-bottom:3px}.project-name{color:#FFF;letter-spacing:.2rem}@media screen and (max-width: 1100px){.tab{padding-bottom:30px}.project-inner{padding:0 35px;width:calc(90% - 70px)}.project-item{margin-top:40px}.project-item a{padding:10px}}@media screen and (max-width: 800px){.project-item{width:100%;margin:0}}@media screen and (max-width: 640px){.project-inner{width:auto;padding:0 30px}.project-sort{padding-bottom:35px;max-width:150px;margin:0 auto}.project-sort a{font-size:.85rem;display:block;margin:5px 0;padding:8px}.project-sort a:after{width:100%;height:100%;background:rgba(157,49,60,0.3);left:48%;border-radius:25px;opacity:0;-moz-transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.project-sort a.active:after{opacity:1}}