.elementor-kit-74{--e-global-color-primary:#262626;--e-global-color-secondary:#4146A6;--e-global-color-text:#262626;--e-global-color-accent:#0810A6;--e-global-color-877a6fd:#FAFBFC;--e-global-color-57e2acd:#000000;--e-global-color-c7fc2bf:#FFFFFF;--e-global-typography-primary-font-family:"Noto Sans TC";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Noto Sans TC";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Noto Sans TC";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Noto Sans TC";--e-global-typography-accent-font-weight:900;background-color:var( --e-global-color-877a6fd );color:var( --e-global-color-primary );}.elementor-kit-74 a{color:var( --e-global-color-accent );}.elementor-kit-74 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-74 button,.elementor-kit-74 input[type="button"],.elementor-kit-74 input[type="submit"],.elementor-kit-74 .elementor-button{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.vertical {
writing-mode: vertical-rl;
    white-space: nowrap;
}
/*按鈕*/
/*Fill box*/
.my-btn .elementor-button::before{
    content:'';
    position: absolute;
    background: #000; /*<-- Change fill color here*/
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*border-radius: 10px;*/
    border: solid 1px #000;
    transform: scaleX(0);
    transform-origin: right; /*<-- Change fill out direction*/
    transition: transform .4s ease; /*<-- Change fill speed */
}

/*Hover class*/
.my-btn .elementor-button:hover::before{
    transform: scaleX(1);
    transform-origin: left; /*<-- Change fill in direction*/

}

/*Button text*/
.my-btn .elementor-button-text{
    z-index: 1;
}

/*Hover Icon*/
.my-btn:hover .elementor-button-icon{
    color: white; /*<-- Change Icon color here*/
    z-index: 1;
    transition: color .5s ease
}

/*Icone size */
.my-btn .elementor-button-icon{
    transform: scale(1.3); /*<-- Change icon size*/
    padding-left: 5px;
}

/* 桌面裝置設置 */
:target::before {
    content: "";
    display: block;
    height: 500px; /* 假設桌面 header 的高度為 80px，根據實際情況調整 */
    margin-top: -500px; /* 負值與桌面 header 高度一致 */
}

.elementor-widget-table-of-contents .elementor-widget-container a {
    scroll-margin-top: 500px; /* 根據桌面 header 的高度調整 */
}

/* 手機裝置設置 */
@media (max-width: 767px) {
    :target::before {
        height: 100px; /* 假設手機 header 的高度為 100px，根據實際情況調整 */
        margin-top: -100px; /* 負值與手機 header 高度一致 */
    }

    .elementor-widget-table-of-contents .elementor-widget-container a {
        scroll-margin-top: 100px; /* 根據手機 header 的高度調整 */
    }
}/* End custom CSS */