/* CSS Document */
#MidBody{
margin:auto;
overflow:hidden;
width:980px;
margin-top:10px;

}
#Area1{
float:left;
overflow:hidden;
width:980px;
}
#LoginBox{
float:left;
overflow:hidden;
width:275px;
background-image:url(../images/bg2.jpg);
background-repeat:repeat-y;
margin-right:5px;
}
#LoginBox_1{
float:left;
overflow:hidden;
width:275px;
background-image:url(../images/bg1.jpg);
background-repeat:no-repeat;
}
#LoginBox_2{
float:left;
overflow:hidden;
width:275px;
background-image:url(../images/bg3.jpg);
background-position:bottom;
background-repeat:no-repeat;
height:270px;
}
#LoginBox_2 .content{
float:left;
overflow:hidden;
width:275px;
margin-top:60px;
}
#LoginBox_2 .Lable1{
float:left;
overflow:hidden;
width:255px;
padding-left:20px;
line-height:25px;
font-size:14px;
color:#000000;
}
#LoginBox_2 .Lable2{
float:left;
overflow:hidden;
width:255px;
margin-top:5px;
}
#LoginBox_2 .Lable2 .left{
float:left;
overflow:hidden;
width:150px;
text-align:right;
line-height:25px;
}
#LoginBox_2 .Lable2 .right{
float:left;
overflow:hidden;
width:95px;
padding-left:10px;
color:#2888CC;
}
#LoginBottom{
float:left;
overflow:hidden;
width:235px;
margin-top:20px;
padding:20px;
}
#LoginBottom .left{
float:left;
overflow:hidden;
width:180px;
}
#LoginBottom .right{
float:left;
overflow:hidden;
width:55px;
padding-top:5px;
}
#NewsArea{
float:left;
overflow:hidden;
width:700px;
background-image:url(../images/bg5.jpg);
background-repeat:repeat-y;
}

#NewsArea_1{
float:left;
overflow:hidden;
width:700px;
background-image:url(../images/bg4.jpg);
background-repeat:no-repeat;
}

#NewsArea_2{
float:left;
overflow:hidden;
width:670px;
padding:15px;
padding-bottom:10px;
background-image:url(../images/bg6.jpg);
background-repeat:no-repeat;
background-position:bottom;
height:245px;
}
#PhotoNews{
float:left;
overflow:hidden;
width:345px;
height:235px;
margin-right:5px;
display:inline;
}
#NewsText{
float:left;
overflow:hidden;
width:320px;
}
#NewsText .title{
float:left;
overflow:hidden;
width:320px;
height:24px;
background-image:url(../images/title1.jpg);
background-repeat:no-repeat;
}
#NewsText .content{
float:left;
overflow:hidden;
width:320px;
}

#NewsText .content ul{
float:left;
overflow:hidden;
width:320px;
padding-top:10px;
}

#NewsText .content ul li{
float:left;
overflow:hidden;
width:295px;
padding-left:20px;
padding-right:5px;
line-height:24px;
border-bottom:1px dashed #cccccc;
background-image:url(../images/listStyle1.jpg);
background-position:left;
background-repeat:no-repeat;
font-size:13px;
}
#NewsText .content ul li a{
color:#2888CC;
}
#box1{
float:left;
overflow:hidden;
width:980px;
background-image:url(../images/bg8.jpg);
background-repeat:repeat-y;
}

#box1_1{
float:left;
overflow:hidden;
width:980px;
background-image:url(../images/bg7.jpg);
background-repeat:no-repeat;
}
#box1_2{
float:left;
overflow:hidden;
width:980px;
background-image:url(../images/bg9.jpg);
background-repeat:no-repeat;
background-position:bottom;
}
#box1_2 .box1left{
float:left;
overflow:hidden;
width:255px;
padding:10px;
padding-bottom:200px;
}

#Bolg{
float:left;
overflow:hidden;
width:255px;
}
#Bolg .title{
float:left;
overflow:hidden;
width:255px;
height:28px;
}
#Bolg .content{
float:left;
overflow:hidden;
width:255px;
}
#Bolg .content ul{
float:left;
overflow:hidden;
width:255px;
padding-top:10px;
}
#Bolg .content ul li{
float:left;
overflow:hidden;
width:63px;
text-align:center;
margin-bottom:5px;
}
#Bolg .content ul li img{
width:54px;
height:74px;
padding:2px;
border:1px solid #c2c2c2;
}
#Bolg .content1{
float:left;
overflow:hidden;
width:255px;
}
#Bolg .content1 ul{
float:left;
overflow:hidden;
width:255px;
margin-top:10px;
background:url(../images/listStyle2.gif) 0px -1px no-repeat;
}
#Bolg .content1 ul li{
float:left;
overflow:hidden;
width:230px;
padding-left:25px;
line-height:23px;
color:#636466;
white-space:nowrap;
border-bottom:1px dashed #D2D3D5;
}
#Bolg .content1 ul li a{
color:#636466;
}


