.f_frm[data-grd='11']{
    box-shadow:0px 0px 0px 2px rgba(255,255,255,1) !important
}
.f_frm[data-grd^='1'] .f_frm_head section{
    font-size:11pt;
    letter-spacing:0
}
.f_frm[data-grd] .f_frm_head section{
    white-space:nowrap;
    text-align:center
}
.f_frm[data-grd^='1'] .f_frm_head section img{
    margin:0 .6vh 0 0;
    height:1.27vh !important
}
.f_frm[data-grd] .f_frm_head p{
    white-space:nowrap;
    text-align:center
}
.f_frm[data-grd^='1'] .f_frm_head p{
    font-size:0vh
}
.f_frm[data-grd^='1'] .f_frm_head nav{
    display:none
}
.f_frm[data-grd^='1'] .f_frm_resize{
    display:none
}
.f_frm[data-grd^='1'] a{
    width:0 !important;
    height:0 !important
}
.f_frm[data-grd^='1'] .f_frm_foot{
    height:20px !important;
    .f_icons{
        a,a *{
            height:0 !important;
            width:0 !important
        }
    }
}
.f_frm .ads_foot{
    position:absolute;
    top:3px;
    right:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    height:47px;
    width:100%;
    overflow:hidden;
    transition:all .5s;
    > img{
        height:28px;
        max-width:320px;
        margin:10px 30px 12px 30px;
        cursor:pointer;
        transition:all .5s
    }

    .jbads{
        position:absolute;
        left:0;
        bottom:0;
        transition:all .5s;
        img{
            height:0;
            width:0;
            transition:all .5s
        }
    }
}
.f_frm .ads_foot:hover{
    .jbads{
        left:4px;
        bottom:1px;
        img{
            height:40px;
            width:40px
        }
    }
}
.f_frm[data-grd^='1'] .ads_foot{
    height:0;
    > img{
        height:0 !important;
        margin:0 10px !important
    }
}

[data-bg='register']{
    background:green;
    color:#fff
}

.bsld{
    position:absolute;
    bottom:-50px;
    left:50%;
    transform:translate(-50%,0);
    width:95%;
    height:50px;
    overflow:visible;
    z-index:2000 !important;
    transition:all .5s;
    input{
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        width:100%;
        height:8px;
        background:rgba(0,0,0,.5);
        accent-color:#fff;
        border:none;
        outline:none
    }
    b,s{
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        line-height:90%;
        color:#fff;
        opacity:.7;
        cursor:pointer
    }
    b{
        left:-20pt;
        font-size:24pt
    }
    s{
        right:-20pt;
        font-size:20pt
    }
    [data-on='1']{
        color:lime;
        opacity:1
    }
    span{
        position:absolute;
        top:0;
        bottom:0;
        left:50%;
        transform:translateX(-50%);
        width:100%;
        font-size:9pt
    }
    span *{
        position:absolute;
        left:100%;
        width:1px;
        max-height:50%;
        color:#fff;
        border-style:solid;
        border-width:0;
        border-color:#fff;
        border-width:0 0 0 2px;
        margin:0 0 0 10px;
        padding:0 0 0 6px;
        white-space:nowrap;
        font-weight:bold;
        color:#fff;
        cursor:pointer;
        opacity:.6;
        transition:left 1s
    }
    span [data-type='0']{
        top:5px;
        bottom:50%
    }
    span [data-type='1']{
        top:50%;
        bottom:5px;
        line-height:250%
    }
    span div:hover{
        border-color:lime;
        color:lime;
        opacity:1
    }
}
.f_frm[data-grd^='1'] .bsld{
    bottom:0;
    opacity:0;
    width:0%;
    height:0px;
    font-size:0;
}
.bsldc{
    font-size:24pt;
    line-height:90%;
    a{
        display:inline-block;
        margin:0 8px
    }
    a[data-opc='9']{
        opacity:.4
    }
    a[data-opc='9']:hover{
        opacity:.8
    }
    a[data-opc='0']{
        opacity:.5
    }
    a[data-opc='0']:hover{
        opacity:1
    }
    a[data-opc='1']{
        color:lime
    }
}

section .ckr{
    position:static !important;
    display:inline-block;
    width:15px;
    height:15px;
    transform:translateX(0) !important;
    margin:0 10px;
    box-shadow:0 1px 3px 0px rgba(255,255,255,1) inset,0 -1px 3px 0px rgba(0,0,0,.8) inset;
    transition:all .5s
}
[data-grd='1'] section .ckr,[data-grd='1'] section img{
    width:0;
    height:0;
    margin:0
}
.f_note{
    .flx1,.flx2{
        div{
            display:inline-block;
            width:60px !important;
            height:160px !important
        }
        div:before{
            content:"";
            position:absolute;
            top:0;
            left:0;
            display:block;
            width:60px !important;
            height:160px !important
        }
    }
    .flx1 div:before{
        clip-path:polygon(0 0,50% 100%,50% 100%,100% 0)
    }
    .flx2 div:before{
        clip-path:polygon(50% 0%,0 100%,100% 100%)
    }
    .ckr{
        position:relative !important;
        display:inline-block !important;
        transform:translate(0,0) !important;
        width:60px !important;
        height:60px !important;
        cursor:pointer
    }
    .jg_select{
        display:inline-block;
        width:200px;
        height:200px;
        padding:20px;
        font-weight:bold;
        float:left
    }
}

.bpt{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    display:none;
    padding:4px 8px 2px 8px;
    font-size:10pt;
    line-height:100%;
    transition:background 30s
}
[data-grd='1'] .bpt{
    display:block
}
.bpt[data-red='3']{
    background:rgba(255,0,0,.2)
}
.bpt[data-red='2']{
    background:rgba(255,0,0,.4)
}
.bpt[data-red='1']{
    background:rgba(255,0,0,.6)
}
.bpt[data-red='0']{
    background:rgba(196,0,0,1)
}

.juser{
    cursor:pointer;
    font-size:11pt;
    img{
        display:inline-block;
        height:12px;
        float:left;
        margin:-2px 6px 0 0
    }
}
.juser_head{
    cursor:pointer;
}

.money_coin{
    position:relative;
    border-radius:100%;
    overfkow:hidden;
    text-align:center;
    background:radial-gradient(circle,transparent 40%,rgba(0,0,0,.7) 64%,transparent 64%),radial-gradient(circle,#806000 0%,#806000 64%,transparent 64%),radial-gradient(circle,transparent 0%,transparent 70%,gold 70%,gold 75%,transparent 75%),conic-gradient(gold,yellow,white,yellow,gold,yellow,white,yellow,gold,yellow,white,yellow,gold,yellow,white,yellow,gold);
    box-shadow:inset 0px 10px 0px -8px rgba(255,255,255,1),inset 0px -10px 0px -8px rgba(255,255,255,1),0px 10px 10px 0px rgba(0,0,0,.5);
    transition:all .5s;
    *{
        display:block;
        text-align:center;
        transition:all .5s
    }
    span{
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        *{
            text-shadow:1px 1px 0 rgba(0,0,0,.6),-1px -1px 0 rgba(255,255,255,1);
            white-space:nowrap;
            color:gold !important
        }
        b{
            line-height:90%;
            font-size:100%
        }
        s{
            line-height:100%;
            font-size:60%;
            font-weight:normal
        }
    }
}