@charset "utf-8";
/* CSS Document */


body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0;
	text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */
	color: #000000;
	/*background-color:#ee4420;*/
	background:url("footer.jpg") repeat scroll center center rgba(0, 0, 0, 0);
}



#header {
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	background-image: url(blogshow3.jpg);
	background-color:#ee4420;
	background-repeat: no-repeat;
	background-position: left top;
	height: 500px;
	width:770px;
	text-align: center;/* 自动边距（与宽度一起）会将页面居中 */
	margin-top:10px;
	position:relative;
}

#intro {
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	text-align: left;
	width:770px;
	font-size:14px;
	text-indent:2em;
	line-height:30px;
	font-weight:bold;
	padding: 20px 0;
	position:absolute;
	bottom:0;
}
#titbar {
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	text-align: left;
	height: 50px;
	line-height:50px;
	width:770px;
	font-size:16px;
	font-weight:bold;
}


#container {
	width: 770px;  /* 使用比最大宽度 (1024px)避免出现水平滚动条 */
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
	font-famliy:"宋体";
	font-size:14px;
	line-height: 20pt;
	background-color: #FFFFFF;
	
}

#footer {
	padding: 0 10px 0 20px; /* 此填充会将它上面 div 中的所有元素左对齐。 */
	background:#DDDDDD;
}
#footer p {
	margin: 0; /* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠（即 div 之间出现的空白）*/
	padding: 10px 0; /* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
}


a.box,a.box:visited {
display:block;
border:1px dashed #999;
width:357px;
height:100px;
margin:3px;
padding:10px;
color:#666;
vertical-align:middle;

}
a.box:hover {
display:block;
border:1px solid orange;
background:#eee;
width:357px;
height:100px;
margin:3px;
padding:10px;
color:#000;
vertical-align:middle;

}


.image_frame { 
	padding: 4px; 
	border: 2px solid #999; 
    margin-right:10px;
}


img {
width:80px;
height:80px;
border: none;

}
.red{
color:#300;
font-size:14px;
font-weight:bold;
}
.blue{
color:#003399;
font-size:14px;
font-weight:bold;
}
.grey{
color:#666;
font-size:14px;
font-weight:bold;
}

.brown{
color: #630;

font-size:14px;}


.fltrt { /* 此类可用来使页面中的元素向右浮动。浮动元素必须位于页面上要与之相邻的元素之前。 */
	float: right;

}
.fltlft { /* 此类可用来使页面上的元素向左浮动 */
	float: left;

}
.clearfloat { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.dotted
{
border-bottom:1px dashed #999;
height:15px;
}
.dotted_right{
border-right:1px dashed #999;
}
.width_620{
width:600px;
padding:10px;
}
.width_300{
width:300px;
padding:10px;
}

.width_300{
width:280px;
padding:10px;
}


h3{
	margin:0;
	border-bottom:2px solid #630;
	color:#630;
	font:16px;
}


h4{
margin:0;
border-bottom:1px solid #630;
color:#630;
}
.nostyle {
	list-style: none;
		margin: 0; 
	padding: 0;  
}