/* 幻燈片容器 */
    .fullSlide {
      position: relative;
      width: 100%;
      max-width: 900px;
      background: #000;
      overflow: hidden;
    }

    /* 幻燈片內容區 */
    .fullSlide .bd {
      position: relative;
      width: 100%;
      overflow: hidden;
    }

    /* 幻燈片列表 */
    .fullSlide .bd ul {
      display: flex;
      width: 100%;
      transition: transform 0.6s ease-in-out;
    }

    /* 幻燈片項目 */
    .fullSlide .bd li {
      flex: 0 0 100%;
      position: relative;
      overflow: hidden;
      list-style: none;
    }

    /* 幻燈片圖片 */
    .fullSlide .bd li img {
      width: 100%;
      height: auto;
      display: block;
      object-fit: cover;
    }

    /* 幻燈片底部文字區 */
.fullSlide li .bg-content {
    position: absolute;
    left: 50%;             /* 移動到容器水平中間 */
    transform: translateX(-50%); /* 向左偏移自身寬度的50%，達成真正居中 */
    bottom: 10%;
    width: 80%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
}

    .pcbg-head h3.bg-title a {
      font-size: 1.3rem;
      font-weight: bold;
      color: #fff;
      text-decoration: none;
    }

    .bg-meta-desc span {
      display: block;
      font-size: 0.6rem;
      margin-top: 6px;
      color: #eee;
    }

    /* 底部導航點 */
    .fullSlide .hd {
      position: absolute;
      bottom: 5px;
      width: 100%;
      text-align: center;
      z-index: 10;
    }

    .fullSlide .hd ul {
      display: inline-flex;
      justify-content: center;
      gap: 12px;
    }

    .fullSlide .hd ul li {
      width: 40px;
      height: 10px;
      background: rgba(0, 0, 0, 0.7);
      cursor: pointer;
      border-radius: 5px;
      transition: background-color 0.3s ease;
    }

    .fullSlide .hd ul li.on {
      background: #d40000;
    }

    /* 左右箭頭 */
    .fullSlide .prev,
    .fullSlide .next {
      position: absolute;
      top: 50%;
      width: 40px;
      height: 60px;
      margin-top: -30px;
      background: rgba(0, 0, 0, 0.5);
      color: white;
      font-size: 2rem;
      line-height: 60px;
      text-align: center;
      cursor: pointer;
      user-select: none;
      border-radius: 4px;
      z-index: 15;
      transition: background 0.3s ease;
    }

    .fullSlide .prev:hover,
    .fullSlide .next:hover {
      background: rgba(0, 0, 0, 0.8);
    }

    .fullSlide .prev {
      left: 10px;
    }

    .fullSlide .next {
      right: 10px;
    }
 .fullSlide .prev,
  .fullSlide .next {
    display: none;
    cursor: pointer;
    /* 其他箭頭樣式 */
  }

  .fullSlide:hover .prev,
  .fullSlide:hover .next {
    display: block;
  }
/* 桌機滑鼠懸停顯示箭頭 */
@media (hover: hover) and (pointer: fine) {
  .fullSlide:hover .prev,
  .fullSlide:hover .next {
    display: block;
  }
}

/* 手機裝置強制隱藏箭頭 */
@media (max-width: 480px) {
  .fullSlide .prev,
  .fullSlide .next {
    display: none !important;
  }
}

 /* 響應式調整 */
    @media (max-width: 768px) {
      .fullSlide {
        max-width: 100%;
        border-radius: 0;
      }

      .fullSlide li .bg-content {
            left: 50%;             /* 移動到容器水平中間 */
    transform: translateX(-50%); /* 向左偏移自身寬度的50%，達成真正居中 */
        bottom: 8%;
        padding: 10px 14px;
      }

      .pcbg-head h3.bg-title a {
        font-size: 1.3rem;
      }

      .bg-meta-desc span {
        font-size: 0.9rem;
      }

      .fullSlide .hd ul li {
        width: 30px;
        height: 8px;
        border-radius: 4px;
      }

      .fullSlide .prev,
      .fullSlide .next {
        width: 30px;
        height: 50px;
        font-size: 1.6rem;
        margin-top: -25px;
      }
    }

    @media (max-width: 480px) {
      .fullSlide li .bg-content {
           left: 50%;             /* 移動到容器水平中間 */
    transform: translateX(-50%); /* 向左偏移自身寬度的50%，達成真正居中 */
        bottom: 5%;
        padding: 8px 12px;
        max-width: 70%;
      }

      .pcbg-head h3.bg-title a {
        font-size: 1.1rem;
      }

      .bg-meta-desc span {
        font-size: 0.8rem;
      }

      .fullSlide .hd ul li {
        width: 25px;
        height: 6px;
      }

      .fullSlide .prev,
      .fullSlide .next {
        display: block !important;
      }
    }

