body {
 font-family:宋体,Arial,Verdana,Sans-Serif;
 font-size:12px;
 color:#333;
 text-align:center;
 background-color:#FFF;
 margin:0px;
 padding:0px;
}

td { font-family:宋体,Arial,Verdana,Helvetica,Sans-serif; font-size:12px; line-height:150%; table-layout:fixed; word-break:break-all; }
input,textarea{
 font-family:verdana, arial, helvetica, sans-serif, 宋体;
 font-size:12px;
 text-decoration: none;
 border-top-width:1px;
 border-left-width:1px;
 border-bottom-width:1px;
 border-right-width:1px;
}
.button {
 height:19px;
 font-size: 12px;
 padding:2px 0px 0px 2px;
 border-right:#ACA899 1px solid;
 border-top:#DDD 1px solid; 
 border-left:#DDD 1px solid;
 border-bottom:#ACA899 1px solid
}
form  { margin:1px;padding:0px; }
hr { height:1px; margin:0px; padding:0px; color:#DDD; }
p, ol, ul, dl,dt, dd, li {
 font-family:宋体,Arial,Verdana,Helvetica,Sans-serif;
 font-size:12px;
 line-height:150%;
 margin:0px;
 padding:0px;
}
dt,dd,li { text-align:left; list-style-type:none; }
img { vertical-align:middle; }

a     { color:#333; text-decoration: none; }
a:hover    { color:#F30; text-decoration: none; }

#popbar { width:100%; height:27px; text-align:center; background:#EEE url(pop_bg.gif); }
#popbar .popbox { width:980px; height:27px; margin:0px auto; overflow:auto; overflow:inline; }
#popbar .popbox span.lt { float:left; width:800px; text-align:left; line-height:27px; letter-spacing:2px; }
#popbar .popbox span.rt { float:left; width:180px; text-align:right; padding-top:8px; }
#popbar a { color:#000; text-decoration:none; }
#popbar a:hover { color:#F30; text-decoration:none; }

#overbody { width:1002px; margin:0px auto; }
#overmain { width:860px; margin:0px auto; }
.td-left   {  }
.td-mid    {  }
.td-right  {  }
#leftarea  {  }
#midarea   {  }
#rightarea {  }
/*************头部**************/
#headover {
 width:100%;
 height:120px;
 background:#FFF url(head_bg.jpg);
 margin:0px auto;
}
#headarea { width:860px; margin:0px auto; }
#headarea .topnav { width:100%; height:18px; text-align:right; padding-top:4px; }
#headarea .logo  { float:left; width:260px; height:98px; float:left; }
#headarea .head-r { float:left; width:600px; text-align:right; margin-top:78px; }

/*************导航**********/
#navover { width:100%; height:28px; background:#333; margin-bottom:1px; }
#navover .leftarea { float:left; width:71px; height:28px; background:#333 url(nav_left_icon.gif); }
#navover .rightarea { float:left; width:71px; } 
#navover .menuarea { float:left; width:860px; background:#FFF; }
#navover .menuarea li {
 float:left;
 width:75px;
 height:28px;
 text-align:center;
 line-height:28px;
 background:#333 url(nav_bg.gif);
 margin-left:1px;
}
#navover .menuarea li.home {
 width:68px;
 text-align:center;
 background:#333 url(nav_home.gif);
 margin:0px;
}
#navover .menuarea li.end {
 float:left;
 width:260px;
 background:#333 url(nav_right_icon.gif);
 margin:0px;
}

#navover .menuarea li a:Link  { color:#EEE; text-decoration:none; }
#navover .menuarea li a:hover { color:#FC0; text-decoration:none; }
#navover .menuarea li a:active  { color:#EEE; text-decoration:none; }
#navover .menuarea li a:visited { color:#EEE; text-decoration:none; }

/**********Banner 广告**********/
#bannerover { width:100%; height:200px; background:#EEE; }
#bannerover .area { width:860px; margin:0px auto; }
#bannerover .area .left { float:left; width:600px; }
#bannerover .area .right { float:right; width:235px; }

