@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/storage/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  */
/**************/
.sign{
position: absolute;
left: 817px;
top: 0px;
width: 790px;
height: 184px;
background: url(../Assets/room/storage/sign.png) no-repeat;
z-index: 500;
cursor: pointer;
}

.drawstring{
	cursor: pointer;
position: absolute;
left: 1961px;
top: 146px;
width: 13px;
height: 184px;
background: url(../Assets/room/storage/drawstring.png) no-repeat;
z-index: 495;
}

.light{
position: absolute;
left: 1857px;
top: 0px;
width: 173px;
height: 155px;
background: url(../Assets/room/storage/light.png) no-repeat;
z-index: 490;
}

.guitar-case{
position: absolute;
left: 923px;
top: 660px;
width: 613px;
height: 339px;
background: url(../Assets/room/storage/guitar-case.png) no-repeat;
z-index: 485;
}

.shirt{
position: absolute;
left: 811px;
top: 264px;
width: 256px;
height: 328px;
background: url(../Assets/room/storage/shirt.png) no-repeat;
z-index: 480;
}

.moe-money{
position: absolute;
left: 1298px;
top: 487px;
width: 260px;
height: 136px;
background: url(../Assets/room/storage/moe-money.png) no-repeat;
z-index: 475;
}

.leds{
position: absolute;
left: 761px;
top: 0px;
width: 943px;
height: 916px;
background: url(../Assets/room/storage/leds.png) no-repeat;
z-index: 465;
animation: playLeds .3s steps(2) infinite;
pointer-events:none;
}

@keyframes playLeds {
   100% { background-position: -1886px; }
}

.icon{
position: absolute;
left: 124px;
top: 913px;
width: 215px;
height: 87px;
background: url(../Assets/room/storage/icon.png) no-repeat;
z-index: 460;
}

.Door{
position: absolute;
left: 15px;
top: 149px;
width: 161px;
height: 835px;
background: url(../Assets/room/storage/Door.png) no-repeat;
z-index: 455;
}

.Dim{
position: absolute;
left: 0px;
top: 0px;
width: 2443px;
height: 1080px;
background: url(../Assets/room/storage/Dim.png) no-repeat;
z-index: 450;
pointer-events:none;
}

.mine-doo{
position: absolute;
left: 1630px;
top: 497px;
width: 224px;
height: 129px;
background: url(../Assets/room/storage/mine-doo.png) no-repeat;
z-index: 445;
cursor: pointer;
}

.winter-cloze{
position: absolute;
left: 1786px;
top: 674px;
width: 267px;
height: 142px;
background: url(../Assets/room/storage/winter-cloze.png) no-repeat;
z-index: 440;
cursor: pointer;
}

.boots{
position: absolute;
left: 1642px;
top: 713px;
width: 119px;
height: 97px;
background: url(../Assets/room/storage/boots.png) no-repeat;
z-index: 435;
cursor: pointer;
}

.gladBox {
	position: absolute;
	left: 699px;
	top: 484px;
	width: 129px;
	height: 144px;
	background: url(../Assets/room/storage/GladBox.png) no-repeat;
	z-index: 432;
	cursor: pointer;
}

.liquor{
position: absolute;
left: 243px;
top: 484px;
width: 122px;
height: 144px;
background: url(../Assets/room/storage/liquor.png) no-repeat;
z-index: 430;
cursor: pointer;
}

.food{
position: absolute;
left: 250px;
top: 656px;
width: 380px;
height: 164px;
background: url(../Assets/room/storage/food.png) no-repeat;
z-index: 425;
cursor: pointer;
}

.number{
position: absolute;
left: 238px;
top: 713px;
width: 19px;
height: 36px;
background: url(../Assets/room/storage/number.png) no-repeat;
z-index: 420;
}

.plug{
position: absolute;
left: 1623px;
top: 810px;
width: 733px;
height: 131px;
background: url(../Assets/room/storage/plug.png) no-repeat;
z-index: 415;
cursor: pointer;
}

.cobweb{
position: absolute;
left: 1991px;
top: 25px;
width: 245px;
height: 141px;
background: url(../Assets/room/storage/cobweb.png) no-repeat;
z-index: 410;
cursor: pointer;
}