/* Hsiu CSS */

@import url("https://fonts.googleapis.com/css2?family=Alex+Brush&family=Noto+Sans+TC:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

body {
  font-family: "Poppins", "Noto Sans TC", "Roboto", "Microsoft JhengHei",
    "Microsoft YaHei", sans-serif, Arial;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 400;
  color: #0c2f54;
  background: #fbfdff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", "Noto Sans TC", "Roboto", "Microsoft JhengHei",
    "Microsoft YaHei", sans-serif, Arial;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  color: #0c2f54;
  font-weight: 400;
}

p {
  font-family: "Poppins", "Noto Sans TC", "Roboto", "Microsoft JhengHei",
    "Microsoft YaHei", sans-serif, Arial;
  margin: 0;
  font-size: 1.2rem;
  color: #0c2f54;
  font-weight: 400;
}

a {
  color: #0c2f54;
  font-weight: 400;
  text-decoration: none;
}

footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}

a:focus,
a:hover,
a:active,
.btn:focus,
button,
button:focus,
.btn-close:focus,
.btn-close:active {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.clearfix {
  display: block;
}

ul,
ol {
  padding: 0;
  list-style: none;
}

hr {
  border: none;
  background: #0c2f54;
  background: repeating-linear-gradient(
    90deg,
    #0c2f54,
    #0c2f54 6px,
    transparent 6px,
    transparent 12px
  );
}

.relative {
  position: relative;
}

.border-r-20 {
  border-radius: 20px;
}

.t-orange {
  color: #f18c1d;
}

.t-white {
  color: #ffffff;
}

.bg-lightblue {
  background-color: #e6eef7;
}

.bg-blue {
  background-color: #0c2f54;
}

.btn {
  margin: 0;
  padding: 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  border-radius: 100px;
}
.btn:hover {
  color: #deeaff;
}
.btn-blue {
  color: #ffffff;
  background: #0c2f54;
}

.btn-blue:hover {
  color: #ffffff !important;
  background: #0c2f54;
}

.btn-line {
  background-color: #4cc764;
  background-repeat: no-repeat;
  background-position: 100px center;
  color: #ffffff;
  font-weight: bolder;
}

.btn-facebook-word {
  background-color: #0866ff;
  color: #fff;
  padding: 0.4rem 0.4rem;
  font-size: 1rem;
}

.btn-facebook {
  background-color: #0866ff;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_366_2)'%3E%3Cpath d='M40 20C40 8.9544 31.0456 0 20 0C8.9544 0 0 8.9544 0 20C0 29.3792 6.4576 37.2496 15.1688 39.4112V26.112H11.0448V20H15.1688V17.3664C15.1688 10.5592 18.2496 7.404 24.9328 7.404C26.2 7.404 28.3864 7.6528 29.2808 7.9008V13.4408C28.8088 13.3912 27.9888 13.3664 26.9704 13.3664C23.6912 13.3664 22.424 14.6088 22.424 17.8384V20H28.9568L27.8344 26.112H22.424V39.8536C32.3272 38.6576 40.0008 30.2256 40.0008 20H40Z' fill='white'/%3E%3Cpath d='M27.8335 26.112L28.9559 20H22.4231V17.8384C22.4231 14.6088 23.6903 13.3664 26.9695 13.3664C27.9879 13.3664 28.8079 13.3912 29.2799 13.4408V7.90079C28.3855 7.65199 26.1991 7.40399 24.9319 7.40399C18.2487 7.40399 15.1679 10.5592 15.1679 17.3664V20H11.0439V26.112H15.1679V39.4112C16.7151 39.7952 18.3335 40 19.9991 40C20.8191 40 21.6279 39.9496 22.4223 39.8536V26.112H27.8327H27.8335Z' fill='%230866FF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_366_2'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px;
}

.btn-line:hover,
.btn-facebook:hover {
  color: #ffffff;
}

.mb-6 {
  margin-bottom: 6rem;
}

.w-90 {
  width: 90%;
}

.w-85 {
  width: 85%;
}

.w-80 {
  width: 80%;
}

.w-70 {
  width: 70%;
}

.w-60 {
  width: 60%;
}

.t-10 {
  font-size: 1rem;
}

.border-radius-30 {
  border-radius: 30px;
}

.order-first {
  order: 0 !important;
}

/* icon  .........................................................*/

.icon-20 {
  background-repeat: no-repeat;
  display: flex;
  width: 20px;
  height: 20px;
}

.i-phone {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.7726 14.6976L15.2522 12.1769C14.7502 11.6769 13.9188 11.6921 13.3993 12.2118L12.1295 13.4813C12.0493 13.4371 11.9663 13.3909 11.879 13.3419C11.0771 12.8976 9.97962 12.2886 8.82474 11.1329C7.66644 9.97475 7.05691 8.87557 6.61124 8.07319C6.56422 7.98818 6.51916 7.90622 6.47466 7.82839L7.32688 6.97744L7.74587 6.55794C8.26617 6.03749 8.28052 5.20636 7.77967 4.70491L5.25925 2.18392C4.7584 1.68317 3.92667 1.69836 3.40636 2.21881L2.69602 2.93323L2.71543 2.9525C2.47724 3.25642 2.27821 3.60695 2.13009 3.98495C1.99356 4.34477 1.90855 4.68812 1.86968 5.03218C1.53688 7.79121 2.79767 10.3128 6.21931 13.7344C10.9491 18.4639 14.7606 18.1066 14.925 18.0891C15.2832 18.0463 15.6264 17.9608 15.9752 17.8253C16.3499 17.6789 16.7002 17.4802 17.0039 17.2425L17.0195 17.2563L17.7391 16.5516C18.2583 16.0313 18.2733 15.1999 17.7726 14.6976Z' fill='%230C2F54'/%3E%3C/svg%3E%0A");
  margin: 0.4rem 0.2rem 0 0;
}

.i-place {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.28571 7.76029C8.28571 6.8551 9.05714 6.11449 10 6.11449C10.9514 6.11449 11.7143 6.8551 11.7143 7.76029C11.7143 8.66548 10.9514 9.40608 10 9.40608C9.05714 9.40608 8.28571 8.66548 8.28571 7.76029ZM10 2C6.69229 2 4 4.5839 4 7.76029C4 10.6742 8.76914 16.8788 9.31343 17.5766L10 18.4571L10.6866 17.5766C11.2309 16.8788 16 10.6742 16 7.76029C16 4.5839 13.3077 2 10 2Z' fill='%230C2F54'/%3E%3C/svg%3E%0A");
  margin: 0.4rem 0.2rem 0 0;
}

.i-place-stroke {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.31343 17.144L9.70348 16.8311L9.70343 16.8311L9.31343 17.144ZM10 18L9.60995 18.3128L10 18.7992L10.39 18.3128L10 18ZM10.6866 17.144L10.2966 16.8311L10.2965 16.8311L10.6866 17.144ZM8.68181 8.12468C8.68181 7.51323 9.23821 6.94459 9.99999 6.94459V5.94459C8.76177 5.94459 7.68181 6.88803 7.68181 8.12468H8.68181ZM9.99999 6.94459C10.7692 6.94459 11.3182 7.51167 11.3182 8.12468H12.3182C12.3182 6.88959 11.249 5.94459 9.99999 5.94459V6.94459ZM11.3182 8.12468C11.3182 8.73769 10.7692 9.30476 9.99999 9.30476V10.3048C11.249 10.3048 12.3182 9.35976 12.3182 8.12468H11.3182ZM9.99999 9.30476C9.23821 9.30476 8.68181 8.73613 8.68181 8.12468H7.68181C7.68181 9.36132 8.76177 10.3048 9.99999 10.3048V9.30476ZM10 1.5C6.44922 1.5 3.5 4.20403 3.5 7.60028H4.5C4.5 4.82022 6.93535 2.5 10 2.5V1.5ZM3.5 7.60028C3.5 8.42347 3.83882 9.41498 4.30074 10.403C4.76982 11.4063 5.39632 12.4684 6.03287 13.4518C7.30662 15.4195 8.64702 17.1123 8.92343 17.4568L9.70343 16.8311C9.43555 16.4972 8.11923 14.8346 6.87234 12.9084C6.24857 11.9447 5.64877 10.9252 5.20662 9.97946C4.75732 9.01844 4.5 8.19357 4.5 7.60028H3.5ZM8.92338 17.4568L9.60995 18.3128L10.39 17.6872L9.70348 16.8311L8.92338 17.4568ZM10.39 18.3128L11.0766 17.4568L10.2965 16.8311L9.60995 17.6872L10.39 18.3128ZM11.0766 17.4568C11.353 17.1123 12.6934 15.4195 13.9671 13.4518C14.6037 12.4684 15.2302 11.4063 15.6993 10.403C16.1612 9.41498 16.5 8.42347 16.5 7.60028H15.5C15.5 8.19357 15.2427 9.01844 14.7934 9.97946C14.3512 10.9252 13.7514 11.9447 13.1277 12.9084C11.8808 14.8346 10.5645 16.4972 10.2966 16.8311L11.0766 17.4568ZM16.5 7.60028C16.5 4.20403 13.5508 1.5 10 1.5V2.5C13.0646 2.5 15.5 4.82022 15.5 7.60028H16.5Z' fill='%230C2F54'/%3E%3C/svg%3E%0A");
  margin: 0.3rem 0.3rem 0 0;
  background-position: 0rem 0.1rem;
  padding: 0.6rem 0;
}

.i-place-stroke-white {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.31343 17.144L9.70348 16.8311L9.70343 16.8311L9.31343 17.144ZM10 18L9.60995 18.3128L10 18.7992L10.39 18.3128L10 18ZM10.6866 17.144L10.2966 16.8311L10.2965 16.8311L10.6866 17.144ZM8.68181 8.12468C8.68181 7.51323 9.23821 6.94459 9.99999 6.94459V5.94459C8.76177 5.94459 7.68181 6.88803 7.68181 8.12468H8.68181ZM9.99999 6.94459C10.7692 6.94459 11.3182 7.51167 11.3182 8.12468H12.3182C12.3182 6.88959 11.249 5.94459 9.99999 5.94459V6.94459ZM11.3182 8.12468C11.3182 8.73769 10.7692 9.30476 9.99999 9.30476V10.3048C11.249 10.3048 12.3182 9.35976 12.3182 8.12468H11.3182ZM9.99999 9.30476C9.23821 9.30476 8.68181 8.73613 8.68181 8.12468H7.68181C7.68181 9.36132 8.76177 10.3048 9.99999 10.3048V9.30476ZM10 1.5C6.44922 1.5 3.5 4.20403 3.5 7.60028H4.5C4.5 4.82022 6.93535 2.5 10 2.5V1.5ZM3.5 7.60028C3.5 8.42347 3.83882 9.41498 4.30074 10.403C4.76982 11.4063 5.39632 12.4684 6.03287 13.4518C7.30662 15.4195 8.64702 17.1123 8.92343 17.4568L9.70343 16.8311C9.43555 16.4972 8.11923 14.8346 6.87234 12.9084C6.24857 11.9447 5.64877 10.9252 5.20662 9.97946C4.75732 9.01844 4.5 8.19357 4.5 7.60028H3.5ZM8.92338 17.4568L9.60995 18.3128L10.39 17.6872L9.70348 16.8311L8.92338 17.4568ZM10.39 18.3128L11.0766 17.4568L10.2965 16.8311L9.60995 17.6872L10.39 18.3128ZM11.0766 17.4568C11.353 17.1123 12.6934 15.4195 13.9671 13.4518C14.6037 12.4684 15.2302 11.4063 15.6993 10.403C16.1612 9.41498 16.5 8.42347 16.5 7.60028H15.5C15.5 8.19357 15.2427 9.01844 14.7934 9.97946C14.3512 10.9252 13.7514 11.9447 13.1277 12.9084C11.8808 14.8346 10.5645 16.4972 10.2966 16.8311L11.0766 17.4568ZM16.5 7.60028C16.5 4.20403 13.5508 1.5 10 1.5V2.5C13.0646 2.5 15.5 4.82022 15.5 7.60028H16.5Z' fill='white'/%3E%3C/svg%3E%0A");
  margin: 0.4rem 0.5rem 0 0;
  background-position: 0rem 0.1rem;
  padding: 0.6rem 0;
}

.i-mail-stroke {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_296_59)'%3E%3Cpath d='M3.00779 5H16.993C17.2701 5 17.5218 5.11425 17.7045 5.29856L17.7185 5.31398C17.8931 5.49698 18 5.74534 18 6.01802V14.1846C18 14.4641 17.8869 14.7182 17.7045 14.9028V14.9043C17.5218 15.0881 17.2704 15.2029 16.993 15.2029H3.00779C2.73068 15.2029 2.47815 15.0881 2.29626 14.9043L2.28229 14.8887C2.10764 14.7057 2 14.4573 2 14.1846V6.01828C2 5.73881 2.11359 5.48391 2.29626 5.30012V5.29856C2.47815 5.11425 2.73042 5 3.00779 5ZM2.78631 5.52992L10.0005 12.6709L17.2145 5.52992C17.1469 5.49803 17.0714 5.48025 16.993 5.48025H3.00779C2.9294 5.48025 2.85384 5.49803 2.78631 5.52992ZM17.5131 5.90482L12.8138 10.5557L17.4595 14.4427C17.5014 14.3663 17.5247 14.2782 17.5247 14.1849V6.01828C17.5247 5.97906 17.5203 5.94115 17.5131 5.90482ZM12.4728 10.8937L10.1661 13.1768C10.0745 13.268 9.92626 13.2688 9.83389 13.1768L7.52722 10.8937L2.95501 14.7198C2.97261 14.7213 2.9902 14.7219 3.00779 14.7219H16.993C17.0106 14.7219 17.0282 14.7211 17.0458 14.7198L12.4728 10.8937ZM7.1862 10.5557L2.48773 5.90482C2.47971 5.94115 2.47608 5.9788 2.47608 6.01828V14.1849C2.47608 14.2782 2.49963 14.3663 2.54129 14.4427L7.1862 10.5557Z' fill='%230C2F54' stroke='%230C2F54' stroke-width='0.3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_296_59'%3E%3Crect width='16' height='10.2029' fill='white' transform='translate(2 5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  margin: 0.4rem 0.5rem 0 0;
  background-position: 0rem 0.1rem;
  padding: 0.6rem 0;
}

.i-mail-stroke-white {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_314_79)'%3E%3Cpath d='M3.00779 5H16.993C17.2701 5 17.5218 5.11425 17.7045 5.29856L17.7185 5.31398C17.8931 5.49698 18 5.74534 18 6.01802V14.1846C18 14.4641 17.8869 14.7182 17.7045 14.9028V14.9043C17.5218 15.0881 17.2704 15.2029 16.993 15.2029H3.00779C2.73068 15.2029 2.47815 15.0881 2.29626 14.9043L2.28229 14.8887C2.10764 14.7057 2 14.4573 2 14.1846V6.01828C2 5.73881 2.11359 5.48391 2.29626 5.30012V5.29856C2.47815 5.11425 2.73042 5 3.00779 5ZM2.78631 5.52992L10.0005 12.6709L17.2145 5.52992C17.1469 5.49803 17.0714 5.48025 16.993 5.48025H3.00779C2.9294 5.48025 2.85384 5.49803 2.78631 5.52992ZM17.5131 5.90482L12.8138 10.5557L17.4595 14.4427C17.5014 14.3663 17.5247 14.2782 17.5247 14.1849V6.01828C17.5247 5.97906 17.5203 5.94115 17.5131 5.90482ZM12.4728 10.8937L10.1661 13.1768C10.0745 13.268 9.92626 13.2688 9.83389 13.1768L7.52722 10.8937L2.95501 14.7198C2.97261 14.7213 2.9902 14.7219 3.00779 14.7219H16.993C17.0106 14.7219 17.0282 14.7211 17.0458 14.7198L12.4728 10.8937ZM7.1862 10.5557L2.48773 5.90482C2.47971 5.94115 2.47608 5.9788 2.47608 6.01828V14.1849C2.47608 14.2782 2.49963 14.3663 2.54129 14.4427L7.1862 10.5557Z' fill='white' stroke='white' stroke-width='0.3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_314_79'%3E%3Crect width='16' height='10.2029' fill='white' transform='translate(2 5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  margin: 0.4rem 0.5rem 0 0;
  background-position: 0rem 0.1rem;
  padding: 0.6rem 0;
}

.i-lineBooking {
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='30' viewBox='0 0 80 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_301_73)'%3E%3Crect width='80' height='30' rx='15' fill='%2306C755'/%3E%3Cpath d='M38.26 21.2006H32.1895C31.9606 21.2006 31.7763 20.9975 31.7763 20.7452V20.7385V10.3633V10.3521C31.7763 10.0999 31.9606 9.89674 32.1895 9.89674H38.26C38.4869 9.89674 38.6732 10.1021 38.6732 10.3521V12.0419C38.6732 12.2941 38.4889 12.4973 38.26 12.4973H34.134V14.2518H38.26C38.4869 14.2518 38.6732 14.4571 38.6732 14.7071V16.3969C38.6732 16.6492 38.4889 16.8523 38.26 16.8523H34.134V18.6068H38.26C38.4869 18.6068 38.6732 18.8122 38.6732 19.0622V20.7519C38.6732 21.0042 38.4889 21.2073 38.26 21.2073V21.2006Z' fill='white'/%3E%3Cpath d='M14.8106 21.2073C15.0374 21.2073 15.2237 21.0041 15.2237 20.7518V19.0613C15.2237 18.8112 15.0374 18.6058 14.8106 18.6058H10.6858V10.3523C10.6858 10.1022 10.4995 9.89674 10.2727 9.89674H8.73981C8.51099 9.89674 8.32673 10.1 8.32673 10.3523V20.7428V20.7518C8.32673 21.0041 8.51099 21.2073 8.73981 21.2073H14.8085H14.8106Z' fill='white'/%3E%3Cpath d='M18.8783 9.89674H17.0865C16.8195 9.89674 16.603 10.1007 16.603 10.3524V20.7517C16.603 21.0033 16.8195 21.2073 17.0865 21.2073H18.8783C19.1453 21.2073 19.3618 21.0033 19.3618 20.7517V10.3524C19.3618 10.1007 19.1453 9.89674 18.8783 9.89674Z' fill='white'/%3E%3Cpath d='M29.9495 9.89674H28.2973C28.0506 9.89674 27.852 10.0999 27.852 10.3521V16.5242L23.2031 10.1021C23.1922 10.0865 23.1791 10.0709 23.1682 10.0552C23.1682 10.0552 23.1682 10.0552 23.166 10.053C23.1573 10.0441 23.1486 10.0329 23.1398 10.024C23.1377 10.0217 23.1333 10.0195 23.1311 10.0173C23.1224 10.0106 23.1158 10.0039 23.1071 9.99719C23.1027 9.99496 23.0984 9.9905 23.094 9.98826C23.0875 9.98157 23.0787 9.9771 23.07 9.97264C23.0656 9.97041 23.0613 9.96594 23.0569 9.96371C23.0482 9.95925 23.0416 9.95478 23.0329 9.95032C23.0285 9.94808 23.0242 9.94585 23.0198 9.94362C23.0111 9.93916 23.0023 9.93469 22.9936 9.93246C22.9892 9.93246 22.9849 9.928 22.9783 9.928C22.9696 9.92576 22.9609 9.9213 22.9521 9.91907C22.9478 9.91907 22.9412 9.91683 22.9369 9.9146C22.9281 9.9146 22.9194 9.91014 22.9107 9.90791C22.9041 9.90791 22.8976 9.9079 22.891 9.90567C22.8823 9.90567 22.8758 9.90344 22.867 9.90344C22.8583 9.90344 22.8517 9.90344 22.843 9.90344C22.8386 9.90344 22.8321 9.90344 22.8277 9.90344H21.1864C20.942 9.90344 20.7412 10.1066 20.7412 10.3588V20.7519C20.7412 21.0019 20.9398 21.2073 21.1864 21.2073H22.8386C23.0853 21.2073 23.2839 21.0042 23.2839 20.7519V14.5799L27.9393 21.0109C27.9721 21.0578 28.0113 21.0957 28.055 21.1247C28.055 21.1247 28.0594 21.127 28.0594 21.1292C28.0681 21.1359 28.0768 21.1403 28.0877 21.147C28.0921 21.1493 28.0965 21.1515 28.1008 21.1537C28.1074 21.1582 28.1161 21.1604 28.1227 21.1649C28.1292 21.1694 28.1379 21.1716 28.1445 21.1738C28.1488 21.1738 28.1532 21.1783 28.1576 21.1783C28.1685 21.1828 28.1772 21.185 28.1881 21.1872C28.1881 21.1872 28.1925 21.1872 28.1947 21.1872C28.2318 21.1961 28.2711 21.2028 28.3104 21.2028H29.9517C30.1961 21.2028 30.3969 20.9997 30.3969 20.7475V10.3543C30.3969 10.1043 30.1983 9.89898 29.9517 9.89898L29.9495 9.89674Z' fill='white'/%3E%3Cpath d='M47.76 10.792H50.016C50.144 10.472 50.24 10.152 50.32 9.832H47.184V8.36H55.2V9.832H51.968C51.872 10.152 51.776 10.472 51.664 10.792H54.656V19.624H52.928C53.952 20.248 54.816 20.872 55.52 21.496L54.448 22.568C53.84 21.912 52.96 21.208 51.808 20.472L52.688 19.624H49.76L50.704 20.456C49.872 21.288 48.832 22.024 47.6 22.664L46.688 21.48C47.824 20.936 48.768 20.328 49.536 19.624H47.76V10.792ZM53.072 18.28V17.032H49.328V18.28H53.072ZM49.328 15.752H53.072V14.552H49.328V15.752ZM49.328 13.272H53.072V12.136H49.328V13.272ZM42.352 10.472C42.768 10.856 43.136 11.24 43.472 11.592C43.936 11.064 44.368 10.472 44.784 9.832H41.088V8.36H46.496V9.608C45.824 10.792 45.12 11.784 44.384 12.6C44.608 12.856 44.8 13.096 44.96 13.32H47.136V14.328C46.896 15.592 46.608 16.568 46.288 17.272L44.976 16.744C45.216 16.216 45.424 15.592 45.6 14.856H44.352V21.064C44.352 22.072 43.872 22.584 42.944 22.584H41.376L41.04 21.08C41.52 21.144 41.968 21.176 42.4 21.176C42.64 21.176 42.768 21 42.768 20.664V14.856H40.56V13.32H43.168C42.592 12.664 41.904 11.976 41.136 11.24L42.352 10.472ZM65.568 14.04C66.64 15.4 67.472 16.584 68.064 17.608L66.752 18.52C66.144 17.432 65.312 16.2 64.288 14.84L65.568 14.04ZM64.96 7.864L66.576 8.072C66.384 8.904 66.16 9.704 65.872 10.472H70.912C70.912 16.008 70.832 19.432 70.672 20.728C70.496 21.912 69.712 22.504 68.304 22.504C67.968 22.504 67.392 22.472 66.56 22.408L66.16 20.904C66.88 20.952 67.504 20.984 68.032 20.984C68.64 20.984 69.008 20.632 69.104 19.944C69.2 19.192 69.248 16.568 69.28 12.072H65.152C64.64 13 64.064 13.864 63.392 14.632L62.352 13.304C63.632 11.832 64.512 10.008 64.96 7.864ZM57.392 18.52L58.752 18.696C58.656 20.152 58.464 21.432 58.16 22.552L56.752 22.104C57.088 21.064 57.296 19.864 57.392 18.52ZM60.72 18.392C60.928 19.448 61.12 20.584 61.28 21.816L59.824 22.168C59.696 20.856 59.552 19.688 59.376 18.68L60.72 18.392ZM62.272 14.168C62.656 15.112 62.992 16.216 63.296 17.464L61.888 17.8C61.824 17.576 61.776 17.352 61.728 17.16C60.176 17.56 58.72 17.832 57.344 17.96L56.928 16.504C57.216 16.392 57.456 16.248 57.648 16.072C58.16 15.608 58.784 14.824 59.552 13.72C58.784 13.8 58 13.896 57.184 13.992L56.8 12.568C57.04 12.456 57.264 12.264 57.456 11.992C58.256 10.712 58.96 9.32 59.568 7.8L61.12 8.408C60.336 10.072 59.536 11.416 58.704 12.472C59.296 12.408 59.888 12.344 60.496 12.248C60.864 11.64 61.264 10.968 61.68 10.264L63.12 10.824C61.584 13.336 60.304 15.16 59.264 16.312C59.968 16.184 60.672 16.04 61.376 15.88C61.248 15.432 61.104 15.016 60.944 14.6L62.272 14.168ZM62.576 18.072C62.928 18.888 63.232 19.768 63.504 20.728L62.208 21.304C61.952 20.232 61.664 19.288 61.36 18.472L62.576 18.072Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_301_73'%3E%3Crect width='80' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 80px;
  height: 30px;
  background-repeat: no-repeat;
}

/* GO top Btn  .........................................................*/

.topBtn {
  bottom: 5rem;
  right: 3rem;
  padding: 0;
  position: fixed;
  z-index: 9999;
}

.topBtn a {
  display: block;
  outline: none;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border: 1px solid #0c2f54;
  border-radius: 50%;
}

.i-top {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='30' viewBox='0 0 20 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0658 29.9667C9.51286 29.9667 9.06535 29.5469 9.06535 29.0282V2.93396C9.06535 2.41509 9.51286 1.99545 10.0658 1.99545C10.6187 1.99545 11.0662 2.41509 11.0662 2.93396V29.0282C11.0662 29.5469 10.6187 29.9667 10.0658 29.9667' fill='%230C2F54'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.0388 12.7916C18.8002 12.7916 18.5615 12.6932 18.3793 12.4964L9.98615 3.43194L1.59231 12.4964C1.22803 12.89 0.637607 12.89 0.273333 12.4964C-0.0911111 12.103 -0.0911111 11.4653 0.273333 11.0719L9.32684 1.2952C9.69111 0.9016 10.2815 0.9016 10.6458 1.2952L19.6983 11.0719C20.0627 11.4653 20.0627 12.103 19.6983 12.4964C19.5161 12.6932 19.2774 12.7916 19.0388 12.7916' fill='%230C2F54'/%3E%3C/svg%3E%0A");
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
  background-position: 5px 5px;
  display: block;
  background-repeat: no-repeat;
}

/* header-social-media .........................................................*/

.header-social-media {
  position: fixed;
  right: 1vw;
  top: 0;
  z-index: 1030;
}
.header-social-media a {
  margin: 1rem 0;
  display: block;
}
.header-social-media img {
  width: 50px;
  height: 50px;
}

/* header .........................................................*/

.absolute-top-right {
  position: absolute;
  right: 0;
  top: 0;
}

.header-info li {
  color: #0c2f54;
  font-weight: bold;
  letter-spacing: 1px;
}

.header {
  padding: 0.5rem 6rem 0rem 5rem;
  transition: all 0.8s;
  background-color: rgb(251 253 255 / 80%);
}

.on {
  background-color: rgb(251 253 255 / 80%);
  padding: 0.2rem 5rem 0 2rem;
  transition: all 0.8s;
}

h1.navbar-brand {
  padding: 0;
  margin: 0.3rem 0;
  width: 50%;
}

.navbar-brand img {
  width: 50%;
  transition: all 0.3s ease-out;
}

.on .navbar-brand img {
  width: 40%;
  transition: all 0.3s ease-out;
}

.navbar {
  padding: 0;
}

.navbar-nav {
  padding: 1rem 0 0;
}

.navbar-nav .nav-item {
  padding: 0 3rem;
  position: relative;
}

.navbar-nav a.nav-link {
  color: #0c2f54;
  font-size: 1.2rem;
  padding: 0 1rem;
}

.navbar-nav a.nav-link.active,
.navbar-nav a.nav-link:hover,
.navbar-nav a.nav-link:active {
  color: #f18c1d;
  font-weight: bold;
}

.navbar-nav .nav-item:first-child::after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 8px);
  display: block;
  width: 2px;
  height: 16px;
  background: #0c2f54;
  opacity: 0.4;
}

