/* CSS Document */

*{margin: 0;  padding: 0;  font-size: 13px;}  /*所有元素的margin(外空)和padding(内缓)默认值清0*/
body{text-align: center;  line-height: 32px;  color: #000;  background:#090;}  /*文本居中，总背景*/
#bg{position:relative;  clear:both;  width:100%;  background:#090;}  /*总背景层soso快照所需*/
#img1{} /*飘浮层*/


/*——sky自由天空.大块级容器——*/

.sky, #sky1, #sky2, #header, #friend,  #skyy
{  /*天空1，天空2，头，友，底空*/
position: relative;	/*相对定位*/
clear: both;  /*清除左右浮动*/
margin: 0px auto;  /*居中：上下空=0，左右空=自动计算，不能设为浮动*/
width: 980px;  /*容器内宽980*/
}
#sky1, #sky2
{
border: 1px solid #0f0;  width: 978px!important;  /*容器内宽978*/
width  /*ie5取980=1+987+1*/: 980px;  /*ie5容器总宽(不计margin)980*/
}
#sky1{top: 1px;  height: 150px;}
#sky2{height: 270px;  color:#fff;}
#friend{padding-bottom:10px;  color: #fff;}
#skyy{height:10px;  line-height:10px;}

#headerpad  /*header缓冲层*/
{
position: relative;  left: 15px;
float: left;  margin-top: 10px;
padding-top: 5px;  border-bottom: 5px solid #0f0;  /*高按内容自调*/
width: 950px;
background: purple;  /*紫色*/
}


/*——d布局.大块级容器——*/

.d, #d1, #d2, #d3, #d4, #footer
{  /*布1.新闻, 布2.热点, 布3.简介, 布4.胡码, 脚*/
position: relative;	 /*相对定位*/
clear: both;
margin: 0px auto;  /*居中：上下空=0，左右空=自动计算，若要居中则不能浮动*/
width: 980px;
}
#footer{padding-top:5px;    background:#ffffe0 url(../img/bg2.gif) repeat;}

.dpad, .dpadbg 
{ /*d缓冲层*/
position: relative;
float: left;  /*若要显示背景则需浮动*/
padding: 10px;
background: #ffffe0;
}
#d1 .dpad{margin-top: 1px;}
#d1 .dpadbg{margin-top: 1px;  background: #ffffe0 url(../img/bg2b.gif) no-repeat left 200px;}
#d2 .dpad{top: 5px;}  /*顶偏5露总背景bg*/
#d3 .dpad,
#d4 .dpad{margin-top: 5px;}  /*顶空5露bg*/

.dto
{  /*d内容层*/
position: relative;	
float: left;  /*若要显示背景则需浮动*/
width: 960px;
}


/*==小块级容器==*/

/*==header头==*/
#logo, #nav
{
position: relative;  float: left;
}
#logo
{
left: 5px;
width: 180px;  height: 65px;
background: #0f0;
overflow: hidden;
}
#nav
{
left: 10px;
width: 755px;  height: 65px;
background: #ffffe0;
}
#nav2{}

/*==d1新闻==*/
/*==.class重复使用==*/
.dhead, .dbody, .dfoot
{  /*头，体，脚*/
position: relative;  float: left;  clear: both;
width: 960px;
}  /*内有宽度自调的浮动层时，外层应清除左右浮动，否则ie6显示后继小浮动层时可能会多显示1尾巴行，或流入外层内*/

.dh{float: left;}  /*头.小标题.问候*/
.dh1{float: left;  width: 585px;}  /*问候.左*/
.dh2{float: right;  width: 367px;}  /*问候.右*/

.dleft
{  /*相对左*/
position: relative;  float: left;  overflow: hidden;
width: 588px;
}
#d1 .dleft
{
border: 1px solid #29d;  width: 586px!important;  /*FF IE8 IE7(ie6ie5)的width取585*/
width  /*斜线前有空格时仅IE5的width再取587=1+585+1*/: 588px;
}
#d2 .dleft{width: 720px;}

.dright, #swf, #hot2
{  /*相对右，动画，热点2*/
position:relative;  float:right;
border:1px solid #29d;
}
#d1 .dright{
border-width:0px;  width:372px;
clear:right;  /*剪掉ie6小尾巴*/
}
#d3 .dright, #d4 .dright{width:360px!important;  width  /**/:362px;}
#swf
{
width: 202px;  height: 358px;
text-align: center;
}
#hot2
{
left:-10px;
width:220px;  /*高自动调*/
}

