/* 字體 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap");

@font-face {
  font-family: "Futura-Std-Light";
  src: url(../fonts/Futura-Std-Light.otf);
}

@font-face {
  font-family: "Futura-Std-Book";
  src: url(../fonts/Futura-Std-Book.otf);
}

@font-face {
  font-family: "DIN-Medium";
  src: url(../fonts/DIN-Medium.otf);
}

.Futura-Std-Book{
  font-family: "Futura-Std-Book";
}

body,
html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #f7f8f8;
}

a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}

img {
  display: block;
}

.visibility {
  visibility: visible !important;
}

.all {
  width: 100%;
  height: 100vh;
}

.all-swiper {
  height: 100vh !important;
  -webkit-overflow-scrolling: touch !important;
  transform: translate3d(0, 0, 0);
}

.swiper-wrapper {
  -webkit-perspective: 3000;
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch !important;
}

.all-swiper > .swiper-slide {
  height: 100%;
  transform: translate3d(0, 0, 0) !important;
  transition-duration: 0ms !important;
}

.top-menu {
  width: 100%;
  height: 3.5vw;
  line-height: 3.5vw;
  border-bottom: 1px solid #727171;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.75);
}

.logo {
  width: 7.5%;
  height: auto;
  position: absolute;
  left: 3%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
}

.menu-open {
  width: 2vw;
  position: absolute;
  right: 2.5%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  cursor: pointer;
}

.menu-icon {
  width: 10vw;
  height: 100%;
  position: absolute;
  right: 4vw;
  top: 50%;
  transform: translateY(-50%);
}

.menu-icon-li {
  width: 25%;
  height: 100%;
  float: left;
  display: block;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}

.menu-icon-li::after {
  content: "";
  width: 1px;
  height: 1.3vw;
  background-color: #727171;
  position: absolute;
  right: 0;
  top: 1.1vw;
}

.menu-icon-li:last-child:after {
  background-color: transparent;
}

.menu-icon-li img {
  display: block;
}

.phone {
  padding: 15% 4.5% 0 8%;
}

.fb {
  padding: 11.5% 8% 0 10.5%;
}

.locate {
  padding: 11.5% 7% 0 10%;
}

.book {
  padding: 13% 5% 0 0;
}

.phone::after {
  right: -1vw;
}

.locate::after {
  right: -0.2vw;
}

.book::after {
  right: -0.3vw;
}

/*選單滑出*/
.menu-section {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 999;
}

.menu-section .top-menu {
  background-color: transparent;
}

.menu-closeBtn {
  height: 34px;
  position: absolute;
  right: 36px;
  top: 36px;
  width: 30px;
}