.navbar-nav .nav-item:before {
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 8px);
  display: block;
  width: 2px;
  height: 16px;
  background: #0c2f54;
  opacity: 0.4;
}

.navbar-toggler {
  border: none;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0;
}

.navbar-toggler {
  width: 2rem;
  height: 1.5rem;
  position: absolute;
  right: 1.5rem;
  top: 1rem;
  margin: 0;
  z-index: 100;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.navbar-toggler span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #0c2f54;
  border-radius: 9px;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.navbar-toggler span:nth-child(1) {
  top: 0px;
}

.navbar-toggler span:nth-child(2),
.navbar-toggler span:nth-child(3) {
  top: 8px;
}

.navbar-toggler span:nth-child(4) {
  top: 16px;
}

.navbar-toggler.open span:nth-child(1) {
  top: 12px;
  width: 0%;
  right: 1rem;
}

.navbar-toggler.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.navbar-toggler.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.navbar-toggler.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  right: 1rem;
}

/* index-slideshow-section .........................................................*/

.index-slideshow-section-mm,
.about-top-section-mm {
  display: none;
}
.owl-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.owl-carousel .owl-nav button.owl-next {
  right: 7rem;
  top: 50%;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  padding: 0;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

.owl-carousel .owl-nav button.owl-next span {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.0858 18.3258C31.8668 19.1068 31.8668 20.3732 31.0858 21.1542L14.1742 38.0658C13.3932 38.8468 12.1268 38.8468 11.3458 38.0658L10.4142 37.1342C9.63317 36.3532 9.63317 35.0868 10.4142 34.3058L23.5658 21.1542C24.3468 20.3732 24.3468 19.1068 23.5658 18.3258L10.4142 5.17422C9.63317 4.39317 9.63317 3.12684 10.4142 2.34579L11.3458 1.41422C12.1268 0.633166 13.3932 0.633166 14.1742 1.41421L31.0858 18.3258Z' fill='white'/%3E%3C/svg%3E%0A");
  text-indent: -9999px;
  display: block;
}

.owl-carousel .owl-nav button.owl-prev span {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_348_11)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.91421 11.4142C2.13317 10.6332 2.13317 9.36683 2.91421 8.58579L11 0.500001C11.5523 -0.0522843 12.4477 -0.0522848 13 0.5V0.5C13.5523 1.05228 13.5523 1.94772 13 2.5L6.91421 8.58579C6.13317 9.36683 6.13316 10.6332 6.91421 11.4142L13 17.5C13.5523 18.0523 13.5523 18.9477 13 19.5V19.5C12.4477 20.0523 11.5523 20.0523 11 19.5L2.91421 11.4142Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_348_11'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  text-indent: -9999px;
  display: block;
}

