@charset "utf-8";

/*** @latest 2020.11.16 YHY ***/

/* board133 */
.board133 {width:100%; float:left; height:100%; background:rgba(255,255,255,0.85);}
.board133 strong {float:left;width: 100%;padding:15px;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; text-align: center;}
.board133 .morebtn {float:right;color:#838383;font-size: 16px;line-height: 150%;}


.board133 ul {float:left; clear:both; width:100%; box-sizing:border-box; padding:0 15px;}
.board133 ul li {position: relative; display:block; width:100%; float:left; padding:8px 0; box-sizing:border-box; border-bottom:1px solid #eaeaea;}
.board133 ul li .datebox {display:inline-block; padding:12px 10px; background:#fff; text-align:center; border:1px solid #000;
						  width:105px; box-sizing:border-box; vertical-align:middle; font-size: 17px; font-weight: 600;}
.board133 ul li > a {width:calc(100% - 110px); display:inline-block; vertical-align:middle; padding-left:35px; box-sizing:border-box;}
.board133 ul li .tit {position: relative; padding-left: 10px; color:#333333; text-align:left; float:left; clear:both;
								  margin-top:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board133 ul li:hover .tit {font-weight:600;}
.board133 ul li .tit:after{content:''; display: block; position: absolute; top:6px; left:0; width:4px; height: 4px; background:#000;}
.board133 ul li .date{display: block; padding-right: 40px; text-align: right; font-size: 14px; color:#929292; line-height: 20px;}
.board133 ul li .btn_arrow{}
.board133 ul li .btn_arrow:after{content:'\f105'; position: absolute; font-family: FontAwesome; top:18px; right:0; width:24px; height: 24px; border-radius: 50%; border:2px solid #ccc; font-size:25px; line-height: 25px; color:#ccc; text-align: center; font-weight: 300;}

.board133 ul li .co {color:#9f9f9f; line-height:150%; width:100%; letter-spacing:-0.5px; text-align:left; float:left;
					white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:keep-all; clear:both; margin-top:5px; font-size:15px;}


/* no_data */
.board133 ul li.no_data {border:none !important; width:100% !important;}
.board133 ul li.no_data strong {font-weight:400; font-size:13px;}

	.layout_height_H .board133 ul li {padding:13px 0;}
	.layout_height_L .board133 ul li {padding:20px 0;}
	.layout_height_M .board133 ul li:nth-child(3) ~ li {display:none;}
	.layout_height_L .board133 ul li:first-child ~ li {display:none;}

	.layout_02.layout_height_H .board133 ul li .btn_arrow:after{top:20px;}
	.layout_02.layout_height_L .board133 ul li .btn_arrow:after{top:30px;}
	.layout_02_36.layout_06.layout_height_M .board133 ul li .date, .layout_02_36.layout_06.layout_height_L .board133 ul li .date{padding-left:10px; /*text-align: right;*/ line-height: 20px;}
	.layout_02_36.layout_06.layout_height_L .board133 ul li .btn_arrow:after{top:30px;}
	.layout_02_36.layout_06.layout_height_M .board133 ul li{padding:8px 0;}
	.layout_02_36.layout_06.layout_height_L .board133 ul li{padding:20px 0;}
	.layout_02_36.layout_06.layout_height_M .tit, .layout_02_36.layout_06.layout_height_L .tit{width:60%;}

	.layout_03 .board133 ul li .date, .layout_04 .board133 ul li .date{padding-left: 10px; text-align:left;}

	.layout_block1 .board133 ul li .tit{width:85%;}
	.layout_block2 .board133 ul li .tit{width:70%;}
	.layout_block3 .board133 ul li .tit{width:70%;}
	.layout_block4 .board133 ul li .tit{width:70%;}
	.layout_block4.layout_04mr .board133 ul li .tit{width:20%;}



	@media (max-width:990px){
		.board133 ul li .datebox { padding:12px 5px;}
    .board133 ul li > a {padding-left:13px;}
	}

	@media (min-width:800px){
		.layout_height_H .board133 {height:350px;}
		.layout_height_M .board133 {height:250px;}
		.layout_height_L .board133 {height:150px;}
		.layout_height_M .board133 ul li .tit, .layout_height_L .board133 ul li .tit {font-size:16px;}
	}

	@media (max-width:799px){
		.board133 {padding:15px 0 20px;}
		.layout_height_L .board133 ul li {padding:8px 15px;}
		.layout_block4 .board133 ul li .tit{width:75%;}
		.layout_block1 .board133 ul li .date{padding-left:10px; text-align: left;}

	}

	@media (min-width:600px) and (max-width:799px){
		.board133 strong {font-size:20px;}
		.layout_block4 .board133 {padding:0;}
		.layout_block4 .layout_height_M .board133 ul li .tit {font-size:16px;}
		.layout_02.layout_height_H .board133 ul li .date, .layout_02.layout_height_M .board133 ul li .date, .layout_02.layout_height_L .board133 ul li .date{padding-left:10px; text-align: left;}
	}

	@media (max-width:599px){
		.board133 ul li .date{padding-left:10px; text-align: left; line-height: 20px;}
		.layout_block2 .board133 ul li .tit{width:80%;}
		.layout_02_36.layout_06.layout_height_M .tit, .layout_02_36.layout_06.layout_height_L .tit{width:90%;}
		.layout_block3 .board133 ul li .tit{width:75%;}
	}
