body {
    margin: 0;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.body_bgd {
    background-image: url('images/bgd_browser.jpg');
}

.TbNick {
    position: absolute;
    left: 35%;
    padding: 0.5vh 1.5vw;
    top: 41%;
    font-size: 45px;
    width: 25%;
    border: none;
    background-color: #ffc47c;
}

.hide {
    display: none;
}

#main_area{
    padding-top:8px;
}

#gameview {
    margin: 8px auto 0px auto;
    /* width: 1200px;
 /   height: 800px; */
    position: relative;
    border: 1px solid white;
    line-height: 0;
}

#gameview canvas {
    width:1200px;
    max-width: calc(100vw - 2px);
}

.fb-like {
    padding: 8px 15px;
}

#main_area.mobile .TbNick{
    font-size:17px;
}

@media only screen and (orientation: landscape) {
    #main_area.mobile .fb-like {
            /* display: none;*/
        }

        #main_area.mobile #gameview {
        }

    #main_area.mobile canvas {
        width: auto;
        height: calc(100vh - 45px);
    }
}

    #main_area {
    /*    display: table;*/
    margin: auto;
    display: none;
}

#preloader {
    width: 220px;
    height: 220px;
    background: url('images/preloader.jpg');
    margin:auto;
    margin-top:100px;
}