body {
  background: #fdfcfc;
}
#page {
  width: 100%;
}


.line {
  width: 100%;
  height: 7px;
  background: #232040;
  margin-bottom: 35px;
}


.logo {
  width: 310px;
  margin: 0px auto 20px auto;
  margin-bottom: 20px;
  text-align: center;
  color: #777;
  font-size: 24px;
}
.logo .img {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  border-radius: 100%;
}
.logo .img img {
  width: 100%;
  height: 100%;
}
.logo span {
  color: #ff0000;
}




.login {
  width: 510px;
  margin: 0 auto 20px auto;
  background: #fff;
  box-shadow: 0px 3px 7px rgba(0,0,0,.1);
}
.login-content {
  padding: 20px;
}


.ui.message {
  margin: 0em 0 1em 0;
}
.g-recaptcha {
  -webkit-transform: scale(0.79);
   -moz-transform: scale(0.79);
    -ms-transform: scale(0.79);
     -o-transform: scale(0.79);
        transform: scale(0.79);
 -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
     -ms-transform-origin: 0 0;
      -o-transform-origin: 0 0;
         transform-origin: 0 0;
}
.my-captcha {
  width: 100%;
}


.register {
  text-align: center;
  margin-bottom: 40px;
}
.register a {
  color: blue;
}



@media (max-width: 340px)
{
  .line {
    margin-bottom: 28px;
  }
  .login {
    width: 280px;
  }
}