﻿ul,form,li{
	margin:0;
	padding:0;
	list-style:none;
}
body { 
	font: 12px 宋体, 新宋体;
	margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0;
	text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */
	color: #000000;
	background:; background-image: url('bgbody.png'); background-repeat: repeat-x; }

a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
	color: #52C3D7;
}
a:active {
	text-decoration: none;
	color: #52C3D7;
}
.oneColFixCtrHdr #container {
	width: 1024px;  /* 使用比最大宽度 (800px) 小 20px 的宽度可显示浏览器界面元素，并避免出现水平滚动条 */
	background: #fff;
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	border: 0px solid #000000;
	text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
}
.oneColFixCtrHdr #header {
	background: #fff; 
	
	 /*padding: 0 10px 0 20px;  此填充会将出现在它后面的 div 中的元素左对齐。如果 #header 中使用的是图像（而不是文本），您最好删除填充。 */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* 将 #header div 中最后一个元素的边距设置为零将避免边距重叠（即 div 之间出现的无法解释的空白）。如果 div 周围有边框，则不必将边距设置为零，因为边框也会避免边距重叠 */
	padding: 10px 0; /* 使用填充而不使用边距将可以使元素远离 div 的边缘 */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 0 0 60px; /* 请记住，填充是 div 方块内部的空间，边距则是 div 方块外部的空间 */
	background: #fff;
}
.oneColFixCtrHdr #footer {
	padding: 0 32px; /* 此填充会将它上面 div 中的所有元素左对齐。 */
	width:960px;
	margin: 15px 0 0 0;
	color:#9f9f9f;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠（即 div 之间出现的空白）*/
	padding: 10px 0; /* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
}
.twoColFixLtHdr #container { 
	width: 1024px;  /* 使用比最大宽度 (800px) 小 20px 的宽度可显示浏览器界面元素，并避免出现水平滚动条 */
	background: #fff;
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	border: 0px solid #000000;
	text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
} 
.twoColFixLtHdr #header { 
	background: #fff;
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* 将 #header div 中最后一个元素的边距设置为零将避免边距重叠（即 div 之间出现的无法解释的空白）。如果 div 周围有边框，则不必将边距设置为零，因为边框也会避免边距重叠 */
	padding: 10px 0; /* 使用填充而不使用边距将可以使元素远离 div 的边缘*/
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* 由于此元素是浮动的，因此必须指定宽度 */
	width: 270px; /* 在符合标准的浏览器中或者在 Internet Explorer 中的标准模式下，此 div 的实际宽度除了包括宽度外，还包括填充和边框 */
	background: #fff; /* 将显示背景色，其宽度等于栏中内容的长度，*/
	padding: 15px 10px 15px 20px;
}
.twoColFixLtHdr #mainContent { 
	margin: 20px 0 0 305px; /* 此 div 元素的左边距会在页面的左下方创建栏 — 无论 sidebar1 div 中包含多少内容，都将保留栏空白。如果您希望在 #sidebar1 中的内容结束时，用 #mainContent div 的文本填充 #sidebar1 空白，则可以删除此边距。 */
	padding: 0 20px; /* 请记住，填充是 div 方块内部的空间，边距则是 div 方块外部的空间 */
	
} 
.twoColFixLtHdr #footer { 
	padding: 0 32px; /* 此填充会将它上面 div 中的所有元素左对齐。 */
	width:960px;
	margin: 15px 0 0 0;
	color:#9f9f9f;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠（即 div 之间出现的空白）*/
	padding: 10px 0; /* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
}
.fltrt { /* 此类可用来使页面中的元素向右浮动。浮动元素必须位于页面上要与之相邻的元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 此类可用来使页面上的元素向左浮动 */
	float: left;
	margin-right: 8px;
}
.twoColFixLtHdr #sidebar1 ul{
	width:240px;
	background-image: url(sidebarBg.png);
	background-repeat: no-repeat;
	background-position: 230px;
	/*list-style:url(icon_off.png);*/
	padding-left:30px;
}
.twoColFixLtHdr #sidebar1 li{
	height:20px;
	padding-top:15px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EFF4FB;
	padding-left:40px;
	background:url('icon_off.png') no-repeat 25px 18px;
	font-size:16px;
}
.contentShow
{
	margin-top:15px;
}

