.layoutSection.mainContent {
    display: flex;
    flex-direction: column;
    background-color: #fcf2f2;
  }
  .layoutSection .headerSection {
    display: flex;
    align-items: center;
    gap: 0 883px;
    background-color: #ff4a63;
  }
  @media (max-width: 991px) {
    .layoutSection .headerSection {
      -moz-column-gap: 32px;
      column-gap: 32px;
    }
  }
  @media (max-width: 575px) {
    .layoutSection .headerSection {
      -moz-column-gap: 16px;
      column-gap: 16px;
    }
  }
  @media (max-width: 383px) {
    .layoutSection .headerSection {
      -moz-column-gap: 8px;
      column-gap: 8px;
    }
  }
  .layoutSection .logoContainer {
    display: flex;
    gap: 0 10px;
    margin: 0 0 0 80px;
    width: 157px;
    max-width: 157px;
  }
  @media (max-width: 991px) {
    .layoutSection .logoContainer {
      margin: 0 0 0 32px;
    }
  }
  @media (max-width: 575px) {
    .layoutSection .logoContainer {
      margin: 0 0 0 16px;
    }
  }
  @media (max-width: 383px) {
    .layoutSection .logoContainer {
      -moz-column-gap: 8px;
      column-gap: 8px;
      margin: 0 0 0 8px;
    }
  }
  .layoutSection .countyLogo {
    margin: 3px 0 4px;
    width: 53px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .layoutSection .titleWrapper {
    display: flex;
    flex-direction: column;
    width: 94px;
    min-width: 0;
  }
  .layoutSection .countyName {
    font: 700 18px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
    color: white;
    letter-spacing: 0.8px;
  }
  @media (max-width: 991px) {
    .layoutSection .countyName {
      align-items: flex-start;
      font-size: 16px;
    }
  }
  .layoutSection .slogan {
    margin: 0 18px 0 0;
    font: 400 18px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
    color: white;
    letter-spacing: 0.9px;
  }
  @media (max-width: 991px) {
    .layoutSection .slogan {
      align-items: flex-start;
      font-size: 16px;
    }
  }
  @media (max-width: 575px) {
    .layoutSection .slogan {
      margin: 0 16px 0 0;
    }
  }
  @media (max-width: 383px) {
    .layoutSection .slogan {
      margin: 0 8px 0 0;
    }
  }
  .layoutSection .navigationContainer {
    display: flex;
    width: 320px;
    min-width: 0;
    max-width: 320px;
  }
  @media (max-width: 1399px) {
    .layoutSection .navigationContainer {
      /* display: none !important; */
    }
  }
  .layoutSection .partnerStoresBtn {
    display: flex;
    justify-content: center;
    /* min-width: 120px; */
    font: 700 18px/1 Inter, Helvetica, Arial, serif;
    color: white;
    text-align: center;
    background-color: #ff4a63;
    padding: 30px 20px;
  }
  .layoutSection .partnerStoresBtn:hover {
    display: flex;
    justify-content: center;
    /* min-width: 120px; */
    font: 700 18px/1 Inter, Helvetica, Arial, serif;
    color: #ff4a63;
    text-align: center;
    background-color: white;
    padding: 30px 20px;
  }
  .layoutSection .homePageBtn {
    display: flex;
    justify-content: center;
    /* min-width: 120px; */
    font: 700 18px/1 Inter, Helvetica, Arial, serif;
    color: white;
    text-align: center;
    background-color: #ff4a63;
    padding: 30px 20px;
  }
  .layoutSection .homePageBtn:hover {
    display: flex;
    justify-content: center;
    /* min-width: 120px; */
    font: 700 18px/1 Inter, Helvetica, Arial, serif;
    color: #ff4a63;
    text-align: center;
    background-color: white;
    padding: 30px 20px;
  }
  .layoutSection .agencyInfoSection {
    display: flex;
    flex-direction: column;
    background-color: #ff4a63;
  }
  .layoutSection .flexColumnAgencyInfo {
    display: flex;
    flex-direction: column;
    gap: 4px 0;
    margin: 48px auto;
    width: 88.89%;
    max-width: 1280px;
  }
  .layoutSection .flexRowAgencyInfo {
    display: flex;
    justify-content: space-between;
    gap: 0 10px;
  }
  @media (max-width: 991px) {
    .layoutSection .flexRowAgencyInfo {
      flex-direction: column;
      align-items: center;
      gap: 30px 10px;
    }
  }
  .layoutSection .highlightText_box {
    margin: 0 0 35px;
    width: 572px;
  }
  @media (max-width: 991px) {
    .layoutSection .highlightText_box {
      margin: 0;
      width: 100%;
    }
  }
  .layoutSection .highlightText_box2 {
    margin: 0 0 35px;
    width: auto;
  }
  @media (max-width: 991px) {
    .layoutSection .highlightText_box2 {
      margin: 0;
      width: 100%;
    }
  }
  .layoutSection .highlightText {
    font: 500 16px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
    color: white;
    letter-spacing: 0.8px;
  }
  .layoutSection .highlightText_span0 {
    font: 500 1em/1.5 "Noto Sans CJK TC", Helvetica, Arial, serif;
  }
  .layoutSection .highlightText_span1 {
    font: 500 1em/1.5 "Noto Sans CJK TC", Helvetica, Arial, serif;
    text-decoration: underline;
  }
  .layoutSection .flexColumnAdditionalInfoContainer {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    width: 234.5px;
    min-width: 0;
  }
  @media (max-width: 991px) {
    .layoutSection .flexColumnAdditionalInfoContainer {
      width: 100%;
      min-width: unset;
    }
  }
  .layoutSection .privacyPolicyDeclaration {
    display: flex;
    justify-content: center;
    margin: 0 0.5px 0 0;
    font: 500 16px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
    color: white;
    text-align: center;
    letter-spacing: 0.7px;
  }
  .layoutSection .openDataDeclaration {
    display: flex;
    justify-content: center;
    margin: 0 0 0 auto;
    width: 167.9875030518px;
    max-width: 85%;
    font: 500 16px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
    color: white;
    text-align: center;
    letter-spacing: 0.8px;
  }
  .layoutSection .copyrightNotice {
    display: flex;
    justify-content: center;
    margin: 0 0 0 auto;
    width: 151px;
    max-width: 85%;
    font: 500 16px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
    color: white;
    text-align: center;
    letter-spacing: 0.7px;
  }
  .layoutSection .flexRowDateInfoContainer {
    display: flex;
    gap: 0 19px;
  }
  @media (max-width: 575px) {
    .layoutSection .flexRowDateInfoContainer {
      -moz-column-gap: 16px;
      column-gap: 16px;
    }
  }
  @media (max-width: 479px) {
    .layoutSection .flexRowDateInfoContainer {
      flex-direction: column;
      align-items: center;
      gap: 30px 16px;
    }
  }
  .layoutSection .updateDate {
    font: 500 16px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
    color: white;
    letter-spacing: 0.7px;
  }
  @media (max-width: 479px) {
    .layoutSection .updateDate {
      width: 100%;
    }
  }
  .layoutSection .additionalInfoBlock {
    margin: 2px 0;
    width: 1px;
    min-height: 20px;
    background-color: white;
  }
  @media (max-width: 479px) {
    .layoutSection .additionalInfoBlock {
      display: none !important;
      margin: 0;
    }
  }
  .layoutSection .copyrightStatement {
    font: 500 16px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
    color: white;
    letter-spacing: 0.7px;
  }
  @media (max-width: 479px) {
    .layoutSection .copyrightStatement {
      width: 100%;
    }
  }
  .layoutSection .goBackBtn {
        display: none;
    }
    @media (max-width: 767px) {
        .layoutSection .goBackBtn {
            display: block;
        }
    }