.photo_wrap									{position:relative;}  

.photo_wrap .photo_slickslider 				{overflow:hidden;height:380px;}
.photo_list										{position:relative;display: grid; grid-template-columns: repeat(3, 1fr);   } 
.photo_list li									{margin:10px 0.7em;  position:relative; overflow:hidden;  transition:all 0.3s ease;}
.photo_list .img								{width:100%;aspect-ratio: 3.3 / 2.2;background:#f5f5f5; border:1px solid #dfdfdf;overflow:hidden;  }
.photo_list .img img						{width:100%; height:100%; object-fit:cover; transition:all 0.4s ease;}
.photo_list li:hover .img img		{transform: scale(1.1);}
.photo_list .cont							{padding:25px 10px; }
.photo_list .subject						{color:#000; font-size:1.15em;font-weight:700;margin:0 0 15px 0; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; word-wrap: break-word; }
.photo_list .script							{  color:#6c6c6;overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word; }
.photo_list .date							{ font-size:0.95em; color:#888; padding-top:30px; }

.photo_list  .nolist							{ width:100%; border:0;  text-align:center; padding:60px 0; line-height:200px; color:#777;}

.photo_list_dots								{z-index:1; margin:10px 0 0 0; text-align:center;}
.photo_list_dots li							{display:inline-block; cursor:pointer;}
.photo_list_dots li span					{display:inline-block; content:''; width:10px; height:10px; border-radius:50%; margin:0 5px; background:rgb(0,0,0,0.2);}
.photo_list_dots li:hover span, .photo_list_dots .slick-active span	{background:rgb(0,0,0,0.45);}


@media screen and (max-width:1450px) {      
.photo_wrap									{ padding: 0 15px; } 
.photo_list li									{margin:10px 0.5em ; }  
} 
@media screen and (max-width:1024px) {   
.photo_list li									{margin:10px  ; } 
} 
@media screen and (max-width:800px) { 
.photo_list .date							{ padding-top:20px; }
 
}