/* 自訂義 */
.bubbles-circle {
  width: 150px;
  height: auto;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: bubbles-float 4s ease-in-out infinite;
  position: absolute;
}

.bubbles-circle.bubbles_item1 {
  left: -10%;
  right: 0;
  top: 30%;
}
.bubbles-circle.bubbles_item2 {
  width: 90px;
  left: 0;
  right: -50%;
  top: 10%;
}
.bubbles-circle.bubbles_item3 {
  width: 130px;
  left: -60%;
  right: 0;
  bottom: 10%;
}
.bubbles-circle.bubbles_item4 {
  width: 120px;
  left: 0;
  right: -50%;
  bottom: 5%;
}

.bubbles-circle img {
  max-width: 100%;
  max-height: 100%;
}
/* 動畫效果 */
@keyframes bubbles-float {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-20px);
  }

  100% {
    transform: translateY(0px);
  }
}

@media (max-height: 500px) {
  .slideshow__slide-caption-title {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 699px) {

  .slideshow.-full .slideshow__slide-caption-title {
    margin-bottom: 30px;
  }
}

@media (min-width: 700px) {
  .slideshow__slide-caption-title {
    font-size: 3.025rem;
    margin-bottom: 1.25rem;
  }
}



/* 992 */
@media (min-width: 992px) {
  /* banner2 */
  .theme_banner_02 .bubbles-circle.bubbles_item1 {
    width: 120px;
    left: -40%;
    right: 0;
    top: 30%;
  }
  .theme_banner_02 .bubbles-circle.bubbles_item2 {
    width: 90px;
    left: 0;
    right: -10%;
    top: 10%;
  }
  .theme_banner_02 .bubbles-circle.bubbles_item3 {
    width: 110px;
    left: 0;
    right: 0;
    bottom: 10%;
  }
  .theme_banner_02 .bubbles-circle.bubbles_item4 {
    width: 150px;
    left: 0;
    right: -40%;
    bottom: 5%;
  }
}
/* 991 */
@media (max-width: 991px) {
  .bubbles-circle.bubbles_item2 {
    width: 80px;
  }
  .bubbles-circle.bubbles_item3 {
    width: 130px;
    left: -60%;
    right: 0;
    bottom: 15%;
  }
  .bubbles-circle.bubbles_item4 {
    width: 90px;
    left: 0;
    right: -55%;
    bottom: 20%;
  }
  /* banner2 */
  .theme_banner_02 .bubbles-circle.bubbles_item1 {
    width: 100px;
    left: -60%;
    right: 0;
    top: 20%;
  }
  .theme_banner_02 .bubbles-circle.bubbles_item2 {
    width: 90px;
    left: 0;
    right: -70%;
    top: 50%;
  }
  .theme_banner_02 .bubbles-circle.bubbles_item3 {
    width: 50px;
    left: -75%;
    right: 0;
    bottom: 30%;
  }
  .theme_banner_02 .bubbles-circle.bubbles_item4 {
    width: 70px;
    left: 0;
    right: -40%;
    bottom: 5%;
  }
}