@charset "utf-8";
/* @latest 2021.02.24 YHY */

.board130 {width: 100%; box-sizing:border-box;}

.board130 ul.board_wrap {overflow: hidden;position:relative;width: 100%;height: 100%;padding-right:58px;/* background: #fff; */float: left;border: 1px solid rgba(0,0,0,0.1);box-sizing: border-box;}
.board130 ul.board_wrap > li {width:33.33%; float:left;display:inline-block;text-align: center;}
.board130 ul.board_wrap > li a.board_name {
												float:left;
												color:#999999;
												background: #f3f3f3;
												border: 1px solid rgba(0,0,0,0.1);
												border-width: 0 1px 1px 0;
												font-size:17px;
												padding: 0 15px;
												box-sizing:border-box;
												letter-spacing:-1px;
												width: 100%;
												text-overflow: ellipsis;
												overflow: hidden;
												height: 62px;
												line-height: 62px;
												white-space: nowrap;
												/* vertical-align: top; */
												position: relative;
												font-weight: 600;
												}

.board130 ul.board_wrap > li.active a.board_name {color:#333;font-size:18px;font-weight:600;background: #003975 !important;border-bottom: none;z-index: 1; color: #fff;}
.board130 ul.board_wrap li div ul {height:auto;position:absolute;display:none;/* background:#fff; */background: transparent;}

.board130 ul.board_wrap > li.active div ul {position:absolute;left:0;width:100%;display:block;padding: 32px 30px; box-sizing: border-box;background: #fff;}

.board130 ul.board_wrap > li .more_box {display:none;}
.board130 ul.board_wrap > li.active .more_box {position:absolute; display:block; top:0;right: 0;width:58px; background:#003975; color:#fff; z-index:999;}
.board130 ul.board_wrap > li.active .more_box a {display: block; position: relative; width: 100%; height: 100%; font-size:23px; color:#fff; -webkit-transition:color 1s; transition:color 1s;}
.board130 ul.board_wrap > li.active .more_box a:after{content:''; display: block; position: absolute; top:30px; right:50%; transform:translate(50%); width:20px;height: 2px; background:#fff;}
.board130 ul.board_wrap > li.active .more_box a:before{content:''; display: block; position: absolute; top:21px; right:50%; transform:translate(50%); width:2px;height: 20px; background:#fff;}



.board130 ul.board_wrap ul li a {text-decoration:none; position:relative; width:100%; float:left;}
.board130 ul.board_wrap ul li a .txtbox {width: 100%;float:left;box-sizing:border-box;padding-bottom: 18px;margin-bottom: 18px;text-align:left;border-bottom: 1px solid rgba(0,0,0,0.15);}
.board130 ul.board_wrap ul li:nth-child(3n) a .txtbox{border-bottom: none; margin-bottom:0; padding-bottom: 0;}

.board130 ul.board_wrap ul li a p.tit{padding-bottom: 10px; letter-spacing:-1px; -webkit-transition:color 0.5s; transition:color 0.5s;
									   white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none; text-align:left; font-size: 20px; color:#666;}


.board130 ul.board_wrap ul li a p.tit:hover {color:#727272; font-weight:600; text-decoration:none;}
.board130 ul.board_wrap ul li a span.date{-webkit-transition:color 0.5s; transition:color 0.5s; font-size: 14px; color:#ccc;}
.board130 ul.board_wrap ul li a:hover span.date {color:#838383;}



.board130 ul.board_wrap li div ul li.no_data p.tit {font-size:14px; color: #555; line-height:29px; letter-spacing:-1px; padding-left:5px;}


/* layout setting */
.layout_01 .board130 {height:340px;}
.layout_height_L .board130 ul.board_wrap ul li a .txtbox{border-bottom: 0;}
.layout_height_M .board130 ul.board_wrap ul li:nth-child(2n) a .txtbox{border-bottom: none; padding-bottom: 0;}
.layout_height_M .board130 ul.board_wrap ul li:nth-child(3n) a .txtbox{display: none;}


	@media (min-width:800px){
		.board130 ul.board_wrap > li>div {height:62px;}
		.board130 ul.board_wrap > li.active .more_box {height: 62px;line-height: 62px;}
		.board130 ul.board_wrap > li.active div ul {height: 100%; top: 62px;}

		.layout_height_H .board130 {height:350px;}
		.layout_height_M .board130 {height:250px;}
	}

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

	@media (max-width:799px){
		.board130 ul.board_wrap > li>div {height:44px;}
		.board130 ul.board_wrap > li.active .more_box {height:44px;line-height:44px;}
		.board130 ul.board_wrap > li.active div ul {top: 43px;}

		.board130 ul.board_wrap > li.active a.board_name {font-size:17px;}
		.board130 ul.board_wrap > li a.board_name {line-height:44px;height: 44px;}

.board130 ul.board_wrap > li.active .more_box a:after{top:21px;}
.board130 ul.board_wrap > li.active .more_box a:before{top:13px;}


		.layout_01 .board130 {height:325px;}
		.layout_height_H .board130 {height:335px;}
		.layout_height_M .board130 {height:240px;}
		.layout_height_L .board130 {height: 150px;}
	}
	@media (min-width:600px) and (max-width:799px){
		.layout_block4 .layout_04.layout_height_H .board130 {height:350px;}
		.layout_block4 .layout_04.layout_height_M .board130 {height:250px;}
	}
	@media (max-width:599px){
		.board130 ul.board_wrap ul li a span.date {font-size: 12px !important;text-indent: -31px;overflow:hidden;}
		.board130 ul.board_wrap ul li a p.tit {font-size:15px;}

	}