.elementor-2 .elementor-element.elementor-element-08e5434:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-08e5434 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo7.ninegrid.com.tw/wp-content/uploads/2026/09/About.webp");background-position:center center;background-size:cover;}.elementor-2 .elementor-element.elementor-element-08e5434 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF00 0%, var( --e-global-color-df85d86 ) 100%);opacity:0.66;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2 .elementor-element.elementor-element-08e5434 > .elementor-container{min-height:280px;}.elementor-2 .elementor-element.elementor-element-08e5434{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.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-2 .elementor-element.elementor-element-fe0fa0d .elementor-heading-title{color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-9d8ec5c{box-shadow:0px 0px 10px 0px rgba(164.89999999999998, 164.89999999999998, 164.89999999999998, 0.5);}.elementor-2 .elementor-element.elementor-element-f34edbb .pp-breadcrumbs{margin-left:-0px;}.elementor-2 .elementor-element.elementor-element-f34edbb .pp-breadcrumbs.pp-breadcrumbs-powerpack > li{margin-left:0px;}.elementor-2 .elementor-element.elementor-element-f34edbb .pp-breadcrumbs:not(.pp-breadcrumbs-powerpack) a, .elementor-2 .elementor-element.elementor-element-f34edbb .pp-breadcrumbs:not(.pp-breadcrumbs-powerpack) span:not(.separator){margin-left:0px;margin-right:0px;}.elementor-2 .elementor-element.elementor-element-f34edbb .pp-breadcrumbs-crumb, .elementor-2 .elementor-element.elementor-element-f34edbb .pp-breadcrumbs:not(.pp-breadcrumbs-powerpack) a, .elementor-2 .elementor-element.elementor-element-f34edbb .pp-breadcrumbs:not(.pp-breadcrumbs-powerpack) span:not(.separator){color:#2E2E2E;font-family:"Noto Sans TC", Sans-serif;font-size:13px;font-weight:400;}.elementor-2 .elementor-element.elementor-element-f34edbb .pp-breadcrumbs-crumb .pp-icon svg{fill:#2E2E2E;}.elementor-2 .elementor-element.elementor-element-ecf7d9d{margin-top:60px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-2 .elementor-element.elementor-element-8e58889 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:12px;}.elementor-2 .elementor-element.elementor-element-8e58889 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:5% 5% 5% 5%;}.elementor-2 .elementor-element.elementor-element-8e58889 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2 .elementor-element.elementor-element-6533aef{text-align:start;}.elementor-2 .elementor-element.elementor-element-6533aef .elementor-heading-title{font-family:"Noto Sans TC", Sans-serif;font-size:36px;font-weight:bold;line-height:1.4em;color:#13274F;}.elementor-2 .elementor-element.elementor-element-e14438a{text-align:start;}.elementor-2 .elementor-element.elementor-element-e14438a .elementor-heading-title{font-family:"Actor", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;line-height:1.5em;letter-spacing:0.4px;color:#7AA6E6;}.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-2 .elementor-element.elementor-element-1d21714{--divider-border-style:solid;--divider-color:#3D74D5;--divider-border-width:3px;}.elementor-2 .elementor-element.elementor-element-1d21714 .elementor-divider-separator{width:100px;margin:0 auto;margin-left:0;}.elementor-2 .elementor-element.elementor-element-1d21714 .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.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-2 .elementor-element.elementor-element-8a2165d{text-align:justify;font-family:"Noto Sans TC", Sans-serif;font-size:18px;font-weight:400;line-height:1.7em;letter-spacing:0.2px;color:#212121;}.elementor-2 .elementor-element.elementor-element-6bf500b{text-align:justify;font-family:"Noto Sans TC", Sans-serif;font-size:18px;font-weight:400;line-height:1.7em;letter-spacing:0.2px;color:#212121;}.elementor-2 .elementor-element.elementor-element-8bdbbd7 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:8px;}.elementor-2 .elementor-element.elementor-element-8bdbbd7 > .elementor-element-populated{padding:2% 5% 2% 5%;}.elementor-2 .elementor-element.elementor-element-a4dc39c > .elementor-widget-container{border-radius:1rem 1rem 1rem 1rem;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2 .elementor-element.elementor-element-a4dc39c .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2 .elementor-element.elementor-element-29e5df4{text-align:justify;font-family:"Noto Sans TC", Sans-serif;font-size:18px;font-weight:400;line-height:1.7em;letter-spacing:0.2px;color:#212121;}.elementor-2 .elementor-element.elementor-element-88674d9{text-align:justify;font-family:"Noto Sans TC", Sans-serif;font-size:18px;font-weight:400;line-height:1.7em;letter-spacing:0.2px;color:#212121;}.elementor-2 .elementor-element.elementor-element-2605dc7:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-2605dc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECF5FD;}.elementor-2 .elementor-element.elementor-element-2605dc7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:60px;margin-bottom:0px;padding:60px 0px 30px 00px;}.elementor-2 .elementor-element.elementor-element-2605dc7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2 .elementor-element.elementor-element-7c91170 > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-2 .elementor-element.elementor-element-1cff321{text-align:center;}.elementor-2 .elementor-element.elementor-element-1cff321 .elementor-heading-title{font-family:"Noto Sans TC", Sans-serif;font-size:36px;font-weight:bold;line-height:1.4em;color:#13274F;}.elementor-2 .elementor-element.elementor-element-a2a8321{text-align:center;}.elementor-2 .elementor-element.elementor-element-a2a8321 .elementor-heading-title{font-family:"Actor", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;line-height:1.5em;letter-spacing:0.4px;color:#7AA6E6;}.elementor-2 .elementor-element.elementor-element-033dccb{--divider-border-style:solid;--divider-color:#3D74D5;--divider-border-width:3px;}.elementor-2 .elementor-element.elementor-element-033dccb .elementor-divider-separator{width:100px;margin:0 auto;margin-left:0;}.elementor-2 .elementor-element.elementor-element-033dccb .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-2 .elementor-element.elementor-element-95fedad > .elementor-widget-container{border-radius:1rem 1rem 1rem 1rem;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2 .elementor-element.elementor-element-95fedad .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2 .elementor-element.elementor-element-5cf7e7d{text-align:center;}.elementor-2 .elementor-element.elementor-element-5cf7e7d .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;line-height:1.5em;color:var( --e-global-color-3ecae7b );}.elementor-2 .elementor-element.elementor-element-481dcb5 > .elementor-widget-container{border-radius:1rem 1rem 1rem 1rem;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2 .elementor-element.elementor-element-481dcb5 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2 .elementor-element.elementor-element-f3c57df{text-align:center;}.elementor-2 .elementor-element.elementor-element-f3c57df .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;line-height:1.5em;color:var( --e-global-color-3ecae7b );}.elementor-2 .elementor-element.elementor-element-44a4050 > .elementor-widget-container{border-radius:1rem 1rem 1rem 1rem;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2 .elementor-element.elementor-element-44a4050 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2 .elementor-element.elementor-element-aa0b172{text-align:center;}.elementor-2 .elementor-element.elementor-element-aa0b172 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;line-height:1.5em;color:var( --e-global-color-3ecae7b );}.elementor-2 .elementor-element.elementor-element-aeecdb4 > .elementor-widget-container{border-radius:1rem 1rem 1rem 1rem;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2 .elementor-element.elementor-element-aeecdb4 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2 .elementor-element.elementor-element-b2303cc{text-align:center;}.elementor-2 .elementor-element.elementor-element-b2303cc .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;line-height:1.5em;color:var( --e-global-color-3ecae7b );}.elementor-2 .elementor-element.elementor-element-e71a5f7 > .elementor-widget-container{border-radius:1rem 1rem 1rem 1rem;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2 .elementor-element.elementor-element-e71a5f7 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2 .elementor-element.elementor-element-7d2a787{text-align:center;}.elementor-2 .elementor-element.elementor-element-7d2a787 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;line-height:1.5em;color:var( --e-global-color-3ecae7b );}.elementor-2 .elementor-element.elementor-element-f85dff2:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-f85dff2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-f85dff2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:60px;margin-bottom:0px;padding:60px 0px 30px 00px;}.elementor-2 .elementor-element.elementor-element-f85dff2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2 .elementor-element.elementor-element-d7fa53c > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-2 .elementor-element.elementor-element-7a9e009{text-align:center;}.elementor-2 .elementor-element.elementor-element-7a9e009 .elementor-heading-title{font-family:"Noto Sans TC", Sans-serif;font-size:36px;font-weight:bold;line-height:1.4em;color:#13274F;}.elementor-2 .elementor-element.elementor-element-aabb38b{text-align:center;}.elementor-2 .elementor-element.elementor-element-aabb38b .elementor-heading-title{font-family:"Actor", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;line-height:1.5em;letter-spacing:0.4px;color:#7AA6E6;}.elementor-2 .elementor-element.elementor-element-7573e7e{--divider-border-style:solid;--divider-color:#3D74D5;--divider-border-width:3px;}.elementor-2 .elementor-element.elementor-element-7573e7e .elementor-divider-separator{width:100px;margin:0 auto;margin-center:0;}.elementor-2 .elementor-element.elementor-element-7573e7e .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-2 .elementor-element.elementor-element-1cb5cbf .tl-heading .tl-content .be-desc .be-title{color:#333333;}.elementor-2 .elementor-element.elementor-element-1cb5cbf .be-pack .timeline-panel{--twe-panel-bg:#fff;background-color:#fff;}.elementor-2 .elementor-element.elementor-element-1cb5cbf .timeline li:not(.timeline-inverted) .timeline-panel:after{border-left-color:var(--twe-panel-bg);}.elementor-2 .elementor-element.elementor-element-1cb5cbf .timeline li.timeline-inverted .timeline-panel:after{border-right-color:var(--twe-panel-bg);}.elementor-2 .elementor-element.elementor-element-1cb5cbf .timeline.timeline-one-sided li .timeline-panel:after{border-right-color:var(--twe-panel-bg);border-left-width:0;}.elementor-2 .elementor-element.elementor-element-1cb5cbf .be-pack.timeline .timeline_pic img{border-radius:15px 15px 15px 15px;}.elementor-2 .elementor-element.elementor-element-1cb5cbf .be-pack.timeline .timeline_pic{padding:15px 15px 15px 15px;margin:15px 15px 15px 15px;}@media(max-width:1024px){.elementor-2 .elementor-element.elementor-element-6533aef{text-align:center;}.elementor-2 .elementor-element.elementor-element-e14438a{text-align:center;}.elementor-2 .elementor-element.elementor-element-1cff321{text-align:center;}.elementor-2 .elementor-element.elementor-element-a2a8321{text-align:center;}.elementor-2 .elementor-element.elementor-element-f85dff2{padding:20px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-7a9e009{text-align:center;}.elementor-2 .elementor-element.elementor-element-aabb38b{text-align:center;}}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-8e58889{width:50%;}.elementor-2 .elementor-element.elementor-element-8bdbbd7{width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2 .elementor-element.elementor-element-8e58889{width:100%;}.elementor-2 .elementor-element.elementor-element-8bdbbd7{width:100%;}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-08e5434 > .elementor-container{min-height:100px;}.elementor-2 .elementor-element.elementor-element-ecf7d9d{margin-top:20px;margin-bottom:0px;}.elementor-2 .elementor-element.elementor-element-6533aef{text-align:center;}.elementor-2 .elementor-element.elementor-element-6533aef .elementor-heading-title{font-size:20px;}.elementor-2 .elementor-element.elementor-element-e14438a{text-align:center;}.elementor-2 .elementor-element.elementor-element-e14438a .elementor-heading-title{font-size:14px;}.elementor-2 .elementor-element.elementor-element-1d21714 .elementor-divider{text-align:center;}.elementor-2 .elementor-element.elementor-element-1d21714 .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-2 .elementor-element.elementor-element-2605dc7{padding:30px 0px 30px 0px;}.elementor-2 .elementor-element.elementor-element-7c91170 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:6px;}.elementor-2 .elementor-element.elementor-element-1cff321{text-align:center;}.elementor-2 .elementor-element.elementor-element-1cff321 .elementor-heading-title{font-size:20px;}.elementor-2 .elementor-element.elementor-element-a2a8321{text-align:center;}.elementor-2 .elementor-element.elementor-element-a2a8321 .elementor-heading-title{font-size:14px;}.elementor-2 .elementor-element.elementor-element-033dccb .elementor-divider{text-align:center;}.elementor-2 .elementor-element.elementor-element-033dccb .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-2 .elementor-element.elementor-element-f85dff2{margin-top:20px;margin-bottom:0px;}.elementor-2 .elementor-element.elementor-element-7a9e009{text-align:center;}.elementor-2 .elementor-element.elementor-element-7a9e009 .elementor-heading-title{font-size:20px;}.elementor-2 .elementor-element.elementor-element-aabb38b{text-align:center;}.elementor-2 .elementor-element.elementor-element-aabb38b .elementor-heading-title{font-size:14px;}}/* Start custom CSS for be-timeline, class: .elementor-element-1cb5cbf *//* =========================================
   產協企業｜單邊公司沿革
   CSS 類別：chansieh-history
