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.

322 lines
14 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/track.css" rel="stylesheet" type="text/css">
  18. </head>
  19. <body>
  20. <!-- header -->
  21. <div id="headerWrapper">
  22. <header>
  23. <h1><a href="index.html">奕達運通</a></h1>
  24. <ul id="language">
  25. <li class="cn"><a href="cn/onlineResult.html"><span></span> <em>简体中文</em></a></li>
  26. <li class="en"><a href="en/onlineResult.html"><span>EN</span> <em>English</em></a></li>
  27. </ul>
  28. </header>
  29. </div>
  30. <!-- header end -->
  31. <!-- Menu -->
  32. <h4 class="openMenu">Menu</h4>
  33. <div id="menuWrapper">
  34. <!--載入menubar.js生成menu-->
  35. </div>
  36. <!-- Menu end -->
  37. <div id="innerTitle" class="addBG">
  38. <h1 class="indexTitle"><em>Tracking System</em> <span>貨況查詢結果</span></h1>
  39. </div>
  40. <article>
  41. <!-- left -->
  42. <div id="sidebar">
  43. <div id="left">
  44. <h4>Menu</h4>
  45. <ul>
  46. <li><a href="onlineTrack.html">貨況查詢服務</a></li>
  47. <li><a href="contact.html?T=O">線上詢價</a></li>
  48. <li><a href="onlineDownload.html">會展物流相關表單</a></li>
  49. </ul>
  50. </div>
  51. </div>
  52. <!-- left end -->
  53. <!-- right -->
  54. <div id="right">
  55. <h2 class="orange bold">INFORMATION</h2>
  56. <h6><span></span>貨件資料</h6>
  57. <p>&nbsp;</p>
  58. <ul class="trackInfo">
  59. <li class="bold">財團法人中華民國對外貿易發展協會</li>
  60. <li>2017 世大運</li>
  61. </ul>
  62. <p>&nbsp;</p>
  63. <div class="tWarpper">
  64. <h6></h6>
  65. <div class="css-table mob-table target">
  66. <div class="thead">
  67. <div class="tr center">
  68. <div class="th nowrap"></div>
  69. <div class="th nowrap">件數</div>
  70. <div class="th nowrap">起運地</div>
  71. <div class="th nowrap">目的地</div>
  72. <div class="th nowrap">提單號碼</div>
  73. <div class="th nowrap">分提單號碼</div>
  74. <div class="th nowrap">貨櫃號碼</div>
  75. </div>
  76. </div>
  77. <div class="tbody">
  78. <div class="tr">
  79. <div class="td center">貨物進口</div>
  80. <div class="td center">100 CTN</div>
  81. <div class="td center">TPE</div>
  82. <div class="td center">USA</div>
  83. <div class="td center">0000123</div>
  84. <div class="td center">0000456</div>
  85. <div class="td center">1266587</div>
  86. </div>
  87. <div class="tr">
  88. <div class="td center">貨物進口</div>
  89. <div class="td center">100 CTN</div>
  90. <div class="td center">TPE</div>
  91. <div class="td center">USA</div>
  92. <div class="td center">0000123</div>
  93. <div class="td center">0000456</div>
  94. <div class="td center">1266587</div>
  95. </div>
  96. <div class="tr">
  97. <div class="td center">貨物進口</div>
  98. <div class="td center">100 CTN</div>
  99. <div class="td center">TPE</div>
  100. <div class="td center">USA</div>
  101. <div class="td center">0000123</div>
  102. <div class="td center">0000456</div>
  103. <div class="td center">1266587</div>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. <p class="trackDivider">&nbsp;</p>
  109. <!-- import -->
  110. <h2 class="orange bold">IMPORT</h2>
  111. <h6><span></span>貨物進口</h6>
  112. <p>&nbsp;</p>
  113. <ul class="progress">
  114. <li class="active">
  115. <p>收到文件</p>
  116. <div></div>
  117. <span></span>
  118. </li>
  119. <li class="active">
  120. <p>貨物抵港</p>
  121. <div></div>
  122. <span></span>
  123. </li>
  124. <li class="active">
  125. <p>報關作業</p>
  126. <div></div>
  127. <span></span>
  128. </li>
  129. <li>
  130. <p>貨物放行</p>
  131. <div></div>
  132. <span></span>
  133. </li>
  134. <li>
  135. <p>展館倉庫</p>
  136. <div></div>
  137. <span></span>
  138. </li>
  139. <li>
  140. <p>客戶簽收</p>
  141. <div></div>
  142. <span></span>
  143. </li>
  144. <p class="clear"></p>
  145. </ul>
  146. <p>&nbsp;</p>
  147. <div class="css-table">
  148. <div class="thead">
  149. <div class="tr">
  150. <div class="th nowrap">日期/時間</div>
  151. <div class="th nowrap center">狀態</div>
  152. <div class="th nowrap center">備註</div>
  153. </div>
  154. </div>
  155. <div class="tbody">
  156. <div class="tr blue bold">
  157. <div class="td">2018/06/26</div>
  158. <div class="td center">客戶簽收</div>
  159. <div class="td center">sfsdffsfsd sfsdf</div>
  160. </div>
  161. <div class="tr">
  162. <div class="td">2018/06/26</div>
  163. <div class="td center">客戶簽收</div>
  164. <div class="td center">sfsdffsfsd sfsdf</div>
  165. </div>
  166. <div class="tr">
  167. <div class="td">2018/06/26</div>
  168. <div class="td center">客戶簽收</div>
  169. <div class="td center">sfsdffsfsd sfsdf</div>
  170. </div>
  171. <div class="tr">
  172. <div class="td">2018/06/26</div>
  173. <div class="td center">客戶簽收</div>
  174. <div class="td center">sfsdffsfsd sfsdf</div>
  175. </div>
  176. <div class="tr">
  177. <div class="td">2018/06/26</div>
  178. <div class="td center">客戶簽收</div>
  179. <div class="td center">sfsdffsfsd sfsdf</div>
  180. </div>
  181. <div class="tr">
  182. <div class="td">2018/06/26</div>
  183. <div class="td center">客戶簽收</div>
  184. <div class="td center">sfsdffsfsd sfsdf</div>
  185. </div>
  186. </div>
  187. </div>
  188. <p>&nbsp;</p>
  189. <p class="align_c">
  190. <input type="Submit" value="下載簽收證明" class="btn btnStyle">
  191. </p>
  192. <p class="trackDivider">&nbsp;</p>
  193. <!-- reture -->
  194. <h2 class="orange bold">RETURN</h2>
  195. <h6><span></span>展貨回運</h6>
  196. <p>&nbsp;</p>
  197. <ul class="progress">
  198. <li class="active">
  199. <p>收到文件</p>
  200. <div></div>
  201. <span></span>
  202. </li>
  203. <li class="active">
  204. <p>貨物抵港</p>
  205. <div></div>
  206. <span></span>
  207. </li>
  208. <li class="active">
  209. <p>報關作業</p>
  210. <div></div>
  211. <span></span>
  212. </li>
  213. <li class="active">
  214. <p>貨物放行</p>
  215. <div></div>
  216. <span></span>
  217. </li>
  218. <li class="active">
  219. <p>展館倉庫</p>
  220. <div></div>
  221. <span></span>
  222. </li>
  223. <li class="bluePro">
  224. <p>客戶簽收 <img src="images/tick.svg" width="18" height="18"></p>
  225. <div></div>
  226. <span></span>
  227. </li>
  228. <p class="clear"></p>
  229. </ul>
  230. <p>&nbsp;</p>
  231. <div class="css-table">
  232. <div class="thead">
  233. <div class="tr">
  234. <div class="th nowrap">日期/時間</div>
  235. <div class="th nowrap center">狀態</div>
  236. <div class="th nowrap center">備註</div>
  237. </div>
  238. </div>
  239. <div class="tbody">
  240. <div class="tr blue bold">
  241. <div class="td">2018/06/26</div>
  242. <div class="td center">客戶簽收</div>
  243. <div class="td center">sfsdffsfsd sfsdf</div>
  244. </div>
  245. <div class="tr">
  246. <div class="td">2018/06/26</div>
  247. <div class="td center">客戶簽收</div>
  248. <div class="td center">sfsdffsfsd sfsdf</div>
  249. </div>
  250. <div class="tr">
  251. <div class="td">2018/06/26</div>
  252. <div class="td center">客戶簽收</div>
  253. <div class="td center">sfsdffsfsd sfsdf</div>
  254. </div>
  255. <div class="tr">
  256. <div class="td">2018/06/26</div>
  257. <div class="td center">客戶簽收</div>
  258. <div class="td center">sfsdffsfsd sfsdf</div>
  259. </div>
  260. <div class="tr">
  261. <div class="td">2018/06/26</div>
  262. <div class="td center">客戶簽收</div>
  263. <div class="td center">sfsdffsfsd sfsdf</div>
  264. </div>
  265. <div class="tr">
  266. <div class="td">2018/06/26</div>
  267. <div class="td center">客戶簽收</div>
  268. <div class="td center">sfsdffsfsd sfsdf</div>
  269. </div>
  270. </div>
  271. </div>
  272. <p>&nbsp;</p>
  273. <p class="align_c">
  274. <input type="Submit" value="下載簽收證明" class="btn btnStyle">
  275. </p>
  276. <p class="trackDivider">&nbsp;</p>
  277. <p class="align_c">
  278. <input type="Submit" value="列印結果" class="btn btnStyle">
  279. &nbsp;
  280. <input type="Submit" value="重新查詢" class="btn btnStyle" onclick="window.location='onlineTrack.html';">
  281. </p>
  282. </div>
  283. <!-- right end -->
  284. <p class="clear"></p>
  285. </article>
  286. <!--------------------- footer --------------------->
  287. <footer>
  288. <div id="footer">
  289. <a href="index.html"><img src="images/logoFooterEuro.png"></a><a href="https://www.iela.org" target="_blank"><img src="images/logoFooterIELA.png"></a><a href="https://www.ttclub.com" target="_blank"><img src="images/logoFooterTT.png"></a><a href="https://afeca.asia" target="_blank"><img src="images/logoFooterAFECA.png"></a>
  290. <ul>
  291. <li>台北市南港區重陽路455號10樓</li>
  292. <li>02-2785-6000</li>
  293. <li><a href="mailto:info@eurotran.com">info@eurotran.com</a></li>
  294. </ul>
  295. <p><a href="https://www.facebook.com/eurotranexpo/" target="_blank">Facebook</a> <a href="javascript:void(0);" class="wechat">WeChat</a></p>
  296. </div>
  297. <div id="copyright">2018 &copy; EUROTRAN. All Rights Reserved</div>
  298. </footer>
  299. <div id="toTop">TOP</div>
  300. <div id="money" class="NoShowInMobile"><a href="contact.html?T=O"></a></div>
  301. <div id="track" class="NoShowInMobile"><a href="onlineTrack.html"></a></div>
  302. <!--------------------- footer end --------------------->
  303. <script src="js/jquery-2.2.4.min.js"></script>
  304. <script src="js/jquery.fancybox.min.js"></script>
  305. <script src="js/menubar.js"></script>
  306. <script src="js/stickySidebar.js"></script>
  307. <script src="js/menu.js?v=20180801"></script>
  308. <script>
  309. $(function () {
  310. if ($(window).width() < 800) {
  311. $(".target").scroll(function () {
  312. if ($(".target").scrollLeft() > 140) {
  313. //alert("dsfsdf");
  314. $(this).parent().removeClass("tWarpper");
  315. } else {
  316. $(this).parent().addClass("tWarpper");
  317. }
  318. });
  319. }
  320. });
  321. </script>
  322. </body>
  323. </html>