#Ebook{
float:left;
overflow:hidden;
width:255px;
margin-top:10px;
}
#Ebook .title{
float:left;
overflow:hidden;
width:255px;
height:28px;
}
#Ebook .title img{
border:none;
}
#Ebook .subTitle{
float:left;
overflow:hidden;
width:240px;
padding-left:15px;
height:28px;
margin-top:10px;
}
#Ebook .subTitle select{
width:77px;
height:23px;
padding-left:5px;
}
#Ebook .subTitle input{
width:51px;
height:24px;
background-image:url(../images/btnBj3.jpg);
background-repeat:repeat-x;
}


#Ebook .content{
float:left;
overflow:hidden;
width:255px;
margin-top:10px;
}

#Ebook .content ul{
float:left;
overflow:hidden;
width:255px;
}
#Ebook .content ul li{
float:left;
overflow:hidden;
width:85px;
text-align:center;
}
#Ebook .content ul li img{
width:75px;
border:0px;
}
#Ebook .btn{
float:left;
overflow:hidden;
width:255px;
text-align:center;
margin-top:10px;
}

#StudentWork{
float:left;
overflow:hidden;
width:255px;
margin-top:10px;
}

#StudentWork .title{
float:left;
overflow:hidden;
width:255px;
height:28px;
}
#StudentWork .title img{
border:none;
}
#StudentWork .content{
float:left;
overflow:hidden;
width:255px;
margin-top:10px;
}
#StudentWork .content ul{
float:left;
overflow:hidden;
width:255px;
}
#StudentWork .content ul li{
float:left;
overflow:hidden;
width:127px;
text-align:center;
margin-bottom:10px;
}
#StudentWork .content ul li img{
width:110px;
height:105px;
border:0px;
}

#OnlineCount{
float:left;
overflow:hidden;
width:255px;
margin-top:10px;
}

#OnlineCount .title{
float:left;
overflow:hidden;
width:255px;
height:28px;
}
#OnlineCount .content{
float:left;
overflow:hidden;
width:245px;
}
#OnlineCount .content ul{
float:left;
overflow:hidden;
width:245px;
padding:5px;
padding-top:10px;
}
#OnlineCount .content ul li{
float:left;
overflow:hidden;
width:220px;
padding-left:25px;
line-height:24px;
background-image:url(../images/listStyle3.jpg);
background-repeat:no-repeat;
}

#box1_2 .box1right{
float:left;
overflow:hidden;
width:685px;
padding:10px;
}
#Rbox1{
float:left;
overflow:hidden;
width:685px;
margin-top:10px;
}

#Rbox1 .Rbox1title{
float:left;
overflow:hidden;
width:685px;
height:24px;
background:url(../images/rightTitleBg.jpg) 0px 0px no-repeat;
}
#Rbox1 .Rbox1Content{
float:left;
overflow:hidden;
width:685px;
padding-top:10px;
}
#Rbox2{
float:left;
overflow:hidden;
width:342px;
}

#Rbox2 .title{
float:left;
overflow:hidden;
width:342px;
height:28px;
background-image:url(../images/bg11.jpg);
background-repeat:no-repeat;
}
#Rbox2 .title ul{
float:left;
overflow:hidden;
width:212px;
padding-left:130px;
}
#Rbox2 .title ul li{
float:left;
overflow:hidden;
width:76px;
height:28px;
line-height:28px;
text-align:center;
color:#fff;
font-size:14px;
background-image:url(../images/titlebj1.jpg);
}
#Rbox2 .title ul li a{
color:#fff;
}
#Rbox2 .content{
float:left;
overflow:hidden;
width:322px;
padding:10px;
color:#2888CC;
}
#Rbox2 .content a{
color:#2888CC;
}
#Rbox2 .content ul{
float:left;
overflow:hidden;
width:322px;
}
#Rbox2 .content ul li{
float:left;
overflow:hidden;
width:80px;
text-align:center;
white-space:nowrap;
}
#Rbox2 .content ul li img{
border:none;
width:75px;
height:105px;
}
/*#Rbox2 .content img{
float:left;
width:115px;
height:165px;
border:0px;
margin-right:10px;
display:inline;
}*/
#Rbox2 .content1{
float:left;
overflow:hidden;
width:342px;
}

