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

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

.can{
position: absolute;
left: 2137px;
top: 764px;
width: 244px;
height: 226px;
background: url(../Assets/room/hayesRoom/can.png) no-repeat;
z-index: 500;
}

.carpet{
position: absolute;
left: 231px;
top: 818px;
width: 66px;
height: 33px;
background: url(../Assets/room/hayesRoom/carpet.png) no-repeat;
z-index: 495;
}

.b_closet{
position: absolute;
left: 1281px;
top: 674px;
width: 263px;
height: 390px;
background: url(../Assets/room/hayesRoom/b_closet.png) no-repeat;
z-index: 490;
}

.toy-7{
position: absolute;
left: 1639px;
top: 884px;
width: 71px;
height: 53px;
background: url(../Assets/room/hayesRoom/toy-7.png) no-repeat;
background-size:100% 100%;
z-index: 485;
cursor: pointer;
}

.toy-6{
position: absolute;
left: 1552px;
top: 863px;
width: 69px;
height: 80px;
background: url(../Assets/room/hayesRoom/toy-6.png) no-repeat;
background-size:100% 100%;
z-index: 480;
cursor: pointer;
}

.toy-1{
position: absolute;
left: 873px;
top: 958px;
width: 189px;
height: 96px;
background: url(../Assets/room/hayesRoom/toy-1.png) no-repeat;
background-size:100% 100%;
z-index: 475;
cursor: pointer;
}

.toy-2{
position: absolute;
left: 922px;
top: 914px;
width: 195px;
height: 71px;
background: url(../Assets/room/hayesRoom/toy-2.png) no-repeat;
background-size:100% 100%;
z-index: 470;
cursor: pointer;
}

.toy-3{
position: absolute;
left: 1080px;
top: 891px;
width: 143px;
height: 72px;
background: url(../Assets/room/hayesRoom/toy-3.png) no-repeat;
background-size:100% 100%;
z-index: 465;
cursor: pointer;
}

.toy-4{
position: absolute;
left: 1208px;
top: 880px;
width: 176px;
height: 86px;
background: url(../Assets/room/hayesRoom/toy-4.png) no-repeat;
background-size:100% 100%;
z-index: 460;
cursor: pointer;
}

.toy-5{
position: absolute;
left: 1364px;
top: 867px;
width: 175px;
height: 76px;
background: url(../Assets/room/hayesRoom/toy-5.png) no-repeat;
background-size:100% 100%;
z-index: 455;
cursor: pointer;
}

.TVcables{
position: absolute;
left: 767px;
top: 698px;
width: 108px;
height: 166px;
background: url(../Assets/room/hayesRoom/TV-cables.png) no-repeat;
z-index: 450;
cursor: pointer;
}

.TV{
position: absolute;
left: 728px;
top: 532px;
width: 292px;
height: 198px;
background: url(../Assets/room/hayesRoom/TV.png) no-repeat;
z-index: 445;
cursor: pointer;
}

.TV-stand{
position: absolute;
left: 700px;
top: 693px;
width: 344px;
height: 180px;
background: url(../Assets/room/hayesRoom/TV-stand.png) no-repeat;
z-index: 440;
}

.b_bed{
position: absolute;
left: 974px;
top: 294px;
width: 250px;
height: 331px;
background: url(../Assets/room/hayesRoom/b_bed.png) no-repeat;
z-index: 435;
}

.b_guest{
position: absolute;
left: 782px;
top: 291px;
width: 200px;
height: 302px;
background: url(../Assets/room/hayesRoom/b_guest.png) no-repeat;
z-index: 430;
}

.bed{
position: absolute;
left: 713px;
top: 375px;
width: 649px;
height: 368px;
background: url(../Assets/room/hayesRoom/bed.png) no-repeat;
z-index: 425;
}

.bedside-table{
position: absolute;
left: 1341px;
top: 482px;
width: 155px;
height: 173px;
background: url(../Assets/room/hayesRoom/bedside-table.png) no-repeat;
z-index: 420;
}

.b_activity{
position: absolute;
left: 471px;
top: 163px;
width: 195px;
height: 558px;
background: url(../Assets/room/hayesRoom/b_activity.png) no-repeat;
z-index: 415;
}

.shelf{
position: absolute;
left: 482px;
top: 43px;
width: 361px;
height: 604px;
background: url(../Assets/room/hayesRoom/shelf.png) no-repeat;
z-index: 410;
}

.toolbox{
position: absolute;
left: 1693px;
top: 487px;
width: 306px;
height: 229px;
background: url(../Assets/room/hayesRoom/toolbox.png) no-repeat;
z-index: 405;
cursor: pointer;
}

.Papers{
position: absolute;
left: 1540px;
top: 425px;
width: 103px;
height: 43px;
background: url(../Assets/room/hayesRoom/Papers.png) no-repeat;
z-index: 408;
}

.Ball{
position: absolute;
left: 1680px;
top: 537px;
width: 179px;
height: 168px;
background: url(../Assets/room/hayesRoom/Ball.png) no-repeat;
z-index: 407;
}

.Desk{
position: absolute;
left: 1500px;
top: 420px;
width: 578px;
height: 341px;
background: url(../Assets/room/hayesRoom/Desk.png) no-repeat;
z-index: 405;
}

.sceneWindow{
position: absolute;
left: 253px;
top: 2px;
width: 230px;
height: 145px;
background: url(../Assets/room/hayesRoom/sceneWindow.png) no-repeat;
z-index: 400;
}

.poster{
position: absolute;
left: 1471px;
top: 94px;
width: 257px;
height: 315px;
background: url(../Assets/room/hayesRoom/poster.png) no-repeat;
z-index: 395;
}

.painting{
position: absolute;
left: 918px;
top: 99px;
width: 367px;
height: 241px;
background: url(../Assets/room/hayesRoom/painting.png) no-repeat;
z-index: 390;
}

.icon{
position: absolute;
left: 1924px;
top: 772px;
width: 215px;
height: 87px;
background: url(../Assets/room/hayesRoom/icon.png) no-repeat;
z-index: 385;
}

.door{
position: absolute;
left: 2075px;
top: 77px;
width: 155px;
height: 791px;
background: url(../Assets/room/hayesRoom/door.png) no-repeat;
z-index: 380;
}