.photo_wrap .photo_slickslider 	{margin:-15px -10px; height:330px; overflow:hidden;}
.photo_list li					{margin:15px 10px; border:1px solid #ddd; background:#fff;border-radius:20px; overflow:hidden;}
.photo_list figure				{width:100%; aspect-ratio:6 / 4; overflow:hidden;}
.photo_list figure img			{width:100%; height:100%; object-fit:cover; transition:all 0.4s ease;}
.photo_list li:hover			{box-shadow:0 0 15px 1px rgba(0,0,0,0.07);}
.photo_list li:hover figure img	{transform: scale(1.1);}
.photo_list .wrap				{padding:30px 35px; min-height:230px;}
.photo_list .wrap>p				{font-family: 'S-Core Dream'; font-size:1.1em; color:#333; font-weight:500; letter-spacing:-0.75px; line-height:1.4; 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 .wrap>div			{font-family: 'S-Core Dream'; font-size:0.95em; color:#777; line-height:1.5; margin:10px 0 15px 0; height:50px; 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 .wrap>em			{color:#a2a2a2; font-size:0.85em; font-family:'Paperlogy';}
.photo_list  .nolist			{width:100%; text-align:center; padding:100px 0; color:#777;}

.photo_wrap .dots				{margin-top:10px; text-align:center;}
.photo_wrap .dots li			{display:inline-block; margin:0 5px; border:0;}
.photo_wrap .dots li span		{display:inline-block; content:''; width:12px; height:12px; border-radius:50%;  background:#000; opacity:0.25; cursor:pointer;}
.photo_wrap .dots li:hover span, .photo_wrap .dots .slick-active span 	{opacity:1; background:var(--color1);}


@media screen and (max-width:1024px) { 
	.photo_wrap .photo_slickslider 	{margin:0 5px; height:auto;}
	.photo_list li					{margin:0 10px;}
	.photo_list .wrap				{padding:20px 25px; min-height:auto;}
	.photo_list .wrap>p				{font-size:1.1em; -webkit-line-clamp:1; height:auto;}
	.photo_list .wrap>div			{height:45px; margin:7px 0 10px 0;}

	.photo_wrap .dots li			{margin:0 3px;}
	.photo_wrap .dots li span		{width:10px; height:10px;}
}

@media screen and (max-width:768px) { 
	.photo_wrap .photo_slickslider 	{margin:0;}
}