/* board111 */
.board111 {width:100%; height:100%; float:left; overflow:hidden; position:relative; background:white; border:1px solid #3b7f9f; box-sizing:border-box;}
/* .board111:after {content:""; width:15px; height:55px; background:white; position:absolute; right:0; top:0; z-index:1;} */

.board111 h2.board_name {width:auto;float:left;font-size:18px;color:#3b7f9f;text-align:left;line-height: 27px;padding:15px 0 15px 15px;}
.board111 h2.board_name:after {content:"|"; float:right; font-size:14px; line-height:25px; margin-left:20px;opacity:0.8; font-weight:200;}
.board111 .linkbtn {right:15px; top:15px; position:absolute; z-index: 1; width:25px; height:25px; background:#3b7f9f; text-align:center; font-size:21px; line-height:20px; font-weight:200; color:white;}
.board111 .innerbox h3.tit {font-size:14px; font-weight:400;  float:left; line-height:27px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board111 .innerbox .date {position:absolute; right:40px; margin-right:20px; line-height:25px; color:#3b7f9f; }

.board111 > div > .swiper-wrapper {float:left !important; width:100%;}
.board111 .innerbox {width:100%; padding:15px; float:left; box-sizing:border-box; position:relative;text-align:left;}


/* rolling btn */
.board111 .board-pagination {display:none; }





	@media (min-width:1050px){
		.board111 .innerbox h3.tit {width:80%;}
	}

	@media (min-width:800px) and (max-width:1049px){
		.board111 .innerbox h3.tit {width:70%;}
	}


	@media (max-width:799px){}

	@media (min-width:600px) and (max-width:799px){
		.board111 .innerbox h3.tit {width:60%;}
	}
	@media (max-width:599px){
		.board111 h2.board_name {padding-bottom:5px;}
		.board111 .swiper-container {width:100%; display:block;}
		.board111 .innerbox {padding-top:0;}
		.board111 .innerbox h3.tit {font-size:15px; width:100%; padding-right:90px; box-sizing:border-box;}
		.board111 .innerbox .date {margin-right:0; right:15px;}

	}