@charset "utf-8";
body { font-family:Georgia, "Times New Roman", Times, serif;font-size:1.0rem; background: #ccc;margin: 0;padding: 0;color: #000; line-height:1.6rem;}
h1{font-size:1.5rem; line-height:2rem;}
h2{font-size:1.3rem; padding:0; margin:0.5rem 0 0.5rem 0;}
p{ padding:0; margin:0.3rem 0 0.3rem 0;}
img{border:0; vertical-align:middle;}
a:link {color: #42413C;	text-decoration: underline;}
a:visited {color: #6E6C64;text-decoration: underline;}
.container {width: 920px;background: #FFF;margin: 0 auto;}
.header {background: #5286b4; height:4rem; line-height:4rem; text-align:center;}
.header a{font-size:1.4rem; font-weight:bold; text-decoration:none; color:#fff;}
.nav,.nav ul{margin:0; padding:0;}
.nav{ height:2rem; background:#3f6e98; line-height:2rem;}
.nav ul li{ padding:0 2.5rem 0 2.5rem; float:left; list-style:none; text-align:center;}
.nav ul .on{background:#30597e;}
.nav ul li a{text-decoration:none; color:#fff;}
.content {padding: 0.5rem 1rem 2rem 1rem;}
.content .title{background:#eee; color:#000000; padding:0.3rem 0.8rem 0.3rem 0.8rem; font-weight:bold; }
.select { background:#f2f2f2; margin-top:1rem; text-align:center; font-size:1.2rem; padding:0.5rem 0;}
.list li{ width:20%; float:left; list-style:none; font-size:1rem; line-height:1.8rem;}
.footer {padding: 0.5rem; background: #5286b4; color:#fff; text-align:center;}
.footer a{font-size:1rem; color:#fff;}
.fltrt { float: right;margin-left: 0.5rem;}
.fltlft {float: left;margin-right: 0.5rem;}
.clearfloat { clear:both;}
table tr td{padding:0.5rem; font-size:1rem;}
.countyselect li{width:20%; float:left; list-style:none; margin:0.3rem auto 0.3rem auto;}
.countyselect li a{font-size:1.2rem;}
table{margin: 0 auto auto 1rem;  }
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 900px) {.container { width:100%;} .nav{height:auto; } .nav ul li{width:31%; font-size:1rem; padding:0;}.countyselect li, .list li{width:24%;} .container{ width:auto; float:none; left:auto;} .content{ width:auto; padding:0.8rem 1rem 0.8rem 1rem;} }
@media screen and (max-width: 700px) {.nav ul li{width:46%; font-size:1rem; padding:0;} .countyselect li, .list li{width:33%;} }
@media screen and (max-width: 500px) {.nav ul li{width:100%; font-size:1rem; padding:0;}.countyselect li, .list li{width:48%;} table tr td{padding:0.5rem; font-size:0.8rem;}table{margin: 0 auto 0 auto;  }}
}