/**********本地导航样式**********/
#localnav {
 color:#EEE;
 text-align:left;
 background:#666;
 margin-top:5px;
 padding:5px;
}
#localnav a:link    { color:#EEE; text-decoration:none; }
#localnav a:hover   { color:#F30; text-decoration:none; }
#localnav a:active  { color:#EEE; text-decoration:none; }
#localnav a:visited { color:#EEE; text-decoration:none; }

/**************Banner 广告**************/
#notify { color:#FFF; margin-top:5px; }
#cls-rd-rt { width:100%; color:#666; background:#EEE; margin-top:2px; }
#cls-rd-rt ul { padding:0px; }
#cls-rd-rt li { padding:5px 8px; }

/*************一级分类导航**************/
#nav2over { width:1002px; height:28px; margin-top:1px; background:#333; }
#nav2area { text-align:left; margin:0px auto; }
#nav2area li { float:left; height:28px; line-height:28px; color:#DDD; }
#nav2area li.l { width:260px; }
#nav2area li.m { width:600px; }
#nav2area a:Link    { color:#DDD;text-decoration:none; }       /*导航链接样式一*/
#nav2area a:hover   { color:#F30;text-decoration:none; }
#nav2area a:visited { color:#DDD;text-decoration:none; }

/**************左边分类子菜单**************/
#L-nav  { width:100%; margin:20px 0px 10px 0px; padding:0px; color:#666; }
#L-nav ul { margin:0px; padding:0px; }
#L-nav li {
 height:30px;
 line-height:30px;
 font-size:13px;
 font-weight:bold;
 background-image:url(pt1_h30_F.gif);
 margin:0px;
 padding:0px;
}
#L-nav li img { margin:0px; padding:0px; }
#L-nav a:link    { color:#333; text-decoration: none; }
#L-nav a:visited { color:#333; text-decoration: none; }
#L-nav a:hover   { color:#F30; text-decoration: none; }

/**********左栏文章**********/
#L-art { width:100%; margin-top:10px; padding:0px; }
#L-art dl { width:100%; margin:0px; padding:0px; }
#L-art dt {
 font-weight:bold;
 height:35px;
 line-height:35px;
 background-image:url(pt2_h35_F.gif);
 padding:0px;
 margin:0px;
}
#L-art dd { margin:0px; padding:0px; }

#L-art .list { width:100%; margin:5px 0px; padding:0px; }
#L-art .list ul { margin:0px; padding:0px; }
#L-art .list li { margin:0px; padding:0px; }
#L-art .list li.title { padding:3px 0px; }
#L-art .list li.cont  { color:#666; padding:2px 0px; }
#L-art .list li.more  { text-align:right; margin-top:5px; }

#L-art .list a:link    { color:#333; text-decoration:none; }
#L-art .list a:hover   { color:#F30; text-decoration:none; }
#L-art .list a:active  { color:#333; text-decoration:none; }
#L-art .list a:visited { color:#333; text-decoration:none; }

#L-art .list li.cont a:link    { color:#333; text-decoration:none; }
#L-art .list li.cont a:hover   { color:#333; text-decoration:underline; }
#L-art .list li.cont a:active  { color:#333; text-decoration:none; }
#L-art .list li.cont a:visited { color:#333; }

/**********左栏图片**********/
#L-pic { width:100%; margin-top:10px; padding:0px; }
#L-pic dl { margin:0px; padding:0px; }
#L-pic dt {
 font-weight:bold;
 height:35px;
 line-height:35px;
 background-image:url(pt2_h35_F.gif);
 padding:0px;
 margin:0px;
}
#L-pic dd { padding:0px; margin:0px;}
#L-pic dd .img { border:1px #999 solid; margin:0px 5px 5px 0px; padding:0px; }
#L-pic dd table { width:100%; border:0px; margin:5px 0px; padding:0px; }

#L-pic a:link    { color:#333; text-decoration:none; }
#L-pic a:hover   { color:#F30; text-decoration:none; }
#L-pic a:active  { color:#333; text-decoration:none; }
#L-pic a:visited { color:#333; text-decoration:none; }