.contentTitleBar
{
	margin-top:15px;
	background:url('titleIcon.png') no-repeat;
	padding:1px 0 0 10px;
}
.contentTitleBar2
{
	background-image: url('titleIcon2.png');
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	margin:10px 0 10px 0;
}
.sideMapLine
{
	color:#666;
	text-align:right;
}
.nav
{
    position:relative;
    height:70px;
}
.navButton
{
	background-repeat: no-repeat;
	background-position: 50% 60px;
	position: absolute;
	width: 97px;
	height: 40px;
	top: 0px;
	display: inline;
	font-family: 黑体;
	font-size: 16px;
	color: #000000;
	cursor: pointer;
	text-align: center;
	padding-top: 40px;
}
.navButtonSelected
{
    background-image: url('circle_s.png');
    color: #52C3D7;
    /*font-weight: bold;*/
    z-index:10;
}
.navButtonNormal
{
    font-weight: normal;
    color: #000000;
    background-image: url('circle_n.png');
    z-index:1;
}
.navLabelContainer
{
    position:absolute;
    height:31px;
    width:945px;
    z-index:2;
    padding-top:1px;
}
.navLabel
{
    position:relative;
}

#firstLine
{
    margin: 10px 0 0 0;
    height:185px;
}
.contentBox
{
    height:185px;
    width:285px;
    position:relative;
    float:left;
    margin-right:28px;
}

/*Content Border Style*/
.contentBoxCornerLT
{
    background: url('bg.png') no-repeat -60px -143px;
    width: 16px;
}
.contentBoxTopTitle
{
    background: url('bg.png') no-repeat -0px -124px;
    color: #FFF;
    font-weight: bold;
    width: 82px;
    height: 16px;
    text-align: center;
    padding-top:3px;
}
.contentBoxBorderTop
{
    background: url('bg_X.png') repeat-x 0 -74px;
}
.contentBoxCornerRT
{
    background: url('bg.png') no-repeat 0px -143px;
    width: 12px; 
}
.contentBoxBorderLeft
{
    background: url('bg_y.png') repeat-y 0px 0px; 
    width: 16px;
}
.contentBoxBorderRight
{
    background: url('bg_y.png') repeat-y -16px 0px; 
    width: 12px
}
.contentBoxCornerLB
{
    background: url('bg.png') no-repeat -12px -143px; 
    width: 16px;
}
.contentBoxBorderBottom
{
    background: url('bg_X.png') repeat-x 0 -93px;
}
.contentBoxCornerRB
{
    background: url('bg.png') no-repeat -28px -143px;
    width: 12px;
}
.contentBoxContent
{
    padding:0;
    
}

/*Mid Line Style*/
#MidLine
{
    margin-top:15px;
}

.MidBoxBorderLeft
{
    background: url('bg.png') -102px 0px no-repeat;
    width: 7px;
}
.MidBoxBorderRight
{
    background: url('bg.png') -109px 0px no-repeat; width: 7px; 
}

.MidBoxContent
{
	background: url('bg_X.png') repeat-x 0px -120px;
	height: 2px;
	overflow: visible;    
}
.MidContent
{
	margin-top: 15px;
	position: relative;
	float: left;
}
.MidContentTitleLeft
{
    background: url('bg.png') -40px -143px no-repeat;
    width: 10px; 
    height: 23px;
    float:left;
    
}
.MidContentTitle
{
    background: url('bg_X.png') repeat-x 0px -0px;
    width: 69px;
    height: 23px;
    float:left;
    text-align:center;
    padding-top:6px;
}
.MidContentTitleRight
{
    background: url('bg.png') -50px -143px no-repeat;
    width: 10px;
    height: 23px;
    float:left;
}
.MidContentTitleBg
{
    background: url('bg_X.png') repeat-x 0px -23px;
    height: 23px;
    width:176px;
    float:left;
}

