@charset"utf-8";
/*CSSDocument*/
window, body{
	margin:0px;
	padding:0px;
	font-family:'Oswald', sans-serif;
	font-size:18px;
	color:#000;
	background-color:#fff;
	overflow-x:hidden;
	height:3500px !important;
}
*{
	box-sizing:border-box;	
}
.scaleDiv{
	position:fixed;
}
.scorllDown{
	position:absolute;
	top:-500px;	
	font-size:24px;
	text-align:center;
	width:100%;
	margin-left:-125px;
}
.content{
	width:500px;
	height:500px;
	-webkit-perspective:1100px;
	-moz-perspective:1100px;
	-o-perspective:1100px;
	perspective:1100px;
	top:50%;
	margin-top:-250px;
	left:50%;
	margin-left:-250px;
}
#cube{
	width:100%;
	height:100%;
	position:absolute;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-transform:translateZ(-500px);
	-moz-transform:translateZ(-500px);
	-o-transform:translateZ(-500px);
	transform:translateZ(-500px);
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
#cube figure{
	width:500px;
	height:500px;
	display:block;
	position:absolute;
	margin:0px;
	background-size:100% 100%;
	font-size:60px;
	padding:200px;
	text-align:center;
	color:#fff;
}
.front{
	background-image:url(../img/BG2.jpg);
	-webkit-transform:rotateY(0deg) translateZ(500px);
	-moz-transform:rotateY(0deg) translateZ(500px);
	-o-transform:rotateY(0deg) translateZ(500px);
	transform:rotateY(0deg) translateZ(500px);
}
.back{
	background-image:url(../img/BG2.jpg);
	-webkit-transform:rotateX(180deg) translateZ(500px);
	-moz-transform:rotateX(180deg) translateZ(500px);
	-o-transform:rotateX(180deg) translateZ(500px);
	transform:rotateX(180deg) translateZ(500px);
}
.right{
	background-image:url(../img/BG1.jpg);
	-webkit-transform:rotateY(90deg) translateZ(500px);
	-moz-transform:rotateY(90deg) translateZ(500px);
	-o-transform:rotateY(90deg) translateZ(500px);
	transform:rotateY(90deg) translateZ(500px);
}
.left{
	background-image:url(../img/BG1.jpg);
	-webkit-transform:rotateY(-90deg) translateZ(500px);
	-moz-transform:rotateY(-90deg) translateZ(500px);
	-o-transform:rotateY(-90deg) translateZ(500px);
	transform:rotateY(-90deg) translateZ(500px);
}
.top{
	background-image:url(../img/BG1.jpg);
	-webkit-transform:rotateX(90deg) translateZ(500px);
	-moz-transform:rotateX(90deg) translateZ(500px);
	-o-transform:rotateX(90deg) translateZ(500px);
	transform:rotateX(90deg) translateZ(500px);
}
.bottom{
	background-image:url(../img/BG1.jpg);
	-webkit-transform:rotateX(-90deg) translateZ(500px);
	-moz-transform:rotateX(-90deg) translateZ(500px);
	-o-transform:rotateX(-90deg) translateZ(500px);
	transform:rotateX(-90deg) translateZ(500px);
}
#cube.show-front{
	-webkit-transform:translateZ(-500px) rotateY(0deg);
	-moz-transform:translateZ(-500px) rotateY(0deg);
	-o-transform:translateZ(-500px) rotateY(0deg);
	transform:translateZ(-500px) rotateY(0deg);
}
#cube.show-back{
	-webkit-transform:translateZ(-500px) rotateX(-180deg);
	-moz-transform:translateZ(-500px) rotateX(-180deg);
	-o-transform:translateZ(-500px) rotateX(-180deg);
	transform:translateZ(-500px) rotateX(-180deg);
}
#cube.show-right{
	-webkit-transform:translateZ(-500px) rotateY(-90deg);
	-moz-transform:translateZ(-500px) rotateY(-90deg);
	-o-transform:translateZ(-500px) rotateY(-90deg);
	transform:translateZ(-500px) rotateY(-90deg);
}
#cube.show-left{
	-webkit-transform:translateZ(-500px) rotateY(90deg);
	-moz-transform:translateZ(-500px) rotateY(90deg);
	-o-transform:translateZ(-500px) rotateY(90deg);
	transform:translateZ(-500px) rotateY(90deg);
}
#cube.show-top{
	-webkit-transform:translateZ(-500px) rotateX(-90deg);
	-moz-transform:translateZ(-500px) rotateX(-90deg);
	-o-transform:translateZ(-500px) rotateX(-90deg);
	transform:translateZ(-500px) rotateX(-90deg);
}
#cube.show-bottom{
	-webkit-transform:translateZ(-500px) rotateX(90deg);
	-moz-transform:translateZ(-500px) rotateX(90deg);
	-o-transform:translateZ(-500px) rotateX(90deg);
	transform:translateZ(-500px) rotateX(90deg);
}
/*----------------------------------*/
.BG1{
	margin:-200px 0px 0px -200px;
	width:500px;
}
.bookCover{
	padding:50px 0px 20px 0px;
}
.bookTitle{
	color:#fff;
	font-size:36px;
	text-align:center;
	font-weight:300;
}
.bookSubTitle{
	color:#fff;
	font-size:24px;	
}
.bookAuthor{
	color:#fff;
	font-size:18px;	
}
/*----------------------------------*/
.BG2{
	margin:-120px 0px 0px -180px;
	width:450px;
	font-weight:300;
	font-size:24px;
}
.BG2 span{
	font-size:36px;
}