boniu/admin/css/basic.css

/*************basic*************/
*{
	margin:0;
	padding:0;
}
body{
	font-size:14px;
	font-family: Microsoft Yahei, "微软雅黑", Arial;
	color:#333;
}
a {
	text-decoration:none;
}
img {
	border:0;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.center {
	text-align:center;
}
.clear {
	clear:both;
}
h1 {
	font-size:16px;
}
h2 {
	font-size:14px;
}
ul{
	list-style-type:none;
}
input,select{
	vertical-align:middle;
}
/*************layout  -- header*************/
#header{
	background:url("../images/bg_header.jpg") repeat-x top;
	background-color:#fefefd;
}
#header .top{
	height:81px;
	margin:0 auto;
	position:relative;
}
#header .top .logo{
	position:absolute;
	top:18px;
	left:20px;
	font-size:30px;
}
#header .top .logo a{
	color:#333;
}
#header .top .logo img{
	height:40px;
}
#header .top .topinfo{
	height:29px;
	line-height:29px;
	position:absolute;
	top:52px;
	right:0;
	padding-right:5px;
	color:#6e6e6e;
	font-size:14px;
}
#header .top .topinfo a{
	color:#aa0000;
}
#header .top .topinfo a:hover{
	text-decoration:underline;
}
#header .top .topinfo2{
	height:29px;
	line-height:29px;
	position:absolute;
	top:12px;
	right:0;
	padding-right:5px;
	color:#6e6e6e;
	font-size:14px;
}
#header .top .topinfo2 a{
	color:#aa0000;
}
#header .top .topinfo2 a:hover{
	text-decoration:underline;
}
#header #topmenu{
	height:60px;
	margin:0 auto;
	position:relative;
}
#topmenu ul{
	padding-left:10px;
	height:40px;
	line-height:40px;
	position:absolute;
	top:18px;
}
#topmenu li{
	float:left;
	font-weight:bold;
	font-size:14px;
}
#topmenu li a{
	display:block;
	padding:0 25px;
	color:#f4f4f4;
}
#topmenu li a.last{
	padding:0 5px;
}
#topmenu li a.active{
	background-color:#fefefd;
	border-top:2px solid #9bccee;
	color:#052848;
}


/*************layout -- footer*************/
#footer {
	position:fixed;
	_position:absolute;
	z-index:1000;
	top:100%;
	width:100%;
	margin-top:-36px;
	height:36px;
	background-color:#9bccee;
	color:#666;
	line-height:36px;
	text-align:center;
}
#footer a{
	color:#666;
}
#footer a:hover{
	text-decoration:underline;
}
#footer .copyright{
	float:left;
	width:300px;
	text-align:left;
	padding-left:20px;
}
#footer .info{
	float:right;
	width:300px;
	text-align:right;
	padding-right:20px;
}

/********layout -- 核心区域**********/
#container {
	margin:20px auto;
	background-color:#fefefd;
}
#maincontent {/**带左侧菜单**/
	width:80%;
	float:left;
	margin-left:20px;
	padding-bottom:50px;
}
#allcontent {/**不带左侧菜单**/
	width:98%;
	margin:0 auto;
	padding-bottom:50px;
}

#container .infotitle{
	font-weight:bold;
	text-align:center;
	font-size:26px;
	margin:20px 0;
}

/********layout -- 左侧子菜单**********/
#leftmenu{
	width:18%;
	float:left;
	background-color:#0c72b8;
	padding:4px 0 36px 0;
	color:#fff;
	margin-bottom:10px;
}
#leftmenu a{
	display:block;
	color:#fff;
}
#leftmenu .menu1{
	height:40px;
	line-height:40px;
	font-size:14px;
	font-weight:bold;
}
#leftmenu .menu1 a{
	padding-left:34px;
	background:url("../images/submenu/dot1.png") no-repeat 16px 15px;
}
#leftmenu .menu1 a.active{
	background-color:#fefefd;
	color:#16568b;
}
#leftmenu .menu2{
	height:40px;
	line-height:40px;
	font-size:14px;
}
#leftmenu .menu2 a{
	padding-left:34px;
}
#leftmenu .menu2 a.close{
	background:url("../images/submenu/dot21.jpg") no-repeat 16px 14px;
}
#leftmenu .menu2 a.open{
	background:url("../images/submenu/dot22.jpg") no-repeat 16px 14px;
}
#leftmenu .menu2 a.openactive{
	color:#16568b;
	background:#fefefd url("../images/submenu/dot23.jpg") no-repeat 16px 14px;
}
#leftmenu .menu2 a.active{
	color:#16568b;
	background:#ffffff;
}
#leftmenu .menu3{
	height:40px;
	line-height:40px;
	font-size:14px;
}
#leftmenu .menu3 a{
	padding-left:54px;
	background:url("../images/submenu/dot3.png") no-repeat 40px 15px;
}
#leftmenu .menu3 a.active{
	background-color:#fefefd;
	color:#16568b;
}
#leftmenu .menuline{
	height:2px;
	background:url("../images/submenu/line.jpg") repeat-x;
}


/**************Layout -- TAB****************/
.zm_tab{
	height:28px;
	border-bottom:6px solid #b8dbf2;
	position:relative;
}
.zm_tab .ul-tab{
	float:left;
}
.zm_tab li{
	float:left;
	width:100px;
	height:27px;
	text-align:center;
	line-height:27px;
	background-color:#fff;
	border:1px solid #B8DBF2;
	margin-bottom:6px;
	margin-left:16px;
}
.zm_tab li.first{
	margin-right:0;
}
.zm_tab li a{
	font-weight:bold;
	display:block;
	color:#17568B;
}
.zm_tab li.active{
	background-color:#B8DBF2;
	
}
.zm_tab .handle{
	position:absolute;
	top: 0;
	right: 0;
	z-index:999;
}