body {
	/* background-color: #1E1E1E;	background-size: 100%; */
}


#box {
	width: 400px;
	height: 200px;
	margin: 0px auto 0;
	/* border: #00FFFF solid 2px; */
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	transition: all 2s;
	border-radius: 10px;
}

#box .fl {

	width: 200px;
	height: 100px;
	position: absolute;

}

#box .radio {
	background-color: #1abd6c;
	color: #fff;
	z-index: 9999;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
	position: absolute;
	z-index: 10;
	line-height: 30px;
	color: white;
}

#box span {
	font-size: 40px;
	position: absolute;
	z-index: 4;
	color: blueviolet;
	font-weight: bold;
	transition: all 2s;
}

#box span:hover {
	font-family: 'Audiowide';
	text-align: center;
	color: #E0FFFF;
	font-size: 50px;
	transition: all 1.5s ease;
	color: #fff;
	animation: Glow 1.5s ease infinite alternate;
	margin-bottom: 30px;
}

@keyframes Glow {
	from {
		text-shadow: 0 0 10px #fff,
			0 0 20px #fff,
			0 0 30px #fff,
			/* 0 0 40px #C71585,
			0 0 70px #C71585,
			0 0 80px #C71585,
			0 0 100px #C71585,
			0 0 150px #C71585; */

			/* text-shadow: 0 0 10px red; */
	}

	to {
		text-shadow: 0 0 5px #fff,
			0 0 10px #fff,
			0 0 15px #fff,
			/* 0 0 20px #C71585,
			0 0 35px #C71585,
			0 0 40px #C71585,
			0 0 50px #C71585,
			0 0 75px #C71585; */

			/* text-shadow: 0 0 10px blue; */
	}
}

#minbox {
	width: 320px;
	height: 40px;
	margin: 10px auto 0;
	/* border: greenyellow solid 1px; */
	text-align: center;
	font-size: 26px;
	line-height: 40px;
	color: #999;
	font-weight: bold;
	transition: all 2s;
	border-radius: 10px;
	background-color: white;
}

#minbox span {
	color: #000;
	transition: all 2s;
}

.size {
	color: #0480BE;
	animation: Alow 1.5s ease infinite alternate;
}

@keyframes Alow {
	from {
		text-shadow: 0 0 10px #fff,
			0 0 20px #fff,
			0 0 30px #fff,
			0 0 40px #00FA9A,
			0 0 70px #00FA9A,
			0 0 80px #00FA9A,
			0 0 100px #00FA9A,
			0 0 150px #00FA9A;

		/* text-shadow: 0 0 10px red; */
	}

	to {
		text-shadow: 0 0 5px #fff,
			0 0 10px #fff,
			0 0 15px #fff,
			0 0 20px #00FA9A,
			0 0 35px #00FA9A,
			0 0 40px #00FA9A,
			0 0 50px #00FA9A,
			0 0 75px #00FA9A;

		/* text-shadow: 0 0 10px blue; */
	}
}

.bg-blur {
	background-image: url("../img/t1.png");
	width: 100%;
	height: 100%;
	/* background-position: center; */
	background-size: cover;
	/* -webkit-filter: blur(15px);
	-moz-filter: blur(15px);
	-o-filter: blur(15px);
	-ms-filter: blur(15px); */
	/* filter: blur(5px); */
}