#gallery_list{ }
#gallery_list:after {display:block;visibility:hidden;clear:both;content:""}
#gallery_list  ul{padding:0; margin:0; list-style:none;zoom:1; margin:0 -1.5%; }
#gallery_list  ul:after {display:block;visibility:hidden;clear:both;content:""}
#gallery_list  ul li{position:relative; float:left; width:22%; margin:1.5%;padding:0px; border:1px solid #ededed;box-shadow: 0 0 5px rgba(0,0,0,0.07); text-align:center;  box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; z-index:1; border-radius: 8px;}
#gallery_list  ul li:nth-child(4n+1){ clear:both; } 





#gallery_list  ul li img{width:100%; padding: 20px; box-sizing: border-box;transition: 0.3s;}
#gallery_list  ul li input{position:absolute; top:16px; right:16px; z-index:10;}
#gallery_list  ul li p {transition: 0.3s; position:relative; margin:20px; overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;word-break: break-all; font-weight: 600;}
#gallery_list ul li:hover p{opacity: 0.7;}
#gallery_list ul li:hover img{transform: scale(1.1);}
span.no_image{display:Block; background:#F6F6F6 url(/img/logo.png) center center no-repeat; background-size:80%; text-align:center; font-size:1.5em; color:#999;}



@media (min-width:425px) and (max-width:767px){
#gallery_list  ul{margin:0 -.5%; }
#gallery_list  ul li{width:32.33%; margin:.5%;}
#gallery_list  ul li:nth-child(4n+1){ clear:none; } 
#gallery_list  ul li:nth-child(3n+1){ clear:both; } 


}
@media (max-width:424px){
#gallery_list  ul{margin:0 -.5%; }
#gallery_list  ul li{width:49%; margin:.5%;}
#gallery_list  ul li:nth-child(4n+1){ clear:none; } 
#gallery_list  ul li:nth-child(2n+1){ clear:both; } 


}