/* 20210129 Mi start */
/* 20210127 Linda start */
/* 20210129 PP start */

/* 輪播的左右箭頭設定 */

button.slick-prev.slick-arrow {
  left: 0px;
  z-index: 10;
}
button.slick-next.slick-arrow {
  right: 0;
  z-index: 10;
}
.slick-prev, .slick-next {
  background: rgba(255, 255, 255, .75);
   color: #466486;
    box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.15);
    width: 40px;
   height: 40px;
   border-radius: 100rem;
  padding: 0 20px 0 10px;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
 background: rgba(15,54,97, .75);
}

@media only screen and (min-width: 768px) {
  button.slick-prev.slick-arrow {
    top: 53%;
    left: 14%;
    color: #466486;
    z-index: 10;
  }
  button.slick-next.slick-arrow {
    top: 53%;
    right: 60.5%;
    color: #466486;
    z-index: 10;
  }
  .slick-prev, .slick-next {
    background: rgba(255, 255, 255, .75);
    color: #466486;
    box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.15);
    width: 45px;
    height: 45px;
    padding: 0 15px;
    border-radius: 100rem;
  }
}

@media only screen and (min-width: 1100px) {
  button.slick-prev.slick-arrow {
    top: 53%;
    left: 14%;
    color: #466486;
    z-index: 10;
  }
  button.slick-next.slick-arrow {
    top: 53%;
    right: 60.5%;
    color: #466486;
    z-index: 10;
  }
  .slick-prev, .slick-next {
    background: rgba(255, 255, 255, .75);
    color: #466486;
    box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.15);
    width: 45px;
    height: 45px;
    padding: 0 15px;
    border-radius: 100rem;
  }
}

@media only screen and (min-width: 1600px) {
  button.slick-prev.slick-arrow {
    top: 53%;
    left: 14%;
    color: #466486;
    z-index: 10;
  }
  button.slick-next.slick-arrow {
    top: 53%;
    right: 60.5%;
    color: #466486;
    z-index: 10;
  }
  .slick-prev, .slick-next {
    background: rgba(255, 255, 255, .75);
   color: #466486;
    box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.15);
    width: 60px;
   height: 60px;
  padding: 0 40px 0 20px;
   border-radius: 100rem;
  }
}
/* 20260626 start */

/* =========================================
   修正：Slick 輪播箭頭與圈圈置中問題
   ========================================= */

/* 修正箭頭「垂直」置中，並讓圓圈內的「圖示」絕對居中 */
button.slick-prev.slick-arrow,
button.slick-next.slick-arrow {
    top: 50% !important; 
    transform: translateY(-50%) !important; 
    display: flex !important;
    align-items: center; /* 讓內部圖示垂直置中 */
    justify-content: center; /* 讓內部圖示水平置中 */
    padding: 0 !important; /* 移除原本左右不對稱的 padding，避免圖示偏移 */
}

/* 修正圈圈 (Dots) 絕對「水平」置中 */
.slick-dots {
    position: absolute;
    bottom: 15px; /* 可依需求微調圈圈距離底部的距離 */
	left: 14%;       
    right: 60.5%;
	width: auto;
    transform: none; 
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;   
}

/* =========================================
   手機版 (767px 以下) Dots回歸正常置中
   ========================================= */
@media (max-width: 767px) {
    .slick-dots {
        left: 50% !important;
        right: auto !important;
        width: 100% !important;
        transform: translateX(-50%) !important;
    }
}

/* 20210129 PP end */
/* 20210127 Linda end */
/* 20210129 Mi end */
/* 20260626 end */