/* gallery111 */
 .gallery111 {width:100%; float:left; position:relative; background:white; border:1px solid #e8e8e8; box-sizing:border-box; overflow:hidden;}
 .gallery111 .innerbox {width:100%; padding:20px 15px; float:left; box-sizing:border-box; position:relative;text-align:left;}
 .gallery111 h2 {width:100%; float:left; font-size:18px; height:57px; padding:15px 150px 15px 15px; border-bottom:1px solid #e8e8e8;
 				text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; line-height:27px;
 				letter-spacing:-1px; font-size:18px; color:#3b7f9f; font-weight:600; text-decoration:none;}
		
/* rolling btn */
.gallery111-pagination { position:absolute; width:150px !important; right:10px; left:auto !important; top:0; height:57px; line-height:57px; text-align:right;}
.gallery111 .swiper-pagination-bullet {background:#e8e8e8; border-radius:0; margin-left:0 !important; opacity:1 !important;}
.gallery111 .swiper-pagination-bullet-active {background:#3b7f9f;}

.gallery111-button-next, .gallery111-button-prev {display:none;}


/* gallery setting */
.gallery111 .innerbox div.img {width:38%; float:left; background:url(/images/wzwg/site/mngr/no-img.png);background-size:contain; overflow:hidden;
									background-repeat:no-repeat; background-position:center; position:relative; box-sizing:border-box; border:1px solid rgba(0,0,0,0.1);;}
.gallery111 .innerbox div.img img {position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px;
   									margin:auto; min-height:100%; min-width:100%; }
.gallery111 .innerbox > div.text_box {width:62%; padding:5px 0 0 15px; box-sizing:border-box; float:left;position:relative;}

.gallery111 .innerbox h3.tit {font-size:16px; letter-spacing:-1px; font-weight:400; width:100%; float:left; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gallery111 .innerbox p.co {font-size:13px; letter-spacing:-1px; line-height:20px; width:100%; float:left; text-align:left; box-sizing:border-box; 
					  overflow:hidden; text-overflow:ellipsis; color:#636363; margin-top:10px; height:80px; word-break:keep-all;
					  white-space:normal;-webkit-line-clamp:4; -webkit-box-orient: vertical;display: -webkit-box;}
.gallery111 .innerbox span.date {font-size:13px; padding:15px 0 0; float:left; width:100%; color:#3b7f9f; font-weight:200; text-align:right;}


/* no-data */
.gallery111 .no_data .innerbox > div.text_box {padding:0;}
.gallery111 .no_data { display:none;}
.gallery111 .no_data .innerbox h3.tit {font-size:14px;}

/* layer height - different styling */
.layout_height_H .gallery111 .innerbox {height:291px;}
.layout_height_M .gallery111 .innerbox {height:191px;}

.layout_height_M .gallery111 .innerbox div.img {height:150px;}



.layout_02.layout_height_H .gallery111 .innerbox div.img,
.layout_06.layout_height_H .gallery111 .innerbox div.img  {height:210px;}
.layout_02.layout_height_H .gallery111 .innerbox p.co,
.layout_06.layout_height_H .gallery111 .innerbox p.co {height:160px; -webkit-line-clamp:8;}
.layout_02.layout_height_H .gallery111 .innerbox span.date,
.layout_06.layout_height_H .gallery111 .innerbox span.date {padding-top:35px;}








	@media (min-width:1050px){ 
		.layout_01 .gallery111 .innerbox div.img {height:195px;}
		.layout_01 .gallery111 .innerbox span.date {padding-top:60px;}
	}

	@media (min-width:991px){ 
		.layout_block4 .layout_04 .gallery111 .innerbox div.img {width:70%; display:block;}
		.layout_04.layout_height_H .gallery111 .innerbox div.img {height:90px;}
		.layout_04.layout_height_H .gallery111 .innerbox > div.text_box {width:100%; clear:both; padding:15px 0 0;}

		.layout_block4 .layout_04.layout_height_M .gallery111 .innerbox div.img {width:38%;}
		.layout_03.layout_height_H .gallery111 .innerbox div.img {width:70%; display:block; height:110px;}
		.layout_03.layout_height_H .gallery111 .innerbox p.co {height:60px; -webkit-line-clamp:3;}
		/*.layout_block4 .layout_04.layout_height_M .gallery111 .innerbox p.co {height:20px; -webkit-line-clamp:1; margin-top:0;}*/
		.layout_block4 .layout_04.layout_height_M .gallery111 .innerbox span.date {padding-top:5px;}

		.layout_block4 .layout_04.layout_height_H .gallery111 .innerbox > div.text_box {width:100%; clear:both; padding:15px 0 0;}
		.layout_03.layout_height_H .gallery111 .innerbox > div.text_box {width:100%; clear:both; padding:15px 0 0;}

		.layout_04 .gallery111 h2 {padding-right:100px;}
	}


	@media (min-width:800px) and (max-width:990px){
		.layout_01 .gallery111 .innerbox div.img {height:150px;}
		.layout_03.layout_height_H .gallery111 .innerbox div.img {width:70%; display:block; height:110px;}
		.layout_03.layout_height_H .gallery111 .innerbox p.co {height:60px; -webkit-line-clamp:3;}
		.layout_03.layout_height_H .gallery111 .innerbox > div.text_box {width:100%; clear:both; padding:15px 0 0;}
	}

	@media (min-width:600px) and (max-width:799px){
		.layout_block4 .layout_04.layout_height_H .gallery111 .innerbox {height:303px;}
		.layout_block4 .layout_04.layout_height_H .gallery111 .innerbox div.img {width:70%; height:120px;}
		.layout_block4 .layout_04.layout_height_H .gallery111 .innerbox > div.text_box {width:100%; clear:both; padding:15px 0 0;}
		.layout_block4 .layout_04.layout_height_H .gallery111 .innerbox p.co {height:60px; -webkit-line-clamp:3; margin-top:0;}
		
		.layout_block4 .layout_04.layout_height_M .gallery111 .innerbox {height:203px;}
		.layout_block4 .layout_04.layout_height_M .gallery111 .innerbox div.img {height:110px;}
		.layout_block4 .layout_04.layout_height_M .gallery111 .innerbox p.co {height:40px; -webkit-line-clamp:2;}
	}
	@media (max-width:799px){
		.gallery111 h2 {height:45px; line-height:15px; font-size:17px;}
		.gallery111-pagination {line-height:45px; height:45px;}
	}
	@media (max-width:599px){
		.layout_height_H .gallery111 .innerbox {height:191px;}
		.gallery111 .innerbox div.img,
		.layout_02.layout_height_H .gallery111 .innerbox div.img, 
		.layout_06.layout_height_H .gallery111 .innerbox div.img {height:150px;}
		.layout_02.layout_height_H .gallery111 .innerbox p.co, 
		.layout_06.layout_height_H .gallery111 .innerbox p.co {height:80px; -webkit-line-clamp:4;}
	}