From 7c8a1a1ebc9f0422b06b660ea80014571ce1718b Mon Sep 17 00:00:00 2001
From: candice <candice@hainatravel.com>
Date: Wed, 19 Apr 2023 11:04:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../mobile_first/ch-visa-free-tester.php      | 97 ++++++++++++-------
 1 file changed, 61 insertions(+), 36 deletions(-)

diff --git a/application/views/mobile_first/ch-visa-free-tester.php b/application/views/mobile_first/ch-visa-free-tester.php
index 8886e740..abfadfa8 100644
--- a/application/views/mobile_first/ch-visa-free-tester.php
+++ b/application/views/mobile_first/ch-visa-free-tester.php
@@ -1,13 +1,19 @@
 <link href="https://data.chinahighlights.com/css/min.php?f=/css/flatpickr-4.4.4.min.css" rel="stylesheet">
-<link href="https://data.chinahighlights.com/css/tour-detail-former.css" rel="stylesheet">
 <script src="https://data.chinahighlights.com/js/min.php?f=/js/flatpickr-4.6.1.min.js"></script>
 
 <div class="tmbottom">
     <h3 style="text-align: center; padding-top: 0;padding-bottom: 0;">Quick Test: Will My Route Qualify for China 72/144-Hour Visa-Free Transit?</h3>
         <div class="InquiryBox">
     <form action="" method="post" novalidate="" id="qualification_tester_form">
-        <p >1. I will depart from (only applies to direct or connected flight): </p>
-        <select id="depart_from" name="depart_from" class="country_code" style="width: 100%;">
+        <p style="font-weight: 400;
+    font-size: 20px;
+    text-align: left;
+    clear: both !important;
+    padding-bottom: 10px;
+    margin-top: 20px;">1. I will depart from (only applies to direct or connected flight): </p>
+        <select id="depart_from" name="depart_from" class="country_code" style="width: 100%;  margin-bottom: 10px;
+        border-radius: 6px;
+        height: 40px;">
             <option value="United States ">United States</option>
             <option value="United Kingdom ">United Kingdom</option>
             <option value="Australia ">Australia</option>
@@ -264,8 +270,15 @@
             <option value="Zimbabwe ">Zimbabwe</option>
             <option value="Åland Islands">Åland Islands</option>
         </select>
-        <p >2. I will arrive in China at [city], [airport / railway station / port].</p>
-        <select id="arrive_at_city" name="arrive_at_city" class="country_code">
+        <p style="font-weight: 400;
+    font-size: 20px;
+    text-align: left;
+    clear: both !important;
+    padding-bottom: 10px;
+    margin-top: 20px;">2. I will arrive in China at [city], [airport / railway station / port].</p>
+        <select id="arrive_at_city" name="arrive_at_city" class="country_code" style=" margin-bottom: 10px;
+        border-radius: 6px;
+        height: 40px;">
             <option value="Beijing">Beijing</option>
             <option value="Shanghai">Shanghai</option>
             <option value="Guangzhou">Guangzhou</option>
@@ -290,19 +303,37 @@
             <option value="Dalian">Dalian</option>
         </select>
 
-        <select id="airport_or_railway_station" name="airport_or_railway_station" class="country_code">
+        <select id="airport_or_railway_station" name="airport_or_railway_station" class="country_code" style=" margin-bottom: 10px;
+        border-radius: 6px;
+        height: 40px;">
             <option data-hour="144" value="Beijing Capital International Airport">Beijing Capital International Airport, PEK</option>
             <option data-hour="144" value="Beijingxi Railway Station">Beijingxi Railway Station</option>
             <option data-hour="144" value="Beijing Daxing International Airport">Beijing Daxing International Airport, PKX</option>
         </select>
 
-        <p >3. My arrival date is...</p>
-        <input id="arrival_date" name="arrival_date" type="date" >
+        <p style="font-weight: 400;
+    font-size: 20px;
+    text-align: left;
+    clear: both !important;
+    padding-bottom: 10px;
+    margin-top: 20px;">3. My arrival date is...</p>
+        <input id="arrival_date" name="arrival_date" type="date" style="width: 92%;
+        background: url(https://data.chinahighlights.com/pic/top10/tour-calendar.png) no-repeat 15px #fff;
+        padding-left: 50px;
+        border-radius: 6px;
+        height: 40px;">
         <span id="arrival_date_errmsg" style="display: none;">
           <span class="requiredArea">Please select your arrival date.</span>
         </span>
-        <p >4. I will leave for [country/region] from China (the bounding destination on the air ticket):</p>
-        <select id="leave_for_country" name="leave_for_country" class="country_code" style="width: 100%;">
+        <p style="font-weight: 400;
+    font-size: 20px;
+    text-align: left;
+    clear: both !important;
+    padding-bottom: 10px;
+    margin-top: 20px;">4. I will leave for [country/region] from China (the bounding destination on the air ticket):</p>
+        <select id="leave_for_country" name="leave_for_country" class="country_code" style="width: 100%; margin-bottom: 10px;
+        border-radius: 6px;
+        height: 40px;">
             <option value="United States ">United States</option>
             <option value="United Kingdom ">United Kingdom</option>
             <option value="Australia ">Australia</option>
@@ -559,13 +590,29 @@
             <option value="Åland Islands">Åland Islands</option>
         </select>
 
-        <p >5. My departure date is...</p>
-        <input id="departure_date" name="departure_date" type="date" >
+        <p style="font-weight: 400;
+    font-size: 20px;
+    text-align: left;
+    clear: both !important;
+    padding-bottom: 10px;
+    margin-top: 20px;">5. My departure date is...</p>
+        <input id="departure_date" name="departure_date" type="date" style="width: 92%;
+        background: url(https://data.chinahighlights.com/pic/top10/tour-calendar.png) no-repeat 15px #fff;
+        padding-left: 50px;
+        border-radius: 6px;
+        height: 40px;">
         <span id="departure_date_errmsg" style="display: none;">
           <span class="requiredArea">Please select your departure date.</span>
         </span>
-        <p >6. My nationality is... <!--and my passport expiry date is--></p>
-        <select id="nationality" name="nationality" class="country_code" style="width: 100%;">
+        <p style="font-weight: 400;
+    font-size: 20px;
+    text-align: left;
+    clear: both !important;
+    padding-bottom: 10px;
+    margin-top: 20px;">6. My nationality is... <!--and my passport expiry date is--></p>
+        <select id="nationality" name="nationality" class="country_code" style="width: 100%; margin-bottom: 10px;
+        border-radius: 6px;
+        height: 40px;">
           <option data-qualify="enable" value="United States ">United States</option>
           <option data-qualify="enable" value="United Kingdom ">United Kingdom</option>
           <option value="Australia ">Australia</option>
@@ -1149,28 +1196,6 @@ ready(el => {
 });
 </script>
 <style>
-  .tmbottom p {
-    font-weight: 400;
-    font-size: 20px;
-    text-align: left;
-    clear: both !important;
-    padding-bottom: 10px;
-    margin-top: 20px;
-  }
-
-  select.country_code {
-    margin-bottom: 10px;
-    border-radius: 6px;
-    height: 40px;
-  }
-
-  .InquiryBox input {
-    width: 92%;
-    background: url(https://data.chinahighlights.com/pic/top10/tour-calendar.png) no-repeat 15px #fff;
-    padding-left: 50px;
-    border-radius: 6px;
-    height: 40px;
-  }
 
   @media (max-width: 750px) {
     .InquiryBox input {