body,html {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
	background-color: #191919;

    /* force hardware acceleration on certain devices */
    transform :  translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform :  translateZ(0);
    -webkit-transform: translateZ(0);
    width : 100%;
    height : 100%;
    position : fixed;
    top: 0px;
    left: 0px;
}

#canvas
{
    display:block;
    position: absolute;
    z-index: 0;
}
#landscape
{
    background:#2a2a2a url(assets/roate.png) center center no-repeat;
    position: absolute;
    z-index: 1;
    opacity:0.99;
}

#loading
{
    position:fixed;top:0px;left:0px;z-index: 2;
    width:100%;height:100%;
    background-color:#191919;
}
.loading_center
{
    position:absolute;top:50%;left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    width:80px;height:142px;
}
.loading_up
{
    position:absolute;top:0px;left:0px;
    background:url(assets/loading0_bg.png) center center no-repeat;
    width:80px;height:142px;
}
.loading_progress
{
    position:absolute;top:120px;left:0px;
    background-color:#f78f21;
    width:80px;height:0px;
}
.loading_down
{
    position:absolute;top:0px;left:0px;
    background-color:#616162;
    width:80px;height:0px;
}
.progress_text{
    position:absolute;top:16px;left:0px;width:80px;text-align: center;
    color:#ffffff;
}