@charset "UTF-8";
body,html{/*background:url(../images/login-bg-img.png) repeat;*/ background:url(../images/home-bg.jpg); background-repeat:no-repeat; background-size:100%;
background-position:top;}
ul#wrap-login{width: 560px;position: absolute;left: 50%;top: 40%;margin-left: -280px;margin-top: -100px;float: left;z-index: 10;/*background:rgb(0,0,0,0.6);*/ border-radius: 5px; border: 1px solid #ffffff;}
ul#wrap-login li{float: left;margin: 0px; padding:20px 35px 20px 35px;}
ul#wrap-login li.welcome{width:100%;}
ul#wrap-login li.welcome img{/*display: inline-block;height: 81px;width: 200px;margin: 0px 30%;*/ display:block; margin-right:auto; margin-left:auto; width:25%;}
input.text{color:#4c4c4c; width:200px; height:35px; padding-left:5px; padding-right:5px; background-color:#FFF; border:none; -moz-box-shadow:-2px 2px 3px #DEDEDE; -webkit-box-shadow:-2px 2px 3px #DEDEDE; box-shadow:-2px 2px 3px #DEDEDE; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DEDEDE')";	/* For IE 8 */
 filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DEDEDE'); /* For IE 5.5 - 7 */}
 ul#wrap-login li.last{width: 100%; /*padding: 10px 42% 10px 42%;*/ text-align:center;}


/*
18/9/2017 --------------------------- by pp---------------------*/

@media (max-width:640px)
{
	.login_wrapper{width:85%!important; left:0%!important; top:0%!important; display:table-cell!important; vertical-align:middle!important; margin:0px auto!important; float:none!important;  
	transform:translate(9%, 50%)!important;}
	.login_wrapper li{padding:10px 20px 10px 20px!important; text-align:center; width:100%;}
	.login_wrapper input.text{width:85%!important;}
	.login_wrapper li.welcome img{margin:0px auto!important;}
}
@media (max-width:580px)
{
}
@media (max-width:480px)
{
}
@media (max-width:360px)
{
}
@media (max-width:320px)
{
}