========================================= */

.chansieh-history {
    --blue: #1769c7;
    --orange: #f47721;
    --dark: #243a5a;
    --text: #4d5968;
    --line: #a8c9e8;
    --border: #dce8f2;

    width: 100%;
    padding: 10px 0;

    background: none !important;
    background-color: transparent !important;
}

/* 時間軸整體 */
.chansieh-history .timeline,
.chansieh-history .timeline.timeline-one-sided {
    position: relative;
    max-width: 1050px;
    margin: 0 auto !important;
    padding: 10px 0 !important;
}

/* 左側垂直線 */
.chansieh-history .timeline::before,
.chansieh-history .timeline.timeline-one-sided::before {
    content: "";
    position: absolute;

    top: 0;
    bottom: 0;
    left: 74px !important;

    width: 2px;
    margin: 0 !important;

    background: var(--line) !important;
}

/* 每一筆沿革 */
.chansieh-history .timeline > li,
.chansieh-history .timeline.timeline-one-sided > li {
    position: relative;

    min-height: 74px;
    margin: 0 0 18px !important;
    padding: 0 !important;

    list-style: none !important;
}

/* 清除外掛原本的浮動 */
.chansieh-history .timeline > li::before,
.chansieh-history .timeline > li::after {
    content: none !important;
    display: none !important;
}

