﻿body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0;
	text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */
	color: #000000;
}
.twoColLiqRtHdr #container { 
	width: 1024px;  /* 这将创建一个占据 80% 浏览器宽度的容器 */
	background: #FFFFFF;
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	border: 1px solid #000000;
	text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
} 
.twoColLiqRtHdr #header {
	background: #ded9be;
	padding: 0 0;  /* 此填充会将出现在它后面的 div 中的元素左对齐。如果 #header 中使用的是图像（而不是文本），您最好删除填充。 */
	margin-bottom: 5px;	
} 

.topMenu {
	padding:0 10px;
} 

.topindex {
	font-family: "宋体";
	font-size: 12px;
	color: #000000;
	line-height: 14px;
	text-decoration: none;
}

.redtopindex {
	font-family: "宋体";
	font-size: 12px;
	color: #ff0000;
	line-height: 14px;
	text-decoration: none;
}

/* sidebar1 提示：
1. 由于我们使用的是百分比，因此最好不要在侧栏中使用填充。它将会新增至宽度，而让符合标准的浏览器建立未知的实际宽度。 
2. 如果为 div 中的元素设置左边距和右边距，则会在 div 边缘和这些元素之间产生空白，如“.twoColLiqRtHdr #sidebar1 p”规则中所示。
3. 由于 Explorer 会在父元素显示之后计算宽度，因此基于百分比的栏有时会出现无法解释的错误。如果您需要更可预见的结果，可选择改为以像素为单位设置栏的大小。
*/
.twoColLiqRtHdr #sidebar1 {
	float: right; /* 由于此元素是浮动的，因此必须指定宽度 */
	width: 24%; 
	padding-top: 15px 0; /* 顶部和底部的填充将在该 div 中产生视觉空间 */
}
.twoColLiqRtHdr #sidebar1 h3, .twoColLiqRtHdr #sidebar1 p {
	margin-left: 10px; /* 对于将要放在侧栏中的每个元素，都应当设置左边距和右边距 */
	margin-right: 10px;
}

#Logon 
{
	margin-bottom:2px;
	padding:1px 0;
	height:160px;
	display:block;
	background:#dfdfd5;	
}

#PicFocus 
{
	margin:2px 0;
	padding:1px 0;
	display:block;
	background:#d0dde6;
}
#TopTen 
{
	margin:2px 0;
	padding:1px 0;
	display:block;
	background:#e5dbd1;
}
#PicSearch 
{
	margin:2px 0;
	padding:1px 0;
	display:block;
	background:#d5e1d5;
}

#TopTenList {
	list-style-type:none;
	padding-top:0px;
	padding-left:0px;
	margin-left:3px;
	margin-right:3px;
	font-family:"宋体";
	font-size:12px;
}

#TopTenList li{
	padding:2px 0;
}
/* mainContent 提示：
1. mainContent 和 sidebar1 之间的空白是用 mainContent div 的右边距创建的。无论 sidebar1 div 中包含多少内容，都将保留栏空白。如果您希望在 #sidebar1 中的内容结束时，用 #mainContent div 的文本填充 #sidebar1 空白，则可以删除此右边距。
2. 为了避免在所支持的最小分辨率 800 x 600 下出现“浮动下降”，mainContent div 中的元素（包括图像）不应大于 430 像素。
3. 在下面的 Internet Explorer 条件注释中，zoom 属性用来赋予 mainContent“hasLayout”。这会避免几个特定于 IE 的错误。
*/
.twoColLiqRtHdr #mainContent { 
	margin: 0 26% 0 10px; /* 左边距应当反映标题和脚注上的边距以便正确对齐。 */
} 

#PageCenter 
{
	background:#ffffff;
	width:100%;
}

.twoColLiqRtHdr #footer  
{
	clear:right;
	padding: 0 10px; /* 此填充会将它上面 div 中的所有元素左对齐。 */
	background:#dddddd; 
} 
.twoColLiqRtHdr #footer p {
	margin: 0; /* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠（即 div 之间出现的空白）*/
	padding: 10px 0; /* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
}

.PicListTB {
	width:99%;
	border:0px;
	padding:1px;
}

.PicListTB  td{
	width:33%;
}

#C1TB {
	background:#ece0d2;
}
#C2TB {
	background:#d1ddeb;
}
#C3TB {
	background:#ebebd1;
}
#C4TB {
	background:#dbebd1;
}

#C1 {
	background:#d8c1a2;
	margin:5px 0;
	padding:2px 0;
}

#C2 {
	background:#a2b9d8;
	margin:5px 0;
	padding:2px 0;
}
#C3 {
	background:#d8d7a1;
	margin:5px 0;
	padding:2px 0;
}
#C4 {
	background:#b6d7a2;
	margin:5px 0;
	padding:2px 0;
}
#C1Head {
	margin:1px 3px;
	padding:1px 2px;
	background:url(images/r21_bg.jpg) repeat-x;	
}
#C2Head {
	margin:1px 3px;
	padding:1px 2px;
	background:url(images/r20_bg.jpg) repeat-x;	
}

#C3Head {
	margin:1px 3px;
	padding:1px 2px;
	background:url(images/r16_bg.jpg) repeat-x;	
}
#C4Head {
	margin:1px 3px;
	padding:1px 2px;
	background:url(images/r22_bg.jpg) repeat-x;	
}

.CTitle {
	float:left;
	margin-left:5px;
	vertical-align:middle
}
.CMore {
	float:right;
	margin-right:5px;
	vertical-align:middle	
}.CInfo {
	margin-right:5px;
	float:right;
	display:inherit;
	font-family:"宋体";
	font-size:12px;
	color:#FF0000;	
}


.footerTBRow {
	height:28px;
	FONT-SIZE: 12px; COLOR: #5e5a42; LINE-HEIGHT: 16px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none;
	vertical-align:middle;
}

.spLineTop {
	background:#999999;
	height:1px;
}

.spLineBottom {
	background:#ffffff;
	height:1px;	
}

/* 要重用的各种类 */
.fltrt { /* 此类可用来使页面中的元素向右浮动。浮动元素必须位于页面上要与之相邻的元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 此类可用来使页面上的元素向左浮动。浮动元素必须位于页面上要与之相邻的元素之前。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

A {
	COLOR: #433f27; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
.topindex A:hover  {
	COLOR: #ff0000; FONT-FAMILY: "宋体"
}

.redtopindex a:hover  {
	COLOR: #ffffff; FONT-FAMILY: "宋体"
}

