.photo ul li{width: 33.3%;float: left;margin-bottom: 0;overflow: hidden;position: relative;
    border-bottom: 1px solid #454545;border-right: 1px solid #454545;box-sizing: border-box;padding: 1.5vw 1vw 0.3vw 1vw;
    transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;
}
.photo ul li:nth-child(3n){margin-right: 0;border-right: none;}
.photo ul li>a{background: #333; box-sizing: border-box; height: 14vw;
  display: block;position: relative;overflow: hidden;}
.photo ul a img{position: absolute;left: 50%;top: 50%;/* max-height: 95%;max-width: 95%; */object-fit:cover; 
    width: 100%;height: 100%;max-width: 100%;max-height: 100%;
    transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
    transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;
}
.photo ul h4{display: none;}
.photo ul li span,.NewsList_g3 h3 a{height: auto !important; margin: 0 auto;padding: 1vw 5%;color: #fff; box-sizing: border-box;
    text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;max-width: 100%;
    transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;
}
.photo ul li i{display: none;}


.rid32 .PhotoList_k2{width: 76%;}
.rid32 ul li{border-bottom:none;padding:0;width: 31.3%;margin-right: 3.05%;border:none; margin-bottom: 0.6vw;}
.rid32 ul li a{height: 13vw;}
.rid32 ul a img{width: auto;}

.rid58 ul li{width: 24%;margin-right: 1.3%;margin-bottom: 1vw;position:relative;border-bottom:none;padding:0;border:none;}
.rid58 ul li a{height: 17vw;}
.rid58 ul li:before{content: "";display: block; position: absolute;left:0;bottom:0;width: 100%;z-index: 1;height: 0;
      background: -webkit-linear-gradient(transparent,rgba(69,176,53,0.6));
      background: -o-linear-gradient(transparent,rgba(69,176,53,0.6));
      background: linear-gradient(transparent,rgba(69,176,53,0.6));
    transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;
}
.rid58 ul li span{position: absolute;left:0;bottom:0;width: 100%;z-index: 2;
  background: -webkit-linear-gradient(transparent,rgba(0,0,0,0.3));
  background: -o-linear-gradient(transparent,rgba(0,0,0,0.3));
  background: linear-gradient(transparent,rgba(0,0,0,0.3));
}
.rid58 ul li:nth-of-type(3){float: right;width: 49.3%;}
.rid58 ul li:nth-of-type(4){float: right;}
.rid58 ul li:nth-of-type(3) a{height: 35vw;}
.rid58 ul li:nth-of-type(6){margin-right: 1.3%;}
/*.rid58 ul li:nth-child(4n){margin-right: 0;}
.rid58 ul li:nth-of-type(4){margin-right: 1.3%;margin-left: 25.3%;}
*/
.rid31 .rid58 ul li{width: 24.3%;margin-right: 0.93%;}
.rid31 .rid58 ul li:nth-of-type(4){margin-right: 0;}
.rid31 .rid58 ul li a{height: 11.5vw;}
.rid31 .rid58 ul li span{display: none;}
.rid31 .rid58 #load_more_button{display: none !important;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
  .photo ul a img{max-width: 200%;width: auto;min-width: 100%;}
}
@media screen and (min-width: 1024px){
    .photo ul li:hover{background-color: #45b035;border-bottom-color: #45b035;}
    .photo ul a:hover img{transform:translate(-50%,-50%) scale(1.08,1.08) ;-ms-transform:translate(-50%,-50%) scale(1.08,1.08) ;-webkit-transform:translate(-50%,-50%) scale(1.08,1.08) ;}
    .rid58 ul li:hover:before{height: 4em;padding: 1vw 0;}

}
@media screen and (max-width: 1024px){
    .photo ul li>a{height: 18vw;}
    .rid32 .PhotoList_k2{width: 100%;}
    .rid58 ul li,.rid58 ul li:nth-of-type(4){width: 24%;margin-right: 1.3%;margin-bottom: 1vw;}
    .rid58 ul li:nth-of-type(3) {margin-right: 0;width: 49.3%;}
    .rid58 ul li:nth-of-type(3) a{height: 37vw;}
    .rid58 ul li:nth-of-type(8){margin-right: 0;}

}
@media screen and (max-width: 640px){
    .photo ul li,.photo ul li:nth-child(2n),.rid58 ul li{padding:0;border:none; width: 48.5% !important;margin-right: 3% !important;float: left !important;
     margin-bottom: 3.3vw !important;margin-left: 0 !important;}
    .photo ul li:nth-child(2n),.rid58 ul li:nth-child(2n){margin-right: 0 !important;}
    .photo ul li a,.rid58 ul li a{height: 35vw;}
    .photo ul li span,.NewsList_g3 h3 a{padding: 2.0vw 5%; }
}