@media screen and (min-width: 751px) {
  .footer_pc_box {
    display: block;
  }
  .footer_mobile_box {
    display: none;
  }
  #hkmp_footer {
    padding: 0px 20px;
    background: var(--header-bac-color);
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.16);
  }
  #hkmp_footer .hkmp_footer {
    display: flex;
    align-items: center;
    height: 50px;
    font-size: var(--fz14);
  }
  #hkmp_footer .hkmp_footer-culture {
    display: flex;
    align-items: center;
  }
  #hkmp_footer .hkmp_footer-culture-logo {
    width: 204px;
    margin-right: 30px;
    /*display: none;*/
  }
  #hkmp_footer .hkmp_footer-culture-img {
    margin-right: 30px;
    /* width: 136px;
    height: 95px; */
    background: var(--footer-w3c-image);
    height: 31px;
    width: 88px;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  #hkmp_footer .hkmp_footer-menu {
    margin-left: auto;
  }
  #hkmp_footer .hkmp_footer-menu-nav-group {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #060606;
    justify-content: end;
  }
  #hkmp_footer .hkmp_footer-menu-nav-group-item {
    display: flex;
    align-items: center;
    font-size: var(--fz16);
    font-weight: bold;
    margin-right: 20px;
  }
  #hkmp_footer .hkmp_footer-menu-nav-group-item:hover {
    text-decoration: underline;
  }
  #hkmp_footer .hkmp_footer-menu-nav-group-item-icon {
    font-size: var(--fz16);
    font-weight: bold;
    margin-right: 10px;
    color: var(--footer-item-icon-color);
  }
  #hkmp_footer .hkmp_footer-menu-nav-group-item .item-text {
    color: var(--footer-item-text-color);
  }
  #hkmp_footer .hkmp_footer-menu-version-date {
    margin-top: 15px;
    font-weight: bold;
    color: var(--footer-date-color);
  }

  #hkmp_footer .hkmp_footer-menu-version-date .special-word {
    color: var(--footer-word-color);
    font-weight: 500;
  }

  .scrolltotopButton {
    border: none;
    outline: 0;
    margin: 0;
    border-radius: 50%;
    background-color: rgb(169 168 168/55%);
    position: fixed;
    z-index: 0;
    bottom:280px;
    transform: rotate(90deg);
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    right: 10px;
    padding: 10px;
  }
}

@media screen and (min-width: 1024px) {
  #hkmp_footer .footer_pc_box .hkmp_footer-menu-version-date .special-word {
    margin-left: 20px;
  }
}

@media screen and (max-width: 1023px) {
  #hkmp_footer .footer_pc_box .hkmp_footer-menu-version-date .special-word {
    display: block;
  }
}

@media screen and (max-width: 1023px) {
  #hkmp_footer .footer_pc_box .hkmp_footer-menu {
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .footer_pc_box {
    display: none;
  }
  .footer_mobile_box {
    /* display: block; */
    padding: 0px 0px 8px;
    display: flex;
    justify-content: end;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 8px;
    margin-right: 8px;
  }
  #hkmp_footer {
    background: var(--header-bac-color);
  }
  #hkmp_footer .hkmp_footer {
    display: flex;
    align-items: center;
    height: 113px;
    font-size: var(--fz14);
  }
  #hkmp_footer .hkmp_footer-culture {
    margin-top: 15px;
    margin-bottom: 21px;
    align-items: center;
    display: inline-flex;
    float: left;
  }
  #hkmp_footer .hkmp_footer-culture-logo {
    /* margin-right: 51px; */
    width: 128px;
    /* width: 204px; */
    margin-right: 30px;
  }
  #hkmp_footer .hkmp_footer-culture-img {
    /* margin-right: 51px; */
    width: 74.45652173913043px;
    height: 30px;
    background: var(--footer-w3c-image);
    background-size: 100% auto;
    background-repeat: no-repeat;
    /* height: 31px; */
    /* width: 88px; */
    /* margin-right: 30px; */
  }
  #hkmp_footer .hkmp_footer-menu-nav {
    font-size: var(--fz12);
    font-weight: 500;
    color: #000000;
    padding-top: 10px;
  }
  #hkmp_footer .hkmp_footer-menu-nav-group {
    display: flex;
    flex-wrap: nowrap;
  }
  #hkmp_footer .hkmp_footer-menu-nav-group-item {
    /* width: 25%; */
    /*display: flex;
    align-items: center;*/
    text-align: center;
    margin-bottom: 18px;
  }
  #hkmp_footer .hkmp_footer-menu-nav-group-item-icon {
    font-size: var(--fz18);
    font-weight: bold;
    margin-right: 10px;
    color: var(--footer-item-icon-color);
  }
  #hkmp_footer .hkmp_footer-menu-nav-group-item .item-text {
    color: var(--footer-item-text-color);
  }
  #hkmp_footer .hkmp_footer-menu-version-date {
    margin-top: 15px;
    margin-bottom: 21px;
    height: 50px;
    font-weight: bold;
    color: var(--footer-date-color);
    float: right;
  }
  #hkmp_footer .hkmp_footer-menu-version-date span {
    font-size: var(--fz14);
    font-weight: 400;
  }
  #hkmp_footer .hkmp_footer-menu-version-date .special-word {
    color: var(--footer-word-color);
    font-size: var(--fz14);
    font-weight: 400;
    display: block;
  }
  #hkmp_footer .footer_mobile_box::after {
    content: "";
    display: table;
    clear: both;
  }
  #hkmp_footer .footer_mobile_box ul.hkmp_footer-menu-nav-group > li {
    margin-right: 5px;
  }
  #hkmp_footer .footer_mobile_box ul.hkmp_footer-menu-nav-group > li > a {
    white-space: nowrap;
  }
}
#hkmp_footer .hkmp_footer-menu-version-date{
  display: none;
}
#hkmp_footer .backToTop {
  position: fixed;
  bottom: 50px;
}