.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), 微軟正黑體,Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), 微軟正黑體,Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), 微軟正黑體,Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-73563 .elementor-element.elementor-element-b19ab22 .elementor-repeater-item-05e69dd .swiper-slide-bg{background-color:#833ca3;}.elementor-73563 .elementor-element.elementor-element-b19ab22 .elementor-repeater-item-a768ea2 .swiper-slide-bg{background-color:#4054b2;}.elementor-73563 .elementor-element.elementor-element-b19ab22 .elementor-repeater-item-8f37225 .swiper-slide-bg{background-color:#1abc9c;}.elementor-73563 .elementor-element.elementor-element-b19ab22 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-73563 .elementor-element.elementor-element-b19ab22 .swiper-slide-contents{max-width:66%;}.elementor-73563 .elementor-element.elementor-element-b19ab22 .swiper-slide-inner{text-align:center;}.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-73563 .elementor-element.elementor-element-a64f2a0 .elementor-heading-title{color:#000000;}.elementor-73563 .elementor-element.elementor-element-17e8945 > .elementor-container{max-width:1400px;}.elementor-73563 .elementor-element.elementor-element-17e8945{margin-top:30px;margin-bottom:30px;}/* Start custom CSS for html, class: .elementor-element-2ca43d9 */<style>
/* =========================================
   Media-Grid 輪播專用樣式 (置中 + 滑動)
   ========================================= */

/* 1. 外層容器：Flex 排列，讓按鈕跟列表並排 */
.custom-media-grid {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    align-items: center; /* 垂直置中 */
    justify-content: center; /* 水平置中 */
    gap: 10px; /* 按鈕跟列表的距離 */
    position: relative;
}

/* 2. 視窗 (Viewport)：負責「遮住」溢出的內容 */
.media-viewport {
    width: 100%;
    overflow: hidden; /* 關鍵！隱藏第 5, 6 個 */
    border-radius: 10px;
}

/* 3. 列表 (長條圖)：所有連結排成一列 */
.media-list {
    display: flex;
    flex-wrap: nowrap; /* 絕對不換行 */
    gap: 0; /* 用 padding 控制間距比較準 */
    list-style: none;
    margin: 0;
    padding: 0;
    transition: transform 0.5s ease; /* 滑動動畫 */
}

/* 4. 單個項目：設定寬度 (一次顯示 4 個 = 25%) */
.media-item {
    /* flex-basis: 25% 代表佔 1/4 寬度 */
    /* 減去 padding 確保不會掉下去 */
    flex: 0 0 25%; 
    max-width: 25%;
    padding: 0 10px; /* 項目之間的間距 (左右各10px) */
    box-sizing: border-box;
}

/* 圖片設定 */
.media-item img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

/* 連結設定 (包含焦點黃框) */
.media-item a {
    display: block;
    position: relative;
    border-radius: 10px;
    text-decoration: none;
}
.media-item a:focus-visible { outline: none !important; }
.media-item a:focus-visible::after {
    content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    border: 4px solid #ffeb3b !important;
    outline-offset: -3px !important;
    background-color: transparent !important;
    pointer-events: none; z-index: 9999; border-radius: 10px;
}

/* 5. 左右箭頭按鈕設定 */
.media-nav-btn {
    background: rgba(0,0,0,0.6); /* 半透明黑底 */
    color: #fff;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%; /* 圓形 */
    cursor: pointer;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    flex-shrink: 0; /* 確保按鈕不會被壓扁 */
    z-index: 10;
}
.media-nav-btn:hover {
    background: #000;
    transform: scale(1.1);
}
/* 箭頭焦點樣式 (無障礙) */
.media-nav-btn:focus-visible {
    outline: 3px solid #ffeb3b !important;
    outline-offset: 2px;
    background: #000 !important;
    color: #ffeb3b !important;
}
/* 如果沒有更多內容，隱藏按鈕 (由 JS 控制) */
.media-nav-btn.hidden {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
}

/* --- RWD 響應式設定 --- */
/* 平板 (顯示 3 個) */
@media (max-width: 992px) {
    .media-item { flex: 0 0 33.333%; max-width: 33.333%; }
}
/* 手機 (顯示 2 個) */
@media (max-width: 600px) {
    .media-item { flex: 0 0 50%; max-width: 50%; }
}
</style>/* End custom CSS */