<!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>(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,/js/bootstrap.min.js,/js/bootstrap-datepicker/bootstrap-datepicker.min.js,/js/typeahead.bundle.js,/js/basic.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">  
	<style>
		@font-face {
    font-family: FontAwesome;
    font-display: swap;
    src: url('https://data.chinahighlights.com/public/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('https://data.chinahighlights.com/public/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://data.chinahighlights.com/public/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://data.chinahighlights.com/public/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://data.chinahighlights.com/public/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://data.chinahighlights.com/public/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: 400;
    font-style: normal
}
body { margin:0;}

		    .headerbar {
        height: 120px;
        background-color: #fff;
        padding: 0;
        position: fixed;
        width: 100%;
        box-shadow: 0px 2px 4px 0px #d1d1d1;
        top: 0;
        left: 0;
		z-index: 11111;
    }
	.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a";
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-pinterest:before {
    content: "\f0d2";
}
.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 .fa {
    color: #fff;
    background: #757570;
    margin-right: 10px;
    width: 35px;
    height: 25px;
    text-align: center;
    padding-top: 9px;
    border-radius: 50%;
    font-size: 20px;
}

.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: 16px;
    text-transform: uppercase;
    color: #797979;
    font-weight: bold;
    display: block;
    width: 23%;
    height: 115px;
    float: left;
    padding-top: 5px;
}

.aboutusinfo {
    font-size: 15px;
    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: 16px;}
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: 16px;
}

.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: 16px;
    display: inline-block;
    padding-top: 30px;
}

.bottomprivacy {
    display: inline-block;
    float: right;
    padding-top: 30px;
    font-size: 16px;
	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: 100%;
			padding-top: 60px;
			width: 100%;
            display: inline-block;
            margin-bottom: -4px;
		}
.tm_form_content {    width: 1140px;
    margin: 0 auto;
    margin-top: 55px;}
		h3 {
			font-size: 20px;
			font-weight: 500;
			font-family: 'Alegreya Sans', sans-serif;
			margin-bottom: 10px;
			margin-top: 40px
		}

		h2 {
			font-family: 'Alegreya Sans', sans-serif;
			font-size: 28px;
			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;
			box-shadow: 0 0 5px #999;
			border-radius: 4px;
			margin: 0 0 25px;
			padding: 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: 20px;
    line-height: 30px;
    padding: 15px;
    border: 1px solid #d1d1d1;
    background: #fff;
    width: 95%;
    height: 150px;
    border-radius: 2px;
    margin-top: 10px;
    font-family: 'Hind Madurai', sans-serif;
    font-weight: 300;
		}

		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: 18px;
			padding: 15px 0;
			border: 1px solid #d1d1d1;
			border-radius: 4px;
			display: block;
			margin-top: 10px;
			text-align: center;
			color: #999;
			font-family: 'Alegreya Sans', sans-serif;
			height: 30px;
		}

		.checkboxGender input[type="radio"]:checked+label {
			background-color: #ad1818;
			color: #FFF;
			border-color: #ad1818
		}

		.optionLable input[type="radio"]+label {
			font-size: 18px;
			border: 1px solid #d1d1d1;
			border-radius: 4px;
			display: block;
			text-align: center;
			color: #999;
			min-height: 65px;
			font-family: 'Alegreya Sans', sans-serif;
			font-weight: 500 !important;
			padding: 10px
		}

		.optionLable {
			width: 32%;
			display: inline-block;
			margin-top: 10px
		}

		.optionLable input[type="radio"]:checked+label {
			border: 2px solid #ad1818;
			color: #ad1818
		}

		.selectHotl {
			width: 100%;
			text-align: center
		}

		.optionLable:nth-child(3) {
			float: right
		}

		.optionLable:nth-child(1) {
			float: left
		}

		.checkboxLabel input[type="checkbox"]+label {
			font-size: 22px;
			padding: 5px 0;
			border: 1px solid #d1d1d1;
			border-radius: 4px;
			display: block;
			margin-top: 10px;
			text-align: center;
			color: #999;
			height: 45px;
			font-family: 'Alegreya Sans', sans-serif;
			padding-top: 15px;
			width: 100%;
		}

		.checkboxLabel input[type="checkbox"]:checked+label {
			border: 2px solid #ad1818;
			color: #ad1818;
			width: 100%;
			height:43px;
		}
		.checkboxLabel {
            display: inline-block;
    width: 31%;
    float: left;
    margin-right: 10px;
		}
		.checkboxLabel input {
			display: none
		}
