body {
	background: #fff;
	margin: 0;
	padding: 0;
	min-width: 100vw;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cover {
	min-height: 100vh;
	min-width: 100vw;
	background-image: url(../images/background.png);
	object-fit: cover;
	opacity: .3;
	position: fixed;
	filter: blur(4px);
	left: 0;
	top: 0;
	z-index: 1;
}

.contain {
	background: url(../images/pagebg.png) repeat 0 0;
	border: 4px solid #000;
	border-radius: 8px;
	min-height: 640px;
	margin: 15px;
	width: 712px;
	position: relative;
	z-index: 2;
}

.main {
	margin: 1em auto;
	width: 608px;
}

.stage {
	width: 608px;
	height: 282px;
	padding-top:16px;
	position: relative;
}

.actions {
	position: absolute;
	bottom: 0;
	visibility: hidden;
	right: 0;
	margin: 34px 24px;
	opacity: 0;
	transition: all .14s ease-in-out;
}

.stage:hover .actions {
	visibility: visible;
	opacity: 1;
}

.loader {
	position: absolute;
	width: 608px;
	height: 192px;
}

#image {
	position: absolute;
}

#bitmap {
	display: none;
}

.loader.loading {
	background: url(../images/ajax-loader.gif) no-repeat 50% 50%;
}

.solid {
	background: rgba(255,255,255,.9);
	border-radius: 8px;
}