.system_page_wrapper {
  background-color: #f7f8fa; }

.system_page_inner {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto 0;
  padding: 40px 0; }

.system_page_inner p {
  text-align: center;
  font-size: 15px;
  line-height: 2; }

.system_page_inner > ul {
  margin: 60px 0; }

.system_page_inner > ul > li {
  width: 44%;
  margin: 0 3%; }

.system_page_inner > ul > li h2 {
  background-color: #304a78;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  margin-bottom: 20px; }

.system_page_links {
  max-width: 1000px;
  width: 90%;
  margin: 60px auto 100px; }
  @media (max-width: 768px) {
    .system_page_links {
      margin: 40px auto 100px; } }
  .system_page_links_inner {
    justify-content: center; }
    .system_page_links_inner li {
      width: 49%;
      margin-bottom: 2%; }
      @media (max-width: 768px) {
        .system_page_links_inner li {
          width: 100%;
          margin: auto;
          margin-bottom: 4%; } }
      .system_page_links_inner li:nth-child(2n) {
        margin-left: 2%; }
        @media (max-width: 768px) {
          .system_page_links_inner li:nth-child(2n) {
            margin-left: auto; } }

@media only screen and (max-width: 768px) {
  .system_page_inner p {
    text-align: center;
    font-size: 12px;
    line-height: 2; }

  .system_page_inner > ul {
    margin: 30px 0;
    display: block; }

  .system_page_inner > ul li {
    width: 100%;
    margin: 20px auto; } }

/*# sourceMappingURL=system.css.map */