@charset "utf-8";
.lt_pc {float:left;margin-left:20px}
.lt { max-width: 1200px; position: relative; margin: auto; overflow: hidden; min-height: 100px;}
.lt ul {margin:0 0 10px;padding:0;list-style:none;overflow: hidden;}
.lt li {padding:3px 0}
.lt .lt_title {display:block;padding:10px 0 8px}
.lt .lt_more {margin: 1rem 0; font-size: 11px;}
.lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
.lt li:last-child::after{
	content: '';
	display: block;
	clear: both;
}
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.page{font-size:.95em !important;line-height:1em !important; bottom:2rem;}
.page a,.page span{vertical-align: middle;display: inline-block; font-size: 1rem; height: 30px; line-height: 30px; padding: 0 5px; min-width: 30px; text-decoration: none; border-radius: 50%; background: white;}
.page a:hover{text-decoration:none}
.page .pre{padding-right:0}
.page .next{padding-left:0}
.page .num,.page .num span{margin-left:0;padding:0}
.page .num span{font-weight:bold}
.page .num em{font-weight:bold;}
.page .num .active{ font-weight: bold;}

.page{width: 100%; bottom: 0; text-align: center;}
.page .start,
.page .pre,
.page .next,
.page .end{ background-position: 50% 50%; background-size: contain; background-repeat: no-repeat;}
.page .start{background-image:url('/skin/latest/latest_paging_3/img/btn_page_start.png');}
.page .pre{background-image:url('/skin/latest/latest_paging_3/img/btn_page_prev.png');}
.page .next{background-image:url('/skin/latest/latest_paging_3/img/btn_page_next.png');}
.page .end{background-image:url('/skin/latest/latest_paging_3/img/btn_page_end.png');}

.latest_content li{ float:left; width: 20%; position: relative; padding: .4rem;}
@media only screen and (max-width: 1024px) {
  .latest_content li {
    width: 33.333333333%;
	min-height: 236px;
  }
}
@media only screen and (max-width: 640px) {
  b.subject {
    max-width: 105px;
    overflow: hidden;
  }
}
.latest_content li a:after{ content: ''; display: block; clear: both;}
.latest_content .img_box img{ width: 100%;}
.latest_content .txt_box{text-align: center;}

.latest_line strong{ font-size:1.5rem; margin: .5rem 0; text-overflow:ellipsis; overflow:hidden; line-height:2rem; height:2rem; word-break: break-word; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.latest_line span{ font-size:1rem; text-overflow:ellipsis; overflow:hidden; line-height:1.6rem; height:3.2rem; word-break: break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.latest_more_view{ width: 27px; height: 27px; position: absolute; top:50%; right:1rem; margin-top: -13.5px;}

.latest_paging_wrap .latest_more{ position: absolute; top:-4rem; right:0;}

.con_read_more{ text-align: right; font-size: 1rem; position: relative; padding: 1rem 0 0;}
.con_read_more .txt{ border-bottom: 1px solid #f6a623; padding-right: 0; display: inline-block; line-height: 2rem; transition: .3s;}
.con_read_more .arrow{ display: block; position: absolute; bottom: -3px; right: 17px; width: 1px; height: 20px; background-color: #f6a623; transform: rotate(-45deg); opacity:0; transition: .3s;}
.con_read_more:hover .txt{ padding-right: 40px;}
.con_read_more:hover .arrow{ right: 7px; opacity:1;}