/* MITEOKU Hub Layout for SANGO v1.0.0 — four hub pages only */
body.mtk-hub-layout {
  background: #f7f7f8;
}
body.mtk-hub-layout #container {
  background: #f7f7f8;
  min-height: 100vh;
}
body.mtk-hub-layout .mtk-hub-main {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 32px 24px 80px;
  background: #f7f7f8;
  box-sizing: border-box;
}
body.mtk-hub-layout .mtk-hub-shell {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
body.mtk-hub-layout .mtk-hub-article {
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  box-sizing: border-box;
}
body.mtk-hub-layout .mtk-hub-content {
  display: flow-root;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 54px 64px 72px;
  box-sizing: border-box;
  background: transparent;
}
body.mtk-hub-layout .mtk-hub-content > :first-child { margin-top: 0; }
body.mtk-hub-layout .mtk-hub-content > :last-child { margin-bottom: 0; }
body.mtk-hub-layout .mtk-hub-content img,
body.mtk-hub-layout .mtk-hub-content video { max-width: 100%; height: auto; }
body.mtk-hub-layout .mtk-hub-content table { max-width: 100%; }
@media (max-width: 780px) {
  body.mtk-hub-layout .mtk-hub-main { padding: 20px 16px 56px; }
  body.mtk-hub-layout .mtk-hub-content { padding: 36px 28px 48px; }
}
@media (max-width: 540px) {
  body.mtk-hub-layout .mtk-hub-main { padding: 0 0 44px; }
  body.mtk-hub-layout .mtk-hub-content { padding: 30px 20px 42px; }
}