.elementor-18897 .elementor-element.elementor-element-57d4059{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18897 .elementor-element.elementor-element-bc59b36{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18897 .elementor-element.elementor-element-bc59b36.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18897 .elementor-element.elementor-element-f6e7246 .elementor-heading-title{color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-archive-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__title, .elementor-widget-archive-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-archive-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-archive-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-archive-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-posts-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-18897 .elementor-element.elementor-element-4485da7{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-18897 .elementor-element.elementor-element-4485da7 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1 * 100% );}.elementor-18897 .elementor-element.elementor-element-4485da7:after{content:"1";}.elementor-18897 .elementor-element.elementor-element-4485da7 .elementor-post__thumbnail__link{width:100%;}.elementor-18897 .elementor-element.elementor-element-4485da7 .elementor-post__meta-data span + span:before{content:"///";}.elementor-18897 .elementor-element.elementor-element-4485da7.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-18897 .elementor-element.elementor-element-4485da7.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-18897 .elementor-element.elementor-element-4485da7.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-18897 .elementor-element.elementor-element-4485da7 .elementor-post__read-more{color:#000000;}.elementor-18897 .elementor-element.elementor-element-4485da7 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-18897 .elementor-element.elementor-element-4485da7 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-18897 .elementor-element.elementor-element-4485da7 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-18897 .elementor-element.elementor-element-4485da7 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-18897 .elementor-element.elementor-element-4485da7 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-18897 .elementor-element.elementor-element-215f59e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18897 .elementor-element.elementor-element-2848acf .elementor-heading-title{color:#000000;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-18897 .elementor-element.elementor-element-1d61356{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-18897 .elementor-element.elementor-element-1d61356 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1.02 * 100% );}.elementor-18897 .elementor-element.elementor-element-1d61356:after{content:"1.02";}.elementor-18897 .elementor-element.elementor-element-1d61356 .elementor-post__thumbnail__link{width:100%;}.elementor-18897 .elementor-element.elementor-element-1d61356 .elementor-post__meta-data span + span:before{content:"///";}.elementor-18897 .elementor-element.elementor-element-1d61356.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-18897 .elementor-element.elementor-element-1d61356.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-18897 .elementor-element.elementor-element-1d61356.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(max-width:767px){.elementor-18897 .elementor-element.elementor-element-4485da7 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-18897 .elementor-element.elementor-element-4485da7:after{content:"0.5";}.elementor-18897 .elementor-element.elementor-element-4485da7 .elementor-post__thumbnail__link{width:100%;}.elementor-18897 .elementor-element.elementor-element-1d61356 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-18897 .elementor-element.elementor-element-1d61356:after{content:"0.5";}.elementor-18897 .elementor-element.elementor-element-1d61356 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-18897 .elementor-element.elementor-element-bc59b36{--width:70.167%;}.elementor-18897 .elementor-element.elementor-element-215f59e{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-bc59b36 *//*=======================================
  Custom Archive List Styles
=======================================*/
.custom-archive-list {
  --main-color: #c7342a;
  --text-color: #333;
  --subtext-color: #666;
  --card-bg: #fff;
  --card-border: #e9ecef;
  --card-shadow: rgba(0,0,0,0.08);
  --font-body: "Noto Sans TC", sans-serif;

  max-width: 1160px;
  margin: 0 auto;
  padding: 40px 20px;
  box-sizing: border-box;
  font-family: var(--font-body);
  color: var(--text-color);
}

/* 1. 分類標題 */
.custom-archive-list .elementor-widget-theme-archive-title .elementor-heading-title {
  position: relative;
  display: inline-block;
  padding-left: 12px;
  color: var(--main-color);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 16px;
}
.custom-archive-list .elementor-widget-theme-archive-title .elementor-heading-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 70%;
  background: var(--main-color);
  border-radius: 2px;
}

/* 2. 分類說明文字 */
.custom-archive-list .elementor-widget-text-editor p {
  font-size: 16px;
  line-height: 1.65;
  color: var(--subtext-color);
  max-width: 800px;
  margin: 0 auto 40px;
  text-align: left;
}

/* 3. 文章列表：一行一篇 改為垂直列表 */
.custom-archive-list .elementor-posts-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

/* 4. 單篇文章卡片樣式 */
.custom-archive-list article.elementor-post {
  display: flex;
  flex-direction: column;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px var(--card-shadow);
  transition: transform .3s ease, box-shadow .3s ease;
  height: auto;
}
.custom-archive-list article.elementor-post:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 20px var(--card-shadow);
}

/* 5. Featured Image (16:9) */
.custom-archive-list .elementor-post__thumbnail {
  position: relative;
  overflow: hidden;
}
.custom-archive-list .elementor-post__thumbnail img {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}

/* 6. 內容區域 */
.custom-archive-list .elementor-post__text {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 20px;
}

/* 6.1 標題 */
.custom-archive-list .elementor-post__title {
  margin: 0 0 12px;
  line-height: 1.4;
}
.custom-archive-list .elementor-post__title a {
  font-size: 18px;
  font-weight: 600;
  color: #222;
  text-decoration: none;
  transition: color .2s ease;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.custom-archive-list .elementor-post__title a:hover {
  color: var(--main-color);
}

/* 6.2 元數據 */
.custom-archive-list .elementor-post__meta-data {
  font-size: 12px;
  color: var(--subtext-color);
  margin-bottom: 12px;
}
.custom-archive-list .elementor-post__meta-data span:not(:last-child)::after {
  content: "•";
  margin: 0 6px;
}

/* 6.3 摘要 */
.custom-archive-list .elementor-post__excerpt {
  flex: 1;
  margin-bottom: 16px;
}
.custom-archive-list .elementor-post__excerpt p {
  font-size: 14px;
  color: var(--subtext-color);
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 6.4 「閱讀更多」按鈕 */
.custom-archive-list .elementor-post__read-more {
  display: inline-block;
  align-self: flex-start;
  padding: 12px 28px;
  background: var(--main-color);
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.2s ease, transform 0.2s ease;
  margin-top: auto;  /* 緊貼卡片底部 */
}
.custom-archive-list .elementor-post__read-more:hover {
  background: #a61e1e;
  transform: translateY(-2px);
}

/* 7. 分頁置中 */
.custom-archive-list .elementor-pagination {
  text-align: center;
  margin-top: 40px;
}
.custom-archive-list .elementor-pagination a,
.custom-archive-list .elementor-pagination span {
  display: inline-block;
  margin: 0 6px;
  color: #555;
  text-decoration: none;
}
.custom-archive-list .elementor-pagination .current {
  color: var(--main-color);
}

/* 8. 響應式微調 */
@media (max-width: 768px) {
  .custom-archive-list {
    padding: 30px 10px;
  }
  .custom-archive-list .elementor-widget-theme-archive-title .elementor-heading-title {
    font-size: 24px;
  }
  .custom-archive-list .elementor-widget-text-editor p {
    font-size: 15px;
    margin-bottom: 32px;
  }
  .custom-archive-list .elementor-post__text {
    padding: 16px;
  }
  .custom-archive-list .elementor-post__title a {
    font-size: 16px;
  }
  .custom-archive-list .elementor-post__excerpt p {
    -webkit-line-clamp: 2;
  }
  .custom-archive-list .elementor-post__read-more {
    font-size: 14px;
    padding: 10px 0;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-215f59e *//*=======================================
  側邊欄整體設定
=======================================*/
.custom-sidebar {
  --main-color: #c7342a;
  --text: #333;
  --subtext: #666;
  font-family: "Noto Sans TC", sans-serif;
}

/*=======================================
  1. 搜尋框
=======================================*/
.custom-sidebar .e-search-form {
  position: relative;
  margin-bottom: 32px;
}
.custom-sidebar .e-search-input {
  width: 100%;
  padding: 10px 100px 10px 14px;
  border: 2px solid var(--main-color);
  border-radius: 4px;
  font-size: 14px;
  color: var(--text);
  background: #fff;
}
.custom-sidebar .e-search-input::placeholder {
  color: var(--subtext);
}
.custom-sidebar .e-search-submit {
  position: absolute;
  right: 0; top: 0; bottom: 0;
  padding: 0 20px;
  background: var(--main-color);
  color: #fff;
  border: none;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  font-size: 14px;
}

/*=======================================
  2. 區塊標題 (最新文章 / 相關文章)
=======================================*/
.custom-sidebar .elementor-widget-heading .elementor-heading-title {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
  padding-left: 12px;
  color: var(--main-color);
}
.custom-sidebar .elementor-widget-heading .elementor-heading-title::before {
  content: "";
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  width: 4px; height: 20px;
  background: var(--main-color);
}

/*=======================================
  3. 文章列表 → 卡片風格
=======================================*/
.custom-sidebar .elementor-posts-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* 單篇文章卡片 */
.custom-sidebar .elementor-post {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  margin: 0;
  transition: none !important;
  display: block;
}

/* Featured Image + 紅色底條 */
.custom-sidebar .elementor-post__thumbnail {
  position: relative;
}
.custom-sidebar .elementor-post__thumbnail img {
  display: block;
  width: 100%;
  height: auto;
}
.custom-sidebar .elementor-post__thumbnail::after {
  content: "";
  display: block;
  height: 6px;
  background: var(--main-color);
}

/* 文章內容區 */
.custom-sidebar .elementor-post__text {
  padding: 24px;
  color: var(--text);
  line-height: 1.6;
}

/* 標題 */
.custom-sidebar .elementor-post__title {
  margin: 0 0 12px;
}
.custom-sidebar .elementor-post__title a {
  font-size: 20px;
  font-weight: 700;
  color: #222;
  text-decoration: none;
}
.custom-sidebar .elementor-post__title a:hover {
  color: var(--main-color);
}

/* 日期 */
.custom-sidebar .elementor-post__meta-data {
  font-size: 14px;
  color: var(--subtext);
  margin-bottom: 16px;
}
.custom-sidebar .elementor-post__meta-data span {
  display: inline-block;
  margin-right: 16px;
  white-space: nowrap;
}

/* 摘要 */
.custom-sidebar .elementor-post__excerpt {
  font-size: 15px;
  color: var(--subtext);
  margin: 0 0 24px;
}

/* 閱讀更多 按鈕 */
.custom-sidebar .elementor-post__read-more {
  display: block;
  width: 100%;
  padding: 10px 0;
  background: var(--main-color);
  color: #fff !important;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.custom-sidebar .elementor-post__read-more:hover {
  opacity: 0.9;
}

/*=======================================
  4. 響應式 (手機可再微調)
=======================================*/
@media (max-width: 768px) {
  .custom-sidebar .e-search-input {
    padding-right: 60px;
  }
  .custom-sidebar .elementor-post__text {
    padding: 16px;
  }
  .custom-sidebar .elementor-post__title a {
    font-size: 18px;
  }
}/* End custom CSS */