ul, li{
	margin:0;
	padding:0;
}
li {
	list-style: none;
}
.lside{
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #F8F9FA;
	overflow: auto;
}
.lside a {
	text-decoration: none;
	color: #000;
}
.lside>ul{
	width: 100%;
	position:absolute;
	margin-bottom: 30px;
}
.lside>ul>li>a{
	display:block;
	color:black;
	font-size: 16px;
	padding:12px 5px;
	white-space: nowrap;
}
.lside>ul>li>ul{
	display:none;
	}
.lside>ul>li>ul>li>a{
	display:block;
	font-size: 14px;
	padding:10px 20px;
	white-space: nowrap;
}
.lside>ul>li>ul>li>ul{
	display:none;
}
.lside>ul>li>ul>li>ul>li>a{
	display:block;
	font-size: 12px;
	padding:10px 10px 10px 40px;
	white-space: nowrap;
}

.arrow{
	display: block;
	float: left;
	width:20px;
	height:20px;
	margin-left:10px;
	margin-right:10px;
	background:url(../image/arrow_u.png) no-repeat 3px 5px;
	background-color:black;
}
.down{
	display: block;
	float: left;
	width:20px;
	height:20px;
	margin-left:10px;
	margin-right:10px;
	background:url(../image/arrow_d.png) no-repeat 3px 6px;
	background-color:black;
}

.mark{
	display: block;
	float: left;
	font-size: 16px;
	width:20px;
	height:20px;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
	line-height: 20px;
	color:white;
	background-color: black;
}

.lside>ul>li>ul>li>ul>li>a.active {
	background-color: #9bbaf3 !important;
}
a.fir:hover {
	background-color: #D9EEF7;
}
a.thr:hover {
	background-color: #D9EEF7;
}