[x-cloak] {
    display: none !important;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}



@keyframes slideUp {
    to {
        transform: translateY(-100%);
    }
}

@keyframes slideDown {
    to {
        transform: translateY(100%);
    }
}

.split {
    animation-duration: 1.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

.top-part {
    animation-name: slideUp;
}

.bottom-part {
    animation-name: slideDown;
}





#A4 {
    width: 20cm;
    /* A4 width */
    /* height: 29.7cm; A4 height */
}

@media print {
    body * {
        visibility: hidden;
    }

    #A4,
    #A4 * {
        visibility: visible;
    }

    #print-section, /* 確保這一段在列印時可見 */
    #print-section * { /* 確保這一段的子元素在列印時也可見 */
        visibility: visible;
    }

    #A4 {
        position: absolute;
        left: 0;
        top: 0;
        transform: scale(0.95); /* 將比例設定為 95% */
        transform-origin: top left; /* 設定縮放的基點為左上角 */
    }
}