.elementor-62 .elementor-element.elementor-element-23f960a{--display:flex;}.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-62 .elementor-element.elementor-element-a430092{text-align:center;}.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-62 .elementor-element.elementor-element-5973571{color:#FFFFFF;}.elementor-62 .elementor-element.elementor-element-2ff7c44{color:#FFFFFF;}/* Start custom CSS for shortcode, class: .elementor-element-e1aad2a *//* ============================================
   Categories Images [z_taxonomy_list] 正確樣式
   使用真實 class 名稱：zci-taxonomy-list / zci-item / zci-link / zci-image / zci-img / zci-term-name
   貼到：短代碼區塊 > 左上角齒輪 > 進階 > 自訂 CSS
   ============================================ */

/* 每個分類項目：設為相對定位，讓文字可以疊加在圖片上 */
.elementor-62 .elementor-element.elementor-element-e1aad2a .zci-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

/* 分類連結：填滿整個項目 */
.elementor-62 .elementor-element.elementor-element-e1aad2a .zci-link {
    display: block;
    position: relative;
}

/* 圖片外層 span：填滿容器 */
.elementor-62 .elementor-element.elementor-element-e1aad2a .zci-image {
    display: block;
    position: relative;
}

/* 分類圖片：固定比例、裁切填滿 */
.elementor-62 .elementor-element.elementor-element-e1aad2a .zci-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

/* 滑鼠移上去圖片微放大效果（可省略） */
.elementor-62 .elementor-element.elementor-element-e1aad2a .zci-item:hover .zci-img {
    transform: scale(1.05);
}

/* 加一層由下往上的漸層黑色遮罩，讓白字更清楚 */
.elementor-62 .elementor-element.elementor-element-e1aad2a .zci-item::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    background: linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0));
    pointer-events: none;
}

/* 分類名稱文字：改成疊在圖片底部、白色 */
.elementor-62 .elementor-element.elementor-element-e1aad2a .zci-term-name {
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 12px;
    z-index: 2;
    margin-top: 0 !important;
    color: #ffffff !important;
    text-align: center;
    font-size: 18px;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}

/* 格狀排版間距微調 */
.elementor-62 .elementor-element.elementor-element-e1aad2a .zci-taxonomy-list.zci-grid {
    gap: 16px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7318e5a *//* ============================================
   Categories Images [z_taxonomy_list] 正確樣式
   使用真實 class 名稱：zci-taxonomy-list / zci-item / zci-link / zci-image / zci-img / zci-term-name
   貼到：短代碼區塊 > 左上角齒輪 > 進階 > 自訂 CSS
   ============================================ */

/* 每個分類項目：設為相對定位，讓文字可以疊加在圖片上 */
.elementor-62 .elementor-element.elementor-element-7318e5a .zci-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

/* 分類連結：填滿整個項目 */
.elementor-62 .elementor-element.elementor-element-7318e5a .zci-link {
    display: block;
    position: relative;
}

/* 圖片外層 span：填滿容器 */
.elementor-62 .elementor-element.elementor-element-7318e5a .zci-image {
    display: block;
    position: relative;
}

/* 分類圖片：固定比例、裁切填滿 */
.elementor-62 .elementor-element.elementor-element-7318e5a .zci-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

/* 滑鼠移上去圖片微放大效果（可省略） */
.elementor-62 .elementor-element.elementor-element-7318e5a .zci-item:hover .zci-img {
    transform: scale(1.05);
}

/* 加一層由下往上的漸層黑色遮罩，讓白字更清楚 */
.elementor-62 .elementor-element.elementor-element-7318e5a .zci-item::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    background: linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0));
    pointer-events: none;
}

/* 分類名稱文字：改成疊在圖片底部、白色 */
.elementor-62 .elementor-element.elementor-element-7318e5a .zci-term-name {
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 12px;
    z-index: 2;
    margin-top: 0 !important;
    color: #ffffff !important;
    text-align: center;
    font-size: 18px;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}

/* 格狀排版間距微調 */
.elementor-62 .elementor-element.elementor-element-7318e5a .zci-taxonomy-list.zci-grid {
    gap: 16px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1a97c66 *//* ============================================
   Categories Images [z_taxonomy_list] 正確樣式
   使用真實 class 名稱：zci-taxonomy-list / zci-item / zci-link / zci-image / zci-img / zci-term-name
   貼到：短代碼區塊 > 左上角齒輪 > 進階 > 自訂 CSS
   ============================================ */

/* 每個分類項目：設為相對定位，讓文字可以疊加在圖片上 */
.elementor-62 .elementor-element.elementor-element-1a97c66 .zci-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

/* 分類連結：填滿整個項目 */
.elementor-62 .elementor-element.elementor-element-1a97c66 .zci-link {
    display: block;
    position: relative;
}

/* 圖片外層 span：填滿容器 */
.elementor-62 .elementor-element.elementor-element-1a97c66 .zci-image {
    display: block;
    position: relative;
}

/* 分類圖片：固定比例、裁切填滿 */
.elementor-62 .elementor-element.elementor-element-1a97c66 .zci-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

/* 滑鼠移上去圖片微放大效果（可省略） */
.elementor-62 .elementor-element.elementor-element-1a97c66 .zci-item:hover .zci-img {
    transform: scale(1.05);
}

/* 加一層由下往上的漸層黑色遮罩，讓白字更清楚 */
.elementor-62 .elementor-element.elementor-element-1a97c66 .zci-item::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    background: linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0));
    pointer-events: none;
}

/* 分類名稱文字：改成疊在圖片底部、白色 */
.elementor-62 .elementor-element.elementor-element-1a97c66 .zci-term-name {
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 12px;
    z-index: 2;
    margin-top: 0 !important;
    color: #ffffff !important;
    text-align: center;
    font-size: 18px;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}

/* 格狀排版間距微調 */
.elementor-62 .elementor-element.elementor-element-1a97c66 .zci-taxonomy-list.zci-grid {
    gap: 16px;
}/* End custom CSS */