@charset "utf-8";

/* board113 */
.board113 {width:100%;float:left;position:relative;background:white;box-sizing:border-box;overflow:hidden;position:relative;}
.board113 a:focus {display:block; overflow:hidden;}

.board113 .boardBgImg {width: 100%;overflow: hidden;z-index: 0;min-height: 200px;}
.board113 .boardBgImg img {width: 100%;min-height: 100%;display: block;}

.board113 .innerbox {width: 100%;max-width:1300px;z-index: 1;}

.board113 .textbox {width:40%;padding:30px 5% 0 15px;box-sizing:border-box;float:left;position: absolute;left: 0;}
.board113 .textbox h2, 
.board113 .textbox .title {color:#fff;line-height:normal;position:relative;font-weight: 400;}
.board113 .textbox h2:after, 
.board113 .textbox .title:after {content:"\25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0";
							display:block; position:absolute; left:0; font-size:40px; letter-spacing:-13px; width: 60px; height:2px; overflow:hidden; line-height:0;text-indent:-10px; margin-top: 15px;}
.board113 .textbox p {color:#fff; line-height: 150%; z-index: 0;  -webkit-box-orient: vertical; display:-webkit-box; word-break:keep-all;}

.board113 ul {width:60%;position:relative;float: right;/* background-image:url(../img/pattern.png); */background-color: rgba(231,63,63,0.5);box-sizing:border-box;}
.board113 ul li {width:100%;float:left;position:relative;margin-bottom: 10px;}
.board113 ul li h3.tit,
.board113 ul li .tit {display:block;font-size: 16.5px; color:#fff; letter-spacing: -0.5px; font-weight:400; width:100%; float:left;
						line-height: 150%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; padding-right:150px;}
.board113 ul li h3.tit:before,
.board113 ul li .tit:before {content:"\b7"; float:left; padding-right:7px; font-weight:200;}
.board113 ul li span.date {font-size: 14px;line-height: 160%;opacity:0.9;float:left;color:#fff;font-weight:200;position:absolute;right:0;}



/* no-data */
.board113 .no_data {width:100% !important; padding-right:0 !important; display:none;}
.board113 .no_data > div.text_box {padding:0; text-align:center; width:100% !important;}
.board113 .no_data h3.tit {letter-spacing:0; font-weight:400; }

.border-radius .board113 ul {border-radius:15px;}


	@media (min-width:800px){
		.board113 .textbox h2, .board113 .textbox .title {font-size: 28px;font-weight: 400;padding-bottom: 35px;}
		.board113 ul {padding:40px 15px 40px 40px;}

		.board113 .innerbox {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
	}

	@media (max-width:799px){
		.board113 .boardBgImg {height: 100%;position: absolute;}
		.board113 .innerbox {margin: 50px auto;position: relative;transform: none;float: left;}
		.board113 .textbox {width:100%; padding: 0px 15px 20px; position:relative;}
		.board113 .textbox h2, .board113 .textbox .title {font-size:19px; padding-bottom:30px;}
    	
    	.board113 .textbox p {-webkit-line-clamp:2;height: 48px;overflow:hidden;}
        .border-radius .board113 ul {border-radius:0 15px 15px 0;}
    	.board113 ul {width:90%; float:left; padding:20px 15px;}
	}







