/* Login */
article.login {
  padding-top: 150px;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  width: 300px;
  margin: 0 auto;
}
article.login form, article.login dl {
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
article.login dt {
  background-color: #aa0000;
  padding: 10px;
  display: flex;
  flex-direction: column;
  width: 130px;
  text-align: center;
  justify-content: center;
}
article.login dd {
  background-color: #ffffcc;
  color: #000000;
  text-align: left;
  padding: 10px;
  display: flex;
  width: 170px;
}
article.login dd input {
  width:100%;
}
article.login .login_btn {
  width: 100px;
  height: 40px;
  margin: 30px auto;
}
article.login .login_btn input {
  width: 100px;
  height: 40px;
  line-height: 40px;
}

div.memregmsg {
  width: 100vw;
  text-align:center;
  padding-bottom: 30px;
}



/* Average View Area */
article.average {
  padding-top: 1em;
}
article.average dl {
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  width: 400px;
}
article.average dt.avg {
  background-color: #aa0000;
  padding: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  text-align: center;
}
article.average dd.avg {
  background-color: #ffffcc;
  color: #000000;
  text-align: center;
  padding: 4px;
  display: flex;
  flex-direction: column;
  width: 70px;
}
article.average dt.scr {
  background-color: #aa0000;
  padding: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 120px;
  text-align: center;
}
article.average dd.scr {
  background-color: #ffffcc;
  color: #000000;
  text-align: center;
  padding: 4px;
  display: flex;
  flex-direction: column;
  width: 60px;
}



/* View Setting Area */
article.views {
  padding-top: 1em;
}
article.views dl {
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  width: 400px;
}
article.views dt.center_title {
  background-color: #aa0000;
  padding: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100px;
  text-align: center;
}
article.views dd.center_select {
  background-color: #ffffcc;
  color: #000000;
  text-align: left;
  padding: 4px;
  display: flex;
  width: 300px;
}
article.views dt.games_title {
  background-color: #aa0000;
  padding: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100px;
  text-align: center;
}
article.views dd.games_select {
  background-color: #ffffcc;
  color: #000000;
  text-align: left;
  padding: 4px;
  display: flex;
  width: 300px;
}


/* Main Page */
article.scores {
  padding-top: 250px;
}

article.scores table {
  width: 100%;
}
article.scores table th {
  border: solid 1px #ff0000;
  color: white;
  padding: 2px;
}
article.scores table th:nth-of-type(1) {
 background-color: #990000;
}
article.scores table th:nth-of-type(2) {
 background-color: #999900;
}
article.scores table th:nth-of-type(3) {
 background-color: #000099;
}
article.scores table th:nth-of-type(4) {
 background-color: #009900;
}
article.scores table td {
  border: solid 1px #ff0000;
  color: #000000;
  text-align: center;
  padding: 2px;
}
article.scores table td:nth-of-type(1) {
 background-color: #ffcccc;
}
article.scores table td:nth-of-type(2) {
 background-color: #ffffcc;
}
article.scores table td:nth-of-type(3) {
 background-color: #ccccff;
}
article.scores table td:nth-of-type(4) {
 background-color: #ccffcc;
}