.slidercss {
  content: "20251223";
}

/*=======*.bannerSlider=======*/
.bannerSlider {
 position: relative;
}

.topicSliderSet .topicSlider {
 position: relative;
 margin-left: auto;
 margin-right: auto;
 cursor:pointer;
}

/* SLIDER */
.bannerSlider .slider {
 overflow: hidden;
 height: calc(100% - 6px);
 font-size: 0;
 cursor:pointer;
}

.topicSlider .slider {
 overflow: hidden;
 max-width: 100%;
 margin: auto;
 overflow: hidden;
 margin: 2rem auto;
}

.bannerSlider .slider img {
 display: inline-block;
 width: 100%;
 height: 100%;
}

[class$="Slider"] .slider-control {
 position: absolute;
 z-index: 1;
 top: 45%;
 width: 100%;
 height: 0;
}

.topicSliderSet .slider-control {
 top: 150px;
}

[class$="Slider"] .slider-control {
 background: #fff;
 position: absolute;
 width: 3rem;
 height: 3rem;
 padding: 0.75rem;
 /* If you want to place numbers */
 text-align: center;
 opacity: 0.7;
 -webkit-transition: 0.3s;
 transition: 0.3s;
 /* -webkit-transform: translateY(-50%);
  transform: translateY(-50%);*/
 border-radius: 50%;
 margin: 0 3px;
 color: rgba(0, 0, 0, 0.8);
 text-decoration: none;
 box-shadow: 0px 3px 8px -1px rgba(0, 0, 0, 0.15);
}
[class$="Slider"] .slider-control.-disabled {
 box-shadow: 0px 3px 8px -1px rgba(0, 0, 0, 0.15) !important;
 background: #ffffff !important;
}

[class$="Slider"] .slider-control.prev {
 position: absolute;
 left: 1rem;
 color: var(--G700);
}

[class$="Slider"] .slider-control.next {
 position: absolute;
 right: 1rem;
 color: var(--G700);
}
.topicSliderSet .slider-control.prev {
 left: 0rem;
}
.topicSliderSet .slider-control.next {
 right: 0rem;
}
[class$="Slider"] .slider-control .icon-tip_left,
[class$="Slider"] .slider-control .icon-tip_right {
 font-size: 1.5rem;
 color: var(--G700);
}
[class$="Slider"] .slider-control.-disabled .icon-tip_left,
[class$="Slider"] .slider-control.-disabled .icon-tip_right {
 color: var(--G300);
}

@media (any-hover: hover) {
 [class$="Slider"] .slider-control:hover {
  opacity: 1;
  cursor: pointer;
  background: var(--seaBlue) !important;
 }
 .slider-control:hover > * {
  color: #ffffff !important;
  cursor: pointer;
 }
 .slider-control.-disabled:hover {
  box-shadow: 0px 3px 8px -1px rgba(0, 0, 0, 0.15) !important;
  background: #ffffff !important;
  cursor: text;
  opacity: 0.7;
 }
 .slider-control.-disabled:hover > * {
  color: var(--G300) !important;
  cursor: text;
 }
}

[class$="Slider"] .slider-control > div {
 position: relative;
 z-index: 100;
}

[class$="Slider"] .slider-control > div + div {
 visibility: hidden;
}

[class$="Slider"] .slider-control a {
 position: absolute;
 width: 60px;
 height: 60px;
 line-height: 60px;
 text-align: center;
 opacity: 0.7;
 left: 0;
 top: -40px;
 cursor: pointer;
}

.slider-indicators {
 list-style: none;
 margin: 0;
 padding: 0;
 position: absolute;
 left: 0;
 right: 0;
 text-align: center;
 z-index: 10;
 max-height: 40px;
 box-sizing: border-box;
 display: flex;
 justify-content: center;
 padding: 1rem 0;
 column-gap: 0.5rem;
}

.indexWrap .slider-indicators {
 bottom: 20px !important;
}

.slider-indicators .slider-bullet {
 display: inline-block;
 width: 8px;
 height: 8px;
 border-radius: 1rem;
 padding: 0;
 text-decoration: none;
 text-align: center;
 border: 1px solid var(--seaBlue);
 background: transparent;
 -webkit-transition: 0.3s;
 transition: all 0.3s;
 text-decoration: none;
}