#name_error_msg, #email_error_msg, #nation_error_msg {color: #a31022;
    font-size: 16px;
    border-bottom: 1px dashed;
    margin: 10px 0;
    width: 100%;
    padding-bottom: 5px;
    font-style: italic;}
	.hidden {display:none;}
		.selectionMemo {
			font-size: 12px;
			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: 100%
		}

		.checkboxGender input {
			display: none
		}

		.checkboxGender:nth-child(3) {
			float: right
		}

		.checkboxGender:nth-child(1) {
			float: left
		}

		.optionLable input[type="radio"]+label:hover {
			border: 1px solid #ad1818;
			cursor: pointer
		}

		.travelTag input[type="checkbox"]+label:hover {
			border: 1px solid #ad1818;
			cursor: pointer
		}

		.checkboxGender input[type="radio"]+label:hover {
			border: 1px solid #ad1818;
			cursor: pointer
		}

		.inputTerm label {
			display: block;
			width: 100%;
			font-size: 18px;
			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: 12px;
			color: #999;
			transition: 0.3s;
			text-transform: uppercase
		}

		.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-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
		}

		.formMemo {
			font-size: 18px;
			color: #000;
			display: block;
			margin-top: -10px;
            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: 60px;
			min-width: 38%;
			margin: 25px auto;
			padding: 8px 30px;
			color: #FFF;
			font-family: 'Alegreya Sans', sans-serif;
			font-weight: 500;
			font-size: 20px;
			border: solid 0px
		}

		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: 18px;
			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-family: 'Alegreya Sans', sans-serif;
			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: 65px;
    font-weight: 700;
    width: 20%;
    display: inline-block;
    font-size: 35px;
		}

		.numberBtn {
			width: 100%;
			overflow: hidden
		}

		.numberBtn:nth-child(3) {
			float: right
		}
		.kidNum, .number {
			margin-left: 5px;
			width: 35%;
			text-align: center;
			border: 1px solid #d1d1d1;
			border-radius: 4px;
			font-weight: 300;
			height: 65px;
            font-size: 30px;
		}

		#Date_Start {
			width: 95%;
			font-size: 20px;
			font-family: 'Open Sans', sans-serif !important;
			border-radius: 2px !important;
			padding: 8px 15px;
			color: #777 !important;
			background: url(/pic/calendar-icon-red.png) no-repeat 96% 20px #fff;
			border: 1px solid #d1d1d1;
			height: 60px
		}

		.travelStyle input {
			display: none
		}

		.travelStyle input[type="checkbox"]+label {
			margin-top: 8px;
			font-size: 14px;
			padding: 5px 7px;
			color: #999;
			border: 1px solid #d1d1d1;
			border-radius: 2px;
            display:inline-block;
		}

		.travelTag {
			margin-left: -8px
		}

		.travelStyle {
			display: inline-block
		}

		.travelStyle input[type="checkbox"]:checked+label {
			color: #FFF;
			background-color: #ad1818;
			border-color: #ad1818
		}

		hr {
			color: #d1d1d1;
			border: 1px dotted;
			margin-top: 25px
		}

		.workingSteps {
			font-size: 18px;
			color: #FFF;
			padding-bottom: 80px;
			overflow: hidden;
			position: relative
		}

		.stepLogo img {
			width: 50px
		}

		.detailedSteps strong {
			font-weight: 700
		}

		.stepText {
			padding-left: 80px;
            margin-top: -50px;
            font-size: 18px;
		}

		.dotted {
			width: 1px;
			border-left: 2px dashed #f1f1f1;
			height: 180px;
			position: absolute;
			top: 50px;
			left: 40px
		}

		.stpeBlock {
            padding-top: 60px;
    float: left;
    width: 265px;
		}
        .selectionBlock { display: inline-block; width: 100%;}
	</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"></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 an inqury 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 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 then craft an intinerary 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 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">
					<h1>
						Creat Your Trip with Us
					</h1>
					<div class="preface">
						Tell us your interests and get replied within 24 hours...
					</div>
					<div class="selectionBlock">
						<h2 id="destination_select">
							Choose your interested destination(s). * <span id="destination_error_msg"
								style="color:#a31022;font-size:18px; display: block;" class="hidden">(Please select an option.)</span>
                        </h2>
						
								<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="india" id="in" name="destination[]">
									<label for="in" class="updatedestination">
										India
									</label>
								</div>
						
							
								<div class="checkboxLabel">
									<input type="checkbox" value="myanmar" id="myan" name="destination[]">
									<label for="myan" class="updatedestination">
										Myanmar
									</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="japan" id="ja" name="destination[]">
									<label for="ja" class="updatedestination">
										Japan
									</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="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="China" id="china" name="destination[]">
									<label for="china" class="updatedestination">
										China
									</label>
								</div>
						
					
					
					</div>
				
					<div class="selectionBlock">
						<h2 id="hotelselect">
							Your hotel preference * <span id="hotel_error_msg" style="color:#a31022;font-size:18px; display: block;"
								class="hidden">(Please select an option.)</span>
                        </h2>
						<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="Luxury" id="fiveStar" name="hotel">
								<label for="fiveStar" class="hotelText">
									Luxury (5 stars & up)
									<div class="selectionMemo">
										USD 200+ / night
									</div>
								</label>
							</div>
							<div class="optionLable">
								<input type="radio" value="Handpicked Comfort 4-5star" id="fourStar" name="hotel">
								<label for="fourStar" class="hotelText">
									Handpicked Comfort (4-5 stars)
									<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 (3 stars)
									<div class="selectionMemo">
										USD 70-100 / night
									</div>
								</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="0" 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="No">
							<label for="dateLimit">
								I'm flexible on the date
							</label>
						</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="family" id="familytrip" name="grouptype">
							<label for="familytrip">
								<div class="smallTag">
									<div class="styleText">
										Family
									</div>
								</div>
							</label>
						</div>
						<div class="travelStyle">
							<input type="checkbox" value="couple" id="cp" name="grouptype">
							<label for="cp">
								<div class="smallTag">
									<div class="styleText">
										Couple
									</div>
								</div>
							</label>
						</div>
						<div class="travelStyle">
							<input type="checkbox" value="solo" id="single" name="grouptype">
							<label for="single">
								<div class="smallTag">
									<div class="styleText">
										Solo
									</div>
								</div>
							</label>
						</div>
						<div class="travelStyle">
							<input type="checkbox" value="friends" id="mate" name="interests">
							<label for="mate">
								<div class="smallTag">
									<div class="styleText">
										Friends
									</div>
								</div>
							</label>
						</div>
						<div class="travelStyle">
							<input type="checkbox" value="vacation" id="holiday" name="grouptype">
							<label for="holiday">
								<div class="smallTag">
									<div class="styleText">
										Vacation
									</div>
								</div>
							</label>
						</div>
						<div class="travelStyle">
							<input type="checkbox" value="adventure" id="risk" name="interests">
							<label for="risk">
								<div class="smallTag">
									<div class="styleText">
										Adventure
									</div>
								</div>
							</label>
						</div>
						<div class="travelStyle">
							<input type="checkbox" value="food" id="gourmet" name="interests">
							<label for="gourmet">
								<div class="smallTag">
									<div class="styleText">
										Food
									</div>
								</div>
							</label>
						</div>
						<div class="travelStyle">
							<input type="checkbox" value="firstimetoasia" id="firstasia" name="interests">
							<label for="firstasia">
								<div class="smallTag">
									<div class="styleText">
										First time to Asia
									</div>
								</div>
							</label>
						</div>
						<div class="travelStyle">
							<input type="checkbox" value="cultureHistory" id="culture" name="interests">
							<label for="culture">
								<div class="smallTag">
									<div class="styleText">
										Culture&History
									</div>
								</div>
							</label>
						</div>
						<div class="travelStyle">
							<input type="checkbox" value="restRelaxation" id="rest" name="interests">
							<label for="rest">
								<div class="smallTag">
									<div class="styleText">
										Rest&relaxation
									</div>
								</div>
							</label>
						</div>
						<textarea id="additionalrequirements" name="additionalrequirements" style="resize:none;"
							placeholder="E.g. Age range, duration, group situation, your travel style, which cities you would like to go, special requests..."></textarea>
					</div>
					<hr>
					<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>
							Full Name *
						</label>
					</div>
					<span id="email_error_msg" class="hidden">(Please fill out
						this field.)</span>
					<div class="inputTerm">
						<input type="email" name="email" required />
						<label>
							Email Address *
						</label>
					</div>
					<div class="formMemo">
						All your ticket issues will be sent to your mailbox.
					</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>
					<div class="inputTerm">
						<input type="text" name="PhoneNo" />
						<label>
							Phone number
						</label>
					</div>
					<div class="formMemo">
						Area code + number. Only call if you ask.
					</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="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-2021 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();
		//成人人数加减
		$('.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);
			}

		});

		//表单验证
		$('#tmsubmit').click(function () {
			var adultnumber = $('input[name="adultnumber"]').val();
			var hotel = $('input[name="hotel"]:checked').val();
			var destinations = $('input[name="destination[]"]').is(":checked");
			var name = $('input[name="name"]').val();
			var email = $('input[name="email"]').val();
			var Nationality = $('input[name="Nationality"]').val();
			var date = $('input[name="Date_Start"]').val();

			//目的地选择
			if (destinations === 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 (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 (email == '') {
				$('input[name="email"]').focus();
				$('#email_error_msg').removeClass('hidden');
				setTimeout(function () {
					$('#email_error_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;
			}

		});
	});
</script>