html {
	height:100%;
	background: #39754a;
	background: -moz-radial-gradient(center, #39754a, #193320) fixed #193320;
	background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 800, from(#39754a), to(#193320) ) fixed #193320;
	color:#dfffdf;}
#wrapper{max-width:980px; }
#t {border:0; padding:0; margin-bottom:-3px;}
#t1 {border:1px solid #fff; border-bottom:0; padding: 3px 16px;}
#menu_l, #menu_r, .show {height:67px;}
.menu_r1 {border-left:1px solid #fff; height: 67px;float:right;padding:0;}
.menu_r1 img {margin:18px 15px;}
.menu_r1 b{display:block;margin: 20px 5px 0 10px;font-size:15px;}
.show {overflow-x:hidden; margin-left:6px;}
.show li {line-height:14px; font-size:12px; margin-left:18px; font-weight:normal;}
.show li span, .show li a{font-weight:bold;}
.center{text-align:center;margin-top:5px;}
h1 {margin:10px 0;padding:0;font-size: 30px;}
h2 {letter-spacing:3px;margin: 16px 0 10px 0; font-size:19px;}
h2 img{height:15px;width:auto;}
.h50{float:left;width:47.9%;margin:3px 0;}
.h50 + .h50{margin-left:2%;}
.hh {letter-spacing:4px;font-size:13px;margin:2px 0;}
.h50 h3{font-size:12px; margin:3px 0;}
h3 a{text-decoration: none;background: url(img/list.gif) no-repeat top left;background-position: 0 6px;padding-left:10px;}
h3 a:hover{background: url(img/list.gif) no-repeat top left;background-position: 0 -34px;text-decoration: underline;}
.net{float:right;margin-top:12px;}
.net img{height:28px; width:auto; margin-left: 4px !important;}
.net img:hover, .menu_r1 img:hover{opacity:0.7;}
.f {text-align:center;}
#c {padding:5px 36px;}
.title{display:block;margin:5px 0 10px 0;}
#button{float:left;}
img{background:none;}
#rss{float:right;margin:22px 13px 0 13px;}
#map{height:360px;margin:12px 0 5px 0;max-width: 100%;}
.mt{ 
	width:100%;
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
	justify-content: space-between;
}
.mt div{ margin:5px; position: relative; width: 18%; }
.mt div img{height: 110px; width:100%;}
.mt div a{color:#fff;text-shadow: 2px 2px 2px black; } 
.mt div span{  
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 10px;
}
.mt div img:hover{ opacity: 0.8;} 
.mt div a:hover{ color:#f00;} 
/* responsive  */
@media (max-width: 971px) {
	.mt div{ margin:5px;  width: 23%; }
	div.show{margin-left:1px;}
	#menu_r1{border-left:0;}
	.empty {display:none;}
	#c {padding:5px 20px;}
}
@media (max-width: 820px) {
	#c {padding:5px 15px 5px 15px;}
	.mt div{ margin:5px;  width: 30%; }
}
@media (max-width: 760px) {
	.show li {margin-left:0;}
    .menu_r1 img{margin:18px 8px;}
	.h50{float:none;width:100%;}
	.h50 + .h50{margin-left:0;}
}
@media (max-width: 560px) {
	.mt div{ margin:5px;  width: 45%; }
}