body {
  background: rgb(237, 241, 247);
  padding-top:100px;
  padding-bottom:100px;
}

.center {
  padding: 0px;
  margin: 0 auto;
}

#content-box {
  background:rgb(77, 88, 110);
  border-radius: 10px;
  padding:50px 50px 60px 50px;
  text-align:center;
  width:700px;
}

#brand img {
  width:200px;
}

span.sepa {
  display:block;
  height:2px;
  border-bottom: 1px solid rgb(91, 100, 128);
  box-shadow: rgb(66, 77, 97) 0 -2px 0 inset;
  margin-top: 30px;
  margin-bottom: 30px;
  width:400px;
}

#content-box p {
  color:#ededed;
  font: 24px Roboto;
}

#content-box p strong {
  font-family: RobotoBold;
}

#content-box p#message {
  color:#ededed;
  font: 20px RobotoLight;
  margin-bottom:20px;
}

a#accept {
  color: #fff;
  cursor:pointer;
  font-family: BrandonReg;
  font-size: 16px;
  line-height: 40px;
  height: 40px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
  background-color: #11cc4e;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 5px;
  padding:10px 20px;
}

a#accept:hover {
  background-color:#00b7e1;
}


div#info {
  overflow:auto;
  clear:both;
  width:400px;
}

.left {
  float:left;
}

.right {
  float:right;
}

div#info span {
  color:#ededed;
  font: 14px Roboto;
}

div#info span strong {
  font-family: RobotoBold;
}

div#info span strong {
  font-family: RobotoBold;
}

h1#error {
  color:#ededed;
  font:30px RobotoBold;
}

#content-box .hint {
  font-size: 16px;
  padding-bottom: 20px;
}

#content-box .hint A {
  color: white;
  text-decoration: none;
  font-weight: bold;
}

#content-box .notice {
  font-size: 16px;
}

#errmessage A {
  color: white;
}