body {
	font-family: 'Noto Sans', sans-serif;
	font-size:15px;
	margin: 0;
	background-color:#ffffff;
	-webkit-user-select: none;
	overflow:hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
div {
	position:absolute;
}
h1 {
	display:none;
}
h2 {
	width:100%;
	text-align:center;
	font-family: 'Noto Sans KR', sans-serif;
	font-size:25px;
	font-weight:bold;
	padding:0;
	margin:0;
}
td {
	text-align:center;
}
#field {
	top:0;
	left:0;
	width:900px;
	height:640px;
	overflow:hidden;
	background-color:#ffffff;
	display:none;
}
#winningImage {
	top:0;
	left:0;
	width:900px;
	height:600px;
	overflow:hidden;
	display:none;
	z-index:1000;
}
.tiles {
	cursor:pointer;
}
#albumContainer {
	top:0;
	left:0;
	width:900px;
	height:640px;
	background-image:url(../images/photobook/photobookBG.png);
	display:none;
}
#album {
	top:20px;
	left:45px;
	width:810px;
	height:574px;
}
.preAlbums {
	display:none;
}
.flip {
	position:absolute;
	perspective: 800;
	-moz-perspective: 800;
	-webkit-perspective: 800;
	cursor:pointer;
}
.flip .card.flipped-left {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}
.flip .card.flipped-right {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.flip .card.flipped-top {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
.flip .card.flipped-bottom {
	-webkit-transform: rotateX(-180deg);
	-moz-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}
.flip .card {
	position: absolute;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-ms-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear;
}
.flip .card .face {
	width: 100%;
	height: 100%;
	position: absolute;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	webkit-backface-visibility: hidden;
	z-index: 2;
	text-align: center;
	line-height: 120px;
}
.flip .card .front {
	position:absolute;
	top:0;
	left:0;
	z-index: 1;
	background-image:url(../images/cardBack.png);
	background-size:100% 100%;
}
.flip .card .back {
	position:absolute;
	top:0;
	left:0;
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	color:#e5911a;
}
.flip .card .topback {
	position:absolute;
	top:0;
	left:0;
	-moz-transform: rotateX(180deg);
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
}
#albumCover {
	top:0;
	left:0;
	width:405px;
	height:574px;
	background-image:url(../images/photobook/cover.png);
	background-position:top right;
}
#albumBackCover {
	top:0;
	left:0;
	width:405px;
	height:574px;
	background-image:url(../images/photobook/cover.png);
	background-position:top left;
}
.levels {
	top:14px;
	left:22px;
	width:363px;
	height:30px;
	line-height:30px;
	background-color:#0d781c;
	text-align:center;
	font-size:17px;
	font-weight:bold;
	color:#f0f0f0;
}
.levelMedium {
	background-color:#785e0d;
}
.levelHard {
	background-color:#780d0d;
}
.photobookImages {
	width:172px;
	height:115px;
	border:1px solid #606060;
	cursor:pointer;
	background-size:100% 100%;
	filter: alpha(opacity=50);
	opacity: .5;
}
.photobookImages.top {
	background-position:top center;
	background-size:100% 200%;
	border-bottom:1px dashed #ababab;
}
.photobookImages.bottom {
	background-position:bottom center;
	background-size:100% 200%;
	border-top:1px dashed #ababab;
}
.photobookImageLandscapes {
	width:172px;
	height:115px;
	border:1px solid #ababab;
	cursor:pointer;
}
.photobookImagePortrait {
	width:172px;
	height:230px;
	border:1px solid #ababab;
	cursor:pointer;
}
.photobookPageNumbers {
	bottom:5px;
	font-size:17px;
	font-weight:bold;
	color:#303030;
}
#fieldBack {
	bottom:0;
	left:5px;
	width:52px;
	height:42px;
	background-image:url(../images/back.png);
	background-position:0 0;
	cursor:pointer;
	z-index:2000;
	display:none;
}
#fieldBack:hover {
	background-position:0 -42px;
}
#intro {
	top:22px;
	left:55px;
	width:390px;
	height:570px;
	background-image:url(../images/intro.png);
}
#progress {
	bottom:20px;
	left:20px;
	width:360px;
	height:20px;
	border:2px solid #303030;
	border-radius:10px;
	background-color:#f0f0f0;
	overflow:hidden;
}
#progressBar {
	top:0;
	left:0;
	width:0;
	height:20px;
	background-color:#707070;
}
#progressText {
	bottom:48px;
	left:20px;
	width:360px;
	text-align:center;
	font-size:17px;
}
#progressText span {
	font-size:19px;
	font-weight:bold;
}
.logoHentaiDevil {
	bottom:20px;
	right:20px;
	width:100px;
	height:149px;
	background-image:url(../images/logoHentaiDevil.png);
}
#records {
	top:40px;
	left:40px;
	width:320px;
	height:200px;
	font-size:17px;
}
#recordsEasy {
	background-color:#0d781c;
	color:#fafafa;
	text-align:center;
}
#recordsMedium {
	background-color:#785e0d;
	color:#fafafa;
	text-align:center;
}
#recordsHard {
	background-color:#780d0d;
	color:#fafafa;
	text-align:center;
}
.tableCells {
	text-align:center;
	background-color:#303030;
	color:#fafafa;
}
#elapsedTime {
	bottom:5px;
	left:80px;
	height:30px;
	line-height:30px;
	font-size:19px;
	font-weight:bold;
	color:#202020;
	background-image:url(../images/elapsedTime.png);
	background-repeat:no-repeat;
	padding-left:40px;
}
#attempts {
	bottom:5px;
	left:220px;
	height:30px;
	line-height:30px;
	font-size:19px;
	font-weight:bold;
	color:#202020;
	background-image:url(../images/attempts.png);
	background-repeat:no-repeat;
	padding-left:40px;
}