#Rbox2 .content1 ul{
float:left;
overflow:hidden;
width:322px;
padding:10px;
padding-top:0px;
}
#Rbox2 .content1 ul li{
float:left;
overflow:hidden;
width:302px;
padding-left:20px;
line-height:24px;
white-space:nowrap;
color:#2888CC;
background-image:url(../images/listStyle1.jpg);
background-repeat:no-repeat;
border-bottom:1px dashed #D2D3D5;
}
#Rbox2 .content1 ul li a{
color:#2888CC;
}

/***********************************************************/
#Rbox21{
float:left;
overflow:hidden;
width:228px;
}

#Rbox21 .title{
float:left;
overflow:hidden;
width:228px;
height:28px;
background-image:url(../images/bg11.jpg);
background-repeat:no-repeat;
}
#Rbox21 .title .titleContent{
margin-left:70px;
display:inline;
float:left;
overflow:hidden;
width:76px;
height:28px;
line-height:28px;
text-align:center;
color:#fff;
font-size:14px;
background-image:url(../images/titlebj1.jpg);
}

#Rbox21 .title .titleContent a{
color:#fff;
}
#Rbox21 .content{
float:left;
overflow:hidden;
width:220px;
padding:5px 4px;
color:#2888CC;
}
#Rbox21 .content a{
color:#2888CC;
}
#Rbox21 .content ul{
float:left;
overflow:hidden;
width:220px;
}
#Rbox21 .content ul li{
float:left;
overflow:hidden;
width:110px;
text-align:center;
}
#Rbox21 .content ul li img{
border:none;
width:100px;
height:130px;
}

#Rbox21 .content1{
float:left;
overflow:hidden;
width:228px;
}

#Rbox21 .content1 ul{
float:left;
overflow:hidden;
width:218px;
padding:5px;
padding-top:0px;
}
#Rbox21 .content1 ul li{
float:left;
overflow:hidden;
width:200px;
padding-left:18px;
line-height:24px;
color:#2888CC;
white-space:nowrap;
background-image:url(../images/listStyle1.jpg);
background-repeat:no-repeat;
border-bottom:1px dashed #D2D3D5;
text-overflow:ellipsis;
}
#Rbox21 .content1 ul li a{
color:#2888CC;
}
/***********************************************************/

#Rbox1 .Rbox1title2{
float:left;
overflow:hidden;
width:685px;
height:24px;
background:url(../images/rightTitleBg.jpg) 0px -33px no-repeat;

}
#Rbox1 .Rbox1title3{
float:left;
overflow:hidden;
width:685px;
height:24px;
background:url(../images/rightTitleBg.jpg) 0px -67px no-repeat;

}
#Rbox1 .Rbox1title4{
float:left;
overflow:hidden;
width:685px;
height:24px;
background:url(../images/rightTitleBg.jpg) 0px -96px no-repeat;

}
#Rbox3{
float:left;
overflow:hidden;
width:685px;
}
#Rbox3 .Rbox3Title{
float:left;
overflow:hidden;
width:685px;
height:28px;
background-image:url(../images/bg10.jpg);
background-repeat:no-repeat;
}
.TitleText{
float:left;
overflow:hidden;
width:85px;
line-height:26px;
text-align:center;
margin-left:5px;
display:inline;
color:#626466;
font-weight:bold;
}
#Menu1{
float:left;
overflow:hidden;
margin-left:100px;
display:inline;
}
#Menu1 ul{
float:left;
overflow:hidden;
}

