/* reset */
form {display:block; margin:0; padding:0;} 
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements structure element */
dl, dt, dd, ul, ol, li, /* list elements list element */
pre, /* text formatting elements text format element */
fieldset, lengend, button, input, textarea, /* form elements  */
th, td { /* table elements  */    margin: 0;    padding: 0;} 
table th,table td {padding:1px} /*  */
body,button, input, select, textarea { /* for ie */    /*font: 12px/1 Tahoma, Helvetica, Arial, sans-serif;*/    font: 14px/22px Trebuchet MS, Helvetica, Arial, sans-serif; /*  */}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /*  */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /*  */
small { font-size: 12px; } /* *//*  */
ul, ol { list-style: none; }/*  */
a { text-decoration: none;}
a:hover { text-decoration: underline; }
abbr[title], acronym[title] { /* ：1.ie6  abbr; 2.，ie6  */	border-bottom: 1px dotted;	cursor: help;}q:before, q:after { content: ''; }/*  */legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img  *//* ：optgroup */
button, input, select, textarea {    font-size: 100%; /*  */}/*  */
table {	border-collapse: collapse;	border-spacing: 0;}/*  hr */
hr {    border: none;    height: 1px;} 
.clear{ clear:both;}	
a:hover{text-decoration: none;}
#mapwrapper {
	max-width:1920px;
	margin:0 auto;
	padding:0px 0;
	background-color:#ffffff;
	/*background-color:transparent;*/
	min-width:220px; }
    
    
.flt-l{ float: left;}
#tip{ width: auto; height: auto; margin: 0px auto;}
.aro{ position: relative; top: 5px;}
.contanir{ width: 408px; height:auto; margin: 0px auto; background-color: #000000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 12px;}
.txt1{ font-family: roboto_condensedlight; font-size: 16px; color: #fff; margin-bottom: 2px; margin-left: 10px;}
.b2{ margin: 0px auto;}
.cont-1{ font-family: roboto_condensedlight; font-size: 15px; color: #fff;  padding: 10px 52px 10px 10px; -webkit-border-radius: 10px; background-color: #4a4949; -moz-border-radius: 10px; border-radius: 10px; min-height: 150px;}
.cont-2{ font-family: roboto_condensedlight; font-size: 15px; color: #fff;  padding: 10px 52px 10px 10px; -webkit-border-radius: 10px; background-color: #4a4949; -moz-border-radius: 10px; border-radius: 10px; margin-left: 12px; min-height: 150px;}
.t1{ font-family: roboto_condensedlight; font-size: 15px; color: #fff; line-height: 19px;}
.clr{ clear: both;  height:0px; line-height: 0px; font-size: 0px;}
.pdb{ padding-bottom: 10px;}    

@media screen and (max-width: 240px){
	svg {
		height:150px;
		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:150px;
		padding:2%;	}
}
@media screen and (max-width: 320px) and (min-width: 241px){
	svg {
		height:204px;
		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:155px;
		padding:2%;	
    }
}
@media screen and (max-width: 400px) and (min-width: 321px){
	svg {
		height:266px;
		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:310px;
		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:165px;
		padding:2%;	}
}
@media screen and (max-width: 568px) and (min-width: 481px){
	svg {
		height:370px;
		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:170px;
		padding:2%;	}
}
@media screen and (max-width: 685px) and (min-width: 569px){
	svg {
		height: 290px;
		float:left;
		width:64%; }
	#msg_box {
		float:left;
		position: relative;
		width:36%; }
	#msg_title {
		width:80%;
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		width:90%;
		height:242px;
		padding:2%;	}
}
@media screen and (max-width: 768px) and (min-width: 686px){
	svg {
		float:left;
		 }
	#msg_box {
		float:left;
		position: relative;
		width:36%; }
	#msg_title {
		width:80%;
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		width:90%;
		height:290px;
		padding:2%;	}
}
@media screen and (max-width: 1024px) and (min-width: 769px){
	svg {
		float:left;
		 }
	#msg_box {
		float:left;
		position: relative;
		width:36%; }
	#msg_title {
		width:80%;
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		width:90%;
		height:320px;
		padding:2%;	}
}
@media screen and (max-width: 1280px) and (min-width: 1025px){
	svg {
		height: 504px; margin-left: -15px; margin-top: -25px;}
	#msg_box {
		float:left;
		position: relative;
		width:36%; }
	#msg_title {
		width:80%;
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		width:90%;
		height:430px;
		padding:2%;	}
}
@media screen and (max-width: 1600px) and (min-width: 1281px){
	svg {
		/*height: 675px;
		float:left;
		width:64%; */
       /* width: 69%;*/
    }
	#msg_box {
		float:left;
		position: relative;
		width:36%; }
	#msg_title {
		width:80%;
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		width:90%;
		height:538px;
		padding:2%;	}
}
@media screen and (min-width: 1601px){
	svg {
		height: 846px;
		float:left;
		width:64%; }
	#msg_box {
		float:left;
		position: relative;
		width:36%; }
	#msg_title {
		width:80%;
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		width:90%;
		height:657px;
		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: rgb(73,73,73); /* Old browsers *
	background: -moz-linear-gradient(top,  rgba(73,73,73,1) 0%, rgba(101,101,101,1) 100%); /* FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,73,73,1)), color-stop(100%,rgba(101,101,101,1))); /* Chrome,Safari4+ *
	background: -webkit-linear-gradient(top,  rgba(73,73,73,1) 0%,rgba(101,101,101,1) 100%); /* Chrome10+,Safari5.1+ *
	background: -o-linear-gradient(top,  rgba(73,73,73,1) 0%,rgba(101,101,101,1) 100%); /* Opera 11.10+ *
	background: -ms-linear-gradient(top,  rgba(73,73,73,1) 0%,rgba(101,101,101,1) 100%); /* IE10+ *
	background: linear-gradient(to bottom,  rgba(73,73,73,1) 0%,rgba(101,101,101,1) 100%); /* W3C *
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#656565',GradientType=0 ); /* IE6-9 */
    background:none;
    border:none;
    box-shadow:none !important;
    font-size:0px;  
	word-break:keep-all;
	white-space:nowrap;
} 
#msg_title {
	border:1px solid #999;
	font-weight:bold;
    -moz-border-radius: 8px;      
    -webkit-border-radius: 8px;   
    border-radius:8px;            
	box-shadow:1px 2px 4px #999;
	-moz-box-shadow:1px 2px 4px #999;
	-webkit-box-shadow:1px 2px 4px #999;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:21px;
	text-align: center;
	padding:10px;
	line-height: 25px;
	color:#333;
	/*gradient color*/
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
#msg_data{
	line-height: 26px;
	background:#e5e5e5;
	border:1px solid #999; 
    -moz-border-radius: 6px;      
    -webkit-border-radius: 6px;  
    border-radius:6px; 
	box-shadow:1px 2px 8px #999;
	-moz-box-shadow:1px 2px 8px #999;
	-webkit-box-shadow:1px 2px 8px #999;
	overflow: auto;
	word-wrap:break-word;
	font-size:18px;
	text-align: left;	
	color:#333;
	/*gradient color*/
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}