/* 內容卡片 */
.chansieh-history .timeline > li .timeline-panel,
.chansieh-history .timeline.timeline-one-sided > li .timeline-panel,
.chansieh-history .timeline > li.timeline-inverted .timeline-panel,
.chansieh-history .timeline > li.timeline-right .timeline-panel {
    position: relative;
    float: none !important;

    width: calc(100% - 155px) !important;
    min-height: 74px;

    margin: 0 0 0 155px !important;
    padding: 18px 24px !important;

    background: #fff !important;
    border: 1px solid var(--border) !important;
    border-radius: 6px !important;

    box-shadow:
        0 5px 16px rgba(34, 67, 102, 0.09) !important;

    box-sizing: border-box;
    overflow: visible !important;
}

/* 清除外掛原本的 Flex */
.chansieh-history .tl-heading,
.chansieh-history .tl-content,
.chansieh-history .be-desc {
    display: block !important;
    width: 100% !important;
}

/* 隱藏外掛原本的小圓點 */
.chansieh-history .tl-circ {
    display: none !important;
}

/* 移除外掛原本的三角形 */
.chansieh-history .timeline-panel::after {
    display: none !important;
}

/* 年份與卡片之間的連接線 */
.chansieh-history .timeline > li .timeline-panel::before,
.chansieh-history
.timeline.timeline-one-sided
> li
.timeline-panel::before {
    content: "";
    display: block !important;
    position: absolute;

    top: 50% !important;
    left: -81px !important;
    right: auto !important;

    width: 81px;
    height: 1px;

    border: 0 !important;
    background: var(--line) !important;

    transform: translateY(-50%);
}

