.elementor-kit-6 {
    --e-global-color-primary: #833ca3;
    --e-global-color-secondary: #F3F3F3;
    --e-global-color-text: #FAFAFA;
    --e-global-color-accent: #535353;
    --e-global-color-0397edd: #00013e;
    --e-global-color-2d6bb65: #383838;
    --e-global-color-a24b976: #FFFFFF;
    --e-global-color-9abe1db: #6385C9;
    --e-global-typography-primary-font-family: "Prompt";
    --e-global-typography-primary-font-size: 4rem;
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-primary-line-height: 50px;
    --e-global-typography-secondary-font-family: "Noto Sans TC";
    --e-global-typography-secondary-font-size: 2.4rem;
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-secondary-line-height: 28px;
    --e-global-typography-text-font-family: "Noto Sans TC";
    --e-global-typography-text-font-size: 1.6rem;
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-text-line-height: 28px;
    --e-global-typography-accent-font-family: "Noto Sans TC";
    --e-global-typography-accent-font-size: 2rem;
    --e-global-typography-accent-font-weight: 500;
    --e-global-typography-accent-line-height: 26px;
    --e-global-typography-37597cf-font-family: "Noto Sans TC";
    --e-global-typography-37597cf-font-size: 5rem;
    --e-global-typography-37597cf-font-weight: 700;
    --e-global-typography-37597cf-line-height: 60px;
    --e-global-typography-88ce6be-font-family: "Noto Sans TC";
    --e-global-typography-88ce6be-font-size: 2.8rem;
    --e-global-typography-88ce6be-font-weight: 700;
    --e-global-typography-88ce6be-line-height: 32px;
    --e-global-typography-949b7e5-font-family: "Noto Sans TC";
    --e-global-typography-949b7e5-font-size: 1.8rem;
    --e-global-typography-949b7e5-font-weight: 500;
    --e-global-typography-949b7e5-line-height: 32px;
    color: var( --e-global-color-2d6bb65);
    font-family: var( --e-global-typography-text-font-family), Sans-serif;
    font-size: var( --e-global-typography-text-font-size);
    font-weight: var( --e-global-typography-text-font-weight);
    line-height: var( --e-global-typography-text-line-height);
    background-position: center center;
}

.elementor-kit-6 button:hover,
.elementor-kit-6 button:focus,
.elementor-kit-6 input[type="button"]:hover,
.elementor-kit-6 input[type="button"]:focus,
.elementor-kit-6 input[type="submit"]:hover,
.elementor-kit-6 input[type="submit"]:focus,
.elementor-kit-6 .elementor-button:hover,
.elementor-kit-6 .elementor-button:focus {
    background-color: var( --e-global-color-primary);
    color: var( --e-global-color-text);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var( --e-global-color-0397edd);
}

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

.elementor-kit-6 a {
    color: #446EC1;
    font-family: "Noto Sans TC", Sans-serif;
    line-height: 2rem;
}

.elementor-kit-6 h1 {
    color: #000000;
    font-family: var( --e-global-typography-37597cf-font-family), Sans-serif;
    font-size: var( --e-global-typography-37597cf-font-size);
    font-weight: var( --e-global-typography-37597cf-font-weight);
    line-height: var( --e-global-typography-37597cf-line-height);
}

.elementor-kit-6 h2 {
    color: var( --e-global-color-2d6bb65);
    font-family: var( --e-global-typography-secondary-font-family), Sans-serif;
    font-size: var( --e-global-typography-secondary-font-size);
    font-weight: var( --e-global-typography-secondary-font-weight);
    line-height: var( --e-global-typography-secondary-line-height);
}

.elementor-kit-6 h3 {
    color: var( --e-global-color-2d6bb65);
    font-family: var( --e-global-typography-88ce6be-font-family), Sans-serif;
    font-size: var( --e-global-typography-88ce6be-font-size);
    font-weight: var( --e-global-typography-88ce6be-font-weight);
    line-height: var( --e-global-typography-88ce6be-line-height);
}

.elementor-kit-6 h4 {
    color: var( --e-global-color-2d6bb65);
    font-family: var( --e-global-typography-secondary-font-family), Sans-serif;
    font-size: var( --e-global-typography-secondary-font-size);
    font-weight: var( --e-global-typography-secondary-font-weight);
    line-height: var( --e-global-typography-secondary-line-height);
}

.elementor-kit-6 h5 {
    font-family: var( --e-global-typography-accent-font-family), Sans-serif;
    font-size: var( --e-global-typography-accent-font-size);
    font-weight: var( --e-global-typography-accent-font-weight);
    line-height: var( --e-global-typography-accent-line-height);
}

