body {
background-image:url('http://swholli.com/timeforce/images/inv_bg.png');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center; 
font-family: 'Short Stack', cursive;
}

div.paper{
display: none;
width:100%;
height:100%;
background-color: #000;
opacity: .5;
color:#fff;
}

#draggable_n { 
width: 150px;
height: 150px;
padding: 10px;
background-color: #fff;
box-shadow: 5px 5px 10px #000;
}

#draggable_t { 
width: 150px;
height: 150px;
padding: 10px;
background-color: #fff;
box-shadow: 5px 5px 10px #000;
}

div.tele{
z-index: 2;
position: fixed;
top: 150px;
left: 600px;
transform:rotate(2deg);
-ms-transform:rotate(2deg);
-webkit-transform:rotate(2deg);
}

div.news{
z-index: 2;
position: fixed;
top: 100px;
left: 550px;
transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-webkit-transform:rotate(-3deg);
}

div.des_tele{
display: none;
position: fixed;
top: 640px;
left: 1100px;
width: 300px;
}

div.des_news{
display: none;
position: fixed;
top: 640px;
left: 1100px;
width: 300px;
}

div.note{
background-image:url('http://swholli.com/timeforce/images/des_note.png');
background-repeat:repeat;
position: fixed;
top: 600px;
left: 1100px;
width: 300px;
}

div.note_t{
position: fixed;
background-image:url('http://swholli.com/timeforce/images/des_note_t.png');
background-repeat:repeat;
top: 580px;
left: 1100px;
width: 300px;
height: 20px:
}

img.pro{
position: fixed;
top: 20px;
left: 20px;
}

img.logo{
position: fixed;
bottom: 10px;
left: 10px;
width: 200px;
opacity: .2;
}