﻿.elementor-kit-7 {
    --e-global-color-primary: #FFA542;
    --e-global-color-secondary: #333333;
    --e-global-color-text: #5A5A5A;
    --e-global-color-accent: #6AC259;
    --e-global-color-13a69fb: #FFA5422B;
    --e-global-color-ce57813: #381E00;
    --e-global-color-5921d04: #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: 500;
    font-family: "Noto Sans TC", Sans-serif;
    font-size: 16px;
}

.elementor-kit-7 a {
    color: var(--e-global-color-primary);
}

.elementor-kit-7 a:hover {
    color: var(--e-global-color-primary);
}

.elementor-kit-7 h1 {
    font-family: "Noto Sans TC", Sans-serif;
    font-size: 50px;
    font-weight: 500;
}

.elementor-kit-7 h2 {
    font-family: "Noto Sans TC", Sans-serif;
}

.elementor-kit-7 h3 {
    font-family: "Noto Sans TC", Sans-serif;
}

.elementor-kit-7 h4 {
    font-family: "Noto Sans TC", Sans-serif;
}

.elementor-kit-7 h5 {
    font-family: "Noto Sans TC", Sans-serif;
}

.elementor-kit-7 h6 {
    font-family: "Noto Sans TC", Sans-serif;
}

.elementor-kit-7 button, .elementor-kit-7 input[type="button"], .elementor-kit-7 input[type="submit"], .elementor-kit-7 .elementor-button {
    color: var(--e-global-color-5921d04);
    background-color: var(--e-global-color-primary);
    /* modify by Leon 20251013
    padding: 13px 30px 13px 30px;*/
    padding: 13px 13px 13px 13px;
}

.elementor-kit-7 button:hover, .elementor-kit-7 button:focus, .elementor-kit-7 input[type="button"]:hover, .elementor-kit-7 input[type="button"]:focus, .elementor-kit-7 input[type="submit"]:hover, .elementor-kit-7 input[type="submit"]:focus, .elementor-kit-7 .elementor-button:hover, .elementor-kit-7 .elementor-button:focus {
    color: var(--e-global-color-5921d04);
    background-color: #E0913A;
    border-style: none;
    border-radius: 0px 0px 0px 0px;
}

.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);
}

.elementor-kit-7 e-page-transition {
    background-color: #FFBC7D;
}

.e-wc-message-notice .woocommerce-message {
    --message-message-icon-color: var(--e-global-color-primary);
    --message-buttons-normal-text-color: var(--e-global-color-5921d04);
    --message-buttons-hover-text-color: var(--e-global-color-5921d04);
}

body.e-wc-message-notice .woocommerce-message {
    background-color: var(--e-global-color-13a69fb);
}

body.e-wc-message-notice .woocommerce-message .button {
    background-color: var(--e-global-color-primary);
    border-width: 0px 0px 0px 0px;
}

body.e-wc-message-notice .woocommerce-message .button:hover {
    background-color: var(--e-global-color-primary);
}

.e-wc-info-notice .woocommerce-info {
    --info-message-text-color: var(--e-global-color-text);
    font-size: 16px;
    --info-message-icon-color: #1E85BE;
    --info-buttons-normal-text-color: var(--e-global-color-5921d04);
    --info-buttons-hover-text-color: var(--e-global-color-5921d04);
}

body.e-wc-info-notice .woocommerce-info {
    background-color: #F6F9FB;
}

body.e-wc-info-notice .woocommerce-info .button {
    background-color: #1E85BE;
}

body.e-wc-info-notice .woocommerce-info .button:hover, body.e-wc-info-notice .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-info .woocommerce-Button:hover {
    background-color: #1E85BE;
}

.site-header {
    padding-inline-end: 0px;
    padding-inline-start: 0px;
}

@media (max-width: 1200px) {
    .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;
    }
}