@charset "utf-8";

html, body{
  min-height: 100%;
}
/* CSS Document */
/* Background pattern from subtlepatterns.com */

#worldFrame{
	width: 2443px; 
    height: 1080px;
	background-image: url(../Assets/room/wolfRoom/chest/chestBG.png);
	background-size: 100% 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
	z-index: 100;
}

.innerworld{
	width: 80px;
	height: 45px;
	left: 10px;
	top: 17px;
	position: relative;
	background: #0C0;
}

/**************/
/*  In Scene  */
/**************/
.fadeIn{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-image:url(../Assets/basic/dark_exa.png);
	z-index: 1000;
}

.fadeLoading{
	z-index: 1001;
}

.lock {
	background-image: url(../Assets/room/wolfRoom/chest/lock.png);
	background-size: 100% 100%;
	position: absolute;
	width: 203px;
	height: 198px;
	top: 584px;
	left: 1180px;
	cursor: pointer;
}

#toRoom
{
	position: absolute;
	top: 10px;
	left: 100px;
	width: 167px;
	height: 129px;
	background-image: url(../Assets/room/wolfRoom/toWolfRoom.png);
	z-index: 501;
}