/* 年份圓圈 */
.chansieh-history .timeline .be-title {
    position: absolute;
    z-index: 5;

    top: 50% !important;
    left: -111px !important;
    right: auto !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 60px;
    height: 60px;
    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center;

    background: var(--blue);
    border: 5px solid #fff;
    border-radius: 50%;

    box-shadow: 0 3px 10px rgba(23, 105, 199, 0.18);

    transform: translateY(-50%);
    box-sizing: border-box;
}

/* 年份藍橘交錯 */
.chansieh-history
.timeline > li:nth-child(odd)
.be-title {
    background: var(--blue) !important;
}

.chansieh-history
.timeline > li:nth-child(even)
.be-title {
    background: var(--orange) !important;
}

/* 一般內容文字 */
.chansieh-history .be-content,
.chansieh-history .be-content p {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--text) !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.02em;
    text-align: left;
}

/* =========================================
   項目符號修正
========================================= */

.chansieh-history .be-content ul,
.chansieh-history .be-content ol {
    display: block !important;

    width: 100%;
    margin: 0 !important;
    padding: 0 0 0 1.3em !important;

    text-align: left;
    list-style-position: outside !important;
}

.chansieh-history .be-content ul {
    list-style-type: disc !important;
}

.chansieh-history .be-content ol {
    list-style-type: decimal !important;
}

