.certificate_body {
    background-size: cover;
    height: 100vh;
}
.certificate_body #footer{position: fixed;bottom: 0;left: 0;width: 100%;}
.zscx_form .zscx-form {
    width: 478px;
    margin: 0 auto;
    padding: 0;
}
.zscx_tit{padding-top: 50px;margin-bottom: 0;border-bottom: none;}

.acea-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap}
.acea-row.row-middle{-webkit-box-align:center;-o-box-align:center;-ms-flex-align:center;align-items:center}
.acea-row.row-top{-webkit-box-align:start;-o-box-align:start;-ms-flex-align:start;align-items:flex-start}
.acea-row.row-bottom{-webkit-box-align:end;-o-box-align:end;-ms-flex-align:end;align-items:flex-end}
.acea-row.row-center{-webkit-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;justify-content:center}
.acea-row.row-right{-webkit-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.acea-row.row-left{-webkit-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.acea-row.row-between{-webkit-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.acea-row.row-around,
.acea-row.row-column-around{-ms-flex-pack:distribute;justify-content:space-around;-webkit-justify-content:space-around}
.acea-row.row-column-around{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
.acea-row.row-column,
.acea-row.row-column-between{-webkit-box-orient:vertical;-o-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}
.acea-row.row-column-between{-webkit-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.acea-row.row-center-wrapper{-webkit-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;justify-content:center}
.acea-row.row-between-wrapper,
.acea-row.row-center-wrapper{-webkit-box-align:center;-o-box-align:center;-ms-flex-align:center;align-items:center}
.acea-row.row-between-wrapper{-webkit-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}

.acea-row.row-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}

.app_box{opacity: 0;transition: 0.3s;}
.app_box.show{opacity: 1;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}

.result_modal {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);display: flex;justify-content: center;align-items: center;z-index: 999;}
.result_modal * {box-sizing: border-box;}
.result_modal .modal_content {background-color: white;border-radius: 8px;width: 80%;max-width: 800px;max-height: 90vh;overflow-y: auto;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
.result_modal .modal_header {display: flex;justify-content: space-between;align-items: center;padding: 16px 20px;border-bottom: 1px solid #eee;}
.result_modal .modal_header span {font-size: 18px;font-weight: bold;}
.result_modal .close_btn {background: none;border: none;font-size: 24px;cursor: pointer;color: #666;}
.result_modal .close_btn:hover {color: #333;}
.result_modal .modal_body {padding: 20px;max-height: 600px;overflow: auto;font-size: 16px;}
.result_modal .modal_footer {padding: 20px;text-align: right;border-top: 1px solid #eee;}
.result_modal .btn_primary {background-color: #007bff;color: white;border: none;padding: 8px 16px;border-radius: 4px;cursor: pointer;}
.result_modal .btn_primary:hover {background-color: #0056b3;}
.result_modal .result_table_tit{padding:10px 0;}

.result_table {width: 100%;border-collapse: collapse;border: 1px solid #ddd;}
.result_table .result_row {display: flex;border-bottom: 1px solid #ddd;line-height: 24px;}
.result_table .result_row:last-child {border-bottom: none;}
.result_table .result_cell {padding: 10px 15px;border-right: 1px solid #ddd;}
.result_table .result_cell:last-child {border-right: none;}
.result_table .result_label {width: 110px;color: #333;background-color: #f8f9fa;font-weight: bold;text-align: center;}
.result_table .result_value {color: #333;}
.result_table .modal_body {padding: 0;}
.result_table .result_row:last-child .result_cell {border-bottom: none;}

.copyright_notice {text-align: center;padding: 5px 0;color: #999;font-size: 14px;margin-bottom: 10px;}