.elementor-5000 .elementor-element.elementor-element-68e1723{--display:flex;--min-height:400px;--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;--margin-top:0px;--margin-bottom:-100px;--margin-left:0px;--margin-right:0px;}.elementor-5000 .elementor-element.elementor-element-68e1723:not(.elementor-motion-effects-element-type-background), .elementor-5000 .elementor-element.elementor-element-68e1723 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );background-image:url("/wp-content/uploads/2024/05/資產-14@2x-8.png");background-position:top left;background-repeat:no-repeat;background-size:100% auto;}.elementor-5000 .elementor-element.elementor-element-e3a1321{--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:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-5000 .elementor-element.elementor-element-e3a1321:not(.elementor-motion-effects-element-type-background), .elementor-5000 .elementor-element.elementor-element-e3a1321 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-5000 .elementor-element.elementor-element-4d54785 > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-5000 .elementor-element.elementor-element-4d54785.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-5000 .elementor-element.elementor-element-4d54785 .elementor-heading-title{font-family:"anta", Sans-serif;font-size:80px;color:var( --e-global-color-astglobalcolor0 );}.elementor-5000 .elementor-element.elementor-element-03e8555{--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:space-evenly;--border-radius:100px 100px 100px 100px;}.elementor-5000 .elementor-element.elementor-element-03e8555:not(.elementor-motion-effects-element-type-background), .elementor-5000 .elementor-element.elementor-element-03e8555 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-5000 .elementor-element.elementor-element-a7b31dd.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-5000 .elementor-element.elementor-element-a7b31dd .elementor-nav-menu .elementor-item{font-family:"Noto Sans TC", Sans-serif;font-size:24px;}.elementor-5000 .elementor-element.elementor-element-a7b31dd .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-astglobalcolor2 );fill:var( --e-global-color-astglobalcolor2 );padding-left:60px;padding-right:60px;}.elementor-5000 .elementor-element.elementor-element-a7b31dd .elementor-nav-menu--main .elementor-item:hover,
					.elementor-5000 .elementor-element.elementor-element-a7b31dd .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-5000 .elementor-element.elementor-element-a7b31dd .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-5000 .elementor-element.elementor-element-a7b31dd .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-5000 .elementor-element.elementor-element-a7b31dd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-5000 .elementor-element.elementor-element-a7b31dd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-5000 .elementor-element.elementor-element-a7b31dd .e--pointer-framed .elementor-item:before,
					.elementor-5000 .elementor-element.elementor-element-a7b31dd .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-astglobalcolor1 );}.elementor-5000 .elementor-element.elementor-element-a7b31dd .elementor-item:before{border-radius:100px;}.elementor-5000 .elementor-element.elementor-element-a7b31dd .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:100px 100px 0 0;}.elementor-5000 .elementor-element.elementor-element-a7b31dd .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 100px 100px;}.elementor-5000 .elementor-element.elementor-element-a7b31dd .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 100px 100px 0;}.elementor-5000 .elementor-element.elementor-element-a7b31dd .e--animation-shutter-in-vertical .elementor-item:after{border-radius:100px 0 0 100px;}.elementor-5000 .elementor-element.elementor-element-4fde05d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-5000 .elementor-element.elementor-element-4fde05d .elementor-search-form{text-align:center;}.elementor-5000 .elementor-element.elementor-element-4fde05d .elementor-search-form__toggle{--e-search-form-toggle-size:33px;--e-search-form-toggle-background-color:#02010100;}.elementor-5000 .elementor-element.elementor-element-4fde05d:not(.elementor-search-form--skin-full_screen) .elementor-search-form__container{border-radius:3px;}.elementor-5000 .elementor-element.elementor-element-4fde05d.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{border-radius:3px;}.elementor-5000 .elementor-element.elementor-element-c644ec5{--grid-columns:1;}.elementor-5000 .elementor-element.elementor-element-c644ec5.xpro-widget-bg-overlay:before{transition:background 0.3s;}@media(max-width:1024px){.elementor-5000 .elementor-element.elementor-element-68e1723{--min-height:200px;}.elementor-5000 .elementor-element.elementor-element-68e1723:not(.elementor-motion-effects-element-type-background), .elementor-5000 .elementor-element.elementor-element-68e1723 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:1024px auto;}.elementor-5000 .elementor-element.elementor-element-e3a1321{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5000 .elementor-element.elementor-element-4d54785 .elementor-heading-title{font-size:60px;}.elementor-5000 .elementor-element.elementor-element-a7b31dd .elementor-nav-menu .elementor-item{font-size:20px;}.elementor-5000 .elementor-element.elementor-element-4fde05d > .elementor-widget-container{padding:5px 0px 0px 0px;}.elementor-5000 .elementor-element.elementor-element-c644ec5{--grid-columns:1;}}@media(max-width:767px){.elementor-5000 .elementor-element.elementor-element-68e1723{--min-height:100px;}.elementor-5000 .elementor-element.elementor-element-e3a1321{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:100px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-5000 .elementor-element.elementor-element-4d54785 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5000 .elementor-element.elementor-element-4d54785{text-align:center;}.elementor-5000 .elementor-element.elementor-element-4d54785 .elementor-heading-title{font-size:40px;}.elementor-5000 .elementor-element.elementor-element-a7b31dd .elementor-nav-menu .elementor-item{font-size:16px;}.elementor-5000 .elementor-element.elementor-element-a7b31dd .elementor-nav-menu--main .elementor-item{padding-left:11px;padding-right:11px;}.elementor-5000 .elementor-element.elementor-element-c644ec5{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-c644ec5 */#classText {
    background-color: transparent;
    color: inherit;
    text-decoration: none;
    letter-spacing: .05em;
}

