/*login page*/
#loginForm {
  margin:3rem;
}

#content {
  text-align: center;
}

#lineLogin {
  display: block;
  background: #00c300;
  width: 20rem;
  margin: 0 auto;
  border-radius: 3px;
  color: #ffffff;
  text-decoration: none;
  padding: 20px;
  margin-top:1rem;
}

.register {
  background:#f39701 !important;
}

.memberContent p {
  font-size:1.2rem;
}

.memberContent input[type="text"], .memberContent input[type="password"] {
  padding:.5rem;
}

.memberContent input[type="submit"] {
  width: 20rem;
  margin: 0 auto;
  border-radius: 3px;
  color: #ffffff;
  padding: 20px;
  background: #128cc5;
  border:none;
  font-size:1.1rem;
}

/*member page*/
.memberInfo {
  text-align: left;
}

.memberInfo h2 {
  margin: 0 auto;
  margin-bottom: 1rem;
  color: #128cc5;
}

.memberInfo a {
  text-decoration:none;
}

.memberInfo input {
  margin-bottom: 1rem;
  padding: 0.5rem;
  border-radius: 5px;
  width:300px;
}

.memberInfo input:last-child, button {
  margin-bottom: 1rem;
  padding: 0.5rem;
  border-radius: 5px;
  width: 100px;
  background: #128cc5;
  color: white;
  border: none;
}

.memberInfo input:last-child:hover, button:hover {
  background: #186CBF;
}