.owl-carousel .owl-dots {
  position: absolute;
  bottom: 0;
  right: 4.2rem;
  z-index: 2;
  margin: 0;
  border-radius: 30px;
}

.owl-carousel .owl-dots .owl-dot {
  display: block;
  zoom: 1;
}

.owl-carousel .owl-dots .owl-dot span {
  width: 14px;
  height: 14px;
  margin: 0.5rem 0;
  background: #0c2f54;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  opacity: 0.3;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 14px;
  height: 14px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #0c2f54;
  background-clip: padding-box;
  opacity: 1;
  transition: opacity 0.6s ease;
}

/* Index - mainBox .........................................................*/

.sectionBox {
  padding: 2.5rem 0 3rem;
}

.sectionBox h2 {
  font-size: 2.2rem;
  line-height: 1.2;
  margin-bottom: 2rem;
  font-weight: 500;
}

.sectionBox h2 span {
  font-size: 2rem;
  font-weight: 400;
}

.sectionBox .content-text-left {
  margin: 5rem 4rem 0 3rem;
}

.sectionBox .content-text-right {
  margin: 6rem 3rem 0;
}

.sectionBox h3 {
  font-size: 2rem;
  margin: 3rem 0 1.5rem;
}

.procedureItem {
  border: 1px solid #0c2f54;
  background-color: #f7fbff;
  text-align: center;
  padding: 1rem 2rem 2rem;
  border-radius: 30px;
  margin: 1rem 0.5rem 1.5rem;
  min-height: 330px;
}

