<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <meta http-equiv="content-language" content="zh-TW">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="keywords" content="奕達,展覽品,展覽品運輸展演,會展,展覽,會議,運輸,物流,包裝,展場,快遞,小三通,表演器材,藝術品,超大物品,危險品,報關,保稅,押稅,空運,海運,eurotran" />
    <link rel="shortcut icon" href="../img/eurtoran_ico.png" />
    <meta name="description" content="Eurotran 奕達運通有限公司創立於1984年,主要業務包含展覽物品、危險物品、特殊物品之全球運輸、報關、包裝及佈展等服務。" />
    <meta name="copyright" CONTENT="本網頁奕達運通所有" />
    <meta itemprop="name" content="Eurotran 奕達運通有限公司" />
    <meta itemprop="image" content="../img/case1.jpg" />
    <meta itemprop="description" content="Eurotran 奕達運通有限公司創立於1984年,主要業務包含展覽物品、危險物品、特殊物品之全球運輸、報關、包裝及佈展等服務。" />
    <meta name="author" content="PacePhoebe" />
    <meta name="Creation-Date" CONTENT="01-Mar-2017 18:40:01" />
    <meta name="format-detection" content="telephone=no" />
    <!-- Facebook share -->
    <meta property="og:title" content="Eurotran 奕達運通有限公司" />
    <meta property="og:url" content="網址" />
    <meta property="og:image" content="../img/case1.jpg" />
    <meta property="og:description" content="Eurotran 奕達運通有限公司創立於1984年,主要業務包含展覽物品、危險物品、特殊物品之全球運輸、報關、包裝及佈展等服務。" />
    <title>奕達運通有限公司</title>
    <title></title>
    <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/font-awesome.css" rel="stylesheet" />
    <link href="../css/custom.css" rel="stylesheet" type="text/css" />
    <link href="../css/export-style.css" rel="stylesheet" type="text/css" />
    <link href="../../Scripts/3rd/fancybox/jquery.fancybox.css" rel="stylesheet" />
