body {
	background: #0b6db8; /* blue */
	margin: 0 auto;
	text-align:center;
}

.header {
	background: url(images/login/header_bg.png) center top no-repeat;
}

.header .brand {
	margin: 0 auto;
	padding-top: 80px;
	width: 640px;
	height: 155px;
	text-align: center;
	background: url(images/login/header_line.png) center bottom no-repeat;
}

.header .brand h2 {
    font: 1.75em "Microsoft Yahei", Arial, sans-serif;
    color: #f4f4f4;
    line-height: 80px;
}

.section {
    width: 282px;
    margin: 0 auto;
    padding-top: 50px;
}

.footer {
    text-align: center;
    margin: 0 auto;
    color: #084d82;
    font: 12px Calibri, arial, sans-serif;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: 10px;
}

.input-wrap {
    width: 282px;
    height: 48px;
    background: #fff;
    border-radius: 2px;
    margin-bottom: 15px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
    position: relative;
}

.input-wrap label {
    width: 48px;
    height: 48px;
    border-radius: 2px 0 0 2px;
    background: #eee;
    color: #a8aeb3;
    display: block;
    float: left;
    text-align: center;
    line-height: 48px;
    font-size: 24px;
}

.input-wrap label i {
    line-height: 48px;
} /* fix for ie7 */

.input-wrap input {
    border: none;
    outline: none;
    height: 16px;
    float: left;
    background: transparent;
    color: #666;
    font-size: .75em;
    padding: 15px 0 15px 5px;
    width: 226px;
}

.input-verify {
    width: 282px;
    height: 48px;
    background: #fff;
    border-radius: 2px;
    margin-bottom: 15px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
    position: relative;
}

.input-verify label {
    width: 48px;
    height: 48px;
    border-radius: 2px 0 0 2px;
    background: #eee;
    color: #a8aeb3;
    display: block;
    float: left;
    text-align: center;
    line-height: 48px;
    font-size: 24px;
}

.input-verify label i {
    line-height: 48px;
} /* fix for ie7 */

.input-verify input {
    border: none;
    outline: none;
    height: 16px;
    float: left;
    background: transparent;
    color: #666;
    font-size: .75em;
    padding: 15px 0 15px 5px;
    width: 60px;
}

.input-verify img {
    border: none;
    outline: none;
    height: 48px;
    float: left;
    background: transparent;
    color: #666;
    font-size: .75em;
    padding: 0px 0 15px 5px;
    width: 160px;
}

.login-btn {
    width: 280px;
    height: 48px;
    display: block;
    border-radius: 2px;
    border: 1px solid #0e9bf6;
    box-shadow: 0 2px rgba(0,104,171,0.75);
    background: #0096f7;
    text-align: center;
    font: 1.25em/48px "Microsoft Yahei", Arial, sans-serif;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,.3);
    outline: none;
    cursor: pointer;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    -ms-transition: background .3s;
    transition: background .3s;
    text-decoration: none;
}

.login-btn:hover {
    background: #007ed0;
    border: 1px solid #078fe7;
    box-shadow: 0 2px rgba(0,104,171,0.9);
}

.login-btn:active {
    margin-top: 1px;
}

.valcode-wrap input {
    width: 105px;
}

.input-wrap .tip {
    position: absolute;
    left: 300px;
    top: 8px;
    min-width: 200px;
    font: .75em/32px "Microsoft Yahei", Arial, sans-serif;
    background: #c0392b;
    border-radius: 2px;
    padding: 0 8px;
    color: #ff9b90;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-animation: pluse-bg 1s infinite;
    -moz-animation: pluse-bg 1s infinite;
    -o-animation: pluse-bg 1s infinite;
    -ms-animation: pluse-bg 1s infinite;
    animation: pluse-bg 1s infinite;
}

.input-wrap .tip:before {
    content: '';
    background: transparent;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #c0392b;
    position: absolute;
    left: -8px;
    top: 8px;
    -webkit-animation: pluse-arrow 1s infinite;
    -moz-animation: pluse-arrow 1s infinite;
    -o-animation: pluse-arrow 1s infinite;
    -ms-animation: pluse-arrow 1s infinite;
    animation: pluse-arrow 1s infinite;
}

.Logon_tis{line-height:18px;height:18px;color:#be1913; text-align:center; clear:both; padding-top:10px;font: 13px "Microsoft Yahei", Arial, sans-serif;}
.Logon_button{ visibility:hidden; width:0px; height:0px; border:0px;}