header,section{
 display:block;
}
body{
 font-size:16px;
 margin:0 auto;
 line-height:1.4;
 background:#0b0c0d;
 color:#d4d4d4;
 font-family:"Noto Sans", Futura, Verdana, "Liberation Sans", sans-serif;
}
a{
 color:#c79908;
 text-decoration:none;
}
a:hover{
 text-decoration:underline;
}
::selection {
 color:#000;
 background:#7a9e55;
}
h1{
 font-size:2em;
 margin:.67em 0;
}
kbd {
 border-radius: 3px;
 padding: 1px 2px 0;
 border: 1px solid #666666;
}
#page{
 position:relative;
}
#header{
 padding-top:50px;
 transform:translate3d(0,0,0);
}
.title-wrapper{
 text-align:center;
}
.content{
 margin-left:auto;
 margin-right:auto;
 padding:1px 20px;
 position:relative;
 z-index:2;
 min-width:270px;
}
.title-group.animate{
 animation:slide-fade-in .8s ease;
}
.title{
 font-size:42px;
 line-height:1.2;
 margin:40px 0 0;
 word-wrap:break-word;
}
.title a:active{
 transform:translateY(1px);
}
.title a{
 color:#e4e4e4;
 display:block;
 text-decoration:none;
}
.description{
 color:#7a9e55;
 margin:50px 0 0;
 display:block;
}
.title+.description{
 margin-top:10px!important;
}
.footdesc{
 color:#666666;
 margin:20px 0 0;
 display:block;
 font-size: 14px;
}
.footdesc a{
 color:#666666;
 text-decoration:none;
}
.footlink {
  text-align: center;
}
.footlink.animate {
  animation:slide-fade-in .8s ease;
}
.middle {
  overflow: auto;
  margin: auto;
  display: inline;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width:568px){
 .content{
  padding:1px 10px;
 }
 .title{
  font-size:36px;
  margin-top:30px;
 }
 .description{
  margin-top:35px;
  max-width:80%;
  margin-left:auto;
  margin-right:auto;
 }
 .title+.description{
  margin-top:4px!important;
 }
}

@keyframes slide-fade-in{
 0%{
  opacity:0;
  transform:translate3d(0,20px,0);
 }
 to{
  opacity:1;
  transform:translate3d(0,0,0);
 }
}

.divTable {
  font-size: 16px;
  line-height: 2.0;
  display: table;
  margin: auto;
  border: 1px solid #444;
}
.divTable.animate {
  animation:slide-fade-in .8s ease;
}
.divTableRow {
  display: table-row;
}
.divTableHeading {
  display: table-header-group;
  background-color: #ddd;
}
.divTableCell, .divTableHead {
  vertical-align: middle;
  display: table-cell;
  padding: 5px 10px;
  border: 1px solid #444;
}
.divTableHeading {
  display: table-header-group;
  background-color: #ddd;
  font-weight: bold;
}
.divTableFoot {
  display: table-footer-group;
  font-weight: bold;
  background-color: #ddd;
}
.divTableBody {
  display: table-row-group;
}
.valign {
  vertical-align: middle;
}

