@charset "utf-8";
/* @latest 2022.03.15 YHY */


/* gallery120 */
.gallery120 {width:100%;height:100%;background:white;float:left;box-sizing:border-box;}

.gallery120 ul {width:100%;float:left;}
.gallery120 ul li {float:left;position:relative;box-sizing:border-box;overflow: hidden;}

.gallery120 ul li a {width:100%; min-height:150px; float:left;position:relative;overflow:hidden;box-sizing:border-box;
					position:absolute; left: 0; bottom:0; background: rgba(255,255,255,0.9);
					-webkit-transition:min-height 1s;transition:min-height 1s;}
.gallery120 ul li a:focus {border:1px dashed #333;}
.gallery120 ul li .cobox {width:100%; display:block;box-sizing:border-box;position:relative;}
.gallery120 ul li .tit {width:100%; position:relative; box-sizing:border-box; display: block;
						color:#555; font-weight:600; letter-spacing: -0.5px; line-height: 130%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
					
.gallery120 ul li .co {width:100%; float:left; box-sizing:border-box; overflow:hidden;
						color:#333; line-height: 140%; letter-spacing:-0.5px; word-break: keep-all;
						-webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal;}
.gallery120 ul li .date {color:#f47920;font-size: 15px;}
.gallery120 ul li .cobox:hover .co {text-decoration:underline;}

.gallery120 ul li .imgbox {width:100%; height:350px; float:left; position:relative; overflow:hidden; float:left; box-sizing:border-box; }
.gallery120 ul li .imgbox img {position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px;
   								margin:auto; min-height:100%; width:100%; -webkit-transition:transform 1s;transition:transform 1s;}


.gallery120 ul li.no_data {width:100% !important;}
.gallery120 ul li.no_data .tit {font-weight:400; font-size:14px;}


.gallery120 ul li:hover .imgbox img {transform:scale(1.1);}
.gallery120 ul li:hover a {min-height:70%;}
.gallery120 ul li:hover .date:before {width:90px;}
.gallery120 ul li:hover .date:after {left: 82px;}



/* layout option */
.border-radius .gallery120 ul li {border-radius:15px;}

	@media (min-width:600px) and (max-width:990px){
		.gallery120 ul li .imgbox {height:250px;}
	}
	@media (min-width:800px){
		.gallery120 ul li {width:23.5%; margin-right:2%;}
		.gallery120 ul li:nth-child(4n) {margin-right:0;}
	}


	@media (max-width:799px){
		.gallery120 ul li {width:49%; margin-right:2%;}
		.gallery120 ul li:nth-child(2n) {margin-right:0;}
		.gallery120 ul li .imgbox {height:250px;}
	}



	@media (min-width:600px) and (max-width:799px){
		.gallery120 ul li:nth-child(2) ~ li {margin-top:15px;}
	}

	@media (max-width:599px){	
		.gallery120 ul li:nth-child(2) ~ li {margin-top:10px;}
	}