school_style[2].css

一套完整的OA办公系统（JSP）的

/* CSS Document */
.blank1{margin:0 auto; width:100%; height:1px; font-size:1px;overflow:hidden; background:#fff;}
.blank3{margin:0 auto; width:100%; height:3px; font-size:1px;}
.blank9{margin:0 auto; width:100%; height:9px; font-size:1px; }
.blank6{margin:0 auto; width:100%; height:6px; font-size:1px; }
.blank9{margin:0 auto; width:100%; height:9px; font-size:1px; }
.blankW9{margin:0 auto; width:100%; height:9px; font-size:1px; background:#fff; clear:both;}
.blank12{margin:0 auto; width:100%; height:12px; font-size:1px; }
.blank18{margin:0 auto; width:100%; height:15px; font-size:1px; }
.blankGl{height:1px; background:#666; font-size:1px; overflow:hidden;}
.blankGl8{height:8px; background:#666; font-size:1px; overflow:hidden;}
.lineH{margin:0 auto; width:750px;  font-size:1px;}

/* 分块 */
.area{ margin:0 auto; width:750px; }
.area .col1{float:left; width:473px;}
.area .col2{float:left; width:25px;}
.area .col3{float:right; width:252px; }
.areaBg1{background:url(bg1.gif);}

/* 头条 */
.focusText{ margin:0 auto; width:445px;}
.focusText h2{font-family: "黑体" ,Arial Black,sans-serif;font-weight:100;font-size: 20px; padding:15px 0 0 0; text-align:left;}
.focusText h3{font-family: "黑体" ,Arial Black,sans-serif;font-weight:100;font-size:18px; padding:10px 0 0 0; text-align:left;}
.focusText h2 a,.focusText h3 a{color:#000;}
.focusText h2 a:visited,.focusText h3 a:visited{color:#000;}
.focusText h2 a:hover,.focusText h3 a:hover{color:#bc2931;}
.focusText h2 a:active,.focusText h3 a:active{color:#bc2931;}
.focusText ul{ }
.focusText li{ padding:3px 0 3px 0; list-style-type:none; text-align:left; color:#1f3a87;}
.focusText li a{color:#1f3a87;}
.focusText li a:hover{color:#bc2931;}

/* 左边内容、标题 */
.leftTitle{ margin:0 auto; width:445px; height:22px; background:#f6f6f6; border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; color:#c00;}
.leftTitle h2{float:left; padding:6px 0 0 23px; font-size:12px; font-weight:normal; background:url(i1.gif) 7px 6px no-repeat;}
.leftTitle span{float:right; padding:6px 8px 0 10px; background:url(i2.gif) 0 8px no-repeat;}

.leftList{margin:0 auto; width:445px;} /* 今日推荐等 */
.leftList ul{padding:10px 0 0;}
.leftList li{ text-align:left; list-style-type:none; font-size:14px; font-weight:normal; padding:4px 0 3px;}
.leftList li h2{float:left; padding:0 2px 0 0; font-size:12px; font-weight:normal; color:#666;}
.leftList li h2 a{color:#666;}
.leftList li h2 a:visited{color:#666;}
.leftList li h2 a:hover{color:#bc2931;}
.leftList li h2 a:active{color:#bc2931;}
.timecss {font-size:12px; color:#666;}

.leftList1{margin:0 auto; width:445px;} /* 特聘教授等 */
.leftList1 .col{width:216px;}
.leftList1 .col .title{ height:22px; background:#f6f6f6; border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2;}
.leftList1 .col .title h2{float:left; padding:6px 0 0 23px; font-size:12px; font-weight:normal; background:url(i1.gif) 7px 6px no-repeat;}
.leftList1 .col .title span{float:right; padding:6px 8px 0 10px; background:url(i2.gif) 0 8px no-repeat;}
.leftList1 .col .pic{}
.leftList1 .col .pic ul{padding:10px 0 0;}
.leftList1 .col .pic li{float:left; width:72px; list-style-type:none;}
.leftList1 .col .pic li img{border:1px solid #000; margin:0 0 5px;}
.leftList1 .col .pic li h2{margin:0 auto; width:52px; text-align:left; font-size:12px; font-weight:normal;}
.leftList1 .col .listPic{padding:10px 0 0;}
.leftList1 .col .listPic h3{text-align:left; padding:0 0 3px 10px; font-size:12px; font-weight:normal;}
.leftList1 .col .listPic h4{ text-align:left; padding:6px 10px 3px 0; font-size:12px; font-weight:normal;}
.leftList1 .col .listPic h4 a{color:#1f3a87;}
.leftList1 .col .listPic h4 a:hover{color:#bc2931;}
.leftList1 .col .listPic p{text-align:left; padding:0; margin:0; color:#333; line-height:160%;}
.leftList1 .col .listPic ul{}
.leftList1 .col .listPic li{text-align:left; list-style-type:none; padding:3px 0 3px 12px; background:url(i3.gif) 3px 7px no-repeat;}
.leftList1 .col .listPic img{border:1px solid #000; float:right; margin:0 0 0 6px;}
.leftList1 .search{ padding:6px 0 3px;}
.leftList1 .search .s1{border:1px solid #666; width:250px;}
.leftList1 .search .s2{border:0; background:url(input_bg1.gif); width:34px; height:19px; padding:2px 0 0; font-size:12px;}

.leftList2{ margin:0 auto; width:445px; clear:both;}
.leftList2 .list{float:left; width:360px;}
.leftList2 .list ul{padding:8px 0 0;}
.leftList2 .list li{text-align:left; padding:4px 0 3px 10px; background:url(i3.gif) 2px 9px no-repeat; font-size:14px; list-style-type:none;}
.leftList2 .list li span{ padding:0 0 0 2px; font-size:12px; color:#666;}
.leftList2 .list .line{border-bottom:1px dashed #999; font-size:1px; overflow:hidden; height:1px; float:left; width:95%;}
.leftList2 .more{float:right; width:80px; margin:12px 0 0; border:1px solid #999;}
.leftList2 .more .title{ padding:3px 0 0 4px; background:#999; height:16px; color:#fff; text-align:left;}
.leftList2 .more .content{}
.leftList2 .more .content ul{ padding:4px 0 0;}
.leftList2 .more .content li{padding:0 0 0 4px; text-align:left; list-style-type:none; line-height:140%;}
.leftList2 .more .content a{color:#1f3a87;}
.leftList2 .more .content a:hover{color:#bc2931;}

.leftPicText{ margin:12px auto 0; width:445px; background:#fff;}
.leftPicText .pic{ padding:0 0 10px;}
.leftPicText .pic img{border:1px solid #000; margin:0 15px 0 0; float:left;}
.leftPicText .pic h2{font-family: "黑体" ,Arial Black,sans-serif;font-weight:100;font-size:18px; padding:10px 0 5px; text-align:left;}
.leftPicText .pic h3{font-family: "黑体" ,Arial Black,sans-serif;font-weight:100;font-size:18px; padding:4px 0 0;  text-align:left;}
.leftPicText .pic h4{font-size:14px; padding:5px 0 3px; text-align:left;}
.leftPicText .pic p{text-align:left; padding:0; margin:0; line-height:160%; color:#666;}
.leftPicText .list{border-top:1px dashed #999;}
.leftPicText .list ul{padding:8px 0 0; margin:0 auto; width:440px;}
.leftPicText .list li{text-align:left; padding:3px 0 3px 10px; float:left; width:210px; background:url(i3.gif) 2px 7px no-repeat; list-style-type:none;}
.leftPicText .list1{border-top:1px dashed #999;}
.leftPicText .list1 ul{padding:8px 0 0;}
.leftPicText .list1 li{text-align:left; padding:3px 0 3px 10px;  background:url(i3.gif) 2px 7px no-repeat; list-style-type:none;}


/* 右边标题、内容 */
.rightTitle{height:29px; background:url(bg2.gif) #666 0 18px repeat-x; margin:0 auto; width:240px; overflow:hidden;}
.rightTitle .tip{width:85px; float:left; margin:7px 0 0; height:21px; border-left:1px solid #fff; border-top:1px solid #fff; border-right:1px solid #fff; background:#f60;}
.rightTitle .tip h2{padding:5px 0 0; font-size:12px; font-weight:normal; color:#fff;}
.rightTitle span{float:right; background:#666; padding:13px 5px 0 6px;}
.rightTitle span a{color:#fff;}
.rightTitle span a:visited{color:#fff;}
.rightTitle span a:hover{color:#ff0;}
.rightTitle span a:active{color:#ff0;}

.rightList{margin:0 auto; width:240px;}
.rightList ul{padding:6px 0 3px;}
.rightList li{text-align:left; padding:3px 0 3px 16px; background:url(i6.gif) 8px 7px no-repeat; list-style-type:none;}
.rightList a{color:#1f3a87;}
.rightList a:hover{color:#bc2931;}

.rightList1{margin:0 auto; width:238px;}
.rightList1 ul{ padding:5px 0;}
.rightList1 li{text-align:left;padding:7px 0 4px 16px;  list-style-type:none; clear:both;}
.rightList1 .s1{background:url(i6.gif) #eee 8px 11px no-repeat;}
.rightList1 .s2{background:url(i6.gif) 8px 11px no-repeat;}
.rightList1 a{color:#1f3a87;}
.rightList1 a:hover{color:#bc2931;}

.rightList2{margin:0 auto; width:238px;}
.rightList2 h3{text-align:left; padding:10px 0 2px 8px; font-size:12px; font-weight:normal;}
.rightList2 ul{ padding:5px 0;margin:0 auto; width:238px;}
.rightList2 li{text-align:left;  margin:0 auto !important;  margin:-3px auto; width:238px; overflow:hidden;  list-style-type:none; clear:both; float:left; }
.rightList2 li span{float:right; padding:7px 5px 3px 0 !important;padding:7px 5px 8px 0; color:#1f3a87;}
.rightList2 li h2{float:left; padding:7px 0 3px 16px !important;padding:7px 0 8px 16px; font-size:12px; font-weight:normal;}
.rightList2 li h4{float:left; padding:7px 0 0 8px; font-size:12px; font-weight:normal;}
.rightList2 .s1{background:url(i6.gif) #eee 8px 11px no-repeat; clear:both;}
.rightList2 .s2{background:url(i6.gif) #fff 8px 11px no-repeat;clear:both;}
.rightList2 .s3{background:#eee;}
.rightList2 a{color:#1f3a87;}
.rightList2 a:hover{color:#bc2931;}

.rightPicText{ margin:0 auto; width:240px; padding:12px 0 0;}
.rightPicText img{border:1px solid #000; margin:0 8px; float:left;}
.rightPicText h2{font-size:12px; padding:2px 0 5px; text-align:left; font-weight:normal;}
.rightPicText h3{font-size:12px; padding:3px 0 5px 8px; text-align:left; font-weight:normal;}
.rightPicText p{text-align:left; padding:0; margin:0; line-height:160%; color:#666;}
.rightPicText a{color:#1f3a87;}
.rightPicText a:hover{color:#bc2931;}

/* 头图 */
.focusPic{ background:#d60;}
.focusPic .pic{padding:5px 0 0;}
.focusPic .pic img{border:1px solid #fff;}
.focusPic .pic h2{margin:0 auto; width:240px; text-align:left; font-size:14px; padding:10px 0 8px;}
.focusPic .pic a{ color:#fff;}
.focusPic .pic a:visited{color:#fff;}
.focusPic .pic a:hover{color:#ff0;}
.focusPic .pic a:active{color:#ff0;}

.focusPicList{margin:0 auto; width:240px; background:#666;}
.focusPicList h2{padding:8px 0 4px 22px; text-align:left; font-size:12px; background:url(i5.gif) 4px 8px no-repeat;}
.focusPicList ul{ padding:0 0 2px;}
.focusPicList li{text-align:left; padding:3px 0 3px 15px; background:url(i4.gif) 5px 7px no-repeat; list-style-type:none;}
.focusPicList a{ color:#fff;}
.focusPicList a:visited{color:#fff;}
.focusPicList a:hover{color:#ff0;}
.focusPicList a:active{color:#ff0;}

/* 学院导航 */
.schoolNav{ margin:0 auto; width:240px;}
.schoolNav .title{padding:12px 8px 3px; text-align:left;}
.schoolNav .content{ border-bottom:1px solid #ccc;}
.schoolNav .content ul{padding:0 0 3px;}
.schoolNav .content li{text-align:left; list-style-type:none; padding:3px 8px; color:#1f3a87;}
.schoolNav .content a{color:#1f3a87;}
.schoolNav .content a:hover{color:#bc2931;}

/* 进入菜单 */
.enterMenu{margin:1px auto 0; width:469px; height:27px; background:url(bg3.gif) #fff;}
.enterMenu h2{float:left; padding:6px 0 0 7px; font-size:12px; color:#fff;}
.enterMenu .menu{float:left; padding:8px 0 0 16px;}

/* 特别兴趣组 */
.interest{ margin:0 auto; width:445px;}
.interest .menu{height:27px; margin:8px 0 0;  background:#666; color:#fff;}
.interest .menu ul{}
.interest .menu li{padding:8px 0 0; list-style-type:none;}
.interest .menu li a{color:#fff;}
.interest .menu li a:visited{color:#fff;}
.interest .menu li a:hover{color:#ff0;}
.interest .menu li a:active{color:#ff0;}
.interest .pic{}
.interest .pic ul{padding:10px 0 0;}
.interest .pic li{float:left; width:20%; list-style-type:none;} 
.interest .pic li img{border:1px solid #000; margin:0 0 3px;}
.interest .pic li h2{margin:0 auto; width:80px; font-size:12px; font-weight:normal; line-height:150%; text-align:left;}

/* 联系我们 */
.contactUs{margin:0 auto; width:240px; border-top:5px solid #666;}
.contactUs .title{}
.contactUs .title h2{padding:8px 0 0 8px; font-size:12px; text-align:left;}
.contactUs .content{}
.contactUs .content ul{padding:4px 0 0;}
.contactUs .content li{text-align:left; padding:3px 0 3px 8px; list-style-type:none;}

/* CG数字艺术 */
.CGfocus{ margin:0 auto; width:242px;}
.CGfocus img{ margin:1px 0 6px;}
.CGfocus h2{margin:0 auto; width:235px; font-size:14px; text-align:left; padding:0 0 5px 5px;}

.CGPicList{ margin:0 auto; width:445px; background:#E9E9EF;}/* 网页、平面、UI、工业、原画 */
.CGPicList .text{float:left; width:85px;}
.CGPicList .text ul{padding:8px 0 0;}
.CGPicList .text li{ margin:0 auto; width:65px; height:22px; background:#CBCBD8; list-style-type:none; border:1px solid #fff; margin:0 0 6px;}
.CGPicList .text li h2{padding:6px 0 0; font-size:12px; font-weight:normal;}
.CGPicList .pic{float:left; width:360px;}
.CGPicList .pic ul{padding:8px 0 0; float:left; width:180px;}
.CGPicList .pic li{padding:5px; width:160px; background:#fff; list-style-type:none;}
.CGPicList .pic li img{margin:0 0 6px;}
.CGPicList .pic li h2{margin:0 auto; width:160px; text-align:left; font-size:12px; font-weight:normal;}
.Focuson {background-color:#E8E8EE;}

/* ad */
.ad468{ padding:8px 0 5px;}