@charset "utf-8";
/* CSS Document */
html, body, ul, li, h1, h2, h3, h4, h5, h6, fieldset, legend {padding:0; margin:0;}
body {font:12px/normal Verdana, Arial, Helvetica, sans-serif;}
ul,li {list-style-type:none; text-transform:capitalize;}
.clear {clear:both; *display:inline;/*IE only*/}

/*menu*/
#nav {margin:0 auto; width:960px;height:39px; display:block;margin-top:8px;	padding-left:4px;background-image: url(../images/menu.jpg);
background-repeat: no-repeat;
	background-position: left top;;}
#nav .jquery_out {float:left;line-height:30px;display:block; border-right:1px solid #fff; text-align:center; color:#fff;font:18px/32px "微软雅黑"; url(../images/slide-panel_03.png) 0 0 repeat-x;}
#nav .jquery_out .smile {padding-left:1em; }
#nav .jquery_inner {margin-left:16px;}
#nav .jquery {margin-right:1px;padding:0 2em;}
#nav .mainlevel { float:left; text-indent:-9999em; height:39px;  width:96px;/*IE6 only*/}
#nav .mainlevel a {color:#000; text-decoration:none; line-height:30px; display:block; height:39px; width:96px; text-indent:-9999em;}
#nav .mainlevel a:hover {color:#fff; text-decoration:none; background: url(../images/menu_on.jpg) no-repeat 1px 4px;}







.log {text-align:center; color:skyblue; line-height:24px; text-transform:capitalize; margin:50px auto;}


#nav #mainlevel_01,#nav #mainlevel_01 a{
	width:86px;
}
#nav #mainlevel_01 a:hover,
#nav #mainlevel_01 a.mouceon{
	background: url(../images/menu_on.jpg) no-repeat -4px 0px;
}

#nav #mainlevel_02 a:hover,
#nav #mainlevel_02 a.mouceon{
	background: url(../images/menu_on.jpg) no-repeat -90px 0px;
}

#nav #mainlevel_03 a:hover,
#nav #mainlevel_03 a.mouceon{
	background: url(../images/menu_on.jpg) no-repeat -186px 0px;

}
#nav #mainlevel_04 a:hover,
#nav #mainlevel_04 a.mouceon{
	background: url(../images/menu_on.jpg) no-repeat -282px 0px;
}
#nav #mainlevel_05 a:hover,
#nav #mainlevel_05 a.mouceon{
	background: url(../images/menu_on.jpg) no-repeat -378px 0px;
}
#nav #mainlevel_06 a:hover,
#nav #mainlevel_06 a.mouceon{
	background: url(../images/menu_on.jpg) no-repeat -474px 0px;

}
#nav #mainlevel_07 a:hover,
#nav #mainlevel_07 a.mouceon{
	background: url(../images/menu_on.jpg) no-repeat -570px 0px;
}
#nav #mainlevel_08 a:hover,
#nav #mainlevel_08 a.mouceon{
	background: url(../images/menu_on.jpg) no-repeat -666px 0px;
}

#nav #mainlevel_09 a:hover,
#nav #mainlevel_09 a.mouceon{
	background: url(../images/menu_on.jpg) no-repeat -762px 0px;
}

#nav #mainlevel_10 a:hover,
#nav #mainlevel_10 a.mouceon{
	background: url(../images/menu_on.jpg) no-repeat -858px 0px;
}


#nav .mainlevel ul {display:none; position:absolute;text-indent:0em;}
#nav .mainlevel li {border-top:1px solid #f9eddd; background:#d1b694;text-indent:0em; color:#333; width:96px;/*IE6 only*/}
#nav .mainlevel li a { color:#f9f6f2;text-indent:0em; text-align:center; height:30px;}
#nav .mainlevel ul#sub_02 li a:hover {background:none; background-color:#d8c8b4;color:#675835;}
#nav .mainlevel ul#sub_03 li a:hover {background:none; background-color:#d8c8b4;color:#675835;}
#nav .mainlevel ul#sub_04 li a:hover {background:none; background-color:#d8c8b4;color:#675835;}
#nav .mainlevel ul#sub_05 li a:hover {background:none; background-color:#d8c8b4;color:#675835;}
#nav .mainlevel ul#sub_06 li a:hover {background:none; background-color:#d8c8b4;color:#675835;}
#nav .mainlevel ul#sub_07 li a:hover {background:none; background-color:#d8c8b4;color:#675835;}
#nav .mainlevel ul#sub_08 li a:hover {background:none; background-color:#d8c8b4;color:#675835;}
#nav .mainlevel ul#sub_09 li a:hover {background:none; background-color:#d8c8b4;color:#675835;}
#nav .mainlevel ul#sub_10 li a:hover {background:none; background-color:#d8c8b4;color:#675835;}