.elementor-19 .elementor-element.elementor-element-3a09f04{--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-19 .elementor-element.elementor-element-87bc3e8{--display:flex;--justify-content:center;}.elementor-19 .elementor-element.elementor-element-87bc3e8:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-87bc3e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hkmindsports.com/wp-content/uploads/2025/04/photo-16.webp");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-19 .elementor-element.elementor-element-87bc3e8.e-con{--align-self:center;}.elementor-19 .elementor-element.elementor-element-f6a9970.elementor-element{--align-self:center;}.elementor-19 .elementor-element.elementor-element-a2f2e72{--display:flex;--justify-content:center;}.elementor-19 .elementor-element.elementor-element-a2f2e72:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-a2f2e72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hkmindsports.com/wp-content/uploads/2025/04/photo-16.webp");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-19 .elementor-element.elementor-element-a2f2e72.e-con{--align-self:center;}.elementor-19 .elementor-element.elementor-element-6596e4e.elementor-element{--align-self:center;}.elementor-19 .elementor-element.elementor-element-0d3c739{--display:flex;--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;--justify-content:flex-end;--padding-top:0px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-598863f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:45px;--padding-bottom:45px;--padding-left:25px;--padding-right:25px;}.elementor-19 .elementor-element.elementor-element-598863f:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-598863f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#7167F6;}.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-19 .elementor-element.elementor-element-dfdc8ea > .elementor-widget-container{margin:0px 0px 0px 10px;padding:1px 0px 1px 20px;border-style:solid;border-width:0px 0px 0px 5px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-dfdc8ea{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-ad21f54{--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;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-19 .elementor-element.elementor-element-ebfa06c{--display:flex;--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-19 .elementor-element.elementor-element-3a09f04:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-3a09f04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hkmindsports.com/wp-content/uploads/2025/04/mobile-banner-A-23.png");}.elementor-19 .elementor-element.elementor-element-3a09f04{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-19 .elementor-element.elementor-element-1269db9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-1269db9.elementor-element{--align-self:center;}.elementor-19 .elementor-element.elementor-element-87bc3e8:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-87bc3e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hkmindsports.com/wp-content/uploads/2025/04/mobile-banner-B-22.jpg");}}/* Start custom CSS for container, class: .elementor-element-3a09f04 */.mobile-banner-001 {
    width: 100%;
    aspect-ratio: 1059 / 796; /* 圖片的原始比例 */
    background: url("photo-16.webp") no-repeat center center;
    background-size: contain;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87bc3e8 */.mobile-banner-002 {
    width: 100%;
    aspect-ratio: 1059 / 691; /* 圖片的原始比例 */
    background: url("photo-16.webp") no-repeat center center;
    background-size: contain;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-357db2b */.big_logo {
    width: 27%;
    aspect-ratio: 100 / 100; /* 圖片的原始比例 */
    background: url("photo-16.webp") no-repeat center center;
    background-size: contain;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d3c739 */img[src$="big-logo-18.svg"] {
    width: 100%;
    aspect-ratio: 1667 / 1667; /* 圖片的原始比例 */
    background: url("你的SVG圖片.svg") no-repeat center center;
    background-size: contain;
    
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2f2e72 */.hero-banner-desktop {
    width: 100%;
    aspect-ratio: 1667 / 853; /* 圖片的原始比例 */
    background: url("photo-16.webp") no-repeat center center;
    background-size: contain;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2514c6a *//* 主容器：讓 SVG、標題、地址對齊 */
.hero-header {
    display: flex;
    align-items: center;
    gap: 15px; /* 調整 icon 與文字的間距 */
}

/* 地點 SVG 圖示 */
.location-icon {
    width: 40px;
    height: auto;
}

/* 讓標題與地址上下排列 */
.hero-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* 標題樣式（加大） */
.hero-title {
    font-size: 28px; /* 原本24px，改大一點 */
    font-weight: bold;
    color: #064C9F;
    margin: 0;
}

/* 地址樣式（縮小） */
.location-text {
    font-size: 14px; /* 原本16px，改小一點 */
    font-weight: bold;
    color: #FFFFFF;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1c769ba *//* 保持圖片和文字在同一行 */
.flex-container {
    display: flex;
    flex-direction: row;  /* 保持圖片和文字並排 */
    align-items: flex-start; /* 上方對齊，確保圖片和文字頂部對齊 */
    gap: 30px; /* 保持左右間距 */
}

/* 左側圖片區 */
.image-container {
    flex: 1; /* 讓圖片區域填滿可用空間 */
    display: flex;
    align-items: flex-start; /* 確保圖片頂部與文字對齊 */
    justify-content: flex-start; /* 確保圖片緊貼左邊 */
}

/* 讓圖片填滿區塊並保持比例 */
.image-responsive {
    width: 100%;
    height: auto;
    max-width: 100%; /* 確保不超出父容器 */
    object-fit: contain; /* 保持完整圖片，不裁切 */
    display: block;
}

/* 右側文字區 */
.text-container {
    flex: 1; /* 讓文字區域填滿空間 */
    display: flex;
    flex-direction: column;
    justify-content: center; /* 讓內容置中 */
    text-align: left;
}

/* 文字樣式 */
.text-content {
    font-size: 18px; /* 調整桌面版字體大小 */
    line-height: 1.6em;
    margin: 0 0 15px 0;
    text-align: left;
    color: #FFFFFF;
}



@media (max-width: 768px) {
    .flex-container {
        flex-direction: column; /* 小螢幕時，圖片在上，文字在下 */
        align-items: center;
    }
    .image-container {
        max-width: 100%;
        height: auto;
        justify-content: center;
    }
    .image-responsive {
        width: 100%;
        height: auto;
    }
    .text-container {
        text-align: center;
        padding: 0 15px;
    }
    .text-content {
        font-size: 16px; /* 手機版文字縮小 */
        line-height: 1.4em;
    }
}/* End custom CSS */