.visa-container {
max-width: 1000px;
margin: 20px auto;
font-family: "微軟正黑體", sans-serif;
color: #333;
}
.visa-header-box {
border-left: 6px solid #ff00ff;
background: #fff;
padding: 15px;
margin-bottom: 20px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.visa-table {
width: 100%;
border-collapse: collapse;
background: #fff;
border: 1px solid #ddd;
table-layout: fixed; }
.visa-table th {
background: #444;
color: #fff;
padding: 12px;
font-size: 16px;
} .col-type { width: 22%; }
.col-days { width: 15%; }
.col-price { width: 15%; }
.col-info { width: 48%; }
.visa-table td {
border: 1px solid #eee;
padding: 10px;
text-align: center;
vertical-align: middle;
}
.type-cell { font-weight: bold; }
.price-text { color: #d32f2f; font-weight: bold; font-size: 17px; }
.urgent-text { color: #ff0000; font-weight: bold; } .info-cell {
text-align: left !important;
vertical-align: top !important;
padding: 20px !important;
line-height: 1.7;
background: #fdfdfd;
}
.info-cell h4 { margin-top: 0; color: #008080; border-bottom: 1px solid #eee; padding-bottom: 5px; } .help-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
margin-top: 20px;
}
.help-card {
padding: 15px;
border-radius: 5px;
color: #fff;
text-decoration: none;
display: block;
}
.help-card:hover { opacity: 0.9; transform: translateY(-2px); transition: 0.3s; }
.bg-orange { background: #ff5100; }
.bg-maroon { background: #990000; }
.btn-online {
display: inline-block;
background: #008080;
color: #fff !important;
padding: 8px 20px;
border-radius: 4px;
text-decoration: none;
margin-top: 10px;
font-weight: bold;
} @media (max-width: 768px) { .visa-table { display: grid; grid-template-columns: auto auto auto; border: 1px solid #ddd; background: #fff; }
.visa-table thead, .visa-table tbody, .visa-table tr { display: contents; }
.visa-table th { padding: 10px 8px; font-size: 14px; }
.visa-table th.col-info { display: none; }
.visa-table td { padding: 8px 10px; border: none; border-bottom: 1px solid #eee; box-sizing: border-box; font-size: 15px; }
.type-cell { grid-column: 1; grid-row: span 6; font-size: 15px; padding: 10px 8px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; border-right: 1px solid #eee !important; } .type-cell[rowspan="1"] { grid-row: span 1; } .type-cell[rowspan="2"] { grid-row: span 2; } .type-cell[rowspan="3"] { grid-row: span 3; } .type-cell[rowspan="4"] { grid-row: span 4; } .type-cell[rowspan="5"] { grid-row: span 5; } .type-cell[rowspan="6"] { grid-row: span 6; } .type-cell[rowspan="7"] { grid-row: span 7; } .type-cell[rowspan="8"] { grid-row: span 8; } .type-cell[rowspan="9"] { grid-row: span 9; } .type-cell[rowspan="10"] { grid-row: span 10; } .type-cell[rowspan="11"] { grid-row: span 11; } .type-cell[rowspan="12"] { grid-row: span 12; } .type-cell[rowspan="13"] { grid-row: span 13; } .type-cell[rowspan="14"] { grid-row: span 14; } .type-cell[rowspan="15"] { grid-row: span 15; } .type-cell[rowspan="16"] { grid-row: span 16; } .type-cell[rowspan="17"] { grid-row: span 17; } .type-cell[rowspan="18"] { grid-row: span 18; } .type-cell[rowspan="19"] { grid-row: span 19; } .type-cell[rowspan="20"] { grid-row: span 20; }
.visa-table td[data-label] { display: flex; align-items: center; justify-content: center; }
.info-cell { grid-column: 1 / -1; order: 999; border-top: 2px dashed #ccc !important; background: #fdfdfd; text-align: left; } .visa-table, .visa-table tr, .visa-table th, .visa-table td,
.visa-table-rel, .visa-table-rel tr, .visa-table-rel th, .visa-table-rel td { width: auto !important; height: auto !important; }
.help-grid { grid-template-columns: 1fr; }
}