.bookCarouselcss {
  content: "20250617下午";
}
  .bookScroll {
    overflow-x: scroll;
    height: max-content;
  }
 /* [class*="boardSet"] .carousel .carousel-bullet {
    display: none !important;
  }*/
  [class*="boardSet"] .carousel .carousel {
    position: relative;
    width: max-content;
  }

  [class*="boardSet"] .carousel .carousel .carousel-item {
    opacity: 1;
    width: fit-content;
    display: inline-block;
  }
  [class*="boardSet"] .carousel .carousel-item.-active {
    position: static;
  }
  [class*="boardSet"] .carousel .bookShelfForm {
    max-width: initial !important;
  }
.carousel {
  position: relative;
  width: 100%;
  min-height: 100%;   

}
.carousel>div:first-child{

  overflow: hidden;


}

.carousel-open:checked + .carousel-item {
  opacity: 1;
}

.carousel-item {
  position: static;
  /* position: absolute;*/
  opacity: 0;
  display: none;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
  height: 100%;
  width: 100%;
}
.carousel-item.-active {
  display: block;
  opacity: 1;
}
.carousel-item img {
  display: block;
  height: 100%;
  width: 100%;
}

.carousel-control {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  color: var(--G700);
  cursor: pointer;
  font-size: 1.5rem;
  height: 3rem;
  line-height: 35px;
  position: absolute;
  top: 120px;
  -webkit-transform: translate(0, -50%);
  cursor: pointer;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: center;
  width: 3rem;
  z-index: 10;
  box-shadow: 0px 3px 8px -1px rgba(0, 0, 0, 0.15);
  padding: 0;
  margin: 0;
  line-height: 2;
  display: block;cursor:pointer; opacity: 0.7;
}
.carousel-control.-disabled{background:#ffffff !important;box-shadow: 0px 3px 8px -1px rgba(0, 0, 0, 0.15) !important;}
.carousel-control.prev {
  left: 0%;
  text-decoration: none;
}

.carousel-control.next {
  right: 0%;
  text-decoration: none;
}

.carousel-control.-disabled .icon-tip_left,
.carousel-control.-disabled .icon-tip_right {

  color: var(--G300);
}




@media (any-hover: hover) {
.carousel-control:hover {
  opacity: 1;
   text-decoration: none;
  background:var(--seaBlue) !important;
  cursor:pointer;
  
}
.carousel-control:hover>*{color:#ffffff !important;cursor:pointer;}
.carousel-control.-disabled:hover{box-shadow: 0px 3px 8px -1px rgba(0, 0, 0, 0.15) !important;background:#ffffff !important;cursor:text; opacity: 0.7;}
.carousel-control.-disabled:hover>*{ color: var(--G300) !important;cursor:text;}
}

.bookCarousel .carousel-indicators {
    list-style: none;
    margin: 0;
    padding: 0;
    bottom: -2.5rem !important;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
    min-height: 40px;
    box-sizing: border-box;
    justify-content: center;
    column-gap: 0.5rem;
    /* padding-top: 1rem; */
    padding-bottom: 0.5rem;
    position: relative;
    line-height: 2;
}

.carousel-bullet:hover {
  color: #aaaaaa;
}
.bookCarousel .carousel-indicators{}
.bookCarousel {
  max-width: 1230px;
  margin: auto;
  position: relative;
  text-align: center;
}

.bookCarousel .carousel-control {
  display: none !important;
}

.bookCarousel .carousel-indicators {
  display: none;
}

@media (min-width: 1260px) {  
.carousel {
    padding-left: 0;
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
  }
  .bookCarousel .carousel-control {
    display: block !important;
  }
  .bookCarousel .carousel-indicators {
    display: flex;
  }
}

.bookCarousel .carousel-bullet {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 1rem;
  padding: 0;
  text-decoration: none;
  text-align: center;
  border: 1px solid var(--seaBlue) !important;
  background: transparent;
  -webkit-transition: 0.3s;
  transition: all 0.3s;
  opacity: 1;
      cursor: pointer;
}
.bookCarousel .carousel-bullet + .carousel-bullet {
  margin: 0 4px;
}
.bookCarousel .carousel-bullet.-active {
  background: var(--seaBlue);
  width: 3rem;
  height: 8px;
  border: 1px solid var(--seaBlue);
}


@media (min-width: 1366px) {
.carousel-control.prev {
  left: -2%;/*補丁*/
}

.carousel-control.next {
  right: -2%;/*補丁*/
}
}

/*------共用模組carousel.css   carousel tagExtended for index page billboard ,which is not default style in mobile --*/
@media (max-width: 1260px) {
  /*[class*="boardSet"] .carousel{overflow-x:scroll;    height: max-content;}*/

}

.swiper-button-disabled>*{color:var(--G300);}