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.

256 lines
12 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/inquiry.css" rel="stylesheet">
  21. <style>
  22. td {
  23. font-family: "微軟正黑體";
  24. font-size: 15px;
  25. line-height: 24px;
  26. }
  27. .border {
  28. border: 1px solid rgb(255, 218, 182);
  29. }
  30. .tdleft {
  31. width: 20%;
  32. text-align: right;
  33. border: 1px solid rgb(255, 218, 182);
  34. word-wrap: break-word;
  35. }
  36. .tdright {
  37. padding-left: 10px;
  38. width: 80%;
  39. border: 1px solid rgb(255, 218, 182);
  40. }
  41. #ServiceInstruction {
  42. padding: 20px 0px 20px 20px;
  43. }
  44. </style>
  45. </head>
  46. <body>
  47. <!-- header -->
  48. <header>
  49. <div id="headerWrapper">
  50. <h1><a href="index.html">駒驛</a></h1>
  51. <ul id="language">
  52. <!--<li class="cn"><a href="#">简</a></li>-->
  53. <li class="en"><a href="inquiryPreview_en.html">EN</a></li>
  54. </ul>
  55. <h4>Menu</h4>
  56. <ul id="menu">
  57. <li id="index"><a href="index.html">首頁</a></li>
  58. <li id="about"><a href="about.html">關於駒驛</a></li>
  59. <li id="service"><a href="service.html">服務項目</a></li>
  60. <li id="inquiry"><a href="inquiry.html">線上詢價</a></li>
  61. <li id="contact"><a href="contact.html">聯絡駒驛</a></li>
  62. <li id="download"><a href="download.html">資料下載</a></li>
  63. </ul>
  64. </div>
  65. </header>
  66. <!-- header end -->
  67. <!--------------------- article --------------------->
  68. <div class="article">
  69. <h1 class="addBG">線上預約服務 <span>| Online Inquiry |</span></h1>
  70. <p>&nbsp;</p>
  71. <div>
  72. <h3 style="text-align:center"><strong>預約資訊預覽/確認預約</strong></h3>
  73. <p>&nbsp;</p>
  74. <table width="65%" border="0" align="center" cellpadding="0" cellspacing="0" style=" border:1px solid #F26529;">
  75. <tbody>
  76. <tr>
  77. <td colspan="2" style="padding:20px;">
  78. <table width="100%" border="0" cellspacing="0" cellpadding="5">
  79. <tbody>
  80. <tr>
  81. <td align="center" bgcolor="#FFDAB6">基本資訊</td>
  82. </tr>
  83. </tbody>
  84. </table>
  85. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  86. <tbody id="contactInfo"></tbody>
  87. </table>
  88. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  89. <tbody>
  90. <tr>
  91. <td>&nbsp;</td>
  92. </tr>
  93. </tbody>
  94. </table>
  95. <table width="100%" border="0" cellspacing="0" cellpadding="5">
  96. <tbody>
  97. <tr>
  98. <td align="center" bgcolor="#FFDAB6">服務需求</td>
  99. </tr>
  100. </tbody>
  101. </table>
  102. <table width="100%" border="0" cellspacing="1" cellpadding="5">
  103. <tbody id="Servicebox">
  104. <tr>
  105. <th align="center" nowrap bgcolor="#cccccc">包裝 </th>
  106. <th align="center" nowrap bgcolor="#cccccc">長寬高(CM)</th>
  107. <th align="center" nowrap bgcolor="#cccccc">重量(KG)</th>
  108. <th align="center" nowrap bgcolor="#cccccc">數量</th>
  109. <th align="center" nowrap bgcolor="#cccccc">服務</th>
  110. <th align="center" nowrap bgcolor="#cccccc">費用</th>
  111. </tr>
  112. </tbody>
  113. </table>
  114. <table width="100%" border="0" cellspacing="0" cellpadding="5">
  115. <tbody>
  116. <tr>
  117. <td align="right"><strong>費用總計(新台幣含稅):NT$</strong><strong id="Total">0</strong></td>
  118. </tr>
  119. </tbody>
  120. </table>
  121. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  122. <tbody>
  123. <tr>
  124. <td>&nbsp;</td>
  125. </tr>
  126. </tbody>
  127. </table>
  128. <table width="100%" border="0" cellspacing="0" cellpadding="5">
  129. <tbody>
  130. <tr>
  131. <td align="center" bgcolor="#FFDAB6">服務說明</td>
  132. </tr>
  133. </tbody>
  134. </table>
  135. <div id="ServiceInstruction"></div>
  136. <strong>若有其他問題,請聯絡客服中心:</strong><br>
  137. Tel: 02-2785-7900 <br>
  138. Email: <a href="mailto:info@g-yi.com">info@g-yi.com</a><br>
  139. 服務時間:平日09:00-17:30
  140. </td>
  141. </tr>
  142. <tr>
  143. <td colspan="2" align="center" bgcolor="#E9471E" style="padding:10px; font-size:14px; color:#fff;">駒驛國際物流有限公司 &nbsp; | &nbsp; <a href="http://www.g-yi.com/" target="_blank" style="color:#fff;">www.g-yi.com</a></td>
  144. </tr>
  145. </tbody>
  146. </table>
  147. <p>&nbsp;</p>
  148. <p class="align_c">
  149. <a href="inquiryForm.html" id="goback"><< 回上頁修改</a>&nbsp;&nbsp;
  150. <a href="javascript:void(0);" class="btn btnStyle confappoint">確定預約</a>
  151. </p>
  152. </div>
  153. <div class="clear"></div>
  154. </div>
  155. <!--------------------- article end --------------------->
  156. <div class="conf-content">
  157. <div id="comfirm">
  158. <h3 class="align_c orange">確定預約</h3>
  159. <p>&nbsp;</p>
  160. <p>本委運書經回傳後,視貴公司同意委託本公司負責本次參展展覽品進出場期間搬運事宜,並願意依本公司所訂之收費標準付費。</p>
  161. <p>&nbsp;</p>
  162. <p class="align_c"><input type="submit" id="comfirmBtn" class="btn btnStyle" value="確定傳送"></p>
  163. </div>
  164. </div>
  165. <!--------------------- footer --------------------->
  166. <footer>
  167. <div id="footer">
  168. <img src="../images/logoFooter.png">
  169. <ul>
  170. <li>台北市南港區重陽路457號10樓</li>
  171. <li>02-2785-7900</li>
  172. <li><a href="mailto:info@g-yi.com">info@g-yi.com</a></li>
  173. </ul>
  174. <p>Copyright &copy; 駒驛物流</p>
  175. </div>
  176. </footer>
  177. <div id="toTop">TOP</div>
  178. <div id="money" class="NoShowInMobile"><a href="inquiry.html"></a></div>
  179. <!--------------------- footer end --------------------->
  180. <script id="temp_service" type="text/x-jsrender">
  181. <tr>
  182. <td align="center" class="border" width="10%">{{:~setExpoType(ExpoType)}}</td>
  183. <td class="border" width="20%">{{:~setMoney(ExpoLen)}}*{{:~setMoney(ExpoWidth)}}*{{:~setMoney(ExpoHeight)}}</td>
  184. <td align="right" class="border" width="10%">{{:~setMoney(ExpoWeight)}}</td>
  185. <td align="center" class="border" width="10%">{{:ExpoNumber}}</td>
  186. <td class="border" width="30%">{{:~setService(ExpoStack,ExpoSplit,ExpoPack,ExpoFeed,ExpoStorage,ExpoDays)}}</td>
  187. <td align="right" class="border" width="15%">NT${{:~setMoney(SubTotal)}}</td>
  188. </tr>
  189. </script>
  190. <script id="temp_contact" type="text/x-jsrender">
  191. <tr>
  192. <td class="tdleft">公司名稱:</td>
  193. <td class="tdright">{{:CompName}}</td>
  194. </tr>
  195. <tr>
  196. <td class="tdleft">展覽名稱:</td>
  197. <td class="tdright">{{:ExpoName}}</td>
  198. </tr>
  199. <tr>
  200. <td class="tdleft">攤位號:</td>
  201. <td class="tdright">{{:MuseumMumber}}</td>
  202. </tr>
  203. <tr>
  204. <td class="tdleft">預約者姓名:</td>
  205. <td class="tdright">{{:AppointUser}}</td>
  206. </tr>
  207. <tr>
  208. <td class="tdleft">預約者電話:</td>
  209. <td class="tdright">{{:AppointTel}}</td>
  210. </tr>
  211. <tr>
  212. <td class="tdleft">預約者Email:</td>
  213. <td class="tdright">{{:AppointEmail}}&nbsp;&nbsp;<strong class="error">(預約單號將會寄送至該郵箱,請再次核對該Email)</strong></td>
  214. </tr>
  215. <tr>
  216. <td class="tdleft">進場時間:</td>
  217. <td class="tdright">{{:ApproachTime}} {{:ApproachTime_Hour}}:{{:ApproachTime_Min}}</td>
  218. </tr>
  219. <tr>
  220. <td class="tdleft">退場時間:</td>
  221. <td class="tdright">{{:ExitTime}} {{:ExitTime_Hour}}:{{:ExitTime_Min}}</td>
  222. </tr>
  223. <tr>
  224. <td class="tdleft">現場連絡人:</td>
  225. <td class="tdright">{{:Contactor}}</td>
  226. </tr>
  227. <tr>
  228. <td class="tdleft">現場手機:</td>
  229. <td class="tdright">{{:ContactTel}}</td>
  230. </tr>
  231. </script>
  232. </body>
  233. </html>
  234. <script src="../../Scripts/jquery-1.11.3.min.js"></script>
  235. <script src="../../Scripts/3rd/jquery-ui/jquery-ui.min.js"></script>
  236. <script src="../../Scripts/i18next.min.js"></script>
  237. <script src="../../Scripts/jquery.blockUI.js"></script>
  238. <script src="../../Scripts/jquery.validate.min.js"></script>
  239. <script src="../../Scripts/3rd/fancybox/fancybox-3/jquery.fancybox.min.js"></script>
  240. <script src="../../Scripts/jquery.serialize-object.min.js"></script>
  241. <script src="../../Scripts/toastr.min.js"></script>
  242. <script src="../../Scripts/jsrender.min.js"></script>
  243. <script src="../../Scripts/lib/base64.js"></script>
  244. <script src="../../Scripts/lib/Util.min.js?v=20180730"></script>
  245. <script src="../js/menu.js?v=20180730"></script>
  246. <script src="../js/inquiryPreview.js?v=20200910"></script>
  247. <!--Global site tag(gtag.js) - Google Analytics-->
  248. <script>
  249. if ('www.g-yi.com'.indexOf(window.location.hostname) > -1) {
  250. 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>');
  251. }
  252. </script>