.loginPageBackground { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; }
.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; }