body {margin:0; background-color:#1F1F1F; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF;}

#MainBG {width:100%; max-width:414px; min-width:300px; float:none; margin:0 auto;}
#Main {width:100%; float:left;}

#Header {width:100%; float:left; margin:0 0 20px; padding:10% 0; /*background:url(../images/header.jpg) no-repeat; background-size:100%;*/ background:#101010; box-shadow:0px 0px 15px #888888; font-size:200%; font-weight:bold; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box;}

#Main .error {width:100%; float:left; margin:3% 0; padding:6px 0; background-color:#101010; border-radius:8px; box-sizing:border-box; -moz-box-sizing:border-box;}
#Main .error div {width:97.5%; float:left; padding:2px 0 2px 30px; margin:10px 0 10px 2.5%; box-sizing:border-box; -moz-box-sizing:border-box;}
.error_note1 {background:url(../images/exclamation.png) no-repeat;}
.error_note2 {background:url(../images/error.png) no-repeat;}
.error_note3 {background:url(../images/success.png) no-repeat;}

form {width:100%; float:left; display:block; padding:10px 0 0; box-sizing:border-box; -moz-box-sizing:border-box;}
.singlerow {width:100%; float:left; margin-bottom:10px;}
.singlerow .fresh_login {width:25%; float:left; /*padding:16px 0 15px 0;*/ padding:8px 0 9px 0; font-size:16px; box-sizing:border-box; -moz-box-sizing:border-box;}
.singlerow .fresh_login2 {width:30%; float:left; /*padding:16px 0 15px 0;*/ padding:8px 0 9px 0; font-size:16px; box-sizing:border-box; -moz-box-sizing:border-box;}
.forget_user {width:100%; float:left; padding:16px 5px 15px 0; font-size:16px;}
.new_password {width:134px;}

.singlerow .field_main {width:75%; float:left; padding:0 0 0 0; font-size:16px; box-sizing:border-box; -moz-box-sizing:border-box;}
/*.singlerow .field_main2 {width:70%; float:left; padding:0 0 0 0; font-size:16px; box-sizing:border-box; -moz-box-sizing:border-box;}*/
.singlerow .password-field {width:75%; float:left; /*margin:5px 0 5px 10px; padding:5px 4px 5px 4px;*/ background:#fff; font-size:16px; border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box;}
.singlerow .password-field2 {width:70%; float:left; /*margin:5px 0 5px 10px; padding:5px 4px 5px 4px;*/ background:#fff; font-size:16px; border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box;}
.singlerow .field_main input.field_input,
.singlerow .field_main2 input.field_input {width:100%; height:35px; padding:13px 4px 14px; border:none; border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box;}
.singlerow .field_main input.show-hide-pass,
.singlerow .field_main2 input.show-hide-pass {width:90%; /*height:25px;*/ padding:13px 4px 14px; border:none;}
.singlerow .password-field2 input.show-hide-pass {height:35px; padding:13px 4px 14px; border:none;}
.singlerow .field_main a.show-pass-eye {width:15px; height:15px; float:right; margin:10px 5px 10px 0; background:url(../images/show-eye.png) no-repeat;}
.singlerow .field_main a.hide-pass-eye {width:15px; height:15px; float:right; margin:10px 5px 10px 0; background:url(../images/hide-eye.png) no-repeat;}
.singlerow .field_main .field_forget_input {width:100%; padding:8px 4px 9px; border:none; border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box;}


#Remember {width:100%; float:right; padding:20px 1px 0 0; text-align:right; box-sizing:border-box; -moz-box-sizing:border-box;}
#Remember a {color:#FFFFFF; font-size:15px;}
#Remember a:hover {text-decoration:none;}

button {float:right; padding:0; margin:30px 0 0 0; background:none; border:none; cursor:pointer;}
.button_center {float:left; height:15px; padding:10px 30px; background:#f36d21; text-align:center; color:#FFFFFF; border:1px solid #FFFFFF; border-radius:5px;}
.button_center:hover {background:#f87e39;}

@media all and (max-width: 499px)
{
	#Main {width:90%; float:left; margin:0 5%;}
}
@media all and (max-width: 439px)
{
	#Header {font-size:180%;}
	.singlerow .fresh_login, .singlerow .fresh_login2 {width:100%; /*padding:16px 0 0 0;*/}
	.singlerow .field_main {width:100%; /*padding:5px 0 5px 0;*/ }
	.singlerow .password-field {/*margin:5px 0;*/}
	.singlerow .field_main input.show-hide-pass {padding: 0 0 0 4px;}
}
@media all and (max-width: 349px)
{
	#Header {font-size:160%;}
}