@charset "utf-8";
/* CSS Document */
.map-box{ background:#f3f5f7;width:100%; overflow:hidden; padding-bottom:10%;}
.map-box.public h2.clearfix{ width:90%; margin-left:5%;}

.map-box .zone-box{ width:90%; margin:5% 0 5% 5%;}
.map-box .zone-box em.fl{ font-size:16px; color:#666; height:50px; line-height:50px;}
.map-box .zone-box input.search-add{ width:140px; height:50px; text-align:center; color:#fff; font-size:18px; background:#f9694d; border-radius:3px; margin-left:15px; cursor:pointer;moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.map-box .zone-box input.search-add:hover{ background:#f6593a; }

.map-box .zone-box select.locus_province,.map-box .zone-box select.locus_city{ float:left;border:1px solid #e5e5e5; background:#fafafa;width:140px;  box-shadow:3px 0 5px #f0f0f0 inset; height:48px; line-height:48px; margin-left:15px; color:#666; cursor:pointer;}

.map-change-box{width:90%; margin:5% 0 0 3%; }
.province-list a{ width:18%; height:40px; line-height:40px; display:block; float:left; margin:0 0% 2% 2%; text-align:center;color:#43bee8; font-size:16px; border:1px solid #43bee8; border-radius:3px;}
.province-list a:hover,.province-list a.cur{color:#fff; background:#43bee8; }

dl.city-list{width:100%; margin-left:2%; margin-top:3%;font-size:20px; line-height:60px;}
dl.city-list dt{width:100%; background:#80a6bf; height:60px; color:#fff;}
dl.city-list dt em.a{width:20%; text-align:center; display:inline-block;}
dl.city-list dt em.b{width:75%; margin-left:5%; display:inline-block;}
dl.city-list dd{ height:60px; border-bottom:1px solid #f3f5f7; background:#fff;}
dl.city-list dd em.a{width:20%; color:#666; text-align:center; display:inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
dl.city-list dd em.b{width:75%; margin-left:5%; color:#666; display:inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

@media screen and (min-width:300px) {
/*.wrapper{ width:320px;}*/
.public h2 span{ margin-top:10px;}
.map-box .zone-box em.fl{ font-size:14px; height:35px; line-height:35px;}
.map-box .zone-box input.search-add{ width:70px; height:34px; font-size:14px;  margin-left:7px;}
.map-box .zone-box select.locus_province,.map-box .zone-box select.locus_city{width:70px;  height:34px; line-height:34px; margin-left:7px; }

.province-list a{ height:30px; line-height:28px;  font-size:12px; }

dl.city-list{font-size:14px; line-height:40px;}
dl.city-list dt{ height:40px; }
dl.city-list dd{ height:40px; }
}
@media screen and (min-width:360px) {
/*.wrapper{ width:360px;}*/
.public h2 span{ margin-top:10px;}
.map-box .zone-box em.fl{ font-size:14px; height:40px; line-height:40px;}
.map-box .zone-box input.search-add{ width:80px; height:39px; font-size:14px;  margin-left:7px;}
.map-box .zone-box select.locus_province,.map-box .zone-box select.locus_city{width:80px;  height:39px; line-height:39px; margin-left:7px; }

.province-list a{ height:35px; line-height:33px;  font-size:14px; }

dl.city-list{font-size:14px; line-height:45px;}
dl.city-list dt{ height:45px; }
dl.city-list dd{ height:45px; }
}
@media screen and (min-width:375px) {
/*.wrapper{ width:375px;}*/
.public h2 span{ margin-top:10px;}
.map-box .zone-box em.fl{ font-size:14px; height:40px; line-height:40px;}
.map-box .zone-box input.search-add{ width:85px; height:39px; font-size:14px;  margin-left:7px;}
.map-box .zone-box select.locus_province,.map-box .zone-box select.locus_city{width:85px;  height:39px; line-height:39px; margin-left:7px; }

.province-list a{ height:35px; line-height:33px;  font-size:14px; }

dl.city-list{font-size:14px; line-height:45px;}
dl.city-list dt{ height:45px; }
dl.city-list dd{ height:45px; }
}
@media screen and (min-width:400px) {
/*.wrapper{ width:414px;}*/
.public h2 span{ margin-top:10px;}
.map-box .zone-box em.fl{ font-size:14px; height:45px; line-height:45px;}
.map-box .zone-box input.search-add{ width:95px; height:44px; font-size:14px;  margin-left:10px;}
.map-box .zone-box select.locus_province,.map-box .zone-box select.locus_city{width:95px;  height:44px; line-height:44px; margin-left:10px; }

.province-list a{ height:40px; line-height:38px;  font-size:16px; }

dl.city-list{font-size:16px; line-height:50px;}
dl.city-list dt{ height:50px; }
dl.city-list dd{ height:50px; }
}
@media screen and (min-width:480px) {
/*.wrapper{ width:480px;}*/
.public h2 span{ margin-top:10px;}
.map-box .zone-box em.fl{ font-size:16px; height:50px; line-height:50px;}
.map-box .zone-box input.search-add{ width:110px; height:49px; font-size:16px;  margin-left:10px;}
.map-box .zone-box select.locus_province,.map-box .zone-box select.locus_city{width:110px;  height:49px; line-height:49px; margin-left:10px; }

.province-list a{ height:40px; line-height:38px;  font-size:16px; }

dl.city-list{font-size:16px; line-height:55px;}
dl.city-list dt{ height:55px; }
dl.city-list dd{ height:55px; }
}
@media screen and (min-width:568px) {
/*.wrapper{ width:568px;}*/
.public h2 span{ margin-top:10px;}
.map-box .zone-box em.fl{ font-size:16px; height:50px; line-height:50px;}
.map-box .zone-box input.search-add{ width:115px; height:49px; font-size:16px;  margin-left:10px;}
.map-box .zone-box select.locus_province,.map-box .zone-box select.locus_city{width:115px;  height:49px; line-height:49px; margin-left:10px; }

.province-list a{ height:40px; line-height:38px;  font-size:16px; }

dl.city-list{font-size:18px; line-height:55px;}
dl.city-list dt{ height:55px; }
dl.city-list dd{ height:55px; }


}
@media screen and (min-width:638px) {
/*.wrapper{ width:638px;}*/
.public h2 span{ margin-top:10px;}
.map-box .zone-box em.fl{ font-size:16px; height:50px; line-height:50px;}
.map-box .zone-box input.search-add{ width:130px; height:50px; font-size:18px;  margin-left:15px;}
.map-box .zone-box select.locus_province,.map-box .zone-box select.locus_city{width:130px;  height:48px; line-height:48px; margin-left:15px; }

.province-list a{ height:40px; line-height:38px;  font-size:16px; }

dl.city-list{font-size:20px; line-height:60px;}
dl.city-list dt{ height:60px; }
dl.city-list dd{ height:60px; }

}