.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: block; border: none; background: transparent; }
.visa-table thead { display: none; }
.visa-table tbody { 
display: grid; 
grid-template-columns: 1fr 1fr; 
background: #fff;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0,0,0,0.08);
margin-bottom: 25px;
overflow: hidden;
}
.visa-table tr { display: contents; } .type-cell { 
grid-column: 1 / -1; 
background: #fff0f5 !important; 
border-bottom: 2px solid #ff00ff !important;
font-size: 18px; 
padding: 15px;
text-align: center;
}
.info-cell {
grid-column: 1 / -1;
order: 999; border-top: 2px dashed #ccc !important;
background: #fdfdfd;
}
.visa-table td { padding: 12px 15px; border: none; box-sizing: border-box; }
.visa-table td[data-label="工作天"] { 
border-bottom: 1px solid #eee; 
border-right: 1px solid #eee; 
font-weight: bold; color: #333;
font-size: 16px;
}
.visa-table td[data-label="工作天"]::before { 
content: attr(data-label); 
display: block; font-size: 12px; color: #888; font-weight: normal; margin-bottom: 5px; 
}
.visa-table td[data-label="費用"] { 
border-bottom: 1px solid #eee; 
text-align: right; 
font-size: 18px;
}
.visa-table td[data-label="費用"]::before { 
content: attr(data-label); 
display: block; font-size: 12px; color: #888; font-weight: normal; margin-bottom: 5px; text-align: right; 
}
.help-grid { grid-template-columns: 1fr; }
}