* {
	font-family: monospace;
}
::-webkit-input-placeholder {
	color: rgba(154,154,154,1);
}
::-ms-input-placeholder {
	color: rgba(154,154,154,1);
}
::placeholder {
	color: rgba(154,154,154,1);
}
/* width */
::-webkit-scrollbar {
	width: 0px;
	background: #F5F5F5; 
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1; 
	border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555;
}
body {
	padding: 0;
	margin: 0;
}
html, body {
	height: 100%;
   	width: 100%;
}
.sidebar-map {
	height: 100%;
}
.nav-hr {
	margin: 0;
}
.nav-container-fixed {
	overflow-y: auto;
	z-index: 9999;
	height: fit-content;
	position: absolute;
	width: min-content;
}
.nav-container {
	/** firefox */
	scrollbar-color: #F5F5F5 #F5F5F5;
	scrollbar-width: thin;
	overflow-y: hidden;
	overflow-x: hidden;
	z-index: 9999;
	position: absolute;
	width: 290px;
	min-width: 290px;
	/* max-width: 330px; */
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
	/** ie 10 11 edge */
	display: flex;
	background-color: white;
	height: 100%;
}


	.nav-container:hover::-webkit-scrollbar {
		width: 5px;
		background: #F5F5F5;
	}
.nav-items {
	width: 100%;
	background-color: white;
}
	.nav-items:hover::-webkit-scrollbar {
		width: 5px;
		background: #F5F5F5;
	}
	.nav-item-header {
		//height: 10vh;
		height: 43px;
		//min-height: 80px;
		//max-height: 1500px;
		//min-height: 20vh;
		display: inline-table;
		background-color: rgb(104, 108, 255);
		width: 100%;
	}
		.nav-item-header-left {
			display: table-cell;
			vertical-align: middle;
			padding: 5px 0px 5px 10px;
			cursor: pointer;
		}
			.nav-item-header-left-icon {
				width: 175px;
			}
		.nav-item-header-right {
			width: 32px;
			display: table-cell;
			vertical-align: middle;
		}
			.nav-item-header-right-left {
				display: table-cell;
				padding: 5px;
				cursor: pointer;
			}
				.nav-item-header-right-left-icon {
					width: 15.36px;
				}
			.nav-item-header-right-right {
				display: table-cell;
				vertical-align: middle;
			}
				.nav-item-header-right-right-text {
					font-size: 100%;
				}
	.nav-item-main-menu {
		//
		height: 35vh;
		//
		min-height: 35%;
		/* height: fit-content; */
		width: 100%;
	}
		.nav-item-main-menu-item-row {
			width: 100%;
			cursor: pointer;
		}
		.nav-item-main-menu-item-row:hover {
			background-color: lightgray;
		}
		.nav-item-main-menu-item-first {
			margin-top: 5px;
		}
		.nav-item-main-menu-item-last {
			margin-bottom: 5px;
		}
		.nav-item-main-menu-item {
		    /* width: 100%; */
			/** ie */
		    display: -ms-inline-grid;
		    display: table;
		    padding: 5px 16px 5px 16px;
		    /* -webkit-box-shadow: 0px 6px 13px 2px rgba(0,0,0,0.67); */
		    /* box-shadow: 2px 5px 12px 1px rgba(0,0,0,0.3); */
		    /* border-radius: 10px; */
		    /* margin: 5px; */
		    /* vertical-align: middle; */
		}
			.nav-item-main-menu-top {
				/** ie */
				text-align: center;
				display: table-row;
				/* margin: auto; */
				display: table-cell;
			}
				.nav-item-main-menu-top-icon {
					width: 23.68px;
					vertical-align: middle;
				}
				.nav-item-main-menu-top-icon-bus {
					width: 47px;
					height: 39px;
				}
				.nav-item-main-menu-top-icon-travel-plan {
					width: 30px;
					height: 41px;
				}
				.nav-item-main-menu-top-icon-traffic-info {
					width: 46px;
					height: 42px;
				}
				.nav-item-main-menu-top-icon-city-plan {
					width: 42px;
					height: 34px;
				}
				.nav-item-main-menu-top-icon-relate-website {
					width: 47px;
					height: 40px;
				}
				.nav-item-main-menu-top-icon-neihu {
					width: 42px;
					height: 39px;
				}
			.nav-item-main-menu-bottom {
				/* display: table-cell; */
				display: table-cell;
				vertical-align: middle;
			}
		.nav-item-main-menu-bottom-text {
		font-size: 1rem;
		font-weight: bold;
		margin-left: 20px;
		}
	.nav-item-other-menu {
		height: initial;
	}
		.nav-item-other-menu-link {
			display: block;
			padding: 10px 10px 10px 10px;
			cursor: pointer;
		}
		.nav-item-other-menu-link:hover {
			background-color: lightgray;
		}
		.nav-item-other-menu-link > a {
			text-decoration: none;
			color: rgba(104,108,255,1);
			font-size: 11.52px;
		}
	.nav-item-footer {
		height: initial;
		font-size: 11.52px;
		padding: 10px 10px 10px 10px;
		background-color: rgb(104, 108, 255);
		color: rgba(179,181,255,1);
	}
		.nav-item-footer > div {
			//margin: 2% 7% 2% 5%;
		}
		.nav-item-footer-link {
		color: rgba(179,181,255,1);
		}
	.nav-item-sub-header {
		//height: 35vh;
		//min-height: 35%;
		height: 32.64px;
		display: table;
		background-color: #F0EFFF;
		margin-bottom: 10px;
	}
		.nav-item-sub-header-left {
			display: table-cell;
			vertical-align: middle;
			padding-left: 16.64px;
			padding-right: 16.64px;
			z-index: 1;
			position: relative;
		}
			.nav-item-sub-header-left-icon {
				width: 5px;
				display: none;
			}
		.nav-item-sub-header-right {
			display: table-cell;
			vertical-align: middle;
			width: 100%;
			text-align: center;
			left: -15px;
			position: relative;
		}
			.nav-item-sub-header-right-text {
				font-size: 1rem;
				font-weight: bold;
				color: rgba(0,0,0,1);
			}
		.menu {
			    width: 100%;
    height: calc(100vh - 44px);
    overflow-y: auto;
    overflow-x: hidden;
		}





/*
     FILE ARCHIVED ON 17:23:23 八月 24, 2017 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 8:30:02 五月 24, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/