.loginMain {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -174px;
    margin-top: -120px;
}

.registerMain {
    position: absolute;
    left: 50%;
    margin-left: -200px;
}

.loginFrame {
    height: 240px;
}

.registerFraim {
    width: 400px;
    height: 500px;
}

.red {
    color: red;
}

.header {
    padding-left: 50px;
    padding-bottom: 10px;
    padding-top: 5px;
}

.companyRFrame {
    width: 100%;
    text-align: center;
}

.tCompanyR {
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
    border-collapse: collapse;
    border: none;
}

    .tCompanyR td {
        border: 1px solid #696969;
        position: relative;
        color: #000000;
        font-family: 微软雅黑;
    }

.t_frame td input {
    border: none !important;
}

.registerArea {
    margin-top: 10px;
}

.uploadFrame {
    border: 1px solid black;
    margin: 0 auto;
    margin-top: 20px;
    height: 400px;
    width: 80%;
}

.bjyUploadFrame {
    border: 1px solid black;
    margin: 0 auto;
    margin-top: 0px;
    height: 240px;
    width: 90%;
    margin-bottom: 10px;
}

.btn-group button {
    width: 33.33%;
}

.uploadShowArea {
    /*height: 350px;
    line-height: 350px;*/
}

.uploadbtn {
    float: left;
}

.uploadify {
    float: left;
}

.uploadBtnArea {
    text-align: left;
    margin-top: 150px;
    margin-left: 150px;
}

.uploadBtnLable {
    width: 140px;
    float: left;
    height: 30px;
    line-height: 30px;
}

.uploadCardBtnArea {
    text-align: left;
    margin-top: 50px;
    margin-left: 150px;
}

.uploadBjyCardBtnArea {
    text-align: left;
    margin-top: 10px;
    margin-left: 50px;
}

.closeA {
    position: relative;
    cursor: pointer;
    top: -136px;
    right: -160px;
    width: 32px;
    height: 32px;
    background-image: url(/Images/close.png);
    background-size: 32px 32px;
}

.closeB {
    position: relative;
    cursor: pointer;
    top: -240px;
    right: -420px;
    width: 32px;
    height: 32px;
    background-image: url(/Images/close.png);
    background-size: 32px 32px;
}

.closeC {
    position: relative;
    cursor: pointer;
    top: -140px;
    right: -116px;
    width: 32px;
    height: 32px;
    background-image: url(/Images/close.png);
    background-size: 32px 32px;
}

.closeD {
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-image: url(/Images/close.png);
    background-size: 32px 32px;
    display: block;
    position: relative;
    bottom: 196px;
    left: 224px;
}

.closeE {
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-image: url(/Images/close.png);
    background-size: 32px 32px;
    display: block;
    position: relative;
    left: 164px;
    bottom: 256px;
}

.cardImgArea {
    clear: both;
    margin-top: 100px;
    margin-left: 80px;
    width: 400px;
}

.cardBjyImgArea {
    clear: both;
    margin-top: 50px;
    margin-left: 50px;
    width: 400px;
}

.uploadFrameTitle {
    margin-top: 20px;
    font-family: 黑体;
    font-size: 20px;
}

.uploadBjyFrameTitle {
    margin-top: 5px;
    font-family: 黑体;
    font-size: 20px;
}

.tBaojianyuanR {
    width: 40%;
    margin: 0 auto;
    margin-top: 20px;
    border-collapse: collapse;
    border: none;
    text-align: center;
}

    .tBaojianyuanR td {
        border: 1px solid #696969;
        position: relative;
        color: #000000;
        font-family: 微软雅黑;
    }

.registerTitle {
    text-align: center;
    font-size: 20px;
    font-family: 黑体;
    margin-top: 12px;
    margin-bottom: 10px;
    height: 24px;
}

.uploadbtn-a {
    width: 120px;
    display: inline;
}

.uploadbtn-b {
    width: 90px;
    display: inline;
    background-color: #ffa73d;
    color: white;
}


.title_frame {
    background-image: url('/Images/n2index/header_bg.png');
    background-repeat: repeat-x;
    background-size: 100% 87px;
    width: 100%;
    height: 87px;
    padding-top: 15px;
    padding-left: 5px;
}

.header_logo_account {
    float: left;
    width: 55px;
    height: 55px;
    margin: auto;
    background-image: url('/Images/n2index/system_logo.png');
    background-repeat: no-repeat;
}

.title_text {
    background-image: url('/Images/title_text.png');
    background-repeat: no-repeat;
    background-size: 578px 58px;
    width: 578px;
    height: 58px;
    float: left;
}

.container {
    width: 100%;
    overflow-x: auto;
}

.below_title_bar {
    width: 98%;
    margin: 0 auto;
    height: 3px;
    background-color: #0393e5;
}

.t_frame {
    width: 98%;
    margin: 0 auto;
}

