@charset "UTF-8";
/*设置根元素字体大小*/
html {
  font-size: 100%; /* 默认 1rem = 16px */
}

@media (min-width: 1480px) {
  html {
    font-size: 112.5%; /* 1rem = 18px */
  }
}

@media (min-width: 1920px) {
  html {
    font-size: 137.5%; /* 1rem = 22px - 适合 2K 显示器 */
  }
}

@media (min-width: 2560px) {
  html {
    font-size: 150%; /* 1rem = 24px - 适合 4K 显示器 */
  }
}

/* 初始化p標簽 */
p {
  font-size: 1rem;
  font-weight: 400;
  text-align: justify;
  margin-bottom: 0;
  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;
  /* 移除外边距 */
}
img, svg { max-width: 100%; }

section {
    padding: 2rem 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 1023px) {
    section { padding: 2rem 0; }
}
.container { position: relative; }
@media (min-width: 1400px) {
    .container { max-width: 72rem; }
}
/* 取消swiper轮播图的默认按钮样式 */
.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}

/* 通用 */
.apply_btn {
    display: inline-block;
    padding: 0.8rem 1.5rem;
    background: #000;
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 700;
    border-radius: 999px;
    box-shadow:
            0 10px 20px rgba(0, 0, 0, 0.35),
            0 0 16px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
}
.apply_btn_position { padding-right: 2.5rem;position: relative; }
.apply_btn img { position: absolute;width: 2rem;top: 50%;right: 0.2rem;transform: translateY(-50%);}
.apply_btn:hover {
    color: #5dc3b9;
    transform: translateY(-2px);
    box-shadow:
            0 12px 24px rgba(0, 0, 0, 0.4),
            0 0 20px rgba(0, 0, 0, 0.22);
}
.apply_btn:active {
    transform: translateY(1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
@media (max-width: 991px) {
    .apply_btn {
        padding: 0.5rem 1rem;font-size: 1rem;min-width: 105px;text-align: center;
    }
    .apply_btn_position { padding-right: 2.5rem;position: relative; }
}

/*
    红色：#D85F65，适合错误、提醒
    绿色：#5DBB6C，适合成功、通过
    蓝色：#5C87D8，适合信息、链接
    黄色：#C9A33F，适合警示、待处理
*/
