html, body {    width: 100%;    height: 100%;  }
body { background:url(../img/login_bg.png) no-repeat #fff center center;    padding: 0;   
       -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
#logo, #loginbox {    width: 32%;    margin-left: auto;    margin-right: auto;    position: relative;}



#logo img {  margin: 0 auto;    display: block;}
#loginbox { overflow: hidden !important;    text-align: left;    position: relative; }
#loginbox form{	width:100%; background:#fff;	position:relative;	top:0;	left:0; }
#loginbox .form-actions {	padding: 14px 20px 15px;}
#loginbox .form-actions .pull-left { margin-top:0px;}
#loginbox form#loginform {	z-index: 200; display:block;}
#loginbox form#recoverform {	z-index: 100;	    display:none;}
#loginbox form#recoverform .form-actions {    margin-top: 10px;}
#loginbox .main_input_box { margin:0 auto; text-align:center}
#loginbox .main_input_box .add-on{  background-color: #EEEEEE;    border: 1px solid #dadada;    display: inline-block;    font-size: 14px;    font-weight: normal;    height:30px;    line-height: 30px;    min-width: 16px;    padding: 4px 5px;     text-align: center;    text-shadow: 0 1px 0 #FFFFFF;    width:30px;}
#loginbox .main_input_box input{ height:30px; display:inline-block; width: calc(97% - 55px) ;  border: 1px solid #90959a; margin-bottom:3px; border-radius:0; box-shadow:0px;}
#loginbox .controls{ padding:0 ;}
#loginbox .control-group{ padding:8px 0; margin-bottom:0px;}
.form-vertical, .form-actions {    margin-bottom: 0;}
#loginbox .normal_text{ padding:15px 10px; text-align:center; font-size:14px; line-height:20px; background:#49CCED; color:#fff; }

#loginbox .login_heading{ text-align:center; color:#fff; font-size:25px; border-bottom:1px solid #fff; line-height: 30px; padding: 20px 0 10px; margin-bottom: 0px; }
#loginbox .login_heading2{ color:#3a3a3a; font-size:22px;  }
.LoginBtn {
	background-color: #fff;
	border: 1px solid #6D9313;
	color: #6D9313;
	padding: 4px 27px;
	font-weight: bold;
}
	.LoginBtn:hover {
		background-color: #6D9313;
		color: #fff;
	}

.user_bg{
	background:url(../img/user_bg.png) 10px center no-repeat;
	padding-left: 55px !important;
}


.pas_bg{
	background:url(../img/pas_bg.png) 10px center no-repeat;
	padding-left: 55px !important;
}

.orang_bar_top{
	position:fixed;
	top:0;
	right:0;
	width:600px;
	height:150px;
	background:url(../img/orang_bar_top.png) top right no-repeat;
}

.orang_bar_bottom{
	position:fixed;
	bottom:0;
	left:0;
	width:200px;
	height:100px;
	background:url(../img/orang_bar_bottom.png) bottom left no-repeat;
}


@media (max-width: 480px){
#logo { width: 40%; }
#loginbox{ width:90%}
#loginbox .control-group{ padding:8px 0; border-bottom:1px solid #dadada; margin-bottom:0px;}
}