body, html { 
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.map-photo { width:80px; height: 60px; padding:0; margin-right: 10px; float: left; }

@media only screen and (min-width: 1225px) {
	.top-menu { padding: 5px 0; position: fixed; }
	.top-menu img { height:50px; }
}
#mapContainer {
	position: relative;
	width: 100%;
	height: calc(100% - 60px);
	margin-top: 60px;
}
#map_canvas {
	width: 100%;
	height: 100%; 
}
#map {
	width: 100%;
	height: 100%; 
}
#viewtype {
	z-index: 100;
	position: absolute;
	top: 10px;
	right: 10px;
} 
.infoWindow {
 position: relative;
 width:290px;
 overflow: hidden;
 color:#000;
}
 .infoWindow img {
 margin: 6px 14px 0 0;
 width:140px;
 height:110px;
 float:left;
 border: 1px solid #CBCBCB;
}
.infoWindow b {
 line-height:24px;
 color:#2C6EA3;
 font-size:13px;
 font-family:arial;
}
.infoWindow span {
 display:block;
 margin: 1px 0;
 font-size:12px;
}
.infoWindow a {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0; left: 0;
   z-index: 10;
}
/* screen under 767px */
@media screen and (max-width: 767px) {
#mapContainer {	
  	height: calc(100% - 50px);
	margin-top: 50px;
}
}