/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@charset "utf-8";
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*.sign-bg-div {background-image: url(../images/rainbow.png), url(../images/bg.png); background-repeat:no-repeat, repeat; background-size: cover; height:100%;}*/
/*.sign-bg-div {background-image: url("../svg/svg-animation-stroke.svg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}*/
/*.sign-bg-div {background-image: url("../images/bg.png"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}*/
.sign-bg-div {background-image: url("../images/bg/10.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}

/*.sign-bg-div {background-image: url("../images/bg2.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}*/
.sign-bg-div-ex1 {background-image: url("../images/bg/01.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}
.sign-bg-div-ex2 {background-image: url("../images/bg/02.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}
.sign-bg-div-ex3 {background-image: url("../images/bg/03.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}
.sign-bg-div-ex4 {background-image: url("../images/bg/04.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}
.sign-bg-div-ex5 {background-image: url("../images/bg/05.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}
.sign-bg-div-ex6 {background-image: url("../images/bg/06.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}
.sign-bg-div-ex7 {background-image: url("../images/bg/07.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}
.sign-bg-div-ex8 {background-image: url("../images/bg/08.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}
.sign-bg-div-ex9 {background-image: url("../images/bg/09.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}
.sign-bg-div-ex10 {background-image: url("../images/bg/10.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}

.sign-bg-div-ex11 {background-image: url("../images/bg/11.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}
.sign-bg-div-ex12 {background-image: url("../images/bg/12.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}
.sign-bg-div-ex13 {background-image: url("../images/bg/13.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}
.sign-bg-div-ex14 {background-image: url("../images/bg/14.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}
.sign-bg-div-ex15 {background-image: url("../images/bg/15.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}
.sign-bg-div-ex16 {background-image: url("../images/bg/16.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}
.sign-bg-div-ex17 {background-image: url("../images/bg/17.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}
.sign-bg-div-ex18 {background-image: url("../images/bg/18.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}
.sign-bg-div-ex19 {background-image: url("../images/bg/19.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}
.sign-bg-div-ex20 {background-image: url("../images/bg/20.jpg"); background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}

/*.sign-bg-div {background-repeat:no-repeat, no-repeat; background-position: left, center; background-size: cover; height:100%;}*/
.sign-bg-sdiv {background-size: cover;}
/*.sign-bg-sdiv {background-image: url("../images/bg_sub_login.png"); background-size: cover;}*/

.sign-btn {height:50px; width:150px; padding:0.5em; margin-top:0.5em; text-align:center; border-radius:1.5em; color:#fff; background-image: linear-gradient(to right, #2196F3 , #87CEEB) !important}
.sign-btn:hover {background-color:#2c7df6; background-image:none !important}
.a-sign-forget {font-family: "Prompt", "Bai Jamjuree", "Kanit", sans-serif; font-weight:bold;}
.a-sign-forget:hover {color:#2c7df6; text-decoration:underline;}

.sign-div {width:40%; max-width:600px; margin-bottom: 0.5em; position:relative; margin-top:20px;} 
/*.sign-div i {position: absolute; top:-0.5em;}*/
.sign-input {height:50px; width:80%; padding:10px; padding-left:50px; padding-right:40px; text-align:left; border:none; background-image:url(../images/account.png); background-position:10px 7px; background-size:30px 30px; background-repeat: no-repeat;} 
.sign-pass {height:50px; width:80%; padding:10px; padding-left:50px; padding-right:40px; text-align:left; border:none; background-image:url(../images/keypass.png); background-position:10px 7px; background-size:30px 30px; background-repeat: no-repeat;}

@media(max-width:1280px) 
{	
.sign-div {width:50%; margin-bottom: 0.5em; position:relative; margin-top:50px;} 
}
@media(max-width:1080px) 
{
}
@media(max-width:1024px) 
{
}
@media(max-width:991px) 
{
}
@media(max-width:800px) 
{
.sign-div {width:90%; margin-bottom: 0.5em; position:relative; margin-top:20px;}  
}
@media(max-width:768px) 
{
}
@media(max-width:667px) 
{
.sign-input {height:40px; width:85%; padding:0.5em; margin-top:0.5em; padding-left:50px; }
.sign-pass {height:40px; width:85%; padding:0.5em; margin-top:0.5em; padding-left:50px; }
.sign-div i {position: absolute; top:-0.2em;}
}
@media(max-width:640px) 
{
.sign-input {height:40px; width:85%; padding:0.5em; margin-top:0.5em; padding-left:50px; }
.sign-pass {height:40px; width:85%; padding:0.5em; margin-top:0.5em; padding-left:50px; }
}
@media (max-width: 480px) 
{
.sign-input {height:40px; width:85%; padding:0.5em; margin-top:0.5em; padding-left:50px; }
.sign-pass {height:40px; width:85%; padding:0.5em; margin-top:0.5em; padding-left:50px; }
}
@media (max-width: 414px) 
{
.sign-input {height:40px; width:85%; padding:0.5em; margin-top:0.5em; padding-left:50px; }
.sign-pass {height:40px; width:85%; padding:0.5em; margin-top:0.5em; padding-left:50px; }
}
@media (max-width: 384px) 
{
.sign-input {height:40px; width:85%; padding:0.5em; margin-top:0.5em; padding-left:50px; }
.sign-pass {height:40px; width:85%; padding:0.5em; margin-top:0.5em; padding-left:50px; }
}
@media (max-width: 375px) 
{
.sign-input {height:40px; width:85%; padding:0.5em; margin-top:0.5em; padding-left:50px; }
.sign-pass {height:40px; width:85%; padding:0.5em; margin-top:0.5em; padding-left:50px; }
}
@media (max-width: 320px) 
{
.sign-input {height:40px; width:85%; padding:0.5em; margin-top:0.5em; padding-left:50px; }
.sign-pass {height:40px; width:85%; padding:0.5em; margin-top:0.5em; padding-left:50px; }
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/