/*
http://www.echinacities.com/
0-201808
*/
.color-red{color: #c00;}
.perLoginBox,.modal-dialog7{}
.perLoginBox{background-color: #fff;}
.perLoginBox,.modal-dialog7{font-family: 'Open Sans', Helvetica,Arial,sans-serif,'Helvetica Neue'; line-height: 1.5; color: #333; position: relative; word-wrap: break-word;}
.perLoginBox a,.modal-dialog7 a{color: #08c; transition: all .1s ease-in-out;}
.perLoginBox a:hover,.modal-dialog7 a:hover,.perLoginBox a:focus,.modal-dialog7 a:focus{ color: #08c; text-decoration: underline;}
.perLoginBox .form-control,.modal-dialog7 .form-control,.perLoginBox .btn,.modal-dialog7 .btn{border-radius: 0;}
.perLoginBox .form-control,.modal-dialog7 .form-control{border-color: #bbb;}
.perLoginBox .input-group,.modal-dialog7 .input-group{width: 100%;}
.perLoginBox .input-group-addon,.modal-dialog7 .input-group-addon{border-radius: 0; border-color: #bbb;}
.perLoginBox .modal-content,.modal-dialog7 .modal-content{border-radius: 4px;}
/*per-login-register*/
.perLoginWrap{float: none; margin:30px auto;}
.logHeader{text-align: center;}
.loginLogo{display: inline-block;}
.loginLogo img{display: inline-block; height: 37px;}
.perLoginBox{background-color: #fff; position: relative; min-height: 505px; margin: 20px 0; border: 1px solid #ddd; -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.2); box-shadow: 0px 1px 4px rgba(0,0,0,0.2);}
.perLoginTit{font-size: 20px; font-weight: bold; border-bottom: 1px solid #eee; padding: 12px 30px 0;}
.perLoginBox>ul>.perLoginTit>a,.perLoginBox>ul>.perLoginTit>a:hover,.perLoginBox>ul>.perLoginTit>a:focus,.perLoginBox>ul>.perLoginTit>a:visited{
	border: none; border-bottom: 3px solid transparent; padding-left: 3px; padding-right: 3px;}
.perLoginBox>ul>.perLoginTit>a:hover{border-bottom-color: #eee; background: transparent;}
.perLoginBox>ul>.perLoginTit.active>a,.perLoginBox>ul>.perLoginTit.active>a:hover{border-bottom-color: #555;}
.tittip{font-size: 12px!important; line-height: 1.4; padding-top: 3px; color: #666; font-weight: normal; margin-bottom: 0;}
.login-form{padding: 20px 30px; margin-right: 0;}
.login-form .form-group.marg-8{margin-top: -8px;}
.labelt{font-weight: normal; font-size: 1em; color: #666; margin-bottom: 3px;}
.perBtn{background-color: #08c; background-image: linear-gradient(#09d , #08c); border: 1px solid #08c; border-radius: 2px; color: #fff; font-weight: bold; padding-top: 10px; padding-bottom: 10px;}
.perBtn i{display: none;}
.perBtn:hover,.perBtn:focus{opacity: .9; color: #fff; outline: none;}
.perBtn.disabled{background: grey; border-color: grey; opacity: 1; cursor: default;}
.perBtn.disabled:hover,..perBtn.disabled:focus{opacity: 1;}
.forgetpass{float: right; font-style: normal;}
.form-divider span:before, .form-divider span:after{background-color: #ddd;}
.loginleftb{padding: 15px 30px 0; margin: 15px -30px 0; border-top: 1px solid #ddd;}
/* thirdLogin new */
.thirdLoginTit{font-size: 1.2em; margin-bottom: 15px; text-align: center;}
.third-loginnew{overflow: hidden;}
.third-loginnew .login-buttonnew{float: left; text-decoration: none;color:#fff;width: 48%;height: 2.8em;line-height: 2.8em;display: inline-block;border-radius:2px; margin: 0 auto 10px;}
.third-loginnew a.login-buttonnew:hover,.third-loginnew a.login-buttonnew:hover span,.third-loginnew a.login-buttonnew:focus,.third-loginnew a.login-buttonnew:focus span{opacity: .9; color: #fff; text-decoration: none;}
.third-loginnew a.login-buttonnew{/* display: table; */white-space: nowrap;}
.third-loginnew .login-buttonnew i.fa,.third-loginnew .login-buttonnew span{/* display: table-cell; */}
.third-loginnew .login-buttonnew i.fa{width: 4em; text-align: center;}
.third-loginnew .login-buttonnew span{padding-left: 2em; text-align: left; text-decoration: none; display:inline-block; border-left:1px solid rgba(0,0,0,.2); font-size:13px; /* padding-left:15px; text-align:left; */}
.third-loginnew .login-facebook{ background:#3b579d;}
.third-loginnew .login-linkedin{ background:#0077b5;}
.third-loginnew .login-wechat{ background:#00B000;}
.third-loginnew .login-google{ background:#dc4a39;}






/* register tip */
.repeat-name{border: 1px solid #bbb; border-radius: 0;}
.scodeBtn{background-color: #eee; cursor: default; padding:6px 12px; height: 34px; display: inline-block;}
.scodeBtn .scodeImg{cursor: pointer;}
.checkbox label.termsFont{padding-left: 0;}
.checkbox label.termsFont input{opacity: 0;}
/* all */
.register1,.register2{padding: 0;}
/* tck */
.tckrow{}
.modal-dialog7 .scodeBtn{margin-left: 0;}
.modal-dialog7 button.close{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;position: inherit;}

/* pcll */
@media screen and (min-width: 1200px){
	
}
/* pcxx */
@media screen and (min-width: 992px) and (max-width: 1200px){
	
}
/* /wap */
@media screen and (min-width: 768px){
	/* tck */
	.modal-dialog7{width: 500px; margin-top: 100px;}
	.modal-dialog7 .login-form{padding: 10px 30px;}
}
/*pad*/ /*wap*/
@media (max-width: 992px){

}
/*pad*/
@media screen and (min-width: 768px) and (max-width: 992px){

}
/*wap*/
@media (max-width: 767px) {
	.loginLogo img{height: 33px;}
	.perLoginBox .form-control,.perLoginBox .btn{padding-top: 10px; padding-bottom: 10px; height: 46px;}
	.nav-tabs>li.perLoginTit{padding: 12px 30px 0 0; border-bottom: none;}
	.perLoginBox{border: none; box-shadow: none;}
	.perLoginBox>ul{margin-bottom: 22px;}
	.login-form{ padding: 0;}
	.loginleftb{padding: 15px 0; margin: 15px 0;}
	.scodeBtn{padding-top: 10px; padding-bottom: 10px; height: 46px;}
	.third-loginnew .login-buttonnew{width: 32%;}
	.third-loginnew .login-buttonnew{margin-right: 2%;}
	.third-loginnew .login-buttonnew:nth-child(3n){margin-right: 0%;}
	.third-loginnew .login-buttonnew i.fa{width: 1.8em;}
	.third-loginnew .login-buttonnew span{padding-left: 0.5em;}
}
@media screen and (min-width: 768px){
	.third-loginnew .login-buttonnew:nth-child(2n+1){margin-right: 4%;}
}
/*wapxx*/
@media (max-width: 320px) {
	.loginleftb{font-size: 0.9em;}
	.third-loginnew .login-buttonnew i.fa{width: 1.5em;}
	.third-loginnew .login-buttonnew span{font-size: 0.8em; padding-left: 0.5em;}
}




/* /wap */
@media screen and (min-width: 768px){
	/* tckregister */
	.modalReg .modal-dialog7{margin-top: 20px;}
	.modalReg .modal-dialog7 .login-form{padding-top: 0px; padding-bottom: 0;}
	.modalReg .third-loginnew .login-buttonnew i.fa{display: none;}
	.modalReg .third-loginnew .login-buttonnew span{padding-left: 0; text-align: center; border:0;}
	.modalReg .third-loginnew .login-buttonnew{width: 23%; margin-right: 2%; text-align: center;}
	.modalReg .third-loginnew .login-buttonnew:last-child{margin-right: 0;}
	.modalReg .thirdLoginTit{margin-bottom: 10px; margin-top: -10px;}
	.modalReg .form-divider{margin: 5px 0;}
	.modalReg .loginleftb{padding-top: 10px;}
}

/* 201904 */
@media screen and (min-width: 768px){
    .modal-dialog.modal-dialog7 {width: 760px;}
    .modal-dialog.modal-dialog7 .login-form{padding-left: 20%; padding-right: 20%;}
}
.modal-dialog.modal-dialog7 .login-form{font-size: 14px!important;}
.modal-dialog.modal-dialog7 .register2form{margin-bottom: 20px;}
.eccPerSignTck{text-align: center;}
.eccPerSignTck a.nvSignBtn{font-size: 14px; text-decoration: none; margin:0 5px 10px; padding:7px 0 7px 30px; width: 260px; text-align: left; display: inline-block; color: #333!important; background-color: #fff; border:1px solid #ddd; border-radius: 4px;}
.eccPerSignTck a.nvSignBtn:hover{color: #333; text-decoration: none; border-color: #bbb;}
.eccPerSignTck a.nvSignBtn .fa{color: #3b579c; margin-right: 10px; font-size: 19px; position: relative; margin-top: -2px; top: 2px;}
.eccPerSignTck a.nvSignBtn img{width: 16px; height: 16px; margin-right: 8px;}
@media (max-width: 767px) {
    .eccPerSignTck~.form-divider{margin:10px 0;}
}

.password-tip{list-style: none; font-size: 12px; background: #fafafa;	margin-top: 1em; padding: 0.5em 1em 0.5em 2.3em;}
.password-tip i{margin-left: -1.3em; width: 1em;}
.password-fail,.password-ok{padding: 3px 0; line-height: 1.3;}
.password-fail{}
.password-ok{color: #00ae68;}



/*register-input-select-dropdown*/
.select-filter-group .select-filter-slide-ul{width: 100%; max-height: 158px; overflow-y: auto; border: 1px solid #dedede;border-radius: 0px 0px 5px 5px; position: absolute;z-index: 4;background: white;display: none; left: 0; top: -1px;}
.select-filter-group .select-filter-slide-ul li{padding: 5px 0 5px 10px;line-height: 20px; cursor: pointer;}
.select-filter-group .select-filter-slide-ul li:hover,.select-filter-group .select-filter-slide-ul li.active{background: #dedede;}
.select-filter-group .input-group-addon{background-color: #fff; color: #555; cursor: pointer;}
.select-filter-group .input-group-addon:hover,.select-filter-group .input-group-addon:focus,.select-filter-group .input-group-addon:visited{color: #555;}
.slide_ul_wrap{display: block; width: 100%; position: relative;}
.auto-emails-group .select-filter-slide-ul{height: 340px; max-height: 340px;}
.auto-emails-group .slide_ul_wrap{position: absolute;height: 158px;overflow: auto; z-index: 1; border-bottom: 1px solid #bbb; box-shadow: 0 2px 3px rgba(0,0,0,.2);display: none;}

.select-filter-group .select-filter-slide-ul{border-color: #bbb; border-radius: 0; padding: 0; box-shadow: 0 2px 3px rgba(0,0,0,.2);}