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

body,html {
	background: #fff;
	color: #333;
	font-size: 16px;
	
}
table {
	table-layout: fixed;
	
}
tr:nth-child(even) {
	background: #f4f4f4;
}
th,td {
	padding: 0.1em 0.5em;
}
th {
	text-align: left;
	font-weight: bold;
	background: #F1F1F1;
	border-bottom: 1px solid #aaa;
}
.menu {
	height: 55px;
	font-weight: bold;
	font-size: 22px;
}
#DHlist {
	border: 1px solid #aaa;
	width: 80%;
	margin: 0 auto; /* 水平居中 */
}
#list {
	border: 1px solid #aaa;
	width: 100%;
}
.link {
	height: 45px;
	text-overflow: '>';
	overflow: hidden;
	font-weight: bold;
	font-size: 22px;
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #00F;
	text-decoration: underline;
}
a:active {
	color: #F00;
	text-decoration: underline;
}
a, img {
	border: none;
}
h1 {
	text-align: center;
	margin: 0;
	line-height: 300%;
}
.button {
	background-color: #C0C0C0;
	border-bottom: #7f9db9 1px solid;
	border-left: #7f9db9 1px solid;
	border-right: #7f9db9 1px solid;
	border-top: #7f9db9 1px solid;
}
.textfieldStyle {
	text-align: center;
	height: 28px;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.tabTitle {
	padding-left: 12px;
}
.docTitle {
	font-weight: bold;
	font-size: 24px;
}
.docContent {
	line-height: 200%;
	padding-right: 12px;
	padding-left: 12px;
	word-wrap:break-word;
	word-break:break-all;
}
.navigationList {
	line-height: 200%;
	font-size: 20px;
}
.redwords {
	color: #F00;
}
.redkeyword {
	font-weight: bold;
	color: #F00;
}
.bluekeyword {
	font-weight: bold;
	color: #00F;
}

/*input,select,label,checkbox {
	height: 34px;
	font-size: 16px;
}*/

select{
	height: 30px;
	font-size: 16px;
	background: transparent;
	border: 1px solid #0f2d2d;
	border-radius: 6px;
}

.textareaCSS {
	font-size: 20px;
	background: transparent;
	border: 1px solid #0f2d2d;
	border-radius: 6px;
}

.inputCSS {
	font-size: 20px;
	background: transparent;
	border: 1px solid #0f2d2d;
	border-radius: 6px;
}

input[type="text"]
{
	height: 36px;
	font-size: 20px;
	background: transparent;
	border: 1px solid #0f2d2d;
	border-radius: 6px;
	text-align: center;
}

input[type="datetime-local"]
{
	height: 36px;
	font-size: 20px;
	width: 300px;
	background: transparent;
	border: 1px solid #0f2d2d;
	border-radius: 6px;
	text-align: center;
}

input[type="password"]
{
	height: 36px;
	font-size: 20px;
	background: transparent;
	border: 1px solid #0f2d2d;
	border-radius: 6px;
	text-align: center;
}

input[type="number"]
{
	height: 36px;
	font-size: 20px;
	background: transparent;
	border: 1px solid #0f2d2d;
	border-radius: 6px;
	text-align: center;
}

input[type="submit"]
{
	height: 36px;
	font-size: 20px;
	background: transparent;
	border: 1px solid #0f2d2d;
	border-radius: 6px;
	background: #f4f4f4;
}

input[type="reset"]
{
	height: 36px;
	font-size: 20px;
	background: transparent;
	border: 1px solid #0f2d2d;
	border-radius: 6px;
	background: #f4f4f4;
}

input[type="button"]
{
	height: 36px;
	font-size: 20px;
	background: transparent;
	border: 1px solid #0f2d2d;
	border-radius: 6px;
	background: #f4f4f4;
}

/*针对特定ID的样式设置*/

/* 监听操作系统主题深色模式 */
@media (prefers-color-scheme: dark) {
	body,html {
		background: #0F0F0F;
		color: #F1F1F1;
	}
	tr:nth-child(even) {
		background: #272727;
	}
	th {
		text-align: left;
		font-weight: bold;
		background: #272727;
		border-bottom: 1px solid #aaa;
	}
	a:link {
		color: #F1F1F1;
		text-decoration: none;
	}
	a:visited {
		color: #F1F1F1;
		text-decoration: none;
	}
	a:hover {
		color: #d2d2d2;
		text-decoration: underline;
	}
	a:active {
		color: #00F;
		text-decoration: underline;
	}
	a, img {
		border: none;
	}
	.textareaCSS {
		color: #FFF;
		border: 1px solid #0f2d2d;
		border-radius: 6px;
		border-color: #FFF;
	}
	input[type="text"]
	{
		border: 1px solid #0f2d2d;
		border-radius: 6px;
		border-color: #FFF;
		color: #FFF;
		background: transparent;
	}

	input[type="datetime-local"]
	{
		border: 1px solid #0f2d2d;
		border-radius: 6px;
		border-color: #FFF;
		color: #FFF;
		background: #333;
	}

	input[type="password"]
	{
		border: 1px solid #0f2d2d;
		border-radius: 6px;
		border-color: #FFF;
		color: #FFF;
		background: transparent;
	}
	input[type="number"]
	{
		border: 1px solid #0f2d2d;
		border-radius: 6px;
		border-color: #FFF;
		color: #FFF;
		background: transparent;
	}
	input[type="submit"]
	{
		border: 1px solid #0f2d2d;
		border-radius: 6px;
		border-color: #FFF;
		background: #444;
		color: #FFF;
	}
	input[type="reset"]
	{
		border: 1px solid #0f2d2d;
		border-radius: 6px;
		border-color: #FFF;
		background: #444;
		color: #FFF;
	}
	input[type="button"]
	{
		border: 1px solid #0f2d2d;
		border-radius: 6px;
		border-color: #FFF;
		background: #444;
		color: #FFF;
	}
	select{
		background: #444;
		color: #FFF;
		border-color: #FFF;
	}
}


/*定义竖屏 css*/
@media screen and (orientation:portrait){
	input[type="text"]
	{
		width: 100%;
	}
	#DHlist {
		width: 98%;
	}
	h1 {
		font-size: 24px;
		line-height: 180%;
	}
	.link {
		height: 40px;
		text-overflow: '>';
		overflow: hidden;
		font-weight: bold;
		font-size: 18px;
	}
	img {
		max-width: 98%;
		height: auto;
		/* display: block; */
	}
	.navigationList {
		line-height: 120%;
		font-size: 18px;
	}
}

/*定义横屏 css*/
@media screen and (orientation:landscape){
	
}

/*定义竖屏 手机 css*/
@media screen and (orientation:portrait) and (max-device-width:400px) and (max-device-height:800px){
	input[type="text"]
	{
		width: 100%;
	}
}

/*定义横屏 PC css*/
@media screen and (orientation:landscape) and (max-device-width:800px) and (max-device-height:600px) {

}