/* 首頁的 Tittle 高度*/
main div.ct-container-full{
	padding:0px;
}


/* 外層容器：所有 icon */
.icon-buttons {
  display: flex;
  flex-wrap: wrap;      /* 自動換行 */
  gap: 30px;            /* 每個項目間距 */
  justify-content: center;
  padding: 20px 0;
}

/* 單一項目 (圖片+文字) */
.icon-buttons-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width:140px!important; /* 每個項目寬度一致，版面更整齊 */
}

/* 圓形框 (包住圖片) */
.icon-button {
  width: 100px;
  height: 100px;
  border: 2px solid #746D75;
	    box-shadow: 2px 6px 12px rgba(116, 109, 117, 0.3);
  border-radius: 50%;      /* 圓形 */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #fff;
}

/* 圖片統一縮小顯示 */
.icon-button img {
  max-width: 70%;
  max-height: 70%;
  object-fit: contain;  /* 保持比例，完整顯示圖片 */
  display: block;
	margin:auto;
}

/* 文字樣式 */
.icon-button-label {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
}


/*主頁面的圖片 hover 效果 */
.icon-button:hover {
   background: #a0a3b254;
}

.icon-button-label {
  margin-top: 8px; /* 圖片與文字間距 */
  font-size: 14px;
  line-height: 1.4;
  border: none;    /* 確保文字沒有邊框 */
	color:#373A49;
}

div.wp-block-latest-posts__post-excerpt{
	color:#9b9c9d;
}

/* 文章的閱讀全文的按鈕 */
a.more-link {
    display: inline-block;
    background-color: #373A49; 
    color: #ffffff; 
    padding: 8px 16px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
}
/* 文章的閱讀全文的按鈕 Hover */
a.more-link:hover {
    background-color: #A0A3B2; 
	color: #373A49; 
}

/* 文章區塊 - 自定義名稱 */
.main-page-article{
	 pointer-events: none;
}

/* 文章的每一篇文章*/
.main-page-article article{
	box-shadow: -2px 4px 18px 5px 	rgba(160, 163, 178, 0.5);
	border-radius:10px;
	    position: relative;
    padding-bottom: 70px;
}

/* 文章內的載入更多文章 Lazy load 長度*/
.wpnbha.has-more-button button{
	width: 100%!important;
	pointer-events: auto;
	background:#373A49;
}

/* 文章內的載入更多文章 hover 效果*/
.wpnbha.has-more-button button:hover{
	width: 100%!important;
	pointer-events: auto;
	background:#A0A3B2;
	color:#373A49;
}

.main-page-article article figure{
	border-radius: 10px;
    overflow: hidden;
}

/* 文章主標題 */
.main-page-article article h2{
	padding:15px 20px 0px 20px
}

/* 文章內容 */
.main-page-article article p{
	padding:15px 20px;
	color:#9b9c9d;
	font-size:16px;
}


/* 文章分類 */
.main-page-article div.cat-links a{
	  color: gray;
    font-size: 14px;
		padding:15px 20px 0px 20px;
}


/* 主頁文章 閱讀更多才可以被點 */
.main-page-article a.more-link{
	pointer-events: auto;
	margin:15px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.jp-relatedposts{
	display:none!important;
}

/* 預設隱藏手機圖 */
.MobileBannerSlider{
  display: none;
}

/* 螢幕寬度小於768px (手機) 時，顯示手機圖，隱藏桌機圖 */
@media (max-width: 768px) {
  .MainBannerSlider {
    display: none;
  }
  .MobileBannerSlider {
    display: block;
  }
	
	.icon-buttons {
   gap: 16px 1px;
/* 每個項目間距 */
	 justify-content: start;
   }
}

/* 強制覆蓋文章內的 上下文章文字被遮擋住的 css */
@media (max-width: 689.98px) {
    .post-navigation .item-label span {
       display: inline; 
    }
}