.app-layout {
  display: flex;
  max-width: 1200px;
  max-width: var(--base-container);
  padding-top: 1.5rem;
  padding-bottom: 2rem;
  padding-left: var(--base-padding);
  padding-right: var(--base-padding);
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .app-layout {
    display: block;
    padding: 0;
  }
}
.app-layout > .app-content {
  max-width: var(--base-content-width);
  flex-basis: var(--base-content-width);
}
@media (max-width: 1024px) {
  .app-layout > .app-content {
    padding: 1rem;
    max-width: 100%;
  }
}
.app-layout > .app-aside {
  flex: 0 0 auto;
  max-width: var(--base-aside-width);
  flex-basis: var(--base-aside-width);
}
.app-layout > .app-aside--left {
  padding-right: 1.5rem;
}
.app-layout > .app-aside--right {
  padding-left: 1.5rem;
}
@media (max-width: 1024px) {
  .app-layout > .app-aside {
    display: none;
  }
}
.app-layout1 {
  display: flex;
  max-width: 1366px;
  max-width: var(--base-container);
  padding-top: 1.5rem;
  padding-bottom: 2rem;
  padding-left: var(--base-padding);
  padding-right: var(--base-padding);
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .app-layout1 {
    display: block;
    padding: 0;
  }
}
.app-layout1 > .app-content {
  max-width: var(--base-content-width);
  flex-basis: var(--base-content-width);
}
@media (max-width: 1024px) {
  .app-layout1 > .app-content {
    padding: 1rem;
    max-width: 100%;
  }
}
.app-layout1 > .app-aside {
  flex: 0 0 auto;
  max-width: var(--base-aside-width);
  flex-basis: var(--base-aside-width);
}
.app-layout1 > .app-aside--left {
  padding-right: 1.5rem;
}
.app-layout1 > .app-aside--right {
  padding-left: 1.5rem;
}
@media (max-width: 1024px) {
  .app-layout1 > .app-aside {
    display: none;
  }
}
.app-footer {
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: var(--color-gray-600);
  font-size: 0.75rem;
}
.app-footer ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.app-footer ul > li {
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}
.app-footer ul > li > a {
  cursor: pointer;
}
.app-footer ul > li > a:hover {
  color: var(--color-black);
}
/* eoshub */
.eh_content_box {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  border-radius: var(--border-radius-2);
  background-color: var(--color-card-background);
  box-shadow: rgba(0, 0, 0, 0.05) 0 1px 8px, rgba(0, 0, 0, 0.05) 0 0 1px;
}
/*# sourceMappingURL=5ae32420b4dd4d6816827b8af3ddfa4d49f1eda4.layout.scss.map */