@charset "utf-8";
body{margin:0; padding:0; line-height:24px; font-family:Arial, Helvetica, sans-serif;font-size:14px; background:#666;}
.main{background:#fff; width:830px; margin:0 auto;}
.title{ margin:0 auto; height:60px; background:#002859; line-height:60px; text-align:center;}
.title a{color:#ffffff; text-decoration:none;}
.nav{ height:30px; margin:0 auto; background:#38669e; line-height:30px;}
.nav ul{margin:0; padding:0;}
.nav li{float:left; list-style:none; padding:0 30px 0 30px; height:30px; line-height:30px; text-align:center;}
.nav .now{background:#0f4586; }
.nav li a{color:#ffffff; text-decoration:none;}
.search,.visit,.jail,.sheriff,.bottom,.content{ padding:5px 10px 5px 10px; margin:0 auto;}
.bottom{height:35px; background:#f2f2f2;font-size:12px; color:#999;}
.bottom a{color:#666;}
h1{font-size:22px; margin:0; padding:0; }
h2{font-size:18px;}
.locator{background:#69C; padding:5px; border-radius:5px; color:#fff;}
.offense{ background:#2e5f97; padding:0 5px 0 5px; color:#ffffff; }
p{ padding:5px 0 5px 0; margin:0;}
.clr{clear:both;}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 900px) {.main { width:100%; padding:0;} .nav{height:auto; padding:0;} .nav ul li{width:31%; font-size:1rem; padding:0.2rem 0 0.2rem 0; }.content{ width:auto; padding:0.8rem 1rem 0.8rem 1rem;} }
@media screen and (max-width: 700px) {.nav ul li{width:46%; } }
@media screen and (max-width: 500px) {.nav ul li{width:100%; } }