diff --git a/application/views/mobile_first/ch-info-page-form.php b/application/views/mobile_first/ch-info-page-form.php
index 7ba8cec1..e5fad010 100644
--- a/application/views/mobile_first/ch-info-page-form.php
+++ b/application/views/mobile_first/ch-info-page-form.php
@@ -429,121 +429,257 @@
         -->
 </div>
 </div>
-<script src="https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja"></script>
-<script src="https://data.chinahighlights.com/js/min.php?f=/js/jquery-1.8.2.min.js,/js/flatpickr-4.6.1.min.js"></script>
-<script>
-function validateQuickInquiryForm() {
-    var result = true;
-    var realnameVal = document.getElementById("realname").value;
-    var emailVal = document.getElementById("email").value;
-    var startingDateVal = document.getElementById("starting_date").value;
-    var phoneVal = document.getElementById("PhoneNo").value;
-
-    var startingDateErrEl = document.getElementById("starting_date_errmsg");
-    var realnameErrEl = document.getElementById("realname_errmsg");
-    var emailErrEl = document.getElementById("email_errmsg");
-    var emailVerifyErrEl = document.getElementById("email_verify_errmsg");
-    var phoneErrEl = document.getElementById("phone_errmsg");
-    var travelGroupErrEl = document.getElementById("group_error_msg");
-
-    if (realnameErrEl) realnameErrEl.style.display = 'none';
-    if (emailErrEl) emailErrEl.style.display = 'none';
-    if (emailVerifyErrEl) emailVerifyErrEl.style.display = 'none';
-    if (startingDateErrEl) startingDateErrEl.style.display = 'none';
-    if (phoneErrEl) phoneErrEl.style.display = 'none';
-    if (travelGroupErrEl) travelGroupErrEl.style.display = 'none';
-
-    var travelGroupList = document.querySelectorAll('input[name="travel_group"]');
-    var travelGroupChecked = false;
-    travelGroupList.forEach(function(groupNode) {
-      if (groupNode.checked) {
-        travelGroupChecked = true;
-      }
+ <script src="https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja"></script>
+    <script src="https://data.asiahighlights.com/min/?f=/js/jquery-1.8.2.min.js,/js/flatpickr-4.6.1.min.js"></script>
+    <script>
+      
+      var selectedExpectedDate = '';
+    document.addEventListener('DOMContentLoaded', () => {
+        flatpickr("#starting_date", {
+            dateFormat: "Y-m-d",
+            altInput: true,
+            altFormat: "F j, Y",
+            disableMobile: true,
+            minDate: "today"
+        });
+    
+        var quick_inquiry_button = document.getElementById("quick_inquiry_button");
+        var quick_inquiry_form = document.getElementById("quick_inquiry_form");
+        
+        quick_inquiry_button.addEventListener('click', function(event) {
+            var validateResult = validateQuickInquiryForm();
+            if (validateResult) {
+              if (typeof(grecaptcha) === "undefined") {
+                console.warn('grecaptcha is disabled.');
+                quick_inquiry_form.submit();
+              } else {
+                grecaptcha.enterprise.ready(async () => {
+                  const token = await grecaptcha.enterprise.execute('6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja', {action: 'ADD_TO_CART'});
+                  var el = document.createElement("input");
+                  el.type = "hidden";
+                  el.name = "__grecaptcha_token__";
+                  el.value = token;
+                  quick_inquiry_form.appendChild(el);
+                  quick_inquiry_form.submit();
+                  quick_inquiry_button.innerText = "Submitted successfully";
+                });
+              }
+            }  
+        });
     });
-
-    if (!travelGroupChecked) {
-      travelGroupErrEl.style.display = '';
-      result = false;
-    }
-
-    if (realnameVal === '') {
-        realnameErrEl.style.display = '';
-        result = false;
-    }
-    if (emailVal === '') {
-        emailErrEl.style.display = '';
-        result = false;
-    } else {
-        var emailPattern = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
-        if (!emailPattern.test(emailVal) && emailVerifyErrEl) {
-            emailVerifyErrEl.style.display = '';
+    
+    function validateQuickInquiryForm() {
+        var result = true;
+        var realnameVal = document.getElementById("realname").value;
+        var emailVal = document.getElementById("email").value;
+        var expectedDateVal = document.getElementById("starting_date").value;
+        var expectedMonthVal = document.getElementById("expectedMonth").value;
+        var contactVal = document.getElementById("PhoneNo").value;
+    
+        var realnameErrEl = document.getElementById("realname_errmsg");
+        var emailErrEl = document.getElementById("email_errmsg");
+        var emailVerifyErrEl = document.getElementById("email_verify_errmsg");
+        var startingDateErrEl = document.getElementById("date_error_msg");
+        var contactErrEl = document.getElementById("phone_errmsg");
+        var groupErrEl = document.getElementById("group_error_msg");
+    
+        realnameErrEl.style.display = 'none';
+        emailErrEl.style.display = 'none';
+        emailVerifyErrEl.style.display = 'none';
+        startingDateErrEl.style.display = 'none';
+        contactErrEl.style.display = 'none';
+        groupErrEl.style.display = 'none';
+    
+        var travel_group_is_checked = false;
+        document.querySelectorAll('input[name="travel_group"]').forEach(function(groupNode) {
+          if (groupNode.checked) {
+            travel_group_is_checked = true;
+          }
+        });
+    
+        if (travel_group_is_checked === false) {
+          groupErrEl.style.display = '';
+          result = false;
+        }
+    
+        var tripDate_is_checked = false;
+          if (selectedExpectedDate === 'exact') {
+            tripDate_is_checked = expectedDateVal !== '';
+          } else if (selectedExpectedDate === 'approximate') {
+            tripDate_is_checked = expectedMonthVal !== '';
+          } else if (selectedExpectedDate === 'yet') {
+            tripDate_is_checked = true;
+          }
+    
+                //时间选择
+                if (!tripDate_is_checked) {
+            startingDateErrEl.style.display = '';
+            result = false;
+                }
+    
+        if (realnameVal === '') {
+            realnameErrEl.style.display = '';
             result = false;
         }
+        if (emailVal === '') {
+            emailErrEl.style.display = '';
+            result = false;
+        } else {
+            var emailPattern = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
+            if (!emailPattern.test(emailVal)) {
+                emailVerifyErrEl.style.display = '';
+                result = false;
+            }
+        }
+        if (contactVal === '') {
+            contactErrEl.style.display = '';
+            result = false;
+        }
+        return result;
     }
-    if (startingDateVal === '') {
-        startingDateErrEl.style.display = '';
-        result = false;
-    }
-    if (phoneVal === '') {
-        phoneErrEl.style.display = '';
-        result = false;
-    }
-    return result;
-}
-document.addEventListener('DOMContentLoaded', () => {
-  flatpickr("#starting_date", {
-    dateFormat: "Y-m-d",
-    altInput: true,
-    altFormat: "F j, Y",
-    disableMobile: true,
-    minDate: "today"
-  });
+    </script>
+    <script>
+      
+        $(function () {
+                var $adultBlock = $('#adultBlock');
+        var $childrenBlock = $('#childrenBlock');
+        $('input[name="travel_group"]').each((i, groupEle) => {
+                $(groupEle).click(function (e) {
+    
+                    var currentTarget = e.currentTarget;
+            if (currentTarget.id === 'Family' || currentTarget.id === 'Other' ) {
+              $adultBlock.show();
+              $childrenBlock.show();
+            } else {
+              $adultBlock.show();
+              $childrenBlock.hide();
+            }
+                })
+            });
+    
+            var $tripDateBlock = $('#tripDateBlock');
+    var $expectedMonth = $('#expectedMonth');
+    var $expectedDate = $('#starting_date');
+    var $dateSelectionBlock = $('#dateSelectionBlock');
+    var $flatpickrBlock = $('#flatpickrBlock');
+    $('input[name="trip_date"]').each((i, tripDateEle) => {
+			$(tripDateEle).click(function (e) {
+        $expectedDate.val('');
+        $expectedMonth.val('');
+        $tripDateBlock.show();
+        var selectedTripDate = e.currentTarget;
+        selectedExpectedDate = selectedTripDate.id;
+        if (selectedTripDate.id === 'exact') {
+          $dateSelectionBlock.show();
+          $expectedMonth.hide();
+          $flatpickrBlock.show();
+        } else if (selectedTripDate.id === 'approximate') {
+          $dateSelectionBlock.show();
+          $flatpickrBlock.hide();
+          $expectedMonth.show();
+        } else if (selectedTripDate.id === 'yet') {
+          $dateSelectionBlock.hide();
+          $flatpickrBlock.hide();
+        }
+      })
+    });
 
-  var quick_inquiry_form = document.getElementById('quick_inquiry_form');
-  var quick_inquiry_button = document.getElementById('quick_inquiry_button');
-  
-  quick_inquiry_button.addEventListener('click', function(evt) {
-    if (validateQuickInquiryForm()) {
-      if (typeof(grecaptcha) === "undefined") {
-        console.warn('grecaptcha is disabled.');
-        quick_inquiry_form.submit();
-      } else {
-        grecaptcha.enterprise.ready(async () => {
-          const token = await grecaptcha.enterprise.execute('6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja', {action: 'ADD_TO_CART'});
-          var el = document.createElement("input");
-          el.type = "hidden";
-          el.name = "__grecaptcha_token__";
-          el.value = token;
-          quick_inquiry_form.appendChild(el);
-          quick_inquiry_form.submit();
-          quick_inquiry_form.innerText = "Submitted successfully";
-        });
-      }
-    }
-  });
-});
+		var tripLength = $('#tripLengthNumber').val();
 
-</script>
-<script>
-  
-  $(function () {
-          var $adultBlock = $('#adultBlock');
-  var $childrenBlock = $('#childrenBlock');
-  $('input[name="travel_group"]').each((i, groupEle) => {
-          $(groupEle).click(function (e) {
+      	// Trip Length
+		$('#tripLengthPlus').click(function () {
+			tripLength++;
+			$('#tripLengthNumber').val(tripLength);
+		});
 
-              var currentTarget = e.currentTarget;
-      if (currentTarget.id === 'Family' || currentTarget.id === 'Other' ) {
-        $adultBlock.show();
-        $childrenBlock.show();
-      } else {
-        $adultBlock.show();
-        $childrenBlock.hide();
-      }
-          })
-      });
-})
-  </script>
+		$('#tripLengthMinus').click(function () {
+			if (tripLength > 1) {
+				tripLength--;
+				$('#tripLengthNumber').val(tripLength);
+			}
+		});
+      })
+        </script>
+        <script>
+            // 折叠展开
+            
+              document.querySelectorAll('div[collapse]').forEach(function ($collapseDiv, index) {
+                $collapseDiv.onclick = function (e) {
+                  let collapseStatus = $collapseDiv.getAttribute('collapse-status');
+                  let targetId = $collapseDiv.getAttribute("data-target");
+                  let targetIconId = $collapseDiv.getAttribute("data-target-icon");
+                  let $targetElement = document.getElementById(targetId);
+                  let $targetIcon = document.getElementById(targetIconId);
+                  if (collapseStatus == undefined || collapseStatus == "show") {
+                    $targetIcon.classList.remove("CloseIcon");
+                    $targetIcon.classList.add("OpenIcon");
+                    $collapseDiv.setAttribute("collapse-status", "hide");
+                    slideUp($targetElement);
+                  } else {
+                    $targetIcon.classList.remove("OpenIcon");
+                    $targetIcon.classList.add("CloseIcon");
+                    $collapseDiv.setAttribute("collapse-status", "show");
+                    slideDown($targetElement);
+                  }
+                }
+              });
+              function slideUp(target, duration) {
+                duration = duration ? duration : 500;
+                target.style.transitionProperty = 'height, margin, padding';
+                target.style.transitionDuration = duration + 'ms';
+                target.style.boxSizing = 'border-box';
+                target.style.height = target.offsetHeight + 'px';
+                target.offsetHeight;
+                target.style.overflow = 'hidden';
+                target.style.height = 0;
+                target.style.paddingTop = 0;
+                target.style.paddingBottom = 0;
+                target.style.marginTop = 0;
+                target.style.marginBottom = 0;
+                window.setTimeout(() => {
+                  target.style.display = 'none';
+                  target.style.removeProperty('height');
+                  target.style.removeProperty('padding-top');
+                  target.style.removeProperty('padding-bottom');
+                  target.style.removeProperty('margin-top');
+                  target.style.removeProperty('margin-bottom');
+                  target.style.removeProperty('overflow');
+                  target.style.removeProperty('transition-duration');
+                  target.style.removeProperty('transition-property');
+                }, duration);
+              }
+            
+              function slideDown(target, duration) {
+                duration = duration ? duration : 500;
+                target.style.removeProperty('display');
+                let display = window.getComputedStyle(target).display;
+                if (display === 'none')
+                  display = 'block';
+                target.style.display = display;
+                let height = target.offsetHeight;
+                target.style.overflow = 'hidden';
+                target.style.height = 0;
+                target.style.paddingTop = 0;
+                target.style.paddingBottom = 0;
+                target.style.marginTop = 0;
+                target.style.marginBottom = 0;
+                target.offsetHeight;
+                target.style.boxSizing = 'border-box';
+                target.style.transitionProperty = "height, margin, padding";
+                target.style.transitionDuration = duration + 'ms';
+                target.style.height = height + 'px';
+                target.style.removeProperty('padding-top');
+                target.style.removeProperty('padding-bottom');
+                target.style.removeProperty('margin-top');
+                target.style.removeProperty('margin-bottom');
+                window.setTimeout(() => {
+                  target.style.removeProperty('height');
+                  target.style.removeProperty('overflow');
+                  target.style.removeProperty('transition-duration');
+                  target.style.removeProperty('transition-property');
+                }, duration);
+              }
+            </script>
         <style>
     .date_select {width: 27.5% !important; margin-bottom: 10px;}
     .age_range { margin-top: 45px;}