/*//////////////////////////////////
    ///				     ///
   ///	   zhdown.818-818.com	    ///
  ///				   ///
 //////////////////////////////////*/


/* 以下为所有风格通用样式
margin: 0;padding: 0;设置外边距,内边距空隙都为0
font-size: 12px;为字体大小.一般表格内的,不受他控制
li,ul设置list-style: none;主要是取消默认的小圆点.不太好看
*/
body, form, ul, li, p, dl, dd, dt ,h,td,th,h3{ margin: 0; padding: 0; font-size: 12px;}
li,ul{ list-style: none;}
hr{color: #D2E4FC;}
/*
VERTICAL-ALIGN: top;表格里的内容居顶
text-align:left;表格里的内容居左
	*/
TD { color: #333333; VERTICAL-ALIGN: top;}
/*
border:1px solid #ccc; = 单边框:1像素 实线 颜色#ccc; solid改dotted为虚线,换颜色改#ccc
background:#eee;
	*/
input, textarea{ border:1px solid #ccc;padding-top:2px;}
input.anniu1{ background:#D2E4FC;}
input.an-niu-6 { border-color: #FFFFFF; border: 0px;}
/* 网页整体宽度 margin:auto;} */
.wrap{ width:955px; margin-left:3px; margin-right:3; }
/* 横幅广告 */
#banner_ad{ margin-top:5px;}
/*
text-decoration: none;链接没有下划线. none改underline 为有下画线
a 统一超链
a:link  没有点击过的超级链接样式
a:visited   点击过的超级链接样式
a:hover 鼠标指向时的超级链接样式
a:active 被用户激活(在鼠标点击与释放之间发生的事件)时的样式.少用
*/
a { font-size: 12px;}
a:link { color: #333333; text-decoration: none;}
a:visited { text-decoration: none; color: #333333;}
a:hover { text-decoration: underline; color: #4E667B;}
a:active { text-decoration: none;}
.a1 a:visited{ padding: 0 5px 0 5px; }
.a2 a:link { color: #000068; text-decoration: none;}
.a2 a:visited { text-decoration: none; color: #000068;}

/* 网页顶部登录框表格 ID 编号
#toplogin{ background:#E3F5FC; height:22px;}
#toplogin .jstime{ margin:5px; margin-right:5px;}
网页整体宽度 955px 时
有日历时宽度：左width:575px 右width:345px;
无日历时宽度：左width:830px 右width:105px; 移动 head.php 的 联系我们 到 #toplogin
#D2E4FC = 210 228 252
*/
#toplogin { border-width:0 1px 0 1px; border:#D2E4FC solid 1px; background:#E3F5FC; height:22px;}
#toplogin div.login  { width:830px; margin:4px; float:left;}
#toplogin div.jstime { width:105px; margin:4px; float:right; text-align:right;}
#daohang1 { padding:1px;border-width:0 1px 0 1px; border:#E3F5FC solid 1px; background:#D2E4FC; height:22px;}
#daohang1 div.dh12 { padding-top:3px; width:830px; margin:4px; text-align:center; }
#daohang1 div.dh13 { padding-top:3px; width:105px; margin:4px; float:right; text-align:right;}

/*
#toplogin input.login_name 用户名表单,
#toplogin input.login_pwd密码表单,写在一行,用,号分开共用样式
width:90px;表单宽
height:15px;表单高
	*/
#toplogin input.login_name,
#toplogin input.login_pwd{ width:80px; height:15px;}
/*
#toplogin input.login_sub 提交按钮表单,
width:90px;表单宽 height:15px;表单高 background:#D2E4FC; 背景颜色
border-color: #D7F1FB; border: 1px;
	*/
#toplogin input.login_sub{ width:40px; height:19px; background:#E3F5FC;border-color: #E3F5FC; border: 0;}

/*
#header div 头部 LOGO 与广告图的容器, float:left; 靠左
#header div.logo
#header div.ad广告容器,样式指定了靠右
**/
#header div{ margin:8px 3px 4px 0 ; }
#header div.logo{ float:left;}
#header div.ad{ float:right; }

/*
#header 头部大表格
margin-bottom:10px; 与下面的表格距离10像素
border-top:#ccc 1px solid;表格上方一个像素的实线,颜色为#ccc, solid改dotted为虚线
#header td 大表格内的TD
padding-top:8px;上方留空8个像素
*/
#header{ margin-bottom:10px; border-top:#ccc 1px solid;}
#header td{ padding-top:8px;}
/*
#guide 头部网站导航表格编号
margin-top:5px;与上方表格距离5像素
border:1px solid #6B92D6; 边框样式  solid 改为 dotted 为虚线
height:28px;高度  background:#D2E4FC; 背景颜色  #guide td导航表格内部TD容器
border:1px solid #FFF;   内边框样式
padding:6px 3px 4px 3px; 导航文字与 上 右 下 左 距离
	*/
	/* 818
浅 #D2E4FC; < #A7CAFA; < #6B92D6; 深
#guide{ margin-top:5px; border-top:1px #6B92D6 solid; border-bottom:1px #A7CAFA solid; height:28px; background:#D2E4FC url(head1.gif);}
#guide td{ border:1px solid #FFF; border-left:0px solid #FFF; border-right:0px solid #FFF; padding:6px 3px 4px 3px;}
	*/
#guide{ margin-top:5px; border:1px solid #A7CAFA;6; height:28px; background:#D2E4FC url(head1.gif);}
#guide td{ border:1px solid #FFFFFF; padding:6px 3px 4px 3px;}
#guide2{ background:#F5FAFE; height:24px; border-bottom:1px solid #A7CAFA;}
#guide2 td{ padding-top:6px; padding-left:2px;}
.chooseGuide{ border-bottom:1px dotted #333;}
/*
.MainTable .guide样式导航表格样式
margin-top:5px;与上方表格的距离
border:1px #A7CAFA solid;边框样式,solid可更换成dotted虚线
height:20px;表格高度
background:#F5FAFE;表格背景颜色
.MainTable .guide td{ padding:5px; 表格内的文字距离四周的间距
padding:5px 0 0 0 ; = 上右下左
	*/
.MainTable .guide{ margin-top:5px; border:1px #A7CAFA solid; height:20px; background:#F5FAFE url(head2.gif);}
.MainTable .guide td{ padding:5px;}
/* 内容大表格模块样式
margin-top:5px; 与上一个表格间距为 5 像素
overflow:hide; 内容超过时,将隐藏.不过上面用百分比,一般这里设置无效.
border:1px #A7CAFA solid; 边框:1 像素 solid 改 dotted 为虚线 1px 改 0px 为取消边框
*/
.dragTable{ width:100%; margin-top:5px; overflow:hide; border:1px #A7CAFA solid; }
/*
内容表格模块头部样式
background:#D2E4FC;背景颜色
height:20px;高度
padding-left:1em;字体与左边距离
padding-top:7px;字体与上方距离
border:1px #FFF solid;内边框样式,一般设置为0px较多,即不要内边框居多
*/
.dragTable .head{ color:#4F4F4F ;background:#D2E4FC url(head.gif); height:20px; padding-left:1em; padding-top:7px; border:1px solid #FFF;}
/* 模块主题文字
float:left;居左,
可以设置为粗体 font-weight:bold;颜色为color:#000;
.dragTable .TAG a{ }
*/
.dragTable .TAG{ float:left; }
/*文章列表的更多*/
.dragTable .more a{ margin-right:1em;}
/* 整体大表格之间的间隙 */
.MainTable{ margin-top:5px;}
/* 右边窄表格模块样式
width:98%;宽度
line-height:17px;字体行高
*/
.MainTable .Side .dragTable{ width:98%;}
.MainTable .Side .dragTable .middle{ line-height:17px;}
/* 内容模块主体部分
padding:8px;距离四周距离为8个像素,
可以改成更具体些的padding:8px 0 0 0;即上右下左的距离
line-height:20px;行高, 即是使用<br>换行符时的文字行高
*/
.dragTable .middle{ padding:6px 8px 4px 7px; height:110px; line-height:20px;}
/*	热门文章
右边窄表格最新,最热的内容样式.
 width:210px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap; 只对<ul><li>有效. 通过设定固定宽度,使控制自动隐藏超出边界的内容自动隐藏,用省略号表示
*/
/* 818
.MainTable .Side .dragTable .middle ul li{ width:210px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
*/
.MainTable .Side .dragTable .middle ul li{ width:210px; white-space:nowrap;}
/*	热门文章
 右边窄表格最新,最热的标题样式.
必须<ul><li>有超链接的才有效
display:block;定义链接为实体,方便做效果处理
margin-left:4px;文字与左边大表格边框的距离
text-indent:0.6em;文字与小图标的距离
background:url(title_icon3.gif) no-repeat left; 右边列表,最热,最新等等标题前面的小图标
no-repeat 不平铺 left;背景居左
*/
/* 818
.MainTable .Side .dragTable .middle ul li a{ display:block; margin-left:4px; text-indent:0.6em; background:url(title_icon3.gif) no-repeat left;}
*/
.MainTable .Side .dragTable .middle ul li a{ display:block; margin-left:2px;}
/* 列表页,包括首页,文章子栏目文章表格样式,表格高度 */
#AutoRows .dragTable .middle{ height:110px; padding-top:0px; padding-bottom:0px;}
/*
列表页,包括首页,文章子栏目文章标题样式
 width:246px;
 display:block;
 overflow:hidden;
 text-overflow:ellipsis;
定义 width 指定宽度.是为了自动隐藏超出边界的标题.用百分比不能控制
line-height:18px; 行高
text-indent:0.6em;文字小图标的距离
background:url(title_icon3.gif) no-repeat ;标题前的小图标
background-position: 0 40%; 小图标X,Y的坐标
 width:246px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
*/
/* 818
#AutoRows .dragTable ul li{ display:block; line-height:18px; text-indent:0.6em;
 background:url(title_icon3.gif) no-repeat 0 40% ;}
#AutoRows .dragTable .list_title{ line-height:18px; text-indent:0.6em;
 background:url(title_icon3.gif) no-repeat 0 40% ;}
*/
#AutoRows .dragTable ul li{ display:block; line-height:18px; text-indent:0.6em;}
#AutoRows .dragTable .list_title{ line-height:18px; text-indent:0.6em;}
/* 文章中列表页中的图片主题,图片列表
.listpic	每张图的占位空间
width:127px;		占位宽度127像素
padding:3px 0 3px 4px;	内间隙距离上右下左
float:left;		居左排列
.listpic .title	图片底下的标题样式
 width:127px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;	固定了宽度,控制自动隐藏超出边界的文字 */
.listpic{ width:127px; padding:3px 0 3px 4px; float:left;}
/* 818
.listpic .title{ width:127px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
*/
.listpic .title{ text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/* 文章中列表页中的图片主题,图片内边框样式
border:1px #FFF solid;边框一个像素,为实线,可以改0px,即取消内边框
改 solid 为 dotted 即虚线 */
.listpic img{ border:1px #FFF solid; width:120px; height:90px;}
/* 文章中列表页中的图片主题,图片外边框样式
width:120px; 图片外边框宽 height:90px; 图片外边框高
display:block; 定义链接为实体利于加效果
text-align :center; 图片在边框内居中
border:1px #ccc solid;图片外边框样式,要取消边框,可以把1改0,
要加粗粗,把1改成更大的数,要用虚线,可以把solid改成dotted,要换颜色修改#ccc为其他的
margin-bottom:5px;   与底部文字的距离
*/
.listpic .img a{ width:120px; height:90px; display:block;
 text-align :center; border:1px #ccc solid; margin-bottom:5px;}
/* 文章列表
padding:7px 5px 0 5px;内间隙,上右下左的距离
border-bottom:1px dashed #ccc;底部虚线,也可改为实线 solid 或其他颜色
.listarticle span 参数样式
*/
.listarticle td{ padding:7px 5px 0 5px; border-bottom:1px dashed #ccc;}
.listarticle span{ display:block; float:left;}
/* 文章列表
文章标题样式
text-indent: 0.6em;与小图标的距离
background:url(title_icon3.gif) no-repeat left;小图标,居左不平铺
background-position: 0em 40%;小图标是背景,坐标位置

.listarticle span.time{float:right;}时间靠右显示
*/
.listarticle span.title{ text-indent: 0.6em; background:url(title_icon3.gif) no-repeat left; background-position: 0em 40%;}
.listarticle span.time{ float:right;}
/* 分页 */
.page{ width:98%; margin-top:1em; clear:both;}
.page a{ display:block; float:left; margin-right:3px; border:1px solid #ccc; padding:2px 4px 1px 4px;}
/* 文章内容页
.content_word,.content_word p多种格式的控制内容的样式,字号为15像素
*/
.content_word,.content_word p{ font-size:15px;}
/* 游戏图片,视频,FLASH,音乐,商城,游戏下载的列表页的图片列表 */
/*
display:block;定义为模块
width:98%;宽度为98%
margin:8px 8px 0 10px;与其他的外间隙上右下左的距离
height:100px;高度
overflow:hide;文字超过则隐藏,不过上面宽度只有设置成具体像素才生效.
border-bottom:1px #ccc dotted;底部边框为一个像素的虚线.改成solid则为实线,改成0px则取消边框
这里特别要注意的是.把宽度改成width:44%;增加一句float:left;就可以一行显示两个
*/
.ListPhoto ul{ display:block; width:96%; margin:8px 8px 0 10px; height:100px; overflow:hide; border-bottom:1px #ccc dotted;}
/* 图片与介绍文字是左右并排 */
.ListPhoto ul li{ display:block; float:left;}
/* 图片容器样式, 
width:130px;宽
border-right:1px #ccc dotted;容器右边样式,改dotted为solid则为实线,把1px改为0则取消边框
*/
.ListPhoto ul li.img{ width:130px; border-right:1px #ccc dotted;}
/* 图片内边框样式 */
.ListPhoto ul li.img img{ border:1px solid #ccc;}
/* 图片外边框样式
 display:block; 定义为实体,方便加效果
 width:120px; 宽
 height:90px; 高
 text-align :center; 图片居中
 background:#eee; 背景颜色,只有图片太小时,才看得到效果.
 border:1px solid #333; 外边框样式,可改solid为dotted虚线.取消边框的话.改1px为0
*/
.ListPhoto ul li.img a{ display:block; width:120px; height:90px; text-align :center; background:#eee; border:1px solid #333;}
/* 图片的相关文字样式
margin-left:1em;与左边距离1个汉字距离
*/
.ListPhoto ul li.word{ margin-left:1em;}
/* 图片的相关文字样式
display:block;做为实体,每个占一行,
overflow:hide,文字超出边界,自动隐藏.一般只有设置了宽度时才生效
*/
.ListPhoto ul li.word span{ display:block; overflow:hide;}
/* 图片的相关文字,超级链接的文字加粗显示 */
.ListPhoto ul li.word span.title a{ font-weight:bold;}
/* 评论 */
#comment .content{ border:dotted 1px #ddd; margin-bottom:10px;}
#comment .content .word{ border-bottom:solid 1px #ddd; padding-left:5px; height:50px;}
#comment .content .img{ border-right:dotted 1px #ddd; padding:1em;}
#comment .content .info{ padding:2px 0 0 5px;}
/* 留言本 */
.guestbook{ margin-bottom:4px; border:1px dotted #A7CAFA;}
.guestbook .Ftd{ padding:4px; border-right:1px dotted #A7CAFA;}
.guestbook .Atd{ border-top:1px solid #D2E4FC; padding-left:4px;}
.guestbook .Ctd{ padding:4px;}
/* 网页底部 margin-top:4px; 
#footer{ border-top:#D2E4FC solid 1px;}
	*/
#footer td{ padding:1em 0 1em 0;text-align :center; line-height:25px;}
/* 间隔条 */
.Space{ height:23px; margin-top:4px; background:url(space_bg.jpg);}
.Space .L{ padding:5px 0 0 5px; font-weight:bold; color:#FFF;}
.Space .L{ float:left;}
.Space .R{ padding:5px 5px 0 0; float:right;}
/*
AJAX 在线编辑 DIV 容器 这个会员看不到.只是版主管理员才可以看到.这是后台风格 一般不必修改了.修改了会员也看不到
*/
#AjaxEditTable{ border:1px solid #BEDDFF; background:#FFF;}
#AjaxEditTable .head{ height: 21px; background: #DBEAFF; border-bottom:1px solid #BEDDFF; padding:3px 5px 0 7px;}
#AjaxEditTable .head a{ color:#FFF;}
#AjaxEditTable .head span{ DISPLAY: block;  FLOAT: right;}
#AjaxEditTable .middle{ background:#FFF; line-height:18px; padding:5px;}
#AjaxEditTable .middle input,#AjaxEditTable .middle textarea{ border:1px solid #BEDDFF; background:#FFF;}

/* 列表栏目名称 */
/* 818
.showsortname{ background:url(article_elite.gif) no-repeat 0.3em 0; padding-left:0.3em; text-indent:1.5em; font-weight:bold; float:left;}
*/
.showsortname{ padding-left:3px; font-weight:bold; float:left;}

/* 列表页,标题+图片+内容的显示样式 */
.list_sortTCP{ margin-bottom:12px; width:99%;}
.list_sortTCP .pic{ padding-right:1em;}
.list_sortTCP .content{ border-bottom:1px dotted #ccc; text-indent:2em;}

/* 列表页,标题+内容的显示样式 */
.list_sortTC{ margin-bottom:5px; width:99%; border-bottom:1px dotted #ccc;}
.list_sortTC .content{ text-indent:2em;}

/* 下拉菜单的背景颜色与透明度设置 */
#menuTable{ background:#F5FCFE; border:1px solid #A7CAFA; filter:Alpha(Opacity=80);}
#menuTable td{ padding:3px 0px 3px 5px; line-height:15px;}

.zh { color: #FF0000; }