/* reset */
#mapwrapper {
	max-width:800px;
	margin:0 auto;
	padding:0px 0;
	background-color:#ffffff;
	min-width:220px;
}
@media screen and (max-width: 240px) {
 svg {
 height:200px;
 width:98%;
 margin:0px;
}
 #msg_box {
 position: relative;
 width:98%;
 margin:0px;
}
 #msg_title {
 margin:0 auto;
 min-height:25px;
}
 #msg_data {
 margin:15px auto 5px;
 height:160px;
 padding:2%;
}
}
@media screen and (max-width: 320px) and (min-width: 241px) {
 svg {
 height:364px;
 width:98%;
 margin:0px;
}
 #msg_box {
 position: relative;
 width:98%;
 margin:0px;
}
 #msg_title {
 margin:0 auto;
 min-height:25px;
}
 #msg_data {
 margin:15px auto 5px;
 height:160px;
 padding:2%;
}
}
@media screen and (max-width: 400px) and (min-width: 321px) {
 svg {
 height:456px;
 width:98%;
 margin:0px;
}
 #msg_box {
 position: relative;
 width:98%;
 margin:0px;
}
 #msg_title {
 margin:0 auto;
 min-height:25px;
}
 #msg_data {
 margin:15px auto 5px;
 height:160px;
 padding:2%;
}
}
@media screen and (max-width: 480px) and (min-width: 401px) {
 svg {
 height:550px;
 width:98%;
 margin:0px;
}
 #msg_box {
 position: relative;
 width:98%;
 margin:0px;
}
 #msg_title {
 margin:0 auto;
 min-height:25px;
}
 #msg_data {
 margin:15px auto 5px;
 height:160px;
 padding:2%;
}
}
@media screen and (max-width: 568px) and (min-width: 481px) {
 svg {
 height: 326px;
 float:left;
 width:50%;
}
 #msg_box {
 float:left;
 position: relative;
 width:50%;
}
 #msg_title {
 width:80%;
 margin:0 auto;
 min-height:25px;
}
 #msg_data {
 margin:15px auto 5px;
 width:90%;
 height:278px;
 padding:2%;
}
}
@media screen and (max-width: 685px) and (min-width: 569px) {
 svg {
 height: 435px;
 float:left;
 width:55%;
}
 #msg_box {
 float:left;
 position: relative;
 width:45%;
}
 #msg_title {
 width:80%;
 margin:0 auto;
 min-height:25px;
}
 #msg_data {
 margin:15px auto 5px;
 width:90%;
 height:326px;
 padding:2%;
}
}
@media screen and (max-width: 768px) and (min-width: 686px) {
 svg {
 height: 530px;
 float:left;
 width:60%;
}
 #msg_box {
 float:left;
 position: relative;
 width:40%;
}
 #msg_title {
 width:80%;
 margin:0 auto;
 min-height:25px;
}
 #msg_data {
 margin:15px auto 5px;
 width:90%;
 height:435px;
 padding:2%;
}
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
 svg {
 height: 767px;
 float:left;
 width:65%;
}
 #msg_box {
 float:left;
 position: relative;
 width:35%;
}
 #msg_title {
 width:80%;
 margin:0 auto;
 min-height:25px;
}
 #msg_data {
 margin:15px auto 5px;
 width:90%;
 height:530px;
 padding:2%;
}
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
 svg {
 height: 600px;
 float:left;
 width:65%;
}
 #msg_box {
 float:left;
 position: relative;
 width:35%;
}
 #msg_title {
 width:80%;
 margin:0 auto;
 min-height:25px;
}
 #msg_data {
 margin:15px auto 5px;
 width:90%;
 height:600px;
 padding:2%;
}
}
@media screen and (max-width: 1600px) and (min-width: 1281px) {
 svg {
 height: 600px;
 float:left;
 width:65%;
}
 #msg_box {
 float:left;
 position: relative;
 width:35%;
}
 #msg_title {
 width:80%;
 margin:0 auto;
 min-height:25px;
}
 #msg_data {
 margin:15px auto 5px;
 width:90%;
 height:600px;
 padding:2%;
}
}
@media screen and (min-width: 1601px) {
 svg {
 height: 600px;
 float:left;
 width:65%;
}
 #msg_box {
 float:left;
 position: absolute;
 right: 130px;
 width:35%;
}
 #msg_title {
 width:80%;
 margin:0 auto;
 min-height:20px;
}
 #msg_data {
 margin:15px auto 5px;
 width:90%;
 height:600px;
 padding:2%;
}
}
.unselectable {
	-moz-user-select:none;
	-webkit-user-select:none;
}
.tip {
	display:none;
	padding:5px;
	border:1px solid #EBECED;
	color:#edeef0;
	font-weight: bold;
	z-index:1000;
	float:left;
	position:absolute;
	/*gradient color*/
	background:#000;
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#656565'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#656565')"; /* IE8 */
	background-image: linear-gradient(to bottom, #494949 0%, #656565 100%);/* IE10 */
	background: -moz-linear-gradient(top, #494949, #656565); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#494949), to(#656565));
	word-break:keep-all;
	white-space:nowrap;
}
#msg_title {
	white-space:nowrap;
	font-size:21px;
	text-align: left;
	margin-left: 0px;
	padding:10px 0px 0px 0px;
	line-height: normal;
	color:#333;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
#msg_data {
	margin-left: 0px;
	line-height: 18px;
	overflow: auto;
	word-wrap:break-word;
	font-size:14px;
	text-align: left;
	color:#333;
}