/************项目内容***************/
#itemover { width:100%; text-align:left; padding:0px; margin:10px 0px; }
#item {
 width:100%;
 float:left;
 background:#EFEFEF;
 padding:0px;
 margin:10px 0px;
 clear:both;
 display:inline;
}
#item ul { float:left; padding:0px; margin:0px; }
#item li { padding:0px; margin:5px 0px; }
#item ul.img { width:300px; padding:0px; margin:0px; }
#item ul.txt { width:300px; float:right; padding:0px; margin:5px 0px; }
#item ul.img img { border:5px #DDD solid; }
#item li.title { font-weight:bold; font-size:13px; color:#666; padding:0px 10px; }
#item li.readme { color:#999; padding:0px 15px; }
#item li.related { color:#666; padding:0px 15px; }
#item li.more { color:#666; font-size:13px; font-weight:bold; padding:0px 10px; }

#item li a:link     { color: #666; text-decoration:none; }
#item li a:visited  { color: #666; text-decoration:none; }
#item li a:hover    { color: #F30; text-decoration:none; }

/************项目内容详细***************/
#case {
 width:100%;
 text-align:center;
 padding:0px;
 margin-top:5px;
}
#case .list { width:100%; background:#DDD; margin-bottom:20px; }
#case .list ul { padding:25px; margin:0px; }
#case .list li { text-align:center; padding:0px; margin:0px; }
#case .list li.pics  { margin-bottom:15px; padding:0px; }
#case .list li.title  { margin:0px; padding:5px; }
#case .list li.readme { text-align:left; color:#666; margin:0px; padding:0px 10px; }

#case .page { width:100%; margin-bottom:20px; }
#case .paged { text-align:center; font-weight:bold;padding:2px 2px 0px 2px; }
#case .pager { background:#666;font-weight:bold;padding:2px 2px 0px 2px;margin:2px;text-align:center;color:#FFF; }
#case .pager a:link    { color:#FFF; text-decoration:none; }
#case .pager a:hover   { color:#FFF; text-decoration:none }
#case .pager a:active  { color:#FFF; text-decoration: none; }
#case .pager a:visited { color:#FFF; text-decoration:none; }

/**********右栏推荐图片**********/
#recomm {
 background:#DDD;
 margin-top:1px;
 margin-bottom:0px;
 padding:5px;
 overflow:auto;
}
#recomm .list { width:100%; padding:0px; margin:0px; }
#recomm .list ul { width:20%; float:left; padding:0px; margin-bottom:2px; }
#recomm .list li { padding:0px; text-align:center; margin:0px; }

#recomm img { border:1px #CCC solid;}
#recomm a:link    { color:#333; text-decoration:none; }
#recomm a:hover   { color:#F60; text-decoration:none; }
#recomm a:visited { color:#333; text-decoration:none; }

/**********资源导航图片**********/
#nav-img { width:100%; text-align:center; margin:5px 0px; padding:0px; overflow:auto; }
#nav-img .img-L { width:50%; float:left; margin:0px; padding:0px; }
#nav-img .img-R { width:50%; float:right; margin:0px; padding:0px; }

/**********资源首页图片**********/
#zyover { width:100%; text-align:center; background:#EEE; margin:0px; padding:0px; }
#zylist { width:100%; text-align:left; margin:0px; padding:5px 0px; }
#zylist dl { margin:0px; padding:0px; }
#zylist dt {
 width:100%;
 border-bottom:1px #CCC solid;
 margin-bottom:8px;
 padding-bottom:5px;
}
#zylist dd { padding:0px; margin:5px 0px; }
#zylist dd.rel { color:#999; padding:0px; margin:0px; }
#zylist dd.rel a:link    { color:#999; text-decoration:none; }
#zylist dd.rel a:hover   { color:#F30; text-decoration:none; }
#zylist dd.rel a:visited { color:#999; text-decoration:none; }
#zylist dd.more { text-align:right; border-bottom:1px #DDD solid; margin:0px 0px 3px 0px; padding:0px; }


