body { background:url(../images/background.gif) left top repeat-x } #container { width:950px; margin:0 auto; clear:both; } #header,#top { position:relative; clear:both; } #top { height:70px; clear:both; } #logo,#sr,#sr-2 { position:absolute; } #logo { top:20px;left:2em; } #sr { top:20px;left:270px;background-color:white; } #sr form { border:2px solid #FA6446;padding:0; height:29px;float:left; } #sr input { padding:5px 4px;float:left;border:0;width:300px; } #sr button { border:none; background-color:#FFD43D;float:left;height:29px; font-size:14px;font-weight:bold;padding:0 5px; } #sr-2 { top:25px;right:2em; } /* navgation ___________________________________________________________________*/ #nav,#nav ul li.current,#nav ul li.current a, .bo dl dd a:hover, .col-1 .head,.col-3 .head,.col-5 .head, .col-1 .head .t,.col-3 .head .t,.col-5 .head .t, .col-1 .head .t strong,.col-3 .head .t strong,.col-5 .head .t strong, .col-2,.col-2 .bt,.col-4,.col-4 .bt, .col-4 ul.rank, .col-4 ul li, .col-5 .title a, .btn,.btn-2,.btn-3, .btn a,.btn-2 a,.btn-3 a, .btnb,.btnb button { background-image:url(../images/image.gif);background-repeat:no-repeat; } #nav { height:69px;background-color:#526FB8 url(../images/image.gif) 0 0 no-repeat;color:white;font-size:14px; } #nav a { font-size:14px;color:white; } #nav ul { list-style:none; padding:0 5px;clear:both; } #nav ul li { float:left; height:31px; line-height:31px;padding:0 0 0 12px; } #nav ul li a { display:block; padding:0 12px 0 0; } #nav ul li.current { background-position:left -69px; } #nav ul li.current a { font-weight:bold;background-position:right -69px; } #hot { font-size:12px;font-weight:bold;line-height:30px;padding:0 10px;clear:both; } #hot a { font-size:12px; padding:0 5px; } /* content ___________________________________________________________________*/ #content { clear;btoh; } h1 { font-size:18px;font-family:Arial;font-weight:normal;line-height:1.5; } .wrap { margin:10px 0 0 0;clear:both; width:100%; } .wrap:after { content:".";height:0;display:block;clear:both;visibility:hidden; } .col-1,.col-3,.col-5 { float:left;width:720px; border-bottom:2px solid #D9D9D9 } .col-2,.col-4 { float:right;width:220px; } .col-1 .head,.col-3 .head,.col-5 .head { height:32px;background-position:0 -100px;position:relative; } .col-1 .head .t,.col-3 .head .t, .col-5 .head .t { position:absolute;height:23px;bottom:0;background-position:left -132px;color:white; padding:0 0 0 10px;left:1em } .col-1 .head .t strong,.col-3 .head .t strong, .col-5 .head .t strong { display:block;line-height:23px;background-position:right -132px;padding:0 10px 0 0; } .col-3 .head .t,.col-5 .head .t { background-position:left -156px; } .col-3 .head .t strong,.col-5 .head .t strong { background-position:right -156px; } .col-3 .head .t a, .col-5 .head .t a { color:white;text-decoration:underline; } .col-3 .head .t a:hover, .col-5 .head .t a:hover { text-decoration:none; } .col-1 ul,.col-2 ul,.col-3 ul,.col-4 ul,.col-5 ul, .grid ul,.grid-2 ul { list-style-type:none; } .col-1 ul,.col-1 .bo { border-width:3px 1px 1px 1px; border-style:solid; border-color:#FF6C46 } .col-3 ul,.bo-2 { border-width:3px 1px 1px 1px; border-style:solid; border-color:#497CFF } .bo,.bo-2 { clear:both;width:718px; } .bo dl { float:left;width:178px;border-left:1px solid #E6E6E6; } .bo dl dt { font-weight:bold;background-color:#F4F4F4;line-height:21px; } .bo dl dt { padding:0 1.5em; } .bo dl dd a { display:block;padding:0 0 0 18px;width:160px;line-height:24px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis; } .bo dl dd a:hover { background-position:-440px -220px;color:red; } .col-2 { background-position:0 -180px;padding:3px 0 0 0; } .col-2 ul { background-color:#F6F8FA;border-left:1px solid #FD6B48;border-right:1px solid #FD6B48;clear:both; } .col-4 ul { background-color:white;border-left:1px solid #007FFF;border-right:1px solid #007FFF;clear:both;line-height:30px; } .col-2 .bt,.col-4 .bt { height:3px;font-size:0;line-height:0;clear:both; } .col-2 .bt { background-position:0 -213px; } .col-4 { background-position:-220px -180px;clear:right } .col-4 .bt { background-position:-220px -213px; } .col-4 h3 { height:32px;line-height:30px;color:white;padding:0 5px; } .col-4 ul.rank { background-position:-220px -216px; } .col-4 ul li { background-position:-440px -216px; } .col-4 ul li a { display:block;height:30px;width:200px;padding:0 0 0 18px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis; } .col-4 ul li a:hover { color:#F00; } .col-2 ul { padding:0 10px; } .col-2 ul li { line-height:31px;font-weight:bold; } .col-3 ul { width:716px;clear:both;padding:0 0 0 2px; } .col-3 ul:after,.bo:after, .bo-2:after,#pages:after, #system:after,#system ul:after, #sieve ul:after { content:".";height:0;display:block;clear:both;visibility:hidden; } .col-3 ul li { float:left;width:143px;text-align:center;margin:2px 0; } .col-3 ul li a { display:block; } .col-3 ul li a:hover { color:#053FD3 } .col-3 ul li img { width:120px;height:160px;background:#EFF4FF;padding:6px; } .subject { display:block;text-align:center;line-height:18px;width:120px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;cursor:pointer;margin:0 auto; } .col-3 .title a { color:#FFF; } .col-3 .title a:hover { text-decoration:none; } .col-5 { font-family:Verdana; } .col-5 .title { position:relative;display:block;overflow:hidden; } .col-5 .title cite { position:absolute; right:1em; top:0;font-size:12px;font-weight:normal;font-style:normal; } .col-5 .title,.col-5 .title a { font-size:14px;font-weight:bold;} .col-5 .title a { text-decoration:underline;background-position:0 -314px;padding:0 0 0 1.5em;color:#053FD3; } .col-5 .title a:hover { text-decoration:none; } .col-5 .des { display:block; } .col-5 .normal,.col-5 .des { color:#555; } .col-5 .normal strong { color:#000; } .col-5 ul li { padding:5px 1em;border-bottom:1px solid #A0B0D8; } .col-5 ul li.row { background-color:#F6F8FA; } .col-5 .head cite { float:right;font-style:normal;padding:0 10px;line-height:32px; } .type-red { color:red;font-weight:bold; } .bo-2 h1 { padding:0 0 0 1em;line-height:2;clear:both;color:#053FD3; } .mainSide { float:left;width:400px; } .mainSide ul li { border:none; } .mainSide ul li a { font-weight:bold;text-decoration:underline; } .mainSide ul li a:hover { text-decoration:none;color:#053FD3; } .rightSide { float:right;width:300px;text-align:right;overflow:hidden;text-align:center; } .rightSide img { padding:5px;max-width:200px;_width:expression(this.width> 200? "200px": "auto" ); } ul.ct li { text-align:left;float:left;line-height:2;padding:0 10px;width:80px; } .cols { float:left;width:316px; margin:20px 0 0 0;text-align:center; } /* button ___________________________________________________________________*/ .btn,.btn-2,.btn-3, .btn a,.btn-2 a,.btn-3 a, .btnb { display:inline-block;height:29px;font-size:14px;line-height:25px;color:white; } .btn,.btnb { background-position:-660px -180px;padding:0 0 0 17px; } .btn a,.btnb button { background-position:right -180px;padding:0 17px 0 0; } .btn-2 { background-position:-660px -209px;padding:0 0 0 17px; } .btn-2 a { background-position:right -209px;padding:0 17px 0 0; } .btn-4,.btn-4 a { display:inline-block; } .btn-4 { border:1px solid #BC3007; } .btn-4 a { height:20px;line-height:20px;background-color:#FF7049;padding:0 7px;color:white;border-width:1px;border-style:solid;border-color:#FFB49F #F65843 #F65843 #FFB49F;} .btnb,.btnb button { border:none;background-color: transparent; } .btnb button { font-size:14px;font-weight:bold;color:white;height:29px; } .mainSide ul li .btn a, .mainSide ul li .btn-2 a, .mainSide ul li .btn-3 a { text-decoration:none; } .mainSide ul li .btn a:hover { color:yellow; } .mainSide ul li .btn-2 a:hover { color:#9BF4FF; } .intro { float:left;width:380px;line-height:1.7;padding:0 5px;overflow-y:auto;word-wrap:break-word;height:300px; } .intro h3,#comment h3 { font-size:14px;font-weight:bold;clear:both;text-indent:1em;color:#053FD3; } .rd { float:right; width:320px; } #download li { border:0; } #download li cite { display:block;background-color:#FBFBFB;font-style:normal;padding:5px;border:1px solid #BECDDF } #download .rd { width:200px;margin:0 10px 0 0; } #download li .btn, #download li .btn a { display:block;background:none;padding:0;margin:0;color:#000;font-size:12px;height:20px;background-color:#FF7049;line-height:20px; } #download li .btn { border-bottom:1px solid #ff7049; } #download li .btn a { color:white;padding:0 5px;font-weight:bold; } #comment { padding:0 10px; } #comment h3 { margin:0 1em 0 0; } #comment .t a,#comment .t { color:#2B427B; } #comment .g { color:gray; } #comment .th td { background-color:#EFF4FF;padding:3px 5px } #comment .g,#comment .t { padding:3px 5px;border-bottom:1px dotted #CCC; } .grid,.grid-2 { margin:10px 0 0 0; } .grid-2 h1 a { color:#053FD3; } .grid { width:600px;float:left; } .grid-2 { width:300px;float:right; } .grid-2 ul { line-height:2; } .grid dl dt { background-color:#EFF4FF;border-bottom:1px solid #CAD5EE;padding:0 10px;line-height:2;color:#053FD3 } .grid dl dt.re { background-color:#EEE;border-bottom:1px solid #CCC; } .grid dl dt cite { float:right;font-style:normal;color:gray; } .grid dl dd { line-height:1.6;padding:5px;margin:0 0 1em 0;word-wrap:break-word; } #discussion { width:590px;background-color:#F5F5F5;border:1px solid #DDD;padding:5px;margin:15px 0 0 0; } #discussion .ht { clear:both;width:550px;line-height:2; } #discussion .ht label,#discussion .ht input { float:left; } .hb span { float:right;margin:0 10em 0 0; } /* pages ___________________________________________________________________*/ #pages { list-style:none;font-family:Tahoma;line-height:1.5;clear:both;width:700px;padding:5px;position:relative; } #pages li { float:left;margin:0 5px 0 0;padding:0;border:none; } #pages li a { display:block;border:1px solid #999;background-color:#F6F8FA;text-decoration:none; padding:0 5px; } #pages li a:hover { background-color:#FFF;border:1px solid #053fd3;color:#053FD3; } #pages li.current { border:1px solid #053FD3;background-color:#053FD3; } #pages li.current span { padding:0 5px;color:white; } #pages form { position:absolute;right:1em; } #link { border:1px solid #497CFF;background-color:#EFF4FF;padding:0 10px;line-height:2 } #footer,#link { clear:both;margin:10px 0 0 0; } #footer { color:gray; } #copyright { font-size:10px;color:#000; } #beian { color:#000;display:block; } .bo-2 hr { margin:0 5px;border-bottom:1px solid #D5DEE7;height:1px; } .clean { height:0;font-size:0;line-height:0;clear:both;width:100%; } .mt { margin:10px 0 0 0; } .cdd { margin:10px 0 0 0;clear:right; } .rbd { width:700px;margin:0 auto } /*System*/ #system { width:100%;margin:0 0 5px 0;border-bottom:1px solid #EEE } #system,#system ul { clear:both; } #system ul li { border:none;padding:0;margin:0;float:left; } #system ul.sc { height:1%;line-height:1.8;padding:4px;border-top:1px solid #becddf;background-color:#fbfbfb;border:1px solid #FF7049;border-top:1px solid #becddf; } #system ul.sc li { border:1px solid #cacaca;margin:0 5px 0 0;background-color:#e6e6e6; } #system ul.sc li a { display:block;padding:0 5px;background:#EEE;border-width:1px;border-style:solid;border-color:#FFF #888 #888 #FFF;line-height:1.8;text-decoration:none; } #system ul.sc li a:hover { background-color:#fff;color:#F00 } #system ul.sc li.current a { border-color:#888 #FFF #FFF #888;background-color:#F6F6F6;color:red;font-weight:bold; } #system ul.st { background-color:#EEE;height:1%;line-height:1.8;border:1px solid #FF7049;border-bottom:1px solid #ff7049; } #system ul.st li { width:155px;padding:0 0 0 10px; } #system ul.st li a { color:#04D } #system ul.st li.current a { font-weight:bold;color:red; } /*sieve*/ #sieve { width:100%;margin:0 0 5px 0;border-bottom:1px solid #EEE;position:relative; } #sieve ul,#sieve ul li { padding:0;margin:0;border:none; } #sieve ul li { float:left; } #sieve ul { clear:both;height:1%; } #sieve ul.sup { background-color:#FF7049; } #sieve ul.sup { background-color:#FF7049;height:1%;line-height:1.8;border:1px solid #FF7049;border-bottom:1px solid #ff7049;position:relative;z-index:10; } #sieve ul.sup li.tp { padding:0 0 0 5px;} #sieve ul.sup li a { color:white;display:block;padding:0 6px;height:20px;line-height:20px;float:left;font-weight:bold; } #sieve ul.sup li.current { margin:0 0 -2px 0;position:relative;} #sieve ul.sup li.current a { background-color:#FBFBFB;border:1px solid #FF7049;color:red;border:1px solid #FBFBFB; } #sieve ul.sub { height:1%;line-height:1.8;padding:4px;border-top:1px solid #becddf;background-color:#fbfbfb;border:1px solid #FF7049;border-top:1px solid #becddf; } #sieve ul.sub li { padding:0 5px } #sieve ul.sub li a { color:#04D } #sieve ul.sub li.current a { border-color:#888 #FFF #FFF #888;background-color:#F6F6F6 }