.pic{}/*pic图片*/
.picpad {padding:5px;  text-align:center;}	/*图片缓冲*/
#d3 .picpad, #d4 .picpad
{
float:left;  margin:25px;  display:inline;  /*行内块*/
background:#ccc;
}

.pad{padding:10px;}  /*文本缓冲*/
.pad0001{padding:0 0 0 26px;}  /*左缩进*/
.mar{margin:10px 0px;}  /*顶底空*/

/*==#id独占==*/
#flash
{  /*相对左*/
position: relative;  float: left;  overflow: hidden;
left: 3px;
width: 580px;  height: 100px;
}

#news
{  /*新闻.高按内容自调*/
clear:both;
}

#cert
{  /*证书.绝对*/
position: absolute;  overflow: auto;
left: 587px;  z-index: 2;
border: 1px solid #2299dd;  width: 158px;
height: 358px;
text-align: center;
}			

#marq
{  /*文字滚动*/
position: relative;  float: right;  width: 395px;
}

/*==sky1图片滚动==*/
#demo{overflow: hidden; width: 943px;}
#demo1{vertical-align:top;}
#demo2{}

/*==d2热点==*/

/*==sky2证书==*/
#cer, #cer2, #book, #swf2
{
position: relative;  left: 25px;  top: 15px; float:left;
width: 280px;  height: 250px;
overflow: hidden;
}
#cer2{left: 40px;}
#book{left: 55px;  width: 139px; }
#swf2{left: 70px;  width: 180px;}