/* 多圖輪播 */
.swiper-button-prev,
.swiper-button-next {
  width: 40px;
  height: 40px;
  top: 50%;                /* 垂直置中 */
  bottom: auto;            /* 取消底部定位 */
  transform: translateY(-50%); /* 垂直偏移半個高度，真正置中 */
  color: #666;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0,0,0,0.1);
  transition: background 0.3s ease, color 0.3s ease;
  z-index: 10;             /* 確保按鈕在圖片上方 */
   display: flex;            /* 讓箭頭置中 */
  align-items: center;
  justify-content: center;
  padding: 0;               /* 取消內距 */
  margin: 0;                /* 取消外距 */
  border: none;             /* 若有邊框，取消它 */
  box-sizing: border-box;   /* 包含邊框和內距計算寬高 */
}

.swiper-button-prev {
  left: 10px;              /* 靠左邊距 */
}

.swiper-button-next {
  right: 10px;             /* 靠右邊距 */
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: rgba(255, 255, 255, 1);
  color: #333;
}

/* 縮小箭頭字體大小 */
.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 16px !important;
  font-weight: bold;
}

.collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.collapse.in{height:auto}.close{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
.penci-recipe-tagged .prt-icon span, .penci-recipe-action-buttons .penci-recipe-button:hover{ background-color:#003366; }	
.dshare {
 background: #F8F8F8;
    border-color: #003366;
    border-style: solid solid double;
    border-width: 0px 0px 0px 7px;
    box-shadow: 0.01em 0.1em 0.1em 0.1em #EEEEEE;
	clear: both;
    font-size: 18px;
    line-height: 1.89231;
    margin-bottom: 20px;
    padding: 20px 30px 20px 45px;


    }
.dshare a {
    color: #289dcc;
    text-decoration: none;
    }

.downshow {
	display: inline-block;
        background-color: #2196F3;
	border-radius: 5px;
        border: none;
	text-align: center;
        font-size: 16px;
	cursor: pointer;
	
}

/* 星級評分 */
.star-text {
  --star-size: 18px;
  --star-color: gold;
  --star-bg: #ccc;
  --stars-total: 5;

  font-size: var(--star-size);
  font-family: Arial, sans-serif;
  font-weight: bold;
  position: relative;
  display: inline-block;
  color: var(--star-bg);

  /* 漸層遮罩，根據 --rating 填色 */
  background: linear-gradient(
    90deg,
    var(--star-color) calc(var(--rating) / var(--stars-total) * 100%),
    var(--star-bg) calc(var(--rating) / var(--stars-total) * 100%)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#countdown {
	display: flex;
	line-height:20px;
	background-color: #4E92DF;
	border: none;
	margin: 10px auto 10px;
	color: #ffffff;
	border-radius: 2px;
	text-align: center;
	font-size: 18px;
	justify-content: center;
	align-items: center;
	width:50%;
}
.seconds {padding: 10px 10px;
}
.downlink {
	margin: 10px auto 10px;
	text-align: center;
	font-size: 15px;
        border-radius: 2px;
}
.downlink a {
	text-decoration: none;
}
.post-template-default a {
	text-decoration: none;
}

  /* 欄目幻燈片 */
 #penci-postslidewg-5258 {
      max-width: 700px;
      margin: 20px auto;
      position: relative;
    }

    /* 自訂箭頭樣式 */
    .swiper-button-prev,
    .swiper-button-next {
      width: 40px;
      height: 40px;
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      top: 50%;
      transform: translateY(-50%);
      color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      transition: background-color 0.3s ease, opacity 0.3s ease;
      z-index: 10;

      /* 預設隱藏 */
      opacity: 0;
      pointer-events: none;
    }
    .swiper-button-prev:hover,
    .swiper-button-next:hover {
      background-color: rgba(0, 0, 0, 0.8);
    }

    /* 使用 Unicode 箭頭符號 */
    .swiper-button-prev::after,
    .swiper-button-next::after {
      font-size: 80px;
      font-weight: bold;
    }
    .swiper-button-prev::after {
      content: '‹'; /* 左箭頭 */
    }
    .swiper-button-next::after {
      content: '›'; /* 右箭頭 */
    }

    /* 調整箭頭位置 */
    .swiper-button-prev {
      left: 10px;
    }
    .swiper-button-next {
      right: 10px;
    }

    /* 滑鼠移入輪播區域時顯示箭頭 */
    #penci-postslidewg-5258:hover .swiper-button-prev,
    #penci-postslidewg-5258:hover .swiper-button-next {
      opacity: 1;
      pointer-events: auto;
      }
      
  /* 新增 sidebar-right 固定滾動樣式 */
  #sidebar-right {
    position: relative;
    top: 0;
    width: 100%; /* 佔滿側邊欄容器寬度 */
    /* 你可視需要調整高度或padding */
  }
  #sidebar-right.fixed {
    position: fixed;
    top: 90px; /* 距離視窗頂部 */
    width: calc(29.06%); /* 固定時寬度與側邊欄寬度匹配 */
    max-width: 400px; /* 可限制最大寬度避免過寬 */
    z-index: 1000;
  }
  #sidebar-right.absolute-bottom {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 100%;
  }