.slider-bullet{cursor:pointer;}

.slider-indicators .slider-bullet + .slider-bullet {
 margin: 0 4px;
}

.slider-bullet:hover {
 color: #aaaaaa;
}

.slider-indicators .slider-bullet.-active {
 background: var(--seaBlue);
 width: 3rem;
 height: 8px;
 border: 1px solid var(--seaBlue);
}

.bannerSlider a {
 text-decoration: none;
}

.bannerSlider .slider-control {
 display: none;
}

.bannerSlider .slider .pc,
.bannerSlider .slider .ipad,
.bannerSlider .slider .phone{
	width:100%;
}

.bannerSlider .slider .pc {
 display: none;
}

.bannerSlider .slider .ipad {
 display: none;
}

.bannerSlider .slider .phone {
 display: block;
}
.socialNew .info .pageRefreshBtn {
 width: 100%;
 margin: auto;
 display: block;
}

/*=======*bannerSlider改swiper 請保持原本swiper 提供的CDN不要動  PC版左右兩邊按鈕可不用swiper*/
.bannerSlider .slider-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;
}

.bannerSlider .slider-bullet.-active {
 background: var(--seaBlue);
 width: 3rem;
 height: 8px;
 border: 1px solid var(--seaBlue);
}

/*bannerSlider改swiper end*/
/*=======*.themeSlider=======*/

.socialSliderSet .socialNew {
 display: flex;
 row-gap: 2.5rem;
 flex-direction: column;
 align-items: flex-start;
 width: calc(100% - 2rem);
 margin: 0 auto;
 cursor:pointer;
}

.topicSliderSet .topicNew {
 display: flex;
 row-gap: 2.5rem;
 margin: auto;
 flex-direction: column;
 align-items: flex-start;
 max-width: 1022px;
 width: calc(100% - 2rem);
}

.socialSliderSet .themeSlider {
 margin: auto;
 position: relative;
 text-align: center;
 max-width: 100%;
 cursor:pointer;
}

.socialSliderSet .themeSlider .slider-indicators {
 width: 100%;
 bottom: -40px !important;
}

/*=======*.themeSlider改swiper*/
.topicSliderSet .slider-indicators,
.topicSliderSet .swiper-pagination-bullets.swiper-pagination-horizontal {
 top: calc(288px + 3px);
}

.socialSliderSet .slider-indicators,
.socialSliderSet .swiper-pagination-bullets.swiper-pagination-horizontal {
 top: calc(328px + 3px);
}

@media (min-width: 768px) {
 .socialSliderSet .themeSlider .slider-indicators {
  width: 348px;
 }
 .themeSlider .slider-indicators,
 .themeSlider .swiper-pagination-bullets.swiper-pagination-horizontal {
  top: initial;
 }
 .topicSlider .slider-indicators,
 .topicSlider .swiper-pagination-bullets.swiper-pagination-horizontal {
  top: initial;
 }
}
@media (min-width: 768px) {
 .socialSliderSet .themeSlider {
  max-width: 50%;
 }
 .socialSliderSet .themeSlider .slider-indicators {
  width: 535px;
 }
}
/*.themeSlider改swiper end*/

.topicSliderSet,
.socialSliderSet,
.topicSliderSet [class^="show_"],
.socialSliderSet [class^="show_"] {
 height: max-content;
 min-height: 300px;
}

.themeSlider .slider-indicators,
.topicSlider .slider-indicators {
 width: 100%;
 bottom: 0px !important;
}

/*------主題書展B --*/

.topicSliderSet .info h2.bookName {
 font-size: var(--h2FS);
 color: var(--seaBlue);
 margin-bottom: 0.5rem;
}

.topicNew .info,
.socialNew .info {
 display: flex;
 flex-direction: column;
 row-gap: 1rem;
 text-align: left;
 max-width: 90%;
 margin-left: auto;
 margin-right: auto;
}

.readRightNowBtn {
 text-align: center;
 width: 100%;
}

.topicSliderSet {
 height: auto;
}

/*---精選書籍書封大小*/
.topicSliderSet .topicNew .bookPic {
 text-align: center;
 width: 100%;
     flex: 0;
}