</head>
<body id="page-top">
    <div id="gotop" class="gotop" style="right: 30px;"><a href="#page-top"><span>GO TOP</span></a></div>
    <header class="header">
        <nav class="navbar navbar-default navbar-fixed-top">
            <div class="navtop">
                <div class="container">
                    <a class="navbar-brand page-scroll" href="index.html"><img class="logo" src="../img/logo-01.svg"></a>
                    <ul class="navbar-right">
                        <li>
                            <a href="news.html"><img src="../img/news-icon.png" />最新消息</a>
                            <img class="news-tips" src="../img/icon_new.gif" />
                        </li>
                        <li><a href="download.html"><img src="../img/download-arrow.png" />運送須知</a></li>
                        <li><a href="join.html"><img src="../img/add-contact-01.png" />加入奕達</a></li>
                        <li> <a href="https://www.facebook.com/%E5%A5%95%E9%81%94%E9%81%8B%E9%80%9AEurotran-1267076616744511/" class="facebook" target="_new"><img src="../img/facebook.png" /></a> <a href="#" class="wechat"><img src="../img/wechat.png" /></a></li>
                        <li><a href="ProgressOnlineQuery-en.html">English</a></li>
                        <li><a href="ProgressOnlineQuery-cn.html">簡中</a></li>
                    </ul>
                </div>
            </div>
            <div class="navtop navtop-m">
                <div class="container">
                    <ul class="navbar-right">
                        <li>
                            <a href="news.html">最新消息</a>
                            <img class="news-tips" src="../img/icon_new.gif" />
                        </li>
                        <li><a href="#">貨況查詢</a></li>
                        <li><a href="mailto:info@eurotranexpo.com">線上詢價</a></li>
                        <li><a href="ProgressOnlineQuery-en.html">English</a></li>
                        <li><a href="ProgressOnlineQuery-cn.html">簡中</a></li>
                    </ul>
                </div>
            </div>
            <div class="main-nav">
                <div class="container">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header page-scroll">
                        <a class="navbar-brand page-scroll navbar-brand-m" href="index.html"><img class="logo" src="../img/logo-01.svg"></a>
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav navbar-center">
                            <li class="hidden active"> <a href="index.html"></a> </li>
                            <li> <a class="page-scroll" href="index.html#about">關於奕達</a> </li>
                            <li> <a class="page-scroll" href="index.html#case">經典案例</a> </li>
                            <li> <a class="page-scroll" href="index.html#service">服務項目</a> </li>
                            <li> <a class="page-scroll" href="index.html#contact">聯絡奕達</a> </li>
                            <li class="nav-hidden"> <a href="news.html">最新消息</a> </li>
                            <li class="nav-hidden"><a href="download.html">運送須知</a></li>
                            <li class="nav-hidden"><a href="join.html">加入奕達</a></li>
                            <li class="nav-hidden social-nav-m"><a class="color-facebook" href="https://www.facebook.com/%E5%A5%95%E9%81%94%E9%81%8B%E9%80%9AEurotran-1267076616744511/" target="_new"><img src="../img/icon-fb-b.png" /></a></li>
                            <li class="nav-hidden social-nav-m"><a class="color-wechat" href="#"><img src="../img/icon-wechat-b.png" /></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="nav-shadow"></div>
        </nav>
    </header>
    <ul class="social-nav social-nav-side">
        <li> <a href="#" class="sidebar-1"><img src="../img/search.png" /></a> </li>
        <li><a href="mailto:info@eurotranexpo.com" class="sidebar-2"><img src="../img/online-search.png" /></a></li>
    </ul>
    <div class="banner news-bg">
        <div class="container banner-text-detail"><img src="../img/banner-t.png"> </div>
    </div>
    <section>
        <div class="page-inner container">
            <!--<div class="detail-title">
                <p>貨況查詢</p>
            </div>-->
            <div id="main-wrapper" class="container container2 clearfix">
                <div class="col-xs-12">
                    <div class="panel m-panel shadow">
                        <div class="row">
                            <div class="col-xs-12">
                                <div class="col-xs-12">
                                    <h2 class="form-header"><i class="fa fa-search" aria-hidden="true"></i>隨時掌握貨況進度!</h2>
                                </div>
                                <form>
                                    <div class="col-md-12">
                                        <div class="form-group-material">
                                            <label class="material-label" for="queryNum">請輸入查詢號碼</label>
                                            <input class="material-field" id="queryNum" required type="text" />
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group-material">
                                            <label class="material-label" for="randomNum">請輸入驗證碼</label>
                                            <input class="material-field" id="randomNum" type="text" />
                                        </div>
                                    </div>
                                    <div class="col-md-6" id="changeImg">
                                        <canvas id="canvas" width="120" height="40"></canvas>
                                        <a href="#" class="change"><i class="fa fa-undo" aria-hidden="true"></i></a>
                                    </div>
                                </form>
                            </div>
                            <div class="col-xs-12 text-right send">
                                <span class="errormsg" hidden>
                                </span>
                                <a class="btn btnquery">送出表單 <i class="fa fa-chevron-right btn-o-arrow" aria-hidden="true"></i> </a>
                            </div>
                        </div>
                    </div>
                    <div class="panel-info">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="footertop">
        <div class="container"> <a href="#page-top" class="page-scroll"><span>GO TOP</span><i class="fa fa-chevron-up" aria-hidden="true"></i></a> </div>
    </div>
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-xs-12">
                    <div class="col-md-3 footer-logo logo-item">
                        <a href="#">
                            <img src="../img/footer-logo.png" />
                        </a>
                    </div>
                    <div class="col-md-1 logo-item">
                        <a href="https://www.iela.org/" target="_new">
                            <img src="../img/logo_side1.png" style="position:relative;top:0px;width:50px;height:36px;" />
                        </a>
                    </div>
                    <div class="col-md-1 logo-item">
                    </div>
                    <div class="col-md-1 logo-item">
                    </div>
                    <div class="col-md-8">
                        <div class="footer-icon"><a href="https://www.facebook.com/%E5%A5%95%E9%81%94%E9%81%8B%E9%80%9AEurotran-1267076616744511/" target="_new"><img src="../img/icon-fb.png" /> Facebook</a></div>
                        <div class="footer-icon"><a href="#" class="wechat"><img src="../img/icon-wechat.png" /> Wechat</a></div>
                    </div>
                </div>
                <div class="col-md-6 col-xs-12 text-right">
                    <div class="lag"><a href="ProgressOnlineQuery-en.html">ENGILSH <img src="../img/icon_store.svg" /></a></div>
                    <div class="lag"><a href="ProgressOnlineQuery-cn.html">簡中版 <img src="../img/icon_store.svg" /></a></div>
                    <div class="copyright">2017 © EuroTran. All Rights Reserved</div>
                </div>
            </div>
        </div>
    </footer>
