html,
body {
  background: #f2f2f2;
  color: #010101;
  margin: 0;
  padding: 0;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
html.wf-loading #content-wrapper,
body.wf-loading #content-wrapper {
  display: none;
}
html.wf-active #content-wrapper,
body.wf-active #content-wrapper,
html.wf-inactive #content-wrapper,
body.wf-inactive #content-wrapper {
  display: block;
}
body {
  font-family: 'SupercellText-Medium', "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  font-size: 92%;
  line-height: 1.5em;
}
@media screen and (min-width: 667px) {
  body {
    font-size: 106%;
  }
}
@media screen and (orientation: landscape) and (max-width: 812px) {
  body {
    font-size: 92%;
  }
}
body.lang-cn,
body.lang-cnt {
  font-family: "Lantinghei SC", "Hiragino Sans GB", SimHei, Arial, sans-serif;
}
body.lang-jp {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "MS Gothic", Arial, sans-serif;
}
body.lang-ar,
body.lang-fa,
body.lang-he {
  direction: rtl;
}
body.hidden {
  visibility: hidden;
}
#page-wrap {
  min-height: 100%;
  margin-bottom: -234px;
}
body.lang-cnt #page-wrap {
  margin-bottom: -324px;
}
body.lang-cn #page-wrap {
  margin-bottom: -160px;
}
@media screen and (min-width: 667px) {
  #page-wrap {
    margin-bottom: -212px;
  }
  body.lang-cnt #page-wrap {
    margin-bottom: -324px;
  }
  body.lang-cn #page-wrap {
    margin-bottom: -144px;
  }
}
@media screen and (min-width: 1281px) {
  #page-wrap {
    margin-bottom: -240px;
  }
}
#page-wrap:after {
  content: "";
  display: block;
}
footer,
#page-wrap:after {
  height: 234px;
}
body.lang-cnt footer,
body.lang-cnt #page-wrap:after {
  height: 324px;
}
body.lang-cn footer,
body.lang-cn #page-wrap:after {
  height: 160px;
}
@media screen and (min-width: 667px) {
  footer,
  #page-wrap:after {
    height: 212px;
  }
  body.lang-cnt footer,
  body.lang-cnt #page-wrap:after {
    height: -324px;
  }
  body.lang-cn footer,
  body.lang-cn #page-wrap:after {
    height: 144px;
  }
}
@media screen and (min-width: 1281px) {
  footer,
  #page-wrap:after {
    height: 240px;
  }
}
a {
  text-decoration: none;
  color: #444;
}
p {
  margin: 0;
  padding: 0 0 1em 0;
}
header {
  margin: 0 auto 0 auto;
  padding-top: 40px;
  max-width: 512px;
}
@media screen and (max-width: 374px) {
  header {
    max-width: 296px;
  }
}
@media screen and (min-width: 667px) {
  header {
    padding-top: 60px;
  }
}
@media screen and (orientation: landscape) and (max-width: 812px) {
  header {
    padding-top: 40px;
  }
}
header .logo {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
}
header .logo a {
  display: block;
  margin: 0 auto 20px auto;
}
@media screen and (min-width: 667px) {
  header .logo a {
    margin-bottom: 30px;
  }
}
@media screen and (orientation: landscape) and (max-width: 812px) {
  header .logo a {
    margin-bottom: 20px;
  }
}