body {
	font-family:Arial sans-serif 
}	

div#container{
	position: relative;
	width: 890px;	
	display:inline-block;
}


@media (max-width: 991px) {
	div #container, div #side_bar, div #map_content{	
		height: 500px;
		padding: 0px;
		width:100%;
	}
	div #side_bar {
		margin:0px;
		width: 220px;
		overflow-y: auto;
		left:0px;
		display:block;
	}
	div #map_content{
		width: 100%;	
	}

}
@media (min-width: 992px) {
	div #container, div #side_bar, div #map_content{	
		height: 550px;
		padding: 0px;
	}
	div #side_bar {
		position: absolute;
		margin:0px;
		width: 220px;
		overflow-y: auto;
		left:0px;
		display:block;
	}
	div #map_content{
		left: 220px;
		width: 620px;	
	}
}
div #side_bar li {
	list-style: none;
	margin:0px;
	padding-top: 2px;
	padding-left: 3px;
} 
div #side_bar ul { 
	margin:0px;
	padding-left: 19px;
	border: 0px solid white;	
	font-family:Arial;
	font-size: 16px;
	font-weight: bold;
	width: 180px;
	height: 40px;	
	color: #777777;
	cursor: pointer;
	text-decoration: none;
	background-repeat:no-repeat;
	background-position: left top;
}
div #side_bar ul li { 
	font-size:  11px; 
}
.chname{
	font-size: 16px;
}