.loginPageBackground { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; /**/ bottom: 0; right: 0; overflow: hidden; }
.loginPageBackgroundImageList { list-style: none; margin: 0; padding: 0; width: 100%; height: 100%; position: absolute; }
.loginPageBackgroundImage { display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; opacity: 0; }
.loginPageBackgroundImage.active, .loginPageBackgroundImage:first-of-type { opacity: 1; }
.loginPageBackground:after { content:''; display: block; width: 100%; height: 100%; position: absolute; background-color: rgba(0,0,0,0.4); }

.loginPageForeground { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; text-align: center; }
.loginPageForeground:before { content: ''; display: inline-block; vertical-align: middle; width: 0px; height: 100%; }
.loginPageForegroundInner { display: inline-block; vertical-align: middle; max-width: 100vw; max-height: 100vh; overflow: auto; padding: 10px; color: #FFFFFF; }

/**/
.loginPageBackground img {object-fit: cover; position: absolute; top: -999px; bottom: -999px; left: -999px; right: -999px; min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden; margin: auto; animation: 115s ppb_kenburns linear infinite alternate;}

@keyframes ppb_kenburns{
	0% {
		transform: scale(1.3) translate(-10%, 10%);
	}
	25% {
		transform: scale(1) translate(0, 0);
	}
	50% {
		transform: scale(1.3) translate(10%, 10%);
	}
	75% {
		transform: scale(1) translate(0, 0);
	}
	100% {
		transform: scale(1.3) translate(-10%, 10%);
	}
}