.PhotoList_i1 ul{display: block;}
.PhotoList_i1 li{margin-bottom: 2vw;padding: 3.9vw 2.5vw 1.7vw 2.5vw;width: 26.96%;margin: 0 3.18% 2vw 3.18%;float: left;background-color: #f8faff;box-sizing:border-box;}
.PhotoList_i1 li:nth-child(3n){margin-right: 0;}
.PhotoList_i1 li a{display: block;position: relative;background-color: #f8f9fb;height: 18.3vw;margin-bottom: 4vw;}
.PhotoList_i1 li a img{display: block;max-height: 100%;max-width: 100%;width: auto;position: absolute;top: 50%;left: 50%;
     transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);box-shadow: 5px 6px 18px 2px rgba(0,0,0,0.09);
 transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;}
.PhotoList_i1 li span{color: #666666;text-align: center;font-size: 16px;line-height: 1.0;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.PhotoList_i1 li h4{display: none;}
.PhotoList_i1 li:hover span{color: #ee651b;}
.PhotoList_i1 li:hover img{transform:translate(-50%, -55%);-webkit-transform:translate(-50%, -55%);}
@media screen and (max-width: 1024px) {
    .PhotoList_i1 li a{height: 19vw;}  
    .PhotoList_i1 li span{font-size: 16px;margin-top: 1vw;}
}
@media screen and (max-width: 640px){
    .PhotoList_i1 li a {height: 31.25vw;}
    .PhotoList_i1 li{display: block;float: left; width: 44%;margin: 0 3% 4vw 3%;}
    .PhotoList_i1 li:nth-child(3n){margin-right: 3%;}
    .PhotoList_i1 li:nth-child(4n){margin-right: 0;}
    .PhotoList_i1 li:nth-child(2n){margin-right: 0;}
    .PhotoList_i1 li span{margin-top: 1.5vw;font-size: 3.8vw;}

    .page{display: none;}
    #load_more_button{display: block;}
}