/* gallery112 */
 .gallery112 {width:100%; float:left; position:relative; background:white; padding:15px; box-sizing:border-box; overflow:hidden;}
 .gallery112 h2 {font-size:22px; width:100%; text-align:center; font-weight:400; color:#333; line-height:normal; position:relative; padding-top:15px; margin-bottom:30px;}
 .gallery112 h2:before {content:"\25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0"; display:block; position:absolute; top:0; left:50%; font-size:40px; letter-spacing:-13px; width:70px; height:4px; overflow:hidden; line-height:0; text-indent:-10px; margin-left:-35px;}
 .gallery112 ul {width:100%; position:relative;}
 .gallery112 .innerbox {float:left; box-sizing:border-box; position:relative; text-align:left;}

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

.gallery112 .innerbox h3.tit {font-size:14px; letter-spacing:-1px; font-weight:600; width:100%; float:left; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gallery112 .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:60px; word-break:keep-all;
					  white-space:normal;-webkit-line-clamp:3; -webkit-box-orient:vertical;display:-webkit-box;}
.gallery112 .innerbox span.date {font-size:13px; padding:10px 0 0; float:left; width:100%; color:#3b7f9f; font-weight:200; text-align:left;}


.gallery112 .innerbox:first-child, 
.gallery112 .innerbox:nth-child(2), 
.gallery112 .innerbox:nth-child(3) {width:33.333%; clear:both; padding-right:20px; margin-bottom:15px;}
.gallery112 .innerbox:first-child span.date,
.gallery112 .innerbox:nth-child(2) span.date, 
.gallery112 .innerbox:nth-child(3) span.date {display:none;}




.gallery112 .innerbox:nth-child(4) div.img {width:100%;}
.gallery112 .innerbox:nth-child(5) div.img {width:100%; padding-left:20px;}
.gallery112 .innerbox:nth-child(4) > div.text_box {width:100%; padding:20px 10px 0;}
.gallery112 .innerbox:nth-child(5) > div.text_box {width:100%; padding:20px 0 0 20px;}



/* no-data */
.gallery112 .no_data {width:100% !important; padding-right:0 !important; display:none;}
.gallery112 .no_data > div.text_box {padding:0; text-align:center; width:100% !important;}
.gallery112 .no_data h3.tit {letter-spacing:0; color:#636363; font-weight:400;}

.gallery112 .innerbox:nth-child(4) p.co,
.gallery112 .innerbox:nth-child(5) p.co {height:40px; -webkit-line-clamp:2;}



	@media (min-width:800px){ 
		.gallery112 .innerbox div.img {width:38%;}
		.gallery112 .innerbox > div.text_box {width:62%;}
		.gallery112 .innerbox:nth-child(4) div.img,
		.gallery112 .innerbox:nth-child(5) div.img {height:225px;}

		.gallery112 .innerbox:nth-child(4) {position:absolute; top:0; width:33.333%; left:33.333%; padding:0 10px;}
		.gallery112 .innerbox:nth-child(5) {position:absolute; top:0; width:33.333%; left:66.666%; padding:0 0 0 10px;}
	}



	@media (max-width:799px){
		.gallery112 .innerbox div.img {width:100%; height:90px;}
		.gallery112 .innerbox:nth-child(4) {padding-right:10px;}
		.gallery112 .innerbox:nth-child(5) {padding-left:10px;}
		.gallery112 .innerbox:nth-child(4) div.img {height:120px;} 
		.gallery112 .innerbox:nth-child(5) div.img {height:120px;}
		.gallery112 .innerbox > div.text_box {padding-left:0;}
		.gallery112 .innerbox p.co {word-break:break-all; line-height:18px; height:54px;}
		.gallery112 .innerbox:nth-child(4) p.co, .gallery112 .innerbox:nth-child(5) p.co {height:36px;}
		.gallery112 .innerbox:nth-child(4) > div.text_box {padding-right:20px; padding-left:0;}

		.gallery112 .innerbox:first-child {clear:none; padding-right:10px;}
		.gallery112 .innerbox:nth-child(2) {clear:none; padding-right:0; padding:0 5px;}
		.gallery112 .innerbox:nth-child(3) {clear:none; padding-right:0; padding-left:10px;}
		.gallery112 .innerbox:nth-child(4),
		.gallery112 .innerbox:nth-child(5) {width:50%; margin-top:20px;}

		.gallery112 .innerbox:nth-child(5) div.img,
		.gallery112 .innerbox:nth-child(5) > div.text_box {padding-right:0; padding-left:10px;}

	}



	@media (max-width:499px){
		.gallery112 h2 {font-size:17px;}
		.gallery112 .innerbox div.img {height:70px;}
		.gallery112 .innerbox p.co {-webkit-line-clamp:2; height:36px; margin-top:5px;}

		.gallery112 .innerbox:nth-child(4) > div.text_box,
		.gallery112 .innerbox:nth-child(5) > div.text_box {padding-top:10px;}
	}