@media only screen and (max-width: 768px) {
  /* common */
  .bnzv3_container .mb_hidden {
    display: none !important;
  }
  .bnzv3_container {
    font-size: 17px;
  }
  .bnzv3_container .dryeye_button {
    padding: 6px 20px;
    font-size: 18px;
  }
  .bnzv3_container .bt-box {
    margin-top: 20px;
  }
  .bnzv3_container .s1 .btn_box .bt-box .animated-button1 {
    font-size: 22px;
    margin: auto;
    width: 64vw;
    padding: 3px 0;
  }
  .animated-button1 {
    font-size: 20px;
  }
  .bnzv3_container .imgbg {
    width: 40vw;
  }

  .bnzv3_container h2 {
    margin-bottom: 15vw;
  }
  .bnzv3_container h2 span {
    padding: 5px 0;
  }
  .bnzv3_container h2::before {
    border-radius: 10px;
  }

  .bnzv3_container .container {
    width: 95vw;
    margin: 0 auto;
    padding: unset;
    max-width: 95vw !important;
  }

  /* s1 */
  .bnzv3_container .s1 {
    /* margin-top: 15vw; */
  }
  .bnzv3_container .s1 .container {
    /* padding-top: 15vw; */
  }
  .bnzv3_container .s1 h2 {
    text-shadow: rgb(255 255 255) 3px 0px 0px,
      rgb(255 255 255) 2.83333px 0.983333px 0px,
      rgb(255 255 255) 2.35px 1.85px 0px,
      rgb(255 255 255) 1.61667px 2.51667px 0px,
      rgb(255 255 255) 0.7px 2.91667px 0px,
      rgb(255 255 255) -0.283333px 2.98333px 0px,
      rgb(255 255 255) -1.25px 2.73333px 0px,
      rgb(255 255 255) -2.06667px 2.16667px 0px,
      rgb(255 255 255) -2.66667px 1.36667px 0px,
      rgb(255 255 255) -2.96667px 0.416667px 0px,
      rgb(255 255 255) -2.95px -0.566667px 0px,
      rgb(255 255 255) -2.6px -1.5px 0px,
      rgb(255 255 255) -1.96667px -2.26667px 0px,
      rgb(255 255 255) -1.11667px -2.78333px 0px,
      rgb(255 255 255) -0.133333px -3px 0px,
      rgb(255 255 255) 0.85px -2.88333px 0px,
      rgb(255 255 255) 1.75px -2.43333px 0px,
      rgb(255 255 255) 2.45px -1.73333px 0px,
      rgb(255 255 255) 2.88333px -0.833333px 0px;
    /* font-family: Arial; */
    /* font-size: 32px; */
    text-align: center;
  }
  .bnzv3_container .s1 .btn_box {
    width: 80vw;
    margin: auto;
    padding: 10vw 0vw 5vw;

    border-radius: 50px 20px 20px 20px;
  }
  .bnzv3_container .s1 .btn_box .bt-box {
    justify-content: start;
  }
  .bnzv3_container .s1 .btn_box img {
    width: 49vw;
    position: absolute;
    right: 0;
    top: -24vw;
    left: 0;
    margin: auto;
  }
  .bnzv3_container .s1 .p1 {
    /* margin-top: 10vw; */
    margin-bottom: 5vw;
  }

  .bnzv3_container .s1 .imgbg1 {
    width: 60vw;
    top: 65vw;
  }

  /* s2 */
  .bnzv3_container .s2 {
    margin-top: 15vw;
  }

  .bnzv3_container .s2 h2::before {
    width: 49%;
    height: 158%;
  }
  .bnzv3_container .s2 p {
    width: 90vw;
    margin: 0 auto;
    border-radius: 70px 10px 70px 10px;
    padding: 5vw 8vw;
    padding-top: 7vw;
    padding-left: 9vw;
    text-align: justify;
  }
  .bnzv3_container .s2 p::before {
    border-radius: 70px 10px 70px 10px;
    border: solid 2px #52da9b;
    top: 2vw;
    left: 2vw;
  }

  /* s3 */
  .bnzv3_container .s3 {
    margin-top: 15vw;
  }
  .bnzv3_container .s3 .imgbg1 {
    width: 80vw;
    bottom: 60vw;
  }
  .bnzv3_container .s3 .imgbg2 {
    width: 80vw;
    top: 40vw;
  }
  .bnzv3_container .s3 h3 {
    display: block;
    width: 55vw;
    margin: 0 auto;
    padding: 4vw 0;
    margin-bottom: 10vw;
  }
  .bnzv3_container .s3 ul {
    flex-flow: column;
  }
  .bnzv3_container .s3 ul li {
    flex-flow: row;
    justify-content: start;
    width: 90vw;
    margin: 0 auto;
    margin-bottom: 10vw;
    font-size: 18px;
  }

  .bnzv3_container .s3 ul li img {
    width: 45vw;
    margin-right: 4vw;
  }

  .s11 {
    margin-bottom: 0 !important;
  }
  /* s4 */
  .bnzv3_container .s4 {
    margin-top: 15vw;
    /* padding: 20vw 0; */
  }
  .bnzv3_container .s4 h2::before {
    width: 48%;
    height: 158%;
  }
  .bnzv3_container .s4 h2 img {
    position: absolute;
    width: 53vw;
  }
  .bnzv3_container .s4 h3 {
    padding: 5vw 3vw;
    margin: 10vw 0;
  }

  .bnzv3_container .s4 ul {
    flex-wrap: wrap;
    width: 95vw;
    margin: 5vw auto;
    justify-content: space-around;
    margin-top: 10vw;
  }

  .bnzv3_container .s4 ul li {
    width: 80vw;
    margin-bottom: 10vw;
    border-radius: 20px;
    flex-flow: revert;
  }
  .bnzv3_container .s4 ul li p {
    height: 20vw;
    order: 2;
    font-size: 18px;
    margin-left: 5vw;
  }

  .bnzv3_container .s4 ul li img {
    width: 35vw;
    order: 1;
    border-radius: 20px;
  }
  .bnzv3_container .s4 ul li span {
    width: 10vw;
    height: 10vw;
    top: -5vw;
  }

  /* .bnzv3_container .s4 .end_notice {
        background: unset;
        border: 1px solid #fff;
        border-radius: 100px;
        padding: 5vw 7vw;
        text-align: justify;
    } */

  .bnzv3_container .s4 .end_notice {
    width: 90vw;
    margin: 0 auto;
    border-radius: 70px 10px 70px 10px;
    padding: 5vw 8vw;
    padding-top: 7vw;
    padding-left: 9vw;
    text-align: justify;
  }
  .bnzv3_container .s4 .end_notice::before {
    border-radius: 70px 10px 70px 10px;
    border: solid 2px #52da9b;
    top: 2vw;
    left: 2vw;
  }

  /* s5 */
  .bnzv3_container .s5 {
    margin-top: 15vw;
  }
  .s5 p a i {
    font-size: 0.69em !important;
  }
  .bnzv3_container .s5 h2 span {
    font-size: 6.15vw;
  }
  .bnzv3_container .s5 img {
    width: 95vw;
    margin: 7vw auto;
  }

  .bnzv3_container .s5 .end_p {
    width: 90vw;
    margin: 0 auto;
    border-radius: 70px 10px 70px 10px;
    padding: 5vw 8vw;
    padding-top: 9vw;
    padding-left: 10vw;
    text-align: justify;
  }

  .bnzv3_container .s5 p::before {
    border-radius: 70px 10px 70px 10px;
    border: solid 2px #52da9b;
    top: 2vw;
    left: 2vw;
  }

  /* s6 */

  .bnzv3_container .s6 {
    margin-top: 15vw;
  }
  .bnzv3_container .s6 h3 {
    font-weight: 900;
    font-size: 22px;
    margin-bottom: 5vw;
  }
  .bnzv3_container .s6 ul {
    flex-flow: column;
    margin-top: 2vw;
  }
  .bnzv3_container .s6 ul li {
    flex-flow: row;
    margin-top: 7vw;
    justify-content: start;
  }
  .bnzv3_container .s6 ul li img {
    width: 40vw;
    margin-right: 2vw;
  }
  .bnzv3_container .s6 ul li p {
    text-align: left;
    font-size: 18px;
  }

  .bnzv3_container .s6 ul li span {
    width: 13vw;
    height: 13vw;
    font-size: 14px;
    top: 1vw;
  }

  .bnzv3_container .s6 .benefit {
    margin-top: 10vw;
  }
  .bnzv3_container .s6 .benefit h4 {
    padding: 3vw 2vw;
    width: 90vw;
    font-size: 22px;
  }
  .bnzv3_container .s6 .benefit ul {
    width: 90vw;
    margin: 0 auto;
  }
  .bnzv3_container .s6 .benefit ul li {
    margin-top: 3vw;
    padding: 2vw 1vw;
    padding-left: 8vw;
    font-size: 18px;
  }
  .bnzv3_container .s6 .benefit ul li:nth-child(1) {
    width: 43vw;
  }
  .bnzv3_container .s6 .benefit ul li:nth-child(2) {
    width: 57vw;
  }
  .bnzv3_container .s6 .benefit ul li img {
    width: 5vw;
    left: 2vw;
  }

  /* s7 */
  .bnzv3_container .s7 {
    margin-top: 15vw;
    padding-top: 10vw;
    padding-bottom: 15vw;
  }
  .bnzv3_container .s7 h2 img {
    position: absolute;
    width: 33vw;
  }
  .bnzv3_container .s7 .sec_con_table table {
    margin-left: 0;
    width: 95vw;
    font-size: 13px;
    margin: 5vw auto;
  }
  .bnzv3_container .s7 .sec_con_table table thead tr,
  .bnzv3_container .s7 .sec_con_table table tbody tr {
    height: auto;
  }
  table th,
  .bnzv3_container .s7 .sec_con_table table tbody th,
  .bnzv3_container .s7 .sec_con_table table tbody th:nth-child(1) {
    padding: 5px;
  }

  .bnzv3_container .s7 .sec_con_table table tbody th > div {
    display: block;
  }
  .bnzv3_container .s7 .sec_con_table table tbody th:nth-child(1) > div {
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: center;
  }
  .bnzv3_container .s7 .sec_con_table table tbody th:nth-child(1) > div img {
    width: 20px;
    margin-right: 0px;
  }
  .bnzv3_container .s7 .sec_con_table table tbody th > div img {
    width: 13px;
    margin-right: 5px;
  }
  .bnzv3_container .s7 .sec_con_table table tbody .other_style > span {
    font-size: 10px;
  }

  .bnzv3_container .s7 .sec_con_table .table_img {
    display: none;
    width: 95vw;
    margin: 0 auto;
  }

  /* s8 */

  .bnzv3_container .s8 {
    margin-top: 15vw;
  }

  .bnzv3_container .s8 h2::before {
    width: 41%;
    height: 158%;
  }
  .bnzv3_container .s8 .imgbg1 {
    width: 70vw;
    top: 175vw;
  }
  .bnzv3_container .s8 .imgbg2 {
    width: 70vw;
    top: 65vw;
  }
  .bnzv3_container .s8 ul li {
    margin-bottom: 10vw;
    text-align: justify;
  }
  .bnzv3_container .s8 ul li img {
    width: 40vw;
    margin-right: 3vw;
  }
  .bnzv3_container .s8 ul li:nth-child(even) img {
    margin-right: unset;
    margin-left: 3vw;
  }

  /* s9 */
  .bnzv3_container .s9 {
    margin-top: 15vw;
  }
  .bnzv3_container .s9 h2::before {
    width: 49%;
    height: 158%;
    border: solid 2px #3dc1ee;
  }
  .bnzv3_container .s9 .accordion h2 {
    display: flex;
    align-items: center;
    justify-content: start;
    border-bottom: 2px solid #3dc1ee;
    padding: 0;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 900;
    line-height: 27px;
    color: #3dc1ee;
    text-align: left;
  }
  .bnzv3_container .s9 .accordion h2::before {
    display: none;
  }
  .bnzv3_container .s9 .c-1b407a {
    color: #3dc1ee !important;
  }

  /* s10 */

  .bnzv3_container .s10 {
    margin-top: 15vw;
    padding: 15vw 0;
  }

  .bnzv3_container .s10 #appoint-form {
    width: 80vw;
    margin: 0 auto;
    margin-top: 10vw;
  }

  .bnzv3_container .s10 #appoint-form .required {
    width: 80vw;
    border-radius: 8px;
    margin-bottom: 5vw;
    border: none;
    color: #838383;
    font-size: 14px;
    padding: 8px 15px;
    height: 35px;
  }

  .bnzv3_container .s10 #appoint-form .readmore span {
    font-size: 23px;
  }
}

