@charset "UTF-8";
/* CSS Document */
.banner{ background: url(../../info/images/banner.jpg) no-repeat left top; background-size:cover;}
.banner_inner{ max-width:1500px;}
h2{ margin-left:13%;}

.info{ margin:1.4% 0 110px; padding-top:20px;}
.new{ border-bottom:1px solid #9cd2be; padding:20px 0;}
.new .date{ border:1px solid #4c4340; border-radius:10px; display:inline-block; margin-bottom:5px; padding:1px 5px; font-weight:bold;}
.page{ margin-top:20px;}
.page li{ background:#21a879; display: inline;  color:#fff; margin:0 10px 10px 0; float:left; width:35px;}
.page li:last-child{ margin-right:0; }
.page li a{ display:block;padding:5px 10px; text-align:center;}
.page li:hover, .page li.active{ background:#036140;}

/*add 2016-11-08*/
.page{ margin-bottom:150px;}
/*add 2016-11-15*/
.new a{ text-decoration:underline;}
.new a:hover{ text-decoration:none;}

/*===============================
             MEDIA
================================*/
@media only screen and (max-width:1450px){
.banner_img	{ width:56.69%;}
h2{ margin-left:8%;}	
}

@media only screen and (max-width:1200px){
h2{ margin-left:1%;}	
.info{ margin:1.4% 0 5%;}
}
@media only screen and (max-width:960px){
}
@media only screen and (max-width:840px){
}
@media only screen and (max-width:736px){
/*add 2016-11-04*/
.page{ margin-bottom:100px;}

}

@media only screen and (max-width:480px){
}

@media only screen and (max-width:375px){
}