#zyover .clstitle { text-align:left; padding:0px 8px; margin-bottom:5px; }
#zyover .clstitle h1 {
 font-size:12px;
 font-weight:normal;
 border-bottom:1px #999 solid;
 margin:0px;
 padding:10px 0px;
}
#zyover .clslist { padding:0px 8px; }
#zyover hr { width:100%; line-height:1px; margin:0px; padding:00px; }

#zyover .clslist .page { margin:0px; padding:0px; }
#zyover .clslist .page table {
 width:100%;
 border-top:1px #CCC solid;
 margin-bottom:10px;
 padding:5px 0px;
}

/**********项目底部文章图片**********/
#rnd-cont-1 {
 width:100%;
 text-align:left;
 margin:0px;
 padding:5px 0px;
 border-top:1px #DDD solid;
 border-bottom:1px #DDD solid;
 overflow:auto;
}
#rnd-cont-2 {
 width:100%;
 text-align:left;
 margin:0px;
 padding:5px 0px;
 overflow:auto;
}
#rnd-cont-L { width:50%; float:left; margin:0px; padding:0px; }
#rnd-cont-L dl { width:100%; margin:0px; padding:0px; }
#rnd-cont-L dt { height:20px; line-height:20px; padding:0px; margin:0px; }
#rnd-cont-L dd { padding:0px; margin:0px; }
#rnd-cont-L li { list-style-type:none; text-align:left; padding:0px; margin:0px; }

#rnd-cont-R { width:50%; float:right; margin:0px; padding:0px; }
#rnd-cont-R dl { width:100%; margin:0px; padding:0px; }
#rnd-cont-R dt { height:20px; line-height:20px; padding:0px; margin:0px; }
#rnd-cont-R dd { padding:0px; margin:0px; }
#rnd-cont-R li { list-style-type:none; text-align:left; padding:0px; margin:0px; }

/**********内容页**********/
#show { width:100%; text-align:center; margin:20px 0px; padding:0px; }
#show ul { width:100%; }
#show li { margin:0px; padding:0px; }
#show p { line-height:200%; }
#show h1 { font-size:16px; margin:0px; padding-top:2px; }

#show .pictitle { width:100%; margin-bottom:20px; }
#show .piccont { padding:25px 0px; background:#999; }
#show .piccont ul { width:100%; }
#show .piccont li { text-align:center; padding:5px 0px; }

#show .arttitle { width:100%; padding-bottom:20px; }
#show .artreadme { text-align:left; padding:5px 8px; border:1px #DDD solid; background:#EEE; }
#show .artcont {
 line-height:200%;
 text-align:left;
 font-size:14px;
 padding:25px 50px;
 margin:20px 0px;
 border:1px #DDD solid;
 background:#F6F6F6;
}
#show .artcont p { font-size:14px; }

#show .videotitle { width:100%; margin-bottom:20px; padding:0px; }
#show .videoplay { padding:25px 0px; background:#999; }
#show .videoplay.full { margin:10px 0px; }

#show .page { width:100%; padding:5px 0px; border-top:1px #DDD solid; border-bottom:1px #DDD solid; }
#show .page ul { margin:0px; }
#show .page li { margin:5px 0px; }

/**********老作品样式**********/
#r-nav {
 color:#EEE;
 text-align:left;
 background:#666;
 margin-top:5px;
 padding:5px;
}
#r-nav a:link    { color:#EEE; text-decoration:none; }
#r-nav a:hover   { color:#F30; text-decoration:none; }
#r-nav a:active  { color:#EEE; text-decoration:none; }
#r-nav a:visited { color:#EEE; text-decoration:none; }
#v-title { width:100%; margin:20px 0px; }
#v-title h1 { font-size:16px; margin:0px; padding:0px; }
#v-piccont { padding:25px 0px; background:#999; }
#v-piccont ul { width:100%; }
#v-piccont li { text-align:center; padding:5px 0px; }
#v-page { width:100%; padding:5px 0px; border-top:1px #DDD solid; border-bottom:1px #DDD solid; }
#v-page ul { margin:0px; }
#v-page li { margin:5px 0px; }
#foot_r { width:100%; border-top:1px #DDD solid; }
#foot_r ul { margin:0px; padding:0px; }
#foot_r li { margin:5px 0px; }

