/*首页样式*/


/*************************** 中间部分 开始 *********************************/

filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

#middle_1
{
	width:100%; height:286px;
}

#login
{
	float:left; height:281px; width:281px;
}
#note
{
	background:url(images/note_bg.gif) no-repeat bottom center; height:155px; width:281px;
}
#note_title
{
	text-align:right; padding:7px 15px 0 0; height:33px;
}
#note li
{
	background:url(images/icon.gif) no-repeat left center; margin-left:10px; padding-left:15px; line-height:24px;
}
#userlogin
{
	background:url(images/login_bg.gif) no-repeat top center; height:126px; width:281px;
}
#userlogin2
{
	background:url(images/login_dd.gif) no-repeat  top center; height:156px; width:281px;
}
#userlogin_title
{
	color:#BE0201; font-weight:bold; font-size:14px; text-align:left; padding:7px 0 0 45px; height:33px;
}
.btn_login
{
	background:url(images/btn_login.gif) no-repeat center center; width:97px; height:47px; border:0px;
}
#userlogin_info
{
	width:95%; height:85px; text-align:left; margin:0px 0 0 10px; background:url(images/login_userinfo_bg.gif) no-repeat center center;
}
#userlogin_info_exit
{
	float:left; width:40%; text-align:center; margin-top:5px; margin-bottom:20px;
}
#userlogin_info_userid
{
	float:right; width:60%; margin-top:5px; color:#fff; margin-bottom:20px; font-weight:bold;
}
#userlogin_info_oper
{
	width:100%; text-align:center;
}


#projectcommend
{
	width:475px; height:281px; background:url(images/projectcommend_bg.gif) no-repeat center center; float:left;
}
#projectcommend_item
{
	width:408px; height:270px; float:left; margin-top:7px; text-align:right;
}
#projectcommend_nav
{
	width:63px; height:281px; background:url(images/projectcommend_nav.gif) no-repeat center left; float:right; text-align:left;
}
#projectcommend_nav ul
{
	width:70%; height:260px; margin-top:10px;
}
#projectcommend_nav li
{
	text-align:center; line-height:15px;	
}
.projectcommend_btn_on
{
	background:url(images/projectcommend_btn.gif) no-repeat center center; width:23px; height:23px; border:0px; font-size:14px; font-weight:bold;
}
.projectcommend_btn_off
{
	background-color:Transparent; width:23px; height:23px; border:0px; font-size:14px; font-weight:bold; color:#fff;
}

#drumbeating
{
	width:213px; height:281px; background:url(images/drumbeating_bg.gif) no-repeat center center; float:right;
}
#drumbeating table
{
	margin-top:10px;
}


#middle_2
{
	width:100%; height:286px;
}
#middle_2 table
{
	border-collapse:separate;
}
#middle_2 td
{
	 border:1px solid #D7D7D7; padding:3px; width:110px; height:112px;
}


.project_nav
{
	float:left; padding-top:7px;
}
.project_title
{
	height:25px; width:122px; padding-top:7px; text-align:center; color:#fff; font-size:14px; font-weight:bold; float:left;
}
.project_title a:link,.project_title a:visited,.project_title a:hover,.project_title a:active
{
	color:#fff;
}

#project_1_left
{
	width:481px; height:500px; background:url(images/project_bg.gif) no-repeat top center; float:left; text-align:left; margin:5px 0px;
}
#project_1_left_top
{
	width:100%; height:34px; background:url(images/project_1_left.gif) no-repeat top left; margin-left:15px; text-align:left;
}
#project_1_left_content
{
	width:100%; height:463px; border:2px solid #d10;
}


#project_1_right
{
	width:481px; height:500px; background:url(images/project_bg.gif) no-repeat top center; float:right; text-align:left; margin:5px 0px;
}

