/*======================preview==================*/
.map-preview{background-color: #ADA9A7;padding-top:10px;padding-bottom:10px;}
.map-preview h1{
	margin-top: 10px;
	margin-bottom: 14px;
	border: 1px solid #E2E2E2;
	padding: 6px 15px 8px 15px;
	margin: 0 0 20px;
	list-style: none;
	background-color: #F4F4F4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}


/*============================================================*/
@media(min-width:980px) and (max-width:1199px){
	.carousel-inner .title{left:110px}
	#left-content{width:612px;}
	#sidebar{width: 310px;}
	.side-title h3 {line-height: 16px;}
	.review{font-size: 16px;  padding: 5px 0 6px 22px;}
	.review:before {font-size: 60px; left: -12px;}
	hr{margin: 10px 0;}
	.thumb-xs {width: 41px;}
	.thumb-sm {width: 135px;}
}
@media (max-width: 979px) and (min-width: 768px){
	.carousel-inner .title{left:2px}
	#left-content {display: block; width: 100%;}
	#sidebar {display: block; width: 100%; margin-left: 0; padding-top: 20px; float: none;}
	hr{margin: 10px 0;}
	.thumb-xs {width: 40px;}
	.thumb-sm {width: 133px;}
}
@media (max-width: 767px){
	.carousel-inner .title{left:0}
	section,.map-preview,.description,.faq,footer,.tail{
		margin-right:-20px;margin-left:-20px;padding:0 20px}
	.map-preview{padding-top: 10px;}
	#left-content {display: block; width: 100%;}
	#sidebar {display: block; width: 100%; margin-left: 0; padding-top: 20px; float: none;}
	hr{margin: 10px 0;}
	.thumb-xs {width: 40px;}
	.thumb-sm {width: 133px;}
	.dl-horizontal dt {float: left;}
	.featured .span4{width:47%;height:300px;float:left;margin-left:10px}
}
/*===========================map-style===========================*/
/*============================================================*/
#mapwrapper {max-width: 1920px;margin: 0 auto;padding: 0 0;background-color: transparent;min-width: 220px;}
#map_base svg{max-height: 100%;width: 100%;margin: 0;}
@media screen and (max-width: 320px){#map_base svg {height:250px;}}
@media screen and (max-width: 400px) and (min-width: 321px) {#map_base svg {height:330px;}}
@media screen and (max-width: 480px) and (min-width: 401px) {#map_base svg {height:400px;}}
@media screen and (max-width: 568px) and (min-width: 481px) {#map_base svg {height:460px;}}
@media screen and (max-width: 685px) and (min-width: 569px) {#map_base svg {height:550px;}}
@media screen and (min-width: 686px) {#map_base svg {height:600px;}}
#text-abb text {font-family: Arial, Helvetica, sans-serif;-moz-user-select: none;-webkit-user-select: none;user-select: none;}
#map-tip {text-align: left;font: 14px/16px Trebuchet MS, Helvetica, Arial, sans-serif;display: none;padding: 3px;border: 1px solid #EBECED;color: #edeef0;z-index: 1000;float: left;position: absolute;background: rgb(73, 73, 73);background: -moz-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(101, 101, 101, 1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(73, 73, 73, 1)), color-stop(100%, rgba(101, 101, 101, 1)));background: -webkit-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(101, 101, 101, 1) 100%);background: -o-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(101, 101, 101, 1) 100%);background: -ms-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(101, 101, 101, 1) 100%);background: linear-gradient(to bottom, rgba(73, 73, 73, 1) 0%, rgba(101, 101, 101, 1) 100%);word-break: keep-all;white-space: nowrap;}
#map-tip p {margin: 0!important;}
#map-tip img {float: left;padding: 3px;}