.workList{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(0,1fr))[4];grid-template-columns:repeat(4,minmax(0,1fr));margin-top:100px}@media (max-width:1440px){.workList{-ms-grid-columns:(minmax(0,1fr))[3];grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.workList{-ms-grid-columns:(minmax(0,1fr))[2];grid-template-columns:repeat(2,minmax(0,1fr));margin-top:60px}}@media (max-width:640px){.workList{padding:10px;margin-top:40px}}.workList .workItem{position:relative;margin:-1px 0}@media (max-width:640px){.workList .workItem{padding:5px}}.workList .workItem a{display:block;font-size:0}.workList .workItem img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.workList .workItem:hover .overlay{opacity:1}.workList .workItem .overlay{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.75);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}@media (max-width:1180px){.workList .workItem .overlay{background-color:rgba(0,0,0,0.45);opacity:1}}@media (max-width:640px){.workList .workItem .overlay{position:relative;opacity:1;height:auto;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:transparent}}.workList .workItem .overlay .title{font-size:20px;color:#fff;font-weight:600;margin-bottom:10px;letter-spacing:1px}@media (max-width:960px){.workList .workItem .overlay .title{font-size:18px}}@media (max-width:640px){.workList .workItem .overlay .title{color:#000;font-size:16px;margin-top:5px;margin-bottom:5px}}.workList .workItem .overlay .btn{width:162px;height:38px;background-color:#cf253e;font-size:16px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:5px;margin-top:10px}@media (max-width:640px){.workList .workItem .overlay .btn{display:none}}.workList .workItem .tagList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}@media (max-width:640px){.workList .workItem .tagList{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.workList .workItem .tagList .tagItem{width:30%;font-size:16px;color:#fff;margin:0 20px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:960px){.workList .workItem .tagList .tagItem{font-size:15px}}@media (max-width:640px){.workList .workItem .tagList .tagItem{width:50%;margin:0 0 5px 0;font-size:13px;color:#1c1c1c;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.workList .workItem .tagList .tagItem:before{content:"";display:block;width:6px;height:6px;background-color:#cf253e;border-radius:50%;margin-right:10px}@media (max-width:640px){.workList .workItem .tagList .tagItem:before{margin-right:5px}}