body {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.background-box {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: #000000 url("/assets/img/bg.jpg") 100% 100% / cover no-repeat;
	animation: background-move 20s infinite alternate linear;
}
.login-box {
	width: 240px;
	height: 300px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 12% auto;
	padding: 50px 40px 40px 40px;
	background: linear-gradient(230deg, rgba(53,57,74,0) 0%, rgb(0,0,0) 100%);
	box-shadow: -15px 15px 15px rgba(6, 17, 47, 0.7);
	opacity: 1;
	transform: perspective(800px);
}
.login-title {
	height: 60px;
	color: #D3D7F7;
	font-size: 16px;
	text-align: left;
}
.pass-login-box {
	width: 240px;
	height: 240px;
	display: block;
}
.pass-login-box input {
	width: 190px;
	height: 16px;
	padding: 10px 23px;
	color: #61BFFF;
	border-top: none;
	border-bottom: 1px solid #4FA1D9;
	border-right: none;
	border-left: none;
	background: transparent;
	outline: none;
}
.pass-login-box input::-webkit-input-placeholder{
	color: #CECFD2;
}
.pass-login-box input[name=username] {
	margin-top: 10px;
}
.pass-login-box input[name=password] {
	margin-top: 24px;
}
.pass-login-box input[type=submit] {
	width: 128px;
	height: 40px;
	margin-top: 40px;
	color: #4FA1D9;
	text-indent: 0;
	letter-spacing: 1px;
	border: 2px solid #4FA1D9;
	border-radius: 50px;
	cursor: pointer;
}
.pass-login-box input[type=submit]:hover {
	color: #FFFFFF;
	background: #4FA1D9;
}
.welcome {
	position: absolute;
	bottom: 20px;
	left: 35px;
}
.welcome p {
	color: #D3D7F7;
	font-size: 10px;
	text-align: left;
}
@keyframes background-move {
	0% {background-size: 100% 100%}
	25% {background-size: 102% 100%}
	50% {background-size: 104% 102%}
	75% {background-size: 102% 104%}
	100% {background-size: 100% 102%}
}
@keyframes login-box-move {
	0% {transform: rotateZ(360deg) scale3d(0, 0, 0)}
	25% {transform: rotateZ(270deg) scale3d(0.25, 0.25, 0.25)}
	50% {transform: rotateZ(180deg) scale3d(0.5, 0.5, 0.5)}
	75% {transform: rotateZ(90deg) scale3d(0.75, 0.75, 0.75)}
	100% {transform: rotateZ(0deg) scale3d(1, 1, 1)}
}
@keyframes login-box-flip {
	0% {transform: rotateY(180deg)}
	50% {transform: rotateY(90deg)}
	100% {transform: rotateY(0deg)}
}