.nav_7{
	height:45px;
}
.nav_7 ul{
	position:fixed;
	z-index:200;
	bottom:0;
	left:0;
	width:100%
}
.nav_7 li{
	border:1px solid #b5b5b8;
	height:45px;
	border-bottom:0;
	border-right:0;
	position:relative;
	-webkit-box-shadow:inset 0 0 3px #fff;
}
.nav_7 li:nth-of-type(1){border-left;0;}
.nav_7 li>a{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	/*border:1px solid #f9f8f9;*/
	border-bottom:0;
	display:block;
	line-height:45px;
	text-align:center;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#e7e4e7), to(#bebdbe));
}
.nav_7 li>a.on + dl{
	display: block;
}
.nav_7 li>a span{
	color:#4f4d4f;
	display:inline-block;
	padding-left:20px;
	background:url(../img/nav_7_1.png) no-repeat 3px center;
	-webkit-background-size:16px 16px;
	background-size:14px 14px;
	text-shadow:0 0 1px #fff;
}
.nav_7 li>a:only-child span{
	background:none!important;
	padding-left:0;
}
/***********************/
.nav_7 dl{
	display:none;
	position:absolute;
	z-index:220;
	bottom:60px;
	left:50%;
	width:100px;
	margin-left:-50px;
	background:red;
	min-height:100px;
	background:#e4e3e2;
	border:1px solid #afaeaf;
	border-radius:5px;
	-webkit-box-shadow:inset 0 0 3px #fff;
}
.nav_7 dl:before, .nav_7 dl:after{
	content:"";
	display:inline-block;
	position:absolute;
	z-index:240;
	bottom:0;
	left:50%;
	width:0;
	height:0;
	border:8px solid red;
	border-color:#afaeaf transparent transparent transparent;
	margin-left:-8px;
	margin-bottom:-16px;
}
.nav_7 dl:after{
	z-index:241;
	border-color:#e4e3e2 transparent transparent transparent;
	margin-bottom:-15px;
}
.nav_7 dl dd{
	line-height:50px;
	text-align:center;
	background:-webkit-gradient(linear, 0 0, 100% 0, from(#e4e3e2), to(#e4e3e2), color-stop(50%, #f3f3f2)), -webkit-gradient(linear, 0 0, 100% 0, from(#e4e3e2), to(#e4e3e2), color-stop(50%, #c6c5c5));
	background-size:110% 1px, 110% 2px;
	background-repeat:no-repeat;
	background-position: center bottom;
}
.nav_7 dl dd:last-of-type{
	background:none;
}
.nav_7 dl dd a{
	display:block;
	color:#4f4d4f;
	text-shadow:0 0 1px #fff;
}