img {border: 0;}
#material-list{margin:0 auto;min-height: 500px;}
#material-list div{display: block;border-radius: 3px;}
#material-list .row{margin-right: -15px;margin-left: -15px;box-sizing: border-box;}
#material-list .article{background-color: #f3f3f3;box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);height: 317px;}
#material-list .article .post-medias{position: relative;height: 238px;box-sizing: border-box;/*display: table-cell;*/text-align: center;vertical-align: middle;overflow: hidden;}
#material-list .article .post-medias .post-edit{color: #fff;padding: 5px 3px;width: 100%;bottom: 0;right: 0;background: linear-gradient(to top,#000,rgba(0,0,0,0));}
.row-list{position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.row-div{width:95%;margin:10px;}
.post-medias img {vertical-align: middle;min-width: 100%;min-height: 238px;overflow: hidden;max-width: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.post-info{padding:0 1rem;box-sizing: border-box;height: 79px;background-color: white;}
.post-info p{height: 53px;text-align: left;font-weight: 500;margin-bottom: 0;color: #0a0a0a;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;padding: 13px 0;overflow: hidden;}
.not-div{margin:0 auto;width:200px;}
.not-div p{margin-top:20px;text-algin:center;color:red;}
@media (min-width: 1200px){
    #material-list{width:1000px;}
    #material-list .row{float:left;}
    .row-div{float:left;width:30%;}
    .pager{float:left;width:100%;}
}