#gallery_wrapper { width: 998px; height: 268px; border:1px solid #ccc; margin: 0px auto;} #gallery_wrapper img { width: 998px; height: 268px; display:block; border:0px; margin: 0px;} #main_wrapper .column { float:left; background:#fff; display:block; border:1px solid #ccc;} #main_wrapper #hotnews { width:724px; height:259px; margin-right:6px;} #main_wrapper #announcement { width:266px; height:259px;} #main_wrapper #teaching, #main_wrapper #student { width:358px; height:259px; margin-top:6px; margin-right:6px;} #main_wrapper #economy { width:266px; height:259px; margin-top:6px;} #main_wrapper .column .bar { display: block; width: 100%; height: 27px; float: left;} #main_wrapper .column .bar .title { display: block; width:70px; height: 25px; float: left; margin: 0px; font: bold 14px/25px "微软雅黑", "宋体", tahoma; text-align:center;} #main_wrapper .column .bar .line { display: block; height: 25px; float: right; margin:0px;} #main_wrapper .column .bar .line a.more { display: block; height: 25px; width:24px; float: right; margin:0px;} #main_wrapper .column .dot { display: block; height: 4px; width:4px; float: left; margin-right:3px; margin-top:11px; box-shadow: 1px 1px 1px #666;} #main_wrapper #hotnews .bar .title, #main_wrapper #teaching .bar .title, #main_wrapper #student .bar .title { border-bottom:2px solid #00a9ec; color:#00a9ec;} #main_wrapper #announcement .bar .title, #main_wrapper #economy .bar .title { border-bottom:2px solid #e35b00; color:#e35b00;} #main_wrapper #hotnews .line { width:653px; border-bottom:2px solid #e35b00;} #main_wrapper #announcement .line, #main_wrapper #economy .line { width:195px; border-bottom:2px solid #00a9ec;} #main_wrapper #teaching .line, #main_wrapper #student .line { width:286px; border-bottom:2px solid #e35b00;} #main_wrapper #hotnews .dot, #main_wrapper #teaching .dot, #main_wrapper #student .dot { background:#e35b00;} #main_wrapper #announcement .dot, #main_wrapper #economy .dot { background:#00a9ec;} #main_wrapper .column .list { margin: 0px; padding: 0px; float: left; display: block; width: 100%; height: 232px; list-style: none;} #main_wrapper .column .list li { margin: 0px; padding: 0px; float: left; display: block; width: 100%; height: 28px; list-style: none; border-bottom: 1px dotted #f3ccc3; overflow:hidden;} #main_wrapper .column .list li .dot { margin-left: 6px;} #main_wrapper .column .list li a { margin: 0px; padding: 0px; float: left; display: block; height: 28px; text-indent: 2px; font: normal 12px/28px "微软雅黑", "宋体", tahoma; color: #333; text-decoration: none; overflow: hidden;} #main_wrapper .column .list li a:hover { margin: 0px; padding: 0px; float: left; display: block; height: 28px; text-indent: 2px; font: normal 12px/28px "微软雅黑", "宋体", tahoma; color: #999; text-decoration: none; overflow: hidden;} #main_wrapper .column .list li .date { margin: 0px; padding: 0px; float: right; display: block; width: 45px; height: 28px; font: normal 12px/28px "微软雅黑", "宋体", tahoma; color: #069;} #main_wrapper #hotnews .list li, #main_wrapper #teaching .list li, #main_wrapper #student .list li { border-bottom: 1px dotted #e35b00;} #main_wrapper #announcement .list li, #main_wrapper #economy .list li { border-bottom: 1px dotted #00a9ec;} #main_wrapper #hotnews .list li a { width:390px;} #main_wrapper #teaching .list li a, #main_wrapper #student .list li a{ width:299px;} #main_wrapper #announcement .list li a, #main_wrapper #economy .list li a { width:249px;} #col_slider { float:left; margin:3px; width:265px; height:224px; background:#1463a9;} #picasa { margin:0px auto; height: 224px; padding-top: 0px; position:relative; width: 263px; border:#1463a9 solid 1px; display:block;} /* override the root element to enable scrolling */ #flowpanes { overflow:hidden; clear:both; height: 224px; width: 263px; position: absolute;} /* override single pane */ #flowpanes div { float:left; display:block; height:202px; width:263px; margin:0px; padding:0px;} /* our additional wrapper element for the items */ #flowpanes #pic_items { width:20000em; position:absolute; clear:both; margin:0; padding:0;} #pic_items div,#pic_items img { width:263px; height:202px; margin:0px; padding:0px; border:0px;} #pic_items span { width:263px; height:22px; border:0px; background:#1463a9; color:#fff; display:block; margin:0px; padding:0px; font: normal 12px/21px "microsoft yahei",verdana; text-indent:3px;} #picasa .prev, .next { background-image: url(/uploads/image/d1images/bg-slider-arrow.png); _background-image: url(/uploads/image/d1images/bg-slider-arrow.gif); height: 27px; width: 27px; position: absolute; margin-top: 90px; overflow:hidden; cursor:pointer;} #picasa .next { background-position:0 0; margin-left: 230px;} #picasa .prev { background-position:0 -27px; margin-left: 5px;} #slider_nav { position: absolute; bottom:-15px; right:90px; clear: both; line-height: 10px; text-align: center; padding:0px; margin: 0px; padding: 0px; list-style-type: none; /*display:inline-block;*/ display:none;} #slider_nav a { background-image: url(/uploads/image/d1images/bg-slider-nav.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 10px; width: 10px; padding:0px; margin:0px 5px; float: left; overflow:hidden;} #slider_nav .active { background-position:0px -10px;} #slider_nav a:hover { background-position:0px -20px;} #main_wrapper #hotnews .list { width:453px !important;} #link_wrapper { width:1000px; height:40px; display:block; margin:6px auto; overflow:hidden;} #link_wrapper .link { height:40px; display:block; margin-right:5px; float:left; border:0px;} #link_wrapper img{ border:0px; height:40px; width:171px; display:block;} #link_wrapper span.link { width:115px; background:url(/uploads/image/d1images/bg_link.gif) no-repeat;} #link_wrapper a.link { width:171px;} #link_wrapper a.last { height:40px; display:block; float:left; border:0px;}