/* LinkBox Style */
#LinkLine
{
    width:910px;
    margin-top:15px;
   
}
.LinkBoxLeft
{
    background: url('bg.png') -82px -124px no-repeat;
    width: 10px;
    height: 45px;
}
.LinkBoxRight{
    background: url('bg.png') -92px -124px no-repeat;
    width: 10px;
    height: 45px;
} 
.LinkBoxTop 
{
    height:2px;
    background: url('bg_X.png') repeat-x 0px -46px;
}
.LinkBoxBottom
{ background: url('bg_X.png') repeat-x 0px -48px; height: 2px;}
.LinkBoxContent
{
    height:41px;
}

#LinkImg {
    /*height:41px;*/      
    overflow:hidden;   
    white-space:nowrap;
}  
#LinkImg img
{
    height:31px;
}

/* footer Style */
.footerLeft
{
    background: url('bg.png') 0 0 no-repeat;
    width: 50px;
    height: 124px;
}
.footerRight
{
    background: url('bg.png') -50px 0 no-repeat;
    width: 50px;
    height: 124px;
}
#footer table
{
    background:#eaeaea;
}

.contentBoxImg
{
    width: 84px;
    height: 63px;
}
.contentTitle
{
    font-weight: bold;
    margin:0 0 3px 0;
}

.replist
{
    text-align: right;
    list-style-type: none;
}
.replist li{ display: inline; }
.replist li a
{
    border: 1px solid #3dbed1;
    margin-right:2px;
    padding:2px 6px 2px 6px;
    color:#3dbed1;  
}
.msgAskName
{
    color: #3F84D1;
}
.msgTime
{
    color: #666;
}
.msgAnsName
{
    color:#FF9E10;
}
.msgInputFocus
{
    border: 1px solid #3dbed1;
    background-color: #F0F8FF;
    font-weight: bold;
    color: #0066FF;
    overflow:auto;
}
.msgInput
{
    border: 1px solid #3dbed1;
    font-weight: normal;
    background-color: #FFFFFF;
    overflow:hidden;
    margin-left: 9px;
}
.btn
{
    padding: 2px;
    background: url('bg_X.png') repeat-x 0px -50px;
    height: 24px;
    border: 1px solid #3dbed1;
    margin: 5px;
    color: #002040;
}

.roundDef
{
	background:#f5f5f5;
	float:left;
	margin-bottom:10px;
}
.roundDef .rndTopLeft
{
	background-image: url(bg.png);
	background-repeat: no-repeat;
	background-position: 0px -163px;
	height: 10px;
	width: 10px;
	font-size:0px;
}
.roundDef .rndTopBorder
{
	background-image: url(bg_X.png);
	background-repeat: repeat-x;
	background-position: 0px -105px;
	height: 10px;
	font-size:0px;
}

.roundDef .rndTopRight
{
	background-image: url(bg.png);
	background-repeat: no-repeat;
	background-position: -25px -163px;
	height: 10px;
	width: 10px;
	font-size:0px;
}

.roundDef .rndLeftBorder
{
	background-image: url(bg_Y.png);
	background-repeat: repeat-y;
	background-position: -28px 0px;
	width: 10px;
	font-size:0px;
}
.roundDef .rndRightBorder
{
	background-image: url(bg_Y.png);
	background-repeat: repeat-y;
	background-position: -29px 0px;
	width: 10px;
	font-size:0px;
}
.roundDef .rndLeftBottom
{
	background-image: url(bg.png);
	background-repeat: no-repeat;
	background-position: 0px -175px;
	height: 10px;
	width: 10px;
	font-size:0px;
}
.roundDef .rndRightBottom
{
	background-image: url(bg.png);
	background-repeat: no-repeat;
	background-position: -25px -175px;
	height: 10px;
	width: 10px;
	font-size:0px;
}
.roundDef .rndBottomBorder
{
	background-image: url(bg_X.png);
	background-repeat: repeat-x;
	background-position: 0px -108px;
	height: 10px;
	font-size:0px;
}
.contentTableTitle
{
	color: #7baab1;
	background-color: #d6ecef;
	text-align: center;
	height: 30px;
	
}
.contentTableLine
{
	color:#979797;
	text-align: center;
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}
