@charset "utf-8";
body {
	font-family: MS PGothic,Osaka,arial ,sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
	background: #fff;
	margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0;
	text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */
	color: #666;
}
#container {
	width: 780px;  /* 使用比最大宽度 (800px) 小 20px 的宽度可显示浏览器界面元素，并避免出现水平滚动条 */
	background: #FFFFFF;
	margin: 0 auto;
	border-right: 1px solid #fcf;
	border-left: 1px solid #fcf;
	
}
#header {
	text-align:center;
	background: #fff;
	padding: 30px 30px 10px 30px;
	height: 60px;
}

#headmenu {
	float: left;
	padding: 5px;
}
#list{
	float: left;
	padding: 5px;
	width: 50em;
}
#lang {
	text-align: right;
	padding: 5px;
	float: right;
	margin-top: 15px;
	margin-right: 20px;
}

#mainContent {
	padding: 30px; /* 请记住，填充是 div 方块内部的空间，边距则是 div 方块外部的空间 */
	background: #FFFFFF;
	text-align:left;
	line-height: 200%;
}
#footer {
	padding: 10px; /* 此填充会将它上面 div 中的所有元素左对齐。 */
	background:#fff;
	border-top: 1px solid #fcf;
	color: #F69;
	text-align: center;
	margin: 40px 10px 40px 10px;
}
#footer p {
	margin: 0; /* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠（即 div 之间出现的空白）*/
	padding: 10px 0; /* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
}
h1 {
	height:20px;
	border-left:solid 12px #6AB5FF;
	padding:5px 0px 5px 8px;
	font-size:180%;
	color:#6AB5FF;
}
a{
	text-decoration:none;
	
}

a:link{
	color:#F6F;
}

a:visited{
	color:#C6F;
}

a:active, a:hover{
	color: #6AB5FF;
	background-color:#fff;
}

a img {
    border-style:none;
}

.title1 {
	font-size:16px;
	color: #96F;
	font-weight: bold;
}
.title2 {
	font-size:180%;
	color:#6AB5FF;
	font-weight: bold;
}