You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

279 lines
14 KiB

2 years ago
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="Expires" content="0">
  6. <meta http-equiv="Pragma" content="no-cache">
  7. <meta http-equiv="Cache-control" content="no-cache">
  8. <meta http-equiv="Cache" content="no-cache">
  9. <meta http-equiv="content-language" content="zh-TW">
  10. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  11. <meta name="keywords" content="">
  12. <meta name="description" content="">
  13. <title>線上預約服務 - G-Yi 駒驛物流</title>
  14. <link rel="shortcut icon" href="../images/favicon.ico">
  15. <link href="../../Scripts/3rd/jquery-ui/jquery-ui.min.css" rel="stylesheet" />
  16. <link href="../../Scripts/3rd/fancybox/fancybox-3/jquery.fancybox.min.css" rel="stylesheet" />
  17. <link href="../../Content/toastr.min.css" rel="stylesheet" />
  18. <link href="../../Content/font-awesome.css" rel="stylesheet" />
  19. <link href="../css/main.css?v=20180730" rel="stylesheet">
  20. <link href="../css/en.css" rel="stylesheet" type="text/css">
  21. <link href="../css/member.css" rel="stylesheet" type="text/css">
  22. <link href="../css/inquiry.css" rel="stylesheet">
  23. <style>
  24. td {
  25. font-family: "微軟正黑體";
  26. font-size: 15px;
  27. line-height: 24px;
  28. word-break: break-all;
  29. }
  30. .border {
  31. border: 1px solid rgb(255, 218, 182);
  32. }
  33. </style>
  34. </head>
  35. <body>
  36. <!-- header -->
  37. <header>
  38. <div id="headerWrapper">
  39. <h1><a href="index.html">駒驛</a></h1>
  40. <ul id="language">
  41. <!--<li class="cn"><a href="#">简</a></li>-->
  42. <li class="en"><a href="inquiryForm_en.html">EN</a></li>
  43. </ul>
  44. <h4>Menu</h4>
  45. <ul id="menu">
  46. <li id="index"><a href="index.html">首頁</a></li>
  47. <li id="about"><a href="about.html">關於駒驛</a></li>
  48. <li id="service"><a href="service.html">服務項目</a></li>
  49. <li id="inquiry"><a href="inquiry.html">線上詢價</a></li>
  50. <li id="contact"><a href="contact.html">聯絡駒驛</a></li>
  51. <li id="download"><a href="download.html">資料下載</a></li>
  52. </ul>
  53. </div>
  54. </header>
  55. <!-- header end -->
  56. <!--------------------- article --------------------->
  57. <div class="article">
  58. <h1 class="addBG">線上預約服務 <span>| Online Inquiry |</span></h1>
  59. <p>&nbsp;</p>
  60. <h3 class="orange">服務明細</h3>
  61. <p>&nbsp;</p>
  62. <div class="css-table">
  63. <!-- thead -->
  64. <div class="thead">
  65. <div class="tr">
  66. <div class="th center">包裝</div>
  67. <div class="th center">長寬高(CM)</div>
  68. <div class="th center">重量(KG)</div>
  69. <div class="th center">數量</div>
  70. <div class="th center">服務</div>
  71. <div class="th center">費用</div>
  72. </div>
  73. </div>
  74. <!-- thead end -->
  75. <!-- tbody -->
  76. <div class="tbody" id="Servicebox">
  77. </div>
  78. <!-- tbody end -->
  79. </div>
  80. <p class="divider">&nbsp;</p>
  81. <h4 class="align_r">費用總計(新台幣含稅):NT$ <span class="red" id="Total">0</span></h4>
  82. <p>&nbsp;</p>
  83. <h3 class="orange">聯絡資訊</h3>
  84. <p>&nbsp;</p>
  85. <form id="form_inquiry">
  86. <!--------------------- inquiryLeft --------------------->
  87. <div class="inquiryLeft">
  88. <p class="formTitle">公司名稱(全稱) <span class="red">*</span></p>
  89. <p>
  90. <input type="text" class="textStyle midText" name="CompName" required placeholder="請填寫全稱" />
  91. </p>
  92. <p>&nbsp;</p>
  93. <p class="formTitle">攤位號碼 <span class="red">*</span></p>
  94. <p>
  95. <input type="text" class="textStyle midText" name="MuseumMumber" required />
  96. </p>
  97. <p>&nbsp;</p>
  98. <p class="formTitle">預約者姓名 <span class="red">*</span></p>
  99. <p>
  100. <input type="text" class="textStyle midText" name="AppointUser" required />
  101. </p>
  102. <p>&nbsp;</p>
  103. <p class="formTitle">預約者電話 <span class="red">*</span></p>
  104. <p>
  105. <input type="text" class="textStyle midText" name="AppointTel" required />
  106. </p>
  107. <p>&nbsp;</p>
  108. <p class="formTitle">預約者Email <span class="red">*</span></p>
  109. <p>
  110. <input type="email" class="textStyle midText" name="AppointEmail" required />
  111. </p>
  112. </div>
  113. <!--------------------- inquiryRight --------------------->
  114. <div class="inquiryRight">
  115. <p class="formTitle">現場聯絡人 <span class="red">*</span></p>
  116. <p>
  117. <input type="text" class="textStyle midText" name="Contactor" required />
  118. </p>
  119. <p>&nbsp;</p>
  120. <p class="formTitle">現場聯絡手機 <span class="red">*</span></p>
  121. <p>
  122. <input type="text" class="textStyle midText" name="ContactTel" required />
  123. </p>
  124. <p>&nbsp;</p>
  125. <p class="formTitle">進場時間 <span class="red">*</span></p>
  126. <p>
  127. <input type="text" class="textStyle datepicker" name="ApproachTime" placeholder="請選擇日期" required> &nbsp;
  128. <select class="textStyle tinyText" name="ApproachTime_Hour">
  129. <option value="00">00</option>
  130. <option value="01">01</option>
  131. <option value="02">02</option>
  132. <option value="03">03</option>
  133. <option value="04">04</option>
  134. <option value="05">05</option>
  135. <option value="06">06</option>
  136. <option value="07">07</option>
  137. <option value="08">08</option>
  138. <option value="09">09</option>
  139. <option value="10">10</option>
  140. <option value="11">11</option>
  141. <option value="12">12</option>
  142. <option value="13">13</option>
  143. <option value="14">14</option>
  144. <option value="15">15</option>
  145. <option value="16">16</option>
  146. <option value="17">17</option>
  147. <option value="18">18</option>
  148. <option value="19">19</option>
  149. <option value="20">20</option>
  150. <option value="21">21</option>
  151. <option value="22">22</option>
  152. <option value="23">23</option>
  153. </select>&nbsp;
  154. <select class="textStyle tinyText" name="ApproachTime_Min">
  155. <option value="00">00</option>
  156. <option value="15">15</option>
  157. <option value="30">30</option>
  158. <option value="45">45</option>
  159. </select>
  160. </p>
  161. <p>&nbsp;</p>
  162. <p class="formTitle">退場時間 <span class="red">*</span></p>
  163. <p>
  164. <input type="text" class="textStyle datepicker" name="ExitTime" placeholder="請選擇日期" required> &nbsp;
  165. <select class="textStyle tinyText" name="ExitTime_Hour">
  166. <option value="00">00</option>
  167. <option value="01">01</option>
  168. <option value="02">02</option>
  169. <option value="03">03</option>
  170. <option value="04">04</option>
  171. <option value="05">05</option>
  172. <option value="06">06</option>
  173. <option value="07">07</option>
  174. <option value="08">08</option>
  175. <option value="09">09</option>
  176. <option value="10">10</option>
  177. <option value="11">11</option>
  178. <option value="12">12</option>
  179. <option value="13">13</option>
  180. <option value="14">14</option>
  181. <option value="15">15</option>
  182. <option value="16">16</option>
  183. <option value="17">17</option>
  184. <option value="18">18</option>
  185. <option value="19">19</option>
  186. <option value="20">20</option>
  187. <option value="21">21</option>
  188. <option value="22">22</option>
  189. <option value="23">23</option>
  190. </select>&nbsp;
  191. <select class="textStyle tinyText" name="ExitTime_Min">
  192. <option value="00">00</option>
  193. <option value="15">15</option>
  194. <option value="30">30</option>
  195. <option value="45">45</option>
  196. </select>
  197. </p>
  198. <!--<p>&nbsp;</p>
  199. <p class="formTitle">Verification Required <span class="red">*</span></p>
  200. <p>
  201. <input type="text" class="textStyle smallText" required />
  202. <img src="../images/validcode.jpg" align="absmiddle" class="validcode" /> <a href="#">Refresh Code</a>
  203. </p>-->
  204. </div>
  205. </form>
  206. <p class="clear"></p>
  207. <p>&nbsp;</p>
  208. <p class="align_c">
  209. <a href="inquiry.html" id="goback"><< 回上頁修改</a>&nbsp;&nbsp;
  210. <a href="javascript:void(0);" class="btn btnStyle confappoint">確定預約</a>
  211. </p>
  212. </div>
  213. <!--------------------- article end --------------------->
  214. <!--------------------- footer --------------------->
  215. <footer>
  216. <div id="footer">
  217. <img src="../images/logoFooter.png">
  218. <ul>
  219. <li>台北市南港區重陽路457號10樓</li>
  220. <li>02-2785-7900</li>
  221. <li><a href="mailto:info@g-yi.com">info@g-yi.com</a></li>
  222. </ul>
  223. <p>Copyright &copy; 駒驛物流</p>
  224. </div>
  225. </footer>
  226. <div id="toTop">TOP</div>
  227. <div id="money" class="NoShowInMobile"><a href="inquiry.html"></a></div>
  228. <!--------------------- footer end --------------------->
  229. <!-- hidden-content -->
  230. <div class="conf-content">
  231. <div id="comfirm">
  232. <h3 class="align_c orange">確定預約</h3>
  233. <p>&nbsp;</p>
  234. <p>本委運書經回傳後,視貴公司同意委託本公司負責本次參展展覽品進出場期間搬運事宜,並願意依本公司所訂之收費標準付費。</p>
  235. <p>&nbsp;</p>
  236. <p class="align_c"><input type="submit" id="comfirmBtn" class="btn btnStyle" value="確定傳送"></p>
  237. </div>
  238. </div>
  239. <div class="suss-content">
  240. <div id="complete">
  241. <h3 class="align_c orange">預約成功!</h3>
  242. <p>&nbsp;</p>
  243. <p>恭喜預約成功!預約資訊已發送到suhaoyu@chanchao.com.tw信箱,如未收到確認信,請來電02-2785-7900洽詢</p>
  244. <p class="align_c"><input type="submit" id="close" class="btn btnStyle" value="確認"></p>
  245. </div>
  246. </div>
  247. <!-- hidden-content end -->
  248. <script id="temp_service" type="text/x-jsrender">
  249. <div class="tr">
  250. <div class="td center"><span>包裝:</span>{{:~setExpoType(ExpoType)}}</div>
  251. <div class="td center"><span>長寬高(CM):</span>{{:~setMoney(ExpoLen)}}*{{:~setMoney(ExpoWidth)}}*{{:~setMoney(ExpoHeight)}}</div>
  252. <div class="td center"><span>重量(KG):</span>{{:~setMoney(ExpoWeight)}}</div>
  253. <div class="td center"><span>數量:</span>{{:ExpoNumber}}</div>
  254. <div class="td left"><span>服務:</span>{{:~setService(ExpoStack,ExpoSplit,ExpoPack,ExpoFeed,ExpoStorage,ExpoDays)}}</div>
  255. <div class="td right"><span>費用:</span>NT${{:~setMoney(SubTotal)}}</div>
  256. </div>
  257. </script>
  258. </body>
  259. </html>
  260. <script src="../../Scripts/jquery-1.11.3.min.js"></script>
  261. <script src="../../Scripts/3rd/jquery-ui/jquery-ui.min.js"></script>
  262. <script src="../../Scripts/i18next.min.js"></script>
  263. <script src="../../Scripts/jquery.blockUI.js"></script>
  264. <script src="../../Scripts/jquery.validate.min.js"></script>
  265. <script src="../../Scripts/3rd/fancybox/fancybox-3/jquery.fancybox.min.js"></script>
  266. <script src="../../Scripts/jquery.serialize-object.min.js"></script>
  267. <script src="../../Scripts/toastr.min.js"></script>
  268. <script src="../../Scripts/jsrender.min.js"></script>
  269. <script src="../../Scripts/lib/base64.js"></script>
  270. <script src="../../Scripts/lib/Util.min.js?v=20180730"></script>
  271. <script src="../js/menu.js?v=20180730"></script>
  272. <script src="../js/inquiryForm.js?v=20180730"></script>
  273. <!--Global site tag(gtag.js) - Google Analytics-->
  274. <script>
  275. if ('www.g-yi.com'.indexOf(window.location.hostname) > -1) {
  276. document.write('<script async src="https://www.googletagmanager.com/gtag/js?id=UA-120713824-1"><\x2Fscript><script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag() { dataLayer.push(arguments); } gtag("js", new Date()); gtag("config", "UA-120713824-1");<\x2Fscript>');
  277. }
  278. </script>