@charset "utf-8";

.page-news .inner{
	max-width:1000px;
	margin-top:20px;
}

.page-news .news-box .left{
	float:left;
	width:10%;
}

.page-news .news-box .right{
	float:right;
	width:85%;
}

.page-news .news-box .left ul li,
.page-news .news-box .right ul li{
	padding:10px 0;
}

.page-news .news-box .left ul li::before{
	content:"\f105";
	margin-right:5px;
	font-family:FontAwesome;
	font-size:20px;
	line-height:1;
}

.page-news .news-box .right ul li span{
	font-size:13px;
	font-size:1.3rem;
}

.page-news .news-box .right ul li p{
	font-size:22px;
	font-size:2.2rem;
}

.page-news .news-box ul li a{
	text-decoration:none;
}

.page-news .news-box ul li a:hover{
	text-decoration:underline;
}


@media screen and (max-width:1024px) {

.page-news .inner{
	max-width:96%;
	margin-top:30px;
}

}

@media screen and (max-width:767px) {

.page-news .news-box .left,
.page-news .news-box .right{
	float:none;
	width:100%;
}

.page-news .news-box .left li{
	float:left;
	width:33.33333333%;
	margin-top:15px;
}

.page-news .news-box .right ul li{
	border-bottom:1px solid #ddd;
}


.page-news .news-box .right ul li span{
	font-size:12px;
	font-size:1.2rem;
}

.page-news .news-box .right ul li p{
	font-size:14px;
	font-size:1.4rem;
}



}


.listbar{
	clear:both;
	position:relative;
	display:block;
	margin-top:50px;
	text-align:center;
}

.listbar > *{
	position:relative;
	display:inline-block;
	margin:0 2px 0;
	padding:3px 10px;
	border:1px solid #989898;
	border-radius:3px;
	text-align:center;
}

.listbar a{
	background:#fff;
}

.listbar a:hover{
	background:#989898;
	color:#fff;
}

.listbar span a{
	/*padding:5px 10px;*/
	background:#fff;
	border:1px solid #ddd;
}

.listbar span{
	padding:10px 10px;
	background:#989898;
	color:#fff !important;
	font-size:13px;
	font-size:1.3rem;
	font-weight:700;
}

.listbar span.pn,
.listbar span.previous,
.listbar > span.next{
	padding:0 2px;
	background:transparent !important;
	border:none;
	color:#989898!important;
	font-weight:normal;
}

.listbar span.previous a:hover,
.listbar span.next a:hover{
	color:#989898 !important;
}

.listbar span.pn a,
.listbar span.previous a,
.listbar span.next a{
	position:static;
	display:inline-block;
	padding:5px 0;
	color:#111 !important;
	background:transparent !important;
	border:none;
}

@media screen and (max-width: 767px) {

.listbar > *{
	margin:0 2px 0;
	padding:0 6px;
}

.listbar span a{
	position:absolute;
	top:-2px;
	left:-1px;
	padding:5px 10px;
	background-color:#fff;
	border:2px solid #989898;
}

.listbar span.pn a,
.listbar span.previous a,
.listbar span.next a{
	display:inline-block;
	padding:10px 0;
	position:static;
	border:none;
	background-color:transparent !important;
}

}

.page-news .news-dtl-box{
	max-width:760px;
	margin:0 auto;
}

.page-news .news-dtl-box a{
	color:#33CCF4 !important;
	text-decoration:underline;
}

.page-news .news-dtl-box a:hover{
	text-decoration:none;
}

.page-news .news-dtl-box .news-dtl-ttl span{
	font-size:13px;
	font-size:1.3rem;
}

.page-news .news-dtl-box .news-dtl-ttl h2{
	font-size:22px;
	font-size:2.2rem;
	letter-spacing:5px;
}

.page-news .news-dtl-box .news-dtl-document{
	margin:30px 0;
}

.page-news .news-dtl-box .news-dtl-document strong{
	font-weight:700;
}

.page-news .news-dtl-box .news-dtl-document em{
	font-style:italic;
}

@media screen and (max-width:767px) {

.page-news .news-dtl-box .news-dtl-ttl span{
	font-size:12px;
	font-size:1.2rem;
}

.page-news .news-dtl-box .news-dtl-ttl h2{
	font-size:16px;
	font-size:1.6rem;
	letter-spacing:0;
}

.page-news .news-dtl-box .news-dtl-document{
	margin:15px 0;
}


}