@media print {
    /* =========================
       基本列印設定
    ========================= */
    *,
    *::before,
    *::after {
        transition: none !important;
        animation: none !important;
        box-shadow: none !important;
        filter: none !important;
    }

    html,
    body {
        height: auto !important;
        overflow: visible !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    img {
        display: block !important;
        max-width: 100% !important;
        height: auto !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    /* =========================
       共用工具
    ========================= */
    .swiper-container,
    .swiper-wrapper,
    .swiper-slide,
    .column-wrapper_item,
    .column-wrapper_text,
    .testilider,
    .fl-wrap,
    .clearfloat,
    .hov_zoom,
    .lightgallery {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .swiper-wrapper {
        transform: none !important;
    }

    .swiper-slide {
        float: none !important;
        margin-right: 0 !important;
    }

    .swiper-slide-duplicate,
    .swiper-pagination,
    .swiper-notification,
    .testilider-controls,
    .related-post-swiper-nav,
    .custom-next,
    .custom-prev,
    .ss-slider-btn,
    .swiper-button-prev,
    .swiper-button-next,
    .imagesBlock .swiper-gallery-main .swiper-pagination,
    .imagesBlock .swiper-gallery-main .swiper-button-prev,
    .imagesBlock .swiper-gallery-main .swiper-button-next,
    .imagesBlock .swiper-gallery-main .swiper-notification,
    .imagesBlock .swiper-gallery-thumbs .swiper-button-prev,
    .imagesBlock .swiper-gallery-thumbs .swiper-button-next,
    .imagesBlock .swiper-gallery-thumbs .fw_cb,
    .imagesBlock .swiper-gallery-thumbs .swiper-notification {
        display: none !important;
    }

    .print-flow-reset,
    .news-info,
    .news-info.cusedit,
    .news-attachment,
    .related-images-block,
    .related-post-block,
    .related-collections-block,
    #related-collections,
    .imagesBlock {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
    }

        .print-avoid-break,
        .news-attachment,
        .related-images-block,
        .column-wrapper_item.fl-wrap.imagesBlock,
        .related-post-block .swiper-slide,
        .related-collections-block .swiper-slide,
        .video-box {
            page-break-inside: avoid !important;
            break-inside: avoid !important;
            -webkit-column-break-inside: avoid !important;
        }

    /* =========================
       Navbar
    ========================= */
    nav#navbar-main,
    #navbar-main {
        display: block !important;
        position: static !important;
        margin-bottom: 16px !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

        #navbar-main .container,
        #navbar-main .nav-list,
        #navbar-main #navbar,
        #navbar-main ul,
        #navbar-main li,
        #navbar-main a {
            visibility: visible !important;
            opacity: 1 !important;
        }

            #navbar-main #navbar.collapse,
            #navbar-main #navbar.navbar-collapse,
            #navbar-main .collapse,
            #navbar-main .navbar-collapse {
                display: block !important;
                height: auto !important;
                overflow: visible !important;
            }

        #navbar-main .navbar-nav {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 12px !important;
            margin: 0 !important;
            padding: 8px 0 !important;
            float: none !important;
        }

            #navbar-main .navbar-nav > li {
                display: inline-block !important;
                float: none !important;
                list-style: none !important;
                margin: 0 !important;
            }

                #navbar-main .navbar-nav > li > a {
                    display: inline-block !important;
                    padding: 0 !important;
                    color: #000 !important;
                    text-decoration: none !important;
                }

    /* =========================
       一般內容區
    ========================= */
    .news-info p,
    .news-info ul,
    .news-info li {
        page-break-inside: auto !important;
        break-inside: auto !important;
    }

    .news-info img {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .news-attachment,
    .related-images-block {
        margin-top: 20px !important;
    }

    .gallery-items.four-column {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 18px !important;
        height: auto !important;
        position: static !important;
    }

        .gallery-items.four-column .gallery-item {
            position: static !important;
            left: auto !important;
            top: auto !important;
            width: auto !important;
            float: none !important;
            page-break-inside: avoid !important;
            break-inside: avoid !important;
        }

        .gallery-items.four-column .grid-item-holder {
            max-width: none !important;
            margin: 0 !important;
            padding: 0 !important;
            overflow: visible !important;
        }

        .gallery-items.four-column .gallery-item a {
            display: block !important;
        }

        .gallery-items.four-column.vis-thumb-info .thumb-info {
            position: relative !important;
            padding: 0 !important;
            opacity: 1 !important;
            visibility: visible !important;
        }

    /* =========================
       相關圖片 / 主圖縮圖
    ========================= */
    .related-images-block .column-wrapper_item,
    .related-images-block .column-wrapper_text,
    .related-images-block .testilider,
    .related-images-block .swiper-container,
    .related-images-block .lightgallery,
    .related-images-block .swiper-wrapper,
    .imagesBlock,
    .imagesBlock .column-wrapper_text,
    .imagesBlock .swiper-gallery-main,
    .imagesBlock .swiper-gallery-main .swiper-container,
    .imagesBlock .swiper-gallery-main .lightgallery,
    .imagesBlock .swiper-gallery-thumbs,
    .imagesBlock .swiper-gallery-thumbs > div,
    .imagesBlock .swiper-gallery-thumbs .swiper-container,
    .imagesBlock .fl-wrap {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        float: none !important;
        position: static !important;
        overflow: visible !important;
        text-align: center !important;
    }

        .related-images-block .swiper-slide,
        .imagesBlock .swiper-gallery-main .swiper-slide,
        .imagesBlock .swiper-gallery-main .swiper-slide-duplicate,
        .imagesBlock .swiper-gallery-main .swiper-slide-prev,
        .imagesBlock .swiper-gallery-main .swiper-slide-next {
            display: none !important;
            width: auto !important;
            margin: 0 !important;
            float: none !important;
        }

            .related-images-block .swiper-slide-active,
            .imagesBlock .swiper-gallery-main .swiper-slide.swiper-slide-active {
                display: block !important;
                width: 100% !important;
                max-width: 100% !important;
                margin: 0 auto !important;
                float: none !important;
            }

                .related-images-block .swiper-slide-active .gallery-item,
                .related-images-block .swiper-slide-active .gallery-item.fornews,
                .related-images-block .swiper-slide-active .grid-item-holder,
                .imagesBlock .swiper-gallery-main .gallery-item,
                .imagesBlock .swiper-gallery-main .gallery-item.fornews,
                .imagesBlock .swiper-gallery-main .grid-item-holder,
                .imagesBlock .swiper-gallery-main .gallery-item a {
                    display: block !important;
                    width: 100% !important;
                    max-width: 100% !important;
                    margin: 0 auto !important;
                    padding: 0 !important;
                    overflow: visible !important;
                    text-align: center !important;
                }

                .related-images-block .swiper-slide-active a {
                    display: block !important;
                }

                .related-images-block .swiper-slide-active img,
                .imagesBlock .swiper-gallery-main img {
                    width: auto !important;
                    max-width: 100% !important;
                    height: auto !important;
                    margin: 0 auto !important;
                    vertical-align: top !important;
                }

        .imagesBlock .swiper-gallery-thumbs {
            margin-top: 12px !important;
        }

            .imagesBlock .swiper-gallery-thumbs .swiper-wrapper {
                display: flex !important;
                flex-wrap: wrap !important;
                justify-content: center !important;
                align-items: flex-start !important;
                gap: 12px !important;
                width: 100% !important;
                max-width: 100% !important;
                height: auto !important;
                margin: 0 auto !important;
                padding: 0 !important;
                left: auto !important;
                right: auto !important;
                transform: none !important;
                overflow: visible !important;
            }

            .imagesBlock .swiper-gallery-thumbs .swiper-slide,
            .imagesBlock .swiper-gallery-thumbs .swiper-slide.swiper-slide-thumb-active,
            .imagesBlock .swiper-gallery-thumbs .swiper-slide.swiper-slide-active,
            .imagesBlock .swiper-gallery-thumbs .swiper-slide.swiper-slide-next {
                display: block !important;
                width: auto !important;
                max-width: none !important;
                height: auto !important;
                margin: 0 !important;
                flex: 0 0 auto !important;
                float: none !important;
                position: static !important;
            }

                .imagesBlock .swiper-gallery-thumbs .swiper-slide img {
                    display: block !important;
                    width: auto !important;
                    max-width: 96px !important;
                    height: auto !important;
                    margin: 0 auto !important;
                }

    .column-wrapper_item.fl-wrap.imagesBlock,
    .column-wrapper_item.fl-wrap.imagesBlock .column-wrapper_text,
    .column-wrapper_item.fl-wrap.imagesBlock .swiper-gallery-main,
    .column-wrapper_item.fl-wrap.imagesBlock .swiper-gallery-thumbs,
    .column-wrapper_item.fl-wrap.imagesBlock .swiper-container,
    .column-wrapper_item.fl-wrap.imagesBlock .swiper-wrapper,
    .column-wrapper_item.fl-wrap.imagesBlock .swiper-slide {
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    /* =========================
       卡片型 Swiper：相關文章 / 你可能有興趣
    ========================= */
    .related-post-block,
    .related-collections-block {
        margin-top: 24px !important;
    }

    .related-collections-block {
        border-top: 0 !important;
        padding-top: 0 !important;
    }

        .related-post-block .swiper-container,
        .related-collections-block .swiper-container {
            display: block !important;
            height: auto !important;
            overflow: visible !important;
        }

        .related-post-block .swiper-wrapper,
        .related-collections-block .swiper-wrapper {
            display: flex !important;
            gap: 16px !important;
            width: 100% !important;
            overflow: visible !important;
            transform: none !important;
            align-items: flex-start !important;
        }

        .related-post-block .swiper-slide,
        .related-collections-block .swiper-slide {
            display: none !important;
            width: auto !important;
            height: auto !important;
            margin: 0 !important;
        }

        .related-post-block .swiper-slide-active,
        .related-post-block .swiper-slide-next,
        .related-post-block .swiper-slide-next + .swiper-slide,
        .related-collections-block .swiper-slide-active,
        .related-collections-block .swiper-slide-next,
        .related-collections-block .swiper-slide-next + .swiper-slide {
            display: block !important;
            flex: 1 1 0 !important;
            max-width: 32% !important;
            width: auto !important;
        }

        .related-post-block .related-post-item,
        .related-collections-block .related-post-item {
            display: block !important;
            height: auto !important;
            overflow: visible !important;
            background: #fff !important;
            border: 1px solid #ccc !important;
            padding: 10px !important;
        }

        .related-post-block .related-post-item__img,
        .related-post-block .related-post-item__img a,
        .related-post-block .related-post-item__content,
        .related-collections-block .related-post-item__img,
        .related-collections-block .related-post-item__img a,
        .related-collections-block .related-post-item__content {
            display: block !important;
            overflow: visible !important;
        }

        .related-post-block .related-post-item__img,
        .related-collections-block .related-post-item__img {
            margin-bottom: 8px !important;
        }

            .related-post-block .related-post-item__img img,
            .related-collections-block .related-post-item__img img {
                width: 100% !important;
            }

        .related-post-block .related-post-item__title,
        .related-collections-block .related-post-item__title {
            margin: 0 0 8px !important;
            font-size: 14px !important;
            line-height: 1.4 !important;
        }

            .related-post-block .related-post-item__title a,
            .related-collections-block .related-post-item__title a {
                color: #000 !important;
                text-decoration: none !important;
            }

        .related-post-block .related-post-item__excerpt,
        .related-collections-block .related-post-item__excerpt {
            margin-bottom: 8px !important;
            font-size: 12px !important;
            line-height: 1.5 !important;
            max-height: 4.5em !important;
            overflow: hidden !important;
        }

        .related-post-block .related-post-item__date,
        .related-post-block .related-post-item__tags,
        .related-collections-block .related-post-item__date,
        .related-collections-block .related-post-item__tags {
            margin-top: 6px !important;
            font-size: 12px !important;
            line-height: 1.4 !important;
        }

        .related-collections-block .related-post-title {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 24px !important;
            width: 100% !important;
            margin: 0 0 20px !important;
            background: transparent !important;
            position: relative !important;
            z-index: 2 !important;
            color: #483735 !important;
            text-align: center !important;
            line-height: 1.4 !important;
            page-break-after: avoid !important;
            break-after: avoid !important;
        }

            .related-collections-block .related-post-title::before,
            .related-collections-block .related-post-title::after {
                content: "" !important;
                display: block !important;
                flex: 1 1 auto !important;
                min-width: 0 !important;
                border-top: 1px solid #483735 !important;
            }

        #related-collections,
        #related-collections .container,
        .related-collections-block,
        .related-collections-block .related-post-title,
        .related-collections-block .swiper-container,
        .related-collections-block .swiper-wrapper {
            page-break-inside: avoid !important;
            break-inside: avoid !important;
        }

    /* =========================
       典藏文物列表工具列
    ========================= */
    .bar {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 220px !important;
        align-items: center !important;
        column-gap: 18px !important;
        width: 100% !important;
    }

        .bar > .search {
            min-width: 0 !important;
            display: flex !important;
            align-items: center !important;
            gap: 10px !important;
            white-space: nowrap !important;
            overflow: hidden !important;
        }

            .bar > .search > label {
                display: none !important;
            }

            .bar > .search > input[type="search"] {
                flex: 0 0 180px !important;
                width: 180px !important;
                height: 32px !important;
                margin: 0 !important;
                padding: 0 14px !important;
                border: 0 !important;
                border-radius: 8px !important;
                background: #e9dccd !important;
                color: #6d5a4d !important;
                appearance: none !important;
                -webkit-appearance: none !important;
                -webkit-print-color-adjust: exact !important;
                print-color-adjust: exact !important;
            }

            .bar > .search > .btn-filter {
                flex: 0 0 auto !important;
                margin: 0 !important;
                padding: 0 !important;
                border: 0 !important;
                background: transparent !important;
                color: #6b534c !important;
                font-size: 14px !important;
                line-height: 1.2 !important;
                white-space: nowrap !important;
                -webkit-print-color-adjust: exact !important;
                print-color-adjust: exact !important;
            }

            .bar > .search > button.search,
            .bar > .search > button.searchFocus {
                flex: 0 0 auto !important;
                height: 32px !important;
                margin: 0 !important;
                padding: 0 18px !important;
                border: 0 !important;
                border-radius: 8px !important;
                background: #5a433d !important;
                color: #fff !important;
                font-size: 14px !important;
                line-height: 32px !important;
                white-space: nowrap !important;
                appearance: none !important;
                -webkit-appearance: none !important;
                -webkit-print-color-adjust: exact !important;
                print-color-adjust: exact !important;
            }

        .bar > .adj {
            width: 220px !important;
            min-width: 220px !important;
            height: 56px !important;
            display: block !important;
            position: relative !important;
            justify-self: end !important;
            align-self: center !important;
            overflow: visible !important;
            font-size: 0 !important;
        }

            .bar > .adj::before {
                content: "2 4 6 8" !important;
                position: absolute !important;
                left: 52px !important;
                top: 0 !important;
                width: 124px !important;
                height: 16px !important;
                line-height: 16px !important;
                font-size: 12px !important;
                color: #9a7b72 !important;
                text-align: left !important;
                letter-spacing: 16px !important;
                white-space: nowrap !important;
                pointer-events: none !important;
            }

            .bar > .adj::after {
                content: none !important;
            }

            .bar > .adj > #rangeV {
                display: block !important;
                position: absolute !important;
                left: 52px !important;
                top: 21px !important;
                width: 124px !important;
                height: 24px !important;
                margin: 0 !important;
                padding: 0 !important;
                background: transparent !important;
                border: 0 !important;
                outline: none !important;
                appearance: none !important;
                -webkit-appearance: none !important;
                -moz-appearance: none !important;
                z-index: 2 !important;
                -webkit-print-color-adjust: exact !important;
                print-color-adjust: exact !important;
            }

                .bar > .adj > #rangeV::-webkit-slider-runnable-track {
                    height: 18px !important;
                    background: #d9d9d9 !important;
                    border: 0 !important;
                    border-radius: 999px !important;
                    box-shadow: none !important;
                }

                .bar > .adj > #rangeV::-webkit-slider-thumb {
                    -webkit-appearance: none !important;
                    width: 28px !important;
                    height: 28px !important;
                    margin-top: -5px !important;
                    border: 0 !important;
                    border-radius: 50% !important;
                    background: #ae816c !important;
                    box-shadow: none !important;
                }

                .bar > .adj > #rangeV::-moz-range-track {
                    height: 18px !important;
                    background: #d9d9d9 !important;
                    border: 0 !important;
                    border-radius: 999px !important;
                    box-shadow: none !important;
                }

                .bar > .adj > #rangeV::-moz-range-thumb {
                    width: 28px !important;
                    height: 28px !important;
                    border: 0 !important;
                    border-radius: 50% !important;
                    background: #ae816c !important;
                    box-shadow: none !important;
                }

                .bar > .adj > #rangeV::-ms-track {
                    width: 124px !important;
                    height: 18px !important;
                    background: transparent !important;
                    border-color: transparent !important;
                    color: transparent !important;
                }

                .bar > .adj > #rangeV::-ms-fill-lower,
                .bar > .adj > #rangeV::-ms-fill-upper {
                    background: #d9d9d9 !important;
                    border: 0 !important;
                    border-radius: 999px !important;
                }

                .bar > .adj > #rangeV::-ms-thumb {
                    width: 28px !important;
                    height: 28px !important;
                    border: 0 !important;
                    border-radius: 50% !important;
                    background: #ae816c !important;
                    margin-top: 0 !important;
                }

            .bar > .adj > a {
                position: absolute !important;
                top: 26px !important;
                display: inline-block !important;
                width: 12px !important;
                height: 12px !important;
                margin: 0 !important;
                padding: 0 !important;
                line-height: 0 !important;
                z-index: 3 !important;
            }

                .bar > .adj > a.less {
                    left: 18px !important;
                    top: 0px !important;
                }

                .bar > .adj > a.more {
                    left: 190px !important;
                    top: 0px !important;
                }

                .bar > .adj > a img {
                    display: block !important;
                    width: 12px !important;
                    height: 12px !important;
                    opacity: 1 !important;
                }

    /* =========================
       典藏文物清單區
    ========================= */
    #range,
    #range.culbox-in,
    #range.list1,
    #range.list2,
    #range.list3,
    #range.list4,
    #range.culbox-in.list1,
    #range.culbox-in.list2,
    #range.culbox-in.list3,
    #range.culbox-in.list4 {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        position: static !important;
        transform: none !important;
        page-break-inside: auto !important;
        break-inside: auto !important;
        -webkit-column-break-inside: auto !important;
        column-count: auto !important;
        columns: auto !important;
        column-gap: 0 !important;
    }

        #range a {
            text-decoration: none !important;
            page-break-inside: auto !important;
            break-inside: auto !important;
            -webkit-column-break-inside: auto !important;
        }

            #range a > div {
                display: inline-block !important;
                width: 100% !important;
                vertical-align: top !important;
                page-break-inside: avoid !important;
                break-inside: avoid !important;
                -webkit-column-break-inside: avoid !important;
            }

        #range h3,
        #range .title-break {
            margin: 0 !important;
            overflow-wrap: break-word !important;
            word-break: break-word !important;
            page-break-inside: avoid !important;
            break-inside: avoid !important;
            -webkit-column-break-inside: avoid !important;
        }

    /* =========================
       影音列表
    ========================= */
    .video-box {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 18px !important;
        width: 100% !important;
        margin: 0 0 16px !important;
        padding: 12px !important;
        overflow: hidden !important;
        border: 1px solid #d8d8d8 !important;
        border-radius: 12px !important;
        background: #fff !important;
    }

        .video-box:nth-child(even) {
            flex-direction: row-reverse !important;
        }

        .video-box > .mov,
        .video-box > a {
            display: block !important;
            position: relative !important;
            flex: 0 0 400px !important;
            min-width: 400px !important;
            width: 400px !important;
            height: 200px !important;
            margin: 0 !important;
            padding: 0 !important;
            overflow: hidden !important;
            border-radius: 8px !important;
            background: #f3f3f3 !important;
        }

        .video-box .mov-img {
            display: block !important;
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
        }

        .video-box .information,
        .video-box .major {
            flex: 1 1 0 !important;
            min-width: 0 !important;
            margin: 0 !important;
            padding: 10px !important;
            float: none !important;
            position: static !important;
            text-align: left !important;
            align-self: stretch !important;
        }

        .video-box .information {
            padding: 10px 2% !important;
        }

        .video-box .major h3 {
            margin: 0 0 6px !important;
            color: #483735 !important;
            font-size: 2em !important;
            line-height: 1.5 !important;
            text-align: left !important;
            word-break: break-word !important;
            overflow-wrap: break-word !important;
        }

            .video-box .major h3 a {
                color: #483735 !important;
                text-decoration: none !important;
            }

        .video-box .major #attribute,
        .video-box .major a#attribute {
            display: inline-block !important;
            margin-right: 6px !important;
            padding: 0 10px 5px !important;
            border-radius: 4px !important;
            background-color: #7a6c53 !important;
            color: #fff !important;
            font-size: 12px !important;
            line-height: 1.4 !important;
            text-decoration: none !important;
        }

        .video-box .information p,
        .video-box .information .panel-collapse,
        .video-box .information .collapse {
            display: -webkit-box !important;
            overflow: hidden !important;
            height: auto !important;
            margin: 0 0 12px !important;
            padding: 0 !important;
            color: #5e646a !important;
            font-size: 14px !important;
            line-height: 24px !important;
            font-weight: 500 !important;
            text-align: left !important;
            text-overflow: ellipsis !important;
            white-space: normal !important;
            -webkit-line-clamp: 4 !important;
            -webkit-box-orient: vertical !important;
        }

            .video-box .information .collapse.in {
                display: block !important;
                overflow: auto !important;
                padding: 0 !important;
                white-space: normal !important;
            }

        .video-box .information button,
        .video-box .information .flip {
            min-width: auto !important;
            padding: 0 0 2px !important;
            border-radius: 0 !important;
            background-color: #fff !important;
            color: #7a6c53 !important;
            border-bottom: 2px solid #7a6c53 !important;
            box-shadow: none !important;
        }

        .video-box .information > a[style*="display:none"] {
            display: none !important;
        }

        .video-box .video-box2,
        .video-box .video-main,
        .video-box .promo-video,
        .video-box .waves-block,
        .video-box .waves,
        .video-box .video2,
        .video-box .fa-play {
            display: none !important;
        }

    @media print and (max-width: 900px) {
        .video-box > .mov,
        .video-box > a {
            flex: 0 0 320px !important;
            min-width: 320px !important;
            width: 320px !important;
            height: 180px !important;
        }

        .video-box .major h3 {
            font-size: 1.6em !important;
        }
    }
}