html, body, div, span,
h1, h2, h3, h4, h5, h6, p, pre,
a, em, img, strong,
b, u, i, ul, li{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
*, ::after, ::before {
	box-sizing: border-box;
}

body{
	background:#d61e20;
}

.page{
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	background-image:url(2024zfbg.jpg);
	background-repeat:no-repeat;background-size:100% auto;background-position:center top;
}
.page-con{
	position:absolute;top:40vw;left:15vw;right:13vw;z-index:2;
	height:92vw;
	background:#FFF;
	overflow-x:hidden;overflow-y:auto;
}
.content{
	padding-top:240px;
	padding-right:3vw;line-height:24px;
	font-size:16px;color:#000;
	text-align:justify;
}
.content p{
	margin:10px 0;
	text-indent:32px;
}
.author{
	margin-top:30px;padding-right:32px;
	font-weight:700;
	text-align:right;
}
.content p b{
	font-weight:700;
}

.music-btn{
	position:absolute;top:6vw;left:4vw;
}
.music-btn img{
	display:none;
	width:30px;height:30px;
}
.music-btn img.music-on{
	animation-name: rotate;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}