/* .new-btn-box {
  width: 80vw;
  height: 80vw;
  margin: 0 auto;
  background: url("https://statichk.cmermedical.com/hkcmereye/bnzV2/new-bnz-Box-MB.webp")
    no-repeat;
  background-size: 100% auto;
  position: relative;
} */

/* 文字描述 */
/* .bnzv3_container .new-btn-box h2 {
  padding-top: 28.95vw;
  margin-right: 4.82vw;
  margin-bottom: 0;
  margin-left: auto;
  color: #78b58b;
  width: fit-content;
  font-size: 6.54vw;
  font-style: normal;
  font-weight: 900;
} */

/* 按钮 */
/* .new-btn-box .bt-box {
  justify-content: flex-end;
  margin-top: 0;
} */

/* .new-btn-box .bt-box .animated-button1 {
  padding: 1.03vw 0;
  margin: 0;
  margin-top: 0.51vw;
  margin-right: 2.82vw;
  width: 43.41vw;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans HK";
  font-size: 4.03vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.26;
  letter-spacing: 0.33vw;
} */

/* 跳转测试 */
/* .new-btn-box .new-btn-test {
  position: absolute;
  bottom: 3.85vw;
  right: 0;
  display: flex;
  width: 49.69vw;
  height: 11.46vw;
  padding: 0.51vw 2.05vw;
  color: #fff;
  font-family: "Noto Sans HK";
  font-size: 4.8vw;
  font-style: normal;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: 0.38vw;
  background: linear-gradient(90deg, #65dbff 0%, #b37be0 100%);
  box-shadow: 0px 2.368px 2.368px 0px rgba(17, 21, 222, 0.25) !important;
} */

