.module-blocks-1201.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.module-blocks-1201.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.one-column #content .module-blocks-1201.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.one-column #content .module-blocks-1201.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.two-column #content .module-blocks-1201.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.two-column #content .module-blocks-1201.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.side-column .module-blocks-1201.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.side-column .module-blocks-1201.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.module-blocks-1201>.module-body>.flex-grid>*{flex-grow:1}div.module-blocks-1201.blocks-grid>.module-body>.auto-grid{--grid-min-width:300px;--auto-grow-type:auto-fit;--item-width:var(--item-fit)}.module-blocks-1201.blocks-grid>.module-body>.auto-grid{margin-inline-start:unset;margin-inline-end:unset;--fr:1fr}.module-blocks-1201.blocks-grid>.module-body>.auto-grid>.auto-grid-items{grid-auto-flow:row dense;overflow-x:initial;padding-inline-start:unset;padding-inline-end:unset}.module-blocks-1201.blocks-grid>.module-body>.auto-grid>.auto-carousel-controls{display:none}.module-blocks-1201.blocks-grid>.module-body>.auto-grid>.auto-carousel-items:after{display:none}.module-blocks-1201.blocks-grid>.module-body>.auto-grid>.auto-grid-items.is-gliding a{pointer-events:auto}.module-blocks-1201.blocks-grid>.module-body>.auto-grid>.auto-grid-items:before{--fader-status:0;display:none}.module-blocks-1201.blocks-grid>.module-body>.auto-grid>.auto-grid-items:after{--fader-status:0;display:none}div.module-blocks-1201.blocks-grid>.module-body>.auto-grid .auto-carousel-controls{--auto-carousel-controls-max-width:min(min(var(--content-max-width,100%) - var(--scroll-padding,0px)*2,var(--content-max-width,100%) - var(--content-gutter,0)*2),100% - var(--scroll-padding,0px)*2)}.module-blocks-1201 .module-body .block-item:before{display:none}.module-blocks-1201 .module-body .block-header .title{order:-1} /* =========================================================
   IntelliGienic
   Common Product Page Template
   OpenCart 3.0.5.1 + Journal 3.2.10
   ========================================================= */


/* =========================================================
   MAIN CONTAINER
   ========================================================= */

.edge-ai-development {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #111111;
}

.edge-ai-development *,
.edge-ai-development *::before,
.edge-ai-development *::after {
    box-sizing: border-box;
}


/* =========================================================
   HERO
   ========================================================= */

.edge-ai-hero {
    width: 100%;
    background: #E2F1FF;
    text-align: center;
    padding: 38px 30px 40px;
    border-bottom: 2px solid #111111;
}

.edge-ai-hero-icon {
    width: 28px;
    height: 28px;
    margin: 0 auto 8px;
    color: #173C73;
}

.edge-ai-hero-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.edge-ai-hero h1 {
    margin: 0 0 7px;
    padding: 0;
    color: #173C73;
    font-size: 26px;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: -0.3px;
}

.edge-ai-hero-subtitle {
    margin: 0 auto 13px;
    color: #006CC9;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 500;
}


/* =========================================================
   HERO PRODUCT DESCRIPTION
   ========================================================= */

.edge-ai-hero-description {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0;
    color: #6B6B6B;
    font-size: 20px;
    line-height: 1.65;
    font-weight: 400;
    text-align: center;

    /* 自動換行設定，中文、英文混排皆可正常換行 */
    overflow-wrap: break-word;
    word-break: normal;
}


/* =========================================================
   CONTENT ITEM
   ========================================================= */

.edge-ai-item {
    width: 100%;
    display: flex;
    align-items: stretch; /* 【更新】：改為 stretch 讓圖文區塊自動等高 */
    min-height: 345px;
    border-bottom: 2px solid #111111;
}


/* =========================================================
   TEXT LEFT / IMAGE RIGHT
   01 / 03 / 05 / 07
   ========================================================= */

.edge-ai-item.text-left .edge-ai-text {
    order: 1;
}

.edge-ai-item.text-left .edge-ai-image {
    order: 2;
}


/* =========================================================
   IMAGE LEFT / TEXT RIGHT
   02 / 04 / 06 / 08
   ========================================================= */

.edge-ai-item.text-right .edge-ai-text {
    order: 2;
}

.edge-ai-item.text-right .edge-ai-image {
    order: 1;
}


/* =========================================================
   TEXT AREA
   ========================================================= */

.edge-ai-text {
    width: 50%;
    min-height: 345px;
    padding: 48px 30px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    background: #EFEFEF;
    text-align: center;
}


/* =========================================================
   NUMBER
   ========================================================= */

.edge-ai-number {
    width: 100%;
    margin: 0 0 6px;
    padding: 0;
    color: #006CC9;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    text-align: center;
}


/* =========================================================
   BLUE TITLE
   ========================================================= */

.edge-ai-text h2 {
    width: 100%;
    margin: 0 0 16px;
    padding: 0;
    color: #0071CE;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: -0.2px;
    text-align: center;
}