/**********关于我们**********/
#about { width:100%; margin-top:1px; padding:0px; background:#EEE; }
#about ul { margin:0px; padding:0px; }
#about li { font-family:Verdana,Arial; margin:0px 50px; padding:0px; }
#about li.title { font-weight:bold; padding:25px 0px 5px 0px; border-bottom:1px #DDD solid; }
#about li.title h1 { font-size:14px; margin:0px; padding:0px; }
#about li.cont { padding:25px 0px; line-height:230%; }

#about li p { line-height:230%; }

#abmenu { width:100%; margin:0px; padding:0px; }
#abmenu dl { margin:0px; padding:0px; }
#abmenu dt { height:30px; line-height:30px; font-weight:bold; padding-bottom:5px; background-image:url(pt1_h30_F.gif); }
#abmenu dd { height:30px; line-height:30px; background-image:url(pt1_h30_F.gif); }

#abmenu a:link   { color:#333; text-decoration: none; }
#abmenu a:hover  { color:#06C; text-decoration: none; }
#abmenu a:active { color:#333; text-decoration: none; }

#abdocdown { width:100%; color:#333; margin-top:45px; }
#abdocdown dl { border-bottom:1px #DDD solid; }
#abdocdown dt { border-bottom:1px #DDD solid;}
#abdocdown dd { height:25px; line-height:25px; }

#abcontact { color:#666; margin-top:45px; }
#abcontact ul { padding:0px; }
#abcontact li { width:100%; font-family:Verdana; height:25px; line-height:25px; }

/**********其它*********/

#sitemap { text-align:left; margin-top:1px; padding:20px; background:#EEE; }

#gbook { text-align:center; margin-top:1px; padding:25px; background:#EEE; }
#gbook .tab { text-align:left; border:1px #DDD solid; }
#gbook .tab td { background:#F6F6F6;}
#gbook .tab th { font-weight:bold; text-align:center; background-color:#DDD; padding:3px; }

#gbook td.title { text-align:center; font-weight:bold; background:#DDD; padding:1px; }
#gbook td.td-L { text-align:right; padding:2px 5px; }
#gbook td.td-R { background:#F6F6F6; padding:2px 5px; }
#gbook td.td-M { text-align:center; background:#F6F6F6; padding:2px 5px; }

#gbook .glist { width:100%; text-align:left; margin-bottom:10px; background:#DDD; }
#gbook .glist td { background:#F6F6F6; }
#gbook .glist .name { font-weight:bold; color:#F30; }

#gbook .login { margin:25px 0px; }
#gbook .reply { margin:25px 0px; }
#gbook .page { padding:0px; }

#gbook .gcont { padding:0px; }
#gbook .gcont td { padding:5px; }
#gbook .recont { padding:0px; border-top:1px #DDD solid; }
#gbook .recont td { padding:5px; color:#060; }
#gbook .pass { font-family:Verdana; }

#gbmenu { width:100%; margin:0px; padding:0px; }
#gbmenu dl { margin:0px; padding:0px; }
#gbmenu dt { height:30px; line-height:30px; font-weight:bold; padding-bottom:5px; background-image:url(pt1_h30_F.gif); }
#gbmenu dd { height:30px; line-height:30px; background-image:url(pt1_h30_F.gif); }

/**********留言本样式**********/
#gbover { border-top:2px #FFF solid; padding:25px 30px; }
#gbover table { width:100%; border:0px; }
#gbover td.tdrow { text-align:left; background:#F6F6F6; padding:1px 3px; }
#gbover td.tdrow1 { text-align:right; background:#F6F6F6; padding:1px 3px; }
#gbover td.tdrow2 { text-align:center; background:#F6F6F6; padding:1px 3px; }
#gbover a { color:#000; text-decoration:none; }
#gbover a:hover { color:#900; text-decoration:underline; }
#gbover th { text-align:center; height:25px; font-weight:bold; background:#E6E6E6; padding:0px 5px; }
#gbover th.throw1 { text-align:center; color:#F30; }
#gbover th.throw2 { text-align:left; font-weight:normal; }
#gbover span { float:right; font-weight:normal; }

