/* Reset __________________________________________________________ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family:Verdana, Arial, Helvetica, sans-serif } cite { font-style:normal } strong { font-weight:bold } body { font-size:12px;color:#000;background:#FAFAFA url(../images/bg.gif) repeat-x 0 0; } /* @ Tables */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } /* @ link */ a:link,a:visited {text-decoration:none} a:link { color:#039 } a:hover { text-decoration:underline; } /* @ forms */ label,button { cursor: pointer; } input { font-size:12px; } input.text,textarea.text { border:1px solid #6189C6; padding:3px 4px; font-family:Verdana, Arial, Helvetica, sans-serif; } /* body __________________________________________________________ */ #outer { width:960px;margin:0 auto } #outer:after { content:".";height:0;display:block;visibility:hidden;clear:both } #header { height:84px;width:960px;clear:both;position:relative } #header .logo { width:200px;position:absolute;left:0;top:10px;padding:0 0 0 30px } #header .sbox { width:360px;position:absolute;left:200px;top:8px;background:url(../images/sbox.gif) no-repeat center center;height:50px } #header .sbox .bg { background-color:#F5F8FF;padding:2px } #header .sbox form, #header .sbox .bg, #header .sbox input, #header .sbox button { float:left;margin:0; } #header .sbox form { padding:10px 0 0 0 } #header .sbox input { width:250px;background:#FFF url(../images/input-bg.gif) no-repeat scroll 0 0;border-color:#7C7C7C #CECECE #C3C3C3 #7C7C7C;border-style:solid;border-width:1px;font-size:14px;padding:5px 5px; } #header .sbox button { padding:0;border:none;background:url(../images/button.gif) no-repeat 0 0;width:70px;height:27px;font-size:14px;font-weight:bold;color:#FFF; } #header .right { position:absolute;right:0;top:34px;width:280px;text-align:center } #nav { width:960px;height:71px;background:url(../images/nav_bg.gif) repeat-x 0 0 } #nav .headMenu { list-style:none;height:36px;line-height:26px;padding:0 10px;color:#709f0f } #nav .headMenu li { float:left;padding:4px } #nav .headMenu li a { font-size:14px;font-weight:bold;color:#FFF;display:block;float:left;padding:0 3px;white-space:nowrap } #nav .headMenu li a:hover { text-decoration:none;background-color:#8bc119;color:yellow } #nav .headMenu li.current a { background-color:#7db20f;height:26px } #nav .flist { line-height:35px;color:#CCC;padding:0 10px;background-color:#EEE;height:35px } #nav .flist a { color:#000;padding:0 6px } .rows { float:left;width:960px;margin:10px 0 0 0 } #slider { float:left;width:250px;height:320px;background-color:#EEE;overflow:hidden;position:relative } #slider .imgWrap { width:250px;height:320px;overflow:hidden;position:relative } #slider .imgWrap img { width:250px;height:320px;background-color:#FFF } #slider .imgWrap ul { height:320px;position:absolute;list-style:none;padding:0;margin:0 } #slider .imgWrap ul li { height:320px;float:left;position:relative } #slider .imgWrap ul li div, #slider .imgWrap ul li div span, #slider .imgWrap ul li div a { display:block;position:absolute;bottom:0;left:0;width:100%;height:34px;} #slider .imgWrap ul li div span { filter:alpha(opacity=50);opacity: 0.5;background:#000 } #slider .imgWrap ul li div a { line-height:34px;overflow:hidden;padding-left:16px;text-decoration:none;font-size:14px;color:#fff;font-weight:bold } #slider .mybtn { position:absolute;top:5px;right:5px } #slider .mybtn ul { list-style:none;padding:0;margin:0 } #slider .mybtn ul li { list-style:none;text-indent:-9999px;text-align:center;float:left;width:12px;height:4px;line-height:0px;font-size:0px;margin-left:4px;overflow:hidden;background:#CCC;cursor:pointer } #slider .mybtn ul li.current { background:#A5DA35 } #slider #myloading { text-align:center;position:absolute;height:100%;width:100%;z-index:999;background:#EEE url(../images/ajax-loader.gif) no-repeat center center } #ftext { float:left;width:488px;margin:0 10px;background:url(../images/ftext.gif) no-repeat left top;padding:30px 0 0 0 ;} #ftext dt { background:url(../images/line.gif) repeat-x 0 center;width:490px;} #ftext dt a { font-size:16px;background:#FFF url(../images/ti.gif) no-repeat left top;padding:0 5px 0 15px;} * html #ftext dt a { font-size:16px;background:#FFF url(../images/ti.gif) no-repeat left top;padding:0 5px 0 13px;} #ftext dt .author { float:right } #ftext dt .author a { font-size:12px;background-image:none;padding:0 5px;line-height:18px;color:#8EC31F } #ftext dd { color:#555;padding:0 0 0 1em;margin:0 0 15px 0;line-height:18px;width:470px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis } .side { float:left;width:200px } .column { float:left;width:200px;background:url(../images/corner.gif) no-repeat center top;padding:1px 0 0 0 } .column .content { float:left;width:198px;border-left:1px solid #A1D731;border-right:1px solid #A1D731;border-top:2px solid #D9FC8F;line-height:30px;padding:5px 0 } .column .end { float:left;width:200px;background:url(../images/corner.gif) no-repeat center bottom;height:1px;line-height:1px;font-size:1px } .column label { display:block;float:left;width:55px;text-align:right;height:20px;line-height:20px } .column #username, .column #password { margin:0;float:left;background:#FFF url(../images/input-bg.gif) no-repeat scroll 0 0;border-color:#7C7C7C #CECECE #C3C3C3 #7C7C7C;border-style:solid;border-width:1px;font-size:12px;padding:2px 2px;width:120px } .column .bottom { float:left;line-height:21px;height:21px;width:180px;padding:5px 0 0 9px } .column .bottom input { float:none;margin:0;padding:0 } #loginPanel,#userPanel { height:90px } #userPanel .face { line-height:20px } #userPanel .face img { float:left;margin:0 3px;border:1px solid #CCC;background-color:#FFF;padding:2px } #userPanel .userBar { clear:both;padding:0 5px;line-height:16px } #userPanel a { color:#000 } .column button, .column .input_sub { height:21px;width:48px;background:url(../images/button.gif) no-repeat 0 -27px;border:none;line-height:21px;font-weight:bold;color:#FFF } #userList { float:left;width:200px;background:url(../images/corner.gif) no-repeat center top;padding:1px 0 0 0;margin:5px 0 0 0 } #userList .content { line-height:20px;padding:0 } #userList .content h3 { background-color:#F6FFE2;padding:0 10px;font-weight:bold;line-height:21px } #userList .content ul { background:url(../images/num.gif) no-repeat 0 0;padding:0 0 0 20px;list-style:none } #userList .content ul a { color:#000 } #userList .content ul li cite { float:right;padding-right:5px;color:#999 } #forumArea { float:left;width:956px;padding:2px;background-color:#F6F6F6;margin:10px 0 0 0 } #forumArea .columnLeft { float:left;border:1px solid #DBDBDB;background:#FFF url(../images/page_bg.gif) repeat-y 0 0;width:724px;padding:0 10px } #forumArea .columnRight { float:right;width:196px;padding:0 5px;border:1px solid #DBDBDB;background-color:#FFF } #forumArea .columnLeft .title1 { height:36px;border-bottom:1px solid #EEE;position:relative } #forumArea .columnLeft .title1 h3 { background:url(../images/title1.gif) no-repeat 0 0;width:72px;height:26px;position:absolute;bottom:-1px;left:10px;overflow:hidden;text-indent: -9999px; } #forumArea .columnLeft .title1 .more { position:absolute;right:10px;top:12px } .textlist-1 { float:left;+width:240px!important;width:239px;border-right:1px solid #E7E7E7;margin:5px 0 } .textlist-1 ul { list-style:none none;line-height:22px;} .textlist-1 ul li { height:22px;background:url(../images/acrow.gif) no-repeat 0 10px;*background-position:0 7px;padding:0 0 0 10px;width:219px;overflow:hidden;white-space:nowrap;-o-text-overflow: ellipsis;text-overflow:ellipsis } .piclist-1 { float:left;width:484px;margin:0 0 5px 0 } .piclist-1 ul { list-style:none;float:left;width:484px } .piclist-1 ul li { float:left;width:460px;padding:3px 10px;border-bottom:1px solid #EEE;margin:3px 0 0 4px;display:inline} .piclist-1 ul li a { color:#555;width:300px;word-break:break-all } .piclist-1 ul li a:hover { color:#039;} .piclist-1 ul li .cover { float:left;width:120px;height:75px;text-align:center;background-color:#F0F0F0 } .piclist-1 ul li img { max-width:100px;max-height:75px;_width:expression(this.width > 100 && (this.height-75)<= (this.width-100) ? 100:true);_height:expression(this.height >75 &&(this.height-75)>(this.width-100)? 75:true);} .piclist-1 ul li .subject { font-size:18px;display:block;width:320px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis } .piclist-1 ul li a .subject { color:#039 } .columnRight ul { list-style:none;line-height:22px;padding:2px 0 1px 0 } .columnRight ul li { background:url(../images/acrow.gif) no-repeat 0 10px;*background-position:0 7px;height:22px;padding:0 0 0 8px;width:186px;overflow:hidden;white-space:nowrap;-o-text-overflow: ellipsis;text-overflow:ellipsis } .columnRight .title4 { border-bottom:1px solid #EEE;height:26px;line-height:26px } .columnRight .title4 h3 { font-weight:bold;color:#89C213;padding:0 0 0 10px } .#forumArea:after, .#forumArea .columnLeft:after, .piclist-1 ul:after { content:".";height:0;display:block;visibility:hidden;clear:both } #picArea { float:left;width:956px;padding:1px;border:1px solid #F0F0F0;background-color:#89C213;margin:10px 0 0 0 } #picArea .content { background-color:#FFF;float:left;width:956px;position:relative;height:160px } #picArea .title { position:absolute;width:12px;padding:10px 9px 0 7px;height:71px;left:5px;top:-3px;background:url(../images/title_bg.gif) no-repeat 0 0;font-weight:bold;color:#FFF;} #picArea ul { list-style:none;padding:5px 10px 5px 35px } #picArea ul li { float:left;display:inline;width:120px;margin:0 0 0 9px;text-align:center } #picArea ul li .thumb { height:120px;width:120px;font-size:100px;font-family:Arial;vertical-align:middle;display:table-cell;*display:block } #picArea ul li .thumb img { background-color:#EEE;vertical-align:middle;max-width:120px;max-height:100px;_width:expression(this.width > 120 && (this.height-100)<= (this.width-120) ? 120:true);_height:expression(this.height >100 &&(this.height-100)>(this.width-650)? 100:true); } #picArea ul li .subject { display:block;white-space:nowrap;overflow:hidden;width:120px;text-overflow:ellipsis; } #picArea ul li .subject a { font-family:"Simsun" } #buyArea { float:left;width:960px;margin:10px 0 0 0 } #buyArea .column1, #buyArea .column2, #buyArea .column3 { float:left } #buyArea .column1, #buyArea .column2 { width:356px;border:1px solid #F0F0F0;background-color:#F8B62B;padding:1px;margin:0 10px 0 0 } #buyArea .column1 .content .enter, #buyArea .column2 .content .enter { position:absolute;right:10px;top:8px } #buyArea .column1 .content, #buyArea .column2 .content { background-color:#FFF;float:left;width:346px;padding:0 5px } #buyArea .content ul { list-style:none } #buyArea .content li { padding:5px;line-height:18px;color:#666 } #buyArea .content .subject { display:block;padding:0 0 0 8px;background:url(../images/acrow.gif) no-repeat 0 6px } #buyArea .content cite { padding-left:8px; } #buyArea .content cite a { color:#000;text-decoration:underline;color:#666 } #buyArea .content cite a:hover { text-decoration:none;color:red } #buyArea .column3 { width:218px;border:1px solid #D0D0D0;background-color:#FFF;float:left } #buyArea .column3 h3 { line-height:25px;font-weight:bold;padding:0 0 0 8px;background:url(../images/title1.gif) repeat-x 0 -76px;height:25px;float:left;width:210px } #buyArea .column3 ul { padding:1px 0 2px 4px;float:left;width:214px;float:left } #buyArea .column3 ul li { float:left;width:200px;padding:0 4px;margin:0;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap } /*#buyArea .column3 ul li img { border:1px solid #CCC;width:60px;height:60px;_display:block }*/ #buyArea .column1 .title2, #buyArea .column2 .title3 { height:30px;border-bottom:1px solid #EEE;position:relative } #buyArea .column1 .title2 h3, #buyArea .column2 .title3 h3 { /*background-image:url(../images/title1.gif);background-repeat:no-repeat;*/position:absolute;overflow:hidden;width:71px;height:25px;/*text-indent:-99999px;*/left:5px;bottom:-1px;font-size:14px;color:orange } #buyArea .column1 .title2 h3 { background-position:0 -26px } #buyArea .column2 .title3 h3 { background-position:0 -51px } #msgWrap { float:left;width:960px;border-top:2px;border-top:2px solid #EEE } #msgWrap .msg { text-align:center;padding:50px 0 } #msgWrap .msg h1 { font-weight:normal;font-size:18px } #msgWrap .done { border:1px solid #A1D731;padding:60px;background-color:#f4fedd } #msgWrap .bad { border:1px solid #f8b62b;padding:60px;background-color:#FFC } .subtn a { margin:0;display:block; padding:0;border:none;background:url(../images/button.gif) no-repeat 0 0;width:70px;height:27px;line-height:27px;font-size:14px;font-weight:bold;color:#FFF; } .iad960 { float:left;width:960px;margin:10px 0 0 0;background-color:#FFF } .a468 { width:468px;height:60px;margin:0 auto;background-color:#F5F5F5;} #link { float:left;width:948px;margin:10px 0 0 0;background-color:#FFF;border:1px solid #CCC;padding:5px } #footer { text-align:center;padding:40px 0;float:left;width:960px }