/* 导航栏按钮 */
.NagBtn{
	padding: 10px;
	/* font-size: 16px; */
	font-size:0.8em;
	/* background-color: var==0? yellow: transparent; */
	/* color: #000000; */
	/* display: inline-block; */
	/* width: 100; */
	font-weight: bold;
}

.NagBtn2{
	font-size: 0.8em;
}

.NagBtn:hover{
	background-color: powderblue;
	color: black;
}

.NagBtn:focus{
	background-color: rgb(151, 33, 33);
}

.ngbox{
	/* display: flex; */
	/* flex-direction: row; */
	/* align-items: center;  */
	/* padding: 5px; */
	
	background-color: white;
	opacity:1;
	
	color:black;
	
	position:fixed;
	/* width: 300; */
	
	display:none;

}


.img_btn{
	margin: 5px;
	width: 20px;
	height: 20px;
	background-color:#20B2AA;
	border-radius: 10px;
	
}
.img_btn:hover{
	background-color: antiquewhite;
}

/* 横向排列 */

.flexRow{
	display: flex;
	flex-direction: row; /*横向排列*/
	/* justify-content: center;横向居中 */
	align-items: center;/*垂直居中*/
	flex-wrap: wrap; /*自动换行*/
}

.flexRowCenter{
	display: flex;
	flex-direction: row; 
	justify-content: center;/*横向居中*/
	align-items: center;
	flex-wrap: wrap;

	/* padding: 1rem; */
	/* padding: 10%; */

	min-height: 360px;
}


.flexCenter{
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	/* align-items: center; */
	flex-wrap: wrap; 
}

/* ---------------------- */

.page{
	padding: 3%;
}

.light{
	color: rgb(223, 223, 223);
}

.textDark{
	color:#202b38
}

li{
	margin: 16px;
	font-weight: bold;
	/* font-style:oblique; */
	font-size: 0.9em;
}

img{
	border-radius: 12px; /* 设置圆角的半径 */
}