.menu-nav {
  width: 100%;
  height: auto;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.menu-nav a {
  text-decoration: none;
  font-family: "Noto Sans JP", sans-serif;
  cursor: pointer;
}

.menu-nav a h2 {
  margin: 0;
  font-size: 1.4vw;
  color: #fff;
  letter-spacing: 0.15vw;
  font-weight: normal;
}

.menu-nav a h4 {
  margin: 0.25vw 0 3.5vw 0;
  font-size: 1.38vw;
  color: #fff;
  letter-spacing: 0.1vw;
  font-weight: normal;
}

.menu-nav-li:last-child h4 {
  margin: 1vw 0 0 0;
}

.menu-nav-li {
  width: fit-content;
  margin: 0 auto;
  display: block;
  position: relative;
}

.menu-nav-li::after {
  content: "";
  width: 20vw;
  height: 1px;
  background-color: #949494;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1.7vw;
}

.menu-nav-li:last-child::after {
  background-color: transparent;
}

/*頁面1*/
.main1 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  transform: translate3d(0, 0, 0) !important;
  transition-duration: 0ms !important;
  background-image: url("../img/main1-bg.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #fff;
}

.main1-pic {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../img/main1-pic.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.main1-logo {
  width: 2.6vw;
  height: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 12.5vw;
}

/*頁面2*/
.main2 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  transform: translate3d(0, 0, 0) !important;
  transition-duration: 0ms !important;
  background-color: #fff;
}

.main2-banner {
  width: 100%;
  height: 100vh;
  margin: 0 auto 0 auto;
  position: relative;
}

.main2-banner .swiper-container {
  height: 100%;
}

.main2-banner .swiper-container .swiper-slide {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.main2-banner .swiper-button-next {
  background-image: url(../img/arrow-r.png);
  width: 2.2vw !important;
  height: 4vw !important;
  z-index: 9999 !important;
  right: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}

.main2-banner .swiper-button-prev {
  background-image: url(../img/arrow-l.png);
  width: 2.2vw !important;
  height: 4vw !important;
  z-index: 9999 !important;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}

.main2-txt {
  width: 31%;
  height: auto;
  position: absolute;
  left: 9.5%;
  top: 30%;
  color: #fff;
}

.main2-txt h2 {
  font-family: "Noto Serif TC", serif;
  font-size: 1.7vw;
  letter-spacing: 0.1vw;
  position: relative;
  margin: 0 0 1.05vw 0;
  font-weight: 600;
}

.main2-txt h4 {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.05vw;
  line-height: 2vw;
  letter-spacing: 0.05vw;
  position: relative;
  margin: 0;
  text-align: justify;
  text-justify: inter-ideograph;
  font-weight: normal;
}

.banner-txt {
  position: absolute;
  right: 2vw;
  bottom: 1vw;
  font-family: "Noto Sans JP", sans-serif;
  color: #ffffff;
  font-size: 1vw;
  letter-spacing: 0.05vw;
  z-index: 9;
}

/*頁面3*/
.main3 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  transform: translate3d(0, 0, 0) !important;
  transition-duration: 0ms !important;
  background-image: url("../img/main3-banner-bg.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #fff;
}

.main3-txt {
  width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 7vw;
  text-align: center;
  z-index: 9;
}

.main3-txt h2 {
  font-family: "Futura-Std-Light";
  color: #30b8f6;
  font-size: 2.5vw;
  letter-spacing: 1.5vw;
  position: relative;
  margin: 0 0 1vw 0;
  font-weight: normal;
  text-transform: uppercase;
}

.main3-txt h4 {
  font-family: "Noto Serif TC", serif;
  color: #fff;
  font-size: 1.9vw;
  letter-spacing: 1vw;
  position: relative;
  margin: 0;
}

.main3-pic {
  width: 90vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 16vw;
}

/*開圖*/
/*banner開圖*/

.open-banner {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 999;
  background-color: #f7f8f8;
}

.open-pic {
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: auto;
  color: #fff;
  text-align: left;
}

.banner-txt3 {
  left: 2vw;
  right: auto;
}

.banner-closeBtn {
  width: 2vw;
  position: absolute;
  right: 3vw;
  top: 5vw;
  cursor: pointer;
  z-index: 2;
}

.open-txt {
  width: 30vw;
  height: auto;
  position: absolute;
  left: 69vw;
  transform: translateY(-50%);
  top: 50%;
  color: #3e3a39;
  text-align: center;
}

.open-txt h2 {
  font-family: "DIN-Medium";
  font-size: 2.3vw;
  letter-spacing: 0.3vw;
  position: relative;
  margin: 0 0 1vw 0;
  font-weight: normal;
}

.open-txt h4 {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.3vw;
  letter-spacing: 0.3vw;
  letter-spacing: 0.1vw;
  position: relative;
  margin: 0;
}

.open-pic-banner {
  width: 65%;
  height: 42.5vw;
  position: absolute;
  left: 0;
  top: 11%;
}

.open-pic-banner .swiper-container {
  height: 100%;
  overflow: visible;
}

.open-pic-banner .swiper-container .swiper-slide {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.open-pic-banner .swiper-pagination-bullet {
  background-image: url(../img/dot2.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 2.2vw;
  height: 2.25vw;
  margin: 0.5vw 0 !important;
  opacity: 1;
  border: none;
  background-color: transparent;
  border-radius: 0;
  display: block;
}

.open-pic-banner .swiper-pagination {
  width: 2.2vw;
  position: absolute;
  /* top: -10vw !important; */
  bottom: 0;
  left: auto;
  right: -3.8vw;
}

.open-pic-banner .swiper-pagination-bullet-active {
  background-image: url(../img/dot1.png);
  background-color: transparent;
}

.open {
  width: 2.2vw;
  height: 22vw;
  position: absolute;
  z-index: 9;
  cursor: pointer;
}

.open1 {
  left: 10.5vw;
  top: 6vw;
}

.open2 {
  left: 21.3vw;
  top: 6vw;
}

.open3 {
  left: 19.1vw;
  top: 6vw;
}

.open4 {
  left: 30.5vw;
  top: 6vw;
}

.open5 {
  left: 40.2vw;
  top: 6vw;
}

.open6 {
  left: 49.5vw;
  top: 6vw;
}

.open7 {
  left: 59vw;
  top: 6vw;
}

.open8 {
  left: 70vw;
  top: 6vw;
}

/*頁面4*/
.main4 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  transform: translate3d(0, 0, 0) !important;
  transition-duration: 0ms !important;
  background-image: url("../img/main4-banner1-3.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #fff;
}

.main4-txt {
  width: 31%;
  height: auto;
  position: absolute;
  left: 9.5%;
  bottom: 13%;
  color: #fff;
}

.main4-txt h2 {
  font-family: "Noto Serif TC", serif;
  font-size: 1.7vw;
  letter-spacing: 0.1vw;
  position: relative;
  margin: 0 0 1.05vw 0;
  font-weight: 600;
}

.main4-txt h4 {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.05vw;
  line-height: 2vw;
  letter-spacing: 0.05vw;
  position: relative;
  margin: 0;
  text-align: justify;
  text-justify: inter-ideograph;
  font-weight: normal;
}

/*頁面5*/
.main5 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  transform: translate3d(0, 0, 0) !important;
  transition-duration: 0ms !important;
  background-image: url("../img/main5-bg.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #fff;
}

.main5-txt {
  width: 35%;
  height: auto;
  position: absolute;
  left: 8.5%;
  top: 12%;
  color: #fff;
}

.main5-txt h2 {
  font-family: "Noto Serif TC", serif;
  font-size: 1.7vw;
  letter-spacing: 0.1vw;
  position: relative;
  margin: 0 0 1.05vw 0;
  font-weight: 600;
}

.main5-txt h4 {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.05vw;
  line-height: 2vw;
  letter-spacing: 0.05vw;
  position: relative;
  margin: 0;
  text-align: justify;
  text-justify: inter-ideograph;
  font-weight: normal;
}

/*頁面6*/
.main6 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: #fff;
}

.main6-txt {
  width: 25%;
  height: auto;
  position: absolute;
  left: 8%;
  transform: translateY(-50%);
  top: 50%;
  color: #3e3a39;
}

.main6-txt h2 {
  font-family: "Noto Serif TC", serif;
  font-size: 1.7vw;
  letter-spacing: 0.1vw;
  position: relative;
  margin: 0 0 1.05vw 0;
  font-weight: 600;
}

.main6-txt h4 {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.05vw;
  line-height: 2vw;
  letter-spacing: 0.05vw;
  position: relative;
  margin: 0;
  text-align: justify;
  text-justify: inter-ideograph;
  font-weight: normal;
}

.main6-banner {
  width: 60%;
  height: 41.5vw;
  position: absolute;
  right: 0;
  top: 11%;
}

.main6-banner .swiper-container {
  height: 100%;
  overflow: visible;
}

.main6-banner .swiper-container .swiper-slide {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.main6-banner .swiper-pagination-bullet {
  background-image: url(../img/dot2.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 2.2vw;
  height: 2.25vw;
  margin: 0.5vw 0 !important;
  opacity: 1;
  border: none;
  background-color: transparent;
  border-radius: 0;
  display: block;
}

.main6-banner .swiper-pagination {
  width: 2.2vw;
  position: absolute;
  bottom: 0;
  right: auto;
  left: -3.8vw;
}

.main6-banner .swiper-pagination-bullet-active {
  background-image: url(../img/dot1.png);
  background-color: transparent;
}

.main6-banner2 {
  right: auto;
  left: 0;
}

.main6-banner2 .banner-txt {
  left: 2vw;
  right: 0;
}

.main6-txt2 {
  left: auto;
  right: 8%;
}

.main6-banner2 .swiper-pagination {
  left: auto;
  right: -3.8vw;
}

.main8-txt{
  width: 73%;
  margin: 1.5vw auto;
}

/*頁面9*/
.main9 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: #fff;
  background-image: url("../img/main9-bg.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.main9-banner {
  width: 84%;
  height: 100%;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.main9-content {
  width: 16%;
  height: 37vw;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 1.1vw 1vw 0 1vw;
  margin: 9vw 2% 0 2%;
  box-sizing: border-box;
  position: relative;
  float: left;
}

.main9-p {
  width: 100%;
  position: relative;
  margin: 0 auto;
}

.main9-txt {
  width: 100%;
  height: auto;
  position: relative;
}

.main9-txt h1 {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.95vw;
  line-height: 1vw;
  letter-spacing: 0.02vw;
  position: relative;
  margin: 1.2vw 0 0.3vw 0;
  color: #898989;
}

.main9-txt h2 {
  font-family: "Noto Serif TC", serif;
  font-size: 1.1vw;
  letter-spacing: vw;
  position: relative;
  margin: 0 0 0 0;
  font-weight: 600;
  color: #3e3a39;
}

.main9-txt h3 {
  font-family: "Noto Serif TC", serif;
  font-size: 0.85vw;
  letter-spacing: 0.05vw;
  position: relative;
  margin: 0 0 0.5vw 0;
  font-weight: 600;
  color: #3e3a39;
}

.main9-txt h4 {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.9vw;
  letter-spacing: 0vw;
  position: relative;
  margin: 0;
  text-align: justify;
  text-justify: inter-ideograph;
  color: #3e3a39;
}

.main9-en {
  width: 9vw;
  position: absolute;
  left: 0;
  top: -3.45vw;
}

/*頁面10*/
.main10 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  transform: translate3d(0, 0, 0) !important;
  transition-duration: 0ms !important;
  background-color: #fff;
}

.main10-banner {
  width: 100%;
  height: 100vh;
  margin: 0 auto 0 auto;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.main10-banner .swiper-container {
  height: 100%;
}

.main10-banner .swiper-container .swiper-slide {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.main10-banner .swiper-button-next {
  background-image: url(../img/arrow-r.png);
  width: 2.2vw !important;
  height: 4vw !important;
  z-index: 9999 !important;
  right: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}

.main10-banner .swiper-button-prev {
  background-image: url(../img/arrow-l.png);
  width: 2.2vw !important;
  height: 4vw !important;
  z-index: 9999 !important;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}

.main10-txt {
  width: 31%;
  height: auto;
  position: absolute;
  left: 9.5%;
  top: 20%;
  color: #fff;
  z-index: 2;
}

.main11-txt {
  top: 50%;
  transform: translateY(-50%);
}

.main12-txt {
  width: 25%;
  left: 7.5%;
  top: 12%;
  color: #3e3a39;
}

.main10-txt h2 {
  font-family: "Noto Serif TC", serif;
  font-size: 1.7vw;
  letter-spacing: 0.1vw;
  position: relative;
  margin: 0 0 1.05vw 0;
  font-weight: 600;
}

.main10-txt h4 {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.05vw;
  line-height: 2vw;
  letter-spacing: 0.05vw;
  position: relative;
  margin: 0;
  text-align: justify;
  text-justify: inter-ideograph;
  font-weight: normal;
}

/*main13*/
.main13 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  transform: translate3d(0, 0, 0) !important;
  transition-duration: 0ms !important;
  background-color: #f6f6f6;
}

.main13-logo {
  width: 21vw;
  position: relative;
  margin: 6.5vw auto 0 auto;
}

.main13-txt{
  width: 100%;
  margin: 1.5vw 0 0 0;
  font-family: "Noto Sans JP", sans-serif;
  color: #666464;
  letter-spacing: 0.3vw;
  font-size: 1.35vw;
  line-height: 2.5vw;
  text-align: center;
  font-weight: 600;
}

.main13-all {
  width: 74%;
  margin: 3vw auto 0 auto;
}

.main13-all::after {
  content: "";
  display: block;
  clear: both;
}

.form {
  width: 50%;
  position: relative;
  height: auto;
  margin: 0 0 0 0;
  float: left;
  font-family: "SOURCEHANSANSTW-LIGHT";
}

.form-title {
  width: 100%;
  margin: 0 auto 1vw auto;
  height: auto;
  text-align: center;
  font-family: "Noto Serif TC", serif;
  color: #545454;
  font-size: 1.2vw;
  letter-spacing: 0.8vw;
  font-weight: bold;
}

.form input[type="text"] {
  width: 100%;
  height: 3.5vw;
  line-height: 3.5vw;
  font-size: 1.1vw;
  padding-left: 1%;
  border: none;
  border-top: 2px solid #cfcfcf;
  background-color: transparent;
  color: #545454;
  box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  -moz-appearance: none;
  outline: none;
  letter-spacing: 0.2vw;
  font-weight: 600;
}

.bottom-border {
  border-bottom: 2px solid #cfcfcf !important;
}

.form input::placeholder {
  color: #545454 !important;
}

.check-item-sex {
  width: 100%;
  padding-left: 1%;
  position: relative;
  height: 3.5vw;
  line-height: 3.5vw;
  z-index: 1;
  color: #545454;
  font-size: 1.1vw;
  letter-spacing: 0.2vw;
  font-family: "Noto Sans JP", sans-serif;
  border-top: 2px solid #cfcfcf;
}

.check-item-sex label {
  height: 3.5vw;
  line-height: 3.5vw;
  cursor: pointer;
  margin-right: 3%;
  font-weight: 600;
}

.check-item-sex label input[type="radio"] {
  width: 1vw;
  height: 1vw;
  margin: 0 1% -0.1% 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0px;
  background: url(../img/check.png) no-repeat top center;
  background-size: 1vw 1vw;
  border: none;
  cursor: pointer;
}
.check-item-sex label input:checked {
  background: url("../img/checked.png") no-repeat top center;
  background-size: 1vw 1vw;
}

.check-item {
  height: 3.5vw;
  line-height: 3.5vw;
  font-size: 1.1vw;
  color: #3e3a39;
  margin: 0 auto 0 auto;
  vertical-align: middle;
  font-weight: 600;
}

.check-label {
  width: 9vw;
  float: left;
}

.check-item label {
  height: 3.5vw;
  line-height: 3.5vw;
  cursor: pointer;
  display: block;
}

.check-item label input {
  width: 1vw;
  height: 1vw;
  margin: 0% 1% -0.5% 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  -moz-appearance: none;
  appearance: none;
  background: url("../img/check.png") no-repeat top center;
  background-size: 1vw 1vw;
  border: none;
}
.check-item label input:checked {
  background: url("../img/checked.png") no-repeat top center;
  background-size: 1vw 1vw;
}

.agreeBtn {
  width: fit-content;
  height: 3.5vw;
  float: left;
}

.openTxtBtn {
  display: inline-block;
  font-size: 1.1vw;
  border-bottom: 2px solid #3e3a39;
  line-height: 1.5vw !important;
  cursor: pointer;
}

.form input[type="submit"] {
  width: 6vw;
  height: 2.8vw;
  line-height: 3.5vw;
  letter-spacing: 0.1vw;
  border: none;
  border-bottom: 2px solid #3e3a39;
  background-color: transparent;
  font-size: 1.1vw !important;
  color: #3e3a39;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  outline: none;
  float: right;
  text-align: center !important;
  position: relative;
  font-weight: 600;
  cursor: pointer;
}

.main13-left {
  width: 50%;
  margin: 0 0 0 0;
  float: left;
  position: relative;
}

.map{
  width: 80%;
  margin: 2vw 0 0 0;
}

.information{
  width: 100%;
  margin: 0 auto;
  clear: both;
}

/*同意書照片預覽*/

.black {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 11111;
  font-family: "微軟正黑體";
}
.closeBtn {
  width: 30px;
  position: absolute;
  right: 5%;
  top: 4%;
  cursor: pointer;
}

.infoWrap {
  width: 100%;
  margin: 0 auto;
  max-width: 47%;
  position: relative;
  height: 100vh;
  overflow: auto;
}

.infoWrap ul {
  list-style: none;
  font-size: 1vw;
  padding-inline-start: 2vw;
}

.infoWrap ul > li > ul {
  list-style: none;
  font-size: 1vw;
  padding-inline-start: 1vw;
}

.li1::before {
  content: "一、";
  position: absolute;
  left: 0vw;
}

.li2::before {
  content: "二、";
  position: absolute;
  left: 0vw;
}

.li3::before {
  content: "三、";
  position: absolute;
  left: 0vw;
}

.li4::before {
  content: "四、";
  position: absolute;
  left: 0vw;
}

.li5::before {
  content: "五、";
  position: absolute;
  left: 0vw;
}

.li1-li::before {
  content: "（１）";
  position: absolute;
  left: 0vw;
}

.li2-li::before {
  content: "（２）";
  position: absolute;
  left: 0vw;
}

.li3-li::before {
  content: "（３）";
  position: absolute;
  left: 0vw;
}

.li4-li::before {
  content: "（４）";
  position: absolute;
  left: 0vw;
}

.infoBox {
  width: 100%;
  height: calc(100% - 150px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  color: #fff;
  text-align: left;
}

.infoBox h3 {
  font-size: 1.5vw;
  line-height: 130%;
  margin-bottom: 25px;
  text-align: center;
}

.infoBox h4 {
  font-size: 1.1vw;
  line-height: 130%;
  margin-bottom: 25px;
}

.infoBox h5 {
  font-size: 1.5vw;
  line-height: 130%;
  margin-bottom: 25px;
}

.infoBox p {
  font-size: 1.1vw;
  line-height: 150%;
}