/* =========================================================
   BODY TEXT
   ========================================================= */

.edge-ai-text p {
    width: 100%;
    max-width: 650px;
    margin: 0;
    padding: 0;
    color: #111111;
    font-size: 18px;
    line-height: 1.7;
    font-weight: 400;
    text-align: center;
    overflow-wrap: break-word;
    word-break: normal;
}


/* =========================================================
   IMAGE AREA
   ========================================================= */

.edge-ai-image {
    width: 50%;
    min-height: 345px;
    padding: 0; /* 【更新】：移除 padding 達到滿版效果 */

    display: flex;
    align-items: stretch; /* 【更新】：讓圖片框架填滿父層高度 */
    justify-content: center;

    background: #F9F9F9;
}


/* =========================================================
   IMAGE FRAME
   ========================================================= */

.edge-ai-image-inner {
    width: 100%;
    height: 100%; /* 【更新】：高度設為 100% */
    /* max-width: 500px; 【更新】：移除最大寬度限制 */
    display: flex;
    overflow: hidden;
}

.edge-ai-image-inner img {
    width: 100%;
    height: 100%; /* 【更新】：改為 100% 高度以充滿外框 */
    display: block;
    object-fit: cover; /* 【維持】：保持原圖比例並裁切填滿空間 */
}


/* =========================================================
   RESPONSIVE
   TABLET / MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    /* -----------------------------------------------------
       HERO
       ----------------------------------------------------- */

    .edge-ai-hero {
        padding: 30px 20px 32px;
    }

    .edge-ai-hero h1 {
        font-size: 24px;
    }

    .edge-ai-hero-subtitle {
        font-size: 20px;
    }

    .edge-ai-hero-description {
        width: 100%;
        max-width: 800px;
        font-size: 18px;
        line-height: 1.65;
        overflow-wrap: break-word;
        word-break: normal;
    }


    /* -----------------------------------------------------
       CONTENT
       ----------------------------------------------------- */

    .edge-ai-item {
        display: flex;
        flex-direction: column;
        min-height: auto;
    }


    /* -----------------------------------------------------
       MOBILE ORDER
       ----------------------------------------------------- */

    .edge-ai-item.text-left .edge-ai-text,
    .edge-ai-item.text-left .edge-ai-image,
    .edge-ai-item.text-right .edge-ai-text,
    .edge-ai-item.text-right .edge-ai-image {
        order: initial;
    }


    /* -----------------------------------------------------
       TEXT
       ----------------------------------------------------- */

    .edge-ai-text {
        width: 100%;
        min-height: auto;
        padding: 35px 22px !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .edge-ai-number {
        width: 100%;
        font-size: 18px;
        text-align: center;
    }

    .edge-ai-text h2 {
        width: 100%;
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 14px;
        text-align: center;
    }

    .edge-ai-text p {
        width: 100%;
        font-size: 16px;
        line-height: 1.7;
        text-align: center;
        overflow-wrap: break-word;
        word-break: normal;
    }


    /* -----------------------------------------------------
       IMAGE
       ----------------------------------------------------- */

    .edge-ai-image {
        width: 100%;
        min-height: auto;
        padding: 0 !important; /* 【更新】：行動裝置也移除 padding 達到滿版 */
    }

    .edge-ai-image-inner {
        width: 100%;
        height: auto; /* 【更新】：改回 auto，行動裝置時依據圖片原始比例展開 */
        display: block;
    }

    .edge-ai-image-inner img {
        height: auto; /* 【更新】：改回 auto 確保手機版不會崩圖或異常拉伸 */
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media screen and (max-width: 480px) {

    .edge-ai-hero {
        padding: 25px 17px 28px;
    }

    .edge-ai-hero h1 {
        font-size: 24px;
    }

    .edge-ai-hero-subtitle {
        font-size: 20px;
    }

    .edge-ai-hero-description {
        width: 100%;
        max-width: 800px;
        font-size: 18px;
        line-height: 1.65;
        overflow-wrap: break-word;
        word-break: normal;
    }

    .edge-ai-text {
        padding: 28px 18px !important;
    }

    .edge-ai-number {
        font-size: 18px;
    }

    .edge-ai-text h2 {
        font-size: 20px;
        line-height: 1.4;
    }

    .edge-ai-text p {
        font-size: 16px;
        line-height: 1.7;
        overflow-wrap: break-word;
        word-break: normal;
    }

    .edge-ai-image {
        padding: 0 !important; /* 【更新】：移除小手機版的 padding 限制 */
    }
}.module-blocks-1201 .module-item-1>.block-body{height:100%}.module-blocks-1201 .module-item-1 .block-map>iframe{filter:grayscale(0)}.module-blocks-1201 .module-item-1 .expand-content{max-height:100%;overflow:visible;max-height:70px}.module-blocks-1201 .module-item-1 .block-content{column-count:initial}.module-blocks-1201 .module-item-1 .block-footer .btn{transform:scale(calc(100/100));transform-origin:center}