/*==d3简介d4胡码==*/
.dleftbody{border:1px solid #29d;  width:586px!important;  width  /**/:588px;}

.dhead3
{  /*侧题头*/
position:relative;  left:5px;  float:left;
border-bottom:5px solid #0f0;
width:350px;
background:#090;
}

.dlogo3
{
position:relative;  float:left;
width:50px;  height:43px;  line-height:42px;
font-size:16px;  color:#00f;  font-weight: bold;
text-align:center;
background:#0f0;
}
.dnav3
{
position:relative;  float: left;
width:300px;  height:43px;
background:#ffffe0 url(../img/navbg3.jpg) repeat;
}

/*==friend友==*/
/*==footer==*/
#footerline
{  /*脚注线*/
width:100%;  border-top:3px solid #f60; padding-bottom:5px; height:0px; line-height:0px;
}

/* 天生的标签级容器.改造 */

/* img图片 */
img{border: 0px;  vertical-align: middle;}
#logo img
{
margin-top:15px;
width:180px;  height:40px;
}
#cert img{width:137px; height:78px; margin:10px 0px;}
#demo img
{
padding:5px;  width:100px;  height:120px;
background:#fff;
}
#sky2 img{width:270px; height:180px;} 
#book img{width:129px; height:180px;}

/* 标题 */
h1,h2,h3,h4,p{text-align:left; text-indent:26px;}  /**文本左齐，首行缩进2字*/
h1,h2{font-size:18px; line-height:50px; text-indent:13px;}  /*1级标题，缩进1字*/
#zc h1,#dl h1{text-align:center;}

h3,h4,p{margin:15px 0px;}/*顶白、底白15px*/
h3 b,p b{font-size:26px;color:#f00;margin-right:3px;}  /*首字下沉*/
h5{font-size:12px; line-height:23px; font-weight: normal;}  /*d图注*/
h6{margin:0;font-size:13px;}/*sky图注*/

/* 表格 */
table{margin:0 auto;  border:0px;}/*表.居中，表边.无*/
#sky1 table, #d2 table
{width:100%;}
#sky1 #demo table{text-align:center;}
#friend table{line-height:25px;  text-align:center;  color:#fff;  width:936px;}
#friend table table{width:450px;}

td, th{border:1px solid #29d;  padding:0px;    vertical-align:top;}/*格边.淡兰，格缓0*/
#sky1 td{border:0px;}/*格边.无*/
#friend td{border-color:#0f0;}/*格边.绿，顶齐*/
.aload td{line-height:23px; text-align:center;  vertical-align:middle;}

/* 锚 */
a{color:#000;  text-decoration:none;}/*黑字 无修饰*/
a:hover{background-color:#f30;  color:#fff;  font-size:16px;  font-weight:bold;  padding:0.2em 0.6em;}
/* 图片锚 */
.picpad a:hover {background-color:#f00; padding:5px;}	/*用于图片超链接，产生移动*/
/* 黄字锚 */
.dh6{padding:5px 10px; text-align:center;   vertical-align:middle;} 
.dh6 h6{color:#fff;}  /*白字*/
h6 a{color:#ff0;}  /*黄字*/
.dh6 h6, .dh6 h6 a, .dh6 h6 a:hover{padding:1px 0px; width:13px; font-size:13px;line-height:16px;}
/* 白字锚 */
.a3 a, #friend a{color: #fff;font-size:13px;}/*白字13px*/
.a3 a:hover, #friend a:hover{font-size:16px;}
/* 第1导航.锚 */
#nav ul
{
float:right;
width:100%;
list-style-type:none;
}
#nav ul a
{
float:right;
text-decoration:none;
font-size:16px;  color:#000;/*黑字*/
padding:0.2em 0.6em;/*留空*/
border-right:1px solid white;/*边.右.1px白边*/
}
#nav ul a:hover {background-color:#f30;  color:white;  font-weight:bold;}/*浅红底，白字，加粗*/
#nav li {display:inline;}
/* 第2导航.锚 */
#nav2{}
#nav2 ul
{
float:left;
width:100%;
list-style-type:none;
background-color:purple;
}
#nav2 ul a
{
float:left;
text-decoration:none;
font-size:16px;	color:#fff;	font-weight: bold;
background-color:purple;
padding:0.2em 0.6em;
border-right:1px solid white;
}
#nav2 ul a:hover {background-color:#f30;}
#nav2 li {display:inline;}
/* 滚动.锚 */
#demo a {background-color:#fff; padding:0px;}  /*用于图片，不变动*/
#demo a:hover {background-color:#fff; padding-left:10px; font-size:13px;}  /*用于图片，左侧增加10px填充区产生动感*/
/* 下载粗体绿字锚*/
.aload span a{color: #0c0;  font-weight: bold;}
/* 注册红字锚*/
#zc a{color: #f00;}
.aload  span a:hover, #zc a:hover{color:#fff; }

/* 列表 */
/* 列表类out：整体 左缩进3.5字高 上下缩进15px，用图片取代黑点 图片位于项外 */
ul.out
{
list-style:disc url(../img/01.gif) outside;
padding-left:3.5em;	margin:15px 0;	text-align:left;
}
ul.out li{line-height:32px;}
/* 列表类out2：整体 左缩进3.5字高 右缩进1字高 图片位于项外，每项上下缩进15px */
ul.out2
{
list-style:disc url(../img/01.gif) outside;
padding:0 1em 0 3.5em;	text-align:left;
}
ul.out2 li{margin:15px 0;}

/* 非容器元素.用于修饰 */
.b{ font-weight: bold;}  /*加粗*/
.red{color:#f00;}
.green2{color:#0c0;}
.green3{color:#090;}  /*淡绿*/
.green3b {color: #090; font-weight: bold; }
.blue{color:#00f;}  /*兰.森林绿#223b22*/
.rb, .red_blue{color:#f0f;}  /*淡红*/
.rg_r{color:#F60;}  /*黄偏红*/
.clea{clear:both;}

/*注册.登录*/
#zc,#dl{margin:0 auto 20px auto;  width:785px; text-align:center;   font-size:12px;  display:block;} 

#zc table,#dl table
{font-size:13px;  line-height:32px;  background:#ccc; 
border:1px solid #0f0; border-width:1px 1px 1px 1px; width:675px;
}
#dl table{width:500px;}
#zc td, #dl td{padding:5px;  border:0px solid #080; border-width:0px 1px 1px 0px; text-align:left;}
#zc .b, #dl .b{text-align:right;}
#zc .b0100 td, #dl .b0100 td{border-width:0px 1px 0px 0px;}