.procedureBox.teampage .procedureItem {
  background-color: #e6eef7;
  margin: 1rem 1rem 1.5rem;
}

.procedureItem h3 {
  margin: 0 0 1rem;
  font-size: 1.8rem;
}

.procedureItem p {
  font-size: 1.2rem;
}

.infoBox {
  padding: 4rem 0 2rem;
}

.infoMap {
  border: 2px solid #0c2f54;
  border-radius: 30px;
  overflow: hidden;
}

.infoMap iframe {
  width: 100%;
  height: 400px;
}

.info-content .logo {
  margin: 0 0 3rem;
}

.info-content h4 {
  margin: 0 0 1rem;
  font-size: 1.4rem;
}

.info-content p {
  font-size: 1.1rem;
}

.info-content p.time span {
  background-color: #f18c1d;
  color: #fff;
  padding: 0.1rem 0.4rem;
  border-radius: 30px;
  font-size: 1rem;
}

.info-btnBox {
  margin: 3rem auto 2rem;
}

.info-btnBox .info-btn {
  display: inline-block;
  margin: 0 3rem;
}
/* Footer .........................................................*/

.footer {
  padding: 3rem 0 0;
}

.list-footer li,
.list-footer li a {
  color: #fff;
  line-height: 2.5;
}

.footer h5 {
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}

