.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    /* font-size: 18px; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .swiper-slide iframe{
    width: 100%;
    aspect-ratio: 16 / 9; /*螢幕比*/
  }

.swiper-wrapper{
    padding-bottom: 40px;
}

/*左右鍵居中*/
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 35%);  
  width: calc(var(--swiper-navigation-size) / 44* 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(100px -(var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}


/*小圓點設定*/
:root{--swiper-theme-color:#86919a}


/*左右鍵設定*/
.swiper-button-next:after,.swiper-button-prev:after{
	font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    color: #000000;
    background: #ffffffb3;
	padding: 10px;
    font-size: large;
    font-weight: bolder;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-bottom: 4vw; */
	position: absolute;
}