#gbover .wrform { width:100%; background:#FFF; margin:10px 0px; border:1px solid #DDD; }
#gbover .gblist { width:100%; background:#FFF; margin:10px 0px; border:1px solid #DDD; }
#gbover .reform { width:80%; background:#FFF; margin:10px 0px; border:1px solid #DDD; }
#gbover .relist { width:80%; background:#FFF; margin:10px 0px; border:1px solid #DDD; }
#gbover .editform { width:80%; background:#FFF; margin:10px 0px; border:1px solid #DDD; }
#gbover .loginform { width:50%; background:#FFF; margin:10px 0px; border:1px solid #DDD; }


#gbover .face { margin:5px; }
#gbover .face li { text-align:center; }

#gbover .cont  { line-height:200%; padding:2px 5px; }
#gbover .guest { line-height:200%; padding:5px; }
#gbover .page { text-align:center; }

#gbover .replyarea { margin:10px 5px; background:#FEFEFE; border:1px dashed #09F; }
#gbover .replyarea dt { color:#09F; font-weight:bold; padding-left:5px; padding-top:5px; }
#gbover .replyarea dd { line-height:200%; font-family:Arial; color:#09F; }
#gbover .replyarea dd.cont { padding:0px 5px; }
#gbover .replyarea dd.time { text-align:right; padding-right:5px; }

/**********友情链接样式**********/
#link { background:#EEE; margin-top:1px; }
#link li { text-align:left; padding:5px; }
#link li.title { font-size:14px; font-weight:bold; }
#link li.piclist { margin:0px; }
#link li.txtlist { text-align:left; line-height:150%; } 
#link span { width:90px; text-align:center; padding:2px 0px; }

#link .picarea { padding:20px 10px 0px 10px; }
#link .txtarea { padding:10px 10px 0px 10px; }
#link .addarea { text-align:center; font-weight:bold; padding:20px 10px; }

/**********底部样式**********/
#foot { width:100%; color:#333; margin:0px; padding:0px; border-top:1px #DDD solid; }
#foot ul { width:100%; margin:0px; padding:5px 0px; }
#foot li { margin:0px; padding:0px; }
#foot li.up { margin:0px; padding:3px 0px 5px 0px; }
#foot li.down { margin:0px; padding:0px; }
#foot a:link    { color:#333; text-decoration:none; }
#foot a:visited { color:#333; text-decoration:none; }
#foot a:hover   { color:#F30; text-decoration:none; }

/*注释声明*/
#stm1 { color:#999; text-align:left; margin:0px; }
#stm2 { color:#999; text-align:center; margin:0px; }

/**********其它样式**********/
#close { width:100%; margin:10px 0px; padding:0px; text-align:center; }
#top { text-align:right; padding:2px 3px; }
#service { width:100%; text-align:left; margin:5px 0px; padding:0px; }

/**********九号字体**********/
.f9 { font-size:9px;color:#999; }
.f9V { font-family:Verdana,Arial; font-size:9px;color:#999; }
.f9A { font-family:Arial,Verdana; font-size:9px;color:#999; }

/**********十号字体**********/
.f10 { font-size:10px;color:#999; }
.f10A { font-family:Arial,Verdana; font-size:10px;color:#999; }
.f10V { font-family:Verdana,Arial; font-size:10px;color:#999; }

/**********广告样式控制**********/
#gg-L { width:100%; text-align:left; margin:20px 0px; padding:0px; }
#gg-L input{ font-size:12px; font-family:Arial; padding:0px; margin:0px; }
#gg-R { width:100%; text-align:left; margin:5px 0px; padding:0px; }
#gg-R input{ font-size:12px; font-family:Arial; padding:0px; margin:0px; }
#google-L { width:100%; text-align:left; margin:20px 0px; padding:0px; }
#google-L  input{ font-size:12px; padding:0px; margin:0px; }
#google-R { width:100%; text-align:left; margin:5px 0px; padding:0px; }
#google-R input{ font-size:12px; padding:0px; margin:0px; }