/* Map */
#wrapper.MapUI { max-width:100%; width:100%; }
#wrapper.MapUI #header { top:0; left:0; right:0; width:100%; max-width:inherit; }
#MapContent { position:absolute; top:90px; left:300px; right:0 ; bottom:0; }
.MapFilter {
  position:absolute;
  top:90px;
  left:0px;
  bottom:0;
  width:300px;
  height:calc(100% - 90px);
  background-color:#f2f2f2;
  box-shadow: 1px 0 5px rgba(0,0,0,0.2);
}
.MapFilter .inner { padding:10px; }



.MapUI .field { font-size:18px; color:#000; margin:0 0 5px 0; }
.MapUI .field .label { width:40px; }
.MapUI .field .label label { padding:0; }
.MapUI .field .setting { width:calc(80% - 10px); }
.MapUI .field .label, .MapUI .field .setting { padding:0; color:#000; }
.MapUI .field select { border-color:#ccc; }

.MapUI label.search {
  display:block;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  background-color:#fff;
  border:solid 1px #ccc;
  box-sizing:border-box;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}
.MapUI label.search:hover { border:1px solid #3232a9; }
.MapUI label.search input {
  display:inline-block;
  height:38px;
  width:calc(100% - 35px);
  border:none;
  margin:0;
  vertical-align: top;
}
.MapUI label.search button {
  display:inline-block;
  text-indent: -9999px;
  padding:0;
  border: none;
  width: 30px;
  height: 30px;
  background:url(images/btn-Search.gif) no-repeat;
  cursor:pointer;
}

.MapUI .head {
  font-size:15px;
  font-family:微軟正黑體;
  font-weight:bold;
  padding:10px 0;
  margin-bottom:10px;
  border-bottom:solid 1px #080e4a;
} 


.MapUI .wrap-item { height:255px; overflow-y:auto; }
.MapUI .wrap-item dl.item { margin:0; padding:5px; border-bottom:solid 1px #fff; overflow:hidden; }
.MapUI .wrap-item dl.item:hover { background-color:#fff; }
.wrap-item dl dt, .wrap-item dl dd { float:left; }
.wrap-item dl dd { width:200px; }
.wrap-item dl dt[class*="tag"], .wrap-item dl dt[class^="tag"] {
  width:40px;
  height:40px;
  margin-right:5px;
  background-repeat:no-repeat;
  background-position:center top;
  text-indent:-9999px;
  }
.wrap-item dl dt.tag1 { background-image:url(images/icon-searchTag1.png); }
.wrap-item dl dt.tag2 { background-image:url(images/icon-searchTag2.png); }
.wrap-item dl dt.tag3 { background-image:url(images/icon-searchTag3.png); }
.wrap-item dl dd span { display:block; margin-bottom:5px; }
.wrap-item dl dd span:last-child { margin:0; }
.wrap-item dl dd span.name { font-size:15px; font-weight:bold; }


/* Point Info */
.wrap-info {
  position: static;
  min-width:300px;
  min-height:250px;
  box-sizing:border-box;
}
.wrap-info ul.wrap-head {
  height:40px;
  background-color:#fff;
  border-bottom: solid 1px #000;
  overflow:hidden;
}
.wrap-info ul.wrap-head li { float:left; }
.wrap-info ul.wrap-head li a {
  display:block;
  padding:0 10px;
  height:40px;
  color:#666;
  line-height:40px;
  vertical-align:middle;
  box-sizing:border-box;
}
.wrap-info ul.wrap-head li a.current, .wrap-info ul.wrap-head li a:hover {
  color:#000;
  border-bottom:solid 5px #FF0004;
}

.wrap-info .pane-inner { padding:20px; color:#000; }
.wrap-info h3 {
  font-size:15px;
  padding-bottom:5px;
  margin-bottom:10px;
  border-bottom:solid 1px #fff;
}
.wrap-info .pane-inner li { padding-bottom:5px; }
.wrap-info .pane-inner hr { margin:10px 0; background-color:#555; }


.wrap-info a.btn-default { text-shadow:none; height:30px; line-height:30px; }
.wrap-info a.btn-default:hover { background-color:#F5F5F5; color:#080e4a; }



.gm-style .gm-style-iw {
   min-width:300px;
  min-height:250px;
 
}