@charset "utf-8";
* { outline: none; }

.header { padding:10px; font-size:40px; color:#fff; background:#414141; text-align:center; }
.body { background:#EFE8D6; padding:10px; color:#414141; font-size:20px; overflow: hidden }
input[type=text], input[type=password] { border:1px solid #D0CABB; padding:20px; background:#fff; width:405px; margin:10px; font-family:'PFDinCondensedThin'; font-size:24px; color:#414141 }
.left-float { float:left; margin:25px 10px; }
.right-float { float:right; margin:10px; }
.btn { background:#A5CDB3; border:0px none; padding:20px 40px;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px; color:#414141; font-family:'PFDinCondensedMedium'; font-size:20px; }
#bgShadowLogin, #bgShadowPassword { width:100%; height:100%; background: rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:1101;  }
#box-login { position:absolute; top:50%; left:50%; margin-left:-223px; width:447px; margin-top:-250px;z-index:1102; }
#boxReminder { position:absolute; top:50%; left:50%; margin-left:-223px; width:447px; margin-top:-250px;z-index:1102; }
#boxReminderOk { position:absolute; top:50%; left:50%; margin-left:-223px; width:447px; margin-top:-250px;z-index:1102; }
#treePassword { position:absolute; top:50%; left:50%; margin-left:-223px; width:447px; margin-top:-250px;z-index:1102; }
hr { background:#fff; height:1px; border: 0px none; width:95%; margin:0px auto; }
a { color:#414141; }
.boxLogin { display:none; }
.boxPassword { display:none; }
.displayNone { display:none; }
#boxLoginError, #boxPasswordError, #boxReminderError { display:none; float:none; background:#e25a5a; padding:10px; color:#fff; width:405px; margin-left:10px; -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px; margin-bottom:10px; }