.elementor-kit-6 h6 {
    font-family: var( --e-global-typography-949b7e5-font-family), Sans-serif;
    font-size: var( --e-global-typography-949b7e5-font-size);
    font-weight: var( --e-global-typography-949b7e5-font-weight);
    line-height: var( --e-global-typography-949b7e5-line-height);
}

.elementor-kit-6 button,
.elementor-kit-6 input[type="button"],
.elementor-kit-6 input[type="submit"],
.elementor-kit-6 .elementor-button {
    color: var( --e-global-color-0397edd);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var( --e-global-color-0397edd);
}

.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 72vw;
}

.e-con {
    --container-max-width: 72vw;
    --container-default-padding-top: 0px;
    --container-default-padding-right: 0px;
    --container-default-padding-bottom: 0px;
    --container-default-padding-left: 0px;
}

.elementor-widget:not(:last-child) {
    margin-block-end: 0px;
}

.elementor-element {
    --widgets-spacing: 0px 0px;
}

{}

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(min-width:1601px) {
    .elementor-kit-6 {
        background-attachment: fixed;
    }
}

@media(max-width:1600px) {
    .elementor-kit-6 {
        --e-global-typography-primary-font-size: 3.4rem;
        --e-global-typography-primary-line-height: 38px;
        --e-global-typography-949b7e5-font-size: 1.8rem;
        font-size: var( --e-global-typography-text-font-size);
        line-height: var( --e-global-typography-text-line-height);
    }
    .elementor-kit-6 h1 {
        font-size: var( --e-global-typography-37597cf-font-size);
        line-height: var( --e-global-typography-37597cf-line-height);
    }
    .elementor-kit-6 h2 {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-kit-6 h3 {
        font-size: var( --e-global-typography-88ce6be-font-size);
        line-height: var( --e-global-typography-88ce6be-line-height);
    }
    .elementor-kit-6 h4 {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-kit-6 h5 {
        font-size: var( --e-global-typography-accent-font-size);
        line-height: var( --e-global-typography-accent-line-height);
    }
    .elementor-kit-6 h6 {
        font-size: var( --e-global-typography-949b7e5-font-size);
        line-height: var( --e-global-typography-949b7e5-line-height);
    }
    .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 90vw;
    }
    .e-con {
        --container-max-width: 90vw;
    }
}

@media(max-width:1024px) {
    .elementor-kit-6 {
        --e-global-typography-primary-font-size: 3.2rem;
        --e-global-typography-primary-line-height: 36px;
        --e-global-typography-text-font-size: 1.6rem;
        --e-global-typography-37597cf-font-size: 3rem;
        --e-global-typography-37597cf-line-height: 35px;
        background-image: url("https://art365.tw/wp-content/uploads/2024/01/wbg2.webp");
        font-size: var( --e-global-typography-text-font-size);
        line-height: var( --e-global-typography-text-line-height);
        background-position: center center;
        background-repeat: repeat;
        background-size: contain;
    }
    .elementor-kit-6 h1 {
        font-size: var( --e-global-typography-37597cf-font-size);
        line-height: var( --e-global-typography-37597cf-line-height);
    }
    .elementor-kit-6 h2 {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-kit-6 h3 {
        font-size: var( --e-global-typography-88ce6be-font-size);
        line-height: var( --e-global-typography-88ce6be-line-height);
    }
    .elementor-kit-6 h4 {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-kit-6 h5 {
        font-size: var( --e-global-typography-accent-font-size);
        line-height: var( --e-global-typography-accent-line-height);
    }
    .elementor-kit-6 h6 {
        font-size: var( --e-global-typography-949b7e5-font-size);
        line-height: var( --e-global-typography-949b7e5-line-height);
    }
    .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 90vw;
    }
    .e-con {
        --container-max-width: 90vw;
    }
}

@media(max-width:767px) {
    .elementor-kit-6 {
        --e-global-typography-primary-font-size: 3.2rem;
        --e-global-typography-primary-line-height: 38px;
        --e-global-typography-37597cf-line-height: 1.3em;
        background-image: url("https://art365.tw/wp-content/uploads/2024/01/wbg2.webp");
        font-size: var( --e-global-typography-text-font-size);
        line-height: var( --e-global-typography-text-line-height);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .elementor-kit-6 h1 {
        font-size: var( --e-global-typography-37597cf-font-size);
        line-height: var( --e-global-typography-37597cf-line-height);
    }
    .elementor-kit-6 h2 {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-kit-6 h3 {
        font-size: var( --e-global-typography-88ce6be-font-size);
        line-height: var( --e-global-typography-88ce6be-line-height);
    }
    .elementor-kit-6 h4 {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-kit-6 h5 {
        font-size: var( --e-global-typography-accent-font-size);
        line-height: var( --e-global-typography-accent-line-height);
    }
    .elementor-kit-6 h6 {
        font-size: var( --e-global-typography-949b7e5-font-size);
        line-height: var( --e-global-typography-949b7e5-line-height);
    }
    .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 100vw;
    }
    .e-con {
        --container-max-width: 100vw;
    }
}

/* Start custom CSS */

html {
    font-size: 62.5%;
}

/*搜尋tab背景*/

.elementor-element-c6bd24f .e-n-tabs-heading {
    background-color: #fff;
    border-radius: 100px;
    padding: 10px;
}

body {
    cursor: url(https://art365.tw/wp-content/uploads/2024/01/normal3.webp), auto;
}

a:hover {
    cursor: url(https://art365.tw/wp-content/uploads/2024/01/click4.webp), auto;
}

a:active {
    cursor: url(https://art365.tw/wp-content/uploads/2024/01/click4.webp), auto;
}

/*黃意會落地頁背景*/

.side-panel {
    position: absolute;
    top: 0;
    width: 150px;
    /* 可根據需要調整寬度 */
    height: calc(300px * 11);
    overflow: hidden;
}

.left-panel {
    left: 3em;
}

.right-panel {
    right: 3em;
}

.slide {
    display: grid;
    place-items: center;
    transition: 0.5s;
    cursor: pointer;
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
    animation: marquee 20s linear infinite;
}

.marquee div {
    width: 100%;
    margin-bottom: 1em;
}

.slide img {
    width: 100%;
    opacity: 0.8;
}

@keyframes marquee {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(calc(-1600px));
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .left-panel {
        left: 0.5em;
    }
    .right-panel {
        right: 0.5em;
    }
    .slide img {
        width: 80%;
        opacity: 0.8;
    }
    .side-panel {
        width: 120px;
    }
}

/*文章樣式*/

.elementor-widget-theme-post-content .elementor-widget-container p {
    font-size: 1.6rem;
    font-weight: 400;
    color: #000000;
    line-height: 1.5em;
}

.elementor-widget-theme-post-content .elementor-widget-container h2 {
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 4rem;
    color: #003DB7;
    margin: 3.2em 0 1.2rem 0;
}

.elementor-widget-theme-post-content .elementor-widget-container h3 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #000000;
    border-left: 5px solid #003DB7;
    border-bottom: 2px dashed #999;
    line-height: 2.8rem;
    padding: 8px 12px;
    margin: 2rem 0;
}

.elementor-widget-theme-post-content .elementor-widget-container h4 {
    margin: 3rem 0 2rem;
}

.elementor-widget-theme-post-content .elementor-widget-container h4:before {
    content: "○";
    margin-right: .8rem;
}

@media (max-width: 767px) {
    .elementor-widget-theme-post-content .elementor-widget-container h2 {
        font-size: 3rem;
        font-weight: 600;
        line-height: 3.6rem;
        margin-top: 2rem;
    }
    .elementor-widget-theme-post-content .elementor-widget-container li strong {
        font-size: 1.4rem;
        font-weight: 400;
        color: #003DB7;
        font-weight: 600;
    }
    .elementor-widget-theme-post-content .elementor-widget-container li {
        font-size: 1.4rem;
    }
}

.elementor-widget-container .woocommerce-product-gallery .flex-viewport {
    margin-bottom: 1rem;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 20%;
    margin: 4px;
}

/*文章按鈕-------------------------------------*/

.wp-block-button__link {
    margin: 2rem 0;
    padding: 1.2rem 4rem;
    background: var(--e-global-color-primary);
    color: #fff !important;
    border-radius: 10rem;
    font-size: 1.6rem !important;
}

.wp-block-button__link:hover {
    background: #000000;
}

/* 文章list樣式*/

.custom_list ul {
    list-style: none;
    padding: 0;
}

#site-footer {
    display: none;
}

/*文章圖片尺寸*/

figcaption {
    font-size: 14px;
}

.wp-block-image img {
    width: 100%;
}

/*文章目錄連結位置*/

.post_content h2,
.post_content h3,
.post_content h4 {
    scroll-margin-top: 12rem;
}

/*bread 樣式*/

.rank-math-breadcrumb p {
    color: #333333;
    margin-block-start: 0;
    margin-block-end: 0;
    padding: 6px
}

.rank-math-breadcrumb a {
    color: #003DB7;
}

/* End custom CSS */