html {height:100%;}
body {width:100%; height:80%; display:table; margin:0; padding:0; font-size:12px; color:#40403d; text-align:left; font-family:arial,sans-serif; background:#fff url(i/bg_login_page.png) repeat;}
* {margin:0; padding:0;}
img {border:none; vertical-align:middle;}
input,textarea,td,li,code,label {font-size:inherit; font-family:inherit;}
input[type=text],input[type=password],textarea {padding:13px; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
input[type=checkbox] {background:none;}
select {padding:3px; border:1px solid #cfcfcf; box-shadow:10px 10px 5px -10px #ddd inset; background:#fff; box-shadow:10px 10px 5px -10px #ddd inset;}
select option {padding:0 15px 0 3px;}
::-moz-placeholder {color:#a4abb0 !important; opacity:1;}
::-webkit-input-placeholder {color:#a4abb0 !important;}
:-ms-input-placeholder {color:#a4abb0 !important;}

/******/
h1	{line-height:30px; height:30px; color:#5e5e5e; font-size:12px; font-weight:bold; padding:0 10px;}
h2	{line-height:30px; height:30px; color:#fff; font-size:12px; font-weight:bold; padding:0 10px;}
h3	{padding:5px 0; font-size:12px; font-weight:bold;}
h4 {padding:0; font-size:12px; font-weight:bold;}
p {text-align:justify; padding:5px 0;}
ul,ol {margin:15px 0 15px 25px;}
ul ul {margin:5px 0 5px 15px;}
ol ol {margin:5px 0 5px 15px;}
li {padding:1px 0;}
hr {border:none; border-bottom:1px solid #DCE0E2;}
a {text-decoration:none; color:#c9202c;}
a:hover	{text-decoration:underline;}

.clear {clear:both; height:0; line-height:1px; font-size:1px;}
.left {float:left;}
.right {float:right;}

.login-page {display:table-cell; vertical-align:middle; text-align:center; background:url(i/bg_panel_top.png) repeat-x top;}
.login-page .content {text-align:left; display:inline-block; width:270px; margin:auto;}
.login-page .logo {text-align:center; padding:50px 0;}
.login-page .title {color:#40403d; font-size:16px; font-weight:bold; text-align:center; padding:20px 0; position:relative;}
.login-page .title:before {content:''; position:absolute; left:0; right:0; top:50%; border-bottom:1px solid #d8dfe5;}
.login-page .title span {position:relative; padding:0 10px; background:#fff url(i/bg_login_page.png) repeat;}
.login-page .form {border:1px solid #d8dfe5; -webkit-border-radius:3px; border-radius:3px;}
.login-page .form .item {padding:0 0 0 42px; position:relative; border-bottom:1px solid #d8dfe5;}
.login-page .form .item:before {content:''; width:41px; position:absolute; left:0; top:0; bottom:0; background:#fff no-repeat center; border-right:1px solid #d8dfe5;}
.login-page .form .item:last-child {border:none;}
.login-page .form .item.login:before {background-image:url(i/ico_login_user.png);}
.login-page .form .item.pass:before {background-image:url(i/ico_login_pass.png);}
.login-page .form .item input {width:100%; border:none;}
.login-page .form .chk {display:none;}
.login-page .login-pass {float:right;}
.login-page .login-err {color:#c9202c; padding:10px 1px 0;}
.login-page .button {height:38px; line-height:38px; color:#fff; font-size:14px; font-weight:bold; text-align:center; white-space:nowrap; cursor:pointer; margin:20px 0 30px; display:block; position:relative; background:#c9202c; border-bottom:2px solid #a7242d; -webkit-border-radius:3px; border-radius:3px;}
.login-page .button:hover {opacity:0.9;}
.login-page .button:active {top:2px; border-color:#c9202c;}
.login-page .item-chk label {cursor:pointer; padding:2px 0 0 5px;}
.login-page .item-chk .icheckbox_square-blue {top:-1px;}
.login-page .login-msg {padding:0 0 20px;}
.login-page .login-footer {color:#a5acb1; font-size:11px; text-align:center; padding:50px 0 20px; margin:20px 0 0; border-top:1px solid #d8dfe5;}
.login-page .login-footer a {color:inherit;}