html {
    padding:0;margin:0;
}
#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    /*Nirun 20210219 : ไม่ใช้เอาออกก่อน */
/*    background: linear-gradient(to bottom, rgba(117, 114, 113, 0.8) 10%, rgba(40, 49, 77, 0.8) 30%,
    rgba(29, 35, 71, 0.8) 50%, rgba(19, 25, 28, 0.8) 80%, rgba(15, 14, 14, .8) 100%),
        url('Images/tumblr.gif');*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
.contain_body {
    /* background:url('Images/bg_signin.png');*/
    /*background: url(Images/bg_signin_HNY.png)repeat-x bottom center,linear-gradient(#008fe2 10%, #cedbe6 85%, #dde6ef 91%) !important;*/
    /*Nirun 20200114 [W20200114-045] */
    background: linear-gradient(#008fe2 10%, #cedbe6 85%, #dde6ef 91%) !important;
    background-attachment: fixed;
    background-size: contain;
    /*background-repeat:no-repeat;*/
    /*Nuii Modify 21/04/2020 [W20200421-017] : RFC > ESS8 > Login : background เอาหัวใจ .gif ออก*/
    /*opacity: 0.9 !important;*/
    width: 100% !important;
    height: 100% !important;
    z-index: 800;
    position: fixed;
    overflow: hidden;
}
.bg_blur {
            background:url('Images/bg_blur.png') no-repeat;
            background-size: contain;
            -webkit-filter: blur(5px);
            -moz-filter: blur(5px);
            -o-filter: blur(5px);
            -ms-filter: blur(5px);
            filter: blur(5px);
            opacity: 0.2;
            width:100%;height:800px;
        }
.btn-signin {
     background:url('Images/btn-signin.png') no-repeat center;
     width:30px;height:30px;border:none;
}
.btn-signin:hover {
     background:url('Images/btn-signin-hover.png') no-repeat center;
     width:30px;height:30px;border:none;
}

.login
{
    margin:auto;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    height:100% !important;
    width:100% !important;
    background: transparent;
    z-index:900;
    position:absolute;
    /*Modify by Nuii 10/01/2018 [W20180110-031] : ปรับให้เป็นแบบ Responsive*/
    /*min-width:980px;*/
}

.wrapper
{
    width: 360px;
    height: 455px;
    margin: -200px -200px;
    position: absolute;
    left: 50%;
    top: 45%;
}

.wrapper h1 > a img
{
    margin-right: 20px;
    margin-top: -8px;
}

.wrapper h1 > a {
    color: #FFFFFF;
    display: block;
    font-weight: 300;
    font-size: 28px;
    text-align: center;
    padding: 2px 0;
    text-decoration: none;
}

.wrapper .login-body
{
    margin-top: 20px;
    background: #fff;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-transform: translate3d(0, 0, 0);
-webkit-transform-origin-x: 50%;
-webkit-transform-origin-y: 20px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

border-radius: 55px;
/*-webkit-box-shadow: 3px 5px 10px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    3px 5px 10px rgba(50, 50, 50, 0.3);
box-shadow:         3px 5px 10px rgba(50, 50, 50, 0.3);*/

}

.wrapper .login-body h2 {
    font-weight: 100;
    color: #333333;
    font-size: 22px;
    padding: 20px 30px 5px 30px;
}

.wrapper .login-body form {
    padding: 0 35px;
}

.wrapper .login-body .user input, .login .wrapper .login-body .pw input {
    padding: 8px 12px;
    height: 40px;
}

.wrapper .login-body .submit {/*margin: 20px 0px 0px 35px;*/ }

.wrapper .login-body .submit input {float: right;}

.wrapper .login-body .submit:after
{
    content: "";
    display: table;
    clear: both;
    height:35px;
}

.wrapper .login-body .submit .remember {
    float: left;
    margin-top: 5px;
    margin-left: 1px;
}

.wrapper .login-body .submit .remember [class*=icheckbox], .login .wrapper .login-body .submit .remember label {
    float: left;
}
 

.wrapper .login-body .forget {
margin-top: 10px;
}

.wrapper .login-body .forget a {
    background: #F7F7F7;
    padding: 20px 0;
    text-align: center;
    display: block;
    text-decoration: none;
    color: #555555;
    -webkit-border-bottom-right-radius: 55px;
    -webkit-border-bottom-left-radius: 55px;
    -moz-border-radius-bottomright: 55px;
    -moz-border-radius-bottomleft: 55px;
    border-bottom-right-radius: 55px;
    border-bottom-left-radius: 55px;
}

.wrapper .login-body .forget a span
{
    line-height: 20px;
    margin-bottom: 10px;
    position: relative;
    color:#2A5085;
    font-size:14px;
}