#welcome {
	top:0;
	left:0;
	width:900px;
	height:640px;
	background-image:url(../images/pattern.png);
	z-index:30000;
}

#warningText {
	top:100px;
	left:0;
	width:900px;
	font-size:19px;
	color:#f0f0f0;
	padding-top:170px;
	font-family: arial, helvetica;
	text-align:center;
}
#warning {
	color:#d30e0e;
	padding:10px;
	font-size:31px;
	font-weight:bold;
	font-family: 'Capriola', sans-serif;
}
#enter {
	background-color:#301de8;
	padding:10px;
	cursor:pointer;
	font-size:19px;
	font-family: 'Capriola', sans-serif;
	display:none;
}
#loadingDiv {
	position:absolute;
	bottom:50px;
	left:350px;
	width:200px;
	height:20px;
	border:2px solid #000000;
	background-color:#ababab;
	border-radius:10px;
	overflow:hidden;
}
#loadingText {
	position:absolute;
	bottom:75px;
	left:350px;
	width:200px;
	text-align:center;
	font-size:13px;
	color:#fafafa;
}
#loadingBar {
	position:absolute;
	bottom:0;
	left:0;
	width:0;
	height:20px;
	background-color:#301de8;
}
#matureContent {
	position:absolute;
	top:0px;
	left:390px;
	width:120px;
	height:140px;
	background-image:url(../images/matureContent.png);
}

#tips {
	top:20px;
	left:20px;
	width:360px;
	height:450px;
	color:#404040;
	font-size:17px;
}
#tips div {
	width:100%;
	font-size:21px;
	font-weight:bold;
	text-align:center;
}

#full {
	top:0;
	left:0;
	width:900px;
	height:640px;
	z-index:30000;
	background-color:#ffffff;
	display:none;
}
#fullBack {
	top:5px;
	left:5px;
	width:52px;
	height:42px;
	background-image:url(../images/back.png);
	background-position:0 0;
	cursor:pointer;
}
#fullBack:hover {
	background-position:0 -42px;
}
#fullImage {
	position:absolute;
	top:0;
	left:0;
	width:900px;
}
#fullImageIncomplete {
	top:30px;
	left:170px;
	width:470px;
	height:60px;
	line-height:60px;
	font-size:25px;
	font-weight:bold;
	border:2px solid #ab0000;
	border-radius:20px;
	color:#ab0000;
	text-align:left;
	background-color:#ffecec;
	background-image:url(../images/errorIcon.png);
	background-repeat:no-repeat;
	padding-left:90px;
}
.photobookImageHover {
	bottom:0;
	width:100%;
	height:20px;
	line-height:20px;
	text-align:center;
	font-weight:bold;
	border-top:1px solid #606060;
	background-image:url(../images/photobookImageHoverBG.png);
}