|
|
|
|
<!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;
|
|
|
|
|
}
|
|
|
|
|
.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: cover;
|
|
|
|
|
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: 13px;
|
|
|
|
|
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-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>
|
|
|
|
|
|
|
|
|
|
<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, WhatsApp, or other contact info
|
|
|
|
|
</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-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();
|
|
|
|
|
//成人人数加减
|
|
|
|
|
$('.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>
|
