.btn {
  width: 23.375rem;
  display: block;
  text-align: center;
  margin: 0 auto;
  line-height: clamp(-1000000rem, 4.51389vw, 4.0625rem);
  text-decoration: none;
  border-radius: clamp(-1000000rem, 0.97222vw, 0.875rem);
  box-shadow: 0 clamp(-1000000rem, 0.27778vw, 0.25rem) clamp(-1000000rem, 0.83333vw, 0.75rem) 0 var(--reef);
  background: var(--la-rioja);
  font-size: 1.2875rem;
  font-weight: 700;
  color: var(--shark);
  text-transform: uppercase;
  transition: background 500ms ease; }
  .btn:hover {
    background: #7FA210; }
  .btn.secondary {
    background: linear-gradient(180deg, #32dffd 0%, rgba(50, 223, 253, 0) 100%);
    border: 1px solid #80f5ff;
    box-shadow: 2px 2px 6px 0px #7eefff80;
    color: var(--white);
    transition: background 500ms ease; }
    .btn.secondary:hover {
      background: linear-gradient(180deg, #245670 0%, #15161A 100%); }
  @media screen and (max-width: 960px) {
    .btn {
      line-height: clamp(-1000000rem, 5.77957vw, 2.6875rem);
      width: clamp(-1000000rem, 37.36559vw, 17.375rem); } }
  @media screen and (max-width: 640px) {
    .btn {
      width: 100%;
      line-height: clamp(-1000000rem, 10.25641vw, 2.5rem);
      border-radius: clamp(-1000000rem, 3.33333vw, 0.8125rem); } }
  .btn__txt, .btn__ico {
    vertical-align: middle;
    display: inline-block; }
  .btn__txt {
    transform: translate(-5.3%, 1.5%);
    letter-spacing: clamp(-1000000rem, -0.02778vw, -0.025rem);
    font-size: 1.375rem; }
    .noico .btn__txt {
      transform: translate(-5.3%, 0); }
    @media screen and (max-width: 960px) {
      .btn__txt {
        font-size: 1rem; } }
    @media screen and (max-width: 640px) {
      .btn__txt {
        font-size: clamp(-1000000rem, 4.10256vw, 1rem); } }
  .btn__ico {
    display: inline-block;
    width: 0.4375rem;
    height: 0.875rem;
    background: url("../../assets/2024/images/ico-arrow-right.svg") center center no-repeat;
    margin-left: clamp(-1000000rem, 0.20833vw, 0.1875rem);
    transform: translateX(clamp(-1000000rem, 0.48611vw, 0.4375rem)); }
    .plus .btn__ico {
      background: url("../../assets/2024/images/ico_plus.svg") center center no-repeat;
      background-size: 100% auto !important;
      width: 0.875rem; }
      @media screen and (max-width: 960px) {
        .plus .btn__ico {
          width: clamp(-1000000rem, 1.88172vw, 0.875rem); } }
      @media screen and (max-width: 640px) {
        .plus .btn__ico {
          width: clamp(-1000000rem, 3.58974vw, 0.875rem); } }
    .secondary .btn__ico {
      background: url("../../assets/2024/images/ico-arrow-right-white.svg") center center no-repeat; }
    @media screen and (max-width: 960px) {
      .btn__ico {
        width: clamp(-1000000rem, 1.34409vw, 0.625rem);
        height: clamp(-1000000rem, 2.68817vw, 1.25rem); } }
    @media screen and (max-width: 640px) {
      .btn__ico {
        width: clamp(-1000000rem, 5.12821vw, 1.25rem);
        height: clamp(-1000000rem, 10.25641vw, 2.5rem); } }

.header {
  display: flex;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 5000;
  max-width: var(--wrapper-width);
  padding-left: clamp(-1000000rem, 3.33333vw, 3rem);
  padding-right: clamp(-1000000rem, 3.95833vw, 3.5625rem);
  padding-top: clamp(-1000000rem, 2.15278vw, 1.9375rem);
  box-sizing: border-box;
  justify-content: space-between;
  transition: background 500ms ease-in; }
  .header__spacing {
    display: none;
    height: 3rem; }
    @media screen and (max-width: 960px) {
      .header__spacing {
        display: block; } }
  .header::after {
    content: '';
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    background: #000;
    z-index: 1;
    width: 100vw;
    transform: translateX(-50%); }
    .scrolling .header::after {
      display: block; }
  .header__emergency {
    background: #9dc815;
    display: block;
    width: 100vw;
    font-family: 'Blinker', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    letter-spacing: .1em;
    font-size: 18px;
    font-weight: 700;
    line-height: 18.74px;
    text-align: center;
    padding: 12px 1rem;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    color: #163c5b; }
  .header > div {
    z-index: 2; }
  @media screen and (max-width: 960px) {
    .header {
      padding-top: clamp(-1000000rem, 2.95699vw, 1.375rem);
      padding-bottom: clamp(-1000000rem, 2.68817vw, 1.25rem); } }
  @media screen and (max-width: 640px) {
    .header {
      padding: clamp(-1000000rem, 3.84615vw, 0.9375rem) clamp(-1000000rem, 4.61538vw, 1.125rem); } }
  .header__menu-trigger {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: clamp(-1000000rem, 20.69444vw, 18.625rem); }
    @media screen and (max-width: 960px) {
      .header__menu-trigger {
        width: clamp(-1000000rem, 29.83871vw, 13.875rem);
        transform: translateX(-45%); } }
    @media screen and (max-width: 640px) {
      .header__menu-trigger {
        width: clamp(-1000000rem, 36.92308vw, 9rem);
        transform: translateX(-50%); } }
    .header__menu-trigger__ico, .header__menu-trigger__langs {
      position: absolute;
      z-index: 5; }
    .header__menu-trigger__ico {
      width: clamp(-1000000rem, 2.77778vw, 2.5rem);
      background: transparent;
      border: 0;
      padding: 0;
      top: clamp(-1000000rem, 2.43056vw, 2.1875rem);
      left: clamp(-1000000rem, 4.44444vw, 4rem);
      cursor: pointer; }
      @media screen and (max-width: 960px) {
        .header__menu-trigger__ico {
          width: clamp(-1000000rem, 5.64516vw, 2.625rem);
          left: clamp(-1000000rem, 3.36022vw, 1.5625rem); } }
      @media screen and (max-width: 640px) {
        .header__menu-trigger__ico {
          width: clamp(-1000000rem, 6.41026vw, 1.5625rem);
          left: clamp(-1000000rem, 6.66667vw, 1.625rem);
          top: clamp(-1000000rem, 3.84615vw, 0.9375rem); } }
    .header__menu-trigger__langs {
      top: clamp(-1000000rem, 2.36111vw, 2.125rem);
      left: clamp(-1000000rem, 10.06944vw, 9.0625rem); }
      @media screen and (max-width: 960px) {
        .header__menu-trigger__langs {
          top: clamp(-1000000rem, 4.03226vw, 1.875rem);
          left: clamp(-1000000rem, 16.26344vw, 7.5625rem); } }
      @media screen and (max-width: 640px) {
        .header__menu-trigger__langs {
          top: clamp(-1000000rem, 4.61538vw, 1.125rem);
          left: clamp(-1000000rem, 19.74359vw, 4.8125rem); } }
      .header__menu-trigger__langs__tc, .header__menu-trigger__langs__sc {
        font-size: clamp(-1000000rem, 1.66667vw, 1.5rem);
        font-weight: 400;
        line-height: clamp(-1000000rem, 2.22222vw, 2rem);
        text-decoration: none;
        color: var(--white); }
        @media screen and (max-width: 960px) {
          .header__menu-trigger__langs__tc, .header__menu-trigger__langs__sc {
            font-size: 1.25rem; } }
        @media screen and (max-width: 640px) {
          .header__menu-trigger__langs__tc, .header__menu-trigger__langs__sc {
            font-size: clamp(-1000000rem, 3.58974vw, 0.875rem); } }
      .header__menu-trigger__langs a + a {
        margin-left: clamp(-1000000rem, 0.83333vw, 0.75rem); }
        @media screen and (max-width: 960px) {
          .header__menu-trigger__langs a + a {
            margin-left: clamp(-1000000rem, 1.47849vw, 0.6875rem); } }
  .header__logo--aif {
    width: clamp(-1000000rem, 12.56944vw, 11.3125rem); }
    @media screen and (max-width: 1023px) {
      .header__logo--aif {
        width: clamp(-1000000rem, 18.8172vw, 8.75rem); } }
    @media screen and (max-width: 640px) {
      .header__logo--aif {
        width: clamp(-1000000rem, 23.07692vw, 5.625rem); } }
  .header__logo--ia {
    width: clamp(-1000000rem, 12.29167vw, 11.0625rem);
    transform: translate(clamp(-1000000rem, 0.41667vw, 0.375rem), clamp(-1000000rem, -0.69444vw, -0.625rem)); }
    @media screen and (max-width: 1023px) {
      .header__logo--ia {
        transform: translate(clamp(-1000000rem, 2.28495vw, 1.0625rem), clamp(-1000000rem, -0.80645vw, -0.375rem));
        width: clamp(-1000000rem, 16.12903vw, 7.5rem); } }
    @media screen and (max-width: 640px) {
      .header__logo--ia {
        width: clamp(-1000000rem, 20.51282vw, 5rem);
        transform: translate(0px, clamp(-1000000rem, -1.02564vw, -0.25rem)); } }
  .header__menu {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 50%;
    transform: translate(-50%, -1000%);
    width: 100%;
    max-width: clamp(-1000000rem, 100vw, 90rem);
    transition: all ease 500ms;
    color: var(--white);
    display: none; }
    .loaded .header__menu {
      display: block; }
    @media screen and (max-width: 640px) {
      .header__menu {
        max-width: 100vw; } }
    .header__menu__active {
      transform: translate(-50%, 0); }
    .header__menu__bg {
      width: 100%; }
      @media screen and (max-width: 640px) {
        .header__menu__bg {
          position: absolute;
          height: 100%;
          width: auto;
          top: 0;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%); } }
    .header__menu__d__0, .header__menu__d__1 {
      position: absolute;
      opacity: 0;
      transition: all ease 1000ms;
      transform: rotate(180deg);
      transform-origin: 0% -100%; }
      .header__menu__active .header__menu__d__0, .header__menu__active .header__menu__d__1 {
        transform: rotate(0deg); }
    .header__menu__d__0 {
      top: -2rem;
      left: 2rem;
      width: 30%; }
      .header__menu__active .header__menu__d__0 {
        opacity: 1; }
    .header__menu__d__1 {
      bottom: -3rem;
      width: 40%;
      right: 0; }
      .header__menu__active .header__menu__d__1 {
        opacity: .2; }
    .header__menu::after {
      content: '';
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: url("../../assets/2024/images/menu__bg__2.png") center center repeat;
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      pointer-events: none; }
    .header__menu__inner {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media screen and (max-width: 640px) {
        .header__menu__inner {
          display: block;
          position: relative;
          padding-bottom: clamp(-1000000rem, 23.84615vw, 5.8125rem); } }
    .header__menu__text {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      max-width: clamp(-1000000rem, 63.61111vw, 57.25rem);
      flex-wrap: wrap; }
      @media screen and (max-width: 960px) {
        .header__menu__text {
          max-width: clamp(-1000000rem, 87.63441vw, 40.75rem); } }
      @media screen and (max-width: 640px) {
        .header__menu__text {
          max-width: none; } }
      .header__menu__text__other {
        width: 100%;
        margin-top: clamp(-1000000rem, 1.25vw, 1.125rem); }
        @media screen and (max-width: 640px) {
          .header__menu__text__other {
            margin-top: clamp(-1000000rem, 5.64103vw, 1.375rem); } }
        .header__menu__text__other__link {
          display: inline-block; }
          .header__menu__text__other__link + .header__menu__text__other__link {
            margin-left: clamp(-1000000rem, 1.66667vw, 1.5rem); }
      .header__menu__text__l {
        flex: 0 0 35%;
        border-right: 1px solid #32dffd;
        padding-top: 1rem;
        padding-bottom: 1rem; }
        @media screen and (max-width: 640px) {
          .header__menu__text__l {
            flex: 0 0 100%;
            border-right: 0;
            padding: clamp(-1000000rem, 12.82051vw, 3.125rem) clamp(-1000000rem, 7.69231vw, 1.875rem) clamp(-1000000rem, 2.82051vw, 0.6875rem);
            border-bottom: 1px solid #32dffd;
            box-sizing: border-box; } }
        .header__menu__text__l__title {
          font-size: clamp(-1000000rem, 1.94444vw, 1.75rem);
          font-weight: 700;
          line-height: clamp(-1000000rem, 2.33333vw, 2.1rem);
          margin-top: 0;
          text-shadow: 0px 4px 12px rgba(126, 239, 255, 0.5); }
          @media screen and (max-width: 960px) {
            .header__menu__text__l__title {
              line-height: 1.05em;
              font-size: 1.25rem;
              letter-spacing: clamp(-1000000rem, 0.08065vw, 0.0375rem); } }
          @media screen and (max-width: 640px) {
            .header__menu__text__l__title {
              font-size: clamp(-1000000rem, 6.41026vw, 1.5625rem);
              margin-bottom: 0; } }
        .header__menu__text__l__txt {
          margin-bottom: 0;
          font-size: clamp(-1000000rem, 1.25vw, 1.125rem);
          font-weight: 400;
          line-height: clamp(-1000000rem, 1.625vw, 1.4625rem);
          font-family: 'Noto Sans TC', 'Noto Sans SC', 'Blinker';
          text-shadow: 0px 4px 12px rgba(126, 239, 255, 0.5); }
          @media screen and (max-width: 960px) {
            .header__menu__text__l__txt {
              line-height: 1.5em;
              font-size: 1rem; } }
          @media screen and (max-width: 640px) {
            .header__menu__text__l__txt {
              font-size: clamp(-1000000rem, 3.58974vw, 0.875rem);
              letter-spacing: clamp(-1000000rem, 0.15385vw, 0.0375rem);
              margin-top: clamp(-1000000rem, 2.05128vw, 0.5rem); } }
      @media screen and (max-width: 640px) {
        .header__menu__text__r {
          padding: clamp(-1000000rem, 6.92308vw, 1.6875rem);
          width: 100%; } }
      .header__menu__text__r__link {
        display: block;
        color: white;
        text-decoration: none;
        font-size: clamp(-1000000rem, 1.94444vw, 1.75rem);
        font-weight: 700;
        text-transform: uppercase;
        padding: 0 clamp(-1000000rem, 2.08333vw, 1.875rem);
        line-height: clamp(-1000000rem, 2.36111vw, 2.125rem);
        padding-right: clamp(-1000000rem, 1.04167vw, 0.9375rem);
        position: relative; }
        @media screen and (max-width: 960px) {
          .header__menu__text__r__link {
            line-height: 1.5em;
            font-size: 1.25rem; } }
        @media screen and (max-width: 640px) {
          .header__menu__text__r__link {
            font-size: clamp(-1000000rem, 3.92308vw, 0.95625rem); } }
        .header__menu__text__r__link__inner {
          display: inline-block;
          padding-left: 0;
          padding-right: 0;
          transition: all ease-in 500ms;
          position: relative;
          text-shadow: 0px 4px 12px rgba(126, 239, 255, 0.5); }
          .header__menu__text__r__link__inner::after, .header__menu__text__r__link__inner::before {
            content: '';
            position: absolute;
            width: clamp(-1000000rem, 1.04167vw, 0.9375rem);
            height: clamp(-1000000rem, 2.08333vw, 1.875rem);
            position: absolute;
            background: url("../../assets/2024/images/menu__link__d.png") center center no-repeat;
            background-size: cover !important;
            top: 50%;
            opacity: 0;
            transition: all ease-in 500ms; }
            .header__menu__text__r__link:hover .header__menu__text__r__link__inner::after, .header__menu__text__r__link:hover .header__menu__text__r__link__inner::before {
              opacity: 1; }
          .header__menu__text__r__link__inner::before {
            right: 100%;
            transform: translateY(-50%); }
          .header__menu__text__r__link__inner::after {
            transform: translateY(-50%) rotate(180deg);
            left: 100%; }
          .header__menu__text__r__link:hover .header__menu__text__r__link__inner {
            padding-right: clamp(-1000000rem, 1.04167vw, 0.9375rem);
            padding-left: clamp(-1000000rem, 1.04167vw, 0.9375rem);
            background: rgba(21, 22, 26, 0.4); }
        .header__menu__text__r__link + .header__menu__text__r__link {
          margin-top: clamp(-1000000rem, 1.73611vw, 1.5625rem); }
          @media screen and (max-width: 640px) {
            .header__menu__text__r__link + .header__menu__text__r__link {
              margin-top: clamp(-1000000rem, 2.30769vw, 0.5625rem); } }
    .header__menu__close {
      position: absolute;
      width: clamp(-1000000rem, 3.47222vw, 3.125rem);
      height: clamp(-1000000rem, 3.47222vw, 3.125rem);
      display: block;
      background: url("../../assets/2024/images/ico__close.svg") center center no-repeat;
      background-size: cover;
      cursor: pointer;
      top: clamp(-1000000rem, 3.47222vw, 3.125rem);
      right: clamp(-1000000rem, 3.47222vw, 3.125rem);
      z-index: 50; }
      @media screen and (max-width: 640px) {
        .header__menu__close {
          width: clamp(-1000000rem, 5.89744vw, 1.4375rem);
          right: clamp(-1000000rem, 5.64103vw, 1.375rem);
          top: clamp(-1000000rem, 5.89744vw, 1.4375rem);
          height: clamp(-1000000rem, 5.64103vw, 1.375rem); } }
  .header__tool {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(-1000000rem, 20.83333vw, 18.75rem);
    height: clamp(-1000000rem, 5.90278vw, 5.3125rem);
    background: url("../../assets/2024/images/tool__bg.svg") center center no-repeat;
    background-size: cover; }
    .header__tool__menu, .header__tool__langs__lang {
      background: none;
      border: 0;
      padding: 0;
      cursor: pointer; }
    .header__tool__langs {
      margin-left: clamp(-1000000rem, 2.77778vw, 2.5rem); }
      .header__tool__langs__lang {
        font-size: clamp(-1000000rem, 1.66667vw, 1.5rem);
        font-weight: 400;
        line-height: clamp(-1000000rem, 2.27014vw, 2.04312rem);
        filter: drop-shadow(0px 4px 12px #7eefff80);
        color: white; }
        .header__tool__langs__lang + .header__tool__langs__lang {
          margin-left: 1rem; }

.hero {
  display: block;
  width: 100vw;
  overflow-x: hidden;
  min-height: clamp(-1000000rem, 59.72222vw, 53.75rem);
  height: 100vh;
  color: var(--white);
  position: relative; }
  @media (max-width: 960px) and (min-width: 641px) and (orientation: portrait) {
    .hero {
      height: 60vh; } }
  @media screen and (max-width: 640px) {
    .hero {
      height: 100dvh; } }
  .hero::before {
    content: '';
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    position: absolute; }
  .hero__highlight, .hero__btn {
    position: absolute;
    left: clamp(-1000000rem, 9.72222vw, 8.75rem);
    top: clamp(-1000000rem, 32.15278vw, 28.9375rem);
    display: none; }
    @media screen and (max-width: 960px) {
      .hero__highlight, .hero__btn {
        left: clamp(-1000000rem, 7.12366vw, 3.3125rem);
        top: clamp(-1000000rem, 39.91935vw, 18.5625rem);
        padding-left: 1rem;
        padding-right: 1rem; } }
    @media screen and (max-width: 640px) {
      .hero__highlight, .hero__btn {
        top: clamp(-1000000rem, 50.76923vw, 12.375rem);
        padding-left: 0rem;
        padding-right: 0rem; } }
    .tc .hero__highlight .btn__txt, .sc .hero__highlight .btn__txt, .tc .hero__btn .btn__txt, .sc .hero__btn .btn__txt {
      text-align: right !important; }
    .tc .hero__highlight, .sc .hero__highlight, .tc .hero__btn, .sc .hero__btn {
      top: clamp(-1000000rem, 44.35484vw, 20.625rem); }
      @media screen and (max-width: 960px) {
        .tc .hero__highlight, .sc .hero__highlight, .tc .hero__btn, .sc .hero__btn {
          top: clamp(-1000000rem, 29.56989vw, 13.75rem) !important; } }
      @media screen and (max-width: 640px) {
        .tc .hero__highlight, .sc .hero__highlight, .tc .hero__btn, .sc .hero__btn {
          top: clamp(-1000000rem, 41.02564vw, 10rem) !important; } }
  .hero__highlight {
    width: clamp(-1000000rem, 26.875vw, 24.1875rem); }
    @media screen and (max-width: 960px) {
      .hero__highlight {
        width: clamp(-1000000rem, 38.97849vw, 18.125rem); } }
    @media screen and (max-width: 640px) {
      .hero__highlight {
        width: 80%; } }
    @media screen and (max-width: 640px) {
      .tc .hero__highlight, .sc .hero__highlight {
        width: clamp(-1000000rem, 65.89744vw, 16.0625rem); } }
    @media screen and (max-width: 640px) {
      .hero__highlight .btn__txt {
        text-align: left;
        line-height: 1.5em;
        padding-top: clamp(-1000000rem, 1.28205vw, 0.3125rem);
        padding-bottom: clamp(-1000000rem, 1.28205vw, 0.3125rem);
        transform: translateX(0%);
        width: auto; } }
    @media screen and (max-width: 640px) {
      .tc .hero__highlight .btn__txt, .sc .hero__highlight .btn__txt {
        transform: translateX(-20%);
        width: clamp(-1000000rem, 30.76923vw, 7.5rem); } }
    .after-event .hero__highlight {
      display: block; }
  .hero__btn {
    width: clamp(-1000000rem, 20.13889vw, 18.125rem);
    padding-left: 1rem;
    padding-right: 1rem; }
    @media screen and (max-width: 960px) {
      .hero__btn {
        width: clamp(-1000000rem, 28.22581vw, 13.125rem); } }
    @media screen and (max-width: 640px) {
      .hero__btn {
        width: clamp(-1000000rem, 56.41026vw, 13.75rem); } }
    .during .hero__btn {
      display: block; }
  .hero__wrapper {
    width: 100%;
    max-width: var(--wrapper-width);
    display: block;
    margin: 0 auto;
    position: relative;
    height: 100%;
    z-index: 2; }
  .hero__title, .hero__txt1, .hero__txt2 {
    position: absolute;
    text-shadow: 0px 4px 12px rgba(126, 239, 255, 0.5); }
  .hero__title {
    font-size: clamp(-1000000rem, 4.72222vw, 4.25rem);
    font-weight: 700;
    line-height: clamp(-1000000rem, 4.93056vw, 4.4375rem);
    text-align: left;
    margin: 0;
    top: clamp(-1000000rem, 11.18056vw, 10.0625rem);
    left: clamp(-1000000rem, 9.30556vw, 8.375rem);
    text-transform: uppercase; }
    @media screen and (max-width: 960px) {
      .hero__title {
        letter-spacing: clamp(-1000000rem, 0.26882vw, 0.125rem);
        line-height: 1.1em;
        font-size: 2.5rem;
        top: clamp(-1000000rem, 15.52419vw, 7.21875rem);
        left: clamp(-1000000rem, 6.3172vw, 2.9375rem); } }
    @media screen and (max-width: 640px) {
      .hero__title {
        line-height: 1.1em;
        font-size: clamp(-1000000rem, 7.69231vw, 1.875rem);
        top: clamp(-1000000rem, 20vw, 4.875rem);
        left: clamp(-1000000rem, 6.41026vw, 1.5625rem);
        letter-spacing: clamp(-1000000rem, 0.46154vw, 0.1125rem); } }
  .hero__txt1, .hero__txt2 {
    top: auto;
    bottom: clamp(-1000000rem, 12.5vw, 11.25rem);
    left: clamp(-1000000rem, 42.15278vw, 37.9375rem);
    letter-spacing: clamp(-1000000rem, 0.07639vw, 0.06875rem);
    font-size: clamp(-1000000rem, 1.94444vw, 1.75rem);
    font-weight: 700;
    line-height: clamp(-1000000rem, 2.01389vw, 1.8125rem);
    margin: 0;
    text-transform: uppercase; }
    .tc .hero__txt1, .sc .hero__txt1, .tc .hero__txt2, .sc .hero__txt2 {
      font-size: clamp(-1000000rem, 2.5vw, 2.25rem); }
    @media screen and (max-width: 960px) {
      .hero__txt1, .hero__txt2 {
        font-size: 1.25rem; }
        .tc .hero__txt1, .sc .hero__txt1, .tc .hero__txt2, .sc .hero__txt2 {
          font-size: 1.625rem; } }
    @media screen and (max-width: 640px) {
      .hero__txt1, .hero__txt2 {
        font-size: clamp(-1000000rem, 3.33333vw, 0.8125rem);
        line-height: 1em; }
        .tc .hero__txt1, .sc .hero__txt1, .tc .hero__txt2, .sc .hero__txt2 {
          font-size: clamp(-1000000rem, 4.61538vw, 1.125rem); } }
  .hero__txt1 {
    left: auto;
    right: clamp(-1000000rem, 20.13889vw, 18.125rem); }
    @media screen and (max-width: 960px) {
      .hero__txt1 {
        bottom: clamp(-1000000rem, 10.75269vw, 5rem);
        left: clamp(-1000000rem, 27.82258vw, 12.9375rem);
        right: auto;
        letter-spacing: clamp(-1000000rem, 0.32258vw, 0.15rem); } }
    @media screen and (max-width: 640px) {
      .hero__txt1 {
        bottom: clamp(-1000000rem, 17.4359vw, 4.25rem);
        letter-spacing: clamp(-1000000rem, 0.76923vw, 0.1875rem);
        left: 0;
        width: 100%;
        text-align: center; } }
  .hero__txt2 {
    left: auto;
    right: clamp(-1000000rem, 10.48611vw, 9.4375rem);
    bottom: clamp(-1000000rem, 8.33333vw, 7.5rem); }
    @media screen and (max-width: 960px) {
      .hero__txt2 {
        bottom: clamp(-1000000rem, 6.85484vw, 3.1875rem);
        right: clamp(-1000000rem, 7.93011vw, 3.6875rem);
        letter-spacing: clamp(-1000000rem, 0.31586vw, 0.14688rem); } }
    @media screen and (max-width: 640px) {
      .hero__txt2 {
        bottom: clamp(-1000000rem, 11.02564vw, 2.6875rem);
        letter-spacing: clamp(-1000000rem, 0.76923vw, 0.1875rem);
        right: 0;
        width: 100%;
        text-align: center; } }
  .hero__content {
    position: absolute;
    top: clamp(-1000000rem, 29.375vw, 26.4375rem);
    left: clamp(-1000000rem, 8.26389vw, 7.4375rem);
    width: clamp(-1000000rem, 34.58333vw, 31.125rem); }
    .during .hero__content, .after-event .hero__content {
      display: none; }
    @media screen and (max-width: 960px) {
      .hero__content {
        top: clamp(-1000000rem, 35.34946vw, 16.4375rem);
        left: clamp(-1000000rem, 4.7043vw, 2.1875rem);
        width: clamp(-1000000rem, 47.58065vw, 22.125rem);
        transform: scale(1.3);
        transform-origin: 0 0; } }
    @media screen and (max-width: 768px) {
      .hero__content {
        transform: scale(1); } }
    @media screen and (max-width: 640px) {
      .hero__content {
        transform: scale(1);
        top: auto;
        bottom: clamp(-1000000rem, 28.20513vw, 6.875rem);
        left: 50%;
        transform: translateX(-50%);
        width: clamp(-1000000rem, 103.84615vw, 25.3125rem); } }
    .hero__content__counter, .hero__content__txt {
      position: absolute;
      text-align: center;
      margin: 0;
      width: 100%;
      padding-right: clamp(-1000000rem, 2.36111vw, 2.125rem); }
    .hero__content__txt {
      font-size: clamp(-1000000rem, 1.94444vw, 1.75rem);
      font-weight: 700;
      line-height: clamp(-1000000rem, 2.01389vw, 1.8125rem);
      width: 100%;
      top: clamp(-1000000rem, 4.65278vw, 4.1875rem);
      box-sizing: border-box;
      letter-spacing: clamp(-1000000rem, 0.07639vw, 0.06875rem);
      text-transform: uppercase; }
      @media screen and (max-width: 960px) {
        .hero__content__txt {
          font-size: 1.25rem;
          top: clamp(-1000000rem, 6.98925vw, 3.25rem); } }
      @media screen and (max-width: 640px) {
        .hero__content__txt {
          font-size: clamp(-1000000rem, 6.15385vw, 1.5rem);
          top: clamp(-1000000rem, 13.33333vw, 3.25rem);
          line-height: 1em;
          transform: translateX(-0.3%); } }
    .hero__content__counter {
      top: clamp(-1000000rem, 7.15278vw, 6.4375rem); }
      @media screen and (max-width: 960px) {
        .hero__content__counter {
          top: clamp(-1000000rem, 9.81183vw, 4.5625rem); } }
      @media screen and (max-width: 640px) {
        .hero__content__counter {
          top: clamp(-1000000rem, 22.30769vw, 5.4375rem);
          transform: translateX(-2%); } }

.counter {
  display: flex;
  width: 100%;
  text-align: center;
  margin-top: clamp(-1000000rem, 0.55556vw, 0.5rem);
  padding: 0 clamp(-1000000rem, 4.72222vw, 4.25rem) 0 clamp(-1000000rem, 2.98611vw, 2.6875rem);
  box-sizing: border-box;
  gap: 0;
  justify-content: space-between; }
  @media screen and (max-width: 960px) {
    .counter {
      gap: clamp(-1000000rem, 3.22581vw, 1.5rem);
      top: clamp(-1000000rem, 11.15591vw, 5.1875rem);
      padding: 0 clamp(-1000000rem, 6.45161vw, 3rem) 0 clamp(-1000000rem, 3.89785vw, 1.8125rem); } }
  @media screen and (max-width: 640px) {
    .counter {
      gap: 0;
      top: clamp(-1000000rem, 20.51282vw, 5rem);
      padding: clamp(-1000000rem, 2.5641vw, 0.625rem) clamp(-1000000rem, 12.82051vw, 3.125rem); } }
  .counter__num, .counter__txt {
    text-align: center; }
  .counter__num {
    font-size: clamp(-1000000rem, 2.77778vw, 2.5rem);
    font-weight: 600;
    line-height: clamp(-1000000rem, 3.47222vw, 3.125rem);
    letter-spacing: 0.04em; }
    @media screen and (max-width: 960px) {
      .counter__num {
        font-size: 1.75rem; } }
    @media screen and (max-width: 640px) {
      .counter__num {
        font-size: clamp(-1000000rem, 6.66667vw, 1.625rem);
        line-height: 1em; } }
  .counter__txt {
    transform: translateY(-25%);
    font-size: clamp(-1000000rem, 0.69444vw, 0.625rem);
    font-weight: 600;
    line-height: clamp(-1000000rem, 0.97222vw, 0.875rem);
    letter-spacing: 0.04em;
    color: var(--anakiwa); }
    @media screen and (max-width: 960px) {
      .counter__txt {
        transform: translateY(37%);
        font-size: 0.375rem; } }
    @media screen and (max-width: 640px) {
      .counter__txt {
        transform: translateY(197%);
        font-size: 0.75rem;
        font-weight: 300; } }

.whatis {
  display: flex;
  justify-content: center;
  padding-top: clamp(-1000000rem, 27.36111vw, 24.625rem);
  padding-bottom: clamp(-1000000rem, 14.79167vw, 13.3125rem);
  width: 100%;
  text-align: center; }
  @media screen and (max-width: 960px) {
    .whatis {
      padding-top: clamp(-1000000rem, 16.93548vw, 7.875rem);
      padding-bottom: clamp(-1000000rem, 10.8871vw, 5.0625rem); } }
  @media screen and (max-width: 640px) {
    .whatis {
      padding-top: clamp(-1000000rem, 30.51282vw, 7.4375rem);
      padding-bottom: clamp(-1000000rem, 15.12821vw, 3.6875rem); } }
  .whatis__wrapper {
    width: clamp(-1000000rem, 63.40278vw, 57.0625rem);
    color: var(--white);
    transform: translateX(-1%); }
    @media screen and (max-width: 960px) {
      .whatis__wrapper {
        transform: translateX(0.2%);
        width: clamp(-1000000rem, 87.36559vw, 40.625rem); } }
    @media screen and (max-width: 640px) {
      .whatis__wrapper {
        width: clamp(-1000000rem, 87.4359vw, 21.3125rem); } }
    .whatis__wrapper__title {
      font-size: 3rem;
      font-weight: 700;
      line-height: 1.04167em;
      text-transform: uppercase;
      text-shadow: 0px 4px 12px rgba(126, 239, 255, 0.5); }
      @media screen and (max-width: 960px) {
        .whatis__wrapper__title {
          font-size: 1.875rem;
          margin-bottom: clamp(-1000000rem, 5.90054vw, 2.74375rem);
          margin-top: clamp(-1000000rem, 3.62903vw, 1.6875rem);
          transform: translateX(clamp(-1000000rem, -0.94086vw, -0.4375rem));
          letter-spacing: clamp(-1000000rem, 0.18817vw, 0.0875rem); } }
      @media screen and (max-width: 640px) {
        .whatis__wrapper__title {
          font-size: clamp(-1000000rem, 5.38462vw, 1.3125rem);
          margin-bottom: clamp(-1000000rem, 11.28205vw, 2.75rem); } }
    .whatis__wrapper__content {
      border-radius: clamp(-1000000rem, 0.69444vw, 0.625rem);
      border: clamp(-1000000rem, 0.06944vw, 0.0625rem) solid #80f5ff;
      box-shadow: clamp(-1000000rem, 0vw, 0rem) clamp(-1000000rem, 0.27778vw, 0.25rem) clamp(-1000000rem, 0.83333vw, 0.75rem) clamp(-1000000rem, 0vw, 0rem) #7eefff80;
      opacity: 0.8;
      color: #E6E6E6;
      font-family: 'Blinker', Arial, 'Helvetica Neue', Helvetica, sans-serif;
      margin-bottom: clamp(-1000000rem, 2.77778vw, 2.5rem);
      background: rgba(11, 27, 42, 0.8);
      padding: clamp(-1000000rem, 3.47222vw, 3.125rem) clamp(-1000000rem, 3.05556vw, 2.75rem) clamp(-1000000rem, 3.26389vw, 2.9375rem);
      font-size: 1.25rem;
      line-height: 1.25em;
      letter-spacing: .1em; }
      @media screen and (max-width: 960px) {
        .whatis__wrapper__content {
          line-height: 1.25em;
          border-radius: clamp(-1000000rem, 1.34409vw, 0.625rem);
          margin-bottom: clamp(-1000000rem, 5.37634vw, 2.5rem);
          transform: translateX(clamp(-1000000rem, -1.07527vw, -0.5rem));
          font-size: 0.9375rem;
          padding: clamp(-1000000rem, 6.45161vw, 3rem) clamp(-1000000rem, 5.37634vw, 2.5rem); } }
      @media screen and (max-width: 640px) {
        .whatis__wrapper__content {
          line-height: 1.3em;
          padding: clamp(-1000000rem, 11.79487vw, 2.875rem) clamp(-1000000rem, 5.38462vw, 1.3125rem);
          font-size: clamp(-1000000rem, 3.84615vw, 0.9375rem);
          line-height: 1.28em;
          margin-bottom: clamp(-1000000rem, 10.25641vw, 2.5rem); } }

.speaker {
  display: block; }
  .speaker__outerwrapper {
    padding-top: clamp(-1000000rem, 3.47222vw, 3.125rem); }
    @media screen and (max-width: 1023px) {
      .speaker__outerwrapper {
        padding-top: clamp(-1000000rem, 7.93011vw, 3.6875rem); } }
  .speaker__wrapper {
    border-image-source: linear-gradient(180deg, rgba(50, 223, 253, 0.1) 0%, rgba(50, 223, 253, 0) 100%);
    background: linear-gradient(180deg, rgba(36, 86, 112, 0.5) 40%, rgba(0, 0, 0, 0.5) 90%);
    border: 0px solid;
    border-radius: clamp(-1000000rem, 5.55556vw, 5rem);
    border-bottom: 0;
    box-shadow: 0px 0px 5px 2px rgba(50, 223, 253, 0.4);
    width: clamp(-1000000rem, 80.69444vw, 72.625rem);
    display: block;
    margin: 0 auto;
    box-sizing: border-box;
    color: var(--white);
    position: relative;
    padding: clamp(-1000000rem, 5.06944vw, 4.5625rem) clamp(-1000000rem, 0.48611vw, 0.4375rem) clamp(-1000000rem, 5vw, 4.5rem) clamp(-1000000rem, 1.18056vw, 1.0625rem); }
    @media screen and (max-width: 1023px) {
      .speaker__wrapper {
        padding-top: clamp(-1000000rem, 6.1828vw, 2.875rem);
        padding-bottom: clamp(-1000000rem, 6.72043vw, 3.125rem);
        width: clamp(-1000000rem, 87.36559vw, 40.625rem); } }
    @media screen and (max-width: 640px) {
      .speaker__wrapper {
        padding-top: clamp(-1000000rem, 11.28205vw, 2.75rem);
        padding-bottom: clamp(-1000000rem, 9.23077vw, 2.25rem);
        width: 90vw;
        transform: translateX(0); } }
    .speaker__wrapper::after {
      position: absolute;
      bottom: -10px;
      left: 50%;
      width: 100vw;
      transform: translateX(-50%);
      height: clamp(-1000000rem, 3.47222vw, 3.125rem);
      /* Adjust height of the fade effect */
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, black 20%); }
    .speaker__wrapper__title, .speaker__wrapper__desc {
      margin: 0;
      text-align: center; }
    .speaker__wrapper__title {
      text-transform: uppercase;
      font-weight: 700;
      line-height: 1.04167em;
      margin-bottom: clamp(-1000000rem, 0.90278vw, 0.8125rem);
      transform: translateX(clamp(-1000000rem, -0.34722vw, -0.3125rem));
      text-shadow: 0px 4px 12px rgba(126, 239, 255, 0.5);
      color: #E6E6E6;
      font-size: 3rem;
      font-family: 'Noto Sans TC', 'Noto Sans SC', 'Syncopate', serif; }
      @media screen and (max-width: 1023px) {
        .speaker__wrapper__title {
          font-size: 1.75rem; } }
      @media screen and (max-width: 640px) {
        .speaker__wrapper__title {
          font-size: clamp(-1000000rem, 5.64103vw, 1.375rem); } }
      @media screen and (max-width: 1023px) {
        .speaker__wrapper__title {
          margin-bottom: clamp(-1000000rem, 2.55376vw, 1.1875rem); } }
      @media screen and (max-width: 640px) {
        .speaker__wrapper__title {
          margin-bottom: clamp(-1000000rem, 6.66667vw, 1.625rem); } }
    .speaker__wrapper__desc {
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.4375em;
      margin-bottom: clamp(-1000000rem, 4.16667vw, 3.75rem);
      font-family: 'Noto Sans TC', 'Noto Sans SC', 'Blinker', 'Helvetica Neue', Helvetica, sans-serif;
      color: #E6E6E6;
      margin-top: clamp(-1000000rem, 0.97222vw, 0.875rem);
      letter-spacing: clamp(-1000000rem, 0.13889vw, 0.125rem);
      transform: translateX(clamp(-1000000rem, -0.29167vw, -0.2625rem)); }
      @media screen and (max-width: 1023px) {
        .speaker__wrapper__desc {
          font-size: 0.8125rem;
          margin-bottom: clamp(-1000000rem, 5.51075vw, 2.5625rem); } }
      @media screen and (max-width: 640px) {
        .speaker__wrapper__desc {
          font-size: 1rem;
          margin-bottom: clamp(-1000000rem, 11.28205vw, 2.75rem); } }
    .speaker__wrapper__slider {
      position: relative;
      padding: 0 clamp(-1000000rem, 1.38889vw, 1.25rem) 0 clamp(-1000000rem, 1.38889vw, 1.25rem); }
      .speaker__wrapper__slider__link {
        position: absolute;
        bottom: 0;
        right: clamp(-1000000rem, 2.77778vw, 2.5rem);
        width: 27.5rem;
        z-index: 100;
        line-height: clamp(-1000000rem, 4.23611vw, 3.8125rem); }
        @media screen and (max-width: 1023px) {
          .speaker__wrapper__slider__link {
            width: 18.9375rem;
            padding: clamp(-1000000rem, 0.53763vw, 0.25rem) clamp(-1000000rem, 2.41935vw, 1.125rem); } }
        @media screen and (max-width: 640px) {
          .speaker__wrapper__slider__link {
            width: 96%;
            right: clamp(-1000000rem, 2.5641vw, 0.625rem);
            bottom: clamp(-1000000rem, -4.10256vw, -1rem);
            border-radius: clamp(-1000000rem, 2.82051vw, 0.6875rem);
            box-sizing: border-box; } }
    .speaker__wrapper .swiper {
      padding-bottom: clamp(-1000000rem, 5.55556vw, 5rem); }
      @media screen and (max-width: 1023px) {
        .speaker__wrapper .swiper {
          padding-bottom: clamp(-1000000rem, 5.24194vw, 2.4375rem); } }
      @media screen and (max-width: 640px) {
        .speaker__wrapper .swiper {
          padding-bottom: clamp(-1000000rem, 23.07692vw, 5.625rem); } }
      .speaker__wrapper .swiper-button-prev, .speaker__wrapper .swiper-button-next {
        top: 38.1%; }
        @media screen and (max-width: 1023px) {
          .speaker__wrapper .swiper-button-prev, .speaker__wrapper .swiper-button-next {
            top: -10.5%; } }
        @media screen and (max-width: 640px) {
          .speaker__wrapper .swiper-button-prev, .speaker__wrapper .swiper-button-next {
            top: 89.5%; } }
      .speaker__wrapper .swiper-button-prev {
        left: clamp(-1000000rem, -6.73611vw, -6.0625rem); }
        @media screen and (max-width: 1023px) {
          .speaker__wrapper .swiper-button-prev {
            left: 80.4%; } }
        @media screen and (max-width: 640px) {
          .speaker__wrapper .swiper-button-prev {
            left: 33.9%; } }
      .speaker__wrapper .swiper-button-next {
        right: clamp(-1000000rem, -6.04167vw, -5.4375rem); }
        @media screen and (max-width: 1023px) {
          .speaker__wrapper .swiper-button-next {
            right: auto;
            left: 90.4%; } }
        @media screen and (max-width: 640px) {
          .speaker__wrapper .swiper-button-next {
            left: 52.7%; } }
  .speaker__card {
    text-align: center;
    padding-bottom: clamp(-1000000rem, 2.56944vw, 2.3125rem);
    cursor: pointer; }
    .speaker__card.not-pointer {
      cursor: default; }
    @media screen and (max-width: 1023px) {
      .speaker__card {
        padding-bottom: clamp(-1000000rem, 5.64516vw, 2.625rem); } }
    @media screen and (max-width: 640px) {
      .speaker__card {
        padding-bottom: clamp(-1000000rem, 10.25641vw, 2.5rem); } }
    .speaker__card__content {
      width: clamp(-1000000rem, 18.05556vw, 16.25rem);
      max-width: 100%;
      display: block;
      margin: 0 auto; }
      @media screen and (max-width: 1023px) {
        .speaker__card__content {
          width: 90%; } }
      @media screen and (max-width: 1023px) {
        .speaker__card__content {
          width: clamp(-1000000rem, 24.32796vw, 11.3125rem); } }
      @media screen and (max-width: 640px) {
        .speaker__card__content {
          width: 70%; } }
    .speaker__card__img {
      padding-top: 100%;
      width: 100%;
      max-width: 100%;
      display: block;
      background-size: 100% auto !important; }
      .speaker__card__img__wrapper {
        border-radius: 100%;
        overflow: hidden;
        box-shadow: 0px 4px 12px 0px #7eefff80;
        background: url("../../assets/2024/images/bg-speaker.png") center center no-repeat;
        width: clamp(-1000000rem, 15.06944vw, 13.5625rem);
        max-width: 100%;
        display: block;
        margin: clamp(-1000000rem, 0.55556vw, 0.5rem) auto 0; }
        @media screen and (max-width: 1023px) {
          .speaker__card__img__wrapper {
            width: clamp(-1000000rem, 24.32796vw, 11.3125rem); } }
        @media screen and (max-width: 640px) {
          .speaker__card__img__wrapper {
            width: clamp(-1000000rem, 46.41026vw, 11.3125rem); } }
    .speaker__card__title {
      font-weight: 700;
      line-height: 1.04111em;
      text-transform: uppercase;
      margin-top: clamp(-1000000rem, 0.83333vw, 0.75rem);
      margin-bottom: clamp(-1000000rem, 0.97222vw, 0.875rem);
      font-size: 1.125rem; }
      @media screen and (max-width: 1023px) {
        .speaker__card__title {
          font-size: 0.875rem;
          margin-top: 1.5rem; } }
      @media screen and (max-width: 640px) {
        .speaker__card__title {
          font-size: 1rem; } }
      @media screen and (max-width: 1023px) {
        .speaker__card__title {
          line-height: 1em;
          margin-bottom: clamp(-1000000rem, 1.34409vw, 0.625rem); } }
      @media screen and (max-width: 640px) {
        .speaker__card__title {
          line-height: 1.5em;
          margin-top: 1rem;
          margin-bottom: clamp(-1000000rem, 3.58974vw, 0.875rem); } }
      .speaker__card__title2 {
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.04071em;
        margin-bottom: clamp(-1000000rem, 0.625vw, 0.5625rem);
        font-family: 'Noto Sans TC', 'Noto Sans SC', 'Blinker', 'Helvetica Neue', Helvetica, sans-serif;
        font-weight: bold; }
        @media screen and (max-width: 1023px) {
          .speaker__card__title2 {
            font-size: 0.875rem;
            margin-bottom: clamp(-1000000rem, 1.88172vw, 0.875rem); } }
        @media screen and (max-width: 640px) {
          .speaker__card__title2 {
            font-size: 0.875rem;
            line-height: 1.5em; } }
    .speaker__card__pos {
      text-shadow: 0px 4px 12px #7eefff80;
      padding: clamp(-1000000rem, 0.34722vw, 0.3125rem) clamp(-1000000rem, 0.83333vw, 0.75rem) clamp(-1000000rem, 0.34722vw, 0.3125rem) clamp(-1000000rem, 0.83333vw, 0.75rem);
      border-radius: clamp(-1000000rem, 0.55556vw, 0.5rem);
      font-family: 'Noto Sans TC', 'Noto Sans SC', 'Blinker', 'Helvetica Neue', Helvetica, sans-serif;
      line-height: 1.1em;
      display: inline-block;
      margin-bottom: clamp(-1000000rem, 0.20833vw, 0.1875rem);
      font-size: 1.125rem; }
      @media screen and (max-width: 1023px) {
        .speaker__card__pos {
          line-height: clamp(-1000000rem, 2.95699vw, 1.375rem);
          padding: clamp(-1000000rem, 0.26882vw, 0.125rem) clamp(-1000000rem, 0.26882vw, 0.125rem);
          margin-bottom: clamp(-1000000rem, 0.53763vw, 0.25rem); } }
      @media screen and (max-width: 640px) {
        .speaker__card__pos {
          line-height: 1em;
          padding: clamp(-1000000rem, 1.79487vw, 0.4375rem) clamp(-1000000rem, 2.5641vw, 0.625rem) clamp(-1000000rem, 1.28205vw, 0.3125rem);
          margin-bottom: clamp(-1000000rem, 1.02564vw, 0.25rem); } }
      @media screen and (max-width: 1023px) {
        .speaker__card__pos {
          font-size: 0.875rem; } }
      @media screen and (max-width: 640px) {
        .speaker__card__pos {
          font-size: 1rem; } }
    .speaker__card__desc + .speaker__card__pos {
      margin-top: clamp(-1000000rem, 0.55556vw, 0.5rem); }
      @media screen and (max-width: 640px) {
        .speaker__card__desc + .speaker__card__pos {
          margin-top: 1rem; } }
    .speaker__card__desc {
      font-family: 'Noto Sans TC', 'Noto Sans SC', 'Blinker', 'Helvetica Neue', Helvetica, sans-serif;
      color: #E6E6E6;
      font-weight: 400;
      line-height: 1.1em;
      letter-spacing: clamp(-1000000rem, 0.09722vw, 0.0875rem);
      font-size: 1.125rem; }
      @media screen and (max-width: 1023px) {
        .speaker__card__desc {
          line-height: 1.2em; } }
      @media screen and (max-width: 1023px) {
        .speaker__card__desc {
          font-size: 0.875rem; } }
      @media screen and (max-width: 640px) {
        .speaker__card__desc {
          font-size: 1rem; } }

.participant {
  color: var(--white);
  padding-top: 6.9vw;
  padding-bottom: clamp(-1000000rem, 6.80556vw, 6.125rem);
  position: relative; }
  @media screen and (max-width: 960px) {
    .participant {
      padding-top: 0;
      padding-bottom: clamp(-1000000rem, 6.98925vw, 3.25rem); } }
  .participant::after {
    content: '';
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #0b1b2a 100%); }
  .participant__wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: clamp(-1000000rem, 80.69444vw, 72.625rem);
    margin: 0 auto;
    transform: translateX(clamp(-1000000rem, -0.41667vw, -0.375rem));
    border-radius: clamp(-1000000rem, 5.55556vw, 5rem);
    background: linear-gradient(180deg, rgba(36, 86, 112, 0.4) 0%, rgba(21, 22, 26, 0.4) 100%);
    border: 2px solid;
    border-image-source: linear-gradient(180deg, #32dffd 0%, rgba(50, 223, 253, 0) 100%);
    box-shadow: 0px 4px 12px 0px #7eefff80;
    padding-top: clamp(-1000000rem, 3.68056vw, 3.3125rem);
    padding-bottom: clamp(-1000000rem, 1.875vw, 1.6875rem); }
    @media screen and (max-width: 960px) {
      .participant__wrapper {
        margin-top: clamp(-1000000rem, 8.06452vw, 3.75rem);
        max-width: clamp(-1000000rem, 86.96237vw, 40.4375rem);
        padding-bottom: clamp(-1000000rem, 5.10753vw, 2.375rem); } }
    @media screen and (max-width: 640px) {
      .participant__wrapper {
        max-width: 90vw;
        margin-top: clamp(-1000000rem, 10.51282vw, 2.5625rem);
        padding-top: clamp(-1000000rem, 8.71795vw, 2.125rem);
        transform: translateX(0); } }
    .participant__wrapper__title {
      margin-top: 0;
      font-size: 3rem;
      font-weight: 700;
      line-height: 1.04167em;
      text-align: center;
      margin-bottom: clamp(-1000000rem, 1.66667vw, 1.5rem);
      text-shadow: 0px 4px 12px rgba(126, 239, 255, 0.5); }
      @media screen and (max-width: 960px) {
        .participant__wrapper__title {
          line-height: 1.1em;
          font-size: 1.875rem;
          margin-top: clamp(-1000000rem, 1.20968vw, 0.5625rem);
          padding: 0 clamp(-1000000rem, 22.31183vw, 10.375rem) 0 clamp(-1000000rem, 0.53763vw, 0.25rem);
          margin-bottom: clamp(-1000000rem, 2.82258vw, 1.3125rem);
          text-align: left;
          letter-spacing: clamp(-1000000rem, 0.21505vw, 0.1rem);
          padding-left: 1rem; } }
      @media screen and (max-width: 640px) {
        .participant__wrapper__title {
          line-height: 1.2em;
          font-size: clamp(-1000000rem, 5.4359vw, 1.325rem);
          letter-spacing: clamp(-1000000rem, 0.58974vw, 0.14375rem); } }
      .participant__wrapper__title__wrapper {
        width: 100%;
        max-width: clamp(-1000000rem, 80.27778vw, 72.25rem);
        margin: 0 auto;
        display: block; }
    .participant__wrapper__swiper {
      position: relative; }
      .participant__wrapper__swiper__wrapper {
        position: relative;
        max-width: clamp(-1000000rem, 88.61111vw, 79.75rem);
        display: block;
        margin: 0 auto;
        padding-right: clamp(-1000000rem, 1.25vw, 1.125rem); }
        @media screen and (max-width: 640px) {
          .participant__wrapper__swiper__wrapper {
            width: clamp(-1000000rem, 87.17949vw, 21.25rem); } }
        .participant__wrapper__swiper__wrapper-m {
          position: absolute;
          border-left: clamp(-1000000rem, 0.06944vw, 0.0625rem) solid #32dffd;
          position: absolute;
          top: 0;
          bottom: 0;
          display: block;
          height: 100%;
          width: 1px;
          left: calc(50% + .5px); }
          @media screen and (max-width: 640px) {
            .participant__wrapper__swiper__wrapper-m {
              display: none; } }
      .participant__wrapper__swiper .swiper-slide {
        padding: clamp(-1000000rem, 2.36111vw, 2.125rem) clamp(-1000000rem, 2.15278vw, 1.9375rem);
        box-sizing: border-box; }
        @media screen and (max-width: 960px) {
          .participant__wrapper__swiper .swiper-slide {
            padding: clamp(-1000000rem, 2.28495vw, 1.0625rem);
            padding-bottom: clamp(-1000000rem, 0.94086vw, 0.4375rem); } }
        @media screen and (max-width: 640px) {
          .participant__wrapper__swiper .swiper-slide {
            padding-top: clamp(-1000000rem, 3.07692vw, 0.75rem);
            padding-bottom: clamp(-1000000rem, 22.05128vw, 5.375rem); } }
      .participant__wrapper__swiper .swiper-button-prev, .participant__wrapper__swiper .swiper-button-next {
        top: 38.1%; }
        @media screen and (max-width: 960px) {
          .participant__wrapper__swiper .swiper-button-prev, .participant__wrapper__swiper .swiper-button-next {
            top: -10.5%; } }
        @media screen and (max-width: 640px) {
          .participant__wrapper__swiper .swiper-button-prev, .participant__wrapper__swiper .swiper-button-next {
            top: 92%; } }
      .participant__wrapper__swiper .swiper-button-prev {
        left: clamp(-1000000rem, -6.04167vw, -5.4375rem); }
        @media screen and (max-width: 960px) {
          .participant__wrapper__swiper .swiper-button-prev {
            left: 80.4%; } }
        @media screen and (max-width: 640px) {
          .participant__wrapper__swiper .swiper-button-prev {
            left: 33.9%; } }
      .participant__wrapper__swiper .swiper-button-next {
        right: clamp(-1000000rem, -6.04167vw, -5.4375rem); }
        @media screen and (max-width: 960px) {
          .participant__wrapper__swiper .swiper-button-next {
            right: auto;
            left: 90.4%; } }
        @media screen and (max-width: 640px) {
          .participant__wrapper__swiper .swiper-button-next {
            left: 52.7%; } }

.said__txt {
  display: block;
  padding: clamp(-1000000rem, 4.16667vw, 3.75rem);
  font-size: 1.25rem;
  font-family: 'Blinker', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 1.3em;
  position: relative;
  background: rgba(255, 255, 255, 0.2);
  text-align: justify; }
  @media screen and (max-width: 960px) {
    .said__txt {
      padding: clamp(-1000000rem, 7.12366vw, 3.3125rem) clamp(-1000000rem, 2.41935vw, 1.125rem) clamp(-1000000rem, 8.73656vw, 4.0625rem);
      line-height: 1.17em;
      font-size: 1rem;
      letter-spacing: clamp(-1000000rem, 0.01344vw, 0.00625rem); } }
  @media screen and (max-width: 640px) {
    .said__txt {
      font-size: clamp(-1000000rem, 3.71795vw, 0.90625rem);
      padding: clamp(-1000000rem, 13.58974vw, 3.3125rem) clamp(-1000000rem, 4.10256vw, 1rem);
      line-height: 1.23em;
      margin-bottom: clamp(-1000000rem, 7.17949vw, 1.75rem); } }
  .said__txt::after, .said__txt::before {
    position: absolute;
    content: '';
    background: url("../../assets/2024/images/d-said-txt.png") center center no-repeat;
    background-size: 160% !important;
    width: clamp(-1000000rem, 2.84722vw, 2.5625rem);
    height: clamp(-1000000rem, 2.29167vw, 2.0625rem); }
    @media screen and (max-width: 960px) {
      .said__txt::after, .said__txt::before {
        width: clamp(-1000000rem, 5.37634vw, 2.5rem);
        height: clamp(-1000000rem, 5.37634vw, 2.5rem); } }
    @media screen and (max-width: 640px) {
      .said__txt::after, .said__txt::before {
        width: clamp(-1000000rem, 10.51282vw, 2.5625rem);
        height: clamp(-1000000rem, 10.51282vw, 2.5625rem); } }
  .said__txt::after {
    top: 0;
    left: 0; }
  .said__txt::before {
    right: 0;
    bottom: 0;
    transform: rotate(180deg); }

.said__detail {
  padding: 0 clamp(-1000000rem, 0.20833vw, 0.1875rem);
  margin-top: clamp(-1000000rem, 2.79861vw, 2.51875rem); }
  @media screen and (max-width: 960px) {
    .said__detail {
      padding: 0; } }
  .said__detail__title {
    display: block;
    font-family: Syncopate, Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: clamp(-1000000rem, 0.41667vw, 0.375rem); }
    @media screen and (max-width: 960px) {
      .said__detail__title {
        font-size: 0.86875rem;
        line-height: 1.1em;
        margin-top: clamp(-1000000rem, 3.22581vw, 1.5rem); } }
    @media screen and (max-width: 640px) {
      .said__detail__title {
        font-size: clamp(-1000000rem, 3.58974vw, 0.875rem); } }
  .said__detail__desc {
    display: block;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1em;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: clamp(-1000000rem, 1.04167vw, 0.9375rem); }
    @media screen and (max-width: 960px) {
      .said__detail__desc {
        line-height: 1.1em;
        font-size: 0.6875rem;
        letter-spacing: clamp(-1000000rem, 0.09409vw, 0.04375rem);
        margin-bottom: clamp(-1000000rem, 2.01613vw, 0.9375rem); } }
    @media screen and (max-width: 640px) {
      .said__detail__desc {
        font-size: clamp(-1000000rem, 2.92308vw, 0.7125rem); } }
  .said__detail__post {
    display: block;
    font-weight: bold;
    width: 90%;
    margin-top: clamp(-1000000rem, 1.11111vw, 1rem);
    font-size: 1.0625rem;
    line-height: 1.4em;
    font-family: arial;
    width: 77%;
    letter-spacing: clamp(-1000000rem, 0.05556vw, 0.05rem);
    margin-bottom: clamp(-1000000rem, 0.34722vw, 0.3125rem);
    text-shadow: 0px 4px 12px rgba(126, 239, 255, 0.5); }
    @media screen and (max-width: 960px) {
      .said__detail__post {
        width: 100%;
        line-height: 1.2em;
        font-size: 0.875rem;
        padding-right: clamp(-1000000rem, 4.03226vw, 1.875rem);
        padding-bottom: clamp(-1000000rem, 0.40323vw, 0.1875rem);
        margin-bottom: clamp(-1000000rem, 0.53763vw, 0.25rem);
        margin-top: clamp(-1000000rem, 2.82258vw, 1.3125rem); } }
    @media screen and (max-width: 640px) {
      .said__detail__post {
        padding: 0;
        font-weight: 700;
        font-size: clamp(-1000000rem, 3.58974vw, 0.875rem);
        margin-top: clamp(-1000000rem, 4.61538vw, 1.125rem);
        margin-bottom: clamp(-1000000rem, 1.79487vw, 0.4375rem);
        letter-spacing: clamp(-1000000rem, 0.12821vw, 0.03125rem);
        width: 80%; } }
  .said__detail__place {
    display: block;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.1em;
    font-family: 'Blinker', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin-bottom: clamp(-1000000rem, 2.77778vw, 2.5rem);
    color: #E6E6E6; }
    @media screen and (max-width: 960px) {
      .said__detail__place {
        line-height: 1.2em;
        font-size: clamp(-1000000rem, 4.10256vw, 1rem);
        margin-bottom: clamp(-1000000rem, 2.15054vw, 1rem); } }
    @media screen and (max-width: 640px) {
      .said__detail__place {
        font-size: clamp(-1000000rem, 3.76923vw, 0.91875rem);
        margin-bottom: clamp(-1000000rem, 4.35897vw, 1.0625rem); } }
  .said__detail__year {
    display: block;
    font-family: Syncopate, Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.07143em;
    color: #9dc815; }
    @media screen and (max-width: 960px) {
      .said__detail__year {
        line-height: 1em;
        font-size: 0.75rem; } }
    @media screen and (max-width: 640px) {
      .said__detail__year {
        font-size: clamp(-1000000rem, 3.07692vw, 0.75rem); } }

.join {
  display: block;
  text-align: center;
  color: var(--white);
  padding: clamp(-1000000rem, 3.95833vw, 3.5625rem) 0 clamp(-1000000rem, 7.98611vw, 7.1875rem);
  position: relative; }
  @media screen and (max-width: 960px) {
    .join {
      padding-bottom: clamp(-1000000rem, 7.12366vw, 3.3125rem);
      padding-top: clamp(-1000000rem, 6.98925vw, 3.25rem); } }
  @media screen and (max-width: 640px) {
    .join {
      padding-top: clamp(-1000000rem, 6.92308vw, 1.6875rem);
      padding-bottom: clamp(-1000000rem, 13.84615vw, 3.375rem); } }
  .join::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: clamp(-1000000rem, -17.15278vw, -15.4375rem);
    left: 0;
    width: 100%;
    display: block;
    background: url("../../assets/2024/images/bg-join.png") center center no-repeat;
    background-size: cover !important;
    z-index: 1; }
    @media screen and (max-width: 960px) {
      .join::after {
        max-height: 130%; } }
  .join__title, .join__txt, .join__btn {
    position: relative;
    z-index: 2; }
  .join__title {
    display: block;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.04167em;
    margin-bottom: clamp(-1000000rem, 3.05556vw, 2.75rem);
    text-shadow: 0px 4px 12px rgba(126, 239, 255, 0.5); }
    @media screen and (max-width: 960px) {
      .join__title {
        font-size: 2rem;
        line-height: 1em; } }
    @media screen and (max-width: 640px) {
      .join__title {
        font-size: clamp(-1000000rem, 5.89744vw, 1.4375rem); } }
  .join__txt {
    display: block;
    margin: 0 auto;
    font-family: 'Blinker', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 auto;
    line-height: 1.03704em;
    letter-spacing: clamp(-1000000rem, 0.13194vw, 0.11875rem);
    margin-bottom: clamp(-1000000rem, 2.84722vw, 2.5625rem);
    width: clamp(-1000000rem, 54.86111vw, 49.375rem);
    font-size: 1.675rem;
    letter-spacing: clamp(-1000000rem, 0.15278vw, 0.1375rem);
    color: #E6E6E6; }
    @media screen and (max-width: 960px) {
      .join__txt {
        line-height: 1.5em;
        width: 62%;
        font-size: 1.08125rem;
        margin-top: clamp(-1000000rem, 4.16667vw, 1.9375rem);
        margin-bottom: clamp(-1000000rem, 3.62903vw, 1.6875rem); } }
    @media screen and (max-width: 640px) {
      .join__txt {
        width: 92%;
        font-size: clamp(-1000000rem, 3.58974vw, 0.875rem);
        margin-top: clamp(-1000000rem, 3.84615vw, 0.9375rem);
        line-height: 1.4em;
        margin-bottom: clamp(-1000000rem, 3.33333vw, 0.8125rem); } }
  .join__btn.btn {
    display: inline-block;
    padding-left: 2rem;
    padding-right: 1rem;
    width: auto; }
  @media screen and (max-width: 640px) {
    .join__btn {
      width: 61%; } }

.footer {
  color: var(--white);
  background: var(--black);
  position: relative;
  z-index: 10;
  display: block;
  margin: 0 auto;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, black 40%); }
  .fixedfooter .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5200; }
  .footer--bg {
    background: url("../../assets/2024/images/bg-join.png") center center no-repeat #000000;
    background-size: 100% !important;
    padding-top: clamp(-1000000rem, 6.94444vw, 6.25rem); }
    @media screen and (max-width: 640px) {
      .footer--bg {
        padding-top: clamp(-1000000rem, 12.82051vw, 3.125rem); } }
  .footer__wrapper {
    margin-top: clamp(-1000000rem, 1.66667vw, 1.5rem);
    width: clamp(-1000000rem, 70.76389vw, 63.6875rem);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: url("../../assets/2024/images/bg-footer.png") center top no-repeat;
    background-size: 100% auto !important;
    box-sizing: border-box; }
    @media screen and (max-width: 1280px) {
      .footer__wrapper {
        width: 85vw; } }
    @media screen and (max-width: 1023px) {
      .footer__wrapper {
        width: 100%; } }
    @media screen and (max-width: 960px) {
      .footer__wrapper {
        width: 100%;
        background-size: auto 100% !important; } }
    @media screen and (max-width: 640px) {
      .footer__wrapper {
        width: 90vw;
        margin-top: 0; } }
    .footer__wrapper__d {
      width: clamp(-1000000rem, 73.26389vw, 65.9375rem);
      max-width: none;
      display: block;
      position: absolute;
      top: clamp(-1000000rem, -1.66667vw, -1.5rem);
      left: 0;
      right: 0; }
      @media screen and (max-width: 1024px) {
        .footer__wrapper__d {
          width: 100%; } }
      @media screen and (max-width: 960px) {
        .footer__wrapper__d {
          width: 100%;
          left: 0;
          top: clamp(-1000000rem, -2.95699vw, -1.375rem); } }
  .footer__top {
    padding: clamp(-1000000rem, 6.25vw, 5.625rem) clamp(-1000000rem, 4.65278vw, 4.1875rem) clamp(-1000000rem, 1.875vw, 1.6875rem) clamp(-1000000rem, 4.16667vw, 3.75rem); }
    @media screen and (max-width: 960px) {
      .footer__top {
        padding-bottom: clamp(-1000000rem, 0.40323vw, 0.1875rem); } }
    @media screen and (max-width: 640px) {
      .footer__top {
        padding-top: 0; } }
    .footer__top__txt, .footer__top__detail {
      width: 49%;
      display: inline-block;
      vertical-align: top;
      box-sizing: border-box; }
      @media screen and (max-width: 640px) {
        .footer__top__txt, .footer__top__detail {
          width: 100%; } }
    .footer__top__txt {
      font-size: 2.625rem;
      font-family: 'Syncopate', Arial, 'Helvetica Neue', Helvetica, sans-serif;
      box-sizing: border-box;
      font-weight: bold;
      padding: 0 clamp(-1000000rem, 0.69444vw, 0.625rem);
      line-height: 1.04em;
      letter-spacing: clamp(-1000000rem, 0.11806vw, 0.10625rem);
      text-shadow: 0px 4px 12px rgba(126, 239, 255, 0.5); }
      @media screen and (max-width: 960px) {
        .footer__top__txt {
          font-weight: 700;
          line-height: 1.08em;
          font-size: 1.9375rem;
          padding: clamp(-1000000rem, 3.62903vw, 1.6875rem) 0 0 clamp(-1000000rem, 4.16667vw, 1.9375rem);
          letter-spacing: clamp(-1000000rem, 0.13441vw, 0.0625rem); } }
      @media screen and (max-width: 640px) {
        .footer__top__txt {
          padding: clamp(-1000000rem, 6.15385vw, 1.5rem) clamp(-1000000rem, 1.53846vw, 0.375rem) clamp(-1000000rem, 2.05128vw, 0.5rem);
          font-size: clamp(-1000000rem, 5.92308vw, 1.44375rem); } }
    .footer__top__detail {
      padding: 0 0 0 clamp(-1000000rem, 4.79167vw, 4.3125rem); }
      @media screen and (max-width: 960px) {
        .footer__top__detail {
          padding: clamp(-1000000rem, 3.89785vw, 1.8125rem) clamp(-1000000rem, 1.88172vw, 0.875rem) clamp(-1000000rem, 3.89785vw, 1.8125rem) clamp(-1000000rem, 0.80645vw, 0.375rem); } }
      @media screen and (max-width: 640px) {
        .footer__top__detail {
          padding: clamp(-1000000rem, 4.61538vw, 1.125rem) clamp(-1000000rem, 2.30769vw, 0.5625rem); } }
      .footer__top__detail__date, .footer__top__detail__time {
        display: flex;
        margin-bottom: clamp(-1000000rem, 1.875vw, 1.6875rem); }
        @media screen and (max-width: 960px) {
          .footer__top__detail__date, .footer__top__detail__time {
            margin-bottom: clamp(-1000000rem, 3.49462vw, 1.625rem); } }
        @media screen and (max-width: 640px) {
          .footer__top__detail__date, .footer__top__detail__time {
            margin-bottom: clamp(-1000000rem, 7.69231vw, 1.875rem); } }
      .footer__top__detail__ico {
        width: 3.4vw; }
        @media screen and (max-width: 640px) {
          .footer__top__detail__ico {
            width: 4.6vw; } }
      .footer__top__detail__txt {
        width: calc(100% - 3vw);
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1.1em;
        font-family: 'Blinker', Arial, 'Helvetica Neue', Helvetica, sans-serif;
        text-align: left;
        color: #E6E6E6;
        white-space: nowrap; }
        @media screen and (max-width: 960px) {
          .footer__top__detail__txt {
            line-height: 1em;
            font-size: 1rem;
            padding: 0 0 0 clamp(-1000000rem, 3.36022vw, 1.5625rem);
            white-space: nowrap; } }
        @media screen and (max-width: 640px) {
          .footer__top__detail__txt {
            font-size: clamp(-1000000rem, 3.58974vw, 0.875rem); } }
  .footer__btm {
    font-family: 'Blinker', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    border-top: 1px solid #32dffd;
    text-align: center;
    width: clamp(-1000000rem, 64.44444vw, 58rem);
    padding: clamp(-1000000rem, 2.29167vw, 2.0625rem) 0 clamp(-1000000rem, 6.25vw, 5.625rem);
    font-size: 1rem;
    color: #E6E6E6;
    margin: 0 auto;
    letter-spacing: clamp(-1000000rem, 0.08333vw, 0.075rem); }
    @media screen and (max-width: 960px) {
      .footer__btm {
        width: 83.1%;
        font-size: 0.875rem;
        padding-top: clamp(-1000000rem, 4.30108vw, 2rem); } }
    @media screen and (max-width: 640px) {
      .footer__btm {
        font-size: clamp(-1000000rem, 3.07692vw, 0.75rem);
        padding: clamp(-1000000rem, 7.17949vw, 1.75rem) 1rem;
        box-sizing: border-box; } }
  .footer__btn {
    margin: 0;
    width: 80%;
    position: relative; }
    @media screen and (max-width: 1023px) {
      .footer__btn {
        width: 100%; } }
    @media screen and (max-width: 960px) {
      .footer__btn {
        width: 67%; } }
    @media screen and (max-width: 640px) {
      .footer__btn {
        width: 100%;
        text-align: left;
        padding-left: clamp(-1000000rem, 8.71795vw, 2.125rem);
        box-sizing: border-box; } }
    @media screen and (max-width: 640px) {
      .footer__btn .btn__ico {
        position: absolute;
        right: clamp(-1000000rem, 8.46154vw, 2.0625rem); } }

.backToTop {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  width: clamp(-1000000rem, 5.55556vw, 5rem);
  background: transparent;
  border: none;
  z-index: 5000;
  cursor: pointer; }
  @media screen and (max-width: 818px) {
    .backToTop {
      width: clamp(-1000000rem, 8.19892vw, 3.8125rem);
      right: .7rem; } }
  @media screen and (max-width: 640px) {
    .backToTop {
      width: clamp(-1000000rem, 20.51282vw, 5rem); } }

.share {
  display: block;
  position: absolute;
  bottom: clamp(-1000000rem, 4.16667vw, 3.75rem);
  left: clamp(-1000000rem, 2.56944vw, 2.3125rem);
  color: var(--white); }
  @media screen and (max-width: 960px) {
    .share {
      display: none; } }
  .header__menu .share {
    display: none; }
    @media screen and (max-width: 960px) {
      .header__menu .share {
        left: auto;
        right: clamp(-1000000rem, 7.93011vw, 3.6875rem);
        bottom: clamp(-1000000rem, 4.83871vw, 2.25rem);
        display: flex;
        align-items: center; } }
    @media screen and (max-width: 640px) {
      .header__menu .share {
        bottom: clamp(-1000000rem, 6.41026vw, 1.5625rem); } }
  .share__wrapper {
    z-index: 10000;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: var(--wrapper-width); }
  .share__text {
    font-weight: 400;
    font-size: clamp(-1000000rem, 1.11111vw, 1rem);
    line-height: clamp(-1000000rem, 1.33333vw, 1.2rem);
    position: relative; }
    @media screen and (max-width: 960px) {
      .share__text {
        line-height: clamp(-1000000rem, 2.58065vw, 1.2rem);
        font-size: 0.75rem;
        transform: translate(clamp(-1000000rem, -1.74731vw, -0.8125rem), clamp(-1000000rem, -1.07527vw, -0.5rem)); } }
    @media screen and (max-width: 640px) {
      .share__text {
        font-size: clamp(-1000000rem, 4.10256vw, 1rem);
        line-height: clamp(-1000000rem, 4.92308vw, 1.2rem); } }
    .share__text__txt {
      left: 50%;
      top: 50%;
      transform-origin: left center;
      transform: rotate(-90deg);
      position: absolute;
      white-space: nowrap; }
      .header__menu .share__text__txt {
        transform: rotate(0deg);
        position: relative;
        top: 0;
        left: 0; }
  .share__button {
    background: none;
    border: 0;
    display: block;
    cursor: pointer;
    margin-top: clamp(-1000000rem, -0.55556vw, -0.5rem);
    width: 49px;
    box-sizing: border-box;
    padding: 0; }
    @media screen and (max-width: 960px) {
      .share__button {
        width: 49px;
        margin-left: clamp(-1000000rem, -1.65323vw, -0.76875rem); } }
    @media screen and (max-width: 640px) {
      .share__button {
        width: 49px; } }
    .share__button--weChat {
      transform: translate(clamp(-1000000rem, 0.13889vw, 0.125rem), clamp(-1000000rem, 0.13889vw, 0.125rem)); }
    .share__button--fb {
      transform: translate(clamp(-1000000rem, 0.27778vw, 0.25rem), 0); }
  .share__webchatpic {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: clamp(-10000rem, 5vw, 50px);
    background: black;
    display: none;
    z-index: 65200; }
    .share__webchatpic img {
      width: clamp(-1000000rem, 27.77778vw, 25rem); }
    .share__webchatpic.copied .copiedTxt {
      display: block !important; }
    @media screen and (max-width: 640px) {
      .share__webchatpic .pic {
        display: none; } }
    .share__webchatpic .txt {
      display: none; }
      @media screen and (max-width: 640px) {
        .share__webchatpic .txt {
          display: block;
          text-align: center; } }
      .share__webchatpic .txt input {
        padding: .5rem 1rem;
        border: 0;
        margin-bottom: 1rem;
        font-size: 1rem; }
      .share__webchatpic .txt button.btn {
        border: 0; }
      .share__webchatpic .txt .copiedTxt {
        display: none;
        margin-top: 1rem;
        margin-bottom: 0;
        color: var(--white);
        font-family: 'Noto Sans TC', 'Noto Sans SC', 'BLINKER'; }
    .showWeChatPic .share__webchatpic {
      display: block;
      opacity: 1; }
  .share__close {
    position: absolute;
    display: block;
    background: url("../../assets/2024/images/ico__close.svg") center center no-repeat;
    background-size: cover;
    cursor: pointer;
    width: clamp(-1000000rem, 3.47222vw, 3.125rem);
    height: clamp(-1000000rem, 3.47222vw, 3.125rem);
    top: clamp(-1000000rem, -1.73611vw, -1.5625rem);
    right: clamp(-1000000rem, -1.73611vw, -1.5625rem);
    z-index: 50;
    border: 0; }
    @media screen and (max-width: 640px) {
      .share__close {
        width: clamp(-1000000rem, 7.69231vw, 1.875rem);
        height: clamp(-1000000rem, 7.69231vw, 1.875rem);
        top: clamp(-1000000rem, -3.84615vw, -0.9375rem);
        right: clamp(-1000000rem, -3.84615vw, -0.9375rem); } }
  .share__line {
    display: block;
    height: clamp(-1000000rem, 6.25vw, 5.625rem);
    width: clamp(-1000000rem, 0.06944vw, 0.0625rem);
    background: #80f5ff;
    margin: clamp(-1000000rem, 1.11111vw, 1rem) auto; }
    @media screen and (max-width: 960px) {
      .share__line {
        display: block;
        height: clamp(-1000000rem, 0.13441vw, 0.0625rem);
        width: clamp(-1000000rem, 11.55914vw, 5.375rem);
        background: #80f5ff;
        margin-right: clamp(-1000000rem, 2.01613vw, 0.9375rem);
        transform: translateY(clamp(-1000000rem, -1.34409vw, -0.625rem)); } }

.changeTextSize__wrapper {
  display: block;
  max-width: clamp(-1000000rem, 80.41667vw, 72.375rem);
  margin: clamp(-1000000rem, 8.40278vw, 7.5625rem) auto clamp(-1000000rem, 10.06944vw, 9.0625rem);
  color: var(--white); }
  @media screen and (max-width: 960px) {
    .changeTextSize__wrapper {
      max-width: clamp(-1000000rem, 87.36559vw, 40.625rem);
      margin-top: clamp(-1000000rem, 10.8871vw, 5.0625rem);
      margin-bottom: clamp(-1000000rem, 9.00538vw, 4.1875rem); } }
  .changeTextSize__wrapper__title {
    line-height: 1.08em;
    text-transform: uppercase;
    font-size: 4.25rem;
    padding-right: clamp(-1000000rem, 8.33333vw, 7.5rem);
    margin-bottom: clamp(-1000000rem, 5.34722vw, 4.8125rem);
    text-shadow: 0px 4px 12px rgba(126, 239, 255, 0.5); }
    @media screen and (max-width: 960px) {
      .changeTextSize__wrapper__title {
        font-size: 2.625rem;
        margin-bottom: clamp(-1000000rem, 4.97312vw, 2.3125rem); } }
    @media screen and (max-width: 640px) {
      .changeTextSize__wrapper__title {
        margin-top: clamp(-1000000rem, 15.89744vw, 3.875rem);
        padding-right: clamp(-1000000rem, 25.64103vw, 6.25rem);
        font-size: clamp(-1000000rem, 8.20513vw, 2rem);
        margin-bottom: clamp(-1000000rem, 10vw, 2.4375rem); } }
  .changeTextSize__wrapper__content {
    border-radius: clamp(-1000000rem, 5.55556vw, 5rem);
    background: linear-gradient(180deg, rgba(36, 86, 112, 0.4) 0%, rgba(21, 22, 26, 0.4) 100%);
    border-image-source: linear-gradient(180deg, #32dffd 0%, rgba(50, 223, 253, 0) 100%);
    box-shadow: 0px 4px 12px 0px #7eefff80;
    border: 1px solid rgba(126, 239, 255, 0.3);
    padding: clamp(-1000000rem, 2.08333vw, 1.875rem) clamp(-1000000rem, 7.01389vw, 6.3125rem) clamp(-1000000rem, 1.66667vw, 1.5rem) clamp(-1000000rem, 7.5vw, 6.75rem);
    border: 1px solid rgba(126, 239, 255, 0.5); }
    @media screen and (max-width: 960px) {
      .changeTextSize__wrapper__content {
        padding: clamp(-1000000rem, 5.64516vw, 2.625rem) clamp(-1000000rem, 2.82258vw, 1.3125rem) clamp(-1000000rem, 7.7957vw, 3.625rem) clamp(-1000000rem, 4.56989vw, 2.125rem); } }
    @media screen and (max-width: 640px) {
      .changeTextSize__wrapper__content {
        padding: clamp(-1000000rem, 5.12821vw, 1.25rem) clamp(-1000000rem, 3.58974vw, 0.875rem); } }
    .changeTextSize__wrapper__content__title {
      font-family: 'Noto Sans TC', 'Noto Sans SC', 'Blinker';
      font-weight: 400;
      font-size: 1.875rem;
      letter-spacing: clamp(-1000000rem, 0.18056vw, 0.1625rem);
      padding-right: 0;
      line-height: 1.24em;
      margin-bottom: 0;
      color: #80f5ff; }
      @media screen and (max-width: 960px) {
        .changeTextSize__wrapper__content__title {
          font-size: 1.15625rem; } }
      @media screen and (max-width: 640px) {
        .changeTextSize__wrapper__content__title {
          font-size: clamp(-1000000rem, 5.12821vw, 1.25rem);
          line-height: 1.2em; } }
      .changeTextSize__wrapper__content__title + .changeTextSize__wrapper__content__title2 {
        margin-top: clamp(-1000000rem, 4.16667vw, 3.75rem); }
        @media screen and (max-width: 960px) {
          .changeTextSize__wrapper__content__title + .changeTextSize__wrapper__content__title2 {
            margin-top: clamp(-1000000rem, 5.51075vw, 2.5625rem); } }
        @media screen and (max-width: 640px) {
          .changeTextSize__wrapper__content__title + .changeTextSize__wrapper__content__title2 {
            margin-top: clamp(-1000000rem, 10vw, 2.4375rem); } }
      .changeTextSize__wrapper__content__title2 {
        font-size: 1.75rem;
        text-transform: uppercase;
        letter-spacing: clamp(-1000000rem, 0.06944vw, 0.0625rem);
        margin-bottom: 0;
        color: #80f5ff; }
        @media screen and (max-width: 960px) {
          .changeTextSize__wrapper__content__title2 {
            font-size: 1.25rem; } }
        @media screen and (max-width: 640px) {
          .changeTextSize__wrapper__content__title2 {
            font-size: clamp(-1000000rem, 4.17949vw, 1.01875rem); } }
    .changeTextSize__wrapper__content__subtitle {
      padding: clamp(-1000000rem, 0.34722vw, 0.3125rem) clamp(-1000000rem, 0.83333vw, 0.75rem) clamp(-1000000rem, 0.34722vw, 0.3125rem) clamp(-1000000rem, 0.83333vw, 0.75rem);
      border-radius: clamp(-1000000rem, 0.55556vw, 0.5rem);
      border: clamp(-1000000rem, 0.06944vw, 0.0625rem) solid #80f5ff;
      box-shadow: clamp(-1000000rem, 0vw, 0rem) clamp(-1000000rem, 0.27778vw, 0.25rem) clamp(-1000000rem, 0.83333vw, 0.75rem) clamp(-1000000rem, 0vw, 0rem) #7eefff80;
      width: auto;
      display: inline-block;
      margin-top: clamp(-1000000rem, 0.27778vw, 0.25rem);
      margin-bottom: clamp(-1000000rem, -0.27778vw, -0.25rem);
      text-transform: uppercase;
      color: #80f5ff; }
      @media screen and (max-width: 960px) {
        .changeTextSize__wrapper__content__subtitle {
          margin-top: clamp(-1000000rem, 1.07527vw, 0.5rem);
          margin-bottom: clamp(-1000000rem, 0.40323vw, 0.1875rem); } }
      @media screen and (max-width: 640px) {
        .changeTextSize__wrapper__content__subtitle {
          padding: clamp(-1000000rem, 0.76923vw, 0.1875rem) clamp(-1000000rem, 1.28205vw, 0.3125rem);
          border-radius: clamp(-1000000rem, 1.53846vw, 0.375rem); } }
      .changeTextSize__wrapper__content__subtitle + .changeTextSize__wrapper__content__txt {
        margin-top: clamp(-1000000rem, 0.97222vw, 0.875rem); }
      .changeTextSize__wrapper__content__subtitle2 {
        margin-top: clamp(-1000000rem, 3.95833vw, 3.5625rem);
        margin-bottom: clamp(-1000000rem, 1.18056vw, 1.0625rem);
        text-transform: uppercase; }
        @media screen and (max-width: 960px) {
          .changeTextSize__wrapper__content__subtitle2 {
            margin-top: clamp(-1000000rem, 5.24194vw, 2.4375rem); } }
    .changeTextSize__wrapper__content__txt {
      font-family: 'Noto Sans TC', 'Noto Sans SC', 'Blinker';
      font-size: 1.125rem;
      line-height: 1.43em;
      letter-spacing: clamp(-1000000rem, 0.12917vw, 0.11625rem);
      margin-top: clamp(-1000000rem, 1.01389vw, 0.9125rem);
      text-align: justify; }
      .changeTextSize__wrapper__content__txt + .changeTextSize__wrapper__content__title2 {
        margin-top: clamp(-1000000rem, 2.63889vw, 2.375rem); }
        @media screen and (max-width: 960px) {
          .changeTextSize__wrapper__content__txt + .changeTextSize__wrapper__content__title2 {
            margin-top: clamp(-1000000rem, 5.37634vw, 2.5rem); } }
      @media screen and (max-width: 960px) {
        .changeTextSize__wrapper__content__txt {
          margin-top: clamp(-1000000rem, 2.01613vw, 0.9375rem);
          font-size: 1rem;
          line-height: 1.2em;
          letter-spacing: clamp(-1000000rem, 0.09543vw, 0.04437rem); } }
      @media screen and (max-width: 640px) {
        .changeTextSize__wrapper__content__txt {
          margin-top: clamp(-1000000rem, 4.10256vw, 1rem);
          font-size: clamp(-1000000rem, 3.84615vw, 0.9375rem); } }

.speakerPage {
  overflow: hidden;
  width: 100%;
  color: var(--white); }
  .speakerPage__popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 65200;
    justify-content: center;
    align-items: center;
    color: #ffffff; }
    .speakerPage__popup__wrapper {
      border-radius: clamp(-1000000rem, 0.69444vw, 0.625rem);
      height: clamp(-1000000rem, 46.94444vw, 42.25rem);
      max-width: clamp(-1000000rem, 73.26389vw, 65.9375rem);
      width: 100%;
      box-shadow: 0 clamp(-1000000rem, 0.69444vw, 0.625rem) clamp(-1000000rem, 2.08333vw, 1.875rem) rgba(0, 0, 0, 0.1);
      position: relative;
      background: url("../../assets/2024/images/bg-speaker-popup.png") center center no-repeat;
      background-size: contain !important; }
      @media screen and (max-width: 960px) {
        .speakerPage__popup__wrapper {
          background: url("../../assets/2024/images/bg-speaker-popup-tablet.png") center center no-repeat;
          height: clamp(-1000000rem, 69.89247vw, 32.5rem);
          max-width: clamp(-1000000rem, 87.5vw, 40.6875rem); } }
      @media screen and (max-width: 640px) {
        .speakerPage__popup__wrapper {
          background: url("../../assets/2024/images/bg-speaker-popup-mobile.png") center center no-repeat;
          max-width: 90vw;
          height: 90vh;
          background-size: 100% 100% !important; } }
      .speakerPage__popup__wrapper__close {
        position: absolute;
        top: clamp(-1000000rem, 0.69444vw, 0.625rem);
        right: clamp(-1000000rem, 0.69444vw, 0.625rem);
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
        top: clamp(-1000000rem, 3.26389vw, 2.9375rem);
        right: clamp(-1000000rem, 2.70833vw, 2.4375rem); }
        @media screen and (max-width: 960px) {
          .speakerPage__popup__wrapper__close {
            right: clamp(-1000000rem, 4.7043vw, 2.1875rem);
            top: clamp(-1000000rem, 4.7043vw, 2.1875rem); } }
        @media screen and (max-width: 640px) {
          .speakerPage__popup__wrapper__close {
            z-index: 20;
            top: clamp(-1000000rem, 8.97436vw, 2.1875rem);
            right: clamp(-1000000rem, 5.89744vw, 1.4375rem);
            background: #163c5b; } }
        .speakerPage__popup__wrapper__close img {
          width: clamp(-1000000rem, 2.01389vw, 1.8125rem); }
          @media screen and (max-width: 960px) {
            .speakerPage__popup__wrapper__close img {
              width: clamp(-1000000rem, 2.68817vw, 1.25rem); } }
          @media screen and (max-width: 640px) {
            .speakerPage__popup__wrapper__close img {
              width: clamp(-1000000rem, 5.12821vw, 1.25rem); } }
      .speakerPage__popup__wrapper__content {
        flex-direction: row;
        align-items: flex-start;
        position: absolute;
        top: clamp(-1000000rem, 7.29167vw, 6.5625rem);
        left: clamp(-1000000rem, 7.43056vw, 6.6875rem);
        width: clamp(-1000000rem, 58.33333vw, 52.5rem);
        height: clamp(-1000000rem, 33.33333vw, 30rem);
        background: #163c5b;
        display: none; }
        @media screen and (max-width: 960px) {
          .speakerPage__popup__wrapper__content {
            top: clamp(-1000000rem, 8.33333vw, 3.875rem);
            left: clamp(-1000000rem, 8.33333vw, 3.875rem);
            width: clamp(-1000000rem, 72.58065vw, 33.75rem);
            height: clamp(-1000000rem, 53.76344vw, 25rem); } }
        @media screen and (max-width: 640px) {
          .speakerPage__popup__wrapper__content {
            flex-direction: column;
            padding-top: clamp(-1000000rem, 14.35897vw, 3.5rem);
            height: 71dvh; } }
        .speakerPage__popup__wrapper__content.active {
          display: flex; }
        @media screen and (max-width: 640px) {
          .speakerPage__popup__wrapper__content__img {
            width: 100%; } }
        .speakerPage__popup__wrapper__content__img__wrapper {
          width: clamp(-1000000rem, 15.97222vw, 14.375rem);
          height: clamp(-1000000rem, 15.97222vw, 14.375rem);
          overflow: hidden;
          background: url("../../assets/2024/images/bg-speaker-image.png") center center no-repeat;
          border-radius: 100%;
          overflow: hidden;
          box-shadow: 0px 4px 12px 0px rgba(126, 239, 255, 0.8); }
          @media screen and (max-width: 960px) {
            .speakerPage__popup__wrapper__content__img__wrapper {
              width: clamp(-1000000rem, 24.19355vw, 11.25rem);
              height: clamp(-1000000rem, 24.19355vw, 11.25rem); } }
          @media screen and (max-width: 640px) {
            .speakerPage__popup__wrapper__content__img__wrapper {
              width: clamp(-1000000rem, 41.02564vw, 10rem);
              height: clamp(-1000000rem, 41.02564vw, 10rem);
              margin: 0 auto clamp(-1000000rem, 6.15385vw, 1.5rem); } }
          .speakerPage__popup__wrapper__content__img__wrapper img {
            width: 100%;
            height: auto;
            object-fit: cover; }
        .speakerPage__popup__wrapper__content__txt {
          max-height: 100%;
          height: 100%;
          overflow-y: auto;
          padding-left: clamp(-1000000rem, 1.38889vw, 1.25rem);
          min-width: clamp(-1000000rem, 38.88889vw, 35rem);
          padding-right: 1rem; }
          @media screen and (max-width: 960px) {
            .speakerPage__popup__wrapper__content__txt {
              min-width: none;
              padding-left: clamp(-1000000rem, 2.68817vw, 1.25rem); } }
          @media screen and (max-width: 640px) {
            .speakerPage__popup__wrapper__content__txt {
              padding-left: 0;
              text-align: center;
              width: 100%;
              height: auto;
              padding-right: 1rem; } }
  .speakerPage__head, .speakerPage__wrapper {
    max-width: clamp(-1000000rem, 80.27778vw, 72.25rem);
    display: block;
    margin: 0 auto; }
    @media screen and (max-width: 960px) {
      .speakerPage__head, .speakerPage__wrapper {
        max-width: clamp(-1000000rem, 86.29032vw, 40.125rem); } }
    @media screen and (max-width: 640px) {
      .speakerPage__head, .speakerPage__wrapper {
        max-width: clamp(-1000000rem, 87.94872vw, 21.4375rem); } }
  .speakerPage__head {
    margin-bottom: clamp(-1000000rem, 1.38889vw, 1.25rem); }
    .speakerPage__head__title, .speakerPage__head__subtitle {
      text-shadow: 0px 4px 12px rgba(126, 239, 255, 0.8); }
    .speakerPage__head__title {
      font-size: 4.26875rem;
      font-weight: bold;
      text-transform: uppercase;
      margin-top: clamp(-1000000rem, 11.11111vw, 10rem); }
      @media screen and (max-width: 960px) {
        .speakerPage__head__title {
          font-size: 2.625rem;
          margin-top: clamp(-1000000rem, 15.45699vw, 7.1875rem); } }
      @media screen and (max-width: 640px) {
        .speakerPage__head__title {
          font-size: clamp(-1000000rem, 8.20513vw, 2rem);
          margin-top: clamp(-1000000rem, 21.79487vw, 5.3125rem); } }
    .speakerPage__head__subtitle {
      margin-top: clamp(-1000000rem, -0.90278vw, -0.8125rem);
      font-size: 1.75rem;
      text-transform: uppercase;
      letter-spacing: clamp(-1000000rem, 0.08333vw, 0.075rem);
      margin-bottom: clamp(-1000000rem, 5.55556vw, 5rem); }
      @media screen and (max-width: 960px) {
        .speakerPage__head__subtitle {
          font-size: 1.25rem; } }
      @media screen and (max-width: 640px) {
        .speakerPage__head__subtitle {
          font-size: clamp(-1000000rem, 4.20513vw, 1.025rem);
          margin-top: clamp(-1000000rem, -1.02564vw, -0.25rem);
          margin-bottom: clamp(-1000000rem, 10vw, 2.4375rem); } }
  .speakerPage__wrapper {
    border-radius: clamp(-1000000rem, 5.55556vw, 5rem);
    border: clamp(-1000000rem, 0.13889vw, 0.125rem) solid;
    border-image-source: linear-gradient(180deg, #32dffd 0%, rgba(50, 223, 253, 0) 100%);
    background: linear-gradient(180deg, rgba(36, 86, 112, 0.4) 0%, rgba(21, 22, 26, 0.4) 100%);
    box-shadow: 0px clamp(-1000000rem, 0.27778vw, 0.25rem) clamp(-1000000rem, 0.83333vw, 0.75rem) 0px #7eefff80;
    text-align: center;
    margin-bottom: clamp(-1000000rem, 8.40278vw, 7.5625rem); }
    .speakerPage__wrapper__list {
      display: block;
      padding: clamp(-1000000rem, 3.95833vw, 3.5625rem) clamp(-1000000rem, 6.94444vw, 6.25rem); }
      @media screen and (max-width: 960px) {
        .speakerPage__wrapper__list {
          padding: clamp(-1000000rem, 5.24194vw, 2.4375rem) clamp(-1000000rem, 11.29032vw, 5.25rem) 0; } }
      @media screen and (max-width: 640px) {
        .speakerPage__wrapper__list {
          padding: clamp(-1000000rem, 6.92308vw, 1.6875rem); } }
      .speakerPage__wrapper__list__item {
        width: 100%;
        padding-bottom: clamp(-1000000rem, 3.54167vw, 3.1875rem);
        margin-bottom: clamp(-1000000rem, 2.22222vw, 2rem);
        position: relative;
        display: flex;
        align-items: center; }
        @media screen and (max-width: 960px) {
          .speakerPage__wrapper__list__item {
            padding-bottom: clamp(-1000000rem, 5.37634vw, 2.5rem);
            margin-bottom: clamp(-1000000rem, 5.10753vw, 2.375rem); } }
        .speakerPage__wrapper__list__item::after {
          content: '';
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          height: 1px;
          width: clamp(-1000000rem, 71.11111vw, 64rem);
          background: #32dffd;
          position: absolute; }
          @media screen and (max-width: 640px) {
            .speakerPage__wrapper__list__item::after {
              width: auto;
              left: clamp(-1000000rem, -1.28205vw, -0.3125rem);
              right: clamp(-1000000rem, -1.28205vw, -0.3125rem);
              transform: translateX(0); } }
        .speakerPage__wrapper__list__item:last-child::after {
          display: none; }
        .speakerPage__wrapper__list__item--left {
          flex-direction: row;
          text-align: left; }
          @media screen and (max-width: 640px) {
            .speakerPage__wrapper__list__item--left {
              flex-direction: column;
              text-align: center; } }
        .speakerPage__wrapper__list__item--right {
          flex-direction: row-reverse;
          text-align: right; }
          @media screen and (max-width: 640px) {
            .speakerPage__wrapper__list__item--right {
              flex-direction: column;
              text-align: center; } }
        .speakerPage__wrapper__list__item__img {
          flex: 0 0 clamp(-1000000rem, 16.66667vw, 15rem); }
          @media screen and (max-width: 960px) {
            .speakerPage__wrapper__list__item__img {
              flex: 0 0 clamp(-1000000rem, 24.19355vw, 11.25rem); } }
          @media screen and (max-width: 640px) {
            .speakerPage__wrapper__list__item__img {
              flex: 0 0 clamp(-1000000rem, 43.58974vw, 10.625rem);
              width: clamp(-1000000rem, 43.58974vw, 10.625rem); } }
          .speakerPage__wrapper__list__item__img__wrapper {
            width: 100%;
            padding-top: 100%;
            border-radius: 100%;
            background: url("../../assets/2024/images/bg-speaker-image.png") center center no-repeat;
            overflow: hidden;
            position: relative;
            box-shadow: 0px clamp(-1000000rem, 0.27778vw, 0.25rem) clamp(-1000000rem, 0.83333vw, 0.75rem) 0px #7eefff80; }
            .speakerPage__wrapper__list__item__img__wrapper img {
              position: absolute;
              top: 0;
              left: 0;
              object-fit: cover;
              width: 100%;
              height: auto;
              object-fit: cover; }
        .speakerPage__wrapper__list__item__content {
          flex: 2;
          padding-left: clamp(-1000000rem, 2.29167vw, 2.0625rem);
          position: relative; }
          .speakerPage__popup .speakerPage__wrapper__list__item__content {
            padding-left: 0 !important; }
          @media screen and (max-width: 960px) {
            .speakerPage__wrapper__list__item__content {
              padding-left: clamp(-1000000rem, 4.16667vw, 1.9375rem); } }
          @media screen and (max-width: 640px) {
            .speakerPage__wrapper__list__item__content {
              padding: 0;
              width: 100%; } }
          .speakerPage__wrapper__list__item--right .speakerPage__wrapper__list__item__content {
            padding-left: 0;
            padding-right: clamp(-1000000rem, 5.24194vw, 2.4375rem); }
            @media screen and (max-width: 640px) {
              .speakerPage__wrapper__list__item--right .speakerPage__wrapper__list__item__content {
                padding-right: 0; } }
          .speakerPage__wrapper__list__item__content__title {
            font-size: 1.375rem;
            font-weight: bold;
            margin-top: clamp(-1000000rem, 0.34722vw, 0.3125rem);
            text-transform: uppercase;
            margin-bottom: 0; }
            @media screen and (max-width: 960px) {
              .speakerPage__wrapper__list__item__content__title {
                font-size: 1.25rem; } }
            @media screen and (max-width: 640px) {
              .speakerPage__wrapper__list__item__content__title {
                margin-top: clamp(-1000000rem, 6.15385vw, 1.5rem);
                font-size: 1rem; }
                .speakerPage__popup .speakerPage__wrapper__list__item__content__title {
                  margin-top: 0; } }
          .speakerPage__wrapper__list__item__content__lang, .speakerPage__wrapper__list__item__content__post, .speakerPage__wrapper__list__item__content__desc {
            font-size: 1rem;
            margin-bottom: clamp(-1000000rem, 0.34722vw, 0.3125rem); }
          .speakerPage__wrapper__list__item__content__lang {
            margin-top: clamp(-1000000rem, 0.48611vw, 0.4375rem);
            font-family: 'Noto Sans TC', 'Noto Sans SC', 'Blinker', 'Helvetica Neue', Helvetica, sans-serif;
            font-weight: bold;
            font-size: 0.875rem; }
            @media screen and (max-width: 960px) {
              .speakerPage__wrapper__list__item__content__lang {
                font-size: 0.875rem;
                margin-top: clamp(-1000000rem, 1.20968vw, 0.5625rem); } }
            @media screen and (max-width: 640px) {
              .speakerPage__wrapper__list__item__content__lang {
                margin-top: clamp(-1000000rem, 3.07692vw, 0.75rem);
                font-size: 0.875rem; } }
          .speakerPage__wrapper__list__item__content__post {
            font-size: 1.0625rem;
            margin-top: clamp(-1000000rem, 1.875vw, 1.6875rem);
            font-family: 'Noto Sans TC', 'Noto Sans SC', 'Blinker';
            letter-spacing: clamp(-1000000rem, 0.15972vw, 0.14375rem);
            text-shadow: 0px 4px 12px rgba(126, 239, 255, 0.8); }
            .speakerPage__wrapper__list__item__content__post br {
              display: none; }
            @media screen and (max-width: 960px) {
              .speakerPage__wrapper__list__item__content__post {
                font-size: 1.0625rem;
                margin-top: clamp(-1000000rem, 3.49462vw, 1.625rem); } }
            @media screen and (max-width: 640px) {
              .speakerPage__wrapper__list__item__content__post {
                line-height: 1.5em;
                font-size: 1rem; } }
          .speakerPage__wrapper__list__item__content__desc {
            font-family: 'Noto Sans TC', 'Noto Sans SC', 'Blinker';
            margin-top: clamp(-1000000rem, 0.97222vw, 0.875rem);
            letter-spacing: clamp(-1000000rem, 0.19444vw, 0.175rem); }
            @media screen and (max-width: 960px) {
              .speakerPage__wrapper__list__item__content__desc {
                font-size: 1rem;
                margin-top: clamp(-1000000rem, 1.47849vw, 0.6875rem); } }
            @media screen and (max-width: 640px) {
              .speakerPage__wrapper__list__item__content__desc {
                line-height: 1.5em;
                font-size: 1rem; } }
            .speakerPage__popup .speakerPage__wrapper__list__item__content__desc {
              margin-top: 0; }
              @media screen and (max-width: 960px) {
                .speakerPage__popup .speakerPage__wrapper__list__item__content__desc {
                  margin-top: 0; } }
          .speakerPage__wrapper__list__item__content__detail {
            display: none;
            line-height: 1.5em;
            font-family: 'Noto Sans TC', 'Noto Sans SC', 'BLINKER';
            margin-top: clamp(-1000000rem, 0.69444vw, 0.625rem);
            letter-spacing: clamp(-1000000rem, 0.06944vw, 0.0625rem);
            text-align: justify;
            font-size: 1.0625rem; }
            .speakerPage__popup .speakerPage__wrapper__list__item__content__detail {
              margin-top: clamp(-1000000rem, 2.77778vw, 2.5rem);
              display: block; }
              @media screen and (max-width: 640px) {
                .speakerPage__popup .speakerPage__wrapper__list__item__content__detail {
                  margin-top: 1.125rem; } }
            @media screen and (max-width: 960px) {
              .speakerPage__wrapper__list__item__content__detail {
                font-size: 1rem; } }
            @media screen and (max-width: 640px) {
              .speakerPage__wrapper__list__item__content__detail {
                text-align: justify;
                line-height: 1.5em;
                font-size: 1rem; } }
          .speakerPage__wrapper__list__item__content__showdetail {
            background: none;
            border: none;
            cursor: pointer;
            padding: clamp(-1000000rem, 0.83333vw, 0.75rem) clamp(-1000000rem, 1.11111vw, 1rem) clamp(-1000000rem, 0.83333vw, 0.75rem) clamp(-1000000rem, 1.11111vw, 1rem);
            border-radius: clamp(-1000000rem, 0.55556vw, 0.5rem);
            border: clamp(-1000000rem, 0.06944vw, 0.0625rem) solid #9dc815;
            background-color: #9dc815;
            box-shadow: 0px clamp(-1000000rem, 0.27778vw, 0.25rem) clamp(-1000000rem, 0.83333vw, 0.75rem) 0px #b7ff7e80;
            margin-top: clamp(-1000000rem, 1.31944vw, 1.1875rem); }
            .speakerPage__popup .speakerPage__wrapper__list__item__content__showdetail {
              display: none; }
            @media screen and (max-width: 960px) {
              .speakerPage__wrapper__list__item__content__showdetail {
                margin-top: clamp(-1000000rem, 3.0914vw, 1.4375rem);
                width: clamp(-1000000rem, 6.04839vw, 2.8125rem);
                height: clamp(-1000000rem, 4.43548vw, 2.0625rem);
                border-radius: clamp(-1000000rem, 0.80645vw, 0.375rem); } }
            @media screen and (max-width: 640px) {
              .speakerPage__wrapper__list__item__content__showdetail {
                margin-top: 0;
                position: absolute;
                top: clamp(-1000000rem, -8.46154vw, -2.0625rem);
                right: clamp(-1000000rem, 14.10256vw, 3.4375rem);
                width: clamp(-1000000rem, 11.53846vw, 2.8125rem);
                height: clamp(-1000000rem, 8.71795vw, 2.125rem);
                border-radius: clamp(-1000000rem, 1.53846vw, 0.375rem); } }
            .speakerPage__wrapper__list__item__content__showdetail img {
              width: clamp(-1000000rem, 1.25vw, 1.125rem);
              height: clamp(-1000000rem, 1.25vw, 1.125rem);
              display: block;
              margin: 0 auto; }
              @media screen and (max-width: 960px) {
                .speakerPage__wrapper__list__item__content__showdetail img {
                  width: clamp(-1000000rem, 2.68817vw, 1.25rem);
                  height: clamp(-1000000rem, 2.68817vw, 1.25rem); } }
              @media screen and (max-width: 640px) {
                .speakerPage__wrapper__list__item__content__showdetail img {
                  width: clamp(-1000000rem, 5.12821vw, 1.25rem);
                  height: clamp(-1000000rem, 5.12821vw, 1.25rem); } }

.programme {
  color: var(--white); }
  .programme__wrapper {
    max-width: clamp(-1000000rem, 80.13889vw, 72.125rem);
    margin: 0 auto;
    overflow: hidden; }
    @media screen and (max-width: 960px) {
      .programme__wrapper {
        max-width: var(--global-max-t); } }
    .programme__wrapper__btn {
      display: none;
      margin: 0 auto;
      width: 18.125rem;
      margin-bottom: clamp(-1000000rem, 2.29167vw, 2.0625rem);
      color: var(--black); }
      @media screen and (max-width: 960px) {
        .programme__wrapper__btn {
          width: clamp(-1000000rem, 28.22581vw, 13.125rem);
          margin-bottom: clamp(-1000000rem, 4.05914vw, 1.8875rem); } }
      @media screen and (max-width: 640px) {
        .programme__wrapper__btn {
          width: clamp(-1000000rem, 55.38462vw, 13.5rem);
          margin-bottom: clamp(-1000000rem, 4.87179vw, 1.1875rem); } }
      .during .programme__wrapper__btn {
        display: block; }
    .programme__wrapper__title {
      font-size: 1.5625rem;
      margin-top: clamp(-1000000rem, 11.25vw, 10.125rem);
      text-transform: uppercase;
      letter-spacing: clamp(-1000000rem, 0.24306vw, 0.21875rem);
      margin-bottom: clamp(-1000000rem, 4.23611vw, 3.8125rem);
      text-shadow: 0px 4px 12px rgba(126, 239, 255, 0.5);
      text-align: center; }
      .during .programme__wrapper__title {
        margin-bottom: clamp(-1000000rem, 2.29167vw, 2.0625rem); }
      @media screen and (max-width: 960px) {
        .programme__wrapper__title {
          font-size: 1.25rem;
          margin-top: clamp(-1000000rem, 15.5914vw, 7.25rem);
          letter-spacing: clamp(-1000000rem, 0.10753vw, 0.05rem);
          margin-bottom: clamp(-1000000rem, 4.03226vw, 1.875rem); } }
      @media screen and (max-width: 640px) {
        .programme__wrapper__title {
          padding-right: 0;
          margin-top: clamp(-1000000rem, 20.12821vw, 4.90625rem);
          font-size: clamp(-1000000rem, 4.15385vw, 1.0125rem);
          margin-bottom: clamp(-1000000rem, 6.15385vw, 1.5rem); } }
    .programme__wrapper__banner {
      margin-bottom: clamp(-1000000rem, 1.73611vw, 1.5625rem); }
    .programme__wrapper__link {
      width: 15.625rem;
      line-height: clamp(-1000000rem, 3.33333vw, 3rem);
      border-radius: clamp(-1000000rem, 0.625vw, 0.5625rem);
      padding-left: 1rem;
      padding-right: 1rem; }
      @media screen and (max-width: 960px) {
        .programme__wrapper__link {
          width: clamp(-1000000rem, 22.04301vw, 10.25rem);
          margin-top: clamp(-1000000rem, 3.0914vw, 1.4375rem);
          line-height: clamp(-1000000rem, 5.37634vw, 2.5rem); } }
      @media screen and (max-width: 640px) {
        .programme__wrapper__link {
          margin-top: clamp(-1000000rem, 2.05128vw, 0.5rem);
          width: clamp(-1000000rem, 41.79487vw, 10.1875rem);
          border-radius: clamp(-1000000rem, 2.5641vw, 0.625rem);
          margin-bottom: clamp(-1000000rem, 2.5641vw, 0.625rem); } }
      @media screen and (max-width: 960px) {
        .programme__wrapper__link .btn__txt {
          font-size: 0.75rem; } }
      @media screen and (max-width: 640px) {
        .programme__wrapper__link .btn__txt {
          font-size: clamp(-1000000rem, 3.07692vw, 0.75rem); } }
    .programme__wrapper__content {
      padding: clamp(-1000000rem, 2.98611vw, 2.6875rem) clamp(-1000000rem, 0vw, 0rem); }
      .programme__wrapper__content__title {
        font-size: 2.9875rem;
        text-transform: uppercase;
        text-shadow: 0px 4px 12px rgba(126, 239, 255, 0.5); }
        @media screen and (max-width: 960px) {
          .programme__wrapper__content__title {
            font-size: 2rem;
            margin-top: clamp(-1000000rem, 1.6129vw, 0.75rem);
            margin-bottom: clamp(-1000000rem, 5.41667vw, 2.51875rem); } }
      .programme__wrapper__content__tabs {
        width: clamp(-1000000rem, 45.55556vw, 41rem);
        border-radius: clamp(-1000000rem, 1.04167vw, 0.9375rem);
        display: inline-flex;
        overflow: hidden;
        box-shadow: clamp(-1000000rem, 0vw, 0rem) clamp(-1000000rem, 0.27778vw, 0.25rem) clamp(-1000000rem, 0.83333vw, 0.75rem) clamp(-1000000rem, 0vw, 0rem) #b7ff7e80; }
        @media screen and (max-width: 960px) {
          .programme__wrapper__content__tabs {
            width: clamp(-1000000rem, 53.76344vw, 25rem); } }
        @media screen and (max-width: 640px) {
          .programme__wrapper__content__tabs {
            width: 100%;
            height: clamp(-1000000rem, 10.82051vw, 2.6375rem);
            margin-top: clamp(-1000000rem, 0.84615vw, 0.20625rem);
            border-radius: clamp(-1000000rem, 3.33333vw, 0.8125rem);
            margin-bottom: clamp(-1000000rem, 4.10256vw, 1rem); } }
        .programme__wrapper__content__tabs__wrapper {
          display: flex;
          justify-content: space-between; }
          @media screen and (max-width: 640px) {
            .programme__wrapper__content__tabs__wrapper {
              flex-direction: column; } }
        .programme__wrapper__content__tabs__tab {
          flex: 0 0 50%;
          width: 50%;
          font-weight: bold;
          text-transform: uppercase;
          font-family: Syncopate;
          border: 0;
          cursor: pointer;
          color: var(--black);
          background: var(--white);
          font-size: 1rem; }
          @media screen and (max-width: 960px) {
            .programme__wrapper__content__tabs__tab {
              font-size: 0.75rem; } }
          .programme__wrapper__content__tabs__tab.active {
            background: #9dc815; }
      .programme__wrapper__content__add__btn {
        font-family: 'Noto Sans TC', 'Noto Sans SC', 'Syncopate', serif;
        line-height: clamp(-1000000rem, 3.88889vw, 3.5rem);
        width: 19.1875rem; }
        @media screen and (max-width: 960px) {
          .programme__wrapper__content__add__btn {
            line-height: clamp(-1000000rem, 6.72043vw, 3.125rem);
            width: clamp(-1000000rem, 26.6129vw, 12.375rem); } }
        @media screen and (max-width: 640px) {
          .programme__wrapper__content__add__btn {
            margin-left: 0;
            width: clamp(-1000000rem, 47.69231vw, 11.625rem);
            line-height: clamp(-1000000rem, 10.25641vw, 2.5rem); } }
        @media screen and (max-width: 960px) {
          .programme__wrapper__content__add__btn .btn__txt {
            font-size: 0.75rem; } }
        @media screen and (max-width: 640px) {
          .programme__wrapper__content__add__btn .btn__txt {
            font-size: clamp(-1000000rem, 2.5641vw, 0.625rem); } }
      .programme__wrapper__content__section__location {
        font-family: 'Noto Sans TC', 'Noto Sans SC', Syncopate, serif;
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.25rem;
        text-align: left;
        display: block;
        margin-bottom: 1.5rem;
        text-transform: uppercase; }
        .programme__wrapper__content__section__location span {
          color: #80f5ff;
          margin-right: .5rem; }
          @media screen and (max-width: 640px) {
            .programme__wrapper__content__section__location span {
              display: block;
              margin-bottom: .5rem; } }
          .programme__wrapper__content__section__location span::before {
            content: '';
            width: 0.875rem;
            height: 1.25rem;
            display: inline-block;
            vertical-align: top;
            background: url("../../assets/2024/images/ico-location.svg") center center no-repeat;
            margin-right: .5rem; }
      .programme__wrapper__content__wrapper {
        border-radius: clamp(-1000000rem, 5.55556vw, 5rem);
        background: linear-gradient(180deg, rgba(36, 86, 112, 0.4) 0%, rgba(21, 22, 26, 0.4) 100%);
        border-image-source: linear-gradient(180deg, #32dffd 0%, rgba(50, 223, 253, 0) 100%);
        box-shadow: 0px 4px 12px 0px #7eefff80;
        border: 1px solid rgba(126, 239, 255, 0.3);
        margin-top: clamp(-1000000rem, 5.55556vw, 5rem);
        padding: clamp(-1000000rem, 4.02778vw, 3.625rem) clamp(-1000000rem, 8.19444vw, 7.375rem); }
        @media screen and (max-width: 960px) {
          .programme__wrapper__content__wrapper {
            padding: clamp(-1000000rem, 4.7043vw, 2.1875rem) clamp(-1000000rem, 4.03226vw, 1.875rem); } }
        @media screen and (max-width: 640px) {
          .programme__wrapper__content__wrapper {
            margin-top: clamp(-1000000rem, 8.20513vw, 2rem);
            padding: clamp(-1000000rem, 9.74359vw, 2.375rem) clamp(-1000000rem, 2.82051vw, 0.6875rem); } }
        .programme__wrapper__content__wrapper__item {
          box-shadow: clamp(-1000000rem, 0vw, 0rem) clamp(-1000000rem, 0.27778vw, 0.25rem) clamp(-1000000rem, 0.83333vw, 0.75rem) clamp(-1000000rem, 0vw, 0rem) #7eefff80;
          padding: clamp(-1000000rem, 2.70833vw, 2.4375rem) clamp(-1000000rem, 4.16667vw, 3.75rem) clamp(-1000000rem, 1.45833vw, 1.3125rem);
          display: flex;
          align-items: center;
          margin-bottom: clamp(-1000000rem, 1.66667vw, 1.5rem);
          background: rgba(255, 255, 255, 0.2);
          justify-content: space-between;
          position: relative; }
          @media screen and (max-width: 960px) {
            .programme__wrapper__content__wrapper__item {
              padding: clamp(-1000000rem, 5.37634vw, 2.5rem) clamp(-1000000rem, 4.16667vw, 1.9375rem) clamp(-1000000rem, 3.22581vw, 1.5rem);
              margin-bottom: clamp(-1000000rem, 3.36022vw, 1.5625rem); } }
          .programme__wrapper__content__wrapper__item__btn {
            display: none;
            background: transparent;
            border: 0;
            width: 23px;
            height: 23px;
            position: absolute;
            right: clamp(-1000000rem, 2.30769vw, 0.5625rem);
            top: clamp(-1000000rem, 4.35897vw, 1.0625rem);
            padding: 0;
            transition: all 500ms ease-in;
            z-index: 999; }
            .programme__wrapper__content__wrapper__item__btn img {
              width: 100%; }
            @media screen and (max-width: 640px) {
              .programme__wrapper__content__wrapper__item__btn {
                display: block; } }
            .active .programme__wrapper__content__wrapper__item__btn {
              transform: rotate(180deg); }
          .programme__wrapper__content__wrapper__item__ico {
            padding-right: 0;
            width: clamp(-1000000rem, 9.58333vw, 8.625rem);
            box-sizing: border-box; }
          .programme__wrapper__content__wrapper__item__popup {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 65200;
            align-items: center;
            display: none;
            justify-content: center;
            background: rgba(0, 0, 0, 0.8); }
            .showPopup .programme__wrapper__content__wrapper__item__popup {
              display: flex; }
            .programme__wrapper__content__wrapper__item__popup__wrapper {
              width: clamp(-1000000rem, 63.40278vw, 57.0625rem);
              display: flex;
              height: auto;
              min-height: clamp(-1000000rem, 27.63889vw, 24.875rem);
              padding: clamp(-1000000rem, 5.55556vw, 5rem) clamp(-1000000rem, 2.77778vw, 2.5rem) clamp(-1000000rem, 5.55556vw, 5rem) clamp(-1000000rem, 2.77778vw, 2.5rem);
              background: rgba(11, 27, 42, 0.8);
              border: clamp(-1000000rem, 0.06944vw, 0.0625rem) solid #80f5ff;
              box-shadow: clamp(-1000000rem, 0vw, 0rem) clamp(-1000000rem, 0.27778vw, 0.25rem) clamp(-1000000rem, 0.83333vw, 0.75rem) clamp(-1000000rem, 0vw, 0rem) rgba(126, 239, 255, 0.5);
              position: relative;
              align-items: center;
              justify-content: center;
              box-sizing: border-box;
              border-radius: clamp(-1000000rem, 0.69444vw, 0.625rem); }
              @media screen and (max-width: 960px) {
                .programme__wrapper__content__wrapper__item__popup__wrapper {
                  width: clamp(-1000000rem, 86.82796vw, 40.375rem);
                  max-height: clamp(-1000000rem, 49.32796vw, 22.9375rem);
                  border-radius: clamp(-1000000rem, 1.34409vw, 0.625rem); } }
              @media screen and (max-width: 640px) {
                .programme__wrapper__content__wrapper__item__popup__wrapper {
                  width: clamp(-1000000rem, 88.20513vw, 21.5rem);
                  max-height: clamp(-1000000rem, 130.51282vw, 31.8125rem);
                  border-radius: clamp(-1000000rem, 2.5641vw, 0.625rem); } }
              .programme__wrapper__content__wrapper__item__popup__wrapper__content {
                overflow-x: hidden;
                overflow-y: auto; }
                @media screen and (max-width: 960px) {
                  .programme__wrapper__content__wrapper__item__popup__wrapper__content {
                    max-height: clamp(-1000000rem, 41.26344vw, 19.1875rem); } }
                @media screen and (max-width: 640px) {
                  .programme__wrapper__content__wrapper__item__popup__wrapper__content {
                    max-height: clamp(-1000000rem, 120.25641vw, 29.3125rem); } }
              .programme__wrapper__content__wrapper__item__popup__wrapper__close {
                position: absolute;
                background: transparent;
                border: 0;
                width: clamp(-1000000rem, 1.94444vw, 1.75rem);
                padding: 0;
                right: clamp(-1000000rem, 1.11111vw, 1rem);
                top: clamp(-1000000rem, 1.11111vw, 1rem);
                cursor: pointer; }
                @media screen and (max-width: 960px) {
                  .programme__wrapper__content__wrapper__item__popup__wrapper__close {
                    width: clamp(-1000000rem, 3.76344vw, 1.75rem); } }
                @media screen and (max-width: 640px) {
                  .programme__wrapper__content__wrapper__item__popup__wrapper__close {
                    width: clamp(-1000000rem, 7.17949vw, 1.75rem); } }
              .programme__wrapper__content__wrapper__item__popup__wrapper__title {
                font-family: 'Blinker', Arial, 'Helvetica Neue', Helvetica, sans-serif;
                font-size: 1.125rem;
                line-height: 1.04111em;
                font-weight: 700;
                text-align: justify;
                letter-spacing: .2em; }
                @media screen and (max-width: 960px) {
                  .programme__wrapper__content__wrapper__item__popup__wrapper__title {
                    font-size: 0.875rem; } }
                @media screen and (max-width: 640px) {
                  .programme__wrapper__content__wrapper__item__popup__wrapper__title {
                    font-size: clamp(-1000000rem, 3.58974vw, 0.875rem); } }
              .programme__wrapper__content__wrapper__item__popup__wrapper__txt {
                font-family: 'Blinker', Arial, 'Helvetica Neue', Helvetica, sans-serif;
                font-size: 1.125rem;
                line-height: 1.33333em;
                margin-bottom: 0;
                font-weight: 700;
                text-align: justify;
                letter-spacing: .2em; }
                @media screen and (max-width: 960px) {
                  .programme__wrapper__content__wrapper__item__popup__wrapper__txt {
                    font-size: 0.875rem; } }
                @media screen and (max-width: 640px) {
                  .programme__wrapper__content__wrapper__item__popup__wrapper__txt {
                    font-size: clamp(-1000000rem, 3.58974vw, 0.875rem); } }
          .programme__wrapper__content__wrapper__item__content {
            position: relative;
            padding-left: clamp(-1000000rem, 3.95833vw, 3.5625rem);
            font-weight: bold;
            width: calc(100% - 163px); }
            @media screen and (max-width: 960px) {
              .programme__wrapper__content__wrapper__item__content {
                width: 71.4%;
                padding-left: clamp(-1000000rem, 4.97312vw, 2.3125rem); } }
            .programme__wrapper__content__wrapper__item__content::after {
              content: '';
              display: block;
              width: clamp(-1000000rem, 0.06944vw, 0.0625rem);
              top: clamp(-1000000rem, 1.04167vw, 0.9375rem);
              bottom: clamp(-1000000rem, 2.22222vw, 2rem);
              border-right: clamp(-1000000rem, 0.06944vw, 0.0625rem) solid #32dffd;
              position: absolute;
              left: clamp(-1000000rem, -0.27778vw, -0.25rem); }
            @media screen and (max-width: 640px) {
              .programme__wrapper__content__wrapper__item__content__mobile {
                display: none; }
                .active .programme__wrapper__content__wrapper__item__content__mobile {
                  display: block; } }
            .programme__wrapper__content__wrapper__item__content__time, .programme__wrapper__content__wrapper__item__content__title, .programme__wrapper__content__wrapper__item__content__remark, .programme__wrapper__content__wrapper__item__content__title2, .programme__wrapper__content__wrapper__item__content__title3, .programme__wrapper__content__wrapper__item__content__txt {
              margin-top: 0; }
            .programme__wrapper__content__wrapper__item__content__time {
              font-size: 0.875rem; }
              @media screen and (max-width: 960px) {
                .programme__wrapper__content__wrapper__item__content__time {
                  font-size: 0.75rem;
                  margin-bottom: clamp(-1000000rem, 3.0914vw, 1.4375rem); } }
              @media screen and (max-width: 640px) {
                .programme__wrapper__content__wrapper__item__content__time {
                  font-size: clamp(-1000000rem, 3.07692vw, 0.75rem); } }
            .programme__wrapper__content__wrapper__item__content__title {
              text-transform: uppercase;
              margin-top: clamp(-1000000rem, 1.66667vw, 1.5rem);
              cursor: pointer;
              font-size: 1.25rem; }
              @media screen and (max-width: 960px) {
                .programme__wrapper__content__wrapper__item__content__title {
                  margin-bottom: clamp(-1000000rem, 2.28495vw, 1.0625rem); } }
              @media screen and (max-width: 640px) {
                .programme__wrapper__content__wrapper__item__content__title {
                  margin-bottom: clamp(-1000000rem, 4.35897vw, 1.0625rem); } }
              @media screen and (max-width: 960px) {
                .programme__wrapper__content__wrapper__item__content__title {
                  font-size: 1.125rem; } }
              @media screen and (max-width: 640px) {
                .programme__wrapper__content__wrapper__item__content__title {
                  font-size: clamp(-1000000rem, 4.10256vw, 1rem); } }
            .programme__wrapper__content__wrapper__item__content__remark {
              font-size: 0.875rem;
              text-transform: uppercase;
              margin-bottom: clamp(-1000000rem, 1.73611vw, 1.5625rem);
              color: #80f5ff; }
              @media screen and (max-width: 960px) {
                .programme__wrapper__content__wrapper__item__content__remark {
                  font-size: 0.75rem;
                  margin-bottom: clamp(-1000000rem, 3.22581vw, 1.5rem); } }
              @media screen and (max-width: 640px) {
                .programme__wrapper__content__wrapper__item__content__remark {
                  font-size: clamp(-1000000rem, 3.07692vw, 0.75rem); } }
            .programme__wrapper__content__wrapper__item__content__title2 {
              text-transform: uppercase;
              font-size: 1.125rem;
              margin-bottom: clamp(-1000000rem, 0.55556vw, 0.5rem);
              color: #80f5ff; }
              @media screen and (max-width: 960px) {
                .programme__wrapper__content__wrapper__item__content__title2 {
                  font-size: 0.875rem;
                  margin-bottom: clamp(-1000000rem, 0.94086vw, 0.4375rem); } }
              @media screen and (max-width: 640px) {
                .programme__wrapper__content__wrapper__item__content__title2 {
                  font-size: clamp(-1000000rem, 3.58974vw, 0.875rem); } }
            .programme__wrapper__content__wrapper__item__content__title3 {
              font-family: 'Blinker';
              letter-spacing: clamp(-1000000rem, 0.14583vw, 0.13125rem);
              text-shadow: clamp(-1000000rem, 0vw, 0rem) clamp(-1000000rem, 0.27778vw, 0.25rem) clamp(-1000000rem, 0.83333vw, 0.75rem) rgba(126, 239, 255, 0.5);
              border-bottom: 2px solid #ffffff;
              margin-bottom: clamp(-1000000rem, 0.48611vw, 0.4375rem);
              display: inline;
              font-weight: 600;
              cursor: pointer;
              font-size: 1.125rem; }
              .programme__wrapper__content__wrapper__item__content__title3.no-target {
                border-bottom: 0;
                cursor: default; }
              .programme__wrapper__content__wrapper__item__content__title3 + .programme__wrapper__content__wrapper__item__content__txt {
                margin-top: clamp(-1000000rem, 0.48611vw, 0.4375rem); }
                @media screen and (max-width: 960px) {
                  .programme__wrapper__content__wrapper__item__content__title3 + .programme__wrapper__content__wrapper__item__content__txt {
                    margin-top: clamp(-1000000rem, 0.94086vw, 0.4375rem); } }
                @media screen and (max-width: 640px) {
                  .programme__wrapper__content__wrapper__item__content__title3 + .programme__wrapper__content__wrapper__item__content__txt {
                    margin-top: clamp(-1000000rem, 2.05128vw, 0.5rem); } }
              @media screen and (max-width: 960px) {
                .programme__wrapper__content__wrapper__item__content__title3 {
                  margin-bottom: clamp(-1000000rem, 0.94086vw, 0.4375rem); } }
              @media screen and (max-width: 640px) {
                .programme__wrapper__content__wrapper__item__content__title3 {
                  margin-bottom: clamp(-1000000rem, 2.05128vw, 0.5rem); } }
              @media screen and (max-width: 960px) {
                .programme__wrapper__content__wrapper__item__content__title3 {
                  font-size: 1rem; } }
            .programme__wrapper__content__wrapper__item__content__txt {
              font-weight: 400;
              font-family: 'Blinker';
              letter-spacing: clamp(-1000000rem, 0.13194vw, 0.11875rem);
              font-size: 1.125rem; }
              @media screen and (max-width: 960px) {
                .programme__wrapper__content__wrapper__item__content__txt {
                  font-size: 1rem; } }

.hidden {
  display: none; }

add-to-calendar-button#css-part-example::part(atcb-button),
#atcb-btn-css-part-example-modal-host::part(atcb-button) {
  text-transform: uppercase;
  background: linear-gradient(180deg, #245670 0%, #15161A 100%);
  border: 1px solid #80f5ff;
  font-family: 'Noto Sans TC', 'Noto Sans SC', 'Syncopate', serif;
  box-shadow: 2px 2px 6px 0px #7eefff80;
  color: var(--white);
  transition: background 500ms ease;
  line-height: clamp(-1000000rem, 3.88889vw, 3.5rem);
  height: clamp(-1000000rem, 3.88889vw, 3.5rem);
  width: 19.4375rem;
  margin: 0;
  padding: var(--btn-padding-y) var(--btn-padding-x) !important; }
  @media screen and (min-width: 819px) {
    add-to-calendar-button#css-part-example::part(atcb-button),
    #atcb-btn-css-part-example-modal-host::part(atcb-button) {
      padding: 0 !important; } }
  @media screen and (max-width: 960px) {
    add-to-calendar-button#css-part-example::part(atcb-button),
    #atcb-btn-css-part-example-modal-host::part(atcb-button) {
      font-size: 0.75rem;
      width: 30vw; } }
  @media screen and (max-width: 640px) {
    add-to-calendar-button#css-part-example::part(atcb-button),
    #atcb-btn-css-part-example-modal-host::part(atcb-button) {
      width: 45vw; } }

.info-center {
  color: var(--white);
  overflow: hidden;
  z-index: 10;
  position: relative; }
  .info-center__wrapper {
    max-width: clamp(-1000000rem, 80.27778vw, 72.25rem);
    margin: 0 auto; }
    @media screen and (max-width: 960px) {
      .info-center__wrapper {
        max-width: clamp(-1000000rem, 87.36559vw, 40.625rem); } }
    .info-center__wrapper__title {
      font-family: 'Noto Sans TC', 'Noto Sans SC', 'Syncopate';
      font-size: 4.25rem;
      font-weight: 700;
      line-height: 1.04103em;
      text-align: left;
      margin-top: clamp(-1000000rem, 11.11111vw, 10rem);
      margin-bottom: clamp(-1000000rem, 5.55556vw, 5rem);
      text-transform: uppercase; }
      .after-event .info-center__wrapper__title {
        padding-right: 20%;
        margin-bottom: clamp(-1000000rem, 4.16667vw, 3.75rem); }
        @media screen and (max-width: 960px) {
          .after-event .info-center__wrapper__title {
            margin-bottom: clamp(-1000000rem, 2.68817vw, 1.25rem); } }
        @media screen and (max-width: 640px) {
          .after-event .info-center__wrapper__title {
            padding-left: 0;
            margin-top: clamp(-1000000rem, 20vw, 4.875rem); } }
      @media screen and (max-width: 960px) {
        .info-center__wrapper__title {
          margin-top: clamp(-1000000rem, 15.45699vw, 7.1875rem);
          font-size: 2.625rem;
          line-height: 1.4em; } }
      @media screen and (max-width: 640px) {
        .info-center__wrapper__title {
          margin-top: clamp(-1000000rem, 23.07692vw, 5.625rem);
          padding: 0 clamp(-1000000rem, 3.58974vw, 0.875rem);
          font-size: clamp(-1000000rem, 7.94872vw, 1.9375rem);
          margin-bottom: clamp(-1000000rem, 10.25641vw, 2.5rem); } }
    .info-center__wrapper__content {
      padding: clamp(-1000000rem, 2.29167vw, 2.0625rem) clamp(-1000000rem, 7.36111vw, 6.625rem) clamp(-1000000rem, 3.19444vw, 2.875rem);
      margin-bottom: clamp(-1000000rem, 8.26389vw, 7.4375rem);
      border-radius: clamp(-1000000rem, 5.55556vw, 5rem);
      background: linear-gradient(180deg, rgba(36, 86, 112, 0.4) 0%, rgba(21, 22, 26, 0.4) 100%);
      border-image-source: linear-gradient(180deg, #32dffd 0%, rgba(50, 223, 253, 0) 100%);
      box-shadow: 0px 4px 12px 0px #7eefff80;
      border: 1px solid rgba(126, 239, 255, 0.3);
      display: none;
      position: relative; }
      .prev-event .info-center__wrapper__content, .during .info-center__wrapper__content {
        display: none !important; }
      .prev-event .info-center__wrapper__content--press, .during .info-center__wrapper__content--press {
        display: block !important; }
      @media screen and (max-width: 960px) {
        .info-center__wrapper__content {
          padding: clamp(-1000000rem, 3.0914vw, 1.4375rem) clamp(-1000000rem, 5.91398vw, 2.75rem) clamp(-1000000rem, 5.37634vw, 2.5rem);
          margin-bottom: clamp(-1000000rem, 9.00538vw, 4.1875rem); } }
      @media screen and (max-width: 640px) {
        .info-center__wrapper__content {
          padding: clamp(-1000000rem, 4.10256vw, 1rem) clamp(-1000000rem, 8.46154vw, 2.0625rem) clamp(-1000000rem, 14.35897vw, 3.5rem);
          margin-bottom: clamp(-1000000rem, 16.15385vw, 3.9375rem); } }
      .info-center__wrapper__content .speaker__card__pos {
        padding-left: 0;
        padding-right: 0; }
      .info-center__wrapper__content--video, .info-center__wrapper__content--photo {
        padding: clamp(-1000000rem, 4.02778vw, 3.625rem) clamp(-1000000rem, 4.72222vw, 4.25rem) clamp(-1000000rem, 4.44444vw, 4rem) clamp(-1000000rem, 5.69444vw, 5.125rem); }
        .info-center__wrapper__content--video .swiper-container, .info-center__wrapper__content--photo .swiper-container {
          display: none; }
          .loaded .info-center__wrapper__content--video .swiper-container, .loaded .info-center__wrapper__content--photo .swiper-container {
            display: block; }
        @media screen and (max-width: 960px) {
          .info-center__wrapper__content--video, .info-center__wrapper__content--photo {
            padding: clamp(-1000000rem, 5.24194vw, 2.4375rem) clamp(-1000000rem, 1.47849vw, 0.6875rem) clamp(-1000000rem, 5.24194vw, 2.4375rem) clamp(-1000000rem, 4.56989vw, 2.125rem); } }
        @media screen and (max-width: 640px) {
          .info-center__wrapper__content--video, .info-center__wrapper__content--photo {
            padding: clamp(-1000000rem, 9.23077vw, 2.25rem) clamp(-1000000rem, 3.07692vw, 0.75rem) clamp(-1000000rem, 17.94872vw, 4.375rem); } }
      @media screen and (max-width: 640px) {
        .info-center__wrapper__content--photo {
          padding: clamp(-1000000rem, 9.23077vw, 2.25rem) clamp(-1000000rem, 0vw, 0rem) clamp(-1000000rem, 27.17949vw, 6.625rem) clamp(-1000000rem, 3.07692vw, 0.75rem); } }
      .info-center__wrapper__content--presentation {
        padding: clamp(-1000000rem, 2.84722vw, 2.5625rem) clamp(-1000000rem, 6.45833vw, 5.8125rem) clamp(-1000000rem, 2.84722vw, 2.5625rem) clamp(-1000000rem, 3.19444vw, 2.875rem);
        flex-wrap: wrap;
        justify-content: space-between; }
        @media screen and (max-width: 960px) {
          .info-center__wrapper__content--presentation {
            padding: clamp(-1000000rem, 3.49462vw, 1.625rem) clamp(-1000000rem, 10.08065vw, 4.6875rem) clamp(-1000000rem, 3.49462vw, 1.625rem) clamp(-1000000rem, 4.56989vw, 2.125rem); } }
        .info-center__wrapper__content--presentation.active {
          display: flex !important; }
      .info-center__wrapper__content .swiper-pagination {
        bottom: clamp(-1000000rem, 3.68056vw, 3.3125rem); }
        @media screen and (max-width: 640px) {
          .info-center__wrapper__content .swiper-pagination {
            bottom: clamp(-1000000rem, 12.05128vw, 2.9375rem); } }
        .info-center__wrapper__content .swiper-pagination-bullet {
          height: clamp(-1000000rem, 0.69444vw, 0.625rem);
          width: clamp(-1000000rem, 0.69444vw, 0.625rem);
          background: var(--white);
          opacity: 1; }
          .info-center__wrapper__content .swiper-pagination-bullet-active {
            background: #80f5ff; }
          @media screen and (max-width: 960px) {
            .info-center__wrapper__content .swiper-pagination-bullet {
              width: clamp(-1000000rem, 1.34409vw, 0.625rem);
              height: clamp(-1000000rem, 1.34409vw, 0.625rem); } }
          @media screen and (max-width: 640px) {
            .info-center__wrapper__content .swiper-pagination-bullet {
              width: clamp(-1000000rem, 2.5641vw, 0.625rem);
              height: clamp(-1000000rem, 2.5641vw, 0.625rem); } }
      .info-center__wrapper__content .swiper-container {
        overflow: hidden; }
      .info-center__wrapper__content .swiper-button-prev, .info-center__wrapper__content .swiper-button-next {
        top: 53.9%; }
        @media screen and (max-width: 640px) {
          .info-center__wrapper__content .swiper-button-prev, .info-center__wrapper__content .swiper-button-next {
            bottom: clamp(-1000000rem, 8.97436vw, 2.1875rem);
            top: auto; } }
      .info-center__wrapper__content .swiper-button-prev {
        left: clamp(-1000000rem, -2.36111vw, -2.125rem); }
        @media screen and (max-width: 960px) {
          .info-center__wrapper__content .swiper-button-prev {
            left: clamp(-1000000rem, -3.22581vw, -1.5rem); } }
        @media screen and (max-width: 640px) {
          .info-center__wrapper__content .swiper-button-prev {
            left: clamp(-1000000rem, 3.84615vw, 0.9375rem); } }
      .info-center__wrapper__content .swiper-button-next {
        right: clamp(-1000000rem, -2.36111vw, -2.125rem); }
        @media screen and (max-width: 960px) {
          .info-center__wrapper__content .swiper-button-next {
            right: auto;
            left: clamp(-1000000rem, 84.67742vw, 39.375rem); } }
        @media screen and (max-width: 640px) {
          .info-center__wrapper__content .swiper-button-next {
            left: auto;
            right: clamp(-1000000rem, 3.84615vw, 0.9375rem); } }
      .info-center__wrapper__content.active {
        display: block; }
      .info-center__wrapper__content__title1 {
        font-family: 'Noto Sans TC', 'Noto Sans SC', 'Syncopate';
        font-size: 1.75rem;
        font-weight: 700;
        line-height: 1.2em;
        letter-spacing: 0.04em;
        text-align: left;
        text-transform: uppercase;
        margin-bottom: clamp(-1000000rem, 4.30556vw, 3.875rem);
        text-shadow: 0px 4px 12px rgba(126, 239, 255, 0.5); }
        .after-event .info-center__wrapper__content__title1 {
          display: none; }
        @media screen and (max-width: 960px) {
          .info-center__wrapper__content__title1 {
            font-size: 1.25rem;
            margin-top: clamp(-1000000rem, 1.6129vw, 0.75rem);
            margin-bottom: clamp(-1000000rem, 5.37634vw, 2.5rem); } }
        @media screen and (max-width: 640px) {
          .info-center__wrapper__content__title1 {
            font-size: clamp(-1000000rem, 4.10256vw, 1rem);
            margin-bottom: clamp(-1000000rem, 9.74359vw, 2.375rem); } }
      .info-center__wrapper__content__title2 {
        font-family: 'Noto Sans TC', 'Noto Sans SC', 'Syncopate';
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.04111em;
        color: #80f5ff;
        text-transform: uppercase;
        margin-bottom: clamp(-1000000rem, 2.63889vw, 2.375rem); }
        @media screen and (max-width: 960px) {
          .info-center__wrapper__content__title2 {
            font-size: 0.875rem;
            margin-bottom: clamp(-1000000rem, 3.0914vw, 1.4375rem); } }
        @media screen and (max-width: 640px) {
          .info-center__wrapper__content__title2 {
            font-size: clamp(-1000000rem, 3.58974vw, 0.875rem); } }
      .info-center__wrapper__content__txt {
        font-family: 'Noto Sans TC', 'Noto Sans SC', 'Blinker', 'Syncopate';
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1.25em;
        letter-spacing: 0.09em; }
        @media screen and (max-width: 960px) {
          .info-center__wrapper__content__txt {
            font-size: 1.0625rem; } }
        @media screen and (max-width: 640px) {
          .info-center__wrapper__content__txt {
            font-size: clamp(-1000000rem, 3.58974vw, 0.875rem); } }
      .info-center__wrapper__content__btn {
        position: absolute;
        bottom: clamp(-1000000rem, -1.04167vw, -0.9375rem);
        right: clamp(-1000000rem, -0.69444vw, -0.625rem); }
        @media screen and (max-width: 960px) {
          .info-center__wrapper__content__btn {
            bottom: auto;
            width: 74px;
            top: clamp(-1000000rem, 3.89785vw, 1.8125rem);
            right: clamp(-1000000rem, -1.6129vw, -0.75rem); } }
        @media screen and (max-width: 640px) {
          .info-center__wrapper__content__btn {
            position: relative;
            display: block;
            left: -13px;
            width: 76px;
            margin-top: clamp(-1000000rem, -5.12821vw, -1.25rem); } }
        .info-center__wrapper__content--presentation .info-center__wrapper__content__btn {
          bottom: auto;
          top: clamp(-1000000rem, 4.93056vw, 4.4375rem); }
          @media screen and (max-width: 640px) {
            .info-center__wrapper__content--presentation .info-center__wrapper__content__btn {
              position: absolute;
              bottom: 0;
              right: 0;
              left: auto;
              top: auto; } }
      .info-center__wrapper__content__item {
        padding-right: clamp(-1000000rem, 5.20833vw, 4.6875rem);
        position: relative; }
        @media screen and (max-width: 960px) {
          .info-center__wrapper__content__item {
            padding-right: clamp(-1000000rem, 6.94444vw, 6.25rem); } }
        @media screen and (max-width: 640px) {
          .info-center__wrapper__content__item {
            padding-right: 0; } }
        .info-center__wrapper__content--presentation .info-center__wrapper__content__item {
          flex: 0 0 40%;
          margin-bottom: clamp(-1000000rem, 4.58333vw, 4.125rem); }
          @media screen and (max-width: 960px) {
            .info-center__wrapper__content--presentation .info-center__wrapper__content__item {
              flex: 0 0 100%;
              margin-bottom: clamp(-1000000rem, 6.85484vw, 3.1875rem); } }
          @media screen and (max-width: 640px) {
            .info-center__wrapper__content--presentation .info-center__wrapper__content__item {
              padding-right: 4.375rem;
              box-sizing: border-box; } }
        .info-center__wrapper__content__item + .info-center__wrapper__content__item {
          margin-top: clamp(-1000000rem, 4.86111vw, 4.375rem); }
          .info-center__wrapper__content--presentation .info-center__wrapper__content__item + .info-center__wrapper__content__item {
            margin-top: 0 !important; }
          @media screen and (max-width: 960px) {
            .info-center__wrapper__content__item + .info-center__wrapper__content__item {
              margin-top: clamp(-1000000rem, 4.7043vw, 2.1875rem); } }
          @media screen and (max-width: 640px) {
            .info-center__wrapper__content__item + .info-center__wrapper__content__item {
              margin-top: clamp(-1000000rem, 9.48718vw, 2.3125rem); } }

.info-center__wrapper__tabs {
  background: var(--white);
  box-shadow: 0px 4px 12px 0px rgba(183, 255, 126, 0.8);
  border-radius: clamp(-1000000rem, 0.83333vw, 0.75rem);
  overflow: hidden;
  justify-content: space-between;
  display: flex;
  width: 100%; }
  @media screen and (max-width: 960px) {
    .info-center__wrapper__tabs {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      flex-direction: column;
      width: clamp(-1000000rem, 45.43011vw, 21.125rem); } }
  @media screen and (max-width: 640px) {
    .info-center__wrapper__tabs {
      width: 100%; } }
  @media screen and (max-width: 960px) {
    .activeTab .info-center__wrapper__tabs {
      display: flex; } }
  .info-center__wrapper__tabs__tab {
    color: #0b1b2a;
    background-color: var(--white);
    border: 1px solid #b7ff7e;
    padding: clamp(-1000000rem, 1.45833vw, 1.3125rem) clamp(-1000000rem, 0.69444vw, 0.625rem);
    flex: 1;
    flex-basis: auto;
    cursor: pointer;
    text-transform: uppercase;
    font-size: clamp(-1000000rem, 1.31944vw, 1.1875rem);
    font-weight: 700;
    font-family: 'Noto Sans TC', 'Noto Sans SC', Syncopate;
    min-width: 25%; }
    @media screen and (max-width: 960px) {
      .info-center__wrapper__tabs__tab {
        text-align: left;
        padding: clamp(-1000000rem, 2.15054vw, 1rem) clamp(-1000000rem, 2.15054vw, 1rem);
        font-size: 0.875rem; } }
    @media screen and (max-width: 640px) {
      .info-center__wrapper__tabs__tab {
        font-size: clamp(-1000000rem, 3.07692vw, 0.75rem); } }
    .info-center__wrapper__tabs__tab.active {
      background: #9dc815;
      border-color: var(--white); }
      @media screen and (max-width: 960px) {
        .info-center__wrapper__tabs__tab.active {
          background: var(--white); } }
  .info-center__wrapper__tabs__active {
    display: none;
    position: relative;
    cursor: pointer;
    color: #0b1b2a; }
    .info-center__wrapper__tabs__active::after {
      content: '';
      position: absolute;
      top: 50%;
      right: clamp(-1000000rem, 2.28495vw, 1.0625rem);
      width: clamp(-1000000rem, 3.36022vw, 1.5625rem);
      height: clamp(-1000000rem, 3.36022vw, 1.5625rem);
      display: block;
      background: url("../../assets/2024/images/ico-big-arrow-up-black.svg") center center no-repeat;
      background-size: contain !important;
      transform: translateY(-50%) rotate(180deg); }
      @media screen and (max-width: 640px) {
        .info-center__wrapper__tabs__active::after {
          right: clamp(-1000000rem, 5.12821vw, 1.25rem);
          width: clamp(-1000000rem, 7.69231vw, 1.875rem);
          height: clamp(-1000000rem, 6.92308vw, 1.6875rem); } }
    @media screen and (max-width: 960px) {
      .info-center__wrapper__tabs__active {
        font-family: 'Noto Sans TC', 'Noto Sans SC', Syncopate;
        padding: clamp(-1000000rem, 1.88172vw, 0.875rem) clamp(-1000000rem, 8.73656vw, 4.0625rem) clamp(-1000000rem, 2.01613vw, 0.9375rem) clamp(-1000000rem, 2.68817vw, 1.25rem);
        border: 0;
        text-transform: uppercase;
        font-weight: 700;
        border-radius: clamp(-1000000rem, 1.47849vw, 0.6875rem);
        display: block;
        background: #9dc815; } }
    @media screen and (max-width: 640px) {
      .info-center__wrapper__tabs__active {
        width: 100%;
        text-align: left;
        padding: clamp(-1000000rem, 3.58974vw, 0.875rem) clamp(-1000000rem, 13.84615vw, 3.375rem) clamp(-1000000rem, 3.58974vw, 0.875rem) clamp(-1000000rem, 6.66667vw, 1.625rem); } }
    .info-center__wrapper__tabs__active__txt {
      display: none; }
      .info-center__wrapper__tabs__active__txt.active {
        display: block; }
  .info-center__wrapper__tabs__wrapper {
    display: none;
    width: 100%;
    margin-bottom: clamp(-1000000rem, 2.63889vw, 2.375rem);
    padding: 0 clamp(-1000000rem, 1.18056vw, 1.0625rem);
    box-sizing: border-box;
    position: relative;
    z-index: 20; }
    .prev-event .info-center__wrapper__tabs__wrapper, .during .info-center__wrapper__tabs__wrapper {
      display: none !important; }
    .after-event .info-center__wrapper__tabs__wrapper {
      display: block !important; }
    @media screen and (max-width: 960px) {
      .info-center__wrapper__tabs__wrapper {
        padding: 0; } }

.infor-center__img {
  width: clamp(-1000000rem, 21.38889vw, 19.25rem);
  padding-right: clamp(-1000000rem, 1.66667vw, 1.5rem);
  box-sizing: content-box;
  cursor: pointer; }
  .infor-center__img.colorless {
    pointer-events: none; }
  @media screen and (max-width: 960px) {
    .infor-center__img {
      width: clamp(-1000000rem, 37.5vw, 17.4375rem); } }
  @media screen and (max-width: 640px) {
    .infor-center__img {
      width: 100%;
      padding-right: 0; }
      .info-center__wrapper__content--photo .infor-center__img {
        width: clamp(-1000000rem, 38.46154vw, 9.375rem);
        padding-right: clamp(-1000000rem, 3.07692vw, 0.75rem); } }
  .infor-center__img__txt {
    font-family: 'Noto Sans TC', 'Noto Sans SC', Syncopate;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.04071em;
    text-align: left;
    text-transform: uppercase;
    margin-top: clamp(-1000000rem, 1.25vw, 1.125rem);
    margin-bottom: clamp(-1000000rem, 4.30556vw, 3.875rem); }
    @media screen and (max-width: 960px) {
      .infor-center__img__txt {
        font-size: 0.75rem;
        margin-top: clamp(-1000000rem, 2.28495vw, 1.0625rem);
        margin-bottom: clamp(-1000000rem, 4.30108vw, 2rem); } }
    @media screen and (max-width: 640px) {
      .infor-center__img__txt {
        font-size: clamp(-1000000rem, 3.07692vw, 0.75rem); } }
  .infor-center__img__wrapper {
    padding-top: calc(206 / 308 * 100%);
    position: relative;
    background: var(--black); }
    .infor-center__img__wrapper.colorless {
      background: transparent; }
    .info-center__wrapper__content--photo .infor-center__img__wrapper {
      margin-bottom: clamp(-1000000rem, 2.91667vw, 2.625rem);
      transition: all .3s ease; }
    .infor-center__img__wrapper__img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      object-fit: contain; }

.loading {
  text-align: center; }
  .loaded .loading {
    display: none; }

.sectionTitle {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2em;
  text-align: left;
  font-family: 'Noto Sans TC', 'Noto Sans SC', Syncopate;
  margin-bottom: 60px;
  text-shadow: 0px 4px 12px rgba(126, 239, 255, 0.5); }
  @media screen and (max-width: 960px) {
    .sectionTitle {
      margin-bottom: 40px;
      font-size: 20px; } }
  @media screen and (max-width: 640px) {
    .sectionTitle {
      font-size: 16px; } }
  .info-center__wrapper__content__item + .sectionTitle {
    margin-top: 60px; }

.past-highlights {
  color: var(--white); }
  .past-highlights__wrapper {
    max-width: var(--global-max);
    margin: 0 auto;
    overflow: hidden; }
    @media screen and (max-width: 960px) {
      .past-highlights__wrapper {
        max-width: clamp(-1000000rem, 87.36559vw, 40.625rem); } }
    .past-highlights__wrapper__title {
      font-family: Syncopate;
      font-size: 4.25rem;
      font-weight: 700;
      line-height: 1.04103em;
      margin-top: clamp(-1000000rem, 11.11111vw, 10rem);
      text-transform: uppercase;
      margin-bottom: clamp(-1000000rem, 5.41667vw, 4.875rem);
      text-shadow: 0px 4px 12px rgba(126, 239, 255, 0.5); }
      @media screen and (max-width: 960px) {
        .past-highlights__wrapper__title {
          font-size: 2.625rem;
          margin-top: clamp(-1000000rem, 15.5914vw, 7.25rem); } }
      @media screen and (max-width: 640px) {
        .past-highlights__wrapper__title {
          font-size: clamp(-1000000rem, 8.20513vw, 2rem);
          margin-top: clamp(-1000000rem, 19.48718vw, 4.75rem);
          margin-bottom: clamp(-1000000rem, 7.69231vw, 1.875rem); } }
    .past-highlights__wrapper__content {
      border-radius: clamp(-1000000rem, 5.55556vw, 5rem);
      background: linear-gradient(180deg, rgba(36, 86, 112, 0.4) 0%, rgba(21, 22, 26, 0.4) 100%);
      border-image-source: linear-gradient(180deg, #32dffd 0%, rgba(50, 223, 253, 0) 100%);
      box-shadow: 0px 4px 12px 0px #7eefff80;
      border: 1px solid rgba(126, 239, 255, 0.3);
      padding: clamp(-1000000rem, 4.72222vw, 4.25rem) clamp(-1000000rem, 3.19444vw, 2.875rem) clamp(-1000000rem, 3.47222vw, 3.125rem) clamp(-1000000rem, 2.5vw, 2.25rem);
      margin-bottom: clamp(-1000000rem, 8.26389vw, 7.4375rem); }
      @media screen and (max-width: 640px) {
        .past-highlights__wrapper__content {
          padding-top: clamp(-1000000rem, 12.30769vw, 3rem); } }
      .past-highlights__wrapper__content__item {
        display: flex; }
        @media screen and (max-width: 960px) {
          .past-highlights__wrapper__content__item {
            align-items: center; } }
        @media screen and (max-width: 640px) {
          .past-highlights__wrapper__content__item {
            flex-direction: column; } }
        .past-highlights__wrapper__content__item:nth-child(even) {
          transform: translateX(clamp(-1000000rem, 3.47222vw, 3.125rem)); }
          @media screen and (max-width: 1024px) {
            .past-highlights__wrapper__content__item:nth-child(even) {
              transform: translateX(0); } }
        .past-highlights__wrapper__content__item + .past-highlights__wrapper__content__item {
          margin-top: clamp(-1000000rem, 4.58333vw, 4.125rem); }
          @media screen and (max-width: 640px) {
            .past-highlights__wrapper__content__item + .past-highlights__wrapper__content__item {
              margin-top: clamp(-1000000rem, 8.71795vw, 2.125rem); } }
        .past-highlights__wrapper__content__item__img {
          flex: 0 0 46.4%; }
          @media screen and (max-width: 960px) {
            .past-highlights__wrapper__content__item__img {
              flex: 0 0 45%; } }
          @media screen and (max-width: 640px) {
            .past-highlights__wrapper__content__item__img {
              flex: 0 0 100%;
              width: 100%; } }
          .past-highlights__wrapper__content__item__img__wrapper {
            padding-top: 56%;
            position: relative;
            overflow: hidden; }
          .past-highlights__wrapper__content__item__img img {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
        .past-highlights__wrapper__content__item:nth-child(odd) .past-highlights__wrapper__content__item__content {
          padding-right: clamp(-1000000rem, 2.29167vw, 2.0625rem); }
          @media screen and (max-width: 960px) {
            .past-highlights__wrapper__content__item:nth-child(odd) .past-highlights__wrapper__content__item__content {
              padding-right: 0; } }
        .past-highlights__wrapper__content__item:nth-child(even) .past-highlights__wrapper__content__item__content {
          padding-right: clamp(-1000000rem, 3.47222vw, 3.125rem); }
          @media screen and (max-width: 960px) {
            .past-highlights__wrapper__content__item:nth-child(even) .past-highlights__wrapper__content__item__content {
              padding-right: 0; } }
        .past-highlights__wrapper__content__item__content {
          flex: 0 0 calc(100% - 46.4%);
          padding-left: clamp(-1000000rem, 2.08333vw, 1.875rem);
          box-sizing: border-box; }
          @media screen and (max-width: 960px) {
            .past-highlights__wrapper__content__item__content {
              flex: 0 0 calc(100% - 45%);
              padding-left: clamp(-1000000rem, 3.0914vw, 1.4375rem); } }
          @media screen and (max-width: 640px) {
            .past-highlights__wrapper__content__item__content {
              flex: 0 0 100%;
              width: 100%;
              padding-left: 0;
              margin-top: clamp(-1000000rem, 5.12821vw, 1.25rem); } }
          .past-highlights__wrapper__content__item__content__title {
            font-family: Syncopate;
            font-size: 3rem;
            font-weight: 700;
            line-height: 1.04104em;
            text-align: left;
            margin-top: clamp(-1000000rem, -0.41667vw, -0.375rem);
            margin-bottom: clamp(-1000000rem, 0vw, 0rem);
            text-shadow: 0px 4px 12px rgba(126, 239, 255, 0.5); }
            @media screen and (max-width: 960px) {
              .past-highlights__wrapper__content__item__content__title {
                font-size: 2rem; } }
            @media screen and (max-width: 640px) {
              .past-highlights__wrapper__content__item__content__title {
                font-size: clamp(-1000000rem, 8.20513vw, 2rem); } }
            .past-highlights__wrapper__content__item__content__title a {
              text-decoration: none;
              color: var(--white); }
          .past-highlights__wrapper__content__item__content__subtitle {
            font-family: Blinker;
            font-size: 1.25rem;
            font-weight: 400;
            letter-spacing: 0.04em;
            text-align: left;
            margin-top: 0;
            line-height: 1.25em;
            display: inline-block;
            padding: clamp(-1000000rem, 0.55556vw, 0.5rem) clamp(-1000000rem, 0.83333vw, 0.75rem);
            background: rgba(0, 0, 0, 0.3);
            margin-bottom: 0; }
            @media screen and (max-width: 960px) {
              .past-highlights__wrapper__content__item__content__subtitle {
                font-size: 1rem; } }
            .past-highlights__wrapper__content__item__content__subtitle__wrapper {
              display: inline-flex;
              align-items: center; }
              @media screen and (max-width: 640px) {
                .past-highlights__wrapper__content__item__content__subtitle__wrapper {
                  margin-top: .5rem; } }
              .past-highlights__wrapper__content__item__content__subtitle__wrapper__r {
                transform: rotate(180deg); }
          .past-highlights__wrapper__content__item__content__txt {
            font-weight: 400;
            font-size: 1.25rem;
            margin-top: clamp(-1000000rem, 0.83333vw, 0.75rem);
            text-align: justify;
            font-family: 'Noto Sans TC', 'Noto Sans SC', 'Blinker';
            letter-spacing: clamp(-1000000rem, 0.19444vw, 0.175rem); }
            @media screen and (max-width: 960px) {
              .past-highlights__wrapper__content__item__content__txt {
                font-size: 1rem; } }
            @media screen and (max-width: 640px) {
              .past-highlights__wrapper__content__item__content__txt {
                margin-top: .5rem; } }

.registration-no-form {
  display: block;
  color: var(--white); }
  .registration-no-form__wrapper {
    display: block;
    margin: 0 auto;
    max-width: clamp(0px, 90vw, 1156px); }
    @media screen and (max-width: 960px) {
      .registration-no-form__wrapper {
        max-width: var(--global-max-t); } }
    .registration-no-form__wrapper__title {
      font-family: 'Noto Sans TC', 'Noto Sans SC', Syncopate;
      font-size: 4.25rem;
      font-weight: 700;
      line-height: 1.04103em;
      text-align: left;
      text-transform: uppercase;
      margin-top: clamp(-1000000rem, 11.11111vw, 10rem);
      margin-bottom: clamp(-1000000rem, 5.55556vw, 5rem);
      text-shadow: 0px 4px 12px rgba(126, 239, 255, 0.5); }
      @media screen and (max-width: 960px) {
        .registration-no-form__wrapper__title {
          font-size: 2.625rem;
          margin-top: clamp(-1000000rem, 15.5914vw, 7.25rem); } }
      @media screen and (max-width: 640px) {
        .registration-no-form__wrapper__title {
          font-size: clamp(-1000000rem, 8.20513vw, 2rem);
          margin-top: clamp(-1000000rem, 19.48718vw, 4.75rem);
          margin-bottom: clamp(-1000000rem, 7.69231vw, 1.875rem); } }
    .registration-no-form__wrapper__content {
      border-radius: clamp(-1000000rem, 5.55556vw, 5rem);
      background: linear-gradient(180deg, rgba(36, 86, 112, 0.4) 0%, rgba(21, 22, 26, 0.4) 100%);
      border-image-source: linear-gradient(180deg, #32dffd 0%, rgba(50, 223, 253, 0) 100%);
      box-shadow: 0px 4px 12px 0px #7eefff80;
      border: 1px solid rgba(126, 239, 255, 0.3);
      margin-bottom: clamp(-1000000rem, 16.38889vw, 14.75rem);
      padding-left: 1rem;
      padding-right: 1rem; }
      @media screen and (max-width: 960px) {
        .registration-no-form__wrapper__content {
          margin-bottom: clamp(-1000000rem, 19.08602vw, 8.875rem); } }
      @media screen and (max-width: 640px) {
        .registration-no-form__wrapper__content {
          margin-bottom: clamp(-1000000rem, 13.84615vw, 3.375rem); } }
      .registration-no-form__wrapper__content__txt {
        font-family: 'Noto Sans TC', 'Noto Sans SC', Blinker;
        font-size: 2rem;
        font-weight: 600;
        line-height: 1.2em;
        letter-spacing: 0.04em;
        text-align: center;
        color: #80f5ff;
        margin: clamp(-1000000rem, 5.13889vw, 4.625rem) 0; }
        @media screen and (max-width: 960px) {
          .registration-no-form__wrapper__content__txt {
            font-size: 1.25rem;
            margin: clamp(-1000000rem, 6.1828vw, 2.875rem) clamp(-1000000rem, 2.68817vw, 1.25rem); } }
        @media screen and (max-width: 640px) {
          .registration-no-form__wrapper__content__txt {
            font-size: clamp(-1000000rem, 5.12821vw, 1.25rem);
            margin: clamp(-1000000rem, 7.17949vw, 1.75rem) clamp(-1000000rem, 5.12821vw, 1.25rem); } }

.registration-form {
  display: block;
  color: var(--white); }
  .registration-form__wrapper {
    display: block;
    margin: 0 auto;
    max-width: clamp(0px, 90vw, 1156px); }
    @media screen and (max-width: 960px) {
      .registration-form__wrapper {
        max-width: var(--global-max-t); } }
    .registration-form__wrapper__title {
      font-family: 'Noto Sans TC', 'Noto Sans SC', Syncopate;
      font-size: 4.25rem;
      font-weight: 700;
      line-height: 1.04103em;
      text-align: left;
      text-transform: uppercase;
      margin-top: clamp(-1000000rem, 11.11111vw, 10rem);
      margin-bottom: clamp(-1000000rem, 2.77778vw, 2.5rem);
      text-shadow: 0px 4px 12px rgba(126, 239, 255, 0.5); }
      @media screen and (max-width: 960px) {
        .registration-form__wrapper__title {
          font-size: 2.625rem;
          margin-top: clamp(-1000000rem, 15.5914vw, 7.25rem);
          margin-bottom: clamp(-1000000rem, 4.03226vw, 1.875rem); } }
      @media screen and (max-width: 640px) {
        .registration-form__wrapper__title {
          font-size: clamp(-1000000rem, 8.20513vw, 2rem);
          margin-top: clamp(-1000000rem, 20.76923vw, 5.0625rem);
          margin-bottom: clamp(-1000000rem, 7.69231vw, 1.875rem); } }
    .registration-form__wrapper__content {
      border-radius: clamp(-1000000rem, 5.55556vw, 5rem);
      background: linear-gradient(180deg, rgba(36, 86, 112, 0.4) 0%, rgba(21, 22, 26, 0.4) 100%);
      border-image-source: linear-gradient(180deg, #32dffd 0%, rgba(50, 223, 253, 0) 100%);
      box-shadow: 0px 4px 12px 0px #7eefff80;
      border: 1px solid rgba(126, 239, 255, 0.3);
      margin-bottom: clamp(-1000000rem, 10.13889vw, 9.125rem); }
      @media screen and (max-width: 960px) {
        .registration-form__wrapper__content {
          margin-bottom: clamp(-1000000rem, 8.87097vw, 4.125rem); } }
      @media screen and (max-width: 640px) {
        .registration-form__wrapper__content {
          margin-bottom: clamp(-1000000rem, 13.84615vw, 3.375rem); } }

.registration-form__wrapper__btn {
  margin-left: 0;
  width: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-bottom: clamp(-1000000rem, 5.55556vw, 5rem);
  position: relative;
  display: inline-block; }
  @media screen and (max-width: 960px) {
    .registration-form__wrapper__btn {
      margin-bottom: clamp(-1000000rem, 4.03226vw, 1.875rem); } }
  @media screen and (max-width: 640px) {
    .registration-form__wrapper__btn {
      margin-bottom: clamp(-1000000rem, 7.4359vw, 1.8125rem); } }
  .registration-form__wrapper__btn .btn__ico {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%); }
    @media screen and (max-width: 960px) {
      .registration-form__wrapper__btn .btn__ico {
        right: 0.5rem; } }

.registration-form__wrapper__content {
  padding: clamp(-1000000rem, 1.18056vw, 1.0625rem) clamp(-1000000rem, 8.54167vw, 7.6875rem) clamp(-1000000rem, 2.84722vw, 2.5625rem); }
  @media screen and (max-width: 960px) {
    .registration-form__wrapper__content {
      padding: clamp(-1000000rem, 1.47849vw, 0.6875rem) clamp(-1000000rem, 4.30108vw, 2rem) clamp(-1000000rem, 4.7043vw, 2.1875rem); } }
  @media screen and (max-width: 640px) {
    .registration-form__wrapper__content {
      padding: clamp(-1000000rem, 5.12821vw, 1.25rem) clamp(-1000000rem, 5.12821vw, 1.25rem); } }
  .registration-form__wrapper__content__title {
    font-family: Syncopate;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.04104em;
    text-align: left;
    color: #80f5ff;
    margin-bottom: 0; }
    @media screen and (max-width: 960px) {
      .registration-form__wrapper__content__title {
        font-size: 2rem; } }
    @media screen and (max-width: 640px) {
      .registration-form__wrapper__content__title {
        font-size: clamp(-1000000rem, 6.15385vw, 1.5rem);
        padding-right: clamp(-1000000rem, 2.5641vw, 0.625rem); } }
  .registration-form__wrapper__content__title2 {
    font-family: Syncopate;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.04107em;
    letter-spacing: 0.04em;
    text-align: left;
    margin-top: clamp(-1000000rem, 1.11111vw, 1rem);
    text-transform: uppercase;
    margin-bottom: clamp(-1000000rem, 2.70833vw, 2.4375rem); }
    @media screen and (max-width: 960px) {
      .registration-form__wrapper__content__title2 {
        font-size: 1.25rem;
        margin-top: clamp(-1000000rem, 2.28495vw, 1.0625rem);
        margin-bottom: clamp(-1000000rem, 5.24194vw, 2.4375rem); } }
    @media screen and (max-width: 640px) {
      .registration-form__wrapper__content__title2 {
        font-size: clamp(-1000000rem, 4.10256vw, 1rem);
        margin-top: clamp(-1000000rem, 3.84615vw, 0.9375rem);
        margin-bottom: clamp(-1000000rem, 6.15385vw, 1.5rem); } }
    @media screen and (max-width: 640px) {
      .registration-form__wrapper__content__title2--mobile {
        font-size: clamp(-1000000rem, 5.12821vw, 1.25rem);
        margin-top: clamp(-1000000rem, 6.15385vw, 1.5rem); } }
  .registration-form__wrapper__content__accordion + .registration-form__wrapper__content__title2,
  .registration-form__wrapper__content__accordion + .registration-form__wrapper__content__title3 {
    margin-top: clamp(-1000000rem, 6.66667vw, 6rem); }
    @media screen and (max-width: 960px) {
      .registration-form__wrapper__content__accordion + .registration-form__wrapper__content__title2,
      .registration-form__wrapper__content__accordion + .registration-form__wrapper__content__title3 {
        margin-top: clamp(-1000000rem, 14.51613vw, 6.75rem); } }
  .registration-form__wrapper__content__accordion__item + .registration-form__wrapper__content__accordion__item {
    margin-top: clamp(-1000000rem, 2.77778vw, 2.5rem); }
    @media screen and (max-width: 960px) {
      .registration-form__wrapper__content__accordion__item + .registration-form__wrapper__content__accordion__item {
        margin-top: clamp(-1000000rem, 5.37634vw, 2.5rem); } }
    @media screen and (max-width: 640px) {
      .registration-form__wrapper__content__accordion__item + .registration-form__wrapper__content__accordion__item {
        margin-top: clamp(-1000000rem, 6.15385vw, 1.5rem); } }
  .registration-form__wrapper__content__accordion__item__title {
    font-family: Blinker;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: 0.04em;
    text-align: left;
    color: #80f5ff;
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
    padding-right: 2.25rem; }
    @media screen and (max-width: 960px) {
      .registration-form__wrapper__content__accordion__item__title {
        font-size: 1.25rem; } }
    @media screen and (max-width: 640px) {
      .registration-form__wrapper__content__accordion__item__title {
        padding-right: clamp(-1000000rem, 5.12821vw, 1.25rem);
        font-size: clamp(-1000000rem, 5.12821vw, 1.25rem); } }
    .registration-form__wrapper__content__accordion__item__title::after {
      content: '';
      position: absolute;
      display: block;
      width: 24px;
      height: 24px;
      background: url("../../assets/2024/images/ico-big-arrow-up-white.svg") center center no-repeat;
      background-size: contain !important;
      right: -11px;
      top: 50%;
      transform: translateY(-50%) rotate(180deg);
      transition: all ease-in 500ms; }
      @media screen and (max-width: 640px) {
        .registration-form__wrapper__content__accordion__item__title::after {
          right: -17px; } }
      .active .registration-form__wrapper__content__accordion__item__title::after {
        transform: translateY(-50%) rotate(0deg); }
  .registration-form__wrapper__content__accordion__item__txt {
    font-family: Blinker;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.25em;
    letter-spacing: 0.04em;
    text-align: justify;
    margin-top: clamp(-1000000rem, 1.18056vw, 1.0625rem);
    display: none; }
    @media screen and (max-width: 960px) {
      .registration-form__wrapper__content__accordion__item__txt {
        margin-top: clamp(-1000000rem, 2.15054vw, 1rem);
        font-size: 1rem;
        line-height: 1.19em;
        padding-right: 2rem; } }
    @media screen and (max-width: 640px) {
      .registration-form__wrapper__content__accordion__item__txt {
        line-height: 1.26em;
        margin-top: clamp(-1000000rem, 4.61538vw, 1.125rem);
        font-size: clamp(-1000000rem, 3.64103vw, 0.8875rem);
        padding-right: clamp(-1000000rem, 2.30769vw, 0.5625rem); } }
    .registration-form__wrapper__content__accordion__item__txt a {
      color: var(--white) !important; }
      .registration-form__wrapper__content__accordion__item__txt a:hover {
        text-decoration: none; }
    .active .registration-form__wrapper__content__accordion__item__txt {
      display: block; }
  .registration-form__wrapper__content__title3 {
    font-family: Syncopate;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.04071em;
    text-align: left;
    margin-top: clamp(-1000000rem, 4.16667vw, 3.75rem);
    text-transform: uppercase; }
    .en .registration-form__wrapper__content__title3 {
      font-size: 1rem; }
    @media screen and (max-width: 960px) {
      .registration-form__wrapper__content__title3 {
        font-size: 0.875rem;
        margin-top: clamp(-1000000rem, 8.19892vw, 3.8125rem); }
        .en .registration-form__wrapper__content__title3 {
          font-size: 0.75rem; } }
    @media screen and (max-width: 640px) {
      .registration-form__wrapper__content__title3 {
        font-size: 0.875rem;
        margin-top: clamp(-1000000rem, 15.38462vw, 3.75rem);
        margin-bottom: clamp(-1000000rem, 4.10256vw, 1rem); }
        .en .registration-form__wrapper__content__title3 {
          font-size: 0.75rem; } }
  .registration-form__wrapper__content__txt {
    font-family: Blinker;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.25em;
    letter-spacing: 0.04em;
    text-align: justify;
    letter-spacing: clamp(-1000000rem, 0.06944vw, 0.0625rem); }
    @media screen and (max-width: 960px) {
      .registration-form__wrapper__content__txt {
        font-size: 1rem; } }
    @media screen and (max-width: 640px) {
      .registration-form__wrapper__content__txt {
        font-size: clamp(-1000000rem, 3.58974vw, 0.875rem);
        line-height: 1.34em; } }
    .registration-form__wrapper__content__txt--small {
      font-size: 0.75rem; }
      @media screen and (max-width: 960px) {
        .registration-form__wrapper__content__txt--small {
          font-size: 0.75rem; } }
      @media screen and (max-width: 640px) {
        .registration-form__wrapper__content__txt--small {
          font-size: clamp(-1000000rem, 3.07692vw, 0.75rem); } }

.videoPopup {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 65200;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5); }
  .showVideoPopup .videoPopup {
    display: flex; }
  .videoPopup__wrapper {
    width: 100%;
    max-width: clamp(-1000000rem, 54.58333vw, 49.125rem); }
    @media screen and (max-width: 960px) {
      .videoPopup__wrapper {
        max-width: 90vw; } }
    .videoPopup__wrapper__close {
      background: transparent;
      padding: 0;
      border: 0;
      position: absolute;
      right: 0;
      top: 0;
      transform: translate(50%, -50%);
      z-index: 10; }
    .videoPopup__wrapper__innerwrapper {
      padding-top: calc(9/16*100%);
      position: relative; }
      .videoPopup__wrapper__innerwrapper iframe {
        z-index: 5;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }

.imgPopup {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 65200;
  align-items: center;
  justify-content: center;
  background: black; }
  .imgPopup__prev, .imgPopup__next {
    background: url(../../assets/2024/images/ico-arrow-right.svg) center center no-repeat var(--white);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    display: block;
    border: 0;
    outline: 0;
    width: 2rem;
    height: 2rem;
    border-radius: .5rem;
    cursor: pointer; }
  .imgPopup__prev {
    left: 0;
    transform: rotate(180deg); }
  .imgPopup__next {
    right: 0; }
  .showPhotoPopup .imgPopup {
    display: flex; }
  .imgPopup__wrapper {
    width: 100%;
    max-width: clamp(-1000000rem, 54.58333vw, 49.125rem); }
    @media screen and (max-width: 960px) {
      .imgPopup__wrapper {
        max-width: 90vw; } }
    .imgPopup__wrapper__close {
      background: transparent;
      padding: 0;
      border: 0;
      position: absolute;
      right: 0;
      top: 0;
      transform: translate(50%, -50%);
      z-index: 10;
      width: clamp(-1000000rem, 3.47222vw, 3.125rem);
      height: clamp(-1000000rem, 3.47222vw, 3.125rem); }
      @media screen and (max-width: 960px) {
        .imgPopup__wrapper__close {
          width: clamp(-1000000rem, 6.72043vw, 3.125rem);
          height: clamp(-1000000rem, 6.72043vw, 3.125rem); } }
    .imgPopup__wrapper__innerwrapper {
      padding-top: calc(9/16*100%);
      position: relative; }
      .imgPopup__wrapper__innerwrapper img {
        z-index: 5;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        object-fit: contain; }

:root {
  --h1-s: clamp(-1000000rem, 5.55556vw, 5rem);
  --wrapper-width: 1440px;
  --global-max: clamp(-1000000rem, 80.27778vw, 72.25rem);
  --global-max-t: clamp(-1000000rem, 87.36559vw, 40.625rem);
  --black: #15161a;
  --white: #fff;
  --anakiwa: #80f5ff;
  --reef: #b7ff7e;
  --la-rioja: #9dc815;
  --shark: #202223; }

html, body {
  font-family: 'Syncopate', Arial, 'Helvetica Neue', 'Noto Sanss TC', Helvetica, sans-serif;
  width: 100vw;
  overflow-x: hidden;
  background: var(--black) url("../../assets/2024/images/bg-grid.svg") center center repeat;
  background-size: 20vw;
  margin: 0;
  min-height: 100%; }
  html.fixedfooter, body.fixedfooter {
    min-height: 100dvh; }

canvas {
  display: none; }
  .loaded3d canvas {
    display: block; }

.staticbg {
  position: fixed;
  color: var(--white);
  font-family: 'Noto Sans TC', 'Noto Sans SC', 'Blinker';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-size: cover !important;
  background-color: rgba(0, 0, 0, 0.95);
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 65200;
  font-size: 2rem;
  display: none; }
  .loaded3d .staticbg {
    display: none; }

.wrapper {
  position: relative;
  z-index: 5; }
  .fixedfooter .wrapper {
    position: initial; }

h1 {
  font-size: var(--h1-s); }

img {
  max-width: 100%;
  display: block; }

.swiper-button-next, .swiper-button-prev {
  width: clamp(-1000000rem, 4.44444vw, 4rem);
  height: clamp(-1000000rem, 4.44444vw, 4rem);
  padding: 0;
  border-radius: clamp(-1000000rem, 0.83333vw, 0.75rem);
  overflow: hidden;
  background-color: var(--white) !important;
  background-size: clamp(-1000000rem, 0.83333vw, 0.75rem) !important;
  top: auto; }
  @media screen and (max-width: 960px) {
    .swiper-button-next, .swiper-button-prev {
      left: clamp(-1000000rem, 2.15054vw, 1rem);
      width: clamp(-1000000rem, 5.24194vw, 2.4375rem);
      height: clamp(-1000000rem, 5.24194vw, 2.4375rem);
      background-size: clamp(-1000000rem, 2.15054vw, 1rem) auto !important; } }
  @media screen and (max-width: 640px) {
    .swiper-button-next, .swiper-button-prev {
      width: clamp(-1000000rem, 10.25641vw, 2.5rem);
      height: clamp(-1000000rem, 10.25641vw, 2.5rem);
      border-radius: clamp(-1000000rem, 1.64103vw, 0.4rem);
      background-size: 25% auto !important; } }
  .swiper-button-next::after, .swiper-button-prev::after {
    display: none; }

.swiper-button-prev {
  background: url("../../assets/2024/images/ico-arrow-right.svg") center center no-repeat;
  transform: rotate(180deg); }

.swiper-button-next {
  background: url("../../assets/2024/images/ico-arrow-right.svg") center center no-repeat; }

canvas {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  mix-blend-mode: lighten;
  transition: all 500ms ease;
  pointer-events: none; }
  .programme canvas {
    opacity: .2; }

.blurry {
  filter: blur(2px);
  opacity: .5; }

.mCustomScrollBox:hover > .mCSB_scrollTools, .mCSB_scrollTools .mCSB_draggerContainer {
  width: 5px; }

.mCSB_scrollTools .mCSB_draggerContainer {
  background: #202223;
  border-radius: 5px; }

.mCSB_inside > .mCSB_container {
  margin-right: 20px; }

.mCSB_scrollTools .mCSB_draggerContainer {
  left: auto; }

html {
  width: 100%;
  overflow-x: hidden; }

.mCSB_container p {
  pointer-events: none; }

.scrollbar {
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto; }

@media screen and (max-width: 640px) {
  .d-b-m {
    display: block; } }

small {
  font-size: 10px; }
  .speakerPage__popup__wrapper__content__txt small {
    display: none; }