/* 避免內容中的 li 被外掛當成時間軸項目 */
.chansieh-history .timeline .be-content li {
    display: list-item !important;
    position: static !important;
    float: none !important;
    clear: none !important;

    width: auto !important;
    min-height: 0 !important;

    margin: 0 0 6px !important;
    padding: 0 !important;

    color: var(--text) !important;
    font-size: 15px;
    line-height: 1.7;
    text-align: left;
}

/* 清除內容 li 被外掛加入的偽元素 */
.chansieh-history .timeline .be-content li::before,
.chansieh-history .timeline .be-content li::after {
    content: none !important;
    display: none !important;
}

/* 最後一個項目不留多餘間距 */
.chansieh-history
.timeline
.be-content
li:last-child {
    margin-bottom: 0 !important;
}

/* 如果項目裡自動產生 p */
.chansieh-history
.timeline
.be-content
li p {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 滑過效果 */
.chansieh-history .timeline-panel {
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.chansieh-history .timeline-panel:hover {
    transform: translateY(-2px);

    box-shadow:
        0 8px 22px rgba(34, 67, 102, 0.14) !important;
}


/* =========================================
   手機和平板
========================================= */

@media (max-width: 767px) {

    .chansieh-history {
        padding: 5px 0;
    }

    .chansieh-history .timeline,
    .chansieh-history .timeline.timeline-one-sided {
        width: 100%;
        padding: 5px 0 !important;
    }

    /* 手機直線位置 */
    .chansieh-history .timeline::before,
    .chansieh-history
    .timeline.timeline-one-sided::before {
        left: 28px !important;
    }

    .chansieh-history .timeline > li {
        min-height: 68px;
        margin-bottom: 14px !important;
    }

    /* 手機內容卡片 */
    .chansieh-history
    .timeline > li .timeline-panel,
    .chansieh-history
    .timeline.timeline-one-sided
    > li
    .timeline-panel,
    .chansieh-history
    .timeline > li.timeline-inverted
    .timeline-panel,
    .chansieh-history
    .timeline > li.timeline-right
    .timeline-panel {
        width: calc(100% - 72px) !important;
        min-height: 68px;

        margin-left: 72px !important;
        padding: 14px 15px !important;

        border-radius: 5px !important;
    }

    /* 手機年份與卡片連接線 */
    .chansieh-history
    .timeline > li
    .timeline-panel::before {
        top: 50% !important;
        left: -44px !important;

        width: 44px;
    }

    /* 手機年份圓圈 */
    .chansieh-history .timeline .be-title {
        top: 50% !important;
        left: -68px !important;

        width: 48px;
        height: 48px;

        font-size: 12px !important;
        border-width: 4px;

        transform: translateY(-50%);
    }

    .chansieh-history .be-content,
    .chansieh-history .be-content p,
    .chansieh-history
    .timeline
    .be-content li {
        font-size: 14px;
        line-height: 1.65;
    }

    .chansieh-history .be-content ul,
    .chansieh-history .be-content ol {
        padding-left: 1.2em !important;
    }
}/* End custom CSS */