.topicNew .bookPic .coverImg {
 width: 240px;
 height: 288px;
 box-shadow: 0px 3px 8px -1px rgba(0, 0, 0, 0.15);
 display: inline-block;
}
.topicNew .info .innerTxt {
 max-height: 225px;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 8;
}
.socialNew .info .innerTxt {
 max-height: 225px;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 8;
}
@media (min-width: 768px) {
 .topicNew .bookPic .coverImg {
  width: 230px;
  height: 276px;
  box-shadow: 0px 3px 8px -1px rgba(0, 0, 0, 0.15);
 }
}

@media (min-width: 1260px) {
 .topicNew .bookPic .coverImg {
  width: 295px;
  height: 355px;
  box-shadow: 0px 3px 8px -1px rgba(0, 0, 0, 0.15);
 }
 .topicNew .info .innerTxt {
  max-height: 225px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
 }
 .socialNew .info .innerTxt {
  max-height: 225px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
 }
}
/*end*/

.topicNew .info .pageRefreshBtn {
 width: 100%;
 margin: auto;
 display: block;
}

/*------主題書展D的精選書籍輪播--*/

.socialSliderSet [class$="Slider"] .slider-control.-disabled {
 box-shadow: 0px 3px 8px -1px rgba(0, 0, 0, 0.15) !important;
 background: #ffffff !important;
 display: none;
}
.themeSlider .slider {
 overflow: hidden;
 width: 100%;
 margin: auto;
 overflow: hidden;
}
.socialSliderSet h2.socialName {
 font-size: var(--h2FS);
 color: var(--seaBlue);
 margin-bottom: 0.5rem;
}

.socialSliderSet .carousel-indicators {
 top: 300px;
}

.socialCover {
 width: 100%;
 text-align: center;
}

.socialSliderDivider {
 display: flex;
 max-width: 1230px;
 align-items: flex-start;
 align-content: space-around;
 justify-content: space-between;
 flex-direction: column;
 margin: 2rem auto;
 row-gap: 2.5rem;
}

/*---一分鐘閱讀書封大小*/
.socialCover .coverImg {
 width: 328px;
 height: 328px;
 display: inline-block;
}

@media (min-width: 768px) {
 .socialCover .coverImg {
  width: 348px;
  height: 348px;
  display: inline-block;
 }
 .socialSliderSet .info .pageRefreshBtn,
 .topicSliderSet .info .pageRefreshBtn {
  width: fit-content;
  margin: auto;
 }
}

@media (min-width: 1260px) {
 .socialCover .coverImg {
  width: 535px;
  height: 535px;
 }
}
/*end*/


@media (min-width: 768px) {
 .bannerSlider .slider .pc {
  display: none;
 }

 .bannerSlider .slider .ipad {
  display: block;
 }

 .bannerSlider .slider .phone {
  display: none;
 }
 .socialSliderSet .socialNew,
 .topicSliderSet .topicNew {
  column-gap: 1rem;
  flex-direction: row;
  max-width: 1022px;
 }
 
 .topicNew .info, .socialNew .info {

 margin-left: 1rem;
 margin-right:0;
         flex: 1;
 }
 
 .topicSlider .slider-indicators,
 .themeSlider .slider-indicators {
  position: initial;
 }
 .socialSliderDivider {
  flex-direction: row;
 }
}

@media (min-width: 1260px) {
 .bannerSlider .slider-control {
  display: block;
 }

 .bannerSlider .slider .pc {
  display: block;
 }

 .bannerSlider .slider .ipad {
  display: none;
 }

 .bannerSlider .slider .phone {
  display: none;
 }

 .bannerSlider {
  top: 0px;
 }

 .topicNew,
 .socialNew {
  flex-direction: row;
 }

 .topicNew .info .pageRefreshBtn {
  width: fit-content;
  margin: auto;
  display: block;
 }

 .socialNew .info .pageRefreshBtn {
  width: fit-content;
  margin: auto;
  display: block;
 }

 .socialSliderSet .themeSlider .slider-indicators {
  position: initial;
 }
 .topicSlider {
  max-width: 1366px;
 }
 .socialSliderSet .themeSlider {
  float: left;
 }
 .topicSlider .slider {
  max-width: 1022px;
 }

 .socialSliderSet .themeSlider {
  max-width: 565px;
 }
}