diff --git a/.htaccess b/.htaccess index 62adce5b..5c4a9b40 100644 --- a/.htaccess +++ b/.htaccess @@ -35,7 +35,8 @@ RewriteRule ^/(tours|vietnam|guide|cambodia|laos|myanmar|thailand|southeast-asia #orders RewriteRule ^/create-my-trip.htm$ /index.php/orders/tailormade/ [U,L] RewriteRule ^/orders/triprequest.htm$ /index.php/forms/triprequest/ [U,L] -RewriteRule ^/forms/lantern_form$ /index.php/forms/lantern_form/ [U,L] +RewriteRule ^/forms/(.*)$ /index.php/forms/$1/ [U,L] + RewriteRule ^/orders/(lantern_save|tailormade_thankyou|tailormade_save|contactus_save|contactus_thankyou|asia_tour|asia_tour_save|asia_tour_thankyou|ch_tailormade_save|triprequest_save)$ /index.php/orders/$1 [U,L] RewriteRule ^/orders/inquiry_thankyou$ /index.php/orders/tailormade_thankyou [U,L] diff --git a/application/controllers/forms.php b/application/controllers/forms.php index 82aee2e1..35194b4a 100644 --- a/application/controllers/forms.php +++ b/application/controllers/forms.php @@ -25,6 +25,13 @@ class forms extends CI_Controller { $this->load->view('footer'); } + //水灯节表单 + public function lantern_mobile(){ + $this->load->view('header'); + $this->load->view('orders/lantern_mobile'); + $this->load->view('footer'); + } + //tailormade和产品页面 public function triprequest($third_part_code = '') { $data = array(); @@ -78,5 +85,46 @@ class forms extends CI_Controller { $this->load->view('footer'); } - + //inquiry 表单pc端 + public function inquiry(){ + $data = array(); + $cli_sn = $this->input->get_post('cli_sn'); + $data['countrylist'] = ['Vietnam','Cambodia','India','Thailand','Myanmar','Japan','Laos','Nepal','Sri Lanka','China','Mongolia','Indonesia']; + if($cli_sn){ + $data['countryarr'] = array(); + $obj = $this->Orders_model->get_country($cli_sn); + foreach ($obj as $value){ + array_push($data['countryarr'],$value->CountryName); + } + $data['ic_title'] = $this->input->get_post('ic_title'); + }else{ + $data['countryarr'] = []; + } + $data['action'] = '/orders/triprequest_save'; + $data['seo_title'] = "Create my trip | Asia Highlights"; + //$data['seo_keywords'] = $data['detail']->ic_seo_keywords; + //$data['seo_description'] = $data['detail']->ic_seo_description; + + $this->load->view('header', $data); + $this->load->view('orders/inquiry'); + $this->load->view('footer'); + } + + public function tailormade(){ + $data['countrylist'] = ['Vietnam','Cambodia','India','Thailand','Myanmar','Japan','Laos','Nepal','Sri Lanka','China','Mongolia','Indonesia']; + $data['action'] = '/orders/triprequest_save'; + $data['seo_title'] = "Create my trip | Asia Highlights"; + $this->load->view('header', $data); + $this->load->view('orders/tailormade'); + $this->load->view('footer'); + } + + public function tailormademobile(){ + $data['countrylist'] = ['Vietnam','Cambodia','India','Thailand','Myanmar','Japan','Laos','Nepal','Sri Lanka','China','Mongolia','Indonesia']; + $data['action'] = '/orders/triprequest_save'; + $data['seo_title'] = "Create my trip | Asia Highlights"; + $this->load->view('header', $data); + $this->load->view('orders/tailormademobile'); + $this->load->view('footer'); + } } \ No newline at end of file diff --git a/application/controllers/orders.php b/application/controllers/orders.php index fbcaea8b..7944f459 100644 --- a/application/controllers/orders.php +++ b/application/controllers/orders.php @@ -95,7 +95,7 @@ class Orders extends CI_Controller { $this->Orders_model->MEI_Nationality = $this->Orders_model->GetNationalityID($this->input->post('Nationality')); $this->Orders_model->COLI_ProductSN = $this->input->post('cli_sn'); - $this->Orders_model->COLI_OrderStartDate = $this->input->post('Date_Start'); + $this->Orders_model->COLI_OrderStartDate = date('Y-m-d',strtotime($this->input->post('date'))); $this->Orders_model->MEI_Gender = $this->input->post('gender'); $this->Orders_model->MEI_Phone = $this->input->post('PhoneNo'); @@ -123,6 +123,108 @@ class Orders extends CI_Controller { } } + public function tailormade_save(){ + $this->form_validation->set_rules('name', 'lang:Firstname', 'required'); + $this->form_validation->set_rules('email', 'lang:email', 'required|valid_email'); + if ($this->form_validation->run() == false) { + send_404(); + die(); + }else{ + $this->Orders_model->COLI_ID = $this->Orders_model->MakeOrderNumber(); + $this->Orders_model->COLI_SenderIP = $this->input->ip_address(); + $this->Orders_model->COLI_OrderDetailText = ReplaceFieldName($_POST); + + $this->Orders_model->COLI_Servicetype = 'T'; + $emailtitle = 'Asia Highlights Enquiry Confirmation'; + if($this->input->post('cli_sn')){ + //含有cli_sn的是产品订单 + $this->Orders_model->COLI_sourcetype = '32001'; + }else{ + //不含有的是tailormade订单 + $this->Orders_model->COLI_sourcetype = '32003'; + } + + //Trace GOOGLE + $COOKIE_inquireTrackGoogle = get_cookie('inquireTrackGoogle'); + if (!empty($COOKIE_inquireTrackGoogle)) { + $this->Orders_model->COLI_OrderDetailText .= "\n\rGOOGLE关键字:" . $COOKIE_inquireTrackGoogle; + delete_cookie('inquireTrackGoogle'); + } + + //HT订单跟踪代码 + $COOKIE_inquireTrackFrom = get_cookie('inquireTrackFrom'); + if (!empty($COOKIE_inquireTrackFrom) && is_numeric($COOKIE_inquireTrackFrom)) { + $this->Orders_model->COLI_sourcetype = (int) $COOKIE_inquireTrackFrom; + delete_cookie('inquireTrackFrom'); + } + + //utm广告跟踪链接 + $utm_source = get_cookie('__ah_utm_source'); + $utm_source_map = array( + 'google' => 78001, + 'newsletters' => 78005, + 'chinahighlights' => 99999 + ); + + if (!empty($utm_source) && array_key_exists($utm_source, $utm_source_map)) { + $this->Orders_model->COLI_LineClass = $utm_source_map[$utm_source]; + + switch ($utm_source_map[$utm_source]){ + case 78001: + $this->Orders_model->COLI_sourcetype = 32034; + break; + case 78005: + $this->Orders_model->COLI_sourcetype = 32030; + break; + case 99999: + $this->Orders_model->COLI_sourcetype = 32108; + break; + } + + // 关联订单后统一删除 utm 的 cookie + delete_cookie('__ah_utm_source', '.asiahighlights.com'); + delete_cookie('__ah_utm_medium', '.asiahighlights.com'); + delete_cookie('__ah_utm_campaign', '.asiahighlights.com'); + } + + $this->Orders_model->COLI_GroupType = '19006'; + $this->Orders_model->COLI_OrderType = '19006'; + $this->Orders_model->COLI_PersonNum = $this->input->post('adultnumber'); + $this->Orders_model->COLI_ChildNum = $this->input->post('kidnumber'); + $this->Orders_model->MEI_MailList = $this->input->post('email'); + $this->Orders_model->MEI_LastName = $this->input->post('name'); + $fullname = $this->input->post('name'); + $this->Orders_model->MEI_Nationality = $this->Orders_model->GetNationalityID($this->input->post('Nationality')); + + $this->Orders_model->COLI_ProductSN = $this->input->post('cli_sn'); + + $this->Orders_model->COLI_OrderStartDate = $this->input->post('Date_Start'); + + $this->Orders_model->MEI_Gender = $this->input->post('gender'); + $this->Orders_model->MEI_Phone = $this->input->post('PhoneNo'); + + //是否来至第三方合作网站 + $third_webcode = $this->input->post('third_webcode'); + if (empty($third_webcode)) { + $third_webcode = $this->input->cookie('third_code'); + $this->input->set_cookie('third_code', '', ''); + $this->input->set_cookie('third%5Fcode', '', ''); + } + if (!empty($third_webcode)) { + $this->Orders_model->COLI_WebCode = $third_webcode; + } + + //print_r($this->load->view('orders/newemail_template', '', true)); + //die(); + $this->Orders_model->TourOrderSave(); + $this->Orders_model->SendMail($fullname, $this->input->post('email'), $this->config->item('Site_ServiceName'), $this->config->item('Site_ServiceEmail'),$emailtitle , $this->Orders_model->COLI_OrderDetailText); + //发送邮件给客人 (20160504tailor_make) + $this->Orders_model->SendMail($this->config->item('Site_ServiceName'), $this->config->item('Site_ServiceEmail'), $fullname, $this->input->post('email'), $emailtitle, $this->load->view('orders/newemail_template', '', true)); + + redirect(site_url('orders/tailormade_thankyou')); + } + } + //新版tailormade入库程序 public function triprequest_save() { //$this->form_validation->set_rules('Destination', 'lang:Destination', 'required'); diff --git a/application/views/orders/inquiry.php b/application/views/orders/inquiry.php new file mode 100644 index 00000000..9a298573 --- /dev/null +++ b/application/views/orders/inquiry.php @@ -0,0 +1,421 @@ + +
+
+
+
+
+
+
+
+ +
+
+
+
+ + Use the form below to make an inqury with us + +
+
+
+
+
+
+
+
+ +
+
+
+
+ We get in touch with you within 24 hours with suggestions +
+
+
+
+
+
+
+
+ +
+
+
+
+ We then craft an intinerary proposal based on your interests +
+
+
+
+
+
+
+
+ +
+
+
+
+ We work with you to refine the itinerary until you are satisfied +
+
+
+
+
+
+
+
+
+
+

+ Creat Your Trip with Us +

+
+ Tell us your interests and get replied within 24 hours... +
+
+

+ Choose your interested destination(s). * +

+
+ '; + echo '
'; + if(in_array($moreCity,$countryarr)){ + echo ''; + }else{ + echo ''; + } + echo '
'; + }?> +
+ + You are welcome to input other destinations below if it is not shown here. + +
+
+
+
+

+ Your hotel preference * +

+ + Hotels prices in Japan are at least doubled based on the suggested rates + below. + +
+ +
+ + +
+
+ + +
+
+ + +
+ +
+
+
+

+ Number in your group * +

+
+ + Adults (≥12 years old) + +
+ + + +
+
+
+ + Kids (2-11 years old) + +
+ + + +
+
+
+
+
+
+

+ Your date of arrival * +

+ +
+ + +
+
+
+

+ Tell us more to help us put together your ideal journey. +

+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + +
+
+

+ Tell us about you... +

+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+ All your ticket issues will be sent to your mailbox. +
+
+ + +
+
+ + +
+
+ Area code + number. Only call if you ask. +
+
+ + +
+
+
+
+ +
+
+ +
+
+
+ + \ No newline at end of file diff --git a/application/views/orders/inquiry_mobile.php b/application/views/orders/inquiry_mobile.php index 78e76784..2888ac0b 100644 --- a/application/views/orders/inquiry_mobile.php +++ b/application/views/orders/inquiry_mobile.php @@ -1,5 +1,4 @@ -
@@ -130,10 +129,8 @@

Your date of arrival *

- + value="" min="" placeholder="mm/dd/yyyy" autocomplete="off">
- \ No newline at end of file diff --git a/application/views/orders/tailormade.php b/application/views/orders/tailormade.php new file mode 100644 index 00000000..a6fa43e8 --- /dev/null +++ b/application/views/orders/tailormade.php @@ -0,0 +1,469 @@ + +
+
+
+
+
+
+
+
+ +
+
+
+
+ + Use the form below to make an inqury with us + +
+
+
+
+
+
+
+
+ +
+
+
+
+ We get in touch with you within 24 hours with suggestions +
+
+
+
+
+
+
+
+ +
+
+
+
+ We then craft an intinerary proposal based on your interests +
+
+
+
+
+
+
+
+ +
+
+
+
+ We work with you to refine the itinerary until you are satisfied +
+
+
+
+
+
+
+
+
+
+

+ Creat Your Trip with Us +

+
+ Tell us your interests and get replied within 24 hours... +
+
+

+ Choose your interested destination(s). * +

+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+ + You are welcome to input other destinations below if it is not shown here. + +
+
+
+
+

+ Your hotel preference * +

+ + Hotels prices in Japan are at least doubled based on the suggested rates + below. + +
+ +
+ + +
+
+ + +
+
+ + +
+ +
+
+
+

+ Number in your group * +

+
+ + Adults (≥12 years old) + +
+ + + +
+
+
+ + Kids (2-11 years old) + +
+ + + +
+
+
+
+
+
+

+ Your date of arrival * +

+ +
+ + +
+
+
+

+ Tell us more to help us put together your ideal journey. +

+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + +
+
+

+ Tell us about you... +

+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+ All your ticket issues will be sent to your mailbox. +
+
+ + +
+
+ + +
+
+ Area code + number. Only call if you ask. +
+
+ + +
+
+
+
+ +
+
+ +
+
+
+
+ \ No newline at end of file diff --git a/application/views/orders/tailormademobile.php b/application/views/orders/tailormademobile.php new file mode 100644 index 00000000..0dbfb2d9 --- /dev/null +++ b/application/views/orders/tailormademobile.php @@ -0,0 +1,356 @@ + +
+ india kids +

+ Start Creating Your Trip +

+
+ Tell us your interests and get replied within 24 hours... +
+
+
+
+

+ Your Travel Ideas +

+

+ Choose your interested destinations * +

+
+ '; + echo ''; + echo '
'; + }?> + + You are welcome to input other destinations below if it is not shown here. + +
+
+
+
+

+ Your hotel preference * +

+ + Hotels prices in Japan are at least doubled based on the suggested rates + below. + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+

+ Number in your group * +

+
+ + Adults (≥12 years old) + + +
+ + +
+
+
+ + Kids (2-11 years old) + + +
+ + +
+
+
+
+

+ Your date of arrival * +

+ + +
+ + +
+
+
+

+ Tell us more to help us put together your ideal journey. +

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+

+ Tell us about you... +

+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+ + Your trip advisor will talk with you via email first. + +
+ + +
+
+ + +
+ + Area code + number. Only call if you ask. + +
+ + +
+
+ +
+
+

+ Can't decide? Why not + + contact us + + for help! +

+
+
+ + \ No newline at end of file diff --git a/css/lantern-mobile.css b/css/lantern-mobile.css new file mode 100644 index 00000000..e616d881 --- /dev/null +++ b/css/lantern-mobile.css @@ -0,0 +1,285 @@ +@charset "utf-8"; +@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i'); +body { font-family:'Hind Madurai', sans-serif} +/* new fonts */ + + /* latin */ + @font-face { + font-family: 'Alegreya Sans'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: local('Alegreya Sans Medium'), local('AlegreyaSans-Medium'), url(https://www.asiahighlights.com/css/fonts/5aUu9_-1phKLFgshYDvh6Vwt5alOqEp2iw.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + /* latin */ + @font-face { + font-family: 'Alegreya Sans'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local('Alegreya Sans Regular'), local('AlegreyaSans-Regular'), url(https://www.asiahighlights.com/css/fonts/5aUz9_-1phKLFgshYDvh6Vwt7VptvQ.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + @font-face { + font-family: 'Alegreya Sans'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: local('Alegreya Sans Bold'), local('AlegreyaSans-Bold'), url(https://www.asiahighlights.com/css/fonts/5aUu9_-1phKLFgshYDvh6Vwt5eFIqEp2iw.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + /* latin */ + @font-face { + font-family: 'Hind Madurai'; + font-style: normal; + font-weight: 300; + font-display: swap; + src: local('Hind Madurai Light'), local('HindMadurai-Light'), url(https://www.asiahighlights.com/css/fonts/f0Xu0e2p98ZvDXdZQIOcpqjfXaUXfsEp.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + /* latin */ + @font-face { + font-family: 'Hind Madurai'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local('Hind Madurai Regular'), local('HindMadurai-Regular'), url(https://www.asiahighlights.com/css/fonts/f0Xx0e2p98ZvDXdZQIOcpqjX9ocC.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } +/* CSS Document */ +#formBanner { display: block; position:relative} +.selectBox{margin-top: 10px;} +#formBanner img{-webkit-filter: brightness(70%); + filter: brightness(70%);} +.howWeWork{position: absolute;bottom: 30px;font-size: 18px;color: #FFF;text-align: center;padding: 0 30px;} +#formBanner h1 { border-bottom: none; color:#fff; position:absolute; width:100%; bottom:90px; text-align:center; font-size:32px !important; font-family:'Alegreya Sans',sans-serif; text-shadow:2px 2px 2px #666;font-weight: 500} +.procedure { background:rgba(0,0,0,.5); display: block; padding:20px 0; position:absolute; left:0; bottom:0; width:100%; color:#fff;} +.procedure .subTitle { display: block; font-size:18px; text-align:center; margin-bottom:30px;} +.whiteBorder { background:#fff; display: block; height:1px; margin:36px -12px 0 -15px;} +.procedure .listIcon { background:url(/pic/list-icon.png) no-repeat left 10px; display: block; padding:11px 0 11px 66px; background-size:55px 55px; margin-top:9px; font-size:14px;} +.procedure .peopleIcon { background:url(/pic/people-icon.png) no-repeat left 10px; display: block; padding:11px 0 11px 66px;background-size:55px 55px; font-size:14px;} +.procedure .emailIcon { background:url(/pic/email-icon.png) no-repeat left 10px; display: block; padding:11px 0 11px 66px;background-size:55px 55px; font-size:14px;} +.procedure .handIcon { background:url(/pic/hands-icon.png) no-repeat left 10px; display: block; padding:11px 0 11px 66px;background-size:55px 55px; font-size:14px;} +.twoBlanks{margin-left: -15px;margin-right: -15px} +.formTrust { display: block; margin-left:20px;} +.monkReview { background:url(/image/walking-monks.jpg) no-repeat right bottom; display: block; color:#fff; margin:50px 0; font-size:14px; padding:20px 30px 150px; border-radius:4px; background-size: 100%; line-height:22px;} +.monkReview b { display: block; margin-top:15px; font-size:16px; font-weight: normal;} +#inquiryBox { display: block; margin:0 0 35px; margin-top:20px;} +h3{ font-size: 20px; + font-weight: 500; + font-family: 'Alegreya Sans',sans-serif;margin-bottom: 10px;margin-top: 30px;} +#inquiryBox h2 { font-size:28px;padding-top:10px; margin:0 0 15px;font-family: 'Alegreya Sans',sans-serif;text-align: center;font-weight: 500;} +#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-family:'Open Sans', sans-serif!important; font-size:16px; line-height:26px; padding:15px !important; border:1px solid #d1d1d1; background:#fff; width:100%; height:100px; border-radius:2px;margin-top: 15px;} +textarea:focus{border: 1px solid #7D9EC0;outline: none} +#contactInfo .subTitle { display: block; font-size:16px; font-weight:400; color:#333; margin:30px 0 15px;} +#contactInfo input { width:100%; font-size:14px; font-family:'Open Sans', sans-serif!important; border-radius:2px!important; padding:8px 15px; color:#777 !important; background:#fff; border:1px solid #d1d1d1;} +#Date_Start { width:100%; font-size:18px; 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} +#inquiryBox label { font-weight: normal;} +#inquiryBox .checked {background: url(/pic/checked-icon.png) no-repeat left;} +#inquiryBox select { width:100%; font-size:18px; font-family:'Open Sans', sans-serif!important; border-radius:2px!important; padding:2px 10px; cursor:pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(/pic/select-tag.png) no-repeat 96% center #fff; background-size: 18px 10px; color:#777 !important; border:1px solid #d1d1d1;} +#inquiryBox select option { padding:5px 0 5px 10px;} +#contactInfo select { width:100%; font-size:14px; font-family:'Open Sans', sans-serif!important; border-radius:2px!important; padding:2px 10px; cursor:pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(/pic/select-tag.png) no-repeat 96% center #fff; background-size: 18px 10px; color:#777 !important;border:1px solid #d1d1d1;height:38px} +#contactInfo select option { padding:5px 0 5px 10px;} +.submitBtn { display: block; margin:30px 0 100px; font-size:14px; line-height:22px;} +.submitBtn .beginNow { background:#a31022; border-radius:4px; display: block; margin-bottom:15px;} +.submitBtn .beginNow:hover { background:#800D1C; border-radius:4px; display: block; margin-bottom:15px;} +.submitBtn .beginNow a { color:#fff; text-decoration: none; display: block; font-size:20px; padding:9px 0; text-align:center;} +.submitBtn .beginNow .fa { font-size:170%; margin-left:10px; display:inline-block; vertical-align: middle; font-weight:300 !important;} +.onlyCall { display: block; font-size:14px; color:#777; margin:75px 0 0 -20px;} +.destinations li { display: block; float: left; width:24%; font-size:14px; background:url(/pic/checkbox-icon.png) no-repeat left; margin-bottom:10px; padding:5px 0 5px 35px; } +.destinations li.checked { background:url(/pic/checked-icon.png) no-repeat left;} +.hotelStyle li { display: block; float: left; width:32%; font-size:14px; background:url(/pic/checkbox-icon.png) no-repeat left; margin-bottom:10px; padding:5px 0 5px 35px; } +.hotelStyle li:nth-child(2) { width:35% !important;} +.hotelStyle { display: block; margin-bottom:25px; overflow: hidden;} +.hotelStyle li.checked { background:url(/pic/checked-icon.png) no-repeat left;} +.hotelStyle li em { display: block; font-style: normal; color:#999;} +.interestedIn { display: block; margin-bottom:10px; font-size:14px;} +.formNote{color: #999;font-size: 14px} +.travelStyle input{display: none;} +.travelTag{margin-left: -8px} +.travelStyle{display: inline-block} + +/* selection box */ + +.optionLable input{display: none;} +.checkboxGender input[type="radio"] + 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: 65px;font-family: 'Alegreya Sans',sans-serif;padding-top: 15px} +.checkboxGender input[type="radio"]:checked + label{border: 1px solid #ad1818;color: #ad1818} +.optionLable input[type="radio"] + label{width: 100%;font-size: 22px;padding: 5px 0;border: 1px solid #d1d1d1;border-radius: 4px;display: block;margin-top: 10px;text-align: center;color: #999;height: 65px;font-family: 'Alegreya Sans',sans-serif;} +.optionLable input[type="radio"]:checked + label{border: 1px solid #ad1818;color: #ad1818} +.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: 65px;font-family: 'Alegreya Sans',sans-serif;padding-top: 15px;} +.checkboxLabel input[type="checkbox"]:checked + label{border: 1px solid #ad1818;color: #ad1818} +.checkboxLabel{display: inline-block;width: 49%;} +.checkboxLabel:nth-child(even){float: right} +.checkboxLabel input{display: none} +.travelTag input[type="checkbox"] + label{margin-left: 8px;margin-top: 8px;font-size: 14px;padding: 5px 7px;color: #999;border:1px solid #f1f1f1} +.number, .minaddBtn:focus{border:1px solid #ad1818;outline: none} +.travelTag input[type="checkbox"]:checked + label{color: #FFF;background-color: #ad1818} +.selectionMemo{font-size: 14px;font-style: italic;font-weight: 300;margin-top:2px} +#inquiryBox .flexibleDate{display: inline-block; + margin-bottom: 10px; + padding: 5px 0 5px 30px;} + + #children[type=checkbox]{ + width: 20px; + height: 20px;border: 1px solid #f1f1f1;vertical-align: middle;margin-right: 10px} +.genderSelection{text-align: center} +.checkFlexible{margin-top: 10px;font-size: 18px} +hr{color: #f1f1f1} +.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} +.peopleSelect{width: 100%;margin-top: 20px;font-size: 24px} +.number{width: 49%;text-align: center;border: 1px solid #d1d1d1;border-radius: 4px;font-weight: 300;height: 65px} +.minaddBtn{background: #FFF;border: 1px solid #d1d1d1;border-radius: 4px;color: #ad1818;height: 65px;font-weight: 700;width: 47%;display: inline-block} +.numberBtn{width: 49%;display: inline-block;float: right;overflow: hidden;} +.inputTerm label { + display: block; + width: 100%; + font-size: 18px; + position: absolute; + left: 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 input:invalid~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: 100%; + margin: 0; + font-size: 18px; + border: 1px solid #d1d1d1; + height: 65px; + padding: 15px 15px 0 20px; + border-radius: 4px; + color: #000; +} +.checkYes { + display: block; + width: 100%;margin-top: 10px} +.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; +} +.checkYes label { + display: inline; + font-style: italic;font-size: 18px;color: #999 +} +input[type=checkbox]:checked+label{color: #000} + +.checkBorder:checked:after { + border-color: #fff; +} +.checkBorder:checked:after { + content: ''; + display: block; + height: 8px; + width: 14px; + border: 0 solid #FFF; + border-width: 0 0 2px 2px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + position: absolute; + top: 3px; + left: 2px; +} +.interestedRoute{background: url(https://data.asiahighlights.com/image/black-backpic.PNG) no-repeat top;background-size: 100%;position: relative;margin: 20px 0 10px 0;padding:20px 0 5px 0} +.routeName{font-size: 22px;text-align: center;font-weight: 400;width: 80%;margin: 0 auto; font-family: 'Alegreya Sans',sans-serif;} +.settleBlock{padding: 15px 0 0 0;width:100%;} +.settlePart{border-top: 1px dashed #d1d1d1;padding: 20px 0} +.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} +.headerText{background-color: #FFF;margin: 0 auto;padding: 0 15px;text-align: center;font-weight: 500;font-size: 14px;height: 22px;width: 200px;left: calc(50% - 100px);position: absolute;top:-8px;} +.formMemo{font-size: 14px;color: #999;margin-left:15px; display: block; margin-top: -8px} +.peopleSelect .formMemo{margin-bottom: 5px;} +.inquiryBtn{display:block;text-align:center;font-family:Georgia,"Times New Roman",Times,serif;font-size:24px} +input[type=submit]{background: linear-gradient(#ca3c3b,#ad1818); + text-align: center; + display: table; + border-radius: 60px; + min-width: 230px; + margin: 25px auto; + padding: 8px 30px;border: 1px solid #FFF;color: #FFF;font-family: 'Alegreya Sans',sans-serif;font-weight: 500;font-size: 20px} + .readMore { + max-height:0; + overflow:hidden; + transition:max-height .3s; + } + :checked ~ .readMore { + max-height:666px; + } + .foldDestinations input[type="checkbox"] { + clip:rect(0 0 0 0); + position: absolute; + } + #check:checked ~ .check-in { + display:none; + } + #check:checked ~ .check-out { + display:inline-block; + margin-top: 10px; +float: right; + } + .check-out { + display:none; + text-align: center; + } + .check-in,.check-out { + color:#ad1818; + cursor:pointer; + font-weight: 300; + font-size: 20px; + } + #check:checked+.foldDestinations>.readMore { + max-height:666px; + } + i{margin-left: 10px} + +@media(max-width:760px) { +.destinations li {margin-left: 10px;width: 45%;padding:5px 0 5px 35px; } +#inquiryBox select, #contactInfo select { padding:10px 10px !important;height: 60px} +.onlyCall { margin:10px 0 0 0 !important;} +.hotelStyle li { background-position: left 15px !important; width:100% !important; float: none !important;} +.hotelStyle li:nth-child(2) { width:100% !important;} + +} +@media(min-width:1024px){.ticketSelection{display: none!important}} \ No newline at end of file