www.gusucode.com > 美图秀秀网站导航菜单源码程序 > 美图秀秀网站导航菜单/beupicsitenav/css/common2.css

    html,body,div,span,object,h1,ul,li,p {
	margin:0;
	padding:0;
	vertical-align:baseline;
	background:transparent;
}
img {
	border:none;
	display:block;
}
body {
	font:normal 12px/1.5 'helvetica neue','hiragino sans gb',arial,tahoma,'Microsoft Yahei',sans-serif;
	background:url(../images/bg.png) repeat-x;
}
a {
	text-decoration:none;
}
.hidefont {
	font-size:0;
	text-indent:-9999em;
}
.clearfix {
	clear:both;
	*zoom:1;
}
.clearfix:after {
	content:"";
	display:block;
	height:0;
	clear:both;
}
.page {
	min-width:1000px;
}
ul,li {
	list-style:none;
}
#MT_nav div,#MT_nav ul,#MT_nav li,#MT_nav {
	padding:0;
	margin:0;
}
#MT_nav {
	height:0;
	line-height:0;
	width:1000px;
	margin:0 auto;
	font-size:0;
	position:relative;
	z-index:99;
	font-family:"Microsoft Yahei","Hiragino Sans GB",Arial,Helvetica;
}
#MT_nav ul {
	list-style:none;
	width:1000px;
	height:57px;
	top:22px;
	position:absolute;
	z-index:99;
}
#MT_nav .MT-bg,#MT_nav .MT-item,#MT_nav .MT-arrow,#MT_nav ul .MT-item a .MT-more,#MT_nav .MT-logo {
	background:url(../images/MT_nav_logo_20131104.png) no-repeat;
}
#MT_nav .MT-logo {
	background-position:0 -70px;
	position:absolute;
	width:134px;
	height:24px;
	top:12px;
	left:50%;
	margin-left:-67px;
}
#MT_nav ul .MT-item {
	width:200px;
	height:57px;
	float:left;
	background-position:-5px 0;
	position:relative;
	z-index:99;
}
#MT_nav ul .MT-item:hover div {
	display:block;
}
#MT_nav ul .MT-first {
	background-position:0 0;
}
#MT_nav ul .MT-last {
	background-position:-43px 0;
}
#MT_nav ul .MT-bg {
	background-position:-245px 0;
}
#MT_nav ul .MT-item a {
	color:#646464;
	display:block;
	font-size:14px;
	height:47px;
	line-height:47px;
	_line-height:50px;
	text-align:center;
	text-decoration:none;
}
#MT_nav ul .MT-item a:hover {
	color:#ff5d71;
}
#MT_nav ul .MT-current .MT-bg {
	font-weight:bold;
	font-size:16px;
	color:#ff5069;
}
#MT_nav ul .MT-item a .MT-more {
	-webkit-text-size-adjust:none;
	font-size:0;
	height:0;
	width:0;
	padding:2px 4px;
	background-position:-24px -65px;
	position:relative;
	top:-4px;
	left:6px;
	z-index:99;
	_margin-top:22px;
	_top:0px;
	*zoom:1;
}
#MT_nav ul .MT-item div {
	display:none;
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:5px;
	position:absolute;
	top:42px;
	left:50%;
	margin-left:-49%;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,.02),0 2px 5px rgba(0,0,0,.1);
	-moz-box-shadow:0 0 4px rgba(0,0,0,.02),0 2px 5px rgba(0,0,0,.1);
	box-shadow:0 0 4px rgba(0,0,0,.02),0 2px 5px rgba(0,0,0,.1);
	width:98%;
}
#MT_nav .MT-arrow {
	display:block;
	font-size:0;
	height:7px;
	position:absolute;
	top:-7px;
	width:14px;
	margin-left:-7px;
	left:50%;
	background-position:0 -63px;
}
#MT_nav ul .MT-list div {
	display:block;
}
#MT_nav ul .MT-item .MT-list-last {
	border:none;
}
#MT_nav ul .MT-item div a {
	width:86%;
	margin:0 auto;
	border-bottom:1px solid #ccc;
	height:40px;
	line-height:40px;
	font-size:14px;
	*zoom:1;
}