/*** chen leilei ***/
#content-main.register-content{min-height:850px;}
.panel{ position:absolute; left:50%; width:500px;margin:100px 0 0 -250px; border:none; background:rgba(236,236,236,0.6); background:#fff; padding:0 0 20px 0; box-shadow:1px 1px 1px 1px #888888; }
 .login-panel>.panel-heading{ border-bottom:1px solid #ccc; text-indent:80px; font-size:32px; font-family: "IM Fell DW Pica SC", Georgia, Serif; }
/** login **/
.container.main-body{margin:0;}
.index-hidden{display:none;}
.index-footer-hidden{display:none;}
.login-panel{width:100%;overflow:hidden;margin-top:-51px;}
.login-panel>.inner-body{height:100vh;min-height:740px;}
.login-panel>.inner-body>.bg-poster-panel{height:75%;position:relative;}
.login-panel>.inner-body>.bg-poster-panel>.login-inner-body{position:absolute;top:15%;width:100%;}
.login-panel>.inner-body>.bg-poster-panel>.login-inner-body .login-poster{color:#fff;width:50%;float:left;}
.login-panel>.inner-body>.bg-poster-panel>.login-inner-body .login-poster>div{float:left;}
.login-panel>.inner-body>.bg-poster-panel>.login-inner-body .login-poster>.line-1>span{float: left;  height: 80px;  width: 400px;  background: url(/s/images/index-regfooter-logo.png) no-repeat scroll -15px 0;  background-size: 420px;}
.login-panel>.inner-body>.bg-poster-panel>.login-inner-body .login-poster>.line-2{width:100%;font-size:1.2em;margin-top:20px;padding:0 20px;}
.login-panel>.inner-body>.bg-poster-panel>.login-inner-body .login-poster>.line-2>label{display:block;font-size:1.4em;}
.login-panel>.inner-body>.bg-poster-panel>.login-inner-body .login-poster>.line-3{margin-top:20px;padding:0 20px;font-size:1.3em;}
.login-panel>.inner-body>.bg-poster-panel>.login-inner-body .login-poster>.line-4{margin:30px 20px 0 0;float:right;}
.login-panel>.inner-body>.bg-poster-panel>.login-inner-body .login-poster>.line-4>a{border:1px solid #fff;color:#fff;padding:5px 30px;border-radius:20px;font-weight:700;display:inline-block;transition:opacity 0.2s;}
.login-panel>.inner-body>.bg-poster-panel>.login-inner-body .login-poster>.line-4>a:hover{text-decoration:none;opacity:0.8;}
.login-panel>.inner-body>.bg-poster-panel>.login-inner-body .login-reg-panel{width:50%;float:left;}
.login-panel>.inner-body>.bg-poster-panel>.login-inner-body .login-reg-panel>.inner-panel{width:330px;float:right;padding: 20px 30px;background: #fff;border-radius: 5px;box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);}
.login-reg-panel>.inner-panel>.tab-list>ul{border-bottom:1px solid #000;}
.login-reg-panel>.inner-panel>.tab-list>ul>li{width:50%;text-align:center;}
.login-reg-panel>.inner-panel>.tab-list>ul>li>a{color:#000;width:95px;text-align:center;display:inline-block;font-size:1.2em;font-weight:700;}
.login-reg-panel>.inner-panel>.tab-list>ul>li.active>a,.login-reg-panel>.inner-panel>.tab-list>ul>li>a:hover,.login-reg-panel>.inner-panel>.tab-list>ul>li>a:focus{border:none;border-bottom:3px solid #000;background:none;}
.login-reg-panel>.inner-panel>.tab-content .has-error{border-color:#f37676;}
.login-reg-panel>.inner-panel>.tab-content .has-error:focus{border-color:#f37676;outline:0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(243,188,188,.6);    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(243,188,188,.6);}
.login-reg-panel>.inner-panel>.tab-content>.tab-panel{}
.login-reg-panel>.inner-panel>.tab-content .form-line{display:inline-block;width:100%;margin-top:25px;font-size:12px;position:relative;}
.login-reg-panel>.inner-panel>.tab-content #reg-panel .form-line .error{position: absolute; max-width: 200px; width:200px;background: #ffefef;border-radius: 10px;/* box-shadow: 0 0 4px 1px rgba(0,0,0,0.3); */
padding: 5px;border: 1px solid #f37676;left:150px;top:40px;z-index:1;color:#f37676;}
.login-reg-panel>.inner-panel>.tab-content #reg-panel .form-line.line-4 .error{top:30px;width:170px;left:80px;}
.login-reg-panel>.inner-panel>.tab-content #reg-panel .form-line.line-4 .error>span{top:23px;transform:rotate(225deg);-o-transform:rotate(225deg);-ms-transform:ratate(225deg);-webkit-transform:rotate(225deg);}
.login-reg-panel>.inner-panel>.tab-content #reg-panel .form-line .error>span{display:block;width:10px;height:10px;border:1px solid #f37676;border-width:1px 0 0 1px;position:absolute;left:20px;top:-6px;background:#ffefef;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:ratate(45deg);-webkit-transform:rotate(45deg);}
.login-reg-panel>.inner-panel>.tab-content #reg-panel .form-line{margin-top:10px;}
.login-reg-panel>.inner-panel>.tab-content #reg-panel .line-4{overflow:hidden;height:100px;}
.login-reg-panel>.inner-panel>.tab-content .form-line>label{width:30%;line-height:30px;float:left;margin:0;}
.login-reg-panel>.inner-panel>.tab-content .form-line .form-control{font-size:12px;height:30px;}
.login-reg-panel>.inner-panel>.tab-content .form-line>.input-line{width:70%;float:left;}
.login-reg-panel>.inner-panel>.tab-content .form-line.checkbox{color:#999;}
.login-reg-panel>.inner-panel>.tab-content .error-tip{color:#f37676;border:1px solid #f37676;background-color:#ffefef;padding:10px;display:none;}
.login-reg-panel>.inner-panel>.tab-content .checkbox>a{float:right;color:#999;}
.login-reg-panel>.inner-panel>.tab-content .submit-line{margin-top:20px;overflow:hidden;}
.login-reg-panel>.inner-panel>.tab-content #reg-panel .submit-line{margin-top:10px;}
.login-reg-panel>.inner-panel>.tab-content .submit-line>button{width:100%;background:#53d3c5;border:none;border-radius:15px;outline:none;transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;-webkit-transition:all 0.2s;}
.login-reg-panel>.inner-panel>.tab-content .submit-line>button.loading{color:#53d3c5;position:relative;}
.login-reg-panel>.inner-panel>.tab-content .submit-line>button.loading:before{color:#fff;content:"\f110";font-family:FontAwesome;position: absolute;  left: 50%;  margin-left: -6px;  font-size: 1.5em;  top: 2px;animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;-ms-animation:spin 1.5s infinite linear;-webkit-animation:spin 1.5s infinite linear;}
.login-reg-panel>.inner-panel>.tab-content .submit-line>button:hover{background:#3fd4c2;}
.login-reg-panel>.inner-panel>.tab-content .or-line{width:90%;margin:10px auto;border-bottom:1px solid #666;}
.login-reg-panel>.inner-panel>.tab-content .or-line span{width:25px;background:#fff;margin:0 auto -9px;display:block;text-align:center;}
.login-reg-panel>.inner-panel>.tab-content .anthor-login{margin:20px 0 10px;overflow:hidden;}
.login-reg-panel>.inner-panel>.tab-content .anthor-login a{width:48%;padding:8px;border-radius:20px;color:#fff;display:block;float:left;text-align:center;transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;-webkit-transition:all 0.2s;}
.login-reg-panel>.inner-panel>.tab-content .anthor-login a .fa{margin-right:15px;}
.login-reg-panel>.inner-panel>.tab-content .anthor-login a.google{background:#e54a54;margin-right:4%;}
.login-reg-panel>.inner-panel>.tab-content .anthor-login a.google:hover{text-decoration:none;background:#e53541;}
.login-reg-panel>.inner-panel>.tab-content .anthor-login a.facebook{background:#3a5a99;}
.login-reg-panel>.inner-panel>.tab-content .anthor-login a.facebook:hover{text-decoration:none;background:#2c5199;}
#Recap{height:90px;position:relative;}
#Recap #recaptcha_area{position:absolute;left:9999px;}
#Recap #recaptcha_challenge_image{position:absolute;left:-10008px;width:164px;height:48px;top:-9px;}
#Recap #recaptcha_reload_btn{position:absolute;left:-9835px;top:0;}
#Recap #recaptcha_switch_audio_btn{position:absolute;left:-9835px;top:16px;}
#Recap #recaptcha_whatsthis_btn{position:absolute;left:-9835px;top:32px;}
#Recap #recaptcha_response_field{margin:0 !important;position:absolute;left:-10015px;display: block;width:189px!important;height: 30px;padding: 6px 12px !important;font-size: 12px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#Recap #recaptcha_response_field.has-error{border-color:#f37676;}
#Recap #recaptcha_response_field:focus{border-color: #66afe9;    outline: 0;    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
#Recap #recaptcha_response_field.has-error:focus{border-color:#f37676;outline:0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(243,188,188,.6);    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(243,188,188,.6);}
#login-Carousel{height:100%;}
#login-Carousel>.carousel-inner{height:100%;}
#login-Carousel>.carousel-inner>.item{height:100%;position:relative;}
#login-Carousel>.carousel-inner>.item img{height:initial;min-height:100%;position:absolute;margin:0 auto;left:-9999px;right:-9999px;max-width:none;/* filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);-webkit-filter:blur(3px); */
}
.login-panel>.inner-body>.count-panel{height:25%;width:100%;background-color:#fff;}
.login-panel>.inner-body>.count-panel>.container{height:100%;}
.count-list .item{width:33.33%;float:left;height:100%;font-size:1.2em;position:relative;display:table;}
.count-list .item>.count{height:50px;line-height:20px;overflow:hidden;display:table-cell;vertical-align:middle;padding-left:10%;}
.count-list .item>.count>span{width:50px;height:50px;border-radius:50%;background:#53d3c5 url(/s/images/index-count-icon.png) no-repeat scroll;display:block;float:left;margin:2px 20px 0 0;}
.count-list .item.topic>.count>span{background-position:4px 5px;}
.count-list .item.contributor>.count>span{background-position:-35px 5px;}
.count-list .item.donation>.count>span{background-position:-75px 5px;}
.count-list .item.income>.count>span{background-position:-114px 5px;}
.count-list .item>.count>label{display:block;margin:0;line-height:30px;color:#ff8900;font-size:2em;}
.count-list .item.income>.count>label{font-size:1em;}
@media screen and (max-width:767px){
	body{font-size:12px;}
	.login-panel{min-width:320px;}
	.login-panel>.inner-body{min-height:860px;}
	.login-panel .carousel-indicators{display:none;}
	.login-panel>.inner-body>.bg-poster-panel>.login-inner-body{top:0;}
	.login-panel>.inner-body>.bg-poster-panel>.login-inner-body .login-poster{width:100%;text-align:center;}
	.login-panel>.inner-body>.bg-poster-panel>.login-inner-body .login-poster>div{float:none;}
	.login-panel>.inner-body>.bg-poster-panel>.login-inner-body .login-poster>.line-1{width:100%;overflow:hidden;}
	.login-panel>.inner-body>.bg-poster-panel>.login-inner-body .login-poster>.line-2{margin-top:0;}
	.login-panel>.inner-body>.bg-poster-panel>.login-inner-body .login-poster>.line-1>span{width:300px;background-size:300px;display:block;margin:0 auto;float:none;height:60px;}
	.login-panel>.inner-body>.bg-poster-panel>.login-inner-body .login-poster>.line-4{margin:20px 0;float:none;}
	.login-panel>.inner-body>.bg-poster-panel>.login-inner-body .login-poster>.line-3{display:none;}
	.login-panel>.inner-body>.bg-poster-panel>.login-inner-body .login-reg-panel{width:100%;}
	.login-panel>.inner-body>.bg-poster-panel>.login-inner-body .login-reg-panel>.inner-panel{width:100%;float:none;padding: 10px 15px;}
	.count-list .item{width:50%;height:50%;font-size:1.2em;}
	.count-list .item>.count{position:relative;width:100%;height:100%;margin:0;line-height:1em;top:0;left:0;text-align:center;}
	.count-list .item>.count>span{height:40px;width:40px;margin:10px auto 5px;float:none;}
	.count-list .item.topic>.count>span{background-position:-1px 0; }
	 .count-list .item.contributor>.count>span{background-position:-41px 0; }
	 .count-list .item.donation>.count>span{background-position:-80px 0; }
	 .count-list .item.income>.count>span{background-position:-119px 0; }
	 .login-reg-panel>.inner-panel>.tab-content #reg-panel .form-line .error{ left:100px; }
	 .index-panel.poster-panel>.word-panel{ font-size:1.5em; }
	 .container>.row>.index-panel{margin-bottom:0; }
	 .container>.row>.index-panel>.panel-heading{padding:15px 20px; }
	 .container>.row>.count-panel>.panel-body>.count-list{ height:auto; font-size:1em; }
	 .container>.row>.count-panel>.panel-body>.count-list .count{ height:auto; padding:0; }
	 .container>.row>.count-panel>.panel-body>.count-list .count>label{ font-size:1.4em; }
}
   /* * logout * */
  .logout-panel{ width: 740px;max-height: 400px;/* height: 750px; */
border-radius: 6px;margin: 100px auto 100px;text-align: left;background-color: #ffffff;padding-bottom: 30px;position: relative;padding-bottom: 1px; }
 .logout-panel>.panel-heading{ text-indent:20px; }
 #content-main .logout-panel>.panel-discripe>p{ line-height:42px; margin:25px 54px; }
 #content-main .logout-panel>.panel-discripe>.tip{ color:#ef8742; }
  #content-main .logout-panel>.panel-discripe>.bold{  font-weight:700;  }
 .logout-panel>.panel-body{ padding:20px 40px; }
 .logagain-button{ border: none;background-color: #00aff0;color: #ffffff;margin: 20px 0px 0px;font-size: 23px;padding:5px 60px;text-decoration:none; }
 .logagain-button:hover{ background-color: #04a2dc; text-decoration:none; color: #ffffff; }
   /** Register **/
 .form-error{color:red; font-weight:bold;display:inline-block;width:100%;}
.form-error>ul{margin-left: 50px;padding: 0 90px;list-style: none;}
.form-error>ul>li{padding-top:5px;}
.register-panel>.panel-heading{ text-indent:50px; }
.register-panel .panel-heading p{   float:right;   margin-top:-20px;   color:#fc722e;   font-size:14px;  }
 #content-main .register-panel .panel-heading p>a{ color:#fc722e; }
  /*  mobile style for login */
@media screen and (max-width:767px){
	#content-main{margin:20px 5px;min-width:300px;}
	#content-main .login-panel,#content-main .register-panel{position:static;margin:0;border-radius:0;width:100%}
	#content-main .panel-heading{text-indent:0;}
	#content-main .panel-body{padding:20px 5%;}
	#content-main .register-panel .panel-heading p{float:left;margin-top:0;}
	#content-main .login-panel>.panel-body a.login-via{float:left;}
	#content-main .login-panel>.panel-body a.login-via.facebook{margin-right:20px;}
	#content-main .panel-body .captcha-grounp{overflow:hidden;}
	#content-main .panel-body .captcha-grounp .col-sm-7{padding:0;}
	footer{position:relative;}
}
/*  mobile style for forgot password */
@media screen and (max-width:767px){
	#content-main .main-content{margin:0;min-width:300px;width:100%;border-radius:0;}
	#content-main .panel-title{border-radius:0;}
	#content-main .panel-discripe p{margin:20px 5%;}
	#content-main #Password-reset-form .panel-input{margin:40px 5%;padding:0;}
	#content-main #Password-reset-form input[type="email"]{width:100%;}
	#content-main #Password-reset-form input[type="submit"]{margin:60px 0 0 0 ;width:100%;}
	#content-main .panel-tip{top:230px;left:5%;padding:0;}
}