#Menu1 ul li{
float:left;
overflow:hidden;
width:76px;
height:28px;
line-height:28px;
text-align:center;
color:#636465;
font-size:14px;
background-image:url(../images/titlebj2.jpg);
margin-right:10px;
display:inline;
}
#Menu1 ul .choosed{
float:left;
overflow:hidden;
width:76px;
height:28px;
line-height:28px;
text-align:center;
color:#fff;
font-size:14px;
background-image:url(../images/titlebj1.jpg);
margin-right:10px;
display:inline;
}
#Menu1 ul li a{
color:#636465;
}
#Rbox3 .Rbox3Content{
float:left;
overflow:hidden;
width:685px;
}
#Rbox3 .Rbox3Content .left{
float:left;
overflow:hidden;
width:245px;
padding-top:10px;
}
#Rbox3 .Rbox3Content .left img{
width:245px;
height:180px;
border:0px;
}
#Rbox3 .Rbox3Content .right{
float:left;
overflow:hidden;
width:440px;
padding-top:10px;
}
#Rbox3 .Rbox3Content .right ul{ 
float:left;
overflow:hidden;
width:440px;
}

#Rbox3 .Rbox3Content .right ul li{ 
float:left;
overflow:hidden;
width:110px;
text-align:center;
margin-bottom:5px;
color:#636466;
}
#Rbox3 .Rbox3Content .right ul li a{
color:#636466;
} 
#Rbox3 .Rbox3Content .right ul li img{ 
width:95px;
height:70px;
border:0px;
}
#Rbox3 .Rbox3Content2{
float:left;
overflow:hidden;
width:685px;
min-height:210px;
}
#Rbox3 .Rbox3Content2 ul{
float:left;
overflow:hidden;
width:685px;
padding-top:10px;
}

#Rbox3 .Rbox3Content2 ul li{
float:left;
overflow:hidden;
width:312px;
padding-left:20px;
margin-left:5px;
margin-right:5px;
display:inline;
line-height:24px;
color:#636466;
border-bottom:1px dashed #D2D3D5;
background-image:url(../images/listStyle1.jpg);
background-repeat:no-repeat;
}
#Rbox3 .Rbox3Content2 ul li a{
color:#636466;
}
#box5{
float:left;
overflow:hidden;
width:342px;
padding-top:10px;
color:#636466;
}
#box5 a{
color:#636466;
}
#box5 b{
color:#F58220;
font-size:14px;
font-weight:bold;
}
#box5 b a{
color:#F58220;
}
#box5 img{
float:left;
width:100px;
height:75px;
border:0px;
margin-right:10px;
display:inline;
}



#Rbox2 .title1{
float:left;
overflow:hidden;
width:342px;
height:28px;
background-image:url(../images/bg11.jpg);
background-repeat:no-repeat;
}
#Rbox2 .title1 ul{
float:left;
overflow:hidden;
width:292px;
padding-left:50px;
}
#Rbox2 .title1 ul li{
float:left;
overflow:hidden;
width:76px;
height:28px;
line-height:28px;
text-align:center;
color:#636466;
font-size:14px;
margin-right:10px;
display:inline;
background-image:url(../images/titlebj2.jpg);
}
#Rbox2 .title1 ul li a{
color:#636466;
}
#Rbox2 .title1 ul .choosed{
float:left;
overflow:hidden;
width:76px;
height:28px;
line-height:28px;
text-align:center;
color:#fff;
font-size:14px;
margin-right:10px;
display:inline;
background-image:url(../images/titlebj1.jpg);
}


#Rbox2 .content2{
float:left;
overflow:hidden;
width:342px;
}
#Rbox2 .content2 ul{
float:left;
overflow:hidden;
width:332px;
padding:5px;
padding-top:15px;
}

#Rbox2 .content2 ul li{
float:left;
overflow:hidden;
width:302px;
padding-left:20px;
line-height:24px;
white-space:nowrap;
border-bottom:1px dashed #D2D3D5;
color:#2888CC;
background-image:url(../images/listStyle1.jpg);
background-repeat:no-repeat;
}
#Rbox2 .content2 ul li a{
color:#2888CC;
}


/************** Í¼Æ¬¹ö¶¯ÇøÓò ******************/

#ebookCenter{
	width:255px;
	float:left;
	overflow:hidden;
}
#ebookCenter .ScrCont{
	float:left;
	width:10000000px;
}

#ebookCenter .ScrCont #List1{
	float:left;
}

#ebookCenter .ScrCont #List2{
	float:left;
}

#ebookCenter ul{
	height:105px;
	float:left;
	overflow:hidden;
}
#ebookCenter ul li{ 
	width:85px;
	display:inline;
	text-align:center;
	float:left;
	overflow:hidden;
}
#ebookCenter ul li img{	
	width:90px;
	height:105px;
	border:0px;
}

#ebook .content A{
color:#CCCCCC;
}
#ebook .content A:hover{
color:#FF0000;
}
