.elementor-82216 .elementor-element.elementor-element-e6de085{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--padding-top:2%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-82216 .elementor-element.elementor-element-2d9d144{--divider-border-style:solid;--divider-color:#606060;--divider-border-width:1px;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-82216 .elementor-element.elementor-element-2d9d144 .elementor-divider-separator{width:100%;}.elementor-82216 .elementor-element.elementor-element-2d9d144 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-82216 .elementor-element.elementor-element-a762322{--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-image .widget-image-caption{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-82216 .elementor-element.elementor-element-6ab4d06 img{width:100%;max-width:100%;}.elementor-82216 .elementor-element.elementor-element-3fb02ba{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-82216 .elementor-element.elementor-element-281bfe7{--display:flex;}.elementor-82216 .elementor-element.elementor-element-3f56d76 img{width:80%;max-width:100%;}.elementor-82216 .elementor-element.elementor-element-b6ebbae{--display:flex;}.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-82216 .elementor-element.elementor-element-7bae16e{font-family:"Noto Sans TC", Sans-serif;font-size:20px;font-weight:400;line-height:1.8em;color:#606060;}.elementor-82216 .elementor-element.elementor-element-b93aaab{font-family:"Noto Sans TC", Sans-serif;font-size:20px;font-weight:400;line-height:1.8em;color:#606060;}.elementor-82216 .elementor-element.elementor-element-41798fc{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:40px 40px 40px 40px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-82216 .elementor-element.elementor-element-41798fc:not(.elementor-motion-effects-element-type-background), .elementor-82216 .elementor-element.elementor-element-41798fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00A6E9;}.elementor-82216 .elementor-element.elementor-element-deeec28{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Noto Sans TC", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-82216 .elementor-element.elementor-element-6dd0e1a{--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-82216 .elementor-element.elementor-element-3300bfd{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-82216 .elementor-element.elementor-element-422b520{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-82216 .elementor-element.elementor-element-10964b2{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:40px 40px 40px 40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-82216 .elementor-element.elementor-element-10964b2:not(.elementor-motion-effects-element-type-background), .elementor-82216 .elementor-element.elementor-element-10964b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00A6E9;}.elementor-82216 .elementor-element.elementor-element-a35c7f4{margin:-3px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 2px 0px;font-family:"Noto Sans TC", Sans-serif;font-size:38px;font-weight:500;color:#FFFFFF;}.elementor-82216 .elementor-element.elementor-element-42f3a14{font-family:"Noto Sans TC", Sans-serif;font-size:20px;font-weight:400;line-height:1.8em;color:#606060;}.elementor-82216 .elementor-element.elementor-element-30d5d7a{--e-image-carousel-slides-to-show:4;}@media(max-width:1024px){.elementor-82216 .elementor-element.elementor-element-3fb02ba{--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;}}@media(max-width:767px){.elementor-82216 .elementor-element.elementor-element-3fb02ba{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-82216 .elementor-element.elementor-element-3f56d76 img{width:51%;}}@media(min-width:768px){.elementor-82216 .elementor-element.elementor-element-e6de085{--content-width:1400px;}.elementor-82216 .elementor-element.elementor-element-a762322{--content-width:1400px;}.elementor-82216 .elementor-element.elementor-element-3fb02ba{--content-width:1200px;}.elementor-82216 .elementor-element.elementor-element-281bfe7{--width:30%;}.elementor-82216 .elementor-element.elementor-element-b6ebbae{--width:70%;}.elementor-82216 .elementor-element.elementor-element-41798fc{--width:50%;}.elementor-82216 .elementor-element.elementor-element-3300bfd{--content-width:1200px;}.elementor-82216 .elementor-element.elementor-element-10964b2{--width:21%;}}@media(max-width:1024px) and (min-width:768px){.elementor-82216 .elementor-element.elementor-element-41798fc{--width:100%;}.elementor-82216 .elementor-element.elementor-element-10964b2{--width:30%;}}/* Start custom CSS for html, class: .elementor-element-8ee4dcf *//* 時間軸整體容器 */
.company-timeline {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
    font-family: sans-serif;
    overflow: hidden; /* 避免動畫進場時產生水平捲軸 */
}

/* 每一行的 Flex 佈局 */
.timeline-row {
    display: flex;
    align-items: flex-start; /* 讓內容對齊頂部 */
    margin-bottom: 0;        /* 移除外距，靠線條與內距來控制間距 */
}

/* === ⚡ 核心動態：設定文字與年份初始隱藏狀態（線條不隱藏，避免斷裂） === */
.timeline-year,
.timeline-content {
    opacity: 0;
    will-change: transform, opacity;
}

/* 左側年份（原本 48px ➡️ 加大至 53px） */
.timeline-year {
    width: 160px;            /* 稍微拓寬避免大字體爆行 */
    font-size: 53px;         
    font-weight: bold;
    color: #e14d3a;          /* 圖片中的紅色 */
    text-align: right;
    padding-right: 30px;
    box-sizing: border-box;
    line-height: 1.2;
    
    transform: translateX(-20px);
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.8s ease;
}

/* 右側內文區塊 */
.timeline-content {
    flex: 1;
    padding-left: 30px;
    padding-bottom: 60px;    /* 透過下內距來撐開行與行之間的距離 */
    box-sizing: border-box;
    
    transform: translateX(20px);
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.8s ease;
}

/* === ⚡ 當 JS 觸發監聽，加上 .show 類別後的文字進場狀態 === */
.timeline-row.show .timeline-year,
.timeline-row.show .timeline-content {
    opacity: 1;
    transform: translateX(0);
}

/* 中間軸線與點的容器 */
.timeline-center {
    width: 40px;
    position: relative;
    display: flex;
    justify-content: center;
    /* 這裡利用 align-self: stretch 讓容器高度跟著整行內容長高 */
    align-self: stretch; 
    flex-shrink: 0;
}

/* 經典紅點 */
.timeline-center .dot {
    width: 18px;
    height: 18px;
    background-color: #e14d3a;
    border-radius: 50%;
    position: relative;
    top: 16px;               /* 配合加大的字體，調整點點上下位置 */
    z-index: 2;
}

/* 垂直線條：利用偽元素動態向下延伸 */
.timeline-center::after {
    content: "";
    position: absolute;
    top: 16px;               /* 從第一個點的中心點開始向下 */
    bottom: -65px;           /* ⚡【核心修正】加長往下戳的長度，徹底解決點線斷開、空格的問題 */
    width: 4px;              /* 線條寬度 */
    background-color: #e14d3a;
    z-index: 1;
}

/* === ⚡ 核心優化：雙重保險！徹底隱藏最後一行的向下延伸線，下方絕不出線 ⚡ === */
.company-timeline .timeline-row:last-child .timeline-center::after,
.company-timeline .timeline-row.is-last-row .timeline-center::after {
    display: none !important;
    height: 0 !important;
}

/* 內容標題（原本 28px ➡️ 加大至 33px） */
.timeline-content h3 {
    font-size: 33px;         
    color: #333;
    margin: 0 0 12px 0;      /* 修正原本預設的 margin */
    line-height: 1.2;
}

/* 內容文字（原本 16px ➡️ 加大至 21px） */
.timeline-content p {
    font-size: 21px;         
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* === 📱 響應式：手機版完美微調（沿用原版結構，絕不跑版壓字） === */
@media (max-width: 768px) {
    .timeline-row {
        flex-direction: column;
        padding-left: 25px;    /* ⚡ 減少整行左邊留白，讓線條更靠左 */
        position: relative;
    }
    
    .timeline-year {
        width: 100%;
        text-align: left;
        padding-right: 0;
        font-size: 29px;       /* ⚡ 手機版年份縮小 */
        margin-bottom: 6px;
        transform: translateY(-10px);
    }
    
    /* 讓線條與點點靠左絕對定位 */
    .timeline-center {
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;           /* ⚡ 縮小線條容器寬度，讓它更貼近最左邊 */
        height: 100%;
    }
    
    .timeline-center .dot {
        width: 14px;           /* ⚡ 手機版點點同步稍微縮小 *//* End custom CSS */
/* Start custom CSS */.woocommerce-breadcrumb a:first-child {
    font-size:0;
}

.woocommerce-breadcrumb a:first-child::before {
    content:"\f015";
   font-family:"Font Awesome 5 Free";
    font-weight:900;
    font-size:16px;
}/* End custom CSS */