.elementor-1276 .elementor-element.elementor-element-0f3f89b{--display:flex;--min-height:460px;--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-1276 .elementor-element.elementor-element-54bf75e{--display:flex;--overlay-opacity:0;}.elementor-1276 .elementor-element.elementor-element-54bf75e:not(.elementor-motion-effects-element-type-background), .elementor-1276 .elementor-element.elementor-element-54bf75e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://surgeonkai.com/wp-content/uploads/2026/04/case_banner_img1.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-1276 .elementor-element.elementor-element-54bf75e::before, .elementor-1276 .elementor-element.elementor-element-54bf75e > .elementor-background-video-container::before, .elementor-1276 .elementor-element.elementor-element-54bf75e > .e-con-inner > .elementor-background-video-container::before, .elementor-1276 .elementor-element.elementor-element-54bf75e > .elementor-background-slideshow::before, .elementor-1276 .elementor-element.elementor-element-54bf75e > .e-con-inner > .elementor-background-slideshow::before, .elementor-1276 .elementor-element.elementor-element-54bf75e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #D3DCE300 0%, #D3DCE3 100%);}.elementor-1276 .elementor-element.elementor-element-d0c2fb1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--padding-top:0px;--padding-bottom:60px;--padding-left:72px;--padding-right:0px;}.elementor-1276 .elementor-element.elementor-element-d0c2fb1:not(.elementor-motion-effects-element-type-background), .elementor-1276 .elementor-element.elementor-element-d0c2fb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #D3DCE3 0%, #D9E0EA 60%);}.elementor-1276 .elementor-element.elementor-element-2d86695{--display:flex;--gap:7px 0px;--row-gap:7px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-1276 .elementor-element.elementor-element-ce6a68e .elementor-heading-title{font-family:var( --e-global-typography-ec90ec9-font-family ), Sans-serif;font-size:var( --e-global-typography-ec90ec9-font-size );line-height:var( --e-global-typography-ec90ec9-line-height );letter-spacing:var( --e-global-typography-ec90ec9-letter-spacing );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );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-1276 .elementor-element.elementor-element-068a7bb{font-family:var( --e-global-typography-a494095-font-family ), Sans-serif;font-size:var( --e-global-typography-a494095-font-size );font-weight:var( --e-global-typography-a494095-font-weight );line-height:var( --e-global-typography-a494095-line-height );letter-spacing:var( --e-global-typography-a494095-letter-spacing );color:var( --e-global-color-secondary );}.elementor-1276 .elementor-element.elementor-element-09d121d{--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:80px 0px;--row-gap:80px;--column-gap:0px;--padding-top:80px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-1276 .elementor-element.elementor-element-ffbf38c.elementor-element{--align-self:center;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-1276 .elementor-element.elementor-element-6b3734c{--grid-columns:3;--grid-row-gap:30px;--grid-column-gap:20px;}.elementor-1276 .elementor-element.elementor-element-6b3734c .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1276 .elementor-element.elementor-element-6b3734c .e-loop-item > .elementor-section, .elementor-1276 .elementor-element.elementor-element-6b3734c .e-loop-item > .elementor-section > .elementor-container, .elementor-1276 .elementor-element.elementor-element-6b3734c .e-loop-item > .e-con, .elementor-1276 .elementor-element.elementor-element-6b3734c .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1276 .elementor-element.elementor-element-6b3734c .elementor-pagination{text-align:center;font-family:var( --e-global-typography-830eca5-font-family ), Sans-serif;font-size:var( --e-global-typography-830eca5-font-size );font-weight:var( --e-global-typography-830eca5-font-weight );line-height:var( --e-global-typography-830eca5-line-height );letter-spacing:var( --e-global-typography-830eca5-letter-spacing );margin-top:60px;}.elementor-1276 .elementor-element.elementor-element-6b3734c .elementor-pagination .page-numbers:not(.dots){color:#263760;}body:not(.rtl) .elementor-1276 .elementor-element.elementor-element-6b3734c .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 12px/2 );}body:not(.rtl) .elementor-1276 .elementor-element.elementor-element-6b3734c .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 12px/2 );}body.rtl .elementor-1276 .elementor-element.elementor-element-6b3734c .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 12px/2 );}body.rtl .elementor-1276 .elementor-element.elementor-element-6b3734c .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 12px/2 );}@media(min-width:768px){.elementor-1276 .elementor-element.elementor-element-54bf75e{--width:100%;}.elementor-1276 .elementor-element.elementor-element-d0c2fb1{--width:100%;}}@media(max-width:1200px) and (min-width:768px){.elementor-1276 .elementor-element.elementor-element-54bf75e{--width:50%;}.elementor-1276 .elementor-element.elementor-element-d0c2fb1{--width:50%;}}@media(max-width:1200px){.elementor-1276 .elementor-element.elementor-element-0f3f89b{--min-height:300px;}.elementor-1276 .elementor-element.elementor-element-54bf75e{--overlay-opacity:0;}.elementor-1276 .elementor-element.elementor-element-54bf75e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1276 .elementor-element.elementor-element-d0c2fb1{--padding-top:0px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1276 .elementor-element.elementor-element-d0c2fb1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1276 .elementor-element.elementor-element-2d86695{--gap:9px 0px;--row-gap:9px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1276 .elementor-element.elementor-element-ce6a68e .elementor-heading-title{font-size:var( --e-global-typography-ec90ec9-font-size );line-height:var( --e-global-typography-ec90ec9-line-height );letter-spacing:var( --e-global-typography-ec90ec9-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1276 .elementor-element.elementor-element-068a7bb{font-size:var( --e-global-typography-a494095-font-size );line-height:var( --e-global-typography-a494095-line-height );letter-spacing:var( --e-global-typography-a494095-letter-spacing );}.elementor-1276 .elementor-element.elementor-element-09d121d{--gap:40px 0px;--row-gap:40px;--column-gap:0px;--padding-top:60px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-1276 .elementor-element.elementor-element-6b3734c{--grid-columns:3;--grid-row-gap:24px;}.elementor-1276 .elementor-element.elementor-element-6b3734c .elementor-pagination{font-size:var( --e-global-typography-830eca5-font-size );line-height:var( --e-global-typography-830eca5-line-height );letter-spacing:var( --e-global-typography-830eca5-letter-spacing );}}@media(max-width:767px){.elementor-1276 .elementor-element.elementor-element-54bf75e{--min-height:240px;--overlay-opacity:1;}.elementor-1276 .elementor-element.elementor-element-54bf75e::before, .elementor-1276 .elementor-element.elementor-element-54bf75e > .elementor-background-video-container::before, .elementor-1276 .elementor-element.elementor-element-54bf75e > .e-con-inner > .elementor-background-video-container::before, .elementor-1276 .elementor-element.elementor-element-54bf75e > .elementor-background-slideshow::before, .elementor-1276 .elementor-element.elementor-element-54bf75e > .e-con-inner > .elementor-background-slideshow::before, .elementor-1276 .elementor-element.elementor-element-54bf75e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;background-image:linear-gradient(180deg, #D3DCE300 75%, #D3DCE3 100%);}.elementor-1276 .elementor-element.elementor-element-d0c2fb1{--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1276 .elementor-element.elementor-element-2d86695{--gap:9px 0px;--row-gap:9px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1276 .elementor-element.elementor-element-ce6a68e .elementor-heading-title{font-size:var( --e-global-typography-ec90ec9-font-size );line-height:var( --e-global-typography-ec90ec9-line-height );letter-spacing:var( --e-global-typography-ec90ec9-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1276 .elementor-element.elementor-element-068a7bb{font-size:var( --e-global-typography-a494095-font-size );line-height:var( --e-global-typography-a494095-line-height );letter-spacing:var( --e-global-typography-a494095-letter-spacing );}.elementor-1276 .elementor-element.elementor-element-09d121d{--padding-top:40px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-1276 .elementor-element.elementor-element-6b3734c{--grid-columns:1;}.elementor-1276 .elementor-element.elementor-element-6b3734c .elementor-pagination{font-size:var( --e-global-typography-830eca5-font-size );line-height:var( --e-global-typography-830eca5-line-height );letter-spacing:var( --e-global-typography-830eca5-letter-spacing );}}/* Start custom CSS */.cases-tabs{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    gap: 12px;
}

