/* Layout */ #page{ margin:auto; width:960px;} #content{ margin:0px 0;} #content .webIndex{ padding:6px; overflow:auto; _zoom:1; background:#F6F6F6;} #content .webIndex .focus{ float:left; padding:10px 12px; overflow:hidden; width:276px; height:520px; border:1px solid #E4E4E4; background:#EEF3F8;} #content .webIndex .focus .big{ padding-bottom:8px; border-bottom:1px solid #E4E4E4;} #content .webIndex .focus .big img{ width:270px; height:160px; border:2px solid #E4E4E4;} #content .webIndex .focus h2{ padding:7px 0; text-align:left; text-indent:16px;} #content .webIndex .focus h2 a,#content .works .commend .box .intro h4 a,#content .levelA .commend .body .mod h4 a{ font:bold 16px/136% Tahoma; color:#0079B5;} #content .webIndex .focus p,#content .works .commend .box .intro p,#content .levelA .commend .body .mod p{ line-height:160%; text-align:left; color:#373737;} #content .webIndex .focus .small{ margin-top:10px; overflow:auto; _zoom:1;} #content .webIndex .focus .small .photo,#content .works .commend .box .photo,#content .levelA .commend .body .mod .photo{ float:left; padding:3px; width:80px; height:100px; background:url(/css/image/bg_focus_book.gif) no-repeat;} #content .webIndex .focus .small .photo img,#content .works .commend .box .photo img,#content .levelA .commend .body .mod img{ width:80px; height:100px;} #content .webIndex .focus .small .intro,#content .works .commend .box .intro,#content .levelA .commend .body .mod .intro{ float:left; margin-left:8px; overflow:hidden; width:182px; height:110px; text-align:left;} #content .webIndex .focus .small .intro h2 a,#content .works .commend .box .intro h4 a,#content .levelA .commend .body .mod h4 a{ margin-bottom:6px; font-size:14px; line-height:148%;} #content .webIndex .focus .small .intro h2 a{ line-height:100%; margin-bottom:3px; text-indent:0;} #content .webIndex .index{ float:left; margin-left:6px; padding:10px 12px; overflow:hidden; width:418px; height:520px; text-align:left; border:1px solid #E4E4E4; background:#FFF;} #content .webIndex .index .all a{ padding-right:8px;} #content .webIndex .index .all{ padding-bottom:6px; border-bottom:1px solid #E4E4E4;} #content .webIndex .index .all h2 a{ font:bold 14px/160% Tahoma; color:#B13200;} #content .webIndex .index .all h3 a{ font:bold 12px/200% Tahoma; color:#363636;} #content .webIndex .index .all p{ line-height:200%; color:#363636;} #content .webIndex .index .all p a{ color:#363636;} #content .webIndex .index .cate{ padding-bottom:6px; border-bottom:1px solid #E4E4E4;} #content .webIndex .index .cate h2{ margin-top:6px; font:bold 14px/212% Tahoma; text-indent:70px; background-position:left center; background-repeat:no-repeat;} #content .webIndex .index .cate h2 a{ padding-right:8px; color:#0079B5;} #content .webIndex .index .cate ul{ overflow:auto; _zoom:1;} #content .webIndex .index .cate li{ float:left; width:200px;} #content .webIndex .index .cate li a{ font:12px/176% SimSun; color:#373737;} #content .webIndex .index .cate li .title{ padding-left:8px; color:#0079B5;} #content .webIndex .index .lz h2{ background-image:url(/css/image/title_cate_lz.png);} #content .webIndex .index .wj h2{ background-image:url(/css/image/title_cate_wj.png);} #content .webIndex .index .vip{ border:none;} #content .webIndex .index .vip h2{ background-image:url(/css/image/title_cate_vip.png);} #content .webIndex .index .vip h2 a{ color:#B13200;} #content .webIndex .index .help{ margin:13px -12px 0 -12px\9; *margin:18px -12px 0 -12px; padding-left:12px; overflow:hidden; height:32px; line-height:32px; border-top:1px solid #E7E7E7; background:url(/css/image/bg_index_help.png) repeat-x;} #content .webIndex .index .help strong{ font-weight:bold;} #content .webIndex .index .help a{ padding-right:24px;} #content .column{ float:right; width:190px; background:#FFF;} #content .column .box{ border:1px solid #CFDCE5; text-align:left;} #content .column .box h2{ position:relative; overflow:hidden; height:27px; font:14px/27px Tahoma; color:#344E63; background:url(/css/image/title_box_blue.png) repeat-x;} #content .column .box h2 .title{ padding-left:18px; display:block; height:100%; background:url(/css/image/bg_title_blue_dot.png) no-repeat;} #content .column .box h2 .tab{ position:absolute; top:0; right:0; font-size:12px;} #content .column .box h2 .tab a{ display:inline-block; *display:inline; zoom:1; overflow:hidden; width:42px; text-align:center;} #content .column .box h2 .tab .m{ margin-left:2px; width:41px;} #content .column .box h2 .tab a:hover,#content .column .box h2 .tab .active{ font-weight:bold; background:url(/css/image/bg_title_tab_on.png) no-repeat;} #content .column .box ul{ padding:5px 10px; line-height:184%;} #content .column .box ul li{ padding:0 3px;} #content .column .box li span{ padding-right:3px; font:bold 11px Tahoma;} #content .column .webAd{ margin-top:6px;} #content .column .webAd ul{ padding:4px 6px; padding:8px 6px 7px 6px\9; *padding:4px 6px;} #content .column .webAd li{ height:23px;width:165px;line-height:23px;overflow:hidden;} #content .column .webAd .hot{ color:#F00;} #content .column .webAd .hot a{ color:#F00;} #content .column .webAd li span{ font:12px SimSun;} #content .works{ padding:6px; overflow:auto; _zoom:1;} .hotay {margin:10px 0 0 0; background:#eef2f6; border:1px #aabacb solid; line-height:26px; text-align:center;} .hotay a {color:#000; font-size:13px; margin:0 0 0 15px;} .hotay a:hover {color:#f00;} #content .levelA .commend .body ul .name{ color:#004C72; display:inline-block; margin:0 0 0 5px;} #content .works .commend{ float:left; width:752px; text-align:left;} #content .works .commend h2{ margin-bottom:1px; overflow:hidden; height:34px; font:bold 14px/36px Tahoma; color:#004C72; background:url(/css/image/title_works.png) no-repeat;} #content .works .commend h2 span{ padding-left:26px; display:block; width:119px; text-align:center;} #content .works .commend .mod{ overflow:auto; _zoom:1;} #content .works .commend .box{ margin:8px 6px 0 0; float:left; width:371px; border:1px solid #D2DEE7;} #content .works .commend .noMargin{ margin-right:0;} #content .works .commend .box h3{ overflow:hidden; height:23px; font:14px/23px Tahoma; text-indent:12px; border-bottom:1px solid #D2DEE7; color:#004C72; background:url(/css/image/title_commend_box.png) repeat-x;} #content .works .commend .box .spacing{ padding:8px 12px;} #content .works .commend .box .hot{ overflow:auto; _zoom:1; height:116px;} #content .works .commend .box .intro{ width:253px;} #content .works .commend .box .intro h4 a{ line-height:160%;} #content .works .commend .box li{ line-height:180%;} #content .works .commend .mod ul a,#content .levelA .commend .body ul a{ display:inline-block; *display:inline; zoom:1; color:#313131;} #content .works .commend .mod ul .cate,#content .levelA .commend .body ul .cate{ padding-right:6px; font-family:SimSun; color:#0070B8;} #content .works .commend .mod ul .chapter,#content .levelA .commend .body ul .chapter{ padding-left:6px; width:162px; color:#939393;} #content .works .column{ margin-top:4px;} #content .editor .commend .box ul{ overflow:auto; _zoom:1;} #content .editor .commend .box ul li{ float:left; width:160px; color:#0070B8;} #content .editor .commend .box ul li a{ padding-left:8px;} #content .works .column .box ul{ padding:2px 6px; padding:7px 6px\9; *padding:2px 6px;} #content .levelA .commend h2{ background:url(/css/image/title_works_levelA.png) no-repeat;} #content .levelA .commend h2 span{ padding-left:31px; width:130px; color:#2D3E43;} #content .levelA .commend .body{ margin-top:8px; padding:12px 12px 1px 12px; overflow:auto; _zoom:1; border:1px solid #CAD3E7;} #content .levelA .commend .body .story{ float:left; width:306px;} #content .levelA .commend .body .mod{ margin-bottom:10px; overflow:auto; _zoom:1; width:316px;} #content .levelA .commend .body .mod .photo{ width:111px; height:135px; background:url(/css/image/bg_works_photo_b.gif) no-repeat;} #content .levelA .commend .body .mod img{ width:111px; height:135px;} #content .levelA .commend .body .mod .intro{ width:180px; height:141px;} #content .levelA .commend .body .mod .intro p{ text-indent:12px; color:#787878;} #content .levelA .commend .body ul{ float:right; width:400px; line-height:182%;} #content .levelA .commend .body ul .chapter{ width:200px;} #content .levelA .column .box ul{ padding:2px 6px; padding:4px 6px 5px 6px\9; *padding:2px 6px;} #content .levelA .column .box h2 .title{ width:1px;} #content .levelA .column .box h2 .tab{ font-size:14px;} #content .levelA .column .box h2 .tab a{ width:80px;} #content .levelA .column .box h2 .tab .m{ width:79px;} #content .levelA .column .box h2 .tab a:hover,#content .levelA .column .box h2 .tab .active{ font-weight:normal; background:url(/css/image/bg_title_tab_on_w.png) no-repeat;} #content .levelA .column .box li span{ font:12px SimSun;} #content .levelA .column .box li span a{ color:#344E63;} #content .vip .commend h2{ background:url(/css/image/title_works_vip.png) no-repeat;} #content .vip .commend h2 span{ padding-left:35px; width:119px; color:#2D3E43;} #content .vip .commend .body{ padding-right:0;} #content .vip .commend .body .mod{ float:left; margin:4px 12px 12px 0; padding-bottom:12px; border-bottom:1px dotted #DEDEDE; width:350px;} #content .vip .commend .body .noBorder{ border:none;} #content .vip .commend .body .mod .photo{ width:80px; height:100px; background:url(/css/image/bg_focus_book.gif) no-repeat;} #content .vip .commend .body .mod .photo img{ width:80px; height:100px;} #content .vip .commend .body .mod .intro{ width:256px; height:100px;} #content .vip .commend .body .mod .intro p{ margin-top:4px; color:#313131} #content .vip .column .box h2 .title{ width:auto;} #content .vip .column .box ul{ padding:2px 6px; padding:10px 6px\9; *padding:1px 6px; _padding:7px 6px;} #content .update{ padding:0 6px;} #content .update .body .index{ float:left; width:154px;} #content .update .body .index .box{ margin:0 0 6px 0; width:100%; border:1px solid #DADADA;} #content .update .body .index .box li span{ padding-left:6px; font-family:SimSun;} #content .update .commend h2{ position:relative; overflow:hidden; height:27px; font:14px/27px Tahoma; color:#344E63; background:url(/css/image/title_box_gray.png) repeat-x;} #content .update .commend h2 .title{ padding-left:18px; display:block; height:100%; text-align:left; background:url(/css/image/bg_title_gray_dot.png) no-repeat;} #content .update .commend .body{ margin:0; padding:0; border:none;} #content .update .commend .body .index .box ul{ float:none; padding:2px 6px; padding:4px 6px 5px 6px\9; *padding:3px 0; _padding:5px 0; width:auto;} #content .update .commend .body .index .bbs ul{ padding:0 0 3px 0\9; *padding:8px 0 3px 0;} #content .update .commend .body .index .bbs ul li{ _line-height:200%;} #content .update .commend .body .index li{ line-height:186%;} #content .update .body .new{ float:left; margin-left:8px; _margin-left:6px; width:588px; text-align:left; border:1px solid #C9D4DA;} #content .update .body .new h2{ position:relative; font-weight:bold;} #content .update .body .new h2 .more{ position:absolute; top:0; right:0; padding-right:21px; display:block; height:100%; font:12px/26px SimSun; background:url(/css/image/title_update_new_more.png) right top no-repeat;} #content .update .body .new ul{ float:none; padding:6px 12px 5px 12px\9; *padding:4px 12px 3px 12px; _padding:21px 12px; width:auto; line-height:206%; background:url(/css/image/bg_update.png) #FFF repeat-x;} #content .update .body .new li a{ display:inline-block; *display:inline; zoom:1; font-size:14px;} #content .update .body .new li .cate{ width:47px; color:#3A3A3A;} #content .update .body .new li .name{ color:#0070B8;} #content .update .body .new li .name span{ font-size:12px; color:#3A3A3A;} #content .update .body .new li .name:hover{ text-decoration:none;} #content .update .body .new li .author{padding-left:20px;font-size:12px; text-align:left; color:#762400;} .editor .zpslt { padding:5px 5px 5px 5px; line-height:18px; color:#333;} .editor .izpslt {float:left; padding:5px 5px 0 5px;} #content .update .body .new li .date{ width:50px; font-size:12px; float:right; margin:-24px 10px 0 0; *margin:-24px 0 0 0; display:inline;} #content .levelA .commend .body ul .namesd {float:right; margin:-24px 0 0 0;} #content .update .column{ margin:0;} #content .update .column .editor{ margin-top:6px;} #content .update .column .editor div{ padding:8px; overflow:auto; _zoom:1; height:162px; line-height:160%; color:#4D5F6D;} #content .update .column .editor img{ float:left; margin:0 6px 6px 0; border:1px solid #C9D4DA;} #content .update .column .editor a{ display:block; font:14px/200% Tahoma; color:#4D5F6D;} #friendLink{ padding:0 12px 8px 12px; text-align:left; border:1px solid #B9CEDB; border-left:none; border-right:none; background:#F3F5F7;} #friendLink h2{ font:bold 12px/240% Tahoma; color:#004976;} #friendLink a{ padding-right:12px; line-height:172%; color:#4F4F4F;}