body{
    background: white!important;
}
.container{
    overflow:hidden
}
.loginback{
    position: absolute;
    z-index: -1;
}
.logo{
    margin: 50px 0;
}
.loginbox{
    padding: 50px 20px;
    width: 470px;
    height: 570px;
    margin: 0 auto;
    background: url(/images/loginbox.png)  no-repeat;
}
.registerbox{
    padding: 50px 20px;
    width: 470px;
    height: 585px;
    margin: 0 auto;
    background: url(/images/registerbox.png)  no-repeat;

}
/*.legalbox{*/
    /*padding: 35px 20px 0px;*/
    /*width: 630px;*/
    /*height: 730px;*/
    /*margin: 0 auto;*/
    /*background: url(/images/legalbox.png)  no-repeat;*/
/*}*/
.legalbox{
    border:5px solid #ddd;
    border-image: -webkit-linear-gradient(#FFD614, #FFA100) 20 20;
    border-image: -moz-linear-gradient(#FFD614, #FFA100) 20 20;
    border-image: -o-linear-gradient(#FFD614, #FFA100) 20 20;
    border-image: linear-gradient(#FFD614, #FFA100) 20 20;
    border-radius: 10px;
    padding: 10px;
    max-height: 768px;
    overflow-x: hidden;
    overflow-y: auto;
    /*overflow-y: scroll;*/
}
.legal .col-md-8{
    padding: 10px;
    background: white;
    margin-bottom: 5px;
    border-radius: 10px;
    box-shadow: 0.1px 0.1px 1px 1px #c6c6c6;
    border-radius: 5px;
}
.backbox{
    z-index:-10;
    zoom: 1;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.legalbox .panel-body{
    padding: 15px 30px;
}
.legalbox p{
    margin-bottom: 10px;
}
.loginbut{
    height: 51px;
    color: white;
    font: 20px blod;
    background: url(/images/buttonbak.png)  no-repeat;
    border: unset;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.jumptext{
    text-align: center;
}
.jumptext a{
    color: #444444;
}

.buttonback{
    background: url(/images/buttonbak.png)  no-repeat;
    zoom: 1;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    height: 60px;

}
.backbox h3 ,.legalbox h3 {
    text-align: center;
    margin-bottom: 20px;
}
.brline{
    width: 80%;
    margin: 0 10% 30px;
}
.loginbox .form-group{
    margin-bottom: 25px;
}
.legal .logo{
    margin: 50px 0px 0px;
}
.legal .row{
    margin-top: -50px;
}
.legal .loginbut{
    height: 49px;
}
@media (max-width: 768px){
    .loginbox{
        padding: 20px;
    }
    .legal .row{
        margin-top: 10px;
    }
    .legalbox .panel-body{
        padding: 15px 0px;
    }
    .registerbox , .legalbox ,.loginbox{
        width: 100%;
        /*padding: 20px;*/
        height: 100%;
    }
    .loginbut{
        width: 100%;
        margin-bottom: 30px;
    }
    .logo{
        text-align: center;
        margin: 20px;
    }
}
@media (max-width: 1366px) {
    .loginback  {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .loginback img {
        max-width: unset;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}