/** DO NOT MODIFY THIS FILE. All code here are generated by MachForm Theme Editor **/

#main_body h1 a
{
background-image: url('https://cuav.cuhk.edu.hk/wp-content/uploads/2026/04/CUAV_790.webp');
height: 94px;
}

html
{
background-color: #f5f5f5;
background-image: none;
}

#main_body h1
{
background-color: #ffffff;
background-image: none;
}

#form_container
{
background-color: #ffffff;
border-width: 0px;
box-shadow: none;
border-style: solid;
border-color: #cccccc;
}

#main_body form li.highlighted,#main_body .matrix tbody tr:hover td,#machform_review_table tr.alt
{
background-color: #fff7c0;
}

#main_body form .guidelines
{
background-color: #F5F5F5;
border-width: 0px;
border-style: solid;
border-color: #cccccc;
}

#main_body form .guidelines small
{
font-family: 'Verdana','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color: #444444;
}

#main_body input.text,#main_body input.file,#main_body textarea.textarea,#main_body select.select,#main_body input.checkbox,#main_body input.radio
{
background-color: transparent;
font-family: 'Verdana','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 95%;
color: #444444;
}

#machform_review_table td.mf_review_value
{
font-family: 'Verdana','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 95%;
color: #000000;
}

#main_body .form_description h2,#main_body .form_success h2
{
font-family: 'Verdana','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 160%;
color: #7d2882;
}

#main_body .form_description p,#main_body form ul.payment_list_items li
{
font-family: 'Verdana','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 130%;
color: #000000;
}

#main_body form li span.ap_tp_text
{
color: #000000;
}

#main_body form li label.description,#main_body form li span.description,#main_body .matrix caption,#main_body .matrix td.first_col,#main_body form li.total_payment span,#machform_review_table td.mf_review_label
{
font-family: 'Verdana','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 110%;
color: #000000;
}

#main_body form li span label,#main_body label.choice,#main_body .matrix th,#main_body form li span.symbol,.mf_sigpad_clear,#main_body form li div label,#main_body form li div span.label
{
font-family: 'Verdana','Lucida Grande',Tahoma,Arial,sans-serif;
color: #000000;
}

#main_body form .section_break h3,#main_body form .media h3,#machform_review_table td .mf_section_title
{
font-family: 'Verdana','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 110%;
color: #444444;
}

#main_body form .section_break p,#main_body form .media p,#machform_review_table td .mf_section_content
{
font-family: 'Verdana','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color: #444444;
}

#main_body form li.section_break
{
border-top-width: 0px;
border-top-style: solid;
border-top-color: #444444;
}



/** Advanced CSS **/

/* --- 分段標題 (Section Break) --- */
/* 僅設定顏色與底線，字體樣式完全保留系統預設 */
body #main_body ul li.section_break h3,
#main_body li.section_break h3,
.section_break h3 {
    color: #7D2882 !important;
    border-bottom: 2px solid #F0AA23 !important; /* 金色底線 */
    padding-bottom: 8px !important;
    margin-top: 20px !important;
    display: block !important;
    width: 100% !important;
}

/* --- 表單主標題 (Form Title) --- */
#main_body h1 {
    color: #7D2882 !important; /* 品牌紫 */
    font-weight: bold !important;
}

/* --- 欄位標籤 (Field Labels) --- */
#main_body label.description {
    color: #000000 !important; /* 品牌黑，確保閱讀清晰 */
}

/* --- 輸入框基礎樣式 (Inputs & Textareas) --- */
#main_body input.text, 
#main_body textarea.textarea, 
#main_body select.select {
    border: 1px solid #BEBEBE !important; /* 品牌灰 (Grey) 作為預設邊框 */
    border-radius: 2px !important;
    padding: 8px !important;
    transition: all 0.3s ease !important;
}

/* --- 輸入框點擊焦點狀態 (Focus State) --- */
#main_body input.text:focus, 
#main_body textarea.textarea:focus, 
#main_body select.select:focus {
    border: 1px solid #7D2882 !important; /* 點選時轉為 CUHK Purple */
    box-shadow: 0 0 5px rgba(125, 40, 130, 0.3) !important; /* 搭配透明度 30% 的紫色光暈 */
    outline: none !important;
}

/* --- 當前選中欄位的背景反白 (Highlighted Row) --- */
#main_body form li.highlighted {
    background-color: rgba(240, 170, 35, 0.06) !important; /* 6% 透明度的 CUHK Gold，視覺輕盈舒適 */
}

/* --- 矩陣選擇題/單選/多選框顏色微調 (Radios & Checkboxes) --- */
#main_body input.radio:checked, 
#main_body input.checkbox:checked {
    accent-color: #7D2882 !important; /* 支援現代瀏覽器的原生選擇框顏色更改 */
}