/*    ID = bottom   */
#bottom { margin:0 auto; width:975px; height:30px; line-height:30px; color:#666; background:url(/images/index/bottom.jpg) no-repeat; }
#bottom .login { float:left; height:30px; width:650px; padding-left:20px; position:relative; color:#1576B4; }
#bottom .login b a { color:#F60; text-decoration:none; }
#bottom .login b a:hover { text-decoration:underline; }
#bottom .login span { color:#F60; margin-left:70px; }
#bottom .login a { color:#1576B4; text-decoration:underline; }
#bottom .login a:hover { color:#F00; }
#bottom .welcome a { color:#1576B4; text-decoration:underline; margin:0 5px; }
#bottom .login input { border:#999 solid 1px; margin-right:10px; color:#666; margin-top:3px!important; margin-top:5px; }
#bottom img { position:absolute; top:5px; left:400px; cursor:pointer; }
#bottom .welcome { float:left; height:30px; width:285px; text-align:right; padding-right:20px; background:url(/images/dreams/hepl.gif) no-repeat 215px 4px; }
#bottom .welcome a { color:#333; font-weight:bold; }
/*    ID = container   */
#container span a { color:#F90; font-weight:normal; }
#container { margin:0 auto; width:975px; height:1680px; padding-top:10px; }
.blogtop { height:35px; line-height:35px; border-bottom:#CCC solid 1px; color:#4B8A82; text-align:center; }
.edu-hot { width:975px; height:305px; margin-top:10px; }
.edu-hot .left { float:left; width:750px; height:290px; padding:5px 0; }
.edu-hot .left .scroll { width:340px; height:290px; float:left; }
.edu-hot .left .edu { width:390px; height:220px; float:left; padding:60px 10px 10px; background:url(/images/blogs/edu.gif) no-repeat 10px -5px; position:relative; }
.edu-hot .left .edu span { position:absolute; top:23px; left:380px; }
.edu-hot .left .edu ul.img { height:85px; border-bottom:#CCC dashed 1px; }
.edu-hot .left .edu ul.img li { float:left; width:230px; height:85px; line-height:140%; padding-left:10px; }
.edu-hot .left .edu ul.img li b { color:#333; line-height:25px; font-size:14px; }
.edu-hot .left .edu ul.img li p { text-indent:20px; }
.edu-hot .left .edu ul.img li.descimg { float:left; width:140px; text-align:center; padding-left:0; }
.edu-hot .left .edu ul.img li.descimg img { width:100px; height:70px; }
.edu-hot .left .edu ul.list { padding:10px 10px 0; }
.edu-hot .left .edu ul.list li { height:22px; line-height:22px; background:url(/images/blogs/item.gif) no-repeat 5px 7px; padding-left:20px; position:relative; }
.edu-hot .left .edu ul.list li span { position:absolute; top:0; left:280px; }
.edu-hot .right { float:left; width:205px; height:300px; padding-left:20px; background:url(/images/blogs/hot.gif) no-repeat 10px -4px; }
.edu-hot .right h3 { height:35px; line-height:35px; padding-left:75px; color:#333; }
.edu-hot .right ul { padding-top:10px; height:240px; padding-left:25px; background:url(/images/blogs/hotitem.gif) no-repeat 0 14px; }
.edu-hot .right li { line-height:24px; height:24px; }
.heart-hotblog { width:975px; height:260px; }
.heart-hotblog .left { float:left; width:730px; height:210px; padding-left:20px; padding-top:50px; background:url(/images/blogs/heardbg.gif) no-repeat 0 3px; position:relative; }
.heart-hotblog .left span { position:absolute; top:24px; left:695px; }
.heart-hotblog .left .img { float:left; width:210px; height:165px; text-align:center; padding-top:15px; }
.heart-hotblog .left br { height:0px; line-height:2px; }
.heart-hotblog .left .img img { border:#CCC solid 1px; padding:2px; width:200px; height:150px; }
.heart-hotblog .left .list { float:left; width:515px; height:180px; }
.heart-hotblog .left .list ul { float:left; width:500px; height:180px; padding-left:15px; }
.heart-hotblog .left .list ul li { height:23px; line-height:23px; width:230px; float:left; background:url(/images/blogs/hearditem.gif) no-repeat 0 5px; padding-left:15px; position:relative; }
.heart-hotblog .left .list ul li span { position:absolute; top:0; left:175px; }
.heart-hotblog .right { float:left; width:205px; height:260px; padding-left:20px; background:url(/images/blogs/hotblog.gif) no-repeat 10px 0; }
.heart-hotblog .right h3 { height:35px; line-height:35px; padding-left:75px; color:#333; }
.heart-hotblog .right ul { padding-top:10px; height:208px; padding-left:25px; background:url(/images/blogs/compositor.gif) no-repeat 0 10px; }
.heart-hotblog .right li { line-height:21px; height:21px; }
.main { width:975px; height:525px; margin-top:15px; }
#container .main span a, #container .sport div h3 span a, #container .scient span a { color:#F60; }
.main img { border:#DDD solid 1px; padding:2px; width:100px; height:100px; }
.main .m-left { width:285px; height:520px; float:left; border-right:#EEE solid 1px; }
.main .m-left h3, .main .m-right h3 { height:30px; line-height:35px; background:url(/images/blogs/mainitem.gif) no-repeat; text-indent:25px; color:#F60; font-size:14px; padding-bottom:10px; position:relative; position:relative; }
.main .m-left h3 span, .main .m-right h3 span { position:absolute; top:0; left:210px; }
.main .m-left .img { height:100px; }
.main .m-left .img img { width:110px; height:70px; }
.main .m-left .img li { width:140px; height:100px; float:left; text-align:center; line-height:20px; }
.main .m-left .list { height:120px; }
.main .m-left .list li { height:22px; line-height:22px; padding-left:10px; position:relative; }
.main .m-left .list li span { position:absolute; top:0; left:217px; }
.main .m-conter { width:370px; height:520px; float:left; border-right:#EEE solid 1px; padding:0 15px; }
.main .m-conter h3 { height:27px; line-height:30px; color:#F60; text-indent:15px; font-size:14px; border-bottom:#DDD solid 1px; margin-bottom:10px; clear:both; position:relative; }
.main .m-conter h3 span { position:absolute; top:0; left:320px; }
.main .m-conter ul { height:130px; float:left; width:240px; }
.main .m-conter ul.img { width:125px; text-align:center; height:120px; padding-top:5px; }
.main .m-conter ul.img img { width:100px; height:100px; }
.main .m-conter ul li { height:21px; line-height:21px; padding-left:10px; position:relative; }
.main .m-conter ul li span { position:absolute; top:0; left:175px; }
.main .m-right { width:275px; height:520px; float:left; padding-left:10px; }
.main .m-right ul.img { width:275px; height:118px; }
.main .m-right ul.img li { float:left; width:160px; line-height:20px; }
.main .m-right ul.img li p { text-indent:20px; }
.main .m-right ul.img li.imgsrc { width:115px; padding-top:5px; }
.main .m-right ul.list { clear:both; }
.main .m-right ul.list li { height:20px; line-height:20px; position:relative; }
.main .m-right ul.list li span { position:absolute; top:0; left:200px; }
.willproud { width:970px; height:98px; text-align:center; }
.sport { width:975px; height:170px; margin-top:8px; }
.sport div { width:314px; height:170px; margin:0 4px; float:left; }
.sport div h3 { height:25px; line-height:25px; border-bottom:#80BED7 solid 2px; font-size:14px; color:#F60; padding-left:20px; margin-bottom:5px; position:relative; }
.sport div h3 span { position:absolute; top:0; left:270px; }
.sport div ul { float:left; width:190px; height:130px; }
.sport div ul.img { width:120px; text-align:center; padding-top:10px; height:115px; text-align:center; line-height:20px; }
.sport div ul li { line-height:22px; height:22px; position:relative; }
.sport div ul li span { position:absolute; top:0; left:140px; }
.scient { width:975px; height:245px; margin-top:8px; }
.scient div { width:485px; height:245px; float:left; }
.scient div img { width:195px; height:160px; }
.scient div.scrient h3, .scient div.mahua h3 { color:#333; height:30px; line-height:30px; padding-left:50px; font-size:14px; position:relative; }
.scient span { position:absolute; top:0; left:400px; padding:0;}
.scient div.scrient h3 { background:url(/images/blogs/scientitem.gif) no-repeat; }
.scient div.mahua h3 { background:url(/images/blogs/mahua.gif) no-repeat; }
.scient .left { width:205px; height:185px; float:left; border:#CCC solid 1px; margin-top:15px; padding-top:5px; line-height:25px; text-align:center; }
.scient .right { width:255px; height:195px; float:left; padding-left:15px; margin-top:15px; }
.scient .right ul { clear:both; padding-top:3px;}
.scient .right li { height:20px; line-height:20px; position:relative; }
.scient .right li span { position:absolute; top:0; left:200px; }
.scient .sing { width:255px; height:70px; clear:both; line-height:22px; border-bottom:#999 dashed 1px; }
.scient .sing p { text-indent:20px;}