@media print {
    body {
        -webkit-print-color-adjust: exact;
        /* 處理 chrome 瀏覽器背景顏色顯示不正常的問題 */
    }
    .page-body {
        padding: 0 !important;
    }
    .no-print {
        display: none !important;
    }
    @page {
        page-break-inside: avoid;
    }
}

@media print and (max-width: 575.98px) {
    .top-detail-area {
        flex-direction: column-reverse;
    }
}

@media print and (min-width: 576px) {
    .top-detail-area {
        flex-direction: row;
    }
}