@charset "utf-8";

.board015 {background:white;box-sizing:border-box;/* padding:15px; */}
.board015 ul.board_wrap {position:relative;width: 100%;height: 100%;}
.board015 ul.board_wrap > li {width:auto;float:left;display:inline-block; max-width:33%;}
.board015 ul.board_wrap > li .tit {display: inline-block;width: 100%;}
.board015 ul.board_wrap > li .tit a.board_name {float:left;
											color:#838383;
											box-sizing:border-box;
											letter-spacing:-1px;
											width:100%;
											text-overflow: ellipsis;
											overflow: hidden;
											line-height:22px;
											white-space: nowrap;
											vertical-align: top;
											position: relative;
											font-weight: 400;
											}
.board015 ul.board_wrap > li .tit a.board_name:after {content:"|";
													float:right;
													font-size:16px;
													line-height:23px;
													opacity:1;
													color:#ddd;
													font-weight:400;
													vertical-align: top;
													position: absolute;
													right: 0;
													top: 0;
													line-height: 50px;
													}
.board015 ul.board_wrap > li:only-child .tit a.board_name:after {display:none;}
.board015 ul.board_wrap > li:first-child .tit a.board_name {/* padding-left:0; */}
.board015 ul.board_wrap > li:last-child .tit a.board_name:after {display:none;}
.board015 ul.board_wrap > li.active .tit a.board_name {color:#333; font-size:18px; font-weight:600;}


.board015 ul.board_wrap li div ul {height:100%; position:absolute; display:none;}
.board015 ul.board_wrap > li.active div ul {position:absolute; top:52px; left:0; width:100%;display:block; box-sizing:border-box; border-right:none; border-bottom:none; border-left:none;}

.board015 ul.board_wrap > li .more_box {display:none;}
.board015 ul.board_wrap > li.active .more_box {display:inline; position:absolute;top:0; right:0;}
.board015 ul.board_wrap > li.active .more_box a {font-family:arial; display:inline-block; color:#fff; background:#333; width:20px; height:20px; line-height:20px; text-align:center;
												-webkit-transition:color 1s, background 1s; transition:color 1s, background 1s; cursor:pointer;}
.board015 ul.board_wrap > li.active .more_box a:hover {background:#333; color:#fff;}

.board015 ul.board_wrap ul li {border-top:none; border-right:none; border-left:none;}
.board015 ul.board_wrap ul li a {text-decoration:none; position:relative; width:100%; float:left;}
.board015 ul.board_wrap ul li a p.tit { font-size:14px; padding:5px 0;
									   display: block;
									   line-height:29px;
									   letter-spacing:-1px;
									   -webkit-transition:color 0.5s;
									   transition:color 0.5s;
									   padding-right:100px;
									   white-space:nowrap;
									   overflow:hidden;
									   text-overflow:ellipsis;
									   text-decoration:none;
									   }
.board015 ul.board_wrap ul li a p.tit:hover {font-weight:600;}
.board015 ul.board_wrap ul li a span.date {color: #555;font-size:12px;line-height: 40px;position:absolute;top:0px;right:0;-webkit-transition:color 0.5s;transition:color 0.5s;}
.board015 ul.board_wrap ul li a:hover span.date {color:#838383;font-weight:600;}

.board015 ul.board_wrap li div ul li.no_data p.tit {font-size:14px; color: #555; line-height:32px; padding:5px 0;}


/* layout setting */
.layout_height_H .board015 {height:350px;}
.layout_height_M .board015 {height:250px;}
.layout_height_L .board015 {height:150px;}
.layout_height_M .board015 ul.board_wrap > li.active div ul li:nth-child(5) ~ li {display:none;}
.layout_height_L .board015 ul.board_wrap > li.active div ul li:nth-child(2) ~ li {display:none;}

.layout_height_H .board015 ul.board_wrap ul li a p.tit {line-height:30px;padding: 5.5px 0;}
.layout_height_M .board015 ul.board_wrap ul li a p.tit {line-height:30px;padding: 4px 0;}
.layout_height_L .board015 ul.board_wrap ul li a p.tit {line-height:30px;padding: 8px 0;}



	@media (min-width:800px){
	}

	@media (min-width:800px) and (max-width:1200px){
		.board015 ul.board_wrap > li.active .tit a.board_name,
		.board015 ul.board_wrap > li .tit a.board_name {font-size:17px;}
		.layout_03 .board015 ul.board_wrap ul li a span.date {text-indent:-33px; overflow:hidden;}
	}

	@media (max-width:799px){}
	@media (max-width:599px){
		.board015 ul.board_wrap ul li a p.tit {}
		.board015 ul.board_wrap ul li a span.date {text-indent: -33px;overflow:hidden;}

	}