@charset "utf-8";
/* CSS Document */
/* Background pattern from subtlepatterns.com */
#worldFrame{
	width: 2443px; 
    height: 1080px;
    background: #000;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
	z-index: 100;
	transform: scale(0,0);
	overflow: hidden;
}

.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;
}

.figure{
position: absolute;
left: 914px;
top: 248px;
width: 566px;
height: 832px;
background: url(../Assets/Rooms/Start/figure.png) no-repeat;
z-index: 500;
cursor: pointer;
}

.shadow{
position: absolute;
left: 901px;
top: 735px;
width: 576px;
height: 345px;
background: url(../Assets/Rooms/Start/shadow.png) no-repeat;
z-index: 495;
}

.wall{
position: absolute;
left: 2px;
top: 0px;
width: 2401px;
height: 1080px;
background: url(../Assets/Rooms/Start/wall.png) no-repeat;
z-index: 490;
}

.lamp{
position: absolute;
left: 557px;
top: 0px;
width: 1347px;
height: 1013px;
background: url(../Assets/Rooms/Start/lamp.png) no-repeat;
z-index: 485;
}

#F3-Attack{
position: absolute;
left: 793px;
top: 183px;
width: 908px;
height: 690px;
background: url(../Assets/Rooms/Start/F3-Attack.png) no-repeat;
z-index: 700;
}

#F2-Attack{
position: absolute;
left: 993px;
top: 105px;
width: 661px;
height: 472px;
background: url(../Assets/Rooms/Start/F2-Attack.png) no-repeat;
z-index: 695;
}

#F1-Attack{
position: absolute;
left: 882px;
top: 184px;
width: 445px;
height: 319px;
background: url(../Assets/Rooms/Start/F1-Attack.png) no-repeat;
z-index: 690;
}