/* reset */
#mapwrapper{
	max-width:1920px;
	margin:0 auto;
	padding:0px 0;
	background-color:#077cb6;
	/*background-color:transparent;*/
	min-width:220px; }

svg{
  max-height:100%; }

@media screen and (max-width: 240px) {
	#map_base{
		/*height:150px;*/
		width:98%;
		margin:0px;	}
}
@media screen and (max-width: 320px) and (min-width: 241px) {
	#map_base{
		/*height:204px;*/
		width:98%;
		margin:0px;	}
}
@media screen and (max-width: 400px) and (min-width: 321px) {
	#map_base{
		/*height:266px;*/
		width:98%;
		margin:0px;	}
}
@media screen and (max-width: 480px) and (min-width: 401px) {
	#map_base{
		/*height:310px;*/
		width:98%;
		margin:0px;	}
}
@media screen and (max-width: 568px) and (min-width: 481px) {
	#map_base{
		/*height:370px;*/
		width:98%;
		margin:0px;	}
}
@media screen and (max-width: 685px) and (min-width: 569px) {
	#map_base{
		/*height:456px;*/
		width:98%;
		margin:0px;	}
}
@media screen and (max-width: 768px) and (min-width: 686px) {
	#map_base{
		/*height:502px;*/
		width:98%;
		margin:0px;	}
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
	#map_base{
		/*height:672px;*/
		width:98%;
		margin:0px;	}
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
	#map_base{
		/*height:842px;*/
		width:98%;
		margin:0px;	}
}
@media screen and (max-width: 1600px) and (min-width: 1281px) {
	#map_base{
		/*height:1056px;*/
		width:98%;
		margin:0px;	}
}
@media screen and (min-width: 1601px) {
	#map_base{
		/*height:1322px;*/
		width:98%;
		float:left;
	}
}
.unselectable {
	-moz-user-select:none;
	-webkit-user-select:none;
}
.tip{
	display:none;
	padding:5px;
	border:1px solid #d16117;
	color:#ffffff;
	font-weight: bold;
	z-index:1000;
	float:left;
	position:absolute;
	background: #d16117;
	word-break:keep-all;
    white-space:nowrap;
    opacity:0;
}