html,body{height: 100%}
.red{color:#e50000;}
.orange{color:#ff7e52}
span.gray{color:#d2d2d2; padding-left:0;}
.orange{color:#ff7e52}
.w300{ width:300px;}
.w400{ width:400px;}
.w150{ width:150px;}
a.f14,.f14{ font-size:14px;}
a.f22,.f22{ font-size:22px;}

.w100{ width:100px;}
.w340{ width:355px;}
.relative{ position:relative;}
.cnal-container-fluid{ padding:0;}
.cnal-footer-mod{position:fixed; bottom:0;width:100%;}
.cnal-footer-mod #fixed{width:1000px; margin: 0 auto;}
.cnal-container-fluid{}
.cnalnav-old-con{background:#fff;border-bottom:4px solid #ff7e52;}
a.blue:link,a.blue:hover,a.blue:visited{color:#428BCA; font-size:14px;}

em.error, label.error, em.show, label.show, em.focus, label.focus,em.load, label.load, em.success, label.success, em.empty, label.empty{font-size:14px;font-style: normal;padding: 3px 1px 1px 18px; font-weight:normal; margin-top:9px; margin-left:6px;}
em.error, label.error {background: url(../image/validator_error.png) 2px 6px no-repeat;color: #FE0000;}
em.show, label.show {background: url(../image/validator_show.png) 2px 6px no-repeat;color: #999999;display:inline-block !important;}
em.focus, label.focus {background: url(../image/validator_focus.png) 2px 6px no-repeat;color: #2e8fd2;}
em.load, label.load {background: url(../image/validator_load.gif) 2px 6px no-repeat;color: #000000;}
em.success, label.success {background: url(../image/validator_success.png)2px 6px no-repeat;color: #55C325;}
em.empty, label.empty {background-image: none;color: #888; padding-left:5px;}



body{ background:#f7f7f7;}

#cnalnav_old{height:85px; margin: 0 auto; background:#fff;}
#cnalnav_old .head-con{ width:960px; margin:0 auto;}
#cnalnav_old .ico1 {background: url(../image/ico2.png ) no-repeat 0 0; color: #333; display: inline; float: left;font-family: "微软雅黑","黑体","宋体"; font-size: 24px; height: 69px; line-height: 69px; margin: 15px 0 0 2px; overflow: hidden; text-indent: 185px; width: 360px;}
#cnalnav_old .userbar_right1 { float: right; height: 70px;  text-align: right;  width: 500px;}
#cnalnav_old .userbar_right1 .conm { font-family: '微软雅黑','黑体','宋体';font-size: 14px;line-height: 30px;  margin-right: 15px;margin-top:20px;}
#cnalnav_old .userbar_right1 .conm .red {color: #ff7e52;  font-family: Arial,Helvetica,sans-serif;font-size: 22px;}


.container-fluid-top{background:#fff;border-bottom:4px solid #ff7e52;}


.cnal-navbar-fixed-top{background:none; border:0; padding-left:20px;}
.cnal-navbar-fixed-top .ico1 {background: url(../image/ico2.png ) no-repeat 0 0; color: #333; display: inline; float: left;font-family: "微软雅黑","黑体","宋体"; font-size: 24px; height: 69px; line-height: 69px; margin: 15px 0 0 2px; overflow: hidden; text-indent: 185px; width: 360px;}

.width_960{ width:960px;}

.btn-lg{ padding:12px 35px; font-size:22px; background:#ff7e52; border-radius:3px; border:0; margin-top:10px; min-width: 150px;}

.btn-sj{padding:9px 25px; font-size:16px; background:#ff7e52; border-radius:3px; border:0;}


.mod-regin-content{background:#fff; margin-top:30px; padding-bottom:50px;font-family: "微软雅黑","黑体","宋体"; border:#f0f0f0 solid 1px; min-height:620px;}

.regin-progress{margin:50px 0 40px 40px; background:url(../image/n1.png) 0 0; width:855px; height:67px;}
.regin_1{}
.regin_2{ background-position: 0 -117px;}
.regin_3{background-position: 0 -234px;}

.find-password-progress{margin:50px 0 40px 40px; background:url(../image/n4.png) 0 0; width:850px; height:64px;}
.find_num_1{}
.find_num_2{ background-position: 0 -100px;}
.find_num_3{background-position: 0 -200px;}
.find_num_4{background-position: 0 -300px;}
.find_num_5{background-position: 0 -400px;}





.form-horizontal .form-group-cnal .title{font-size:18px; font-weight:bold; line-height:16px; height:20px; margin:20px 0;text-indent:35px;display:inline-block;background:url(../image/n1.png) 0 -340px no-repeat;}
.form-horizontal .form-group{ font-size:16px;margin:0 25px;margin-bottom:25px;}
.form-horizontal .form-group-cnal{border-bottom:dashed #dddddd 1px; margin:20px 35px 30px 35px;}
.form-horizontal .form-control{ height:48px; line-height:48px; font-size:18px; float:left;border-radius:0;box-shadow:0 0 0 rgba(0, 0, 0, 0.075) inset; border-color:#e0e0e0;}
.form-horizontal .control-label{ font-weight: normal;font-size:18px; padding-right:0;}

.enterprise-type-con{width:160px; height:95%;position:absolute; right:-130px; top:40px;}

.enterprise-type-list{}

.enterprise-type-list > li{width:160px;}
.enterprise-type-list > li.active{}
.enterprise-type-list > li + li{ margin-top:5px;}

.enterprise-type-list > li > a{padding:12px 15px; padding-top:11px;border-radius:0;width:130px; font-size:18px;background:#bebebe; margin-left:30px;color:#fff;}
.enterprise-type-list > li > a:hover, .enterprise-type-list > li > a:focus{margin-left:0; width:160px; color:#fff; background: url(../image/n3.png) 0 0 no-repeat;text-indent:30px;}
.enterprise-type-list > li.active > a, .enterprise-type-list > li.active > a:hover, .enterprise-type-list > li.active > a:focus{background: url(../image/n3.png) 0 0 no-repeat; margin-left:0; width:160px; text-indent:31px;}
.enterprise-type-list > li > .select-enterprise-text{width:30px; height:270px; line-height:30px; font-size:20px; margin:80px 0 0 80px; color:#d2d2d2;display:none;}
.enterprise-type-list > li.active > .select-enterprise-text{ display:block;}
.enterprise-type-list > li:hover > .select-enterprise-text{color:#007fff;}

.form-group  .password-text{width:300px; height:40px; line-height:40px;border:#ff7e52 solid 1px; font-size:18px; letter-spacing:2px; text-indent:14px;background:#FF0; position:absolute; left:15px; bottom:40px;}
.form-group  .yzm-btn{height:48px; border-color:#e0e0e0;border-radius:0; background:#f4f4f4; font-size:20px; color:#888;}


#userbaritem5{ width:60px;}
#userbaritem3{ width:85px;}

.slide-mod{height:100%;position:relative; width:100%;}
.slide-mod #adpica{height:100%;}
.slide-mod #adpica .con-750{width:1000px;margin:0 auto; }
.slide-mod #adpica img {width:1000px;}
.slide-mod #adtipa { margin:0 auto; position: relative;}
.slide-mod #adtipa ul{display:block; position:fixed; top:650px; right:140px; height:35px; width:200px; z-index:1000;}
.slide-mod #adtipa ul li{background: none repeat scroll 0 0 #fff; border-radius: 50% 50% 50% 50%;display: block;height:10px;overflow: hidden;width: 10px;margin:20px 0 0 12px; cursor:pointer; font-size:6px; float:left;}
.slide-mod #adtipa ul li.current {background:none; border:#FF0 solid 1px; width:15px; height:15px; margin-top:18px;}


.mod-login-right{ position: fixed; right:0; top:0;width:28%; min-width:400px; height:1000px; background:url(../image/n6.png) repeat; font-family:"微软雅黑", "黑体", "宋体";}
.mod-login-right .grid-loginbox{height:400px; width:75%; margin:0 auto; margin-top:30%}
.mod-login-right .grid-loginbox .grid-header h2{ font-size:24px; height:24px; line-height:24px;margin:20px 0; margin-bottom:50px; padding-left:8px; color:#fff; border-left:#FFF solid 5px;}

.grid-loginbox .form-control{border:#4b4b4b solid 1px; width:100%; background:none; height:46px; line-height:46px;border-radius:0; color:#d2d2d2; font-size:18px;}
.grid-loginbox .form-group-login{position:relative;}
.grid-loginbox .form-group-login .ico{ position:absolute; right:15px; top:12px; height:24px; width:17px;background:url(../image/login-input-ico.png) -5px -5px no-repeat;}
.grid-loginbox .form-group-login .ico-uid{}
.grid-loginbox .form-group-login .ico-pwd{ background-position:-3px -68px;}
.grid-loginbox .form-group{ margin-bottom:20px;}
.grid-loginbox  .ts{}
.grid-loginbox .form-login{ border-top:#313131 dashed 2px; margin-top:50px; padding-top:20px;}
.grid-loginbox .form-group-login .placeholder{ color: #C9C9C9; font-size: 14px; left: 38px; line-height: 14px; position: absolute;top: 16px; visibility: hidden;font-weight:normal;}
.grid-loginbox .btn-cnal-login{padding:12px 0; margin-left:5px; width:45%; min-width: 120px; font-size:1.8em;margin-top:10px;background:#ffe845;color:#222222;border-radius:0;}
.grid-loginbox .btn-cnal-login:hover,.grid-loginbox .btn-cnal-login:active,.grid-loginbox .btn-cnal-login:focus{ background:#ffae00;color:#222222;}


.grid-loginbox .btn-cnal-reg{padding:12px 0; margin-left:10px; width:45%; min-width: 120px;font-size:1.8em;margin-top:10px; background:#4b4b4b; color:#ffffff;border-radius:0;}
.grid-loginbox .btn-cnal-reg:hover,.grid-loginbox .btn-cnal-reg:active,.grid-loginbox .btn-cnal-reg:focus{ background:#616161;color:#ffffff;}


.tips {top:45px; left: 190px;position: absolute; font-size:14px; line-height:32px;}
.tips-below {padding-top: 6px;}
.tips-below i{background: url(../image/tips-arrow-up.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);height: 7px;left: 30px; position: absolute;top: 0;width: 13px;}
.tips i{display: inline-block;position: absolute;}
.tips-body {border: 1px solid #DEDEDE;border-radius: 3px;padding: 0 10px; padding-top:5px;}
.email-sent-noreceived .tips li {background: url(https://cdn.cnal.com/login/images/ico_li.png) no-repeat scroll 0 50% rgba(0, 0, 0, 0);padding: 3px 0 3px 10px;}
.btn-resend-email {background-color: #FFEFE6; border: 1px solid #FFB58F; border-radius: 3px;color: #F85625; cursor: pointer; display: inline-block; margin-left:3px;padding: 0 6px; line-height:26px;}


.QapTcha {float:left;margin-top:5px;width:300px;}
.QapTcha .clr{clear:both}
.QapTcha .bgSlider {width: 300px;height: 34px;float:left;border: 1px solid #e8e8e8;background-color: #e8e8e8;}
.QapTcha .bg {background: #7ac23c; position: relative; height: 34px; left: 0; width: 0px;top:-33.5px;}
.QapTcha .Slider {width:40px;height:32px;border: 1px solid #ccc;background:#fff url(../image/bg_draggable_qaptcha.png) no-repeat center;cursor:e-resize;position:relative;top:1px;left:0;z-index: 2}
.QapTcha .Slider.yes {background:#fff url(../image/yes.png) no-repeat center;opacity:100;}
.QapTcha .TxtStatus {width:300px;margin-top:7px;text-align:center;color:#bb2828;font-family:Verdana;font-size:10px;clear:both;z-index: 2;position: relative;}
.QapTcha .TxtStatus.yes {margin-left:-20px;}
.QapTcha .dropSuccess {color:#fff}
.QapTcha .dropError {color:#4d4d4d}



.alert-success{width:auto;  min-height:200px; margin:100px 0 0 200px;background:none;color:#42a11b;font-size:14px;}
.alert-success .w1{width:65px; float: left;}
.alert-success .w1 .fa-check{font-size:30px;position:relative; top:8px; width:50px; height:50px; line-height:50px;border-radius:50px; background:#42a11b; color:#fff; text-align:center;}
.alert-success .alert-ti-right{width:auto; float: left; font-size:20px; line-height:34px;}
.alert-success .alert-ti-right a{ font-size:14px;}
.alert-success .w3{font-size:14px; color:#222; margin-top:5px;}
.alert-success .w1 .fa-times{ display:none;}
.alert-success .w1 .fa-exclamation{ display:none;}



.alert-error{width:auto; min-height:200px; margin:100px 0 0 200px;background:none;color:#d40000;font-size:14px;}
.alert-error .w1{width:65px; float: left;}
.alert-error .w1 .fa-times{font-size:30px;position:relative; top:8px; width:50px; height:50px; line-height:50px;border-radius:50px; background:#d40000; color:#fff; text-align:center;}
.alert-error .alert-ti-right{width:auto; float: left; font-size:20px; line-height:34px;}
.alert-error .alert-ti-right a{ font-size:14px;}
.alert-error .w3{font-size:14px; color:#222;margin-top:5px;}
.alert-error .w1 .fa-check{ display:none;}
.alert-error .w1 .fa-exclamation{ display:none;}


.alert-prompt{width:auto;  min-height:200px; margin:100px 0 0 200px;background:none;color:#0f76d5;font-size:14px;}
.alert-prompt .w1{width:65px; float: left;}
.alert-prompt .w1 .fa-exclamation{font-size:30px;position:relative; top:8px; width:50px; height:50px; line-height:50px;border-radius:50px; background:#0f76d5; color:#fff; text-align:center;}
.alert-prompt .alert-ti-right{width:auto; float: left; font-size:20px; line-height:34px;}
.alert-prompt .alert-ti-right a{ font-size:14px;}
.alert-prompt .w3{font-size:14px; color:#222;margin-top:5px;}
.alert-prompt .w1 .fa-times{ display:none;}
.alert-prompt .w1 .fa-check{ display:none;}



.alert-fuild{ text-align:center; margin:80px 0 0 0;}

.alert-fuild .w1{ float:none; width:100%;}
.alert-fuild .alert-ti-right{ float:none; width:100%; margin-top:30px;}
.alert-fuild  .w1 .fa-check{width:70px; height:70px; line-height:70px;border-radius:70px; font-size:45px;}
.alert-fuild  .w1 .fa-times{width:70px; height:70px; line-height:70px;border-radius:70px; font-size:45px;}
.alert-fuild  .w1 .fa-exclamation{width:70px; height:70px; line-height:70px;border-radius:70px; font-size:45px;}




.mod-find-password{}
.mod-find-password .table-password{font-size: 14px;  margin-left: 200px; margin-top:0px;  width: 600px;  }
.mod-find-password .table-password{color:#888;  line-height:30px;padding:10px 0;}
.mod-find-password .table-password td.w100 {vertical-align: middle;  width:80px; text-align: center;}
.mod-find-password .table-password tr.bord td{border-bottom: 1px dashed #E5E5E5; padding: 20px 0;}
.mod-find-password .tel-ico{background: url(../image/n1.png) 0px -552px no-repeat; width:60px;  height:60px; display: inline-block;}
.mod-find-password .email-ico{background: url(../image/n1.png) 0px -438px no-repeat; width:60px;  height:60px; display: inline-block;}


.mod-find-password .btn-default{background: #f1f1f1;}


.pass4_con{font-size:14px; line-height:30px; font-size:16px; color:#F97100; padding-top:40px; overflow:hidden;}
.pass4_con span.gray{font-size:14px; color:#444; padding-left:0;}
.pass4_con .error{ float:left;background:url(https://cdn.cnal.com/login/image/error_sx.gif) no-repeat; width:100px; height:120px;}
.pass4_con .right{ float:left;background:url(https://cdn.cnal.com/login/image/yz_01.png) no-repeat; width:65px; height:65px;}
.pass4_con .right_con{float:left; margin-top:50px; margin-left:10px;}



.table-password .font14 {font-size: 16px;font-weight: bold;}



.sui-steps-round {font-size: 0px;overflow: hidden;line-height: 0px;margin:60px 0 40px 30px;padding: 0px 6px;}
.sui-steps-round > div {display: inline-block;vertical-align: top;position: relative;}
.sui-steps-round > div .wrap:before,
.sui-steps-round > div .wrap:after {display: table;content: "";line-height: 0;}
.sui-steps-round > div .wrap:after {clear: both;}
.sui-steps-round > div > label {display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px; font-weight:normal;line-height: 16px;height: 16px;margin-top: 6px;color: #ffa811;cursor: default;text-align: center;width: 50%;margin-left: -25%;position: relative;left: 15px;}
.sui-steps-round > div:first-child > label {width: auto;max-width: 50%; margin-left: 0;left: 0;}
.sui-steps-round > div:last-child,.sui-steps-round > div.last {width: 30px !important;}
.sui-steps-round > div:last-child > label,.sui-steps-round > div.last > label {position: absolute;width: auto;margin-left: 0;left: auto;right: 0; max-width:none;}
.sui-steps-round > div .round {width:30px; height:30px; line-height:25px; -webkit-border-radius: 30px;-moz-border-radius:30px;border-radius: 30px;display: inline-block;vertical-align: middle;font-size: 16px; color: #FFF;text-align: center; float: left; font-family:Arial, Helvetica, sans-serif;}
.sui-steps-round > div .bar {margin: 10px 10px 0px 40px;width: 150px;height: 6px;vertical-align: middle;-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;}
.sui-steps-round > .finished .round { border: 4px #ffa811 solid;background-color: #ffa811;color: #ffffff;}
.sui-steps-round > .finished .bar {background-color: #ffa811;}
.sui-steps-round > .current .round {border: 4px #ffa811 solid;background-color: #ffa811;}
.sui-steps-round > .current .bar {background-color: #ffa811;}
.sui-steps-round > .todo > label {color: #999999;}
.sui-steps-round > .todo .round {border: 4px #d3d3d3 solid;background-color: #FFF;color: #999999;}
.sui-steps-round > .todo .bar {background-color: #eeeeee;}
.steps-round-auto {display: table;width: 100%;}
.steps-round-auto > div {display: table-cell;}
.steps-round-auto > div .bar {width: auto;}



.no-yzm{ display: inline-block; height:35px;}
.no-yzm .tips-below{ display: none;}
.no-yzm:hover .tips-below{ display:block}


#privacyLayer{border:1px solid #e4e4e4;background-color:#fff; display:block; cursor:default; width: 1000px; position:fixed; z-index:40000; top: 100px; margin-left:-500px; left: 50%;}
#privacyLayer .title{line-height:50px;font-weight:bold;padding:0;margin:10px 30px; margin-top:20px;font-size:24px;text-align:center;background-color:#ececec; color:#222;}
#privacyLayer .r{line-height:40px;color:#c70000;font-size:18px; text-align: center;}
#privacyLayer .textcon{width:95%; line-height:30px; font-size:16px;margin-left:25px; margin-top:10px; height:600px; overflow-y: auto; padding:15px;}
#privacyLayer .w2{ margin: 20px 0 10px 0;}
#privacyLayer .w5{line-height:30px;text-align:center;margin:20px 0;}