#project_1_right_top
{
	width:100%; height:34px; background:url(images/project_1_right.gif) no-repeat top left; margin-left:15px; text-align:left;
}
#project_1_right_content
{
	width:100%; height:463px; border:2px solid #b44703;
}


#project_2_left
{
	width:481px; height:500px; background:url(images/project_bg.gif) no-repeat top center; float:left; text-align:left; margin:5px 0px;
}

#project_2_left_top
{
	width:100%; height:34px; background:url(images/project_2_left.gif) no-repeat top left; margin-left:15px; text-align:left;
}
#project_2_left_content
{
	width:100%; height:463px; border:2px solid #ff4900;
}


#project_2_right
{
	width:481px; height:500px; background:url(images/project_bg.gif) no-repeat top center; float:right; text-align:left; margin:5px 0px;
}

#project_2_right_top
{
	width:100%; height:34px; background:url(images/project_2_right.gif) no-repeat top left; margin-left:15px; text-align:left;
}
#project_2_right_content
{
	width:100%; height:463px; border:2px solid #b88b0e;
}


#project_3_left
{
	width:481px; height:500px; background:url(images/project_bg.gif) no-repeat top center; float:left; text-align:left; margin:5px 0px;
}

#project_3_left_top
{
	width:100%; height:34px; background:url(images/project_3_left.gif) no-repeat top left; margin-left:15px; text-align:left;
}
#project_3_left_content
{
	width:100%; height:463px; border:2px solid #babb77;
}


#project_3_right
{
	width:481px; height:500px; background:url(images/project_bg.gif) no-repeat top center; float:right; text-align:left; margin:5px 0px;
}

#project_3_right_top
{
	width:100%; height:34px; background:url(images/project_3_right.gif) no-repeat top left; margin-left:15px; text-align:left;
}
#project_3_right_content
{
	width:100%; height:463px; border:2px solid #f79105;
}



#picshow
{
	width:100%; height:211px; background:url(images/picshow_center.gif) repeat-x top left; clear:both; margin:5px 0px;
}
#picshow_left
{
	float:left; width:32px; height:211px; text-align:left; background:url(images/picshow_left_bg.gif) no-repeat top left;
}
#picshow_left img
{
	margin-top:42px;
}
#picshow_right
{
	float:right; width:32px; height:211px; text-align:right; background:url(images/picshow_right_bg.gif) no-repeat top right;
}
#picshow_right img
{
	margin-top:42px;
}
#picshow_center
{
	float:left; width:902px; text-align:left; padding-left:2px; padding-right:2px;
}
#picshow_center img
{
	border:#D7D7D7 solid 1px; margin-top:15px; margin-left:1px; margin-right:1px;
}

#friendlink
{
	width:100%; height:58px; background:url(images/friendlink_center.gif) repeat-x top left; clear:both; margin:5px 0px; line-height:16px;
}
#friendlink_left
{
	float:left; width:100px; height:58px; text-align:left; background:url(images/friendlink_left.gif) no-repeat top left;
}

#friendlink_right
{
	float:right; width:6px; height:58px; text-align:right; background:url(images/friendlink_right.gif) no-repeat top right;
}

#friendlink_center
{
	float:left; width:844px; text-align:left; padding:7px 10px 10px;
}

#friendimglink
{
	width:100%; height:58px; background:url(images/friendlink_center.gif) repeat-x top left; clear:both; margin:5px 0px;
}
#friendimglink_left
{
	float:left; width:100px; height:58px; text-align:left; background:url(images/friendimglink_left.gif) no-repeat top left;
}

#friendimglink_right
{
	float:right; width:6px; height:58px; text-align:right; background:url(images/friendlink_right.gif) no-repeat top right;
}

#friendimglink_center
{
	float:left; width:860px; text-align:left; padding:7px 5px 5px;
}


#guest
{
	width:90%; text-align:center ; font-family:Verdana, Lucida, Arial, Helvetica, sans-serif, "宋体"; color:ff5901; margin-bottom:6px;
}