<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< title >
Create my trip | Asia Highlights
< / title >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< meta content = "yes" name = "apple-mobile-web-app-capable" >
<!-- @OG:IMAGE@ -->
< link rel = "canonical" href = "https://www.asiahighlights.com/forms/tailormade" >
< 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 > ( f u n c t i o n ( 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,/js/bootstrap.min.js,/js/bootstrap-datepicker/bootstrap-datepicker.min.js,/js/typeahead.bundle.js,/js/jquery.form.min.js,/js/poshytip/jquery.poshytip.min.js,/js/jquery.sticky-kit.min.js" > < / script >
< link href = "https://data.asiahighlights.com/min/?f=/js/bootstrap-datepicker/css/bootstrap-datepicker3.standalone.css" rel = "stylesheet" >
< script >
$(function () {
$("#Date_Start").datepicker({
format: 'mm/dd/yyyy',
autoclose: true,
startDate: '+2d'
});
});
< / script >
< style >
body { margin:0; font-family: Calibri;}
.headerbar {height: 90px;}
.topnavigation {width: 1140px; margin: 0 auto;}
/*底部logo*/
.infobottom ul li {
list-style: none;
margin-bottom: 15px;
font-size: 18px;
}
.bottommedia ul {
padding-left: 0;
display: inline-block;
margin-left: -15px;
margin-top: 0;
}
.bottommedia ul li a {
color: #fff;
font-size: 16px;
text-transform: uppercase;
}
.followtitle a {
color: #fff;
}
.bottomlinks ul li {
font-size: 16px;
text-transform: uppercase;
margin-bottom: 15px;
width: 100%;
}
.bottomlinks ul {
display: inline-block;
padding-left: 0;
margin-top: 0;
}
.bottomlinks ul li a {
color: #fff;
}
.aboutusleft {
width: 50%;
float: left;
display: inline-block;
}
.bottomaboutus {
margin-bottom: 50px;
}
.bottompctitle {
font-size: 18px;
text-transform: uppercase;
color: #797979;
font-weight: bold;
display: block;
width: 23%;
height: 115px;
float: left;
padding-top: 5px;
}
.aboutusinfo {
font-size: 17px;
line-height: 25px;
padding-right: 50px;
color: #fff;
}
.trustPilotIconBig { width: 75%;
float: right;}
.aboutusinfo a {
color: #fff;
text-decoration: underline;
}
.bottomfollowus ul {
padding-left: 10px;
display: inline-block;
margin-left: -15px;
margin-top: 0;
}
.bottomfollowus ul li {
list-style: none;
float: left;
margin-right: 20px;
margin-bottom: 25px;
font-size: 14px;
text-transform: uppercase;
}
.bottomfollowus ul li a {
color: #fff;
font-size: 14px;
text-transform: uppercase;
}
.bottomfollowus ul li a .fa {
color: #fff;
background: #757570;
margin-right: 10px;
width: 35px;
height: 25px;
text-align: center;
padding-top: 9px;
border-radius: 50%;
font-size: 20px;
}
.aboutusright {
width: 50%;
display: inline-block;
}
.bottomaboutuslinks {
border-top: 1px solid #797979;
margin-top: 50px;
}
.bottomlinksleft {
width: 45%;
float: left;
display: inline-block;
}
ul.socialmedias { float: right; margin-top: 15px;}
ul.socialmedias li { float: left; margin-right: 20px; font-size: 18px;}
ul.socialmedias li a {color: #fff;}
ul.socialmedias li a .fa {color: #fff;
background: #757570;
margin-right: 10px;
width: 35px;
height: 25px;
text-align: center;
padding-top: 9px;
border-radius: 50%;
font-size: 20px;}
ul.withBorder {
padding: 10px 0;
margin-bottom: 10px;
margin-top: 0;
display: inline-block;
}
ul.withBorder li {
display: inline;
margin-right: 20px;
}
ul.withBorder li a {
color: #fff;
text-decoration: none;
font-size: 18px;
}
.infobottom {
background: #3a3a32;
color: #fff;
clear: both;
padding-top: 100px;
padding-bottom: 110px;
position: relative;
}
.bottommembers {
width: 30%;
display: inline-block;
padding-top: 15px;
}
.bottommembers img {
display: inline-block;
}
.memberIcons {
text-align: right;
display: block;
padding-top: 15px;
}
img.bottomlogopc {
float: left;
margin-right: 30px;
}
.bottomcopyright {
font-size: 18px;
display: inline-block;
padding-top: 30px;
}
.bottomprivacy {
display: inline-block;
float: right;
padding-top: 30px;
font-size: 18px;
margin-right: 80px;
}
.bottomprivacy a {
color: #fff;
text-decoration: none;
}
.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;}
.chbottomlogo {
display: block;
position: absolute;
left: 0;
right: 0;
top: calc(50% - -240px);
}
.chbottomlogo img {
display: block;
width: 150px;
margin: 0 auto;
}
.bottomlogo {
font-size: 15px;
height: 59px;
background-color: #1e1e1e;
padding: 0;
padding-left: 160px;
padding-top: 2px;
line-height: 20px;
color: #fff;
position: relative;
padding-bottom: 12px;
}
.featureon {padding:0 20px;}
.infobottom {padding: 70px 0;}
.footerbox {
width: 1140px;
max-width: 100%;
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
#inquiryBox {
display: block;
margin: 60px 0 35px;
background-color: #FFF;
padding: 50px;
border-radius: 4px;
float: right;
width: 65%;
}
.wholeWrap {
background: url(https://data.asiahighlights.com/image/inquiry-pc-header.jpg) no-repeat fixed;
background-size: 100%;
padding-top: 60px;
padding-right: 15%;
width: 100%;
padding-bottom: 100px
}
.wholeWrap2 {
background: url(https://data.asiahighlights.com/image/tailor-made-pc.jpg) no-repeat fixed;
background-size: cover;
width: 100%;
display: inline-block;
margin-bottom: -4px;
}
.tm_form_content { width: 1140px; margin: 0 auto;}
h3 {
font-size: 20px;
font-weight: 500;
margin-bottom: 10px;
margin-top: 40px
}
h2 {
font-size: 35px;
font-weight: 700;
text-align: center;
margin: 30px 0 25px 0
}
.settleBlock {
padding: 15px 0;
width: 100%
}
.settleMponey {
font-size: 24px;
font-weight: 700;
border-top: 1px dashed #d1d1d1;
border-bottom: 1px dashed #d1d1d1;
padding: 15px 0;
font-family: 'Alegreya Sans', sans-serif
}
.settleItems {
font-size: 18px
}
.totalPrice {
color: #ad1818
}
.settlePart {
border-top: 1px dashed #d1d1d1;
padding: 20px 0
}
#inquiryBox h1 {
font-size: 40px;
margin: 0 0 15px;
font-family: 'Alegreya Sans', sans-serif;
font-weight: 600;
border: 0;
text-align: center
}
#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-size: 19px;
line-height: 22px;
padding: 15px;
border: 1px solid #d1d1d1;
background: #fff;
width: 95%;
height: 150px;
border-radius: 2px;
margin-top: 10px;
font-family: Calibri;
}
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
}
#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
}
.optionLable input {
display: none
}
.checkboxGender input[type="radio"]+label {
font-size: 20px;
padding: 15px 0;
border: 1px solid #d1d1d1;
border-radius: 4px;
display: block;
margin-top: 10px;
text-align: center;
color: #000;
height: 30px;
}
.checkboxGender input[type="radio"]:checked+label {
background-color: #fff;
color: #ad1818;
border: 2px solid #ad1818;
height: 28px;
}
.optionLable input[type="radio"]+label {
font-size: 19px;
border: 1px solid #d1d1d1;
border-radius: 4px;
display: block;
text-align: center;
color: #000;
min-height: 65px;
padding: 10px;
font-family: Calibri;
line-height: 22px;
}
.optionLable {
width: 31.9%;
display: inline-block;
margin-top: 10px;
float: left;
margin-right: 10px;
height: 90px;
}
.optionLable input[type="radio"]:checked+label {
border: 2px solid #ad1818;
color: #ad1818
}
.selectHotl {
width: 100%;
text-align: center
}
.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;
padding-top: 15px;
width: 100%;
cursor: pointer;
font-family: Calibri;
}
.checkboxLabel input[type="checkbox"]:checked+label {
border: 2px solid #ad1818;
color: #ad1818;
width: 100%;
height:33px;
}
.checkboxLabel {
display: inline-block;
width: 31.9%;
float: left;
margin-right: 10px;
}
.checkboxLabel input {
display: none
}
#name_error_msg, #email_error_msg, #nation_error_msg, #contact_error_msg, #email_verify_msg {color: #ad1818;
font-size: 16px;
border-bottom: 1px dashed;
margin: 10px 0;
width: 100%;
padding-bottom: 5px;
font-style: italic;}
.hidden {display:none;}
.selectionMemo {
font-size: 16px;
font-style: italic;
font-weight: 300;
margin-top: 2px
}
#inquiryBox .flexibleDate {
display: inline-block;
margin-bottom: 10px;
padding: 5px 0 5px 30px
}
.genderSelection {
text-align: center
}
.checkboxGender {
width: 32%;
display: inline-block
}
.checkboxGender label {
width: 98%
}
.checkboxGender input {
display: none
}
.checkboxGender:nth-child(3) {
float: right
}
.checkboxGender:nth-child(1) {
float: left
}
.optionLable input[type="radio"]+label:hover {
border: 2px solid #ad1818;
cursor: pointer;
color: #ad1818;
height: 42px;
}
.checkboxLabel input[type="checkbox"]+label:hover {border: 2px solid #ad1818;
cursor: pointer;
color: #ad1818;
height: 33px;}
.travelTag input[type="checkbox"]+label:hover {
border: 1px solid #ad1818;
cursor: pointer
}
.checkboxGender input[type="radio"]+label:hover {
border: 2px solid #ad1818;
cursor: pointer;
color: #ad1818;
height: 28px;
}
.inputTerm label {
display: block;
width: 100%;
font-size: 20px;
position: absolute;
left: 20px;
top: calc(50% - 13px);
transition: all ease-in-out .5s;
pointer-events: none;
height: 26px;
color: #999
}
.inputTerm {
display: block;
width: 100%;
margin: 15px auto;
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: 95%;
margin: 0;
font-size: 22px;
border: 1px solid #d1d1d1;
height: 40px;
padding: 15px 15px 0 20px;
border-radius: 4px;
color: #000
}
.checkYes {
display: block;
width: 100%;
margin-top: 5px;
margin-bottom: 15px
}
.checkBorder:checked {
background-color: #ad1818;
border-color: #ad1818;
margin-right: 5px
}
.checkBorder {
background-color: #fff;
border: 1px solid #c1c1c1;
position: relative;
width: 20px;
height: 20px;
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: 18px;
font-weight: normal
}
p a input[type=checkbox]+label {
color: #999;
font-size: 16px !important
}
input[type=text]:focus {
border: 1px solid #7D9EC0;
outline: none
}
.checkYes label {
display: inline;
font-size: 18px;
}
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
}
.formMemo {
font-size: 20px;
display: block;
margin-bottom: 10px;
}
.chooseothers {
font-size: 18px;
color: #000;
display: block;
margin-top: 10px
}
.inquiryBtn {
display: block;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px
}
button {
background: #ad1818;
text-align: center;
display: table;
border-radius: 25px;
min-width: 60%;
margin: 50px auto;
padding: 10px 30px;
color: #FFF;
font-size: 22px;
border: none;
cursor: pointer;
}
input[type=submit]:hover {
width: 42%
}
i {
margin-left: 10px
}
.howWeWork {
font-size: 18px;
margin-top: -15px;
margin-bottom: 50px;
text-align: center;
margin: 0 auto;
padding-bottom: 35px
}
.preface {
font-size: 22px;
margin-top: -15px;
margin-bottom: 50px;
text-align: center;
margin: 0 auto
}
.interestedRoute {
background: url(https://data.asiahighlights.com/image/fast-nav-backpic.png) no-repeat top;
background-size: 100%;
position: relative;
margin: 20px 0 10px 0;
padding: 20px 0 5px 0;
margin-top: 20px
}
.routeName {
font-size: 22px;
text-align: center;
font-weight: 400;
margin: 0 auto;
font-style: italic
}
.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
}
.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
}
.check-out {
display: none;
text-align: center
}
.check-in,
.check-out {
color: #ad1818;
cursor: pointer;
font-weight: 300;
font-size: 20px;
text-decoration: underline
}
#check:checked+.foldDestinations>.readMore {
max-height: 666px
}
.formNote {
color: #999;
font-size: 16px
}
.minaddBtn:hover {
border: 1px solid #ad1818;
background-color: #ad1818;
color: #fff
}
.number,
.minaddBtn:focus {
border: 1px solid #ad1818;
outline: none
}
.peopleSelect {
width: 50%;
margin-top: 20px;
font-size: 24px;
display: inline-block
}
.peopleSelect:nth-child(odd) {
float: right
}
.minaddBtn {
background: #FFF;
border: 1px solid #d1d1d1;
border-radius: 4px;
color: #ad1818;
height: 55px;
width: 15%;
font-size: 35px;
margin-top: 5px;
cursor: pointer;
}
.numberBtn {
width: 100%;
overflow: hidden
}
.numberBtn:nth-child(3) {
float: right
}
.kidNum, .number {
width: 45%;
text-align: center;
border: 1px solid #d1d1d1;
border-radius: 4px;
height: 50px;
font-size: 25px;
position: relative;
top: -4px;
}
#Date_Start {
width: 95%;
font-size: 19px;
border-radius: 4px;
padding: 8px 15px;
color: #000;
border: 1px solid #d1d1d1;
height: 30px;
margin-bottom: 10px;
background: url(https://data.chinahighlights.com/pic/top10/tour-calendar.png) no-repeat 695px;
}
.travelStyle input {
display: none
}
.travelStyle input[type="checkbox"]+label {
margin-top: 8px;
font-size: 19px;
padding: 5px 15px;
border: 1px solid #d1d1d1;
border-radius: 2px;
display:inline-block;
}
.travelStyle input[type="checkbox"]+label:hover { border: 1px solid #ad1818; color: #ad1818; cursor: pointer;height: 22px;}
.travelTag {
margin-left: -8px
}
.travelStyle {
display: inline-block
}
.travelStyle input[type="checkbox"]:checked+label {
color: #FFF;
background-color: #ad1818;
border-color: #ad1818
}
.workingSteps {
font-size: 18px;
color: #FFF;
padding-bottom: 80px;
overflow: hidden;
position: relative
}
.stepLogo img {
width: 50px
}
.stepText {
padding-left: 70px;
margin-top: -55px;
font-size: 19px;
}
.stepText strong {font-style: italic;}
.dotted {
width: 1px;
border-left: 2px dashed #f1f1f1;
height: 180px;
position: absolute;
top: 50px;
left: 40px
}
.stpeBlock {
padding-top: 120px;
float: left;
width: 265px;
}
.selectionBlock { display: inline-block; width: 100%;}
h3 {
font-size: 27px;
margin-top: 80px;
width: 100%;
display: inline-block;
}
.bottom_why_us {
background: url(https://data.asiahighlights.com/image/about/ah-bottom-why-us-bg-pc.jpg) center #565656;
background-size: cover;
height: 460px;
padding-top: 70px;
}
.bottom_why_us h2 {
text-align: center;
color: #fff;
}
table.why_us_table {
width: 1140px;
margin: 40px auto 0 auto;
color: #fff;
}
.bottom_why_us_content {
text-align: center;
padding: 0 15px;
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: 17px;
line-height: 25px;
}
.datepicker.dropdown-menu { font-size:17px;}
p {font-size: 19px;}
< / style >
< / head >
< body >
< header class = "headerbar" id = "header" >
< div class = "topnavigation" >
< a href = "/" class = "p_toplogo" > < img src = "https://data.asiahighlights.com/pic/logo-ah.png"
alt="Asiahighlights logo" class="asiahighlightslogo img-responsive" style="height: 90px;">< / a >
< / div >
< / header >
< div class = "wholeWrap2" >
< div class = "tm_form_content" >
< div class = "stpeBlock" >
< div class = "workingSteps" >
< div class = "stepLogo" >
< img src = "https://data.asiahighlights.com/image/ticket-select.png"
alt="select ticket type">
< / div >
< div class = "detailedSteps" >
< div class = "stepText" >
< strong >
Use the form below to make a tour inquiry with us.
< / strong >
< / div >
< / div >
< div class = "dotted" >
< / div >
< / div >
< div class = "workingSteps" >
< div class = "stepLogo" >
< img src = "https://data.asiahighlights.com/image/get-matched.png"
alt="select ticket type">
< / div >
< div class = "detailedSteps" >
< div class = "stepText" >
We'll get in touch with you within 24 hours with suggestions.
< / div >
< / div >
< div class = "dotted" >
< / div >
< / div >
< div class = "workingSteps" >
< div class = "stepLogo" >
< img src = "https://data.asiahighlights.com/image/craft-journey.png"
alt="select ticket type">
< / div >
< div class = "detailedSteps" >
< div class = "stepText" >
We'll then craft an itinerary proposal based on your interests.
< / div >
< / div >
< div class = "dotted" >
< / div >
< / div >
< div class = "workingSteps" >
< div class = "stepLogo" >
< img src = "https://data.asiahighlights.com/image/deal-journey.png"
alt="select ticket type">
< / div >
< div class = "detailedSteps" >
< div class = "stepText" >
We'll work with you to refine the itinerary until you are satisfied.
< / div >
< / div >
< / div >
< / div >
< form action = "/orders/tailormade_save/" method = "POST" >
< div id = "inquiryBox" style = "margin-top: 120px;" >
< h1 >
Let's Create Your Trip
< / h1 >
< div class = "preface" >
Tell us your interests and get a reply within 24 hours.
< / div >
< div class = "selectionBlock" >
< p style = "margin-top: 50px;" > 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" style = "color:#a31022;font-size:18px; display: block;" 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– < / 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 = "thailand" id = "thai" name = "destination[]" >
< label for = "thai" >
Thailand
< / label >
< / div >
< div class = "checkboxLabel" >
< input type = "checkbox" value = "Vietnam" id = "vtn" name = "destination[]" >
< label for = "vtn" class = "updatedestination" >
Vietnam
< / label >
< / div >
< div class = "checkboxLabel" >
< input type = "checkbox" value = "cambodia" id = "cam" name = "destination[]" >
< label for = "cam" class = "updatedestination" >
Cambodia
< / label >
< / div >
< div class = "checkboxLabel" >
< input type = "checkbox" value = "india" id = "in" name = "destination[]" >
< label for = "in" class = "updatedestination" >
India
< / label >
< / div >
< div class = "checkboxLabel" >
< input type = "checkbox" value = "Nepal" id = "nep" name = "destination[]" >
< label for = "nep" class = "updatedestination" >
Nepal
< / label >
< / div >
< div class = "checkboxLabel" >
< input type = "checkbox" value = "Sri Lanka" id = "srilan" name = "destination[]" >
< label for = "srilan" class = "updatedestination" >
Sri Lanka
< / label >
< / div >
< div class = "checkboxLabel" >
< input type = "checkbox" value = "laos" id = "lao" name = "destination[]" >
< label for = "lao" class = "updatedestination" >
Laos
< / 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 class = "checkboxLabel" >
< input type = "checkbox" value = "japan" id = "ja" name = "destination[]" >
< label for = "ja" class = "updatedestination" >
Japan
< / 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 = "Caucasus and Central Asia" id = "Caucasus and Central Asia" name = "destination[]" >
< label for = "Caucasus and Central Asia" class = "updatedestination" >
Caucasus & Central Asia
< / label >
< / div >
< / div >
< div class = "selectionBlock" >
< h3 id = "hotelselect" >
Your Hotel Preference *
< / h3 >
< span id = "hotel_error_msg" style = "color:#a31022;font-size:18px; display: block;" class = "hidden" > (Please select one option. It can be changed later.)< / span >
< span class = "formNote" >
Hotels prices in Japan are at least doubled based on the suggested rates below.
< / span >
< div class = "selectHotl" >
< div class = "optionLable" >
< input type = "radio" value = "Handpicked Comfort 4-5star" id = "fourStar" name = "hotel" >
< label for = "fourStar" class = "hotelText" >
Handpicked comfort< br > (4/5-star)
< div class = "selectionMemo" >
USD 100-200 / night
< / div >
< / label >
< / div >
< div class = "optionLable" >
< input type = "radio" value = "Standard 3 star" id = "threeStar" name = "hotel" >
< label for = "threeStar" class = "hotelText" >
Standard < br > (3-star)
< div class = "selectionMemo" >
USD 70-100 / night
< / div >
< / label >
< / div >
< div class = "optionLable" >
< input type = "radio" value = "Luxury" id = "fiveStar" name = "hotel" >
< label for = "fiveStar" class = "hotelText" >
Luxury< br > (5-star & up)
< div class = "selectionMemo" >
USD 200+ / night
< / div >
< / label >
< / div >
< div class = "optionLable" >
< input type = "radio" value = "Self booking" id = "Self" name = "hotel" >
< label for = "Self" class = "hotelText" style = "min-height: 35px; padding-top: 15px;" >
Self-booking
< / label >
< / div >
< / div >
< / div >
< div class = "selectionBlock" >
< h3 id = "numberselect" >
Number in Your Group * < span id = "number_error_msg" style = "color:#a31022;font-size:18px;"
class="hidden">(Please fill out this field.)< / span >
< / h3 >
< div class = "peopleSelect" >
< span class = "formMemo" >
Adults (≥12 years old)
< / span >
< div class = "numberBtn" >
< input class = "minaddBtn reduceadult" type = "button" value = "-" / >
< input class = "number" type = "text" value = "1" name = "adultnumber" / >
< input class = "minaddBtn addadult" type = "button" value = "+" / >
< / div >
< / div >
< div class = "peopleSelect" >
< span class = "formMemo" >
Kids (2-11 years old)
< / span >
< div class = "numberBtn" >
< input class = "minaddBtn reducechild" type = "button" value = "-" / >
< input class = "kidNum" type = "text" value = "0" name = "kidnumber" / >
< input class = "minaddBtn addchild" type = "button" value = "+" / >
< / div >
< / div >
< div class = "clear" >
< / div >
< / div >
< div class = "selectionBlock" >
< h3 id = "dateselect" >
Your Date of Arrival * < span id = "date_error_msg" style = "color:#a31022;font-size:18px;"
class="hidden">(Please fill out this field.)< / span >
< / h3 >
< input type = "text" class = "arrivalDate datepicker hidden-xs" id = "Date_Start" name = "Date_Start"
value="" placeholder="mm/dd/yyyy" autocomplete="off" />
< div class = "checkYes" >
< input type = "checkbox" class = "checkBorder" name = "flexible" value = "Yes" >
< label for = "dateLimit" >
I'm flexible with the date.
< / label >
< / div >
< / div >
< div class = "selectionBlock" >
< h3 id = "tripLengthTitle" >
Trip Length * < span id = "trip_length_error_msg" style = "color:#a31022;font-size:18px;"
class="hidden">(Please fill out this field.)< / span >
< / h3 >
< div class = "peopleSelect" >
< div class = "numberBtn" >
< input class = "minaddBtn" id = 'tripLengthMinus' type = "button" value = "-" / >
< input class = "number" type = "text" value = "10" id = 'tripLengthNumber' name = "cli_days" / >
< input class = "minaddBtn" id = 'tripLengthPlus' type = "button" value = "+" / >
< / div >
< / 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 = "E.g. age range, duration, group situation, your travel style, cities you would like to visit, special requests…" > < / textarea >
< / div >
< / div >
< div id = "inquiryBox" style = " margin-bottom: 180px; margin-top: 10px;" >
< h2 >
Tell Us about You
< / h2 >
< div class = "genderSelection" >
< form action = "" method = "GET" >
< 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 >
< / form >
< / 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 id = "nation_error_msg" class = "hidden" > (Please fill out
this field.)< / span >
< div class = "inputTerm" >
< input type = "text" name = "Nationality" onkeyup = "value=value.replace(/[\d]/g,'')" maxlength = 10
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 >
< div class = "formMemo" style = "font-size: 16px ;
color: #999;
display: block;
margin-top: -5px;">
WhatsApp / iMessage is SUPER helpful to ensure you not miss any important info.
< / div >
< 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 = "clear" >
< / div >
< div class = "inquiryBtn" >
< button id = "tmsubmit" href = "javascript:;" > Start My Journey< / button >
< input type = "hidden" name = "url" value = " <?php echo $orderfrom ; ?> " />
<?php
if(isset($tourCode)){
echo '< input type = "hidden" name = "tourCode" value = "'.$tourCode.'" / > ';
}
?>
< / div >
< / div >
< / form >
< / div >
< / div >
< div class = "bottom_why_us" >
< h2 > The Asia Highlights Experience< / h2 >
< div class = "table-responsive" >
< table class = "why_us_table" >
< tbody >
< tr >
< td >
< 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 >
< / td >
< td >
< 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 >
< / td >
< td >
< 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 >
< / td >
< td >
< 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 >
< / td >
< / tr >
< / tbody >
< / table >
< / div >
< / div >
< div class = "infobottom" >
< div class = "footerbox" >
< div class = "aboutusleft" >
< div class = "bottomaboutus" >
< div class = "bottompctitle" > About Us< / div >
< div class = "aboutusinfo" > 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 >
< div class = "trustPilotIconBig" >
< img class = "img-responsive"
src="https://data.asiahighlights.com/pic/trustpilot-new-icon.png"
style="margin: 10px 0; display: block;">
Rated
4.8 out of 5 | Excellent
< / div >
< / div >
< / div >
< / div >
< div class = "aboutusright" >
< div class = "bottompctitle" > Featured on< / div >
< img width = "436" height = "250"
style="width: 77%;"
src="https://data.chinahighlights.com/pic/guide/info-template-feature-on.png" alt="Medias"
class="img-responsive bottomfeature" >
< / div >
< div class = "clear" > < / div >
< div class = "bottomaboutuslinks" >
< div class = "bottomlinksleft" >
< ul class = "withBorder" >
< li > < a href = "/about-us" rel = "nofollow" > About us< / a > < / li >
< 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 >
< / ul >
< / div >
< ul class = "socialmedias" >
< li > < a href = "https://www.facebook.com/AsiaHighlights/" rel = "nofollow" title = "Follow us on Facebook"
class="fb" 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 >
< li > < a href = "https://www.pinterest.com/AsiaHighlights/_saved/" rel = "nofollow"
title="Share us on Pinterest" target="_blank">Pinterest< / a >
< / li >
< / ul >
< / div >
< / div >
< / div >
< div class = "clear" > < / div >
< div class = "bottomlogo" >
< div class = "footerbox" >
< img
src="https://data.chinahighlights.com/image/asia/asia-highlights-bottom-logo.png" width="114"
height="71" class="img-responsive bottomlogopc">
< span class = "bottomcopyright" > © 2016-2022 Asia Highlights — Discovery Your Way! < / span >
< span class = "bottomprivacy" > < a href = "/privacy.htm" > Privacy Policy< / a > | < a
href="/terms-of-use.htm">Terms< / a > < / span >
< / div >
< / div >
< / 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();
}
});
}
//表单验证
$('#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 = $('input[name="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 >
