.elementor-26 .elementor-element.elementor-element-baa8467{--display:flex;--justify-content:center;}.elementor-26 .elementor-element.elementor-element-baa8467:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-baa8467 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://asianrbc2026.hkchessevent.com/wp-content/uploads/2025/03/banner.svg");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-26 .elementor-element.elementor-element-baa8467.e-con{--align-self:center;}.elementor-26 .elementor-element.elementor-element-d6fab13.elementor-element{--align-self:center;}.elementor-26 .elementor-element.elementor-element-102388c > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-26 .elementor-element.elementor-element-102388c.elementor-element{--align-self:center;}.elementor-26 .elementor-element.elementor-element-9c30854{--display:flex;}.elementor-26 .elementor-element.elementor-element-9c30854:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-9c30854 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://asianrbc2026.hkchessevent.com/wp-content/uploads/2025/03/banner-desktop-1200pix.svg");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.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-26 .elementor-element.elementor-element-fab334c{--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-26 .elementor-element.elementor-element-fab334c:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-fab334c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BE1E2D;}.elementor-widget-text-editor{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-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-26 .elementor-element.elementor-element-ee4bafa > .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-26 .elementor-element.elementor-element-ee4bafa{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-26 .elementor-element.elementor-element-2575edc{--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-26 .elementor-element.elementor-element-ed26f53{--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;}.elementor-26 .elementor-element.elementor-element-5910fe9{--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-26 .elementor-element.elementor-element-5910fe9:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-5910fe9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C498E;background-image:url("https://asianrbc2026.hkchessevent.com/wp-content/uploads/2025/03/pattern.svg");}.elementor-26 .elementor-element.elementor-element-ab14580 > .elementor-widget-container{margin:0px 0px 0px 10px;padding:1px 0px 1px 20px;border-style:solid;border-width:0px 0px 0px 5px;border-color:#EEE1CF;border-radius:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-ab14580{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-26 .elementor-element.elementor-element-51cdc18 > .elementor-widget-container{margin:0px 0px 0px 10px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-26 .elementor-element.elementor-element-102388c > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-26 .elementor-element.elementor-element-9c30854:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-9c30854 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://asianrbc2026.hkchessevent.com/wp-content/uploads/2025/03/moblie_banner.jpg");}.elementor-26 .elementor-element.elementor-element-c350f84.elementor-element{--align-self:center;}}/* Start custom CSS for container, class: .elementor-element-baa8467 */.hero-banner-desktop {
    width: 100%;
    aspect-ratio: 1200 / 479; /* 圖片的原始比例 */
    background: url("https://asianrbc2026.hkchessevent.com/wp-content/uploads/2025/03/banner.svg") no-repeat center center;
    background-size: contain;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fb730e1 */.transpic-mobile {
    width: 100%;
    aspect-ratio: 1008 / 708; /* 圖片的原始比例 */
    background: url("你的SVG圖片.svg") no-repeat center center;
    background-size: contain;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c350f84 */.elementor-26 .elementor-element.elementor-element-c350f84 {
  position: relative;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c30854 */.hero-banner-mobile {
    width: 100%;
    aspect-ratio: 1008 / 828; /* 圖片的原始比例 */
    background: url("https://asianrbc2026.hkchessevent.com/wp-content/uploads/2025/03/moblie_banner.jpg") no-repeat center center;
    background-size: contain;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b39473 *//* 保持圖片和文字在同一行 */
.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 */
/* Start custom CSS *//* 主容器：讓 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 */