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.

264 lines
12 KiB

2 years ago
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; 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="公司沿革 - Eurotran 奕達運通有限公司">
  12. <meta name="description" content="">
  13. <title>預約服務 - Eurotran 奕達運通有限公司</title>
  14. <link rel="shortcut icon" href="images/favicon.png">
  15. <link href="css/jquery.fancybox.css" rel="stylesheet" type="text/css">
  16. <link href="css/main.css" rel="stylesheet" type="text/css">
  17. <link href="css/inquiry.css" rel="stylesheet" type="text/css">
  18. <link href="css/member.css" rel="stylesheet" type="text/css">
  19. <link href="../Scripts/3rd/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css">
  20. </head>
  21. <body>
  22. <!-- header -->
  23. <div id="headerWrapper">
  24. <header>
  25. <h1><a href="index.html">奕達運通</a></h1>
  26. <ul id="language">
  27. <li class="cn"><a href="cn/about.html"><span></span> <em>简体中文</em></a></li>
  28. <li class="en"><a href="en/about.html"><span>EN</span> <em>English</em></a></li>
  29. <li class="CherryBuy"><a href="#"><span>&nbsp;</span> <em>櫻桃訂購專區</em></a></li>
  30. </ul>
  31. </header>
  32. </div>
  33. <!-- header end -->
  34. <!-- Menu -->
  35. <h4 class="openMenu">Menu</h4>
  36. <div id="menuWrapper">
  37. <!--載入menubar.js生成menu-->
  38. </div>
  39. <!-- Menu end -->
  40. <div id="innerTitle" class="addBG">
  41. <h1 class="indexTitle"><em id="TitleEName">Service Booking</em> <span id="TitleName">預約服務</span></h1>
  42. </div>
  43. <article>
  44. <h2 class="orange">服務明細</h2>
  45. <p>&nbsp;</p>
  46. <div class="css-table">
  47. <!-- thead -->
  48. <div class="thead">
  49. <div class="tr">
  50. <div class="th center">包裝</div>
  51. <div class="th center">長寬高(CM)</div>
  52. <div class="th center">重量(KG)</div>
  53. <div class="th center">數量</div>
  54. <div class="th center">服務</div>
  55. <div class="th center">費用</div>
  56. </div>
  57. </div>
  58. <!-- thead end -->
  59. <!-- tbody -->
  60. <div class="tbody" id="Servicebox">
  61. </div>
  62. <!-- tbody end -->
  63. </div>
  64. <p class="divider">&nbsp;</p>
  65. <h4 class="align_r">費用總計(新台幣含稅):NT$ <span class="red" id="Total">0</span></h4>
  66. <p>&nbsp;</p>
  67. <h2 class="orange">聯絡資訊</h2>
  68. <p>&nbsp;</p>
  69. <form id="form_inquiry">
  70. <!--------------------- inquiryLeft --------------------->
  71. <div class="inquiryLeft">
  72. <p class="formTitle">公司名稱(全稱) <span class="red">*</span></p>
  73. <p>
  74. <input type="text" class="textStyle midText" name="CompName" required placeholder="請填寫全稱" />
  75. </p>
  76. <p>&nbsp;</p>
  77. <p class="formTitle">統編 <span class="red">*</span></p>
  78. <p>
  79. <input type="text" class="textStyle midText" name="Unicode" required placeholder="" />
  80. </p>
  81. <p>&nbsp;</p>
  82. <p class="formTitle">攤位號碼 <span class="red">*</span></p>
  83. <p>
  84. <input type="text" class="textStyle midText" name="MuseumMumber" required />
  85. </p>
  86. <p>&nbsp;</p>
  87. <p class="formTitle">預約者姓名 <span class="red">*</span></p>
  88. <p>
  89. <input type="text" class="textStyle midText" name="AppointUser" required />
  90. </p>
  91. <p>&nbsp;</p>
  92. <p class="formTitle">公司電話及分機 <span class="red">*</span></p>
  93. <p>
  94. <input type="text" class="textStyle midText" name="AppointTel" required />
  95. <input type="text" class="textStyle smallText" name="AppointExt" />
  96. </p>
  97. <p>&nbsp;</p>
  98. <p class="formTitle">預約者Email <span class="red">*</span></p>
  99. <p>
  100. <input type="email" class="textStyle midText" name="AppointEmail" required />
  101. </p>
  102. </div>
  103. <!--------------------- inquiryRight --------------------->
  104. <div class="inquiryRight">
  105. <p class="formTitle">現場聯絡人 <span class="red">*</span></p>
  106. <p>
  107. <input type="text" class="textStyle midText" name="Contactor" required />
  108. </p>
  109. <p>&nbsp;</p>
  110. <p class="formTitle">現場聯絡手機 <span class="red">*</span></p>
  111. <p>
  112. <input type="text" class="textStyle midText" name="ContactTel" required />
  113. </p>
  114. <p>&nbsp;</p>
  115. <p class="formTitle">進場時間 <span class="red">*</span></p>
  116. <p>
  117. <input type="text" class="textStyle datepicker" name="ApproachTime" placeholder="請選擇日期" required> &nbsp;
  118. <select class="textStyle tinyText" name="ApproachTime_Hour">
  119. <option value="00">00</option>
  120. <option value="01">01</option>
  121. <option value="02">02</option>
  122. <option value="03">03</option>
  123. <option value="04">04</option>
  124. <option value="05">05</option>
  125. <option value="06">06</option>
  126. <option value="07">07</option>
  127. <option value="08">08</option>
  128. <option value="09">09</option>
  129. <option value="10">10</option>
  130. <option value="11">11</option>
  131. <option value="12">12</option>
  132. <option value="13">13</option>
  133. <option value="14">14</option>
  134. <option value="15">15</option>
  135. <option value="16">16</option>
  136. <option value="17">17</option>
  137. <option value="18">18</option>
  138. <option value="19">19</option>
  139. <option value="20">20</option>
  140. <option value="21">21</option>
  141. <option value="22">22</option>
  142. <option value="23">23</option>
  143. </select>&nbsp;
  144. <select class="textStyle tinyText" name="ApproachTime_Min">
  145. <option value="00">00</option>
  146. <option value="15">15</option>
  147. <option value="30">30</option>
  148. <option value="45">45</option>
  149. </select>
  150. </p>
  151. <p>&nbsp;</p>
  152. <p class="formTitle">退場時間 <span class="red">*</span></p>
  153. <p>
  154. <input type="text" class="textStyle datepicker" name="ExitTime" placeholder="請選擇日期" required> &nbsp;
  155. <select class="textStyle tinyText" name="ExitTime_Hour">
  156. <option value="00">00</option>
  157. <option value="01">01</option>
  158. <option value="02">02</option>
  159. <option value="03">03</option>
  160. <option value="04">04</option>
  161. <option value="05">05</option>
  162. <option value="06">06</option>
  163. <option value="07">07</option>
  164. <option value="08">08</option>
  165. <option value="09">09</option>
  166. <option value="10">10</option>
  167. <option value="11">11</option>
  168. <option value="12">12</option>
  169. <option value="13">13</option>
  170. <option value="14">14</option>
  171. <option value="15">15</option>
  172. <option value="16">16</option>
  173. <option value="17">17</option>
  174. <option value="18">18</option>
  175. <option value="19">19</option>
  176. <option value="20">20</option>
  177. <option value="21">21</option>
  178. <option value="22">22</option>
  179. <option value="23">23</option>
  180. </select>&nbsp;
  181. <select class="textStyle tinyText" name="ExitTime_Min">
  182. <option value="00">00</option>
  183. <option value="15">15</option>
  184. <option value="30">30</option>
  185. <option value="45">45</option>
  186. </select>
  187. </p>
  188. <p>&nbsp;</p>
  189. <p class="formTitle">付款方式 <span class="red">*</span></p>
  190. <p>
  191. <input type="radio" name="PaymentWay" value="1" checked> 匯款 &nbsp;
  192. <input type="radio" name="PaymentWay" value="2"> 現場付現
  193. </p>
  194. </div>
  195. </form>
  196. <p class="clear"></p>
  197. <p>&nbsp;</p>
  198. <p class="align_c">
  199. <a href="inquiry.html" id="goback"><< 回上頁修改</a>&nbsp;&nbsp;
  200. <a href="javascript:void(0);" class="btn btnStyle confappoint">下一步</a>
  201. </p>
  202. </article>
  203. <!--------------------- footer --------------------->
  204. <footer>
  205. <div id="footer">
  206. <a href="index.html"><img src="images/logoFooterEuro.png"></a>
  207. <a href="https://www.iela.org" target="_blank"><img src="images/logoFooterIELA.png"></a>
  208. <a href="https://www.ttclub.com" target="_blank"><img src="images/logoFooterTT.png"></a>
  209. <a href="https://afeca.asia" target="_blank"><img src="images/logoFooterAFECA.png"></a>
  210. <ul>
  211. <li>台北市南港區重陽路455號10樓</li>
  212. <li>02-2785-6000</li>
  213. <li><a href="mailto:info@eurotran.com">info@eurotran.com</a></li>
  214. </ul>
  215. <p><a href="https://www.facebook.com/eurotranexpo/" target="_blank"></a><a href="https://lin.ee/PywKrQc" target="_blank"></a></p>
  216. </div>
  217. <div id="copyright">2018 &copy; EUROTRAN. All Rights Reserved</div>
  218. </footer>
  219. <div id="toTop">TOP</div>
  220. <div id="money" class="NoShowInMobile"><a href="inquiry.html"></a></div>
  221. <div id="track" class="NoShowInMobile"><a href="onlineTrack.html"></a></div>
  222. <div id="lineapp" class="NoShowInMobile"><a href="https://lin.ee/PywKrQc" target="_blank"></a></div>
  223. <!--------------------- footer end --------------------->
  224. <script id="temp_service" type="text/x-jsrender">
  225. <div class="tr">
  226. <div class="td center"><span>包裝:</span>{{:~setExpoType(ExpoType)}}</div>
  227. <div class="td center"><span>長寬高(CM):</span>{{:~setMoney(ExpoLen)}}*{{:~setMoney(ExpoWidth)}}*{{:~setMoney(ExpoHeight)}}</div>
  228. <div class="td center"><span>重量(KG):</span>{{:~setMoney(ExpoWeight)}}</div>
  229. <div class="td center"><span>數量:</span>{{:ExpoNumber}}</div>
  230. <div class="td left"><span>服務:</span>{{:~setService(ExpoStack,ExpoSplit,ExpoPack,ExpoFeed,ExpoStorage,ExpoDays)}}</div>
  231. <div class="td right"><span>費用:</span>NT${{:~setMoney(SubTotal)}}</div>
  232. </div>
  233. </script>
  234. </body>
  235. </html>
  236. <script src="js/jquery-2.2.4.min.js"></script>
  237. <script src="js/jquery.fancybox.min.js"></script>
  238. <script src="js/menubar.js"></script>
  239. <script src="js/stickySidebar.js"></script>
  240. <script src="js/jquery.fancybox.min.js"></script>
  241. <script src="../Scripts/3rd/jquery-ui/jquery-ui.min.js"></script>
  242. <script src="../Scripts/jsrender.min.js"></script>
  243. <script src="../Scripts/jquery.blockUI.js"></script>
  244. <script src="../Scripts/jquery.serialize-object.js"></script>
  245. <script src="../Scripts/jquery.validate.min.js"></script>
  246. <script src="../Scripts/lib/base64.js"></script>
  247. <script src="../Scripts/lib/Util.js?v=20180801"></script>
  248. <script src="js/menu.js?v=20180801"></script>
  249. <script src="js/about.js"></script>
  250. <script src="js/inquiryForm.js"></script>
  251. <script>
  252. var _lang = $('[http-equiv="content-language"]').attr('content') || 'zh-TW',
  253. init = function () { };
  254. if (_lang === 'zh') {
  255. document.write('<script defer="defer" src="https://api.map.baidu.com/api?v=2.0&ak=4rop77UmGWuaACwGM9pCCCGyA594iaPS&callback=init"><\x2Fscript>');
  256. }
  257. else {
  258. document.write('<script defer="defer" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCs1XHQcUJVaVHdXxKceXLoAcRosoTQhkQ&callback=init"><\x2Fscript>');
  259. }
  260. </script>