﻿/* CSS Document */
*{ margin:0px; padding:0px; }
body{ font-size:12px; font-family:"宋体", Arial, Helvetica, sans-serif; background:#FFFFFF url(images/wrapperbackground.jpg) repeat; color:#4F4F4F; }
a:visited, a:link{ text-decoration:none; color:#4F4F4F; }
a:hover{ text-decoration:underline; }
ul {list-style:none;}
li{ list-style:none; }
img{ border:0px;}
.clear{ clear:both; }

#wrapper{ width:980px; margin:0px auto; padding-top:30px; }
/* formbox */
#formbox{ height:31px; color:#F1E2C5; background-image:url(images/headerbiankuang.jpg); text-align:right; padding-top:23px; padding-right:10px; }
#formbox input{ height:19px; vertical-align:middle; }
#TxtUserName, #TxtPassword, #keyword{ margin-right:5px; border:#999999 solid 1px;}
#TxtUserName, #TxtPassword{ width:80px; }
#LoginFrom, #PnlLogOnStatus{ display:inline; padding:0px 40px 0px 5px;}
#main_search{ display:inline;}
#formbox a{ color:#F6FDC9; }
/* logo */
#logo{ background:url(images/headlogo2.jpg) no-repeat right top; }
#logo img{ float:left; width:auto; }
.keep{ float:right; width:73px; margin-top:6px; padding-left:8px; background:url(images/logo3.jpg) no-repeat left center; }
#logo a{ color:#660000; }
/* menu */
#menu{ height:39px; background:url(images/headermenu.jpg) repeat-x; }
#menu ul{ width:auto; float:left; line-height:39px; padding-left:20px; }
#menu li{ width:104px; float:left; font-size:14px; font-weight:bold; text-align:center; letter-spacing:2px; }
#menu a{ color:#FFFFCC; }
#menu a:hover{ width:98px; display:block; color:#CC0033; background:url(images/headermenua.jpg) no-repeat; text-decoration:none; }

/* mainbody */
#mainbody{ width:960px; background-color:#FFFFFF; padding:10px; }

/* contentbox */
#contentbox{ width:682px; float:right; }
/* maincontent */
#maincontent{ width:456px; float:left;}
/* roll */
#roll{ border:1px solid #A09F9B; }
#roll marquee{ width:auto; line-height:28px; height:28px; overflow:hidden; background-color:#F5F6E6; padding:0px 15px; }
#roll li{ width:auto; float:left; background:url(images/middleli.jpg) no-repeat left center; padding:0px 12px 0px 8px; }
/* news */
#news{ height:1%; border:1px solid #A09F9B; }
.news_title{ color:#FFFFCC; background:url(images/contentmiddlemulu.jpg) no-repeat center; height:42px; line-height:16px; padding:28px 50px 0px 50px; }
.news_title h2{ width:auto; font-size:14px; float:left; }
#news .news_title a{ color:#FFFFCC; }
.newsheader{ width:auto; font-weight:normal; float:right; }
.news_img{ float:left; padding:0px 20px 15px 20px; }
.news_img img{ width:150px; height:104px; }
#news ul{ width:auto; float:left; line-height:21px; }
.news_centent li{ background:url(images/middleli.jpg) no-repeat left center; padding-left:10px; }
#ad1{ margin:10px 0px; }
/* ���ר�� */
#areared, #areablue{ height:27px; line-height:27px; background:url(images/areamenu.jpg) repeat-x left bottom; }
#areared h2, #areablue h2{ width:auto; float:left; font-size:14px; padding-left:15px; }
#tabtitle, #tabtitle1{ width:auto; float:right; }
#tabtitle a, #tabtitle1 a{ width:69px; display:block; text-align:center; background:url(images/contentmiddlelink_01.jpg) no-repeat left top; font-weight:bold; float:left; }
#tabtitle a:hover, #tabtitle1 a:hover{ text-decoration:none; }
#tabtitle .current, #tabtitle1 .current{ background-image:url(images/contentmiddleanniu.jpg); }
.area_box{ height:1%; border-left:1px solid #A09F9B; border-right:1px solid #A09F9B; border-bottom:1px solid #A09F9B; padding:0px 0px 10px 10px; margin-bottom:10px;}
.area_img{ width:114px; height:138px; overflow:hidden; float:left; padding-top:10px; }
.area_img img{ width:114px; height:138px;}
.area_content{ width:318px; float:left; padding:10px 0px 0px 10px; }
.area_content li{ height:23px; line-height:23px; width:146px; background:url(images/middleli.jpg) no-repeat left center; padding:0px 5px 0px 8px; overflow:hidden; float:left; }
.hide_box{ display:none; }
/* areablue */
.areagray{ border:1px solid #A09F9B; padding:0px 0px 10px 10px; background:url(images/contentanniubackground.jpg) repeat-x top; }
.blue_title{ padding:5px 10px 0px 15px; }
.areagray h2{ width:auto; float:left; font-size:14px; }
.more{ width:auto; float:right; }
.bluebox{ width:auto; float:left; padding:10px 0px 0px 10px; }
.bluebox li{ height:23px; line-height:23px; width:136px; background:url(images/middleli.jpg) no-repeat left center; padding-left:8px; overflow:hidden; float:left; }
/* mainphoto */
#mainphoto{ width:456px; border:1px solid #A09F9B; margin-top:9px; }
#left{ width:auto; float:left; }
#middle{ width:auto; float:left; background-color:#ECDFBD; padding:5px 0px 5px 0px; }
#middle img{ width:105px; height:111px; overflow:hidden; padding:0px 11px; }
#right{ width:21px; height:91px; background-image:url(images/dgscgg.jpg); float:left; padding:30px 0px 0px 12px; }
#right a{ color:#82171F; }
#right a:hover{ text-decoration:none; }

/* mainlist */
#mainlist{ width:214px; float:right; }
/* listcontent */
#listcontent{ padding-top:10px; border:1px solid #A09F9B; background-color:#F5F6E6; }
.notice{ padding:10px 10px; line-height:21px; overflow:hidden;}
.notice li{ background:url(images/middleli.jpg) no-repeat left center; padding-left:8px; }
.columns{ float:left; width:92px; padding:10px 0px 10px 10px; text-align:center; line-height:20px; }
.columns_a{ float:right; width:92px; padding:10px 10px 10px 0px; text-align:center; line-height:20px; }
.li_a{ font-weight:bold; }
.authorlist{ float:left; padding:10px 10px 10px 5px;}
.authorlist li{ float:left; width:60px; overflow:hidden; padding-left:5px; height:20px; line-height:20px; }
.assess{ font-size:12px; padding:18px 10px; text-align:center; }
.assess_a{ padding-left:50px; }
.magazine{ font-weight:bold; }
#ad2 {padding-top:8px; width:214px; height:80px; overflow:hidden;}

/* listbox */
#listbox{ float:left; width:264px; border:1px solid #A09F9B; background-color:#F5F6E6; }
#cover{ background:url(images/tags.jpg) repeat-y; padding:5px; }
#cover_a{ width:254px; height:354px; overflow:hidden; }
#cover_a img{ width:254px; height:354px; margin-bottom:10px;}
.cover_b{ padding-right:1px; }
#date{ padding:10px; }
#date img{ width:auto; float:left; margin-top:15px; }
.date_a{ width:182px; padding:5px; float:right; font-size:14px; font-weight:bold; text-align:center; line-height:20px; background-color:#CECFC1; }
/* title */
.title{ height:29px; line-height:29px; background-image:url(images/tags.jpg); padding:0px 10px 0px 10px; color:#FFFFCC; }
.title h2{ width:auto; float:left; font-size:14px; }
.title_a{ width:auto; float:right; }
#mainbody .title a{ color:#FFFFCC; }
.titlebox{ padding:10px; line-height:20px; }
.tougao{ border-top:#CCCCCC solid 1px; width:264px; overflow:hidden;}
/* survey */
#vote_title{ font-weight:bold; line-height:30px; font-size:12px; padding:6px 0px 0px 30px; }
#survey{ padding:0px 10px 0px 30px; }
#survey ul{ width:185px; float:left; }
#survey li{ height:22px; line-height:12px; width:90px; float:left; overflow:hidden; }
#survey li input{ height:12px; vertical-align:middle; }
#refer{ padding:0px 0px 11px 80px; }

/* links */
#links{ padding-top:10px; }
.links{ background:url(images/logo3.jpg) repeat-x center; }
.links_a{ padding:0px 5px; background-color:#FFFFFF; color:#80171E; }
#mainbody .links a{ color:#80171E; font-size:14px; font-weight:bold; }
#links_img{ padding:6px 0px; background:url(images/contentbottomlogo.jpg) no-repeat right center; }
#links_img img{ width:133px; height:48px; margin:0px 0px 7px 7px;  }
#links_box{ padding:10px; }
#links_box a{ padding:0px 10px; border-right:1px solid #000000; }
#wrapper .box_a{ border-left:0px none; }
/* footer */
#footer{ background:url(images/contentbottom.jpg) no-repeat left top; padding-top:25px; }
#footerbox{ color:#FEFFFF; padding:10px 0px; text-align:center;}
#footer a{ font-weight:bold; color:#FEFFFF; padding:0px 10px;}
.box_b{ padding-top:10px; }
.approve{ text-align:center; }
.approve img{ padding:0px 10px 20px 0px; }

/*list page*/
#position { padding:0px 20px 5px 25px; background:url(images/arr.gif) no-repeat;}
#listCnt, #PageCnt, #linklistCnt{ padding:10px 15px;}
#listCnt li{ font-size:14px; line-height:30px; height:30px; color:#CCCCCC; background:url(images/list_title.gif) no-repeat left 12px; padding-left:15px;}
#listCnt li a:link, #listCnt li a:visited{ margin:0px 5px;}
#listCnt li a:hover{ margin:0px 5px; color:#CC0000;}
#listTitle { font-size:16px; font-weight:bold; background-color:#F2F2F2; border-bottom:#000000 solid 2px; padding:10px 20px 5px 20px; }
#pager,.artPager{ padding:5px 15px; background-color:#F2F2F2; border:#CCCCCC solid 1px; clear:both;}
#pager a,.artPager a{margin:0px 5px;}
#pager select, .artPager select{border:#CCCCCC solid 1px; height:18px; text-align:center; width:40px; margin:0px 5px;}
/*sigle page*/
#PageCnt { font-size:14px; line-height:23px;}
/*art page*/
#artPageTitle{background-color:#F2F2F2; border-bottom:#000000 solid 2px; padding:5px 20px;}
#artBox {padding:15px 10px; width:auto; overflow:hidden;}
.artTitle{ font-size:20px; font-weight:bold; text-align:center; padding:10px 0px;}
.tools{ text-align:right; border-bottom:#CC6600 solid 1px; padding:3px;}
.tools span{margin:0px 5px;}
.artContent{ padding:20px 0px 10px 0px; font-size:14px; line-height:180%; width:auto; overflow:hidden;}
#PageSelect{border:#333333 solid 1px; height:18px;}
.artInfo{padding:10px; text-align:right;}
.preAndNext{color:#CCCCCC;}
.preAndNext font{margin-left:10px;}
#commentform input, #commentform textarea{border:#999999 solid 1px;}
#commentform #guest, #divStars input{border:none;}
.c_spacing{ height:10px; clear:both;}
#content{width:360px; height:84px;}
/*reigst page*/
#stat{ padding:10px 20px; line-height:20px;}
#RegCnt{ padding:10px; }
/*pic list*/
#imglistCnt{ padding:5px 0px;}
#imglistCnt li{ height:150px; width:162px; float:left; overflow:hidden; padding:5px 0px 5px 7px; line-height:20px;}
#imglistCnt li img{ height:120px; width:160px; border:#CCCCCC solid 1px; }
/*pic page*/
#imgBox { margin:10px;}
/*link list page*/
#linklistCnt{line-height:25px;}
#linklistCnt a{ padding:0px 10px;}
#linklistCnt a:hover{ background-color:#FFCC66; color:#990000;}
/*author*/
.datebox{padding:10px; line-height:20px; text-align:center;}
.datebox table{border-collapse:collapse; margin:0px auto;}
.datebox table td{border:1px solid #CCC; padding:2px 5px;}
.authorinfo{ padding:10px; line-height:23px; font-size:14px;}
.workstitle{ font-weight:bold; padding-top:10px; border-bottom:#DDD solid 1px;}

/*content table*/
.artContent table
{
    border:1px solid #EEEEEE;
    border-width:1px 0 0 1px;
    margin:0px 0 5px 5px;
    text-align:center;
    border-collapse:collapse;
}

.artContent td
{
    border:1px solid #EEEEEE;
    border-width:0 1px 1px 0;
    margin:2px 0 2px 0;
    padding:3px 8px;
    text-align:left;
}
.banner{ padding-top:10px; }
.banner img{ border:2px solid #999;}