body{
	background: url(img/bg_ss.jpg);
	background-repeat: no-repeat;
    background-size: auto;
    background-position: center 0px;
    background-color: #461761 ;
	min-height: 1080px;
    margin: 0px;
}
#content{
	min-height: 1080px;
}
#osdk-auth-widget-holder{
    position: relative !important;
    margin: 0 auto !important;
    top: 88px;
    left: 212px;
    right: 0px;
    z-index: 3;
}

.logo {
    display: none;
    background: url(img/logo_ss.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center 0px;
    width: 876px;
    height: 540px;
    margin: 0 auto;
    position: fixed;
    left: -9999px;
    right: -9999px;
    bottom: 460px;
}
.btn_ply{
    display: none;
    background: url(img/btn_ss.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center 0px;
    width: 666px;
    height: 192px;
    margin: 0 auto;
    position: fixed;
    left: -9999px;
    right: -9999px;
    bottom: 340px;
    z-index: 2;
    cursor: pointer;
}
.txt{
    display: none;
    background: url(img/txt_ss.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center 0px;
    width: 862px;
    height: 220px;
    margin: 0 auto;
    position: fixed;
    left: -9999px;
    right: -9999px;
    bottom: 112px;
}


@media (max-device-width: 1080px), (max-width: 1080px){
    .logo,
    .txt,
    .btn_ply{
        display: block;
    }
    body{
        background: url(img/bg_ss_mob.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center 0px;
        background-color: #160320;
    }
    #osdk-auth-widget-holder {
        display: none;
        position: absolute !important;
        margin: 0 auto !important;
        top: 44px;
        left: -9999px;
        right: -9999px;
        z-index: 3;
        height: 612px !important;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        transform-origin: center 0px;
    }
}
@media (max-device-height: 1368px), (max-height: 1368px){
    #osdk-auth-widget-holder {
        top: 23%;
    }
}
@media (max-device-height: 1024px), (max-height: 1024px){
    body {
        min-height: 100vh;
        height: 100vh;
    }
    #osdk-auth-widget-holder {
        top: 44px;
    }
}
@media (max-device-height: 768px), (max-height: 768px){
    #content {
        min-height: 1080px;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        transform-origin: center bottom;
        position: fixed;
        left: -9999px;
        right: -9999px;
        bottom: 0px;
        margin: 0 auto;
        width: 1080px;
    }
    #osdk-auth-widget-holder{
        -webkit-transform: scale(1.9);
        -moz-transform: scale(1.9);
        -o-transform: scale(1.9);
        transform: scale(1.9);
        transform-origin: center 0px;
        top: 44px;
    }
}
@media (max-device-width: 768px), (max-width: 768px){
    #content {
        min-height: 1080px;
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
        transform-origin: center bottom;
        position: fixed;
        left: -9999px;
        right: -9999px;
        bottom: 0px;
        margin: 0 auto;
        width: 1080px;
    }
    #osdk-auth-widget-holder{
        -webkit-transform: scale(1.9);
        -moz-transform: scale(1.9);
        -o-transform: scale(1.9);
        transform: scale(1.9);
        transform-origin: center 0px;
    }
}
@media (max-device-width: 540px), (max-width: 540px){
    body {
        min-height: 100vh;
        height: 100vh;
    }
    #content {
        min-height: 1080px;
        -webkit-transform: scale(0.44);
        -moz-transform: scale(0.44);
        -o-transform: scale(0.44);
        transform: scale(0.44);
        transform-origin: center bottom;
        position: fixed;
        left: -9999px;
        right: -9999px;
        bottom: 0px;
        margin: 0 auto;
        width: 1080px;
    }
    #osdk-auth-widget-holder{
        -webkit-transform: scale(2.1);
        -moz-transform: scale(2.1);
        -o-transform: scale(2.1);
        transform: scale(2.1);
        transform-origin: center center;
    }
}