XRに関するお問い合わせ

/* ========================================== FIX: Đồng bộ chiều dài ô nhập = nút 送信 ========================================== */ /* 1) Chiều rộng chuẩn của toàn bộ form */ :root { --form-width: 620px; /* ← chỉnh tại đây nếu muốn dài/ngắn hơn */ } /* 2) Bảng form căn giữa đúng theo logo */ form table { width: var(--form-width) !important; margin: 0 auto !important; border-collapse: collapse !important; } /* 3) Label bên trái, input bên phải, nhưng input dài = nút */ td.label { width: 160px !important; /* nới rộng label thêm chút */ text-align: left; vertical-align: middle; white-space: nowrap; /* hạn chế xuống dòng lắt nhắt */ } td.value { width: calc(var(--form-width) - 160px) !important; vertical-align: middle; } /* 4) Ô nhập dữ liệu full chiều rộng theo form-width */ td.value input[type="text"], td.value input[type="email"], td.value input[type="tel"], td.value textarea, td.value select { width: 100% !important; max-width: 100% !important; min-width: 100% !important; padding: 10px; border-radius: 6px; box-sizing: border-box; } /* 5) Nút 送信 rộng bằng input & căn giữa */ form input[type="submit"], form input[type="button"], form button { width: var(--form-width) !important; max-width: 100% !important; display: block !important; margin: 28px auto 0 auto !important; padding: 14px 0 !important; border-radius: 8px !important; } /* 6) Nếu ListFinder bọc nút trong div → vẫn căn giữa */ form div input[type="submit"], form div button { width: var(--form-width) !important; margin: 28px auto 0 auto !important; display: block !important; } /* 7) Mobile responsive */ @media screen and (max-width: 768px) { :root { --form-width: 95%; /* trên điện thoại input và nút full màn hình */ } form table { width: 100% !important; } td.label, td.value { width: 100% !important; display: block !important; } td.value input[type="text"], td.value input[type="email"], td.value input[type="tel"], td.value textarea, td.value select { width: 100% !important; } form input[type="submit"], form button { width: 100% !important; } } /* Màu nền trang – xanh pastel nhẹ */ body { background-color: #eef5ff !important; } /* Nút gửi 送信 – xanh nước biển nhạt */ form input[type="submit"], form input[type="button"], form button, form div input[type="submit"], form div button { background-color: #4db8ff !important; color: white !important; border: none !important; transition: 0.2s ease; } /* Hover – đậm hơn một chút cho đẹp */ form input[type="submit"]:hover, form input[type="button"]:hover, form button:hover { background-color: #35a9ff !important; } /* Tăng khoảng cách giữa các dòng trong form */ form table tr { height: 1.5em !important; /* tăng chiều cao dòng */ margin-bottom: 12px !important; /* thêm khoảng cách dưới */ } td.label { padding: 6px 0 !important; /* label thoáng hơn */ } td.value { padding: 6px 0 !important; /* input thoáng hơn */ } /* Hiển thị lại chữ 必須 màu đỏ cho các ô bắt buộc */ span.required::after { content: " 必須"; color: #ff0000 !important; font-size: 11px; margin-left: 4px; }