*{
		font-family:arial;
		font-size:1em;
	}
	html, body{
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background-color:#ccc;
	}
	#map_canvas{
	 width:100%;
	 height:100%;
	}

	#pan{
	 position:absolute;
	 right:10px;
	 top:10px;
	 bottom:23px;
	 background-color:#ffffff;
	 width:300px;
	 background: rgba(255, 255, 255, 0.5);
	 border-radius:7px;
	 overflow:hidden;
	}

	#pos{
		height:38px;

		font-size:0.8em;
		background: rgba(0,0,0, 0.6);
		color:#fff;
		background-image:url('Center2.png');
		background-size:32px 32px;
		background-repeat:no-repeat;
		background-position:0 5px;
		padding-left:34px;
		padding-top:6px;

		border-top-left-radius:7px;
		border-top-right-radius:7px;

	}

	@media (max-width: 650px) {
		#pan{
	 		background: rgba(255, 255, 255, 1);
			height:44px;

		}	

	}

	.showPan{
		height:auto !important;
	}

	#leg{
		height:38px;
		background: rgba(255, 255, 255, 0.7);
	}
	#obj{
		overflow:auto;
		position:absolute;
		top:76px;
		bottom:0;
		left:0;
		right:0;
	}

	ul{
		list-style:none;
		margin:0;
		padding:0;
	}

	ul li{
		margin-top:5px;
		padding:5px;
		font-weight:bold;
		color:#00E64D;
		text-shadow: 1px 1px 0px #000;
		background: rgba(180, 230, 180, 0.5);
		position:relative;

	}

	ul li span{
		display:block;
		font-size:0.8em;
		font-weight:normal;
		color:#000;
		text-shadow: 1px 1px 0px #fff;
	}

	.over100m{
		color:#FF7E73;
		background: rgba(250, 200, 200, 0.5);
	}

	.over200m{
		color:#555;
		font-weight:normal;
		text-shadow: 1px 1px 0px #fff;
		background: rgba(230, 230, 230, 0.5);
	}

	.active{
		background: rgba(255, 255, 255, 0.8);
	}

	.objType{
		float:right;
		padding-top:3px;
	}

	.objAt{
		position:absolute;
		height:32px;
		top:0px;
		right:60px;
		padding-top:7px;
		
	}
	.objDis{
		
	}
	.objRouteDis{
		position:absolute;
		height:32px;
		top:0px;
		right:130px;
		padding-top:7px;
	}