.wrapper .login-body .forget a:hover {
    background: #DDDDDD;
}

.wrapper .fontlogin
{
    color:#0C6D9E;text-align:center;font-size:14px;
}
.pic {
    /*Nirun 20191219 [W20191218-011] : รูปปีใหม่ */
    /*background: url('Images/label-signin.png') no-repeat;*/
    /*background: url('Images/label-signin_New.png') no-repeat;*/
    /*Nirun 20200114 [W20200114-045]*/
    /*background: url('Images/label-signin.png') no-repeat;*/
    /*Nuii 08/04/2564 [W20210408-015] : RFC ให้ลูกค้าสามารถเปลี่ยน logo ได้*/
    background: url(../../Upload/LogoImages/Logo-signin.png) no-repeat;
    margin: 0px auto;
    width: 155px;
    height: 90px;
    display: block;
    background-size: contain;
}
.picpwd {
    background:url('Images/label-forgetpwd.png') no-repeat;margin:0 auto;width:295px;height:55px;display:block
}
.btn.btn-primary {
    background: #368EE0;
    color: #FFFFFF;
    text-shadow: none;
    filter: none;
}

.btn.btn-primary:hover {
    background: #1E74C5;
}

/*.btn {
    background: #EEEEEE;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #444444;
    padding: 5px 9px;
    filter: none;
}*/ 

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="user"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background: #FFF;
}

label, input, button, select, textarea {
    font-size: 13px;
}

.wrapper-unlocked {
    width: 500px;
    height: 500px;
    margin: 200px -250px;
    position: absolute;
    left: 50%;
}

.wrapper-unlocked h1 > a img
{
    margin-right: 20px;
    margin-top: -8px;
}

.wrapper-unlocked h1 > a {
    color: #FFFFFF;
    display: block;
    font-weight: 300;
    font-size: 28px;
    text-align: center;
    padding: 2px 0;
    text-decoration: none;
}

.pull-left {
    width: 200px;
    float: left;
}

.not-user {
    color: #FFFFFF;
    display: block;
    background: #1B67AF;
    text-align: center;
    padding: 4px 8px;
    text-decoration: none;
}

.not-user:hover {
    background: #144D82;
    color: #FFFFFF;
    display: block;
    text-align: center;
    padding: 4px 8px;
    text-decoration: none;
}

.right {
    float: left;
    margin-left: 15px;
}

.right form {
    margin-top: 30px;
}

.right .upper h2 {
    color: #FFFFFF;
    font-weight: 300;
    margin: 0;
    font-family:'Segoe UI';
}

.right form div {
    margin-top: 5px;
}

.right .upper span {
    display: block;
    color: #FFFFFF;
}

.btn.btn-inverse {
    background: #484848;
    text-shadow: none;
    color: #FFFFFF;
    filter: none;
}

.btn.btn-inverse:hover {
    background: #111;
}

.right form input {
    border: 0;
    margin-bottom: 0;
}

.right form input[type=password] {
    width: 260px;
}

label.error {
background: #f2dede;
font-weight: normal;
color: #B94A48;
padding: 5px;
margin: 0px;
}
.navbar .nav > li > a
{
    float: none;
    padding: 0px;
    margin-top:10px;
    margin-right:10px;
}
.input-block-level {    
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 0;
    font-size: 16px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
}

.head-signin {
    background:none;font-size:20px;color:#0E467E;font-family:Segoe UI Light;
}
.head-signin:hover{
    color:red;
}
.icheckbox_square-blue {
    float:left;
}
.TextLight{
    color:#fff;font-size:20px;
    /*font-family:Segoe UI light;*/
}
.bottomsetting {
    bottom: 10px;
    position: absolute;
    width: 100%;
    color: #000;
}
.icon-arrowwhite-24{
    background: url('Images/icon-arrowwhite-24.png') bottom no-repeat; width:30px;  height:30px; display:block;margin:0 auto;
}
#form-signin input, #form-signin select, #form-forgetpassword input, #form-forgetpassword select, #Form-SignIn-EPaySlip input, #Form-SignIn-EPaySlip select, #Form-NewPassword-EPaySlip input, #Form-NewPassword-EPaySlip select, #Form-Forget-EPaySlip input, #Form-Forget-EPaySlip select {
    font-family: "SegoeUI", "Tahoma";
}
/*Keneji_phat Modify 2016-10-03: Start Responsive*/
.flogin {
    font-size: 12px;
}
.substyle{
    height:132px;
    margin:0px 0px 30px 0px;
}
/*Keneji_phat Modify 2016-10-03: End Responsive*/