.footer .content {
  margin: 1.5rem 0 0 5.5rem;
}
.footer p {
  font-size: 0.9rem;
}

.sit-footer {
  margin: 1.5rem 0 0;
  padding: 0.5rem 0;
}

/* About .........................................................*/

.about-content-text-left {
  margin: 1rem;
}

.about-content-text-left p {
  font-size: 1.4rem;
}

/* Team團隊 .........................................................*/

.team-btnBox {
  margin: 0;
}

.team-btn-1,
.team-btn-2 {
  margin: 0;
  padding: 0.8rem;
  font-size: 1.2rem;
}

/* card */

.new-card {
  position: relative;
  overflow: hidden;
  flex: 1;
  margin: 2rem 0 1rem;
  border-radius: 30px;
  cursor: pointer;
  transition: 0.4s;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.3);
}

.new-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0)
    linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
  z-index: 0;
}

.new-card .card-link::after {
  position: absolute;
  top: 2%;
  right: 3%;
  bottom: 2%;
  left: 3%;
  border: 1px solid rgb(160 172 185);
  border-radius: 1.5rem;
  z-index: 100;
  content: "";
}

.card-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.card-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  z-index: -1;
}

.new-card__text-wrapper {
  position: absolute;
  bottom: 0rem;
  padding: 1rem 2rem 3rem;
  color: #fff;
  transition: background-color 1.2s ease;
  text-align: center;
  width: 100%;
}

h2.new-card__title {
  transition: color 1s ease;
  margin-bottom: 0.5rem;
  font-size: 1.8rem;
}

.new-card__post-date {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  color: #fff;
}

.new-card__details-wrapper {
  max-height: 0;
  opacity: 0;
  transition: max-height 1.2s ease, opacity 1s ease;
}

.new-card__excerpt {
  font-weight: 300;
  color: #fff !important;
}

.new-card__title {
  color: #fff;
}

.new-card:hover .new-card__details-wrapper {
  max-height: 20rem;
  opacity: 1;
}
.new-card:hover .new-card__text-wrapper {
  background-color: rgba(0, 0, 0, 0.2);
}

.new-card:hover .new-card__title {
  color: #fff;
}
.new-card:hover .card-image {
  transform: scale(1.05);
  z-index: -1;
}

/* 門診 .........................................................*/

.scheduleBox .title-sub {
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 1rem 0;
}

.scheduleBox .info-btnBox {
  margin: 2rem auto;
}

.scheduleBox a {
  width: 100%;
  display: block;
}