* {
  box-sizing: border-box;
}

* {
	font-size: 0px;
	line-height: 0px;
}

div {
	position: absolute;
	left: 0px;
	top: 0px;
}

img {
	width: 300px;
	height: 600px;
}

#container {
	width: 300px;
	height: 600px;
	overflow-x: hidden;
  overflow-y: visible;
	-ms-overflow-style: none;
	overflow: hidden;
	visibility: hidden;
}

#container {
	top:50%;
  left:50%;
  margin-left:-150px;/* half width*/
  margin-top:-300px;/* half height*/
}

#clickScreen {
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
	z-index: 2;
}

#sprite_one_holder {
	width: 160px;
	height: 180px;
  left: 390px;
  top: 380px;
  overflow-x: hidden;
  overflow-y: hidden;
	-ms-overflow-style: none;
	overflow: hidden;
}

#sprite_one img {
  width: 160px;
  height: 4320px;
}

#img_bg img {
  width: 899px;
  height: 600px;
}

#img_shadow {
  left: 565px;
  top: 5px;
}

#img {
  left: -599px;
  width: 899px;
  height: 600px;
  -webkit-transform-origin: 748px 300px;
  transform-origin: 748px 300px;
}

#bg, #main {
  width: 300px;
	height: 600px;
  -webkit-transform-origin: 150px 249px;
  transform-origin: 150px 249px;
}

#bg1 {
  left: 0px;
}

#bg1 img {
  width: 300px;
  height: 185px;
}

#bg2 {
  top: 185px;
}

#bg2 img {
  width: 300px;
  height: 129px;
}

#bg3 {
  top: 313px;
}

#bg3 img {
  width: 300px;
  height: 287px;
}