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

    *{ margin:0px; padding: 0px; }
/* 修改#nav部分的样式 */
#nav {
	font-family: "楷体";
	position: relative;
	width: 1200px; /* 保持1200px宽度 */
	height: auto; /* 改为自动高度 */
	font-size: 15px;
	color: red;
	border: 1px solid #069;
	background-color: #FFF;
	margin: 0 auto; /* 水平居中 */
	display: flex; /* 使用flexbox布局 */
	flex-direction: column; /* 垂直排列 */
	justify-content: flex-start; /* 内容从顶部开始 */
	align-items: center; /* 水平居中 */
	padding: 0; /* 移除内边距 */
}

/* 移除原来的#nav ul样式，替换为新的 */
#nav > ul {
	list-style-type: none;
	margin: 0;
	padding: 10px 0; /* 添加上下内边距 */
	display: flex; /* 使用flexbox水平排列 */
	justify-content: center; /* 水平居中 */
	flex-wrap: wrap; /* 允许换行，防止溢出 */
	width: 100%; /* 占满父容器宽度 */
	box-sizing: border-box; /* 包含内边距在宽度内 */
}

/* 修改菜单项样式 */
#nav > ul > li {
	float: none; /* 移除浮动 */
	position: relative;
	display: flex; /* 使用flexbox */
	align-items: center; /* 垂直居中 */
	margin: 0 2px; /* 减小间距 */
}

/* 修改一级菜单链接样式 */
#nav > ul > li > a {
	font-family: "楷体";
	text-align: center;
	border-right: 0px solid #e9e9e9;
	padding: 6px 10px; /* 调整左右内边距 */
	display: block;
	text-decoration: none;
	color: black;
	font-weight: 100;
	white-space: nowrap; /* 防止文字换行 */
	border: 1px solid #ddd; /* 添加边框 */
	background-color: #f9f9f9; /* 添加背景色 */
	border-radius: 3px; /* 圆角 */
	transition: all 0.2s ease; /* 添加过渡效果 */
	box-sizing: border-box; /* 包含边框和内边距在宽度内 */
}

/* 修改鼠标悬停效果 */
#nav > ul > li > a:hover {
	background: green;
	color: #fff;
}

#nav > ul > li > a:active {
	background: red;
	color: #fff;
}

/* 下拉菜单样式保持不变，但调整位置 */
#nav ul li ul {
	display: none;
	width: 400px;
	position: absolute;
	top: 100%; /* 定位在菜单项下方 */
	left: 0;
	z-index: 1000; /* 确保在下拉菜单上显示 */
	background: #12aeef;
	padding: 5px 0;
	border: 1px solid #ddd;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 3px 5px rgba(0,0,0,0.1);
}

/* 鼠标悬停时显示下拉菜单 */
#nav ul li:hover ul {
	display: block;
}

/* 下拉菜单项样式 */
#nav ul li ul li {
	width: 100%;
	display: block;
}

#nav ul li ul li a {
	display: block;
	background: #12aeef;
	color: #ffffff;
	width: 100%; /* 改为100%宽度 */
	text-align: left;
	border-bottom: 1px solid #f2f2f2;
	border-right: none;
	padding: 8px 15px;
	box-sizing: border-box; /* 包含内边距在宽度内 */
}

#nav ul li:hover ul li a {
	display: block;
	background: #12aeef;
	color: #ffffff;
	width: 100%; /* 改为100%宽度 */
	text-align: left;
	border-bottom: 1px solid #f2f2f2;
	border-right: none;
}

#nav ul li:hover ul li a:hover {
	background: green;
	color: #fff;
}

#nav ul li:hover ul li a:active {
	background: red;
	color: #fff;
}

/* 针对用户下拉菜单的特殊处理 */
#nav ul li ul ol {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#nav ul li ul ol li {
	width: 100%;
}

#nav ul li ul ol li a {
	width: 100%;
	padding: 8px 15px;
	box-sizing: border-box;
}

/* 登录/注册链接样式 */
.auth-links {
	display: flex; /* 使用flexbox */
}

/* 响应式调整：当屏幕宽度小于1250px时 */
@media (max-width: 1250px) {
	#nav {
		width: 95%; /* 改为百分比宽度 */
		max-width: 1200px; /* 最大宽度仍为1200px */
	}

	#nav > ul {
		justify-content: center; /* 保持居中 */
	}

	#nav > ul > li > a {
		padding: 6px 8px; /* 减小内边距 */
		font-size: 14px; /* 减小字体大小 */
	}
}

/* 当屏幕宽度小于1000px时，允许换行 */
@media (max-width: 1000px) {
	#nav > ul {
		flex-wrap: wrap; /* 允许换行 */
		justify-content: center; /* 保持居中 */
	}

	#nav > ul > li {
		margin: 3px; /* 增加间距 */
	}
}

a {	
	color: #3366CC;	
	text-decoration: none
}
body {	
	background-color: #DCDCDC;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em;	
	line-height: 2em;	
	color: #336699;
	margin-top: 0.1em;
	margin-right: 0.1em;
	margin-bottom: 0.1em;
	margin-left: 0.1em
	}
	p{
		line-height: 2em;
		}
	h1 {
		text-align:center;
	    color: green;
		font-size: 1.5em;
	}
	
	#div-title h1 {
		text-align:center;
	    color: green;
		font-size: 2.0em;
		line-height: 1.3em;
	}