.cssbuttons-io-button {
  background-image: linear-gradient(19deg, #21d4fd 0%, #b721ff 100%);
  color: white;
  font-family: inherit;
  padding: 0.35em;
  padding-left: 1.2em;
  font-size: 4.36vw;
  border-radius: 10em;
  border: none;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  height: 2.8em;
  padding-right: 3.3em;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 500;
  box-shadow: 0 0 1.6em rgba(183, 33, 255, 0.3),
    0 0 1.6em hsla(191, 98%, 56%, 0.3);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.cssbuttons-io-button .icon {
  background: white;
  margin-left: 1em;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;

  height: 6.9vw;
  width: 6.9vw;
  border-radius: 10em;
  right: 1.28vw;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.cssbuttons-io-button:hover .icon {
  width: calc(100% - 2.56vw);
}

.cssbuttons-io-button .icon svg {
  width: 0.8em;
  height: 0.8em;
  transition: transform 0.3s;
  color: #b721ff;
}

.cssbuttons-io-button:hover .icon svg {
  transform: translateX(0.1em);
}

.cssbuttons-io-button:active .icon {
  transform: scale(0.9);
}

/* Banner样式 */

.new-btn-Banner .new-btn-Banner-Box {
  width: 100vw;
  height: 60.77vw;
  margin: 0 auto;
  margin-top: 15vw;
  background: url("https://statichk.cmermedical.com/hkcmereye/bnzV2/bnz-mb-Banner.avif")
    no-repeat;
  background-size: 100% auto;
  position: relative;
}

/* 文字描述 */
.new-btn-Banner h2 {
  padding-top: 12.31vw;
  margin-right: 8.21vw;
  margin-bottom: 0;
  margin-left: auto;
  text-align: center;
  color: #78b58b;
  width: fit-content;
  color: #78b58b;
  text-align: center;
  font-family: "Noto Sans HK";
  font-size: 7.18vw;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff,
    2px 2px 0 #fff;
}

/* 按钮 */
.new-btn-Banner .bt-box {
  justify-content: flex-end;
  margin-top: 3.33vw;
}

.new-btn-Banner .bt-box .animated-button1 {
  padding: 1.03vw 0;
  margin: 0;
  margin-top: 0.51vw;
  margin-right: 8.21vw;
  width: 43.41vw;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans HK";
  font-size: 4.03vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.26;
  letter-spacing: 0.33vw;
}

/* 跳转测试 */
.new-btn-Banner .new-btn-test {
  margin: 17px auto;
  display: flex;
  width: 49.69vw;
  height: 11.46vw;
  padding: 0.51vw 2.05vw;
  color: #fff;
  font-family: "Noto Sans HK";
  font-size: 4.8vw;
  font-style: normal;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: 0.38vw;
  background: linear-gradient(90deg, #65dbff 0%, #b37be0 100%);
  box-shadow: 0px 2.368px 2.368px 0px rgba(17, 21, 222, 0.25) !important;
}
