/*
 *
 * Template Name: Fullscreen Login
 * Description: Login Template with Fullscreen Background Slideshow
 * Author: Anli Zaimi
 * Author URI: http://azmind.com
 *
 */

body {
    background: #fff;
    font-family: '微软雅黑', Helvetica, Arial, sans-serif;
    color: #000;
    min-width: 1200px;
}

*{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
a {
    color: #f40;
    text-decoration: none;
}
a:hover, a:active{
    text-decoration:none;
}

#header {
    padding: 22px 0;
}

.header-bg {
    background: #f5f5f5
}

.logo {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden
}

.logo h1 {
    display: block;
    float: left;
    zoom: 1;
    width: 110px;
    height: 56px;
    vertical-align: middle
}

.logo .link {
    float: right;
    line-height: 44px;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}

.logo .link img {
    vertical-align: middle;
}

#content {
    width: 100%;
    position: relative;
    padding-top: 25px;
}

/*************************************************
 *
 *      css RESET
 *
 *************************************************/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, q, th, td, caption, article, aside, figure, figcaption, footer, header, hgroup, nav, section, audio, video {
    margin: 0;
    padding: 0;
}

fieldset, img, iframe {
    border: 0 none;
    vertical-align: inherit;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th {
    text-align: left;
}

em, strong, th {
    font-style: normal;
    font-weight: 500;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

textarea {
    resize: none;
}

body, button, input, select, textarea {
    font: normal 12px/1.5 Tahoma, "Simsun"
}

/* clear float */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

html, body {
    background: #FFF;
    color: #5e5e5e;
    font: 12px/1.5 Arial, simsun;
    text-align: left;
}

.M {
    width: 990px;
    margin: 0 auto;
}

a {
    color: #333;
    text-decoration: none;
    cursor: pointer;
    outline: none;
}

a:hover {
    color: #C00;
    text-decoration: underline;
}

/******************************
濠电偛顦崝宀勫船閿燂拷
**************************/
.fb {
    font-weight: bold;
    margin: 0 4px;
}

.red {
    color: #cc0000;
}

.logo {
    margin: 0 auto;
}

#logo {
    margin: 18px 40px 0 0;
}
.logo img {
    float: left;
}

.reg-cont {
    border: 1px solid #E6E6E6;
    padding-bottom: 21px;
    margin-top: 68px;
    position: relative;
    /*background:url(../../images/regfront/register/register-bg.jpg) no-repeat right -70px;*/
}

.reg-cont-customer {
    border: 1px solid #E6E6E6;
    padding-bottom: 57px;
    margin-top: 68px;
    position: relative;
}

.reg-msg {
    border: 1px solid #E6E6E6;
    padding: 50px 0 60px 80px;
    margin-top: 28px;
}

.reg-cont .title {
    position: absolute;
    top: -42px;
    left: 149px;
}

.title li {
    float: left;
    width: 150px;
    height: 40px;
    text-align: center;
    font: bold 14px/41px "Microsoft YaHei";
    margin-left: 2px;
    color: #5e5e5e;
    background: #F3F3F3;
    border: 1px solid #e6e6e6;
    border-bottom: 0 none;
    cursor: pointer
}

.title li.cur {
    background: #fff;
    color: #cc0000;
    border-top: 2px solid #cc0000;
}

.reg-title {
    margin: 0 auto;
    width: 380px;
    padding: 0 0 24px 0;
    height: 34px;
    font-size: 24px;
    font-family: 微软雅黑;
}

.reg-items, .form-tips {
    padding: 0 0 24px 80px;
    height: 35px;
}

.form-tips {
    display: block;
    margin-bottom: 18px;
    overflow: hidden;
    padding-bottom: 0;
}

.reg-items {
    position: relative;
    margin: 0 auto;
    width: 300px;
}

.reg-items .reg-label {
    display: inline;
    width: 80px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #888888;
    position: absolute;
    top: 0;
    left: 0;
    _left: -151px;
}

#chooseNumDefault {
    color: #a5a5a5;
    display: block;
    font-size: 12px;
    left: 157px;
    position: absolute;
    top: 10px;
    *top: 11px;
    z-index: 1;
}


.i-text {
    width: 288px;
    height: 32px;
    padding: 0 4px;
    border: 1px solid #ccc;
    font: normal 14px/36px Arial, "Simsun";
    color: #a5a5a5;
    vertical-align: middle;
    position: relative;
}

input.i-text[type="password"] {
    font-size: 16px;
}

.focus {
    border-color: #a5a5a5;
    color: #5e5e5e;
}

.i-short {
    width: 123px;
}

.reg-btn, .okbtn {
    display: block;
    width: 254px;
    height: 40px;
    text-align: center;
    font: normal 16px/40px "Microsoft YaHei";
    color: #fff;
    margin-left: 151px;
    border: 0 none;
    cursor: pointer;
}

