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

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

.mvp011 ul a {float: left;width: 100%;}
.mvp011 ul {width:100%; float:left; box-sizing:border-box;}
.mvp011 ul li {width:25%; border:1px solid rgba(0,0,0,0.1);border-right:none;float:left;position:relative;box-sizing:border-box;}


.mvp011 ul li .cobox {float:left; width:100%; clear:both; display:block; box-sizing:border-box; position:relative;}
.mvp011 ul li .gall_tit {position:relative; float:left; width:100%; padding: 15px 50px 20px 15px; overflow:hidden; box-sizing:border-box;
						font-size: 18px; font-weight: 600; color:#333; line-height: 150%; white-space:nowrap; text-overflow:ellipsis;}
.mvp011 ul li .gall_tit:after {content:"+"; position:absolute; top: 15px; right: 15px; font-weight:600; font-size: 23px; font-family:none; margin:-1px;
								width: 30px; height: 30px; text-align:center; line-height: 23px; box-sizing:border-box;}
.mvp011 ul li .gall_co {width:100%;
						float:
						left;
						padding: 0 15px; margin-bottom:15px;
						box-sizing:
						border-box;
						overflow:
						hidden;
						color:#6f6f6f;
						line-height: 150%;
						word-break:
						break-all;
						-webkit-line-clamp:3;
						-webkit-box-orient:vertical;
						display:
						-webkit-box;
						white-space:
						normal;
						height: 72px;
						}

.mvp011 ul li .imgbox {position:relative; overflow:hidden; width:100%; float:left; padding: 0 15px; margin-bottom:15px;box-sizing:border-box;}
.mvp011 ul li .imgbox span {width:100%; height:100%; float:left; position:relative; float:left; overflow:hidden; box-sizing:border-box; border:1px solid rgba(0,0,0,0.1);}
.mvp011 ul li .imgbox img {position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px; margin:auto;
							width: auto;  height: auto;min-width: 100%; min-height:100%; max-width: 180%; max-height: 180%;  transition:transform 1s;}



/* hover */
.mvp011 ul li:hover .gall_tit:after {color:inherit; -webkit-transition:color 1s; transition:color 1s;}
.mvp011 ul li:hover .imgbox img {transform:scale(1.1);}

/* no_data */
.mvp011 ul li.no_data {width:100% !important; border-right:1px solid rgba(0,0,0,0.1);}
.mvp011 ul li.no_data .gall_tit {font-size:14px;}

/* layout option */
.borderbox .mvp011 ul li {border-width: 0 0 0 1px !important;}
.borderbox .mvp011 ul li:first-child {border:none;}
.border-radius .mvp011 ul li .imgbox span {border-radius:15px;}
.border-radius .mvp011 ul li:first-child {border-radius:15px 0 0 15px;}
.border-radius .mvp011 ul li:nth-child(4) {border-radius:0 15px 15px 0;}
.border-radius .layout_02 .mvp011 ul li:nth-child(3),
.border-radius .layout_03 .mvp011 ul li:nth-child(2),
.border-radius .layout_04 .mvp011 ul li:nth-child(2),
.border-radius .layout_06 .mvp011 ul li:nth-child(3) {border-radius:0 15px 15px 0;}



	/* layer height - different styling */
		.layout_height_L .mvp011 ul li div.cobox { display:none; }
		.layout_01 .mvp011 ul li {width:25%;;}
		.layout_01 .mvp011 ul li:nth-child(4) {border-right:1px solid rgba(0,0,0,0.1);}

		.layout_02 .mvp011 ul li,.layout_06 .mvp011 ul li {width:33.333%;}

		.layout_03 .mvp011 ul li, .layout_04 .mvp011 ul li {width:50%;}
		.layout_03 .mvp011 ul li:nth-child(3),.layout_04 .mvp011 ul li:nth-child(3),
		.layout_03 .mvp011 ul li:nth-child(4),.layout_04 .mvp011 ul li:nth-child(4),
		.layout_02 .mvp011 ul li:nth-child(4),.layout_06 .mvp011 ul li:nth-child(4) {display:none;}

		.layout_02 .mvp011 ul li:nth-child(3),
		.layout_03 .mvp011 ul li:nth-child(2),
		.layout_04 .mvp011 ul li:nth-child(2),
		.layout_06 .mvp011 ul li:nth-child(3) {border-right:1px solid rgba(0,0,0,0.1);}



	@media (min-width:800px){
		.layout_01 .mvp011 ul li .imgbox {height:176px;}
		.layout_01 .mvp011 ul li .gall_tit {padding-top: 30px;}
		.layout_01 .mvp011 ul li .gall_co {margin-top: 10px;-webkit-line-clamp: 3;}

		.layout_height_H .mvp011 ul li .imgbox {height: 135px;}
		.layout_height_H .mvp011 ul li .gall_co {margin: 15px 0 25px;-webkit-line-clamp: 4;min-height: 96px;}

		.layout_height_M .mvp011 ul li .imgbox {height: 108px;}
		.layout_height_M .mvp011 ul li .gall_co {height: 48px;margin: 0px 0 15px;-webkit-line-clamp: 2;}

		.layout_height_L .mvp011 ul li .imgbox {height:88px; margin:30px 0;}

		.layout_height_H .mvp011 ul li.no_data {height:350px;}
		.layout_height_M .mvp011 ul li.no_data {height:250px;}
	}


	@media (max-width:799px){
		.mvp011 ul li .gall_tit {padding: 25px 45px 15px 15px;font-size:17px;}
		.mvp011 ul li .imgbox {margin-bottom:20px;}

		.mvp011 ul li .gall_tit:after {width:25px;height:25px;line-height:20px;font-size:21px;border:none;top: 25px;}

		.mvp011 ul li.no_data .gall_tit {padding:25px 15px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.mvp011 ul li .imgbox {height: 150px;}
		.mvp011 ul li .imgbox img {min-height:100%;}
		.mvp011 ul li .gall_co {font-size: 15px;}

			.layout_01 .mvp011 ul li .imgbox {height:100px;}
			.layout_block4 > .layout_04.layout_height_H .mvp011 ul li .gall_co {height:90px;-webkit-line-clamp:5;margin-bottom: 24px;}
			.layout_block4 > .layout_04.layout_height_M .mvp011 ul li .imgbox {height:80px;}
			.layout_block4 > .layout_04.layout_height_M .mvp011 ul li .gall_co {margin-bottom: 17px;}

			.layout_block4 > .layout_04.layout_height_L .mvp011 ul li .imgbox {height:107px}

			.layout_height_L .mvp011 ul li .imgbox {margin-top:20px;}
	}


	@media (max-width:599px){
	 	.mvp011 {height:auto;}

		.mvp011 ul li .imgbox {height: 130px;}
		.mvp011 ul li .imgbox img {min-height:100%;}
		.mvp011 ul li .gall_tit {font-size:16px; font-weight:600;}
		.mvp011 ul li .gall_co {font-size: 15px; -webkit-line-clamp:2;margin-bottom:20px;}

	 	.layout_01 .mvp011 ul li {width:50%;}
	 	.layout_01 .mvp011 ul li .imgbox {margin-bottom:30px;}
	 	.layout_height_L .mvp011 ul li .imgbox {margin-top:20px;}
	 }