h2{ font-size:24px; font-size:2.4rem;}

#topimg img,#contents img{visibility: hidden;}
#topimg {
	max-width:960px;
	margin:10px auto;
	text-align: center;}
#topimg a,#topimg a:hover {border:none;}
#topimg li a{display:block;}
#topimg img{ overflow: hidden; width:100%;}

.bx-wrapper{margin:0 auto; max-width:800px!important; border:none;}
.bx-viewport { overflow:visible!important; visibility: hidden; border:none!important;}
.slider {	margin: 0; padding: 0;}
.slider li img {
	width: 800px;
	margin: 0; padding: 0;
}
.slide{width:800px;}
#contents .bx-controls-direction a:hover{
	opacity: 0.7!important; filter: alpha(opacity=100); -moz-opacity: 1;}
#contents .bx-controls-direction a{
position: absolute;
top: 50%;
margin-top: -20px;
outline: 0;
width:55px; height: 40px;�@line-height:40px;
z-index: 9000;
background: #fff!important; color:#333!important;
opacity: 0.6!important;
line-height:40px!important;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
padding: 0;
font-size:30px;
text-align:center;
-moz-transform: scale(1,3.5);
-webkit-transform: scale(1,3.5);
-o-transform: scale(1,3.5);
-ms-transform: scale(1,3.5);
transform: scale(1,3.5);
}
#contents .bx-pager{
	text-align:left;
	padding-left:20px;
	width: 200px;}
#contents .bx-wrapper .bx-prev { left: -55px;}
#contents .bx-wrapper .bx-next { right: -55px;}

.button_box{
	display:inline-block;
	position:absolute; top:30px; right:20px;
	text-align:center;
	padding:3px 10px;
	background:#333;
	font-size:11px; font-size:1.1rem;
	border-radius:5px;
 }
#contents .button_box:hover{ background:#666;}
#contents .button_box a{
	display:block; border:none; color:#fff;
}
.button_box .more_s{display:none;}

@media screen and (max-width:900px){
	#contents .bx-wrapper .bx-prev { left: 0;}
	#contents .bx-wrapper .bx-next { right: 0;}
}
@media screen and (max-width:640px){
	#contents {padding-top:70px;}
	#contents{padding-top:0;}
	.text18{ font-size:14px;font-size:1.4rem;}
	#contents .bx-controls-direction a{
		-moz-transform: scale(1,1.5);
		-webkit-transform: scale(1,1.5);
		-o-transform: scale(1,1.5);
		-ms-transform: scale(1,1.5);
		transform: scale(1,1.5);
	}
	#topimg{margin-top:70px;}
}
@media screen and (max-width:480px){
	h2{ font-size:20px; font-size:2rem;}
	.button_box .more{display:none;}
	.button_box .more_s{display:block;}
}


#archive ul{
	overflow:hidden; zoom: 1; margin:0 auto;
	display:-webkit-flex; display:flex;
	-webkit-flex-wrap:wrap; flex-wrap:wrap;}
#archive li{ display:block; width:25%; padding:7px; float:left;}
#archive .news_img{ display:block; color:#000; }
#archive li img{ width:100%; background:#fff;}
.cap{ width:100%; padding:7px 10px; margin:0;
	font-size:12px; font-size:1.2rem;}
#contents .news_img{border:solid 1px #dfdfdf;}
.date{display:block; margin-bottom:5px;}

@media screen and (max-width:960px){
	#archive li{width:33.3%;}
	#archive li:last-child{ display:none;}
}
@media screen and (max-width:768px){
	#archive li{width:50%; padding:10px;}
	#archive li:last-child{ display:block;}
}
@media screen and (max-width:640px){
	#archive li{ width:100%;overflow:hidden;}
	#archive .news_img {
		width:150px; height:150px; overflow:hidden;
		position:relative;
		float:left;
	}
	#archive li:last-child{ display:none;}
	#archive li img {
		width: auto; height:100%;
		position:absolute;
		left:-50px;
		margin:auto;
	}
	.cap{display:block;
		padding-left:170px; padding-right:0;
	}
	#archive li+li{border-top:solid 1px #dcdcdc;}
}
@media screen and (max-width:480px){
	#archive li{width:100%; padding:10px 20px;}
	#archive .news_img {
		width:100%; height:auto; position:relative;
		float:none;
	}
	#archive li img {
		width: 100%; height:auto;
		position:relative;
		left:0;
	}
	#archive .news_img {
		height:140px;
	}
	.cap{
		padding:7px 10px;
	}
	#archive li+li{border-top:0;}
}


#link{background:#fafafa;width: 100%;margin:0 auto;}
#link a{display:block; border:none;}
#link ul{
	overflow:hidden; zoom: 1; margin:0 auto;
	display:-webkit-flex; display:flex;
	-webkit-flex-wrap:wrap; flex-wrap:wrap;
	font-size:11px; font-size:1.1rem;
}
#link li{ display:block; width:25%; padding:15px; float:left;}
#link .link_imgbox{ max-width:100%; height:64px; overflow: hidden; margin-bottom:10px; }
#link li img{width:100%;}

@media screen and (max-width:850px){
#link li{ width:50%;}
#link a{width:200px; margin:0 auto;}
#link li img{width:200px;}
}
@media screen and (max-width:480px){
#link li{ width:100%; margin:0 auto;}
#link li img{width:190px; height:auto;}
}