body{
    /* background-color:#484d50; */
    background-image: url("../../images/login_page/window_bg.png");
    font-size:0.875em;
    overflow-x:hidden;
    color:#222f51;
    font-family:"Poppins",sans-serif;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}
@font-face {
    font-family: 'Sarabun';
    src:  url('fonts/THSarabun.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}
.login_background_page{
    background-color: #3e4044 !important;
}
.main_background_page{
    background-color: #cdc8c0 !important;
}
.logo_login_page{
    width: auto;
    height: 7%;
    top: 10%;
    left: 10%;
    position: fixed;
    filter:drop-shadow(2px 1px 0px #fff) drop-shadow(-1px -1px 0px #fff);
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
}
.assa_watermark{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; 
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    width: auto;
    height: 192%;
    position: absolute;
    top: -111%;
    left: -132.5%;
    z-index: -10;
}
.ssa_watermark{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; 
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    width: auto;
    height: 13%;
    position: fixed;
    top: 24%;
    left: 41%;
    z-index: -10;
}
.a_watermark{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; 
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    width: auto;
    height: 24.5%;
    position: fixed;
    top: 24%;
    left: 29.5%;
    z-index: -10;
}
.watermark_top1{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; 
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    transform: rotate(175deg);
    position:fixed;
    width: auto;
    height: 50%;
    z-index: -10;
    top:-5%;
    left: 0%;
    filter:opacity(0.1);
}
.watermark_top2{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; 
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    transform: rotate(195deg);
    position:fixed;
    width: 45%;
    height: 50%;
    z-index: -10;
    top:-10%;
    right: 0%;
    filter:opacity(0.1);
}
.watermark_top3{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; 
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    transform: rotate(190deg) scale(-1,1);
    position:fixed;
    width: 45%;
    height: 50%;
    z-index: -10;
    top:-10%;
    right: 20%;
    filter:opacity(0.1);
}
.watermark_bottom1{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; 
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    position:fixed;
    transform: rotate(15deg);
    z-index: -10;
    width: 45%;
    height: 50%;
    bottom:-8%;
    left: 0%;
    filter:opacity(0.1);
}
.watermark_bottom2{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; 
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    position:fixed;
    transform: rotate(355deg);
    z-index: -10;
    width: 45%;
    height: 50%;
    bottom:-10%;
    right: 0%;
    filter:opacity(0.1);
}
.watermark_bottom3{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; 
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    position:fixed;
    transform: rotate(355deg) scale(-1,1);
    z-index: -10;
    width: 50%;
    height: 55%;
    bottom:-12%;
    right: 40%;
    filter:opacity(0.1);
}

.middleScreen{
    position: absolute;
    top: 55%;
    left: 55%;
    margin-top: -200px;
    margin-left: -100px;
    width: 200px;
    height: 400px;
}

.SetBackground{
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: -1111;
    width: 100%;
    height: 100%;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
}