@charset "utf-8";
.ul_gallery{width:100%; padding:0px; margin:0px; display:flex; flex-wrap: wrap; gap:1%; }
.ul_gallery:after {display:block;visibility:hidden;clear:both;content:""}
.ul_gallery li{flex-basis:24%;}
.ul_gallery li .lt_img{position:relative; width:100%; height:100%; overflow:hidden; border-radius:30px;}
.ul_gallery li .lt_img img{width:100%; height:100%; transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0);  -o-transform: scale(1.0); transition: transform 0.3s;}
.ul_gallery li .lt_img:hover::after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,55,115,.5); z-index:1;}
.ul_gallery li .lt_img:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -o-transform: scale(1.1); transition: transform 0.3s;}
.ul_gallery li .lt_img .lt_tit{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:10; background:rgba(0,0,0,.0); padding:8px 15px; font-size:0.88em; font-weight:600; color:rgba(255,255,255,0); line-height:20px; border-radius:5px;  transition: all 0.3s;}
.ul_gallery li .lt_img:hover .lt_tit{color:rgba(255,255,255,1);}
.ul_gallery li .date{font-size:0.88em; color:#6d6d6d;}

.lt_gallery{padding:0}
.lt_gallery h2{text-align:center;font-size:2.5em;margin-bottom:40px}
.lt_gallery h2 a{padding:10px 0;}
.lt_gallery ul{;margin:0 auto;padding:0 0}
.lt_gallery ul:after {display:block;visibility:hidden;clear:both;content:""}
.lt_gallery li{float:left;width:25%;padding:0px 10px 0 0}
.lt_gallery li .lt_img{display:block;width:100%}
.lt_gallery li .lt_img img{vertical-align:top;width:100%;height:auto}
.lt_gallery li .lt_tit{float:left; font-size:1.0em;font-weight:bold;margin:0;display:block;color:#fff}
.lt_gallery li .lt_detail{float:right;font-size:14px;color:#ddd;line-height:1.5em}

.lt_gallery .empty_li  {width:100%;padding:100px 0;text-align:center;color:#aaa}    

.lt_gallery .card{background: white;position: relative;height:100%;display: flex;}

.lt_gallery .card .info {position: absolute;bottom:0;left:0;width:100%;z-index: 3; color: #fff;background:rgba(0,0,0,0.6);opacity: 1;padding:15px;}
.lt_gallery .card:hover .info {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px); }

 @media (max-width: 1024px){
    .lt_gallery{padding:80px 0}
    .lt_gallery h2{font-size:1.8em;}
    .lt_gallery li{width:50%;}
    .lt_gallery .card:before{opacity:1}
    .lt_gallery .card .info{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);padding:9%}
	
	.ul_gallery{overflow:hidden; display:grid; grid-template-columns: 1fr 1fr;}
 }