html,body
{
    margin:0;
    padding:0;
    min-width:100%;
    min-height:100%;
}
body 
{
    background:#fff;
}
.bg
{
    position: relative; 
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bg::before {    
    content: "";
    /*background-image: url('../images/apple-bg-2.jpg');*/
    background-repeat:no-repeat;
    background-position:center;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    /*opacity: 0.5;*/
}

.logins
{
    width:280px;
    position:fixed;
    left:0;
    right:0;
    top:0;
    margin-left:auto;
    margin-right:auto;
    margin-top:90px;
    background-color: rgba(255,255,255,1);
    padding:15px 15px;
    border-radius:7px 7px;
}
.logins .title
{
    text-align:center;
    font-size:22px;
    font-family: 'Kanit', sans-serif;
}
.logins .title > * {
  vertical-align: middle;
}

.logins .title-sub
{
    padding-top:5px;
    padding-bottom:10px;
    text-align:center;
    font-family: 'Kanit', sans-serif;
    color:Red;
}
.btn,.form-control
{
    border-radius:50px 50px;
}
.btn
{
    background: rgb(18,84,136);
    background: linear-gradient(90deg, rgba(18,84,136,1) 0%, rgba(42,147,213,1) 100%);
    border:none;
    padding-top:10px;
    padding-bottom:10px;
    font-family: 'Kanit', sans-serif;
}
.form-control
{
    padding-left:20px;
}