html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body { background: url(img/patterns/bg_c.png); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding-top: 40px; }
.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after { content: ""; display: table; line-height: 0; }
.clearfix:after { clear: both; }
a { color: #474747; text-decoration: none; }
a:hover { text-decoration: underline; }
#login-wrapper { -moz-border-radius: 8px; -ms-border-radius: 8px; -webkit-border-radius: 8px; background: #fff; border: 1px solid #ddd; border-radius: 8px; margin: 0 auto; padding: 10px; position: relative; width: 274px; }
.main-col { float: left; padding: 12px; position: relative; }
.logo_img { margin: -32px 0 0 -136px; position: absolute; top: 50%; width: 64px; }
.main-col .heading_main { font-family: "Open Sans Condensed", sans-serif; font-size: 22px; margin-bottom: 20px; }
.main-col label { color: #888; display: block; font-size: 12px; margin-bottom: 4px; }
.main-col input[type="text"], .main-col input[type="password"] { -moz-border-radius: 3px; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: all 0.2s linear; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); color: #555; display: block; font-size: 13px; margin-bottom: 16px; padding: 6px 4px; transition: all 0.2s linear; width: 240px; }
.main-col input[type="text"]:focus, input[type="password"]:focus { border-color: #5ca9e4; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 0 0 2px rgba(70, 161, 231, 0.3); }
.main-col label.checkbox { color: #333; margin-top: -6px; position: relative; }
input[type="checkbox"] { cursor: pointer; line-height: normal; margin: 0 4px 0 0; margin-top: 1px \9; *margin-top: 0; vertical-align: -2px; }
.btn { line-height: 16px; background: url('img/btn.png') no-repeat; width: 110px !important; height: 24px !important; padding-top: 4px; text-align: center; color: #666; font-weight: 600; font-size: 12px; text-decoration: none; display: inline-block; }
.btn:hover { background: url('img/btn-hover.png') no-repeat; text-decoration: none; }
.btn-km { line-height: 16px; background: url('img/btn-km.png') no-repeat; width: 110px !important; height: 24px !important; padding-top: 4px; text-align: center; color: #fff; font-weight: 600; font-size: 12px; text-decoration: none; display: inline-block; }
.btn-km:hover { background: url('img/btn-km-hover.png') no-repeat; color: #fff; text-decoration: none; }
.submit_sect { padding-top: 18px; text-align: center; }
.main-col label.error { color: #b94a48; display: block; font-weight: 700; margin: -10px 0 10px 0; }
.main-col label.error + label.checkbox { margin-top: 4px; }
.login_links { bottom: -30px; font-size: 12px; left: 0; position: absolute; text-align: center; width: 100%; }

#nprogress { pointer-events: none; }
#nprogress .bar { background: #29d; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 2px; }
#nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #29d, 0 0 5px #29d; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); }
#nprogress .spinner { display: block; position: fixed; z-index: 100; top: 15px; right: 15px; }
#nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite; }

@-webkit-keyframes nprogress-spinner {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes nprogress-spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.captchaDiv { float:left;width:120px; }
.captchaImg { width:100px;height:40px; }
.captchaValidate { float:left; }