@charset "UTF-8";
/*设置根元素字体大小*/
html {
  font-size: 100%; /* 默认 1rem = 16px */
}

@media (min-width: 1480px) {
  html {
    font-size: 112.5% !important; /* 1rem = 18px */
  }
}

@media (min-width: 1920px) {
  html {
    font-size: 125%; /* 1rem = 20px */
  }
}

/* 初始化p標簽 */
p {
  font-size: 1rem;
  font-weight: 400;
  text-align: justify;
  color: #FFFFFF;
}
/* 取消ul的点 */
ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
/* 初始化button標簽 */
button {
  color: #000000;
}
/* 初始化a標簽 */
a {
  text-decoration: none !important;
  /* 取消下划线 */
  color: inherit;
  /* 继承父元素的颜色 */
  background: none;
  /* 移除背景 */
  padding: 0;
  /* 移除内边距 */
  margin: 0;
  /* 移除外边距 */
}

/* 全局标题模板 */
.text-effect {
  font-size: 2.5rem; /* 字体大小可以根据需要调整 */
  font-weight: bold; /* 字体加粗 */
  color: #ffffff; /* 字体颜色为白色 */
  text-align: center; /* 文本居中 */
  text-shadow:
          -1px -1px 0 #00A3DC, /* 左上描边 */
          1px -1px 0 #00A3DC,  /* 右上描边 */
          -1px 1px 0 #00A3DC,  /* 左下描边 */
          1px 1px 0 #00A3DC,   /* 右下描边 */
          0 0 6px #00ffff; /* 外发光效果 */
        /*0 0 20px #00ffff;*/
        /*0 0 30px #00ffff;*/
}
.text-while {
  font-size: 2.5rem; /* 字体大小可以根据需要调整 */
  font-weight: bold; /* 字体加粗 */
  color: #ffffff; /* 字体颜色为白色 */
  text-align: center; /* 文本居中 */
  text-shadow:
          -1px -1px 0 #dddddd, /* 左上描边（深灰色） */
          1px -1px 0 #dddddd,  /* 右上描边（深灰色） */
          -1px 1px 0 #dddddd,  /* 左下描边（深灰色） */
          1px 1px 0 #dddddd,   /* 右下描边（深灰色） */
          0 0 5px #ffffff;    /* 白色外发光 */
}
.text-ai-bg {
  display: inline-block;
  padding: 6px 20px;
  font-size: 1.6rem; /* 字体大小可以根据需要调整 */
  font-weight: bold; /* 字体加粗 */
  color: #000000; /* 字体颜色为白色 */
  text-align: center; /* 文本居中 */
  background-color: #00ffff;
}

/* 設置标题模板 */
.styled-title {
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #ffffff; /* 字体颜色为白色 */
  text-shadow:
          2px 2px 0px #00C0C0, /* 文字描边效果 */
          -2px 2px 0px #00C0C0,
          2px -2px 0px #00C0C0,
          -2px -2px 0px #00C0C0,
          0 0 10px #00ffff; /* 外发光效果 */
}
@media (max-width: 1023px) {
  .title-size1 {
    font-size: 3.75rem;
    letter-spacing: 0.375rem;
    line-height: 1.8;
  }
  .title-size2 {
    font-size: 2.375rem;
    letter-spacing: 0.125rem;
    line-height: 1.2;
  }
  .title-size3 {
    font-size: 1.625rem;
    letter-spacing: 0.125rem;
    line-height: 1.8;
  }
  .styled-title {
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #ffffff; /* 字体颜色为白色 */
    text-shadow:
            1px 1px 0px #00C0C0, /* 文字描边效果 */
            -1px 1px 0px #00C0C0,
            1px -1px 0px #00C0C0,
            -1px -1px 0px #00C0C0,
            0 0 10px #00ffff; /* 外发光效果 */
  }
}

@media (min-width: 1024px) {
  .title-size1 {
    font-size: 5rem;
    letter-spacing: 0.375rem;
    line-height: 1.8;
  }
  .title-size2 {
    font-size: 3.125rem;
    letter-spacing: 0.25rem;
    line-height: 1.2;
  }
  .title-size3 {
    font-size: 1.875rem;
    letter-spacing: 0.375rem;
    line-height: 1.8;
  }
}
/* 設置按鈕模板 */
.apply-btn1 {
  width: 10vw;
  height: 4.72vh;
  padding: 5px 15px;
  border: 2px #FFFFFF solid;
  background-color: #00FFFF;
  color: #000000;
  border-radius: 1.25rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.apply-btn1:hover {
  background-color: rgba(0, 255, 255, 0.2); /* 背景设置半透明 */
  color: #FFFFFF;
}

.apply-btn2 {
  width: 10vw;
  height: 4.72vh;
  padding: 5px 15px;
  border: 2px #FFFFFF solid;
  background-color: rgba(0, 255, 255, 0.2); /* 背景设为透明 */
  color: #FFFFFF;
  border-radius: 1.25rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* 鼠标悬停时的效果 */
.apply-btn2:hover {
  background-color: #00FFFF; /* 背景设置半透明 */
  color: #000000;
}

@media (max-width: 1023px) {
  .apply-btn1 {
    width: 100px;
    height: 28px;
    padding: 5px 15px;
    border: 1px #FFFFFF solid;
    font-size: 14px;
  }
  .apply-btn2 {
    width: 100px;
    height: 28px;
    padding: 5px 15px;
    border: 1px #FFFFFF solid;
    font-size: 14px;
  }
}

/* 設置title類型 */
@media (max-width: 1023px) {
  .title1 {
    color: #F7AC3B;
    font-size: 32px;
    font-weight: 700;
  }
  .title2 {
    color: #000000;
    font-size: 28px;
    padding: 12px 0;
    font-weight: 600;
  }
  .title3 {
    color: #FFFFFF;
    font-size: 28px;
    padding: 12px 0;
    font-weight: 600;
  }
  .title-face {
    position: relative;
    z-index: 1;
    padding: 12px 0 12px 12px;
    font-size: 30px;
    color: #FFFFFF;
    font-weight: 600;
  }
  .title-face .title-bg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #F6AB3B;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    z-index: -1;
  }
  .p-black {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    width: 80%;
  }
}
@media (min-width: 1024px) {
  .title1 {
    color: #F7AC3B;
    font-size: 4.25rem;
    font-weight: 700;
  }
  .title2 {
    color: #000000;
    font-size: 2.625rem;
    padding: 12px 0;
    font-weight: 600;
  }
  .title3 {
    color: #FFFFFF;
    font-size: 2.625rem;
    padding: 12px 0;
    font-weight: 600;
  }
  .title-face {
    position: relative;
    z-index: 1;
    padding: 12px 0 12px 16px;
    margin-bottom: 10px;
    font-size: 2.625rem;
    font-weight: 600;
    color: #FFFFFF;
  }
  .title-face .title-bg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #F6AB3B;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    z-index: -1;
  }
  .p-black {
    font-size: 1.125rem;
    font-weight: 500;
    color: #000000;
    width: 80%;
  }
}


/* 取消swiper轮播图的默认按钮样式 */
.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}