body{
	margin:0;
	background:#000;
	/*background:url(../9/bg.jpg) repeat center center;*/
	font-family:'Noto Sans TC';
	display:flex;flex-wrap:wrap;justify-content:center;
	overflow:hidden;
	}
#info{
	display:inline-block;
	background:rgba(55,55,55,0.9);color:#CCC;
	text-align:left;line-height:1.5rem;
	padding:10px 10px;
	border:white 10px solid;
	text-decoration:none;
}
#info h3{
	text-decoration:underline;
	font-size:2rem;
	margin:10px 0px 10px 0px;
}
#wrap
	{
	width:300px;
	height:400px;
	position: relative;
	margin:100px auto;
	-webkit-perspective:3000px;
	-moz-perspective:3000px;
	-ms-transform:perspective(3000px);
	-ms-perspective:3000px;
	}
#head
	{
	width:100%;
	height:100%;
	position: absolute;
	-webkit-transform-style: preserve-3d;
	-webkit-animation:donghua 25s linear 0s infinite;
	transform-style: preserve-3d;
	animation:donghua 35s linear 0s infinite;
	}
#head a
	{	
	position: absolute;
	top:0;
	left:0;
	width:300px;
	height:400px;
	border:0px solid red;/* 2020.1029修改 */
	text-align: center;
	line-height:100px;
	}
#head a:nth-child(1)
	{
	-webkit-transform:rotateY(0deg) translateZ(400px);
	-moz-transform:rotateY(0deg) translateZ(400px);
	-ms-transform:rotateY(0deg) translateZ(400px);
	background: no-repeat url(img/1.jpg);
	background-size:contain;background-position:center;
	}
#head a:nth-child(2)
	{
	-webkit-transform:rotateY(36deg) translateZ(500px);
	-moz-transform:rotateY(36deg) translateZ(500px);
	-ms-transform:rotateY(36deg) translateZ(500px);
	background: no-repeat url(img/2.jpg);
	background-size:contain;background-position:center;
	}
	
#head a:nth-child(3)
	{
	-webkit-transform:rotateY(72deg) translateZ(400px);
	-moz-transform:rotateY(72deg) translateZ(400px);
	-ms-transform:rotateY(72deg) translateZ(400px);
	background: no-repeat url(img/3.jpg);
	background-size:contain;background-position:center;
	}
	
#head a:nth-child(4)
	{
	-webkit-transform:rotateY(108deg) translateZ(500px);
	-moz-transform:rotateY(108deg) translateZ(500px);
	-ms-transform:rotateY(108deg) translateZ(500px);
	background: no-repeat url(img/4.jpg);
	background-size:contain;background-position:center;
	}
#head a:nth-child(5)
	{
	-webkit-transform:rotateY(144deg) translateZ(400px);
	-moz-transform:rotateY(144deg) translateZ(400px);
	-ms-transform:rotateY(144deg) translateZ(400px);
	background: no-repeat url(img/5.jpg);
	background-size:contain;background-position:center;
	}
#head a:nth-child(6)
	{
	-webkit-transform:rotateY(180deg) translateZ(500px);
	-moz-transform:rotateY(180deg) translateZ(500px);
	-ms-transform:rotateY(180deg) translateZ(500px);
	background: no-repeat url(img/6.jpg);
	background-size:contain;background-position:center;
	}
#head a:nth-child(7)
	{
	-webkit-transform:rotateY(216deg) translateZ(400px);
	-moz-transform:rotateY(216deg) translateZ(400px);
	-ms-transform:rotateY(216deg) translateZ(400px);
	background: no-repeat url(img/7.jpg);
	background-size:contain;background-position:center;
	}
#head a:nth-child(8)
	{
	-webkit-transform:rotateY(252deg) translateZ(500px);
	-moz-transform:rotateY(252deg) translateZ(500px);
	-ms-transform:rotateY(252deg) translateZ(500px);
	background: no-repeat url(img/22.jpg);
	background-size:contain;background-position:center;
	}
#head a:nth-child(9)
	{
	-webkit-transform:rotateY(288deg) translateZ(400px);
	-moz-transform:rotateY(288deg) translateZ(400px);
	-ms-transform:rotateY(288deg) translateZ(400px);
	background: no-repeat url(img/8.jpg);
	background-size:contain;background-position:center;
	}
#head a:nth-child(10)
	{
	-webkit-transform:rotateY(324deg) translateZ(500px);
	-moz-transform:rotateY(324deg) translateZ(500px);
	-ms-transform:rotateY(324deg) translateZ(500px);
	background: no-repeat url(img/10.jpg);
	background-size:contain;background-position:center;
	}
@-webkit-keyframes donghua{
	0%{transform:rotateX(5deg) rotateY(360deg)}
	50%{transform:rotateX(-5deg) rotateY(180deg)}
	100%{transform:rotateX(5deg) rotateY(0deg)}
}
@-moz-keyframes donghua{
	0%{transform:rotateY(10deg) rotateY(0deg)}
	50%{transform:rotateY(-10deg) rotateY(180deg)}
	100%{transform:rotateY(10deg) rotateY(360deg)}
}
@-ms-keyframes donghua{
	0%{transform:rotateY(10deg) rotateY(0deg)}
	50%{transform:rotateY(-10deg) rotateY(180deg)}
	100%{transform:rotateY(10deg) rotateY(360deg)}
}