.elementor-56 .elementor-element.elementor-element-0c28ba3 {
    --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;
    --align-items: stretch;
    --gap: 0px 0px;
    --row-gap: 0px;
    --column-gap: 0px;
    --overlay-opacity: 1;
    --margin-top: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-right: 0px;
    --padding-top: 200px;
    --padding-bottom: 200px;
    --padding-left: 0px;
    --padding-right: 0px;
}

.elementor-56 .elementor-element.elementor-element-0c28ba3:not(.elementor-motion-effects-element-type-background),
.elementor-56 .elementor-element.elementor-element-0c28ba3>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-color: var(--e-global-color-astglobalcolor5);
    background-image: url("../images/ar_bg01.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.elementor-56 .elementor-element.elementor-element-0c28ba3::before,
.elementor-56 .elementor-element.elementor-element-0c28ba3>.elementor-background-video-container::before,
.elementor-56 .elementor-element.elementor-element-0c28ba3>.e-con-inner>.elementor-background-video-container::before,
.elementor-56 .elementor-element.elementor-element-0c28ba3>.elementor-background-slideshow::before,
.elementor-56 .elementor-element.elementor-element-0c28ba3>.e-con-inner>.elementor-background-slideshow::before,
.elementor-56 .elementor-element.elementor-element-0c28ba3>.elementor-motion-effects-container>.elementor-motion-effects-layer::before {
    background-color: transparent;
    --background-overlay: '';
    background-image: linear-gradient(110deg, var(--e-global-color-astglobalcolor5) 56%, #FFFFFFA3 56%);
}

.elementor-56 .elementor-element.elementor-element-571964d {
    --display: flex;
    --justify-content: center;
    --margin-top: 0%;
    --margin-bottom: 0%;
    --margin-left: 0%;
    --margin-right: 50%;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 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-56 .elementor-element.elementor-element-24b50af {
    text-align: start;
}

.elementor-56 .elementor-element.elementor-element-24b50af .elementor-heading-title {
    font-family: "Roboto", Sans-serif;
    font-size: 45px;
    font-weight: 600;
    -webkit-text-stroke-color: #000;
    stroke: #000;
    color: #21363F;
}

.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-56 .elementor-element.elementor-element-909127c {
    --divider-border-style: solid;
    --divider-color: var(--e-global-color-astglobalcolor6);
    --divider-border-width: 4px;
}

.elementor-56 .elementor-element.elementor-element-909127c>.elementor-widget-container {
    margin: 0px 0px 0px -40px;
}

.elementor-56 .elementor-element.elementor-element-909127c .elementor-divider-separator {
    width: 64px;
}

.elementor-56 .elementor-element.elementor-element-909127c .elementor-divider {
    padding-block-start: 0px;
    padding-block-end: 0px;
}

.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-widget-button .elementor-button {
    background-color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
}

.elementor-56 .elementor-element.elementor-element-9ae270f .elementor-button {
    background-color: #4D70A8;
    font-family: "Roboto", Sans-serif;
    font-weight: 500;
    fill: #FFFFFF;
    color: #FFFFFF;
    box-shadow: 6px 6px 0px 0px #FF9C00;
}

.elementor-56 .elementor-element.elementor-element-9ae270f .elementor-button-content-wrapper {
    flex-direction: row;
}

.elementor-56 .elementor-element.elementor-element-9ae270f .elementor-button .elementor-button-content-wrapper {
    gap: 16px;
}

.elementor-56 .elementor-element.elementor-element-9ae270f .elementor-button:hover,
.elementor-56 .elementor-element.elementor-element-9ae270f .elementor-button:focus {
    color: #FFFFFF;
}

.elementor-56 .elementor-element.elementor-element-9ae270f .elementor-button:hover svg,
.elementor-56 .elementor-element.elementor-element-9ae270f .elementor-button:focus svg {
    fill: #FFFFFF;
}

.elementor-56 .elementor-element.elementor-element-5786aa3 {
    --display: flex;
    --justify-content: center;
    --margin-top: 8%;
    --margin-bottom: 8%;
    --margin-left: 0%;
    --margin-right: 0%;
}

.elementor-widget-posts .elementor-button {
    background-color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
}

.elementor-widget-posts .elementor-post__title,
.elementor-widget-posts .elementor-post__title a {
    color: var(--e-global-color-secondary);
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight);
}

.elementor-widget-posts .elementor-post__meta-data {
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-secondary-font-weight);
}

.elementor-widget-posts .elementor-post__excerpt p {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weight);
}

.elementor-widget-posts .elementor-post__read-more {
    color: var(--e-global-color-accent);
}

.elementor-widget-posts a.elementor-post__read-more {
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
}

.elementor-widget-posts .elementor-post__card .elementor-post__badge {
    background-color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
}

.elementor-widget-posts .elementor-pagination {
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-secondary-font-weight);
}

.elementor-widget-posts .e-load-more-message {
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-secondary-font-weight);
}

.elementor-56 .elementor-element.elementor-element-3586efa {
    --grid-row-gap: 35px;
    --grid-column-gap: 30px;
}

.elementor-56 .elementor-element.elementor-element-3586efa .elementor-posts-container .elementor-post__thumbnail {
    padding-bottom: calc(0.66 * 100%);
}

.elementor-56 .elementor-element.elementor-element-3586efa:after {
    content: "0.66";
}

.elementor-56 .elementor-element.elementor-element-3586efa .elementor-post__thumbnail__link {
    width: 100%;
}

.elementor-56 .elementor-element.elementor-element-3586efa .elementor-post__meta-data span+span:before {
    content: "///";
}

.elementor-56 .elementor-element.elementor-element-3586efa.elementor-posts--thumbnail-left .elementor-post__thumbnail__link {
    margin-right: 20px;
}

.elementor-56 .elementor-element.elementor-element-3586efa.elementor-posts--thumbnail-right .elementor-post__thumbnail__link {
    margin-left: 20px;
}

.elementor-56 .elementor-element.elementor-element-3586efa.elementor-posts--thumbnail-top .elementor-post__thumbnail__link {
    margin-bottom: 20px;
}

@media(max-width:1024px) and (min-width:768px) {
    .elementor-56 .elementor-element.elementor-element-571964d {
        --width: 100%;
    }
}

@media(max-width:1024px) {

    .elementor-56 .elementor-element.elementor-element-0c28ba3:not(.elementor-motion-effects-element-type-background),
    .elementor-56 .elementor-element.elementor-element-0c28ba3>.elementor-motion-effects-container>.elementor-motion-effects-layer {
        background-position: top right;
        background-size: contain;
    }

    .elementor-56 .elementor-element.elementor-element-0c28ba3 {
        --margin-top: 0px;
        --margin-bottom: 0px;
        --margin-left: 0px;
        --margin-right: 0px;
        --padding-top: 0px;
        --padding-bottom: 0px;
        --padding-left: 0px;
        --padding-right: 0px;
    }

    .elementor-56 .elementor-element.elementor-element-571964d {
        --margin-top: 0%;
        --margin-bottom: 0%;
        --margin-left: 0%;
        --margin-right: 0%;
        --padding-top: 80px;
        --padding-bottom: 80px;
        --padding-left: 40px;
        --padding-right: 200px;
    }

    .elementor-56 .elementor-element.elementor-element-909127c .elementor-divider-separator {
        width: 72px;
    }
}

@media(max-width:767px) {

    .elementor-56 .elementor-element.elementor-element-0c28ba3:not(.elementor-motion-effects-element-type-background),
    .elementor-56 .elementor-element.elementor-element-0c28ba3>.elementor-motion-effects-container>.elementor-motion-effects-layer {
        background-image: url("https://ofa35.com/wp-content/uploads/2024/10/線上球版玩法.jpg");
    }

    .elementor-56 .elementor-element.elementor-element-0c28ba3 {
        --padding-top: 0px;
        --padding-bottom: 0px;
        --padding-left: 0px;
        --padding-right: 0px;
    }

    .elementor-56 .elementor-element.elementor-element-571964d {
        --margin-top: 0px;
        --margin-bottom: 0px;
        --margin-left: 0px;
        --margin-right: 0px;
        --padding-top: 60px;
        --padding-bottom: 60px;
        --padding-left: 25px;
        --padding-right: 25px;
    }

    .elementor-56 .elementor-element.elementor-element-24b50af .elementor-heading-title {
        font-size: 35px;
    }

    .elementor-56 .elementor-element.elementor-element-909127c .elementor-divider-separator {
        width: 24%;
    }

    .elementor-56 .elementor-element.elementor-element-9ae270f.elementor-element {
        --align-self: flex-start;
    }

    .elementor-56 .elementor-element.elementor-element-3586efa .elementor-posts-container .elementor-post__thumbnail {
        padding-bottom: calc(0.5 * 100%);
    }

    .elementor-56 .elementor-element.elementor-element-3586efa:after {
        content: "0.5";
    }

    .elementor-56 .elementor-element.elementor-element-3586efa .elementor-post__thumbnail__link {
        width: 100%;
    }
}