body{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/* background-image: url("../img/g1.jpg"); */
	background-image: url("https://i.loli.net/2021/10/15/WdOQEgR2LhlM8Ub.gif"); 
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: gray;
}
body *{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
/* 顶部区域 */
#headarea{
	height: 10vh;
	width: 100%;
}
#headarea>*{
	line-height: 8vh;
}
#headarea ul li{
	list-style: none;
	 float: left;
	 height: 8vh;
	 margin-top: 1vh;
	 text-align: center;
	 font-weight: 800;
	 color: white;
	}
#headarea ul #date{
	text-align: right;
	width: 40vw;
}
#headarea ul #time{
	text-align: left;
	width: 40vw;
}
#headarea ul #welcome{
	font-weight: 500;
	text-align: left;
	width: 15vw;
	font-size: 85%;
	line-height:3rem;
}
/* 整体区域 */
#bodyarea *{
	float: left;
}
/* 左侧区域 */
#leftbar{
	width: 25%;
	height: 85vh;
}
#rightarea{
	width: 75%;
	height: 85vh;
	margin-right: -1vw;
	overflow: hidden;
}
/*底部区域 */
#footarea div{
	width: 33vw;
	height: 5vh;
	float: left;
	display: inline;
	line-height: 5vh;
	color: silver;
}
#footarea #foot1 a{
	margin-right: -1vw;
	text-align: right;
	overflow: hidden;
	float: right;
}
#footarea #foot1 a:hover{
	text-align: right;
	height:20px;
	line-height:20px;
	float: right;
}
#footarea #foot2{
	font-size: 80%;
	text-align: center;
	line-height: 1vw;
}
#footarea #foot3{
	width: 30vw;
	margin-right: -1vw;
	overflow: hidden;
}
#footarea #foot3 p{
	float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px;color:cyan;
}
#footarea #foot3 a:hover{
	display:inline-block;text-decoration:none;height:20px;line-height:20px;
}	
audio{
	width: 60vw;
}
a{
	color: skyblue;
}