/* 搜索框获得焦点时样式 */
.input:focus{
	outline: coral solid 1px;    /*添加外边框*/
}

.login
{
	height: 10vh;
	display : flex;
	justify-content: center;    /*水平方向居中*/
	align-items: center;          /*垂直方向居中*/
	background-color: thistle;
	font-family: "等线", sans-serif;
	font-size: 15px;
	border-radius: 5px 5px 5px 5px;
	border: none;   
}

.login:focus{
	outline: coral solid 1px;    /*添加外边框*/
}

table {
  border-collapse: collapse;
  width: 70%;
  margin-left:auto;
  margin-right:auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

table, th, td {
  border: 1px dotted red;
}

td {
  padding: 5px;
}

	body 
	{
		margin: 0;
		padding-top: 200px; /* 添加一个上边距以防止内容被覆盖 */
		padding-bottom: 30px; /* 添加一个上边距以防止内容被覆盖 */
	}
		
	#search   /* 用#的设定，引用时用id=, 用.的设定，引用时用class=。此id设定为置顶*/
	{
		background-color: thistle;
		width: 100%;
		font-size: 40px;
		font-weight: bold;
		padding:20px;
		align-items: center;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9999;
	}
	
	.display 
	{
		background-color: white;
		width: 100%;
		font-family: "Times New Roman", Times, serif;
		font-size: 15px;
		align-items: center;
	}
	
	.upload 
	{
		background-color: white;
		width: 100%;
		font-family: "Times New Roman", Times, serif;
		font-size: 20px;
		align-items: center;
		text-align: center;
	}

	.input
	{
		width: 400px;
		height: 45px;
		background-repeat: no-repeat;        /*设置背景图片不平铺*/
		border-radius: 30px 30px 30px 30px;  
		padding-left: 50px;
		background-position: 10px 10px;       /*设置背景图片的位置*/
		color:darkgray;
		font-size: 20px; 
		border: none;                   /*去除边框*/
		margin-top: 30px; /* 添加一个上边距以防止内容被覆盖 */
	}

	/* 搜索框获得焦点时样式 */
	.input:focus
	{
		outline: coral solid 1px;    /*添加外边框*/
	}	

	.header {
	text-align: center;
	font-family: "黑体", sans-serif;
	font-size: 40px;
	font-weight: bold;
	padding:20px;
	background-color: thistle;
}