.t_title {
    background-color: #e1f4fd;
}

.t_frame td {
    border: 1px solid #cacaca;
    color: #818181;
    font-family: 微软雅黑;
    font-weight: normal;
    font-size: 14px;
    height: 36px;
    border-collapse: collapse;
    position: relative;
}

.t_tip_col {
    border-left: none !important;
    color: red !important;
    text-align: center;
}

.t_input_col {
    border-right: none !important;
}

.t_valid_col {
    border-right: none !important;
    text-align: left;
}

.t_lable_col {
    text-align: right;
    /*background-color: #f5f5f5;*/
}

    .t_lable_col label {
        font-family: 微软雅黑;
        font-weight: normal;
        font-size: 14px;
    }

.t_upload_col {
    vertical-align: top;
}

.u_select_bar {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 10px;
    height: 30px;
}

    .u_select_bar p {
        width: 33%;
        height: 25px;
        text-align: center;
        display: inline-block;
        float: left;
        cursor: pointer;
    }

.u_bar_actived {
    border-bottom: 5px solid #0393e5;
    padding-bottom: 10px;
}

.u_content_area {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.u_content_ctrl {
    padding-top: 15%;
    padding-left: 40%;
}

.u_content_area .bjy {
    padding-top: 46px !important;
    padding-left: 30% !important;
    height: 200px;
    margin: 0 auto;
}

.u_content_ctrl .uploadify-button {
    border-radius: 0;
    border: none;
    background-color: white;
    display: block;
}

.u_content_ctrl .uploadify:hover .uploadify-button {
    background: none;
}

.u_content_ctrl .swfupload {
    left: 0;
}

.u_content_desc {
    display: block;
    clear: both;
}

.u_content_img {
    padding-top: 20px;
}

    .u_content_img img {
        height: auto;
        height: 380px;
        width: 80%;
        cursor: pointer;
    }

.u_img_close {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(/Images/img_close.png);
    background-size: 24px 24px;
    left: -16px;
    position: relative;
    top: -184px;
}

.u_idcard_front {
    width: 50%;
    float: left;
}

.u_idcard_back {
    width: 50%;
    float: left;
}

.u_idcard_ctrl {
    padding-top: 20%;
    padding-left: 40%;
}

    .u_idcard_ctrl .uploadify-button {
        border-radius: 0;
        border: none;
        background-color: white;
        display: block;
    }

    .u_idcard_ctrl .uploadify:hover .uploadify-button {
        background: none;
    }

    .u_idcard_ctrl .swfupload {
        left: 0;
    }

.u_idcard_img {
    padding-top: 10%;
}

    .u_idcard_img img {
        width: 240px;
        height: 180px;
        cursor: pointer;
    }

.u_img_close_B {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(/Images/img_close.png);
    background-size: 24px 24px;
    left: -16px;
    position: relative;
    top: -84px;
}

.register_frame {
    margin-top: 10px;
}

    .register_frame_btn {
        background-image: url(/Images/btn_register.png);
        background-size: 100px 34px;
        width: 100px;
        height: 34px;
    }


/*login css begin*/

.back_top {
    background-image: url(/Images/login_top.png);
    background-size: 100% 380px;
    background-repeat: no-repeat;
    width: 100%;
    height: 380px;
}

.back_bottom {
    background-image: url(/Images/login_bottom.png);
    background-size: 100%;
    background-repeat: repeat-x;
    width: 100%;
    margin: 0 auto;
}

.login_fraim {
    width: 819px;
    height: 354px;
    background-color: white;
    margin: 0 auto;
    position: relative;
    top: -92px;
    box-shadow: 0px 0px 20px #888888;
    text-align: center;
    z-index: 1000;
}

.login_title {
    width: 690px;
    height: 75px;
    background-image: url(/Images/login_title.png);
    background-size: 690px 47px;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.space_place {
    height: 38px;
}

.login_content {
    height: 200px;
}

.login_content_left {
    float: left;
    width: 398px;
    display: inline-block;
}

.login_content_center {
    float: left;
    display: inline-block;
    width: 1px;
    height: 200px;
    background-image: url(/Images/login_spilt.png);
    background-size: 1px 200px;
    background-repeat: no-repeat;
}

.login_content_right {
    float: left;
    display: inline-block;
    width: 400px;
    margin: 0 auto;
}

.login_description {
    width: 690px;
    /*height: 50px;*/
    text-align: center;
    color: red;
    margin: 0 auto;
}

.login_left_logo {
    width: 258px;
    height: 188px;
    background-image: url(/Images/login_logo.png);
    background-size: 258px 188px;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.t_login {
    width: 80%;
    margin-left: 40px;
}

    .t_login td {
        height: 45px;
        font-family: 微软雅黑;
        position: relative;
    }

    .t_login .glyphicon {
        top: 6px;
    }

.captcha_area {
    width: 40px;
    height: 10px;
    display: inline;
    border: none;
}

.captcha_input {
    width: 140px;
    display: inline;
}

.login_btn_frame {
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
}

.btn_login {
    width: 104px;
    height: 37px;
    background-image: url(/Images/btn_login.png);
    background-size: 104px 37px;
    background-repeat: no-repeat;
}

.btn_go_register {
    width: 104px;
    height: 37px;
    background-image: url(/Images/btn_go_register.png);
    background-size: 104px 37px;
    background-repeat: no-repeat;
}

.login_water {
    width: 634px;
    height: 114px;
    background-image: url(/Images/login_water.png);
    background-size: 634px 114px;
    background-repeat: no-repeat;
    clear: both;
    float: right;
    margin-top: -130px;
    margin-right: 160px;
    z-index: 0;
}

.login_version {
    width: 100%;
    text-align: center;
    margin-top: 25px;
    padding-bottom: 20px;
    max-height: 1000px;
}
/*login css end*/

.card_img_back_desc {
    margin-top: 5px;
    text-align: center;
    margin-left: 24px;
    width: 240px;
}

.card_img_front_desc {
    margin-top: 5px;
    text-align: right;
    padding-right: 132px;
}

.del_sign_img {
    color: red;
    cursor: pointer;
    font-size: 18px;
    display: inline-block;
    position: absolute;
    top: -8px;
    width: 20px;
}

.bgcolorf5 {
    background-color: #f5f5f5;
}

.cardid_container {
    width: 50%;
    float: left;
}

.cardid_title {
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #cccccd;
    background-color: #f5f5f5;
}

.u_content_img_bjy {
    width: 100%;
    height: 200px;
    margin-top: 10px;
}

.u_content_img_area img {
    width: 240px;
    height: 180px;
}

.u_content_img_area {
    width: 240px;
    height: 180px;
    margin: 0 auto;
    cursor: pointer;
}

.p_tip_col {
    float: right;
    color: red;
    margin-right: 10px;
}

.sign_area {
    margin-left: 5px;
    margin-top: -8px;
    padding: 0;
}

    .sign_area .uploadify {
        margin-bottom: 8px;
    }


/*n2-login-begin*/

.n2_login_container {
    width: 100%;
}

.n2_login_title {
    background-image: url(/Images/n2login/login_title_text.png);
    width: 661px;
    height: 47px;
    margin: 0 auto;
    background-size: 661px 47px;
    margin-top: 82px;
}

.n2_login_center {
    background-image: url(/Images/n2login/login_center_bg.png);
    background-size: 100% 300px;
    width: 100%;
    padding-top: 60px;
    position: relative;
    background-repeat: no-repeat;
    margin-top: 60px;
}

.n2_login_form_frame {
    width: 506px;
    height: 262px;
    background-image: url(/Images/n2login/login_form_frame.png);
    background-size: 506px 262px;
    margin: 0 auto;
    padding-top: 10px;
}

.n2_login_form_container {
    margin: 0 auto;
    width: 446px;
    height: 236px;
    background-color: #f5f6f6;
    border: 1px solid #a8c1cc;
    padding: 20px;
}

.n2_t_login {
    width: 100%;
}

    .n2_t_login td {
        height: 45px;
        font-family: 微软雅黑;
        position: relative;
    }

    .n2_t_login .glyphicon {
        top: 6px;
        left: -12px;
    }

.n2_login_btn_frame {
    width: 100%;
    margin: 0 auto;
    margin-top: 16px;
    text-align: center;
}

.n2_t_lable_col {
    width: 30%;
    text-align: right;
    padding-right: 20px;
}

.n2_t_input_col {
    padding-right: 20px;
}

    .n2_t_input_col input {
        border: 1px solid #999999;
    }

.n2_login_footer {
    text-align: center;
    width: 100%;
}

.n2_btn_login {
    width: 104px;
    height: 37px;
    background-image: url(/Images/n2login/login_btn_login.png);
    background-size: 104px 37px;
    color: #ffffff;
    font-size: 18px;
    font-family: '黑体';
}

.n2_go_register {
    width: 74px;
    height: 30px;
    background-image: url(/Images/n2login/login_btn_register.png);
    background-size: 74px 30px;
    color: #ffffff;
    font-size: 12px;
    font-family: '黑体';
    margin-left: 10px;
}
/*n2-login-end*/


.cbutton {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.cbutton:hover {
	text-decoration: none;
}


.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}


.t_frame_table {
    border-collapse: separate !important;
    border-bottom: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
}

    .t_frame_table td {
        border-left: 1px solid #cacaca;
        border-top: 1px solid #cacaca;
        color: #818181;
        font-family: 微软雅黑;
        font-weight: normal;
        font-size: 14px;
        height: 36px;
        border-collapse: collapse;
        position: relative;
    }

    .t_frame_table td input {
        border: none !important;
    }