.reg-btn:hover, .okbtn:hover {
    color: #fff;
    text-decoration: none;
    background: #dd0000;
}

.reg-btn:active, .okbtn:active {
    background: #bb0000;
}


.msg-box {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    color: #A5A5A5;
    vertical-align: middle;
    font-family: Arial, "Simsun";
    *margin-left: 3px;
}

.msg-weak {
    background-color: #ffffff;
    line-height: 22px;
    float: left;
    display: none;
}


.reg-items input.err {
    border-color: #FF5757;
}

.err-list {
    width: 286px;
    padding: 4px 0 4px 10px;
    _margin-left: -151px;
    _margin-top: 1px;
    border: 1px solid #FFD2D2;
    border-top: 0 none;
    background: #FFECEC;
    line-height: 24px;
    position: absolute;
    top: 38px;
    left: 151px;
    z-index: 5;
}

.err-list p {
    color: #a5a5a5;
}

.err-list li {
    height: 24px;
    line-height: 24px;
}

.err-list li input {
    vertical-align: -2px;
    margin-right: 9px;
    _margin-right: 1px;
}

.err-tips {
    color: #FF5757;
}

.cur-tips {
    color: #2A8C01;
}

.err-tips i {
    float: left;
    display: inline;
    margin-left: -21px;
    width: 17px;
    height: 17px;
    background: url(../images/register.png) no-repeat 0 0;
}

.suc-icon {
    display: block;
    width: 17px;
    height: 17px;
    background: url(../images/register.png) no-repeat 0 -20px;
    overflow: hidden;
    position: absolute;
    top: 9px;
    left: 350px;
    _left: 232px;
}

.check-icon {
    left: 260px;
    _left: 110px;
}

.check {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 34px;
    line-height: 36px;
    margin-left: 5px;
    cursor: pointer;
}

.check-border {
    border: 1px solid #e6e6e6;
    text-align: center;
    background: #85c041;
}

.check-border:hover {
    border-color: #a5a5a5;
}

.check-border a, .check-border a:hover {
    text-decoration: none;
    color: #fff;
}

.check .disable {
    border-color: #e6e6e6;
    color: #fff;
    cursor: default;
}

.check-phone {
    color: #5e5e5e;
}

#ftr {
    overflow: visible;
    margin: 0 auto;
    padding-bottom: 10px;
    width: 990px;
}

.footer-link a {
    display: inline-block;
    padding: 0 14px;
    color: #5e5e5e
}

.footer-link a:hover {
    color: #c00
}

.copyright {
    text-align: center;
    line-height: 17px;
    color: #a5a5a5
}

.items-1 {
    z-index: 10;
}

.items-2 {
    z-index: 9;
}

.items-3 {
    z-index: 8;
}

.items-4 {
    z-index: 7;
}

.items-5 {
    z-index: 6;
}

.items-6 {
    z-index: 5;
}

.items-7 {
    z-index: 4;
}

.items-8 {
    z-index: 3;
}

.msg-check {
    color: #2A8C01;
    position: absolute;
    top: 41px;
}

.reg-err-tips {
    color: #cc0000;
    line-height: 22px;
    padding-left: 65px;
}

.rule-box {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    background-color: #fff;
}

.rule-box-text {
    display: inline-block;
    line-height: 18px;
    padding-right: 10px;
    vertical-align: middle;
}

.rule-box-text a {
    color: #006699;
}

.rule-box-pos {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
}

.reg-items-btn {
    padding: 15px 0;
    margin-top: -15px;
}

.reg-items-btn .agreement-select input {
    margin-right: 2px;
    vertical-align: -2px;
}

.reg-items-btn .agreement-select a {
    color: #006699;
}

.reg-items-btn .agreement-select a:hover {
    color: #C00;
}

 .reg-btn, .reg-items-btn .okbtn {
    background-color: #003cb4;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: block;
    font: 16px/40px "Microsoft YaHei";
    height: 40px;
    text-align: center;
    width: 380px;
    margin: 0 auto;
}

 .reg-btn:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #003cb4;
}

.hide {
    display: none;
}


/* clear float */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

.reg-label-wrapper {
    margin: 10px 20px 0 0;
    display: inline-block
}

.reg-radio {
    display: none
}

.reg-radioInput {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    margin-top: -1px;
    vertical-align: middle;
    width: 16px;
    line-height: 1
}

.reg-radio:checked + .reg-radioInput:after {
    background-color: #57ad68;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 12px;
    margin: 2px;
    width: 12px
}

.reg-checkbox.reg-radioInput, .reg-radio:checked + .reg-checkbox.reg-radioInput:after {
    border-radius: 0
}

.modal-footer {
    text-align: center;
    border-top: none;
}

#myModal {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 210px;
    padding: 0;
    margin-top: -105px;
    margin-left: -200px;
}