html,
body {
  width: 100%;
  height: 100%;
}
body {
  min-width: 960px;
}
#container {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20260901beastmaster/images/zdiyL1We0Q_GZhqj2eOJDeeHQw.png) no-repeat center
    top #000;
  width: 100%;
  min-width: 960px;
  text-align: center;
  overflow: hidden;
  z-index: 1;
}
#container .layout {
  width: 100%;
  min-width: 960px;
  min-height: 985px !important;
  position: relative;
}
body.parallax #base {
  margin-top: 144px;
}
body.parallax #base .layout {
  width: 960px;
  margin: 0 auto;
  height: 5700px;
}
#header {
  width: 100%;
  height: 108px;
  position: fixed;
  left: 0;
  top: 38px;
  z-index: 1;
}
#header .inner {
  width: 960px;
  margin: 0 auto;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20260901beastmaster/images/8SbEL_uqqyLrsSQgMdrkTTp6EQ.png) no-repeat center
    top;
}
#header .ff14 {
  float: left;
  padding-left: 13px;
}
#header .bnr_area {
  float: right;
  width: 700px;
  padding-top: 6px;
}
#header .bnr_area a {
  margin-left: 10px;
}
#header .bnr_area a.banner {
  width: 200px;
  height: 28px;
  display: block;
  overflow: hidden;
  float: right;
}
#header .bnr_area a.banner img {
  margin-top: 0;
}
#header .bnr_area a.banner:hover img {
  margin-top: -28px;
}
#start #header_area {
  position: static;
}
#header_start_ffxiv {
  width: 100%;
  height: 108px;
  margin-bottom: 20px;
}
#header_start_ffxiv .inner {
  width: 960px;
  margin: 0 auto;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20260901beastmaster/images/2kz47N63JOBPJ36KNSfF5XCK9o.png) no-repeat center
    top;
  height: 108px;
  position: relative;
}
#header_start_ffxiv .inner.ja {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20260901beastmaster/images/ZiOhw8oQQtQmJljFOpUb0rbjOE.png) no-repeat center
    top;
}
#header_start_ffxiv .inner .header_logo_link {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -150px;
  width: 300px;
  height: 100px;
  display: block;
}
#header_start_ffxiv .inner .bnr_area {
  padding-top: 10px;
}
#header_start_ffxiv .inner .bnr_area .to_promo,
#header_start_ffxiv .inner .bnr_area .to_lodestone {
  width: 300px;
  height: 26px;
  overflow: hidden;
  display: block;
  margin-bottom: 10px;
}
#header_start_ffxiv .inner .bnr_area .to_promo img,
#header_start_ffxiv .inner .bnr_area .to_lodestone img {
  margin-bottom: -26px;
}
#header_start_ffxiv .inner .bnr_area .to_promo:hover img,
#header_start_ffxiv .inner .bnr_area .to_lodestone:hover img {
  margin-top: -26px;
  vertical-align: top;
}
#header_start_ffxiv .social__btn {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 8px;
  z-index: 1;
}
#nav {
  margin-top: 12px;
}
#nav ul {
  display: flex;
  justify-content: center;
}
#nav li a {
  float: left;
  width: 160px;
  height: 44px;
  display: block;
  overflow: hidden;
}
#nav li a img {
  margin-top: -44px;
}
#nav li a:hover img {
  margin-top: 0;
}
body#world li.world a img,
body#game li.game a img,
body#system li.system a img,
body#media li.media a img,
body#product li.product a img,
body#start li.start a img {
  margin-top: 0;
}