/* ------ map
-----------------------------------------------*/

.mapWrapper {
margin:0 auto;
position:relative;
}

#map {
float:left;
clear:both;
width:900px;
height:440px;
overflow: hidden;
background: #535364;
}

.point {
position:fixed;
display:none;
padding:10px 15px;
background:#0094ca;
font-size:20px;
font-weight:normal;
color:#fff;
border:1px solid #84ade9;

-moz-border-radius: 4px; /* FF1-3.6 */
-webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
 border-radius: 4px 4px 4px 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */    
/* useful if you don't want a bg color from leaking outside the border: */        
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

#text {
 width:500px;
 height: 380px;
 overflow: auto;
}

.mapWrapper img {
float: left;
padding-right: 5px;
padding-top: 2px;
}

.mapWrapper #text ul{
margin-left: 30px;
}

/* console */
.console {
  height: 35px;
  padding-top: 7px;
  float:left;
  clear:both;
  display: none;
  position:relative;
  top:100%;margin-top: -7rem;


}
.console .left {
	margin: 0;
	float: left;
	padding-left: 6px;
}
.console .right {
	margin: 0;
	float: right;
	padding-right: 2px;
}
.console li {
	list-style-type: none;
	float: left;
	margin-right: 6px;
}
.console li span {
	float: left;
	cursor: pointer;
}

#zoomerIn, #zoomerOut, #zoomerUp, #zoomerDown, #zoomerLeft, #zoomerRight, #zoomerReset{background:#fff;     font-size: 2.2rem;
    padding: 1rem 1.6rem;    border-radius: 55%;    margin: .5rem .5rem;
}}