.cases-tab{
    font-family: 'GenSenMaruGothic';
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    color: #3C4C7F;
    letter-spacing: 1.5px;
    padding: 19px 20px 16px;
    background: #D9E0EA;
    border-radius: 10px;
    border: 2px solid #B0BAD9;
    transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}

.cases-tab:hover {
    background: #3C4C7F;
    color: #fff;
    border-color: #3C4C7F;
}

.cases-tab.active {
    background: #3C4C7F;
    color: #fff;
    border-color: #3C4C7F;
}

/* =========================
   平板、手機版：橫向滑動 + tab 本體透明淡出
========================= */

@media (max-width: 1199px) {
    .cases-tabs-wrapper {
        position: relative;
        overflow: hidden;
        margin: 0;
    }

    .cases-tabs {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 10px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        padding: 0;
        scrollbar-width: none;
    }

    .cases-tabs::-webkit-scrollbar {
        display: none;
    }

    .cases-tab {
        flex: 0 0 auto;
        padding: 14px 16px 12px;
        font-size: 16px;
    }

    /* 只在右邊淡出 */
    .cases-tabs.has-right-mask {
        -webkit-mask-image: linear-gradient(
            to right,
            rgba(0, 0, 0, 1) 0%,
            rgba(0, 0, 0, 1) calc(100% - 42px),
            rgba(0, 0, 0, 0) 100%
        );
        mask-image: linear-gradient(
            to right,
            rgba(0, 0, 0, 1) 0%,
            rgba(0, 0, 0, 1) calc(100% - 42px),
            rgba(0, 0, 0, 0) 100%
        );
    }

    /* 只在左邊淡出 */
    .cases-tabs.has-left-mask {
        -webkit-mask-image: linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 42px,
            rgba(0, 0, 0, 1) 100%
        );
        mask-image: linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 42px,
            rgba(0, 0, 0, 1) 100%
        );
    }

    /* 左右都淡出 */
    .cases-tabs.has-left-mask.has-right-mask {
        -webkit-mask-image: linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 42px,
            rgba(0, 0, 0, 1) calc(100% - 42px),
            rgba(0, 0, 0, 0) 100%
        );
        mask-image: linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 42px,
            rgba(0, 0, 0, 1) calc(100% - 42px),
            rgba(0, 0, 0, 0) 100%
        );
    }
}

@media (max-width: 767px) {
    .cases-tabs {
        gap: 8px;
    }
    
    .cases-tab {
        flex: 0 0 auto;
        padding: 10px 12px 8px;
        font-size: 14px;
        letter-spacing: 1px;
    }
}

/*分頁樣式*/ 
#blogs-post .elementor-pagination{
    display: flex;
    justify-content: center;
}

#blogs-post .current{
    background-color: #263760;
    border-radius: 5px;
    color:#fff;
    border-color: #263760;
}

#blogs-post .page-numbers{
    display: flex;
    width: 24px;
    height: 22px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

#blogs-post .dots{
    display: flex;
    width: 24px;
    height: 22px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    transition-duration: .3s;
}

#blogs-post .page-numbers:hover{
    background-color: #263760;
    border-color: #263760;
    color:#fff;
}

#blogs-post .current{
    color: #fff;
    border-color: #263760;
    background-color: #263760;
}/* End custom CSS */