</body>
</html>
<script src="../../Scripts/jquery-1.11.3.min.js"></script>
<script src="../../Scripts/i18next.min.js"></script>
<script src="../../Scripts/3rd/fancybox/jquery.fancybox.min.js"></script>
<script src="../../Scripts/jquery.blockUI.js"></script>
<script src="../../Scripts/bootstrap.min.js"></script>
<script src="../js/jquery.gotop.min.js"></script>
<script src="../../Scripts/jquery.jqprint-0.3.js"></script>
<script src="../../Scripts/ConvertLang.js"></script>
<script src="../../Scripts/jsrender.min.js"></script>
<script src="../../Scripts/linq.min.js"></script>
<script src="../../Scripts/lib/base64.min.js"></script>
<script src="../../Scripts/lib/Util.min.js?v=20180720"></script>
<script src="../js/ProgressOnlineQuery.js"></script>
<script src="../js/listen.js"></script>
<script id="temp_info" type="text/x-jsrender">
    <div class="panel-body">
        <form>
            <div class="title print-title">
                <h2>INFORMATION</h2>
                <h5 data-i18n="common.CargoInformation">
                    貨件資料
                </h5>
            </div>
            <div class="goodsinfo">
                <div class="ng-scope">
                    <h4><label id="SupplierName">{{:~setSupplierName(SupplierName,SupplierEName)}}</label>{{if Exhibitioname_TW}}<span>{{:Exhibitioname_TW}}</span>{{/if}}</h4>
                </div>
                {{for Flows}}
                <div role="tabpanel" class="tab-pane col-xs-12 text-center">
                    <div class="form-group col-sm-3 text-center w18p">
                        <label class="col-sm-12 control-label baseflownlael"></label>
                        <div class="col-sm-12 span-padding">
                            <label class="text-label" data-i18n="{{:FlowName}}"> 貨物進口 </label>
                        </div>
                    </div>
                    {{if ~root.Type =='IM'}}
                    <div class="form-group col-sm-2 text-center w11p span-padding">
                        <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.Number">件數</label>
                        <div class="col-sm-12 span-padding">
                            <label class="text-label content-font"> {{:Number}} {{if Number}}{{:Unit}}{{/if}} </label>
                        </div>
                    </div>
                    <div class="form-group col-sm-5 text-center span-padding w11p">
                        <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.ShipmentPort">起運地</label>
                        <div class="col-sm-12 span-padding">
                            <label class="text-label content-font"> {{:ShipmentPort}} </label>
                        </div>
                    </div>
                    <div class="form-group col-sm-5 text-center span-padding w11p">
                        <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.Destination">目的地</label>
                        <div class="col-sm-12 span-padding">
                            <label class="text-label content-font"> {{:Destination}} </label>
                        </div>
                    </div>
                    <div class="form-group col-sm-2 text-center w15p">
                        <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.BillLadNO">提單號碼</label>
                        <div class="col-sm-12 span-padding">
                            <label class="text-label content-font"> {{:BillLadNO}} </label>
                        </div>
                    </div>
                    <div class="form-group col-sm-2 text-center w15p">
                        <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.BillLadNOSub">分提單號碼</label>
                        <div class="col-sm-12 span-padding">
                            <label class="text-label content-font"> {{:~setBillLadNOSub(BillLadNOSub)}} </label>
                        </div>
                    </div>
                    <div class="form-group col-sm-2 text-center w15p">
                        <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.ContainerNumber">貨櫃號碼</label>
                        <div class="col-sm-12 span-padding">
                            <label class="text-label content-font"> {{:~setBillLadNOSub(ContainerNumber)}} </label>
                        </div>
                    </div>
                    {{else}}
                    <div class="form-group col-sm-4 text-center w11p span-padding">
                        <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.Number">件數</label>
                        <div class="col-sm-12 span-padding">
                            <label class="text-label content-font"> {{:Number}} {{if Number}}{{:Unit}}{{/if}} </label>
                        </div>
                    </div>
                    <div class="form-group col-sm-5 text-center span-padding w11p">
                        <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.ShipmentPort">起運地</label>
                        <div class="col-sm-12 span-padding">
                            <label class="text-label content-font"> {{:ShipmentPort}} </label>
                        </div>
                    </div>
                    <div class="form-group col-sm-5 text-center span-padding w11p">
                        <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.Destination">目的地</label>
                        <div class="col-sm-12 span-padding">
                            <label class="text-label content-font"> {{:Destination}} </label>
                        </div>
                    </div>
                    {{if SitiContactor1}}
                    <div class="form-group col-sm-5 text-center span-padding w12p">
                        <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.SitiContactor1">現場聯絡人1</label>
                        <div class="col-sm-12 span-padding">
                            <label class="text-label content-font"> {{:SitiContactor1}} </label>
                        </div>
                    </div>
                    {{/if}}
                    {{if SitiTelephone1}}
                    <div class="form-group col-sm-5 text-center span-padding w12p">
                        <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.SitiTelephone1">聯絡電話1</label>
                        <div class="col-sm-12 span-padding">
                            <label class="text-label content-font"> {{:SitiTelephone1}} </label>
                        </div>
                    </div>
                    {{/if}}
                    {{if SitiContactor2}}
                    <div class="form-group col-sm-5 text-center span-padding w12p">
                        <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.SitiContactor2">現場聯絡人2</label>
                        <div class="col-sm-12 span-padding">
                            <label class="text-label content-font"> {{:SitiContactor2}} </label>
                        </div>
                    </div>
                    {{/if}}
                    {{if SitiTelephone2}}
                    <div class="form-group col-sm-5 text-center span-padding w12p">
                        <label class="col-sm-12 control-label span-padding" data-i18n="{{:~root.PrgCode}}.SitiTelephone2">聯絡電話2</label>
                        <div class="col-sm-12 span-padding">
                            <label class="text-label content-font"> {{:SitiTelephone2}} </label>
                        </div>
                    </div>
                    {{/if}}
                    {{/if}}
                </div>
                {{/for}}
            </div>
        </form>
    </div>
    <hr>
    <div class="panel-body">
        <div class="row project-stats">
            <div id="content-box-view">
                <form id="MainForm" class="form-horizontal">
                    {{for Flows}}
                    <div class="col-md-12 col-xs-12">
                        <div class="title">
                            <h2>{{:ShotName}}</h2>
                            <h5 data-i18n="{{:FlowName}}"></h5>
                        </div>
                    </div>
                    <div class="section">
                        <ul class="steps clearfix">
                            {{: ~setFlow(Data,#parent.parent.data.PrgCode)}}
                        </ul>
                    </div>
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th class="w33p" data-i18n="common.DateTime"> 時間 </th>
                                    <th class="w33p" data-i18n="common.Status">狀態</th>
                                    <th class="w33p" data-i18n="common.Remark">備註</th>
                                </tr>
                            </thead>
                            {{: ~setInfo(Data,#parent.parent.data.PrgCode)}}
                        </table>
                    </div>
                    {{if ~checkFlowName(ShotName)}}
                    <div class="flowtitle cusbuttons">
                        {{: ~setBtn(Data,ShotName,SignatureFile)}}
                    </div>
                    {{/if}}
                    <hr />
                    {{/for}}
                </form>
            </div>
            <div class="flowtitle text-center toolbar">
                <a class="btn btnquery-next" data-i18n="common.QueryNextOne">查詢下一筆</a>
                <a class="btn btnprint" data-i18n="common.PrintResult">列印查詢結果</a>
            </div>
        </div>
    </div>
</script>