h2 {
	color:#000;
	text-align:center;
	font-size: 1.3em;
	
	}
h3 {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1.15em;	
	background-color:#696; 	
	color: #DCDCDC
	}
h4 {
	color: #000000
	}
table {
	margin-left:auto;
	margin-right:auto;
	color: #FFFFFF
	}
td, th {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 2em;
	color: #333333
	}
textarea {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em
	}
ul {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em;	
	list-style-type: square;	
	list-style-position: outside
	}
.BulletBackgroundColor {
	color: #FFFFFF
	}
.DataColor {
	color: #DEDECA
	}
.footer { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.167em;
	font-weight: bold;
	line-height: 1.83em;
	color: #333333;
	background-color: #CCCCCC
	}
.FormBackgroundColor {
	color: #CCCCCC
	}
.ImageTitleColor {
	color: #CCCCCC
	}
.LabelColor {
	color: #CCCCCC
	}
.ListColorEven {
	color: #CCCCCC
	}
.ListFooterColor {
	color: #333333
	}
.ListHeaderColor {
	color: #333333
	}
.ListColorOdd {
	color: #DEDECA
	}
.ListTitleColor {
	color: #CCCCCC
	}
.NavigationBackgroundColor {
	color: #666666
	}
.NavigationColor {
	color: #CCCCCC
	}
.NewsDataColor {
	color: #DEDECA
	}
.StoryTitle {
	color: #000000;
	font-weight: bold
	}
.StoryContentColor {
	color: #000000
	}
.TitleColor {
	color: #000000
	}
a:hover {	
	text-decoration: underline
	}
tr.ListHeaderColor th {
	text-align: left;
	}.small {
	font-size: 85%;
}

#trd1 {
	font-family: "楷体","宋体";
	font-size: 16px;
	font-weight:500;
	color: blue;
	line-height: 30px;
	font-color: red;	
	padding-left:0px;
	padding-top:20px;
	background-color:white;	
}

 a:hover { 
      background:green; 
      color:#fff;	  
    } 
	a:active { 
      background:red; 
      color:#fff;	   
    } 
	header{
		font-family:"楷体","宋体";
		font-size: 2em;
		padding:20px;		
	}
	
	p{
		line-height: 2em;
		}
	h1 {
		text-align:center;
	    color: green;
	}
	button{
		color:#00F;
		font-size:1.0em;
		border:0px;
		background:#FFF;
		direction:ltr;
		text-wrap:normal;
		
	}
	button:hover{		
		color:white;
		font-size:1.0em;
		border:0px;
		background:#090;
		text-decoration:underline;		
	}
	button:active{		
		color:white;
		font-size:1.0em;
		border:0px;
		background:red;
		text-decoration:underline;		
	}
	
	button:visited{			
		color:white;
		font-size:1.0em;
		border:0px;
		border-color:#0FC;
		background:#CCC;
		text-decoration:underline;		
	}
		
	#tb_intr_01 td{		
		
		padding-left:5px;
		padding-right:5px;
	}
	
	#tb_intr_01 .td_h3{		
		
		padding-left:0px;
		padding-right:0px;
	}
	
	#table_04 tr td a  {
	font-family: "楷体";
	font-size: 16px;
	font-weight:400;	
	line-height: 30px;	
	
		}
		
	#trd2 {
	font-family: "楷体";
	line-height: 25px;		
	width:418;
	background:#FFF;
		height: auto;
	
}
		
	#trd2 li a{
	font-family: "楷体";
	font-size: 12px;
	font-weight:500;
	line-height: 0px;
	padding:0px;
	padding-left:0px;
	width:418px;
	/*text-wrap:suppress; */	
}
		
	#trd3{
	font-family: "楷体";
	line-height: 27px;		
	width: 418px;
	background:#FFF;
	
}
		
	#trd3 li a{
	font-family: "楷体";
	font-size: 14px;
	font-weight:500;
	line-height: 0px;
	padding:0px;
	padding-left:0px;
	width:418px;
		white-space: nowrap; /* 实现不换行效果 */
}

#trd4 {
	font-family: "楷体";
	line-height: 28px;		
	width:418px;
	background:#FFF;
	
}
		
	#trd4 li a{
	font-family: "楷体";
	font-size: 12px;
	font-weight:500;
	line-height: 0px;
	padding:0px;
	padding-left:0px;
	width:418px;
		white-space: nowrap; /* 实现不换行效果 */
}

#trd4 li ul li a{
	font-family: "楷体";
	font-size: 12px;
	font-weight:500;
	line-height: 0px;
	padding:0px;
	padding-left:25px;
	width:418px;
	white-space: nowrap; /* 实现不换行效果 */
}

#trd5 tr td{	
	font-size: 14px;
	font-weight:400;
	line-height:35px;
	padding:10px;
	white-space: nowrap; /* 实现不换行效果 */
}

#trd5 tr td p{
	
	font-family: "楷体";
	font-size: 14px;
	font-weight:400;
	line-height:35px;
	padding:0px;
	padding-left:25px;
	white-space: nowrap; /* 实现不换行效果 */
}

.message {
	margin-top: 0px;
	font-family: "楷体";
}

.captcha-box {
	display: flex;
	gap: 10px;
}

.captcha-input {
	flex: 1;
	padding: 10px;
}

.captcha-img {
	height: 20px;
	border: 1px solid #ddd;
	border-radius: 4px;
	cursor: pointer;
}