html {
    width: 100%;
    height:100%;
}
body
{
    width:100%;
    height:100%;
    background-color:#353d5a;
}
#test
{
    position:static;
    top:0px;
    left:0px;
    z-index:1;
    width:100%;
}
#shade
{
    background-color:rgba(0,0,0,0.7);
    position:fixed;
    top:0px;
    left:0px;
    z-index: 9999;
    width: 100% !important;
    height: 100% !important;
}
#flag
{
    position:relative;
    top:44px;
    left:0px;
    z-index:3;
    width:88px;
    height:88px;
}
#controller
{
    left:0px;
    width:100%;
     height:100%; 
    background-color:#353d5a;
    z-index: 9999;
    position: fixed;
    top: calc(100vw * 36 / 48);
}
#controller-bar
{
    top:0px;
    left:0px;
    width:100%;
    height:46px;
    background-color:#3d476c;
}
.controller-btn
{
    position:relative;
    top:5px;
    width:35px;
    height:35px;
}
.info-btn
{
    width:341px;
    height:44px;
}
.key-btn-circle
{
    position:relative;
    width:60px;
    height:60px;
}
.key-btn-rect
{
    width:60px;
    height:45px;
}