#classText .arrow-icon {
    --outer-size: 6rem;
    --icon-size: 2.6rem;
    width: var(--outer-size);
    height: var(--outer-size);
    aspect-ratio: 1;
    display: inline-grid;
    border-radius: 50%;
    place-items: center;
    transition: all .3s ease-out;
    overflow: hidden;
    background-color: var(--color-black);
    border: none
}

#classText .arrow-icon:after {
    content: "";
    display: block;
    width: var(--icon-size);
    aspect-ratio: 1;
    -webkit-mask: url(/wp-content/uploads/2024/05/arrow-right.15391c30.svg) 50% 50%/contain no-repeat;
    mask: url(/wp-content/uploads/2024/05/arrow-right.15391c30.svg) 50% 50%/contain no-repeat
}

#classText .p-link-arrow .arrow-icon {
    --outer-size: 3rem;
    --icon-size: 1.3rem;
    display: inline-grid;
    background-color: #c8c8cf;
    border: 1px solid #c8c8cf;
}

#classText .p-link-arrow .arrow-icon:after {
    --icon-size: 1.3rem;
    background-color: #fff;
    display: inline-grid;
    -webkit-mask: url(/wp-content/uploads/2024/05/arrow-right.15391c30.svg) 50% 50%/contain no-repeat;
    mask: url(/wp-content/uploads/2024/05/arrow-right.15391c30.svg) 50% 50%/contain no-repeat;
}

#classText .p-link-arrow .arrow-icon,
#classText .p-link-arrow .arrow-icon:after {
    scale: 1;
}

@-webkit-keyframes arrow-icon-move {
    0% {
        transform: translate(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    60% {
        transform: translate(calc(var(--icon-size) + var(--outer-size) / 4));
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    60.001% {
        transform: translate(calc((var(--icon-size) + var(--outer-size) / 4) * -1));
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        transform: translate(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes arrow-icon-move {
    0% {
        transform: translate(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    60% {
        transform: translate(calc(var(--icon-size) + var(--outer-size) / 4));
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    60.001% {
        transform: translate(calc((var(--icon-size) + var(--outer-size) / 4) * -1));
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        transform: translate(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes arrow-icon-move-large {
    0% {
        transform: translate(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    60% {
        transform: translate(calc(var(--icon-size) + var(--outer-size) / 2.5));
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    60.001% {
        transform: translate(calc((var(--icon-size) + var(--outer-size) / 2.5) * -1));
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        transform: translate(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes arrow-icon-move-large {
    0% {
        transform: translate(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    60% {
        transform: translate(calc(var(--icon-size) + var(--outer-size) / 2.5));
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    60.001% {
        transform: translate(calc((var(--icon-size) + var(--outer-size) / 2.5) * -1));
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        transform: translate(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@media only screen and (min-width: 829px) {
    #classText .arrow-icon {
        --outer-size: 3rem
    }

    #classText .arrow-icon:after {
        --icon-size: 1.3rem
    }
}

@media only screen and (max-width: 828px) {
    #classText .p-link-arrow .arrow-icon {
        border: 1px solid #c8c8cf;
        background-color: #fff
    }

    #classText .p-link-arrow .arrow-icon:after {
        background-color: #848789
    }
}

@media only screen and (min-width: 829px) and (not (hover: hover)),
only screen and (min-width: 829px) and (not (pointer: fine)) {
    #classText .p-link-arrow .arrow-icon,
    #classText .p-link-arrow .arrow-icon:after {
        scale: 1;
    }
}

@media only screen and (hover: hover) and (pointer: fine) and (min-width: 829px) {
    #classText:not(:hover) .arrow-icon,
    #classText:not(:hover) .arrow-icon:after {
        scale: 1;
    }
}

@media (hover: hover) and (pointer: fine) {

    #classText:hover .arrow-icon {
        background-color: #2E17A5;
        border: none
    }

    #classText:hover .arrow-icon:after {
        background-color: #fff
    }

    #classText:hover .arrow-icon:after {
        -webkit-animation: arrow-icon-move 1s infinite;
        animation: arrow-icon-move 1s infinite
    }

    #classText .p-link-arrow .arrow-icon,
    #classText .p-link-arrow .arrow-icon:after {
        scale: 1;
    }
}/* End custom CSS */