|
|
<!doctype html>
|
|
|
<html lang="en" transformed="google;v=3">
|
|
|
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<title>Create my trip | Asia Highlights</title>
|
|
|
<link rel="canonical" href="https://www.asiahighlights.com/forms/tailormade">
|
|
|
<meta content="width=device-width,minimum-scale=1,initial-scale=1" name="viewport">
|
|
|
<meta name="apple-mobile-web-app-title" content="Asia Highlights - Since 2016!">
|
|
|
<!--@OG:IMAGE@-->
|
|
|
<link rel="shortcut icon" href="https://data.asiahighlights.com/favicon.ico" />
|
|
|
<link rel="dns-prefetch" href="https://data.asiahighlights.com">
|
|
|
<link rel="dns-prefetch" href="https://images.asiahighlights.com">
|
|
|
<link rel="dns-prefetch" href="https://www.googletagmanager.com">
|
|
|
<!--@MAIN-CSS@-->
|
|
|
<!--@ADDON-CSS@-->
|
|
|
<!-- Google Tag Manager -->
|
|
|
<script>(function (w, d, s, l, i) {
|
|
|
w[l] = w[l] || [];
|
|
|
w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
|
|
|
var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
|
|
|
j.async = true;
|
|
|
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
|
|
|
f.parentNode.insertBefore(j, f);
|
|
|
})(window, document, 'script', 'dataLayer', 'GTM-56CMWN3');</script>
|
|
|
<!-- End Google Tag Manager -->
|
|
|
<script src="https://data.asiahighlights.com/min/?f=/js/jquery-1.8.2.min.js"></script>
|
|
|
<style>
|
|
|
@charset "utf-8";
|
|
|
|
|
|
body {
|
|
|
margin: 0; font-family: Calibri;
|
|
|
}
|
|
|
|
|
|
/* CSS Document */
|
|
|
.infobottom {
|
|
|
padding: 70px 0;
|
|
|
background: #3a3a32;
|
|
|
color: #fff;
|
|
|
clear: both;
|
|
|
}
|
|
|
|
|
|
.bottomlogoinfo {
|
|
|
color: #fff;
|
|
|
text-align: center;
|
|
|
margin-bottom: 50px;
|
|
|
padding: 0 30px;
|
|
|
font-size: 18px;
|
|
|
font-weight: 300;
|
|
|
}
|
|
|
|
|
|
.bottomlogoinfo a {
|
|
|
color: #fff;
|
|
|
text-decoration: underline;
|
|
|
}
|
|
|
|
|
|
img.bottomlogocenter {
|
|
|
margin: 10px auto;
|
|
|
display: block;
|
|
|
}
|
|
|
|
|
|
.bottommedia {
|
|
|
width: 55%;
|
|
|
float: left;
|
|
|
padding-left: 15px;
|
|
|
}
|
|
|
|
|
|
.followtitle {
|
|
|
text-transform: uppercase;
|
|
|
display: inline-block;
|
|
|
margin-bottom: 30px;
|
|
|
font-size: 18px;
|
|
|
}
|
|
|
|
|
|
.bottommedia ul {
|
|
|
padding-left: 15px;
|
|
|
}
|
|
|
|
|
|
.infobottom ul li {
|
|
|
list-style: none;
|
|
|
margin-bottom: 15px;
|
|
|
font-size: 18px;
|
|
|
}
|
|
|
|
|
|
.bottommedia ul li a {
|
|
|
color: #fff;
|
|
|
font-size: 16px;
|
|
|
text-transform: uppercase;
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
|
|
|
.followtitle {
|
|
|
text-transform: uppercase;
|
|
|
display: inline-block;
|
|
|
margin-bottom: 30px;
|
|
|
font-size: 18px;
|
|
|
}
|
|
|
|
|
|
.followtitle a {
|
|
|
color: #fff;
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
|
|
|
.bottomlinks {
|
|
|
padding: 0 15px;
|
|
|
}
|
|
|
|
|
|
.bottomlinks ul {
|
|
|
display: table-footer-group;
|
|
|
position: relative;
|
|
|
top: 0;
|
|
|
right: 0;
|
|
|
}
|
|
|
|
|
|
.bottomlinks ul li {
|
|
|
font-size: 16px;
|
|
|
text-transform: uppercase;
|
|
|
margin-bottom: 15px;
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
.bottomlinks ul li a {
|
|
|
color: #fff;
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
|
|
|
.featureon {
|
|
|
padding: 0 20px;
|
|
|
}
|
|
|
|
|
|
.bottomlogo {
|
|
|
font-size: 18px;
|
|
|
height: 60px;
|
|
|
padding: 0;
|
|
|
background: url(https://data.chinahighlights.com/image/asia/asia-highlights-bottom-logo.png) no-repeat 10px 0px #1e1e1e;
|
|
|
padding-left: 140px;
|
|
|
padding-top: 10px;
|
|
|
color: #fff;
|
|
|
}
|
|
|
|
|
|
.headerbar {
|
|
|
position: fixed;
|
|
|
width: 100%;
|
|
|
top: 0;
|
|
|
display: contents;
|
|
|
box-shadow: 1px 1px 6px 1px #f1f1f1;
|
|
|
}
|
|
|
|
|
|
.headerbar img {
|
|
|
height: 53px;
|
|
|
margin-left: 15px;
|
|
|
}
|
|
|
|
|
|
sup {
|
|
|
color: #a31022;
|
|
|
font-size: 105%;
|
|
|
top: 0px !important;
|
|
|
}
|
|
|
|
|
|
#formBanner {
|
|
|
display: block;
|
|
|
position: relative;
|
|
|
margin-top: -5px;
|
|
|
}
|
|
|
|
|
|
.howWeWork {
|
|
|
font-size: 20px;
|
|
|
text-align: center;
|
|
|
padding: 0 15px;
|
|
|
}
|
|
|
|
|
|
#formBanner h1 {
|
|
|
width: 100%;
|
|
|
bottom: 50px;
|
|
|
text-align: center;
|
|
|
font-size: 30px;
|
|
|
font-family: 'Goudy Old Style';
|
|
|
position: absolute;
|
|
|
color: #fff;
|
|
|
text-shadow: 1px 1px 1px #000;
|
|
|
}
|
|
|
|
|
|
.procedure {
|
|
|
background: rgba(0, 0, 0, .5);
|
|
|
display: block;
|
|
|
padding: 20px 0;
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
bottom: 0;
|
|
|
width: 100%;
|
|
|
color: #fff;
|
|
|
}
|
|
|
|
|
|
.procedure .subTitle {
|
|
|
display: block;
|
|
|
font-size: 18px;
|
|
|
text-align: center;
|
|
|
margin-bottom: 30px;
|
|
|
}
|
|
|
|
|
|
.whiteBorder {
|
|
|
background: #fff;
|
|
|
display: block;
|
|
|
height: 1px;
|
|
|
margin: 36px -12px 0 -15px;
|
|
|
}
|
|
|
|
|
|
.procedure .listIcon {
|
|
|
background: url(/pic/list-icon.png) no-repeat left 10px;
|
|
|
display: block;
|
|
|
padding: 11px 0 11px 66px;
|
|
|
background-size: 55px 55px;
|
|
|
margin-top: 9px;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
|
|
|
.procedure .peopleIcon {
|
|
|
background: url(/pic/people-icon.png) no-repeat left 10px;
|
|
|
display: block;
|
|
|
padding: 11px 0 11px 66px;
|
|
|
background-size: 55px 55px;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
|
|
|
.procedure .emailIcon {
|
|
|
background: url(/pic/email-icon.png) no-repeat left 10px;
|
|
|
display: block;
|
|
|
padding: 11px 0 11px 66px;
|
|
|
background-size: 55px 55px;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
|
|
|
.procedure .handIcon {
|
|
|
background: url(/pic/hands-icon.png) no-repeat left 10px;
|
|
|
display: block;
|
|
|
padding: 11px 0 11px 66px;
|
|
|
background-size: 55px 55px;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
|
|
|
.twoBlanks {
|
|
|
margin-left: -15px;
|
|
|
margin-right: -15px
|
|
|
}
|
|
|
|
|
|
.formTrust {
|
|
|
display: block;
|
|
|
margin-left: 20px;
|
|
|
}
|
|
|
|
|
|
.monkReview {
|
|
|
background: url(/image/walking-monks.jpg) no-repeat right bottom;
|
|
|
display: block;
|
|
|
color: #fff;
|
|
|
margin: 50px 0;
|
|
|
font-size: 14px;
|
|
|
padding: 20px 30px 150px;
|
|
|
border-radius: 4px;
|
|
|
background-size: 100%;
|
|
|
line-height: 22px;
|
|
|
}
|
|
|
|
|
|
.monkReview b {
|
|
|
display: block;
|
|
|
margin-top: 15px;
|
|
|
font-size: 16px;
|
|
|
font-weight: normal;
|
|
|
}
|
|
|
|
|
|
#inquiryBox {
|
|
|
width: calc(100% - 20px);
|
|
|
padding: 0 5px;
|
|
|
}
|
|
|
|
|
|
h3 {
|
|
|
font-size: 22px;
|
|
|
font-family: Calibri;
|
|
|
margin-bottom: 10px;
|
|
|
margin-top: 80px;
|
|
|
text-align:center;
|
|
|
}
|
|
|
|
|
|
#inquiryBox h2 {
|
|
|
font-size: 27px;
|
|
|
text-align: center;
|
|
|
font-family: 'Goudy Old Style';
|
|
|
margin-top: 80px;
|
|
|
}
|
|
|
|
|
|
#contactInfo {
|
|
|
display: block;
|
|
|
border-radius: 4px;
|
|
|
margin: 0 0 25px;
|
|
|
background: #fff;
|
|
|
}
|
|
|
|
|
|
#contactInfo h2 {
|
|
|
font-size: 24px;
|
|
|
border-bottom: 1px solid #d1d1d1;
|
|
|
padding-bottom: 20px;
|
|
|
margin: 0 0 00px;
|
|
|
}
|
|
|
|
|
|
.labelTitle {
|
|
|
display: block;
|
|
|
font-size: 16px;
|
|
|
font-weight: 400;
|
|
|
color: #333;
|
|
|
margin: 30px 0 15px;
|
|
|
}
|
|
|
|
|
|
.labelTitle .whatsThis {
|
|
|
color: #a31022;
|
|
|
font-size: 13px;
|
|
|
}
|
|
|
|
|
|
textarea {
|
|
|
font-family: 'Open Sans', sans-serif !important;
|
|
|
font-size: 16px;
|
|
|
line-height: 26px;
|
|
|
padding: 15px !important;
|
|
|
border: 1px solid #d1d1d1;
|
|
|
background: #fff;
|
|
|
width: 90%;
|
|
|
height: 160px;
|
|
|
border-radius: 2px;
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
|
|
|
textarea:focus {
|
|
|
border: 1px solid #7D9EC0;
|
|
|
outline: none
|
|
|
}
|
|
|
|
|
|
#contactInfo .subTitle {
|
|
|
display: block;
|
|
|
font-size: 16px;
|
|
|
font-weight: 400;
|
|
|
color: #333;
|
|
|
margin: 30px 0 15px;
|
|
|
}
|
|
|
|
|
|
#contactInfo input {
|
|
|
width: 100%;
|
|
|
font-size: 14px;
|
|
|
font-family: 'Open Sans', sans-serif !important;
|
|
|
border-radius: 2px !important;
|
|
|
padding: 8px 15px;
|
|
|
color: #777 !important;
|
|
|
background: #fff;
|
|
|
border: 1px solid #d1d1d1;
|
|
|
}
|
|
|
|
|
|
#Date_Start {
|
|
|
width: 100%;
|
|
|
font-size: 19px;
|
|
|
font-family: Calibri;
|
|
|
border-radius: 6px !important;
|
|
|
padding: 8px 15px;
|
|
|
color: #000 !important;
|
|
|
border: 1px solid #d1d1d1;
|
|
|
height: 30px;
|
|
|
background: #fff;
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
|
|
|
#inquiryBox label {
|
|
|
font-weight: normal;
|
|
|
}
|
|
|
|
|
|
#inquiryBox .checked {
|
|
|
background: url(/pic/checked-icon.png) no-repeat left;
|
|
|
}
|
|
|
|
|
|
#inquiryBox select {
|
|
|
width: 100%;
|
|
|
font-size: 14px;
|
|
|
font-family: 'Open Sans', sans-serif !important;
|
|
|
border-radius: 2px !important;
|
|
|
padding: 2px 10px;
|
|
|
cursor: pointer;
|
|
|
appearance: none;
|
|
|
-moz-appearance: none;
|
|
|
-webkit-appearance: none;
|
|
|
background: url(/pic/select-tag.png) no-repeat 96% center #fff;
|
|
|
background-size: 18px 10px;
|
|
|
color: #777 !important;
|
|
|
border: 1px solid #d1d1d1;
|
|
|
}
|
|
|
|
|
|
#inquiryBox select option {
|
|
|
padding: 5px 0 5px 10px;
|
|
|
}
|
|
|
|
|
|
#contactInfo select {
|
|
|
width: 100%;
|
|
|
font-size: 14px;
|
|
|
font-family: 'Open Sans', sans-serif !important;
|
|
|
border-radius: 2px !important;
|
|
|
padding: 2px 10px;
|
|
|
cursor: pointer;
|
|
|
appearance: none;
|
|
|
-moz-appearance: none;
|
|
|
-webkit-appearance: none;
|
|
|
background: url(/pic/select-tag.png) no-repeat 96% center #fff;
|
|
|
background-size: 18px 10px;
|
|
|
color: #777 !important;
|
|
|
border: 1px solid #d1d1d1;
|
|
|
height: 38px
|
|
|
}
|
|
|
|
|
|
#contactInfo select option {
|
|
|
padding: 5px 0 5px 10px;
|
|
|
}
|
|
|
|
|
|
.submitBtn {
|
|
|
display: block;
|
|
|
margin: 30px 0 100px;
|
|
|
font-size: 14px;
|
|
|
line-height: 22px;
|
|
|
}
|
|
|
|
|
|
.submitBtn .beginNow {
|
|
|
background: #a31022;
|
|
|
border-radius: 4px;
|
|
|
display: block;
|
|
|
margin-bottom: 15px;
|
|
|
}
|
|
|
|
|
|
.submitBtn .beginNow:hover {
|
|
|
background: #800D1C;
|
|
|
border-radius: 4px;
|
|
|
display: block;
|
|
|
margin-bottom: 15px;
|
|
|
}
|
|
|
|
|
|
.submitBtn .beginNow a {
|
|
|
color: #fff;
|
|
|
text-decoration: none;
|
|
|
display: block;
|
|
|
font-size: 20px;
|
|
|
padding: 9px 0;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.submitBtn .beginNow .fa {
|
|
|
font-size: 170%;
|
|
|
margin-left: 10px;
|
|
|
display: inline-block;
|
|
|
vertical-align: middle;
|
|
|
font-weight: 300 !important;
|
|
|
}
|
|
|
|
|
|
.onlyCall {
|
|
|
display: block;
|
|
|
font-size: 14px;
|
|
|
color: #777;
|
|
|
margin: 75px 0 0 -20px;
|
|
|
}
|
|
|
|
|
|
.destinations li {
|
|
|
display: block;
|
|
|
float: left;
|
|
|
width: 24%;
|
|
|
font-size: 14px;
|
|
|
background: url(/pic/checkbox-icon.png) no-repeat left;
|
|
|
margin-bottom: 10px;
|
|
|
padding: 5px 0 5px 35px;
|
|
|
}
|
|
|
|
|
|
.destinations li.checked {
|
|
|
background: url(/pic/checked-icon.png) no-repeat left;
|
|
|
}
|
|
|
|
|
|
.hotelStyle li {
|
|
|
display: block;
|
|
|
float: left;
|
|
|
width: 32%;
|
|
|
font-size: 14px;
|
|
|
background: url(/pic/checkbox-icon.png) no-repeat left;
|
|
|
margin-bottom: 10px;
|
|
|
padding: 5px 0 5px 35px;
|
|
|
}
|
|
|
|
|
|
.hotelStyle li:nth-child(2) {
|
|
|
width: 35% !important;
|
|
|
}
|
|
|
|
|
|
.hotelStyle {
|
|
|
display: block;
|
|
|
margin-bottom: 25px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.hotelStyle li.checked {
|
|
|
background: url(/pic/checked-icon.png) no-repeat left;
|
|
|
}
|
|
|
|
|
|
.hotelStyle li em {
|
|
|
display: block;
|
|
|
font-style: normal;
|
|
|
color: #999;
|
|
|
}
|
|
|
|
|
|
.interestedIn {
|
|
|
display: block;
|
|
|
margin-bottom: 10px;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
|
|
|
.formNote {
|
|
|
color: #999;
|
|
|
font-size: 17px
|
|
|
}
|
|
|
|
|
|
.travelStyle input {
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
.travelStyle {
|
|
|
display: inline-block
|
|
|
}
|
|
|
|
|
|
/* selection box */
|
|
|
.optionLable input {
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
.checkboxGender input[type="radio"]+label {
|
|
|
font-size: 19px;
|
|
|
padding: 5px 0;
|
|
|
border: 1px solid #d1d1d1;
|
|
|
border-radius: 4px;
|
|
|
display: block;
|
|
|
text-align: center;
|
|
|
height: 30px;
|
|
|
font-family: Calibri;
|
|
|
padding-top: 10px;
|
|
|
}
|
|
|
|
|
|
.checkboxGender input[type="radio"]:checked+label {
|
|
|
border: 1px solid #ad1818;
|
|
|
color: #fff;
|
|
|
background: #ad1818;
|
|
|
}
|
|
|
|
|
|
.optionLable input[type="radio"]+label {
|
|
|
width: 100%;
|
|
|
font-size: 20px;
|
|
|
padding: 10px 0 10px 0;
|
|
|
border: 1px solid #d1d1d1;
|
|
|
border-radius: 4px;
|
|
|
display: block;
|
|
|
margin-top: 10px;
|
|
|
text-align: center;
|
|
|
color: #000;
|
|
|
height: 45px;
|
|
|
font-family: Calibri;
|
|
|
}
|
|
|
|
|
|
.optionLable input[type="radio"]:checked+label {
|
|
|
border: 1px solid #ad1818;
|
|
|
color: #fff;
|
|
|
background: #ad1818;
|
|
|
}
|
|
|
|
|
|
.checkboxLabel input[type="checkbox"]+label {
|
|
|
font-size: 20px;
|
|
|
padding: 5px 0;
|
|
|
border: 1px solid #d1d1d1;
|
|
|
border-radius: 4px;
|
|
|
display: block;
|
|
|
margin-top: 10px;
|
|
|
text-align: center;
|
|
|
color: #000;
|
|
|
height: 35px;
|
|
|
font-family: Calibri;
|
|
|
padding-top: 15px;
|
|
|
}
|
|
|
|
|
|
.checkboxLabel input[type="checkbox"]:checked+label {
|
|
|
border: 1px solid #ad1818;
|
|
|
color: #ad1818
|
|
|
}
|
|
|
|
|
|
.checkboxLabel {
|
|
|
width: 46%;
|
|
|
margin: 0 5px;
|
|
|
float: left;
|
|
|
}
|
|
|
|
|
|
.checkboxLabel:nth-child(even) {
|
|
|
float: right
|
|
|
}
|
|
|
|
|
|
.checkboxLabel input {
|
|
|
display: none
|
|
|
}
|
|
|
|
|
|
.travelStyle input[type="checkbox"]+label {
|
|
|
margin-top: 8px;
|
|
|
font-size: 18px;
|
|
|
padding: 3px 6px;
|
|
|
border: 1px solid #d1d1d1;
|
|
|
border-radius: 2px;
|
|
|
display: inline-block;
|
|
|
}
|
|
|
|
|
|
.checkYes input[type="checkbox"]+label {
|
|
|
margin-top: 8px;
|
|
|
font-size: 14px;
|
|
|
padding: 10px 7px;
|
|
|
color: #999;
|
|
|
border: none
|
|
|
}
|
|
|
|
|
|
.number,
|
|
|
button.minaddBtn:focus {
|
|
|
border: 1px solid #ad1818;
|
|
|
outline: none
|
|
|
}
|
|
|
|
|
|
.travelTag input[type="checkbox"]:checked+label {
|
|
|
color: #fff;
|
|
|
background: #ad1818;
|
|
|
}
|
|
|
|
|
|
.selectionMemo {
|
|
|
font-size: 14px;
|
|
|
font-style: italic;
|
|
|
font-weight: 300;
|
|
|
margin-top: 2px
|
|
|
}
|
|
|
|
|
|
#inquiryBox .flexibleDate {
|
|
|
display: inline-block;
|
|
|
margin-bottom: 10px;
|
|
|
padding: 5px 0 5px 30px;
|
|
|
}
|
|
|
|
|
|
#children[type=checkbox] {
|
|
|
width: 20px;
|
|
|
height: 20px;
|
|
|
border: 1px solid #f1f1f1;
|
|
|
vertical-align: middle;
|
|
|
margin-right: 10px
|
|
|
}
|
|
|
|
|
|
.genderSelection {
|
|
|
text-align: center;
|
|
|
padding-left: 5px;
|
|
|
}
|
|
|
|
|
|
.checkFlexible {
|
|
|
margin-top: 10px;
|
|
|
font-size: 18px
|
|
|
}
|
|
|
|
|
|
hr {
|
|
|
color: #d1d1d1;
|
|
|
margin-bottom: 70px;
|
|
|
}
|
|
|
|
|
|
.checkboxGender {
|
|
|
width: 30%;
|
|
|
display: inline-block;
|
|
|
margin-right: 5px;
|
|
|
}
|
|
|
|
|
|
.checkboxGender label {
|
|
|
width: 100%
|
|
|
}
|
|
|
|
|
|
.checkboxGender input {
|
|
|
display: none
|
|
|
}
|
|
|
|
|
|
.checkboxGender:nth-child(3) {
|
|
|
float: right
|
|
|
}
|
|
|
|
|
|
.checkboxGender:nth-child(1) {
|
|
|
float: left
|
|
|
}
|
|
|
|
|
|
.peopleSelect {
|
|
|
width: 100%;
|
|
|
margin-top: 20px;
|
|
|
font-size: 24px
|
|
|
}
|
|
|
|
|
|
.number {
|
|
|
width: 42%;
|
|
|
text-align: center;
|
|
|
border: 1px solid #d1d1d1;
|
|
|
border-radius: 4px;
|
|
|
height: 45px;
|
|
|
font-size: 22px;
|
|
|
}
|
|
|
|
|
|
button.minaddBtn {
|
|
|
background: #FFF;
|
|
|
border: 1px solid #d1d1d1;
|
|
|
border-radius: 4px;
|
|
|
color: #ad1818;
|
|
|
height: 45px;
|
|
|
font-weight: 700;
|
|
|
min-width: 10%;
|
|
|
margin: 0;
|
|
|
display: inline-block;
|
|
|
}
|
|
|
|
|
|
.numberBtn {
|
|
|
width: 49%;
|
|
|
display: inline-block;
|
|
|
float: right;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.inputTerm label {
|
|
|
display: block;
|
|
|
width: 100%;
|
|
|
font-size: 18px;
|
|
|
position: absolute;
|
|
|
left: 10px;
|
|
|
top: calc(50% - 13px);
|
|
|
transition: all ease-in-out .5s;
|
|
|
pointer-events: none;
|
|
|
height: 26px;
|
|
|
color: #999;
|
|
|
}
|
|
|
|
|
|
.inputTerm {
|
|
|
display: block;
|
|
|
width: calc(100% - 10px);
|
|
|
margin: 15px 5px;
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
.inputTerm input:focus~label,
|
|
|
.inputTerm input:valid~label {
|
|
|
top: 5px;
|
|
|
font-size: 15px;
|
|
|
color: #999;
|
|
|
transition: 0.3s;
|
|
|
}
|
|
|
|
|
|
.inputTerm input:focus {
|
|
|
border: 1px solid #7D9EC0;
|
|
|
outline: none
|
|
|
}
|
|
|
|
|
|
.inputTerm input {
|
|
|
width: 90%;
|
|
|
margin: 0;
|
|
|
font-size: 18px;
|
|
|
border: 1px solid #d1d1d1;
|
|
|
height: 50px;
|
|
|
padding: 15px 15px 0 20px;
|
|
|
border-radius: 4px;
|
|
|
color: #000;
|
|
|
}
|
|
|
|
|
|
.checkYes {
|
|
|
padding-left: 20px;
|
|
|
margin-top: 15px;
|
|
|
}
|
|
|
|
|
|
.checkBorder:checked {
|
|
|
background-color: #ad1818;
|
|
|
border-color: #ad1818;
|
|
|
margin-right: 5px;
|
|
|
}
|
|
|
|
|
|
.checkBorder {
|
|
|
background-color: #fff;
|
|
|
border: 1px solid #c1c1c1;
|
|
|
position: relative;
|
|
|
width: 22px;
|
|
|
height: 22px;
|
|
|
background-clip: border-box;
|
|
|
-webkit-appearance: none;
|
|
|
-moz-appearance: none;
|
|
|
appearance: none;
|
|
|
margin: -0.15px 0.6px 0 0;
|
|
|
vertical-align: text-bottom;
|
|
|
border-radius: 2px;
|
|
|
-webkit-transition: background-color 0.25s;
|
|
|
transition: background-color 0.25s;
|
|
|
background-color: #fff;
|
|
|
border: 1px solid #d1d1d1
|
|
|
}
|
|
|
|
|
|
.contactUs {
|
|
|
border-top: 1px solid #d1d1d1;
|
|
|
}
|
|
|
|
|
|
.contactUs p {
|
|
|
margin-top: 15px;
|
|
|
font-size: 16px;
|
|
|
font-weight: normal
|
|
|
}
|
|
|
|
|
|
p a input[type=checkbox]+label {
|
|
|
color: #999;
|
|
|
font-size: 16px !important;
|
|
|
}
|
|
|
|
|
|
.checkYes label {
|
|
|
display: inline;
|
|
|
font-style: italic;
|
|
|
font-size: 18px;
|
|
|
color: #999
|
|
|
}
|
|
|
|
|
|
input[type=checkbox]:checked+label {
|
|
|
color: #000
|
|
|
}
|
|
|
|
|
|
.checkBorder:checked:after {
|
|
|
border-color: #fff;
|
|
|
}
|
|
|
|
|
|
.checkBorder:checked:after {
|
|
|
content: '';
|
|
|
display: block;
|
|
|
height: 8px;
|
|
|
width: 14px;
|
|
|
border: 0 solid #FFF;
|
|
|
border-width: 0 0 2px 2px;
|
|
|
-webkit-transform: rotate(-45deg);
|
|
|
transform: rotate(-45deg);
|
|
|
position: absolute;
|
|
|
top: 3px;
|
|
|
left: 2px;
|
|
|
}
|
|
|
|
|
|
.interestedRoute {
|
|
|
background: url(https://data.asiahighlights.com/image/black-backpic.PNG) no-repeat top;
|
|
|
background-size: 100%;
|
|
|
position: relative;
|
|
|
margin: 20px 0 10px 0;
|
|
|
padding: 20px 0 5px 0
|
|
|
}
|
|
|
|
|
|
.routeName {
|
|
|
font-size: 22px;
|
|
|
text-align: center;
|
|
|
font-weight: 400;
|
|
|
width: 80%;
|
|
|
margin: 0 auto;
|
|
|
font-family: Calibri;
|
|
|
}
|
|
|
|
|
|
.headerText {
|
|
|
background-color: #FFF;
|
|
|
margin: 0 auto;
|
|
|
padding: 0 15px;
|
|
|
text-align: center;
|
|
|
font-weight: 500;
|
|
|
font-size: 14px;
|
|
|
height: 22px;
|
|
|
width: 200px;
|
|
|
left: calc(50% - 100px);
|
|
|
position: absolute;
|
|
|
top: -8px;
|
|
|
}
|
|
|
|
|
|
.formMemo {
|
|
|
font-size: 19px;
|
|
|
display: block;
|
|
|
padding: 0 0 0 5px;
|
|
|
}
|
|
|
|
|
|
.peopleSelect .formMemo {
|
|
|
margin-bottom: 5px;
|
|
|
}
|
|
|
|
|
|
.inquiryBtn {
|
|
|
display: block;
|
|
|
padding: 20px 0 0;
|
|
|
text-align: center;
|
|
|
font-family: Georgia, "Times New Roman", Times, serif;
|
|
|
font-size: 24px
|
|
|
}
|
|
|
|
|
|
button {
|
|
|
background: linear-gradient(#ca3c3b, #ad1818);
|
|
|
text-align: center;
|
|
|
display: table;
|
|
|
border-radius: 60px;
|
|
|
min-width: 230px;
|
|
|
margin: 25px auto;
|
|
|
padding: 8px 30px;
|
|
|
border: 1px solid #FFF;
|
|
|
color: #FFF;
|
|
|
font-family: Calibri;
|
|
|
font-weight: 500;
|
|
|
font-size: 20px
|
|
|
}
|
|
|
|
|
|
.readMore {
|
|
|
max-height: 0;
|
|
|
overflow: hidden;
|
|
|
transition: max-height .3s;
|
|
|
}
|
|
|
|
|
|
:checked~.readMore {
|
|
|
max-height: 666px;
|
|
|
}
|
|
|
|
|
|
.foldDestinations input[type="checkbox"] {
|
|
|
clip: rect(0 0 0 0);
|
|
|
position: absolute;
|
|
|
}
|
|
|
|
|
|
#check:checked~.check-in {
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
#check:checked~.check-out {
|
|
|
display: inline-block;
|
|
|
margin-top: 10px;
|
|
|
float: right;
|
|
|
}
|
|
|
|
|
|
.check-out {
|
|
|
display: none;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.check-in,
|
|
|
.check-out {
|
|
|
color: #ad1818;
|
|
|
cursor: pointer;
|
|
|
font-weight: 300;
|
|
|
font-size: 20px;
|
|
|
}
|
|
|
|
|
|
#check:checked+.foldDestinations>.readMore {
|
|
|
max-height: 666px;
|
|
|
}
|
|
|
|
|
|
i {
|
|
|
margin-left: 10px
|
|
|
}
|
|
|
|
|
|
.img-responsive {
|
|
|
overflow-x: auto;
|
|
|
max-width: 100%;
|
|
|
}
|
|
|
|
|
|
#destination_error_msg,
|
|
|
#hotel_error_msg,
|
|
|
#number_error_msg,
|
|
|
#name_error_msg,
|
|
|
#email_error_msg,
|
|
|
#nation_error_msg,
|
|
|
#date_error_msg, #contact_error_msg, #email_verify_msg {
|
|
|
color: #a31022;
|
|
|
font-size: 17px;
|
|
|
width: 100%;
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
|
|
|
.hidden {
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
.selectionBlock {
|
|
|
display: inline-block;
|
|
|
padding-left: 10px;
|
|
|
}
|
|
|
|
|
|
@media(max-width:760px) {
|
|
|
.destinations li {
|
|
|
margin-left: 10px;
|
|
|
width: 45%;
|
|
|
padding: 5px 0 5px 35px;
|
|
|
}
|
|
|
|
|
|
#inquiryBox select,
|
|
|
#contactInfo select {
|
|
|
padding: 10px 10px !important;
|
|
|
}
|
|
|
|
|
|
.onlyCall {
|
|
|
margin: 10px 0 0 0 !important;
|
|
|
}
|
|
|
|
|
|
.hotelStyle li {
|
|
|
background-position: left 15px !important;
|
|
|
width: 100% !important;
|
|
|
float: none !important;
|
|
|
}
|
|
|
|
|
|
.hotelStyle li:nth-child(2) {
|
|
|
width: 100% !important;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media(min-width:1024px) {
|
|
|
.ticketSelection {
|
|
|
display: none !important
|
|
|
}
|
|
|
}
|
|
|
.bottom_why_us {
|
|
|
background: #565656;
|
|
|
background-size: cover;
|
|
|
height: 100%;
|
|
|
padding-top: 70px;
|
|
|
color: #fff;
|
|
|
}
|
|
|
.bottom_why_us h2 {
|
|
|
text-align: center;
|
|
|
color: #fff;
|
|
|
}
|
|
|
.bottom_why_us_content {
|
|
|
text-align: center;
|
|
|
padding: 0;
|
|
|
height: 270px;
|
|
|
}
|
|
|
.bottom_why_us_content img {
|
|
|
width: 60px;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
.bottom_why_us_content h3 {
|
|
|
font-size: 22px;
|
|
|
font-family: Calibri;
|
|
|
margin-top: 20px;
|
|
|
}
|
|
|
.bottom_why_us_content p {
|
|
|
font-size: 18px;
|
|
|
line-height: 25px;
|
|
|
padding: 0 15px;
|
|
|
}
|
|
|
p {font-size: 18px;}
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<!-- Google Tag Manager (noscript) -->
|
|
|
<noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-56CMWN3" height="0" width="0"
|
|
|
style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) -->
|
|
|
<header class="headerbar" id="header">
|
|
|
|
|
|
<a href="/"> <img src="https://data.asiahighlights.com/pic/ah-bottom-logo-mobile.png" alt="Asia Highlights logo"
|
|
|
class="chinahighlightslogo img-responsive"></a>
|
|
|
</header>
|
|
|
<div id="formBanner">
|
|
|
<img src="https://data.asiahighlights.com/image/about/tm-form-mobile-top-banner-asian-map.jpg" alt="Asian map" width="100%"
|
|
|
class="img-responsive">
|
|
|
<h1>
|
|
|
Create Your Trip with Us
|
|
|
</h1>
|
|
|
<div class="howWeWork">
|
|
|
Tell us your interests and get a reply within 24 hours.
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="inquiryBox">
|
|
|
<h2>
|
|
|
Your Travel Ideas
|
|
|
</h2>
|
|
|
|
|
|
<form action="/orders/tailormade_save/" method="POST" class="travelTag">
|
|
|
<div class="selectionBlock">
|
|
|
|
|
|
|
|
|
<p style="margin-top: 0;">Longing for an exotic vacation in Asia? Select the destinations you'd like to travel to, and fulfill your dreams perfectly with a <em><strong>tailor-made</strong></em> tropical travel experience of <strong>sunny beaches, charming old towns, dynamic metropolises, diverse tasty foods, and mysterious temple complexes</strong>.</p>
|
|
|
<span id="destination_error_msg" class="hidden">(Please select at least one option from Asian destination combos or top Asia destinations.)</span>
|
|
|
<h3 id="destination_select" style=" margin-top: 30px;">
|
|
|
The 5 Most Popular Asian Destination Combos
|
|
|
</h3>
|
|
|
<p>More than <em><strong>95%</strong></em> of travelers choose to visit 2–3 Asian countries in one trip. </p>
|
|
|
<div class="selectHotl">
|
|
|
<div class="optionLable" >
|
|
|
|
|
|
<input type="radio" value="Thailand, Vietnam, Cambodia" id="Thailand, Vietnam, Cambodia" name="destination_combos">
|
|
|
<label for="Thailand, Vietnam, Cambodia" class="hotelText">
|
|
|
Thailand, Vietnam, Cambodia
|
|
|
<div class="selectionMemo">
|
|
|
(12-20 days)
|
|
|
</div>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="optionLable" >
|
|
|
|
|
|
<input type="radio" value="Vietnam, Cambodia" id="Vietnam, Cambodia" name="destination_combos">
|
|
|
<label for="Vietnam, Cambodia" class="hotelText">
|
|
|
Vietnam, Cambodia
|
|
|
<div class="selectionMemo">
|
|
|
(10-15 days)
|
|
|
</div>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="optionLable" >
|
|
|
|
|
|
<input type="radio" value=" Thailand, Cambodia" id=" Thailand, Cambodia" name="destination_combos">
|
|
|
<label for=" Thailand, Cambodia" class="hotelText">
|
|
|
Thailand, Cambodia
|
|
|
<div class="selectionMemo">
|
|
|
(10-15 days)
|
|
|
</div>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="optionLable" >
|
|
|
|
|
|
<input type="radio" value="Thailand, Vietnam, Cambodia, Laos" id="Thailand, Vietnam, Cambodia, Laos" name="destination_combos">
|
|
|
<label for="Thailand, Vietnam, Cambodia, Laos" class="hotelText">
|
|
|
Thailand, Vietnam, Cambodia, Laos
|
|
|
<div class="selectionMemo">
|
|
|
(15-25 days)
|
|
|
</div>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="optionLable" >
|
|
|
|
|
|
<input type="radio" value="India, Nepal, Bhutan" id="India, Nepal, Bhutan" name="destination_combos">
|
|
|
<label for="India, Nepal, Bhutan" class="hotelText">
|
|
|
India, Nepal, Bhutan
|
|
|
<div class="selectionMemo">
|
|
|
(14-20 days)
|
|
|
</div>
|
|
|
</label>
|
|
|
</div></div>
|
|
|
<div class="clear"></div>
|
|
|
|
|
|
<h3 id="destination_select" style=" margin-top: 50px;">
|
|
|
Top Asia Destinations
|
|
|
</h3>
|
|
|
<p>Select or add destinations you want to visit below if the popular Asian country combos are not your ideal tailor-made package.</p>
|
|
|
<div class="checkboxLabel"><input type="checkbox" value="India" id="India" name="destination[]"><label
|
|
|
for="India" class="updatedestination">India</label></div>
|
|
|
<div class="checkboxLabel"><input type="checkbox" value="Thailand" id="Thailand"
|
|
|
name="destination[]"><label for="Thailand" class="updatedestination">Thailand</label></div>
|
|
|
|
|
|
|
|
|
<div class="checkboxLabel"><input type="checkbox" value="Nepal" id="Nepal" name="destination[]"><label
|
|
|
for="Nepal" class="updatedestination">Nepal</label></div>
|
|
|
|
|
|
<div class="checkboxLabel"><input type="checkbox" value="Vietnam" id="Vietnam"
|
|
|
name="destination[]"><label for="Vietnam" class="updatedestination">Vietnam</label></div>
|
|
|
|
|
|
|
|
|
<div class="checkboxLabel"><input type="checkbox" value="Sri Lanka" id="Sri Lanka"
|
|
|
name="destination[]"><label for="Sri Lanka" class="updatedestination">Sri Lanka</label></div>
|
|
|
<div class="checkboxLabel"><input type="checkbox" value="Cambodia" id="Cambodia"
|
|
|
name="destination[]"><label for="Cambodia" class="updatedestination">Cambodia</label></div>
|
|
|
|
|
|
|
|
|
<div class="checkboxLabel"><input type="checkbox" value="Laos" id="Laos" name="destination[]"><label
|
|
|
for="Laos" class="updatedestination">Laos</label></div>
|
|
|
<div class="checkboxLabel"><input type="checkbox" value="Japan" id="Japan" name="destination[]"><label
|
|
|
for="Japan" class="updatedestination">Japan</label></div>
|
|
|
|
|
|
|
|
|
<div class="checkboxLabel"><input type="checkbox" value="Myanmar" id="Myanmar"
|
|
|
name="destination[]"><label for="Myanmar" class="updatedestination">Myanmar</label></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="checkboxLabel"><input type="checkbox" value="Mongolia" id="Mongolia"
|
|
|
name="destination[]"><label for="Mongolia" class="updatedestination">Mongolia</label></div>
|
|
|
|
|
|
<div class="checkboxLabel"><input type="checkbox" value="Indonesia" id="Indonesia"
|
|
|
name="destination[]"><label for="Indonesia" class="updatedestination">Indonesia (Bali)</label></div>
|
|
|
|
|
|
<div class="checkboxLabel"><input type="checkbox" value="Singapore" id="Singapore" name="destination[]"><label
|
|
|
for="Singapore" class="updatedestination">Singapore</label></div>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="selectionBlock">
|
|
|
<h3 id="hotelselect">
|
|
|
Your Hotel Preference * <span id="hotel_error_msg" class="hidden">(Please select an option.)</span>
|
|
|
</h3>
|
|
|
<span class="formNote">
|
|
|
Hotels prices in Japan are at least doubled based on the suggested rates
|
|
|
below.
|
|
|
</span>
|
|
|
<div class="optionLable" >
|
|
|
|
|
|
<input type="radio" value="Handpicked Comfort 4-5star" id="fourStar" name="hotel">
|
|
|
<label for="fourStar">
|
|
|
<div class="selectionText">
|
|
|
Handpicked comfort (4/5-star)
|
|
|
<div class="selectionMemo">
|
|
|
USD 100-200 / night
|
|
|
</div>
|
|
|
</div>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="optionLable">
|
|
|
<input type="radio" value="Standard (3 stars)" id="threeStar" name="hotel">
|
|
|
<label for="threeStar">
|
|
|
<div class="selectionText">
|
|
|
Standard (3-star)
|
|
|
<div class="selectionMemo">
|
|
|
USD 70-100 / room / night
|
|
|
</div>
|
|
|
</div>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="optionLable">
|
|
|
<input type="radio" value="Luxury" id="fiveStar" name="hotel">
|
|
|
<label for="fiveStar">
|
|
|
<div class="selectionText">
|
|
|
Luxury (5-star & up)
|
|
|
<div class="selectionMemo">
|
|
|
USD 200+ / room / night
|
|
|
</div>
|
|
|
</div>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="optionLable">
|
|
|
<input type="radio" value="Self booking" id="Self" name="hotel">
|
|
|
<label for="Self" style="height: 30px;">
|
|
|
<div class="selectionText">
|
|
|
Self-booking
|
|
|
</div>
|
|
|
</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="selectionBlock">
|
|
|
<h3 id="numberselect">
|
|
|
Number in Your Group *
|
|
|
</h3>
|
|
|
<span id="number_error_msg" class="hidden">(Please fill in this field.)</span>
|
|
|
<div class="peopleSelect">
|
|
|
<span class="formMemo">
|
|
|
Adults (≥12 years old)
|
|
|
</span>
|
|
|
<button class="minaddBtn reduceadult" type="button" value="-">-</button> <input class="number"
|
|
|
type="text" value="1" οnblur="checkNumber(this)" name="adultnumber" />
|
|
|
|
|
|
|
|
|
<button class="minaddBtn addadult" type="button" value="+">+</button>
|
|
|
|
|
|
</div>
|
|
|
<div class="peopleSelect">
|
|
|
<span class="formMemo">
|
|
|
Kids (2-11 years old)
|
|
|
</span>
|
|
|
<button class="minaddBtn reducechild" type="button" value="-">-</button> <input class="number"
|
|
|
type="text" value="0" name="kidnumber" />
|
|
|
|
|
|
|
|
|
<button class="minaddBtn addchild" type="button" value="+">+</button>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="selectionBlock" style="width: 88%;">
|
|
|
<h3 id="dateselect">
|
|
|
Your Date of Arrival * <span id="date_error_msg" class="hidden">(Please fill out this field.)</span>
|
|
|
</h3>
|
|
|
<span id="date_error_msg" class="hidden">(Please fill out this field.)</span>
|
|
|
<input type="date" class="arrivalDate visible-xs" id="Date_Start" name="Date_Start_Mobile" value=""
|
|
|
min="<?php echo date('Y-m-d',time() + 24*3600*2)?>" placeholder="mm/dd/yyyy" autocomplete="off" />
|
|
|
<div class="checkYes">
|
|
|
<input type="checkbox" class="checkBorder" id="dateLimit" name="flexible" value="Yes">
|
|
|
<label for="dateLimit" class="checkBlock">
|
|
|
I'm flexible with the date.
|
|
|
</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="selectionBlock">
|
|
|
<h3 id="tripLengthTitle">
|
|
|
Trip Length *
|
|
|
</h3>
|
|
|
<span id="trip_length_error_msg" class="hidden">(Please fill in this field.)</span>
|
|
|
<div class="peopleSelect">
|
|
|
|
|
|
<button class="minaddBtn" id='tripLengthMinus' type="button" value="-">-</button> <input class="number"
|
|
|
type="text" value="10" οnblur="checkNumber(this)" id='tripLengthNumber' name="cli_days" />
|
|
|
<button class="minaddBtn" id='tripLengthPlus' type="button" value="+">+</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
<div class="selectionBlock">
|
|
|
<h3>
|
|
|
Tell us more to help us put together your ideal journey.
|
|
|
</h3>
|
|
|
<div class="travelStyle">
|
|
|
<input type="checkbox" value="Birthday" id="Birthday" name="interests[]">
|
|
|
<label for="Birthday" data-clickable>
|
|
|
<div class="smallTag">
|
|
|
<div class="styleText">
|
|
|
Birthday
|
|
|
</div>
|
|
|
</div>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="travelStyle">
|
|
|
<input type="checkbox" value="Anniversary" id="Anniversary" name="interests[]">
|
|
|
<label for="Anniversary" data-clickable>
|
|
|
<div class="smallTag">
|
|
|
<div class="styleText">
|
|
|
Anniversary
|
|
|
</div>
|
|
|
</div>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="travelStyle">
|
|
|
<input type="checkbox" value="Honeymoon" id="Honeymoon" name="interests[]">
|
|
|
<label for="Honeymoon" data-clickable>
|
|
|
<div class="smallTag">
|
|
|
<div class="styleText">
|
|
|
Honeymoon
|
|
|
</div>
|
|
|
</div>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="clear"></div>
|
|
|
|
|
|
<div class="travelStyle">
|
|
|
<input type="checkbox" value="Family" id="familytrip" name="interests[]">
|
|
|
<label for="familytrip" data-clickable>
|
|
|
<div class="smallTag">
|
|
|
<div class="styleText">
|
|
|
Family
|
|
|
</div>
|
|
|
</div>
|
|
|
</label>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="travelStyle">
|
|
|
<input type="checkbox" value="Beach" id="Beach" name="interests[]">
|
|
|
<label for="Beach" data-clickable>
|
|
|
<div class="smallTag">
|
|
|
<div class="styleText">
|
|
|
Beach
|
|
|
</div>
|
|
|
</div>
|
|
|
</label>
|
|
|
</div>
|
|
|
|
|
|
<div class="travelStyle">
|
|
|
<input type="checkbox" value="Culture & history" id="culture" name="interests[]">
|
|
|
<label for="culture" data-clickable>
|
|
|
<div class="smallTag">
|
|
|
<div class="styleText">
|
|
|
Culture & history
|
|
|
</div>
|
|
|
</div>
|
|
|
</label>
|
|
|
</div>
|
|
|
|
|
|
<textarea id="additionalrequirements" name="additionalrequirements" style="resize:none;" placeholder="Anniversary, honeymoon, family trip, birthday travel, beach, food..."></textarea>
|
|
|
</div>
|
|
|
|
|
|
<h2>
|
|
|
Tell us about you
|
|
|
</h2>
|
|
|
<div class="genderSelection">
|
|
|
<div class="checkboxGender">
|
|
|
<input type="radio" value="100001" id="male" name="gender">
|
|
|
<label for="male">
|
|
|
Mr.
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="checkboxGender">
|
|
|
<input type="radio" value="100003" id="female" name="gender">
|
|
|
<label for="female">
|
|
|
Ms.
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="checkboxGender">
|
|
|
<input type="radio" value="100004" id="neutural" name="gender">
|
|
|
<label for="neutural">
|
|
|
Mx.
|
|
|
</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
<span id="name_error_msg" class="hidden">(Please fill out this field.)</span>
|
|
|
<div class="inputTerm">
|
|
|
<input type="text" name="name" required>
|
|
|
<label>
|
|
|
Your Name *
|
|
|
</label>
|
|
|
</div>
|
|
|
<span id="email_error_msg" class="hidden">(Please fill out this field.)</span>
|
|
|
<span id="email_verify_msg" class="hidden">(Please verify your email.)</span>
|
|
|
<div class="inputTerm">
|
|
|
<input type="email" name="email" required>
|
|
|
<label>
|
|
|
Email *
|
|
|
</label>
|
|
|
</div>
|
|
|
<span class="formMemo">
|
|
|
Your trip advisor will talk with you via email first.
|
|
|
</span>
|
|
|
<span id="nation_error_msg" class="hidden">(Please fill out this field.)</span>
|
|
|
<div class="inputTerm">
|
|
|
<input type="text" name="Nationality" required>
|
|
|
<label>
|
|
|
Nationality / Region *
|
|
|
</label>
|
|
|
</div>
|
|
|
<span id="contact_error_msg" class="hidden">(Please fill out this field.)</span>
|
|
|
<div class="inputTerm">
|
|
|
<input type="text" name="PhoneNo" id='contactInfo' required>
|
|
|
<label>
|
|
|
Phone number (We'll only call if you ask.) *
|
|
|
</label>
|
|
|
</div>
|
|
|
<span class="formMemo">
|
|
|
WhatsApp / iMessage is SUPER helpful to ensure you not miss any important info.
|
|
|
</span>
|
|
|
<div class="checkYes">
|
|
|
<input type="checkbox" value="Available on WhatsApp" name="whatsapp" id="whatsapp" class="checkBorder">
|
|
|
<label for="whatsapp">
|
|
|
This number is available on WhatsApp.
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="inquiryBtn">
|
|
|
<button id="tmsubmit" href="javascript:;">Start My Journey</button>
|
|
|
</div>
|
|
|
</form>
|
|
|
|
|
|
</div>
|
|
|
<footer>
|
|
|
<div class="bottom_why_us">
|
|
|
<h2>The Asia Highlights Experience</h2>
|
|
|
|
|
|
|
|
|
<div class="bottom_why_us_content">
|
|
|
<img src="https://data.globalhighlights.com/image/aboutus/ah-bottom-why-us-tag-1.png" alt="1-to-1 Expert Planning" class="img-responsive">
|
|
|
<h3>1-to-1 Expert Planning</h3>
|
|
|
<p>Your tour will be tailor-made to suit you by a destination expert. Your personal travel advisor will always reply within 24 hours.</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="bottom_why_us_content">
|
|
|
<img src="https://data.globalhighlights.com/image/aboutus/ah-bottom-why-us-tag-2.png" alt="Personal Journeys" class="img-responsive">
|
|
|
<h3>Personal Journeys</h3>
|
|
|
<p>Enjoy having your own personal local guide and ride. Explore destinations at your own pace. Have as much flexibility as possible.</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="bottom_why_us_content">
|
|
|
<img src="https://data.globalhighlights.com/image/aboutus/ah-bottom-why-us-tag-3.png" alt="Authentic Experiences" class="img-responsive">
|
|
|
<h3>Authentic Experiences</h3>
|
|
|
<p>Go beyond the sightseeing. Understand the destinations by practicing the local culture and interacting with local people.</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="bottom_why_us_content">
|
|
|
<img src="https://data.globalhighlights.com/image/aboutus/ah-bottom-why-us-tag-4.png" alt="One-Stop Service" class="img-responsive">
|
|
|
<h3>One-Stop Service</h3>
|
|
|
<p>Leave all the booking work to us, including international and internal transportation, visas, hotels, meals, and activities.</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
<div class="infobottom">
|
|
|
|
|
|
<div class="bottomlogoinfo">At Asia Highlights, we create your kind of journey — your dates, your
|
|
|
destinations, at your pace. Not just any journey, but the unique trip with the exceptional experiences
|
|
|
you're looking for — whether it's a family vacation, a honeymoon, or your annual break. <a
|
|
|
href="/about-us">more
|
|
|
...</a>
|
|
|
<img src="https://data.asiahighlights.com/pic/trustpilot-new-icon.png"
|
|
|
class="bottomlogocenter img-responsive">
|
|
|
Rated 4.8 out of 5 | Excellent
|
|
|
</div>
|
|
|
|
|
|
<div class="bottommedia">
|
|
|
<span class="followtitle">Follow Us</span>
|
|
|
<ul>
|
|
|
<li><a href="https://www.facebook.com/AsiaHighlights/" rel="nofollow" title="Follow us on Facebook"
|
|
|
target="_blank">
|
|
|
Facebook
|
|
|
|
|
|
</a></li>
|
|
|
|
|
|
<li><a href="https://www.instagram.com/asiahighlights/" rel="nofollow"
|
|
|
title="Follow us on Instagram" target="_blank">
|
|
|
Instagram </a></li>
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="bottomlinks">
|
|
|
<span class="followtitle"><a href="/about-us" rel="nofollow">About Us</a></span>
|
|
|
<ul>
|
|
|
|
|
|
|
|
|
<li><a href="/about-us/history" rel="nofollow">History</a></li>
|
|
|
<li><a href="/about-us/our-differences" rel="nofollow">Our Differences</a></li>
|
|
|
<li><a href="/contact-us" rel="nofollow">Contact Us</a></li>
|
|
|
<li><a href="/privacy">Privacy Policy</a></li>
|
|
|
<li><a href="/terms-of-use">Terms</a></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="clear"></div>
|
|
|
<div class="featureon">
|
|
|
<span class="followtitle">Featured on</span>
|
|
|
<img src="https://data.chinahighlights.com/pic/guide/info-template-feature-on.png" alt="Social medias"
|
|
|
class="img-responsive bottomfeature">
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="bottomlogo">
|
|
|
© 2016-2022 Asia Highlights <br>— Discovery Your Way!
|
|
|
</div>
|
|
|
|
|
|
</footer>
|
|
|
<!--移动底部 结束-->
|
|
|
|
|
|
<script>/* memu js https://data.chinahighlights.com/js/mobile-menu.js */
|
|
|
(function (window) { function classReg(className) { return new RegExp("(^|\\s+)" + className + "(\\s+|$)") } var hasClass, addClass, removeClass; if ("classList" in document.documentElement) { hasClass = function (elem, c) { return elem.classList.contains(c) }; addClass = function (elem, c) { elem.classList.add(c) }; removeClass = function (elem, c) { elem.classList.remove(c) } } else { hasClass = function (elem, c) { return classReg(c).test(elem.className) }; addClass = function (elem, c) { if (!hasClass(elem, c)) { elem.className = elem.className + " " + c } }; removeClass = function (elem, c) { elem.className = elem.className.replace(classReg(c), " ") } } function toggleClass(elem, c) { var fn = hasClass(elem, c) ? removeClass : addClass; fn(elem, c) } var classie = { hasClass: hasClass, addClass: addClass, removeClass: removeClass, toggleClass: toggleClass, has: hasClass, add: addClass, remove: removeClass, toggle: toggleClass }; if (typeof define === "function" && define.amd) { define(classie) } else { if (typeof exports === "object") { module.exports = classie } else { window.classie = classie } } })(window);
|
|
|
!function (e, n, t) {
|
|
|
function r(e, n) { return typeof e === n } function o() { var e, n, t, o, i, s, a; for (var f in C) { if (C.hasOwnProperty(f)) { if (e = [], n = C[f], n.name && (e.push(n.name.toLowerCase()), n.options && n.options.aliases && n.options.aliases.length)) { for (t = 0; t < n.options.aliases.length; t++) { e.push(n.options.aliases[t].toLowerCase()) } } for (o = r(n.fn, "function") ? n.fn() : n.fn, i = 0; i < e.length; i++) { s = e[i], a = s.split("."), 1 === a.length ? Modernizr[a[0]] = o : (!Modernizr[a[0]] || Modernizr[a[0]] instanceof Boolean || (Modernizr[a[0]] = new Boolean(Modernizr[a[0]])), Modernizr[a[0]][a[1]] = o), g.push((o ? "" : "no-") + a.join("-")) } } } } function i(e) { var n = w.className, t = Modernizr._config.classPrefix || ""; if (x && (n = n.baseVal), Modernizr._config.enableJSClass) { var r = new RegExp("(^|\\s)" + t + "no-js(\\s|$)"); n = n.replace(r, "$1" + t + "js$2") } Modernizr._config.enableClasses && (n += " " + t + e.join(" " + t), x ? w.className.baseVal = n : w.className = n) } function s(e) { return e.replace(/([a-z])-([a-z])/g, function (e, n, t) { return n + t.toUpperCase() }).replace(/^-/, "") } function a(e, n) { return !!~("" + e).indexOf(n) } function f() { return "function" != typeof n.createElement ? n.createElement(arguments[0]) : x ? n.createElementNS.call(n, "http://www.w3.org/2000/svg", arguments[0]) : n.createElement.apply(n, arguments) } function l(e, n) { return function () { return e.apply(n, arguments) } } function u(e, n, t) { var o; for (var i in e) { if (e[i] in n) { return t === !1 ? e[i] : (o = n[e[i]], r(o, "function") ? l(o, t || n) : o) } } return !1 } function p(e) { return e.replace(/([A-Z])/g, function (e, n) { return "-" + n.toLowerCase() }).replace(/^ms-/, "-ms-") } function d() { var e = n.body; return e || (e = f(x ? "svg" : "body"), e.fake = !0), e } function c(e, t, r, o) { var i, s, a, l, u = "modernizr", p = f("div"), c = d(); if (parseInt(r, 10)) { for (; r--;) { a = f("div"), a.id = o ? o[r] : u + (r + 1), p.appendChild(a) } } return i = f("style"), i.type = "text/css", i.id = "s" + u, (c.fake ? c : p).appendChild(i), c.appendChild(p), i.styleSheet ? i.styleSheet.cssText = e : i.appendChild(n.createTextNode(e)), p.id = u, c.fake && (c.style.background = "", c.style.overflow = "hidden", l = w.style.overflow, w.style.overflow = "hidden", w.appendChild(c)), s = t(p, e), c.fake ? (c.parentNode.removeChild(c), w.style.overflow = l, w.offsetHeight) : p.parentNode.removeChild(p), !!s } function m(n, r) { var o = n.length; if ("CSS" in e && "supports" in e.CSS) { for (; o--;) { if (e.CSS.supports(p(n[o]), r)) { return !0 } } return !1 } if ("CSSSupportsRule" in e) { for (var i = []; o--;) { i.push("(" + p(n[o]) + ":" + r + ")") } return i = i.join(" or "), c("@supports (" + i + ") { #modernizr { position: absolute; } }", function (e) { return "absolute" == getComputedStyle(e, null).position }) } return t } function v(e, n, o, i) { function l() { p && (delete z.style, delete z.modElem) } if (i = r(i, "undefined") ? !1 : i, !r(o, "undefined")) { var u = m(e, o); if (!r(u, "undefined")) { return u } } for (var p, d, c, v, h, y = ["modernizr", "tspan"]; !z.style;) { p = !0, z.modElem = f(y.shift()), z.style = z.modElem.style } for (c = e.length, d = 0; c > d; d++) { if (v = e[d], h = z.style[v], a(v, "-") && (v = s(v)), z.style[v] !== t) { if (i || r(o, "undefined")) { return l(), "pfx" == n ? v : !0 } try { z.style[v] = o } catch (g) { } if (z.style[v] != h) { return l(), "pfx" == n ? v : !0 } } } return l(), !1 } function h(e, n, t, o, i) { var s = e.charAt(0).toUpperCase() + e.slice(1), a = (e + " " + b.join(s + " ") + s).split(" "); return r(n, "string") || r(n, "undefined") ? v(a, n, o, i) : (a = (e + " " + N.join(s + " ") + s).split(" "), u(a, n, t)) } function y(e, n, r) { return h(e, t, t, n, r) } var g = [], C = [], _ = { _version: "3.2.0", _config: { classPrefix: "", enableClasses: !0, enableJSClass: !0, usePrefixes: !0 }, _q: [], on: function (e, n) { var t = this; setTimeout(function () { n(t[e]) }, 0) }, addTest: function (e, n, t) { C.push({ name: e, fn: n, options: t }) }, addAsyncTest: function (e) { C.push({ name: null, fn: e }) } }, Modernizr = function () { }; Modernizr.prototype = _, Modernizr = new Modernizr; var w = n.documentElement, x = "svg" === w.nodeName.toLowerCase(), S = "Moz O ms Webkit", b = _._config.usePrefixes ? S.split(" ") : [];
|
|
|
_._cssomPrefixes = b; var E = function (n) { var r, o = prefixes.length, i = e.CSSRule; if ("undefined" == typeof i) { return t } if (!n) { return !1 } if (n = n.replace(/^@/, ""), r = n.replace(/-/g, "_").toUpperCase() + "_RULE", r in i) { return "@" + n } for (var s = 0; o > s; s++) { var a = prefixes[s], f = a.toUpperCase() + "_" + r; if (f in i) { return "@-" + a.toLowerCase() + "-" + n } } return !1 }; _.atRule = E; var N = _._config.usePrefixes ? S.toLowerCase().split(" ") : []; _._domPrefixes = N; var P = { elem: f("modernizr") }; Modernizr._q.push(function () { delete P.elem }); var z = { style: P.elem.style }; Modernizr._q.unshift(function () { delete z.style }), _.testAllProps = h; _.prefixed = function (e, n, t) { return 0 === e.indexOf("@") ? E(e) : (-1 != e.indexOf("-") && (e = s(e)), n ? h(e, n, t) : h(e, "pfx")) }; _.testAllProps = y, Modernizr.addTest("cssanimations", y("animationName", "a", !0)), o(), i(g), delete _.addTest, delete _.addAsyncTest; for (var T = 0; T < Modernizr._q.length; T++) { Modernizr._q[T]() } e.Modernizr = Modernizr
|
|
|
}(window, document); (function (window) {
|
|
|
var support = { animations: Modernizr.cssanimations }, animEndEventNames = { "WebkitAnimation": "webkitAnimationEnd", "OAnimation": "oAnimationEnd", "msAnimation": "MSAnimationEnd", "animation": "animationend" }, animEndEventName = animEndEventNames[Modernizr.prefixed("animation")], onEndAnimation = function (el, callback) { var onEndCallbackFn = function (ev) { if (support.animations) { if (ev.target != this) { return } this.removeEventListener(animEndEventName, onEndCallbackFn) } if (callback && typeof callback === "function") { callback.call() } }; if (support.animations) { el.addEventListener(animEndEventName, onEndCallbackFn) } else { onEndCallbackFn() } }; function extend(a, b) { for (var key in b) { if (b.hasOwnProperty(key)) { a[key] = b[key] } } return a } function MLMenu(el, options) { this.el = el; this.options = extend({}, this.options); extend(this.options, options); this.menus = [].slice.call(this.el.querySelectorAll(".menu__level")); this.current_menu = 0; var current_menu; this.menus.forEach(function (menuEl, pos) { var items = menuEl.querySelectorAll(".menu__item"); items.forEach(function (itemEl, iPos) { var currentLink = itemEl.querySelector(".menu__link--current"); if (currentLink) { current_menu = pos } }) }); if (current_menu) { this.current_menu = current_menu } this._init() } MLMenu.prototype.options = { breadcrumbsCtrl: true, initialBreadcrumb: "all", backCtrl: true, itemsDelayInterval: 60, direction: "r2l", onItemClick: function (ev, itemName) { return false } }; MLMenu.prototype._init = function () { this.menusArr = []; this.breadCrumbs = false; var self = this; var submenus = []; this.menus.forEach(function (menuEl, pos) { var menu = { menuEl: menuEl, menuItems: [].slice.call(menuEl.querySelectorAll(".menu__item")) }; self.menusArr.push(menu); if (pos === self.current_menu) { classie.add(menuEl, "menu__level--current") } var menu_x = menuEl.getAttribute("data-menu"); var links = menuEl.querySelectorAll(".menu__link"); links.forEach(function (linkEl, lPos) { var submenu = linkEl.getAttribute("data-submenu"); if (submenu) { var pushMe = { "menu": submenu, "name": linkEl.innerHTML }; if (submenus[pos]) { submenus[pos].push(pushMe) } else { submenus[pos] = []; submenus[pos].push(pushMe) } } }) }); this.menus.forEach(function (menuEl, pos) { var menu_x = menuEl.getAttribute("data-menu"); submenus.forEach(function (subMenuEl, menu_root) { subMenuEl.forEach(function (subMenuItem, subPos) { if (subMenuItem.menu == menu_x) { self.menusArr[pos].backIdx = menu_root; self.menusArr[pos].name = subMenuItem.name } }) }) }); if (self.options.breadcrumbsCtrl) { this.breadcrumbsCtrl = document.createElement("nav"); this.breadcrumbsCtrl.className = "menu__breadcrumbs"; this.breadcrumbsCtrl.setAttribute("aria-label", "You are here"); this.el.insertBefore(this.breadcrumbsCtrl, this.el.firstChild); this._addBreadcrumb(0); if (self.menusArr[self.current_menu].backIdx != 0 && self.current_menu != 0) { this._crawlCrumbs(self.menusArr[self.current_menu].backIdx, self.menusArr); this.breadCrumbs = true } if (self.current_menu != 0) { this._addBreadcrumb(self.current_menu); this.breadCrumbs = true } } if (this.options.backCtrl) { this.backCtrl = document.createElement("button"); if (this.breadCrumbs) { this.backCtrl.className = "menu__back" } else { this.backCtrl.className = "menu__back menu__back--hidden" } this.backCtrl.setAttribute("aria-label", "Go back"); this.backCtrl.innerHTML = '<span class="icon icon--arrow-left"></span>'; this.el.insertBefore(this.backCtrl, this.el.firstChild) } this._initEvents() }; MLMenu.prototype._initEvents = function () { var self = this; for (var i = 0, len = this.menusArr.length; i < len; ++i) { this.menusArr[i].menuItems.forEach(function (item, pos) { item.querySelector("a").addEventListener("click", function (ev) { var submenu = ev.target.getAttribute("data-submenu"), itemName = ev.target.innerHTML, subMenuEl = self.el.querySelector('ul[data-menu="' + submenu + '"]'); if (submenu && subMenuEl) { ev.preventDefault(); self._openSubMenu(subMenuEl, pos, itemName) } else { var currentlink = self.el.querySelector(".menu__link--current"); if (currentlink) { classie.remove(self.el.querySelector(".menu__link--current"), "menu__link--current") } classie.add(ev.target, "menu__link--current"); self.options.onItemClick(ev, itemName) } }) }) } if (this.options.backCtrl) { this.backCtrl.addEventListener("click", function () { self._back() }) } }; MLMenu.prototype._openSubMenu = function (subMenuEl, clickPosition, subMenuName) {
|
|
|
if (this.isAnimating) {
|
|
|
return false
|
|
|
} this.isAnimating = true; this.menusArr[this.menus.indexOf(subMenuEl)].backIdx = this.current_menu; this.menusArr[this.menus.indexOf(subMenuEl)].name = subMenuName; this._menuOut(clickPosition); this._menuIn(subMenuEl, clickPosition)
|
|
|
}; MLMenu.prototype._back = function () { if (this.isAnimating) { return false } this.isAnimating = true; this._menuOut(); var backMenu = this.menusArr[this.menusArr[this.current_menu].backIdx].menuEl; this._menuIn(backMenu); if (this.options.breadcrumbsCtrl) { this.breadcrumbsCtrl.removeChild(this.breadcrumbsCtrl.lastElementChild) } }; MLMenu.prototype._menuOut = function (clickPosition) { var self = this, currentMenu = this.menusArr[this.current_menu].menuEl, isBackNavigation = typeof clickPosition == "undefined" ? true : false; this.menusArr[this.current_menu].menuItems.forEach(function (item, pos) { item.style.WebkitAnimationDelay = item.style.animationDelay = isBackNavigation ? parseInt(pos * self.options.itemsDelayInterval) + "ms" : parseInt(Math.abs(clickPosition - pos) * self.options.itemsDelayInterval) + "ms" }); if (this.options.direction === "r2l") { classie.add(currentMenu, !isBackNavigation ? "animate-outToLeft" : "animate-outToRight") } else { classie.add(currentMenu, isBackNavigation ? "animate-outToLeft" : "animate-outToRight") } }; MLMenu.prototype._menuIn = function (nextMenuEl, clickPosition) { var self = this, currentMenu = this.menusArr[this.current_menu].menuEl, isBackNavigation = typeof clickPosition == "undefined" ? true : false, nextMenuIdx = this.menus.indexOf(nextMenuEl), nextMenu = this.menusArr[nextMenuIdx], nextMenuEl = nextMenu.menuEl, nextMenuItems = nextMenu.menuItems, nextMenuItemsTotal = nextMenuItems.length; nextMenuItems.forEach(function (item, pos) { item.style.WebkitAnimationDelay = item.style.animationDelay = isBackNavigation ? parseInt(pos * self.options.itemsDelayInterval) + "ms" : parseInt(Math.abs(clickPosition - pos) * self.options.itemsDelayInterval) + "ms"; var farthestIdx = clickPosition <= nextMenuItemsTotal / 2 || isBackNavigation ? nextMenuItemsTotal - 1 : 0; if (pos === farthestIdx) { onEndAnimation(item, function () { if (self.options.direction === "r2l") { classie.remove(currentMenu, !isBackNavigation ? "animate-outToLeft" : "animate-outToRight"); classie.remove(nextMenuEl, !isBackNavigation ? "animate-inFromRight" : "animate-inFromLeft") } else { classie.remove(currentMenu, isBackNavigation ? "animate-outToLeft" : "animate-outToRight"); classie.remove(nextMenuEl, isBackNavigation ? "animate-inFromRight" : "animate-inFromLeft") } classie.remove(currentMenu, "menu__level--current"); classie.add(nextMenuEl, "menu__level--current"); self.current_menu = nextMenuIdx; if (!isBackNavigation) { if (self.options.backCtrl) { classie.remove(self.backCtrl, "menu__back--hidden") } self._addBreadcrumb(nextMenuIdx) } else { if (self.current_menu === 0 && self.options.backCtrl) { classie.add(self.backCtrl, "menu__back--hidden") } } self.isAnimating = false; nextMenuEl.focus() }) } }); if (this.options.direction === "r2l") { classie.add(nextMenuEl, !isBackNavigation ? "animate-inFromRight" : "animate-inFromLeft") } else { classie.add(nextMenuEl, isBackNavigation ? "animate-inFromRight" : "animate-inFromLeft") } }; MLMenu.prototype._addBreadcrumb = function (idx) { if (!this.options.breadcrumbsCtrl) { return false } var bc = document.createElement("a"); bc.href = "#"; bc.innerHTML = idx ? this.menusArr[idx].name : this.options.initialBreadcrumb; this.breadcrumbsCtrl.appendChild(bc); var self = this; bc.addEventListener("click", function (ev) { ev.preventDefault(); if (!bc.nextSibling || self.isAnimating) { return false } self.isAnimating = true; self._menuOut(); var nextMenu = self.menusArr[idx].menuEl; self._menuIn(nextMenu); var siblingNode; while (siblingNode = bc.nextSibling) { self.breadcrumbsCtrl.removeChild(siblingNode) } }) }; MLMenu.prototype._crawlCrumbs = function (currentMenu, menuArray) { if (menuArray[currentMenu].backIdx != 0) { this._crawlCrumbs(menuArray[currentMenu].backIdx, menuArray) } this._addBreadcrumb(currentMenu) }; window.MLMenu = MLMenu
|
|
|
})(window); (function () { var menuEl = document.getElementById("ml-menu"), mlmenu = new MLMenu(menuEl, { backCtrl: true, }); var openMenuCtrl = document.querySelector(".action--open"), closeMenuCtrl = document.querySelector(".action--close"); openMenuCtrl.addEventListener("click", openMenu); closeMenuCtrl.addEventListener("click", closeMenu); function openMenu() { classie.add(menuEl, "menu--open"); closeMenuCtrl.focus() } function closeMenu() { classie.remove(menuEl, "menu--open"); openMenuCtrl.focus() } })();
|
|
|
eval(function (p, a, c, k, e, d) { e = function (c) { return (c < a ? "" : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36)) }; if (!''.replace(/^/, String)) { while (c--) d[e(c)] = k[c] || e(c); k = [function (e) { return d[e] }]; e = function () { return '\\w+' }; c = 1; }; while (c--) if (k[c]) p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]); return p; }('8.R=10;(4(){3 h=b 26();4 11(X){8.R=X&&X.1I===\'1b\'?h.1V==1:10;1c()}h.1T=11;h.1Z=11;h.S=\'1M:1R/1x;1F,1Q/1P=\'})();5(!c.g){c.g=(4(){3 1u=y.M.1S;3 P=4(l){6 I l==="4"||1u.Q(l)==="[19 1L]"};3 1j=4(D){3 f=1O(D);5(1N(f)){6 0}5(f===0||!1Y(f)){6 f}6(f>0?1:-1)*o.1X(o.20(f))};3 1y=o.1U(2,1W)-1;3 1a=4(D){3 9=1j(D);6 o.1G(o.1H(9,0),1y)};6 4 g(J){3 C=E;3 U=y(J);5(J==p){F b H("c.g 1K 1J 1E-1D 19 - V p 1k B")}3 n=j.m>1?j[1]:2o B;3 T;5(I n!=="B"){5(!P(n)){F b H("c.g: 2q 2j, 2i 2k 2l 2m 2n a 4")}5(j.m>2){T=j[2]}}3 9=1a(U.m);3 A=P(C)?y(b C(9)):b c(9);3 k=0;3 d;1l(k<9){d=U[k];5(n){A[k]=I T==="B"?n(d,k):n.Q(T,d,k)}z{A[k]=d}k+=1}A.m=9;6 A}}())}5(!c.M.v){c.M.v=4(u){3 T,k;5(E==p){F b H("E 1i p 1k V 2p")}3 O=y(E);3 9=O.m>>>0;5(I u!=="4"){F b H(u+" 1i V a 4")}5(j.m>1){T=j[1]}k=0;1l(k<9){3 d;5(k 13 O){d=O[k];u.Q(T,d,k,O)}k++}}}4 1c(2h){3 14=4(i){i.W("1b",4(){i.r.q=1});5(8.R){i.1z("S",i.1B("1A").25(\'.28\',\'.1x\'))}z{i.1z("S",i.1B("1A"))}};3 1p=c.g(e.1q("h[1C=27]"));1p.v(4(7,Y){7.r.q=0;7.r.1w="q 0.18 1e-13-1m";14(7)});3 w=1o();w();4 12(l,1s,1v){3 N=p,L=b 1r();6 4(){3 K=b 1r();22(N);5(K-L>=1v){l();L=K}z{N=21(l,1s)}}}4 1h(1n){3 16=1n.24();6{15:16.15+8.23-e.t.2e,1t:16.1t+8.2d-e.t.2g}}4 1o(){3 G=c.g(e.1q("h[1C=2f]"));G.v(4(7,Y){7.r.q=0;7.r.1w="q 0.18 1e-13-1m"});6 4(){3 1g=8.2a;3 x=(e.t&&e.t.x)||(e.1d&&e.1d.x);G=G.29(4(7,Y){3 1f=1h(7).15;3 Z=1f<1g+x;5(Z){14(7)}6!Z})}}5(8.W){8.W("2c",12(w,s,s),10)}z{5(8.17){8.17("2b",12(w,s,s))}}};', 62, 151, '|||var|function|if|return|element|window|len||new|Array|kValue|document|number|from|img|target|arguments||fn|length|mapFn|Math|null|opacity|style|500|documentElement|callback|forEach|lazyloader|scrollTop|Object|else||undefined||value|this|throw|lazyImageList|TypeError|typeof|arrayLike|curTime|startTime|prototype|timeout||isCallable|call|isSupportWebp|src||items|not|addEventListener|event|index|hasVisible|false|getResult|throttle|in|loadImageByUrl|top|box|attachEvent|5s|object|toLength|load|createImageLoader|body|ease|offsetTop|seeHeight|getOffset|is|toInteger|or|while|out|el|createLazyloader|imageList|querySelectorAll|Date|delay|left|toStr|atleast|transition|webp|maxSafeInteger|setAttribute|originalsrc|getAttribute|loader|like|array|base64|min|max|type|an|requires|Function|data|isNaN|Number|vuUAAA|UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA|image|toString|onerror|pow|width|53|floor|isFinite|onload|abs|setTimeout|clearTimeout|pageYOffset|getBoundingClientRect|replace|Image|ready|jpg|filter|innerHeight|onscroll|scroll|pageXOffset|clientTop|lazy|clientLeft|settings|the|provided|second|argument|must|be|void|defined|when'.split('|'), 0, {}))
|
|
|
function loadScriptByAsync(src) { var asyncScript = document.createElement("script"); asyncScript.async = true; asyncScript.crossorigin = "anonymous"; asyncScript.src = src; firstScript = document.getElementsByTagName("script")[0]; firstScript.parentNode.insertBefore(asyncScript, firstScript); }
|
|
|
</script>
|
|
|
|
|
|
<!--@PRODUCT-JS@-->
|
|
|
<!--@ADDON-JS@-->
|
|
|
<!--@IN-ARTICLE-GOOGLE@-->
|
|
|
<!--@ADDTHIS-WIDGET@-->
|
|
|
</body>
|
|
|
|
|
|
</html>
|
|
|
<script>
|
|
|
$(function () {
|
|
|
var adultnums = $('input[name="adultnumber"]').val();
|
|
|
var kidnums = $('input[name="kidnumber"]').val();
|
|
|
var tripLength = $('#tripLengthNumber').val();
|
|
|
//成人人数加减
|
|
|
$('.addadult').click(function () {
|
|
|
adultnums++;
|
|
|
$('input[name="adultnumber"]').val(adultnums);
|
|
|
});
|
|
|
|
|
|
$('.reduceadult').click(function () {
|
|
|
if (adultnums > 0) {
|
|
|
adultnums--;
|
|
|
$('input[name="adultnumber"]').val(adultnums);
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
//加减儿童人数
|
|
|
$('.addchild').click(function () {
|
|
|
kidnums++;
|
|
|
$('input[name="kidnumber"]').val(kidnums);
|
|
|
});
|
|
|
|
|
|
$('.reducechild').click(function () {
|
|
|
if (kidnums > 0) {
|
|
|
kidnums--;
|
|
|
$('input[name="kidnumber"]').val(kidnums);
|
|
|
}
|
|
|
|
|
|
});
|
|
|
// Trip Length
|
|
|
$('#tripLengthPlus').click(function () {
|
|
|
tripLength++;
|
|
|
$('#tripLengthNumber').val(tripLength);
|
|
|
});
|
|
|
|
|
|
$('#tripLengthMinus').click(function () {
|
|
|
if (tripLength > 0) {
|
|
|
tripLength--;
|
|
|
$('#tripLengthNumber').val(tripLength);
|
|
|
}
|
|
|
});
|
|
|
|
|
|
var interestsList = document.querySelectorAll('label[data-clickable]');
|
|
|
|
|
|
for (var index = 0; index < interestsList.length; index++) {
|
|
|
var interestsLabel = interestsList[index];
|
|
|
interestsLabel.addEventListener('click', function(ele) {
|
|
|
var forElementId = ele.currentTarget.getAttribute('for');
|
|
|
var forElement = document.getElementById(forElementId);
|
|
|
var forValue = forElement.value;
|
|
|
if (!forElement.checked) {
|
|
|
var requirementElement = document.getElementById('additionalrequirements');
|
|
|
var requirementValue = requirementElement.value;
|
|
|
if (requirementValue != '') {
|
|
|
requirementElement.value += '\r\n';
|
|
|
}
|
|
|
requirementElement.value += forValue + ':';
|
|
|
requirementElement.focus();
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
//更新目的地
|
|
|
$('.updatedestination').click(function () {
|
|
|
var destinantionstr = '';
|
|
|
var selectdes = $(this).prev().val();
|
|
|
for (var i = 0; i < $('input[name="destination[]"]').length - 1; i++) {
|
|
|
if (selectdes != $($('input[name="destination[]"]')[i]).val()) {
|
|
|
if ($($('input[name="destination[]"]')[i]).is(':checked')) {
|
|
|
destinantionstr += $($('input[name="destination[]"]')[i]).val() + ',';
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
if ($(this).prev().is(':checked')) {
|
|
|
destinantionstr = destinantionstr.substr(0, destinantionstr.length - 1);
|
|
|
} else {
|
|
|
destinantionstr += selectdes;
|
|
|
}
|
|
|
|
|
|
$('.destination').html(destinantionstr);
|
|
|
});
|
|
|
|
|
|
//表单验证
|
|
|
$('#tmsubmit').click(function () {
|
|
|
var adultnumber = $('input[name="adultnumber"]').val();
|
|
|
var hotel = $('input[name="hotel"]:checked').val();
|
|
|
var destination_is_checked = $('input[name="destination[]"]').is(":checked");
|
|
|
var destination_combos_is_checked = $('input[name="destination_combos"]').is(":checked");
|
|
|
var name = $('input[name="name"]').val();
|
|
|
var emailVal = $('input[name="email"]').val();
|
|
|
var Nationality = $('input[name="Nationality"]').val();
|
|
|
var date = $('#Date_Start').val();
|
|
|
var contactVal = $('#contactInfo').val();
|
|
|
|
|
|
//目的地选择
|
|
|
if (destination_is_checked === false && destination_combos_is_checked === false) {
|
|
|
$("body,html").animate({
|
|
|
scrollTop: $('#destination_select').offset().top - 70
|
|
|
});
|
|
|
$('#destination_error_msg').removeClass('hidden');
|
|
|
setTimeout(function () {
|
|
|
$('#destination_error_msg').addClass('hidden');
|
|
|
}, 5000);
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
//酒店选择
|
|
|
if (hotel === undefined) {
|
|
|
$("body,html").animate({
|
|
|
scrollTop: $('#hotelselect').offset().top - 70
|
|
|
});
|
|
|
$('#hotel_error_msg').removeClass('hidden');
|
|
|
setTimeout(function () {
|
|
|
$('#hotel_error_msg').addClass('hidden');
|
|
|
}, 5000);
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
//人数选择
|
|
|
if (adultnumber < 1) {
|
|
|
$("body,html").animate({
|
|
|
scrollTop: $('#numberselect').offset().top - 70
|
|
|
});
|
|
|
$('#number_error_msg').removeClass('hidden');
|
|
|
setTimeout(function () {
|
|
|
$('#number_error_msg').addClass('hidden');
|
|
|
}, 5000);
|
|
|
return false;
|
|
|
}
|
|
|
if (tripLength < 1) {
|
|
|
$("body,html").animate({
|
|
|
scrollTop: $('#tripLengthTitle').offset().top - 70
|
|
|
});
|
|
|
$('#trip_length_error_msg').removeClass('hidden');
|
|
|
setTimeout(function () {
|
|
|
$('#trip_length_error_msg').addClass('hidden');
|
|
|
}, 5000);
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
//时间选择
|
|
|
if (date == '') {
|
|
|
$("body,html").animate({
|
|
|
scrollTop: $('#dateselect').offset().top - 70
|
|
|
});
|
|
|
$('#date_error_msg').removeClass('hidden');
|
|
|
setTimeout(function () {
|
|
|
$('#date_error_msg').addClass('hidden');
|
|
|
}, 5000);
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
//姓名验证
|
|
|
if (name == '') {
|
|
|
$('input[name="name"]').focus();
|
|
|
$('#name_error_msg').removeClass('hidden');
|
|
|
setTimeout(function () {
|
|
|
$('#name_error_msg').addClass('hidden');
|
|
|
}, 5000);
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
//邮箱验证
|
|
|
if (emailVal == '') {
|
|
|
$('input[name="email"]').focus();
|
|
|
$('#email_error_msg').removeClass('hidden');
|
|
|
setTimeout(function () {
|
|
|
$('#email_error_msg').addClass('hidden');
|
|
|
}, 5000);
|
|
|
return false;
|
|
|
} else {
|
|
|
var emailPattern = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
|
|
|
if (!emailPattern.test(emailVal)) {
|
|
|
$('#email_verify_msg').removeClass('hidden');
|
|
|
setTimeout(function () {
|
|
|
$('#email_verify_msg').addClass('hidden');
|
|
|
}, 5000);
|
|
|
return false;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
//国籍验证
|
|
|
if (Nationality == '') {
|
|
|
$('input[name="Nationality"]').focus();
|
|
|
$('#nation_error_msg').removeClass('hidden');
|
|
|
setTimeout(function () {
|
|
|
$('#nation_error_msg').addClass('hidden');
|
|
|
}, 5000);
|
|
|
return false;
|
|
|
}
|
|
|
//联系方式验证
|
|
|
if (contactVal == '') {
|
|
|
$('#contactInfo').focus();
|
|
|
$('#contact_error_msg').removeClass('hidden');
|
|
|
setTimeout(function () {
|
|
|
$('#contact_error_msg').addClass('hidden');
|
|
|
}, 5000);
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
});
|
|
|
});
|
|
|
</script> |