diff --git a/views/carpark/main_page.php b/views/carpark/main_page.php
index c7e39ac..b37f562 100644
--- a/views/carpark/main_page.php
+++ b/views/carpark/main_page.php
@@ -1,2293 +1,2309 @@
-<!DOCTYPE html>
-<html lang="zh-TW">
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="description" content="">
-    <meta name="author" content="">
-    <title>歐特儀管理系統</title>
-    <!-- Bootstrap Core CSS -->
-    <link href="<?=BOOTSTRAPS?>bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
-    <!-- MetisMenu CSS -->
-    <link href="<?=BOOTSTRAPS?>bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">
-    <!-- Timeline CSS -->
-    <link href="<?=BOOTSTRAPS?>dist/css/timeline.css" rel="stylesheet">
-    <!-- Custom CSS -->
-    <link href="<?=BOOTSTRAPS?>dist/css/sb-admin-2.css" rel="stylesheet">
-    <!-- Morris Charts CSS -->
-    <link href="<?=BOOTSTRAPS?>bower_components/morrisjs/morris.css" rel="stylesheet">
-    <!-- Custom Fonts -->
-    <link href="<?=BOOTSTRAPS?>bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
-    <style>                                            
-    	.cario_list{text-align:center;vertical-align:middle;}
-    </style>
-    
-</head>
-<body style="font-family:Microsoft JhengHei;">
-    <div id="wrapper">
-        <!-- Navigation -->
-        <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
-            <div class="navbar-header">
-                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
-                    <span class="sr-only">Toggle navigation</span>
-                    <span class="icon-bar"></span>
-                    <span class="icon-bar"></span>
-                    <span class="icon-bar"></span>
-                </button>
-                <a class="navbar-brand" href="">歐特儀管理系統</a>
-            </div>
-            <!-- /.navbar-top-links(左側選單) -->
-            <div class="navbar-default sidebar" role="navigation">
-                <div class="sidebar-nav navbar-collapse">
-                    <ul class="nav" id="side-menu">
-                        <!--li>
-                            <a href="#"><i class="fa fa-edit fa-fw"></i>帳務管理<span class="fa arrow"></span></a>
-                            <ul class="nav nav-second-level">
-                                <li>
-                                    <a href="#" onclick="show_item('rent_sync_all', 'rent_sync_all');">全部更新</a>
-                                </li>
-                                <li>
-                                    <a href="#" onclick="show_item('rent_sync', 'rent_sync');">單站更新</a>
-                                </li>
-                                <li>
-                                    <a href="#" onclick="show_item('rent_report', 'rent_report');">月租日報表</a>
-                                </li>
-								<li>
-                                    <a href="#" onclick="show_item('tx_bill_query', 'tx_bill_query');">行動支付記錄</a>
-                                </li>
-								<li>
-                                    <a href="#" onclick="show_item('tx_bill_ats_query', 'tx_bill_ats_query');">月租繳款機記錄</a>
-                                </li>
-                            </ul>
-                        </li-->   
-                        <li>
-                            <a href="#"><i class="fa fa-user fa-fw"></i>現場管理<span class="fa arrow"></span></a>
-                            <ul class="nav nav-second-level">     
-                                <li>
-                                    <a href="#" onclick="show_item('carin_query', 'carin_query');">出入場記錄</a>
-                                </li>      
-                                <li>
-                                    <a href="#" onclick="show_item('cario_list', 'cario_list');">進出場現況表</a>
-                                </li>
-								<li>
-                                    <a href="#" onclick="show_item('member_query', 'member_query');">會員現況</a>
-                                </li>     								
-                                <!--li>
-                                    <a href="#" onclick="show_item('reversible_lane', 'reversible_lane');">調撥車道</a>
-                                </li>
-                                <li>
-                                    <a href="#" onclick="show_item('member_add', 'member_add');">會員加入</a>
-                                </li>
-                                <li>
-                                    <a href="#" onclick="show_item('opendoors', 'opendoors');">出入口開門</a>
-                                </li-->  
-                            </ul>
-                            <!-- /.nav-second-level -->
-                        </li>      
-
-						<li>
-                            <a href="#"><i class="fa fa-user fa-fw"></i>在席管理<span class="fa arrow"></span></a>
-                            <ul class="nav nav-second-level">     
-                                <li>
-                                    <a href="#" onclick="show_item('pks_group_query', 'pks_group_query');">剩餘車位數</a>
-                                </li>
-                            </ul>
-                        </li>			
-						<li>
-                            <a href="#"><i class="fa fa-user fa-fw"></i>場站設定<span class="fa arrow"></span></a>
-                            <ul class="nav nav-second-level">     
-                                <li>
-                                    <a href="#" onclick="show_item('station_setting', 'station_setting');">設定檔</a>
-                                </li>
-                            </ul>
-                        </li>							
-                          
-                        <!--li>
-                            <a href="#"><i class="fa fa-user fa-fw"></i>查核<span class="fa arrow"></span></a>
-                            <ul class="nav nav-second-level">     
-                                <li>
-                                    <a href="#" onclick="show_item('pks_check', 'pks_check');">在席查核</a>
-                                </li>        
-                                <li>
-                                    <a href="#" onclick="reset_pks_check();">重設在席查核</a>
-                                </li> 
-                                <li>
-                                    <a href="#" onclick="show_item('carin_check', 'carin_check');;">入場查核</a>
-                                </li>   
-                            </ul>
-                        </li-->
-			<li>
-                            <a href="#"><i class="fa fa-user fa-fw"></i>報表<span class="fa arrow"></span></a>
-                            <ul class="nav nav-second-level">     
-                                <li>
-									<a href="<?=SERVER_URL?>reports.html/Vghtc_report_month?month=<?php echo date('m',mktime(0,0,0,(date('m')-1),1,date('Y')));?>" target="_blank"><i class="fa fa-user fa-fw"></i>車流量表(日)</a>
-                                </li>
-                                <li>
-									<a href="<?=SERVER_URL?>reports.html/Vghtc_report_daily?month=<?php echo date('m',mktime(0,0,0,(date('m')-1),1,date('Y')));?>" target="_blank"><i class="fa fa-user fa-fw"></i>車流量表(時)</a>
-                                </li>
-                                <!--li>
-									<a href="<?=SERVER_URL?>reports.html/Cario_seat_report_day" target="_blank"><i class="fa fa-user fa-fw"></i>停車時間分析表</a>
-                                </li-->
-                            </ul>
-                        </li>							
-						
-						<li>
-							<a href="#" onclick="logout(event)">登出</a>
-						</li>
-						
-                    </ul>
-                </div>
-                <!-- /.sidebar-collapse -->
-            </div>
-            <!-- /.navbar-static-side -->
-        </nav>
-        <div id="page-wrapper"><?php /* 主要資料顯示區 */ ?>
-            <div class="row">
-                <div class="col-lg-12">
-                    <h1 class="page-header">管理作業</h1><?php /* 右側小表頭 */ ?>
-                </div>
-                <!-- /.col-lg-12 -->
-            </div>
-            <!-- /.row -->    
-            <?php /* ----- 更新所有場站 ----- */ ?>
-            <div data-items="rent_sync_all" class="row">
-                <div class="col-lg-12">
-                    <div class="panel panel-default">
-                        <div class="panel-heading"><?php /* 資料顯示區灰色小表頭 */ ?>
-                            所有場站更新
-                        </div>
-                        <div class="panel-body">
-                            <div data-rows class="row">
-                                <div class="col-lg-6">
-                                    <form role="form" method="post" id="rent_sync_all" action="<?=APP_URL?>rent_sync"> 
-                                        <div class="form-group">
-                                            <label>開始日期</label>
-                                            <input type="date" name="start_date" class="form-control" />
-                                        </div>   
-                                        <div class="form-group">
-                                            <label>結束日期</label>
-                                            <input type="date" name="end_date" class="form-control" />
-                                        </div>                       
-                                        <input type="hidden" name="station_no" value="0" />
-                                        <button type="submit" class="btn btn-default">全部更新</button>
-                                        <button type="reset" class="btn btn-default">重填</button>
-                                    </form>
-                                </div>
-                                <!-- /.col-lg-6 (nested) -->
-                            </div>
-                            <!-- /.row (nested) -->    
-                            <div data-rows class="row"><?php /* ----- 全部更新後的訊息 ----- */ ?>
-                                <div id="msg_rent_sync_all" class="col-lg-6"></div>
-                            </div><?php /* ----- end 全部更新後的訊息 ----- */ ?>
-                        </div>
-                        <!-- /.panel-body -->
-                    </div>
-                    <!-- /.panel -->
-                </div>
-                <!-- /.col-lg-12 -->
-            </div>
-            <?php /* ----- 更新所有場站(結束) ----- */ ?>          
-            <?php /* ----- 單一場站月租異動同步 ----- */ ?>          
-            <div data-items="rent_sync" class="row" style="display:none;">
-                <div class="col-lg-12">
-                    <div class="panel panel-default">
-                        <div class="panel-heading"><?php /* 資料顯示區灰色小表頭 */ ?>
-                            單站更新
-                        </div>
-                        <div class="panel-body">
-                            <div data-rows class="row">
-                                <div class="col-lg-6">
-                                    <form role="form"  method="post" form_type="rent_sync" action="<?=APP_URL?>rent_sync">    
-                                    	<div class="form-group">
-                                            <label>場站</label>
-                                            <select name="station_no" class="form-control">
-                                                <option value="12109">文中國小</option>
-                                                <option>金城</option>
-                                                <option>板橋國中</option>
-                                                <option>二重疏洪道</option>
-                                                <option>中正紀念堂兩廳院</option>
-                                            </select>
-                                        </div>
-                                        <div class="form-group">
-                                            <label>開始日期</label>
-                                            <input type="date" name="start_date" class="form-control">
-                                        </div>   
-                                        <div class="form-group">
-                                            <label>結束日期</label>
-                                            <input type="date" name="end_date" class="form-control">
-                                        </div> 
-                                        <button type="submit" class="btn btn-default">單站更新</button>
-                                        <button type="reset" class="btn btn-default">重填</button>
-                                    </form>
-                                </div>
-                                <!-- /.col-lg-6 (nested) -->
-                            </div>
-                            <!-- /.row (nested) -->
-                        </div>
-                        <!-- /.panel-body -->
-                    </div>
-                    <!-- /.panel -->
-                </div>
-                <!-- /.col-lg-12 -->
-            </div>
-            <?php /* ----- 單一場站月租異動同步(結束) ----- */ ?>   
-                      
-            <?php /* ----- 剩餘車位清單 ----- */ ?> 
-            <div data-items="available_curr" class="row" style="display:none;">
-                <div class="col-lg-12">
-                    <div class="panel panel-default">
-                        <div class="panel-heading"><?php /* 資料顯示區灰色小表頭 */ ?>
-                            剩餘車位清單
-                        </div>
-                        <div class="panel-body">
-                            <div data-rows class="row">
-                                <div class="col-lg-12">
-                            	<div class="dataTable_wrapper">
-                                <table class="table table-striped table-bordered table-hover">
-                                    <thead>
-                                        <tr>
-                                            <th style="text-align:center;">編號</th>
-                                            <th style="text-align:left;">場站名稱</th>
-                                            <th style="text-align:right;">總數</th>
-                                            <th style="text-align:right;">空位數</th>
-                                            <th style="text-align:right;">入場數</th>
-                                            <th style="text-align:right;">使用率</th>
-                                        </tr>    
-                                        <tr id="available_curr_wk" style="display:none;"><?php /* 提供即時剩餘車位清單 */ ?>
-                                            <td data-tag="station_no" style="text-align:center;vertical-align: middle;"></td>
-                                            <td data-tag="name" style="text-align:left;vertical-align: middle;"></td>
-                                            <td data-tag="tot_pkg" style="text-align:right;vertical-align: middle;"></td>
-                                            <td data-tag="ava_pkg" style="text-align:right;vertical-align: middle;"></td>
-                                            <td data-tag="used_pkg" style="text-align:right;vertical-align: middle;"></td>
-                                            <td data-tag="ratio_pkg" style="text-align:right;vertical-align: middle;"></td>
-                                        </tr>                                     
-                                    </thead>
-                                    <tbody id="available_curr_tbody" style="font-size:14px;"></tbody>
-                                </table>
-                                </div>
-                                </div>
-                                <!-- /.col-lg-6 (nested) -->
-                            </div>
-                            <?php /* ----- 報表清單(結束) ----- */ ?> 
-                        </div>
-                        <!-- /.panel-body -->
-                    </div>
-                    <!-- /.panel -->
-                </div>
-                <!-- /.col-lg-12 -->
-            </div>   
-            <?php /* ----- 剩餘車位清單(結束) ----- */ ?> 
-            
-            <?php /* ----- 剩餘車位設定 ----- */ ?> 
-            <div data-items="available_set" class="row" style="display:none;">
-                <div class="col-lg-12">
-                    <div class="panel panel-default">
-                        <div class="panel-heading"><?php /* 資料顯示區灰色小表頭 */ ?>
-                            剩餘車位設定
-                        </div>
-                        <div class="panel-body">
-                            <div data-rows class="row">
-                                <div class="col-lg-12">
-                            	<div class="dataTable_wrapper">
-                                <table class="table table-striped table-bordered table-hover">
-                                    <thead>
-                                        <tr>
-                                            <th style="text-align:center;">編號</th>
-                                            <th style="text-align:left;">場站名稱</th>
-                                            <th style="text-align:left;">總數</th>
-                                            <th style="text-align:left;">空位數</th>
-                                            <th style="text-align:right;">入場數</th>
-                                            <th style="text-align:right;">使用率</th>
-                                            <th style="text-align:center;">設定</th>
-                                        </tr>   
-                                        <tr id="available_list" style="display:none;"><?php /* 提供設定剩餘車位設定 */ ?>
-                                            <td data-tag="station_no" style="text-align:center;vertical-align: middle;"></td>
-                                            <td data-tag="name" style="text-align:left;vertical-align: middle;"></td>
-                                            <td data-tag="tot_pkg" style="text-align:left;vertical-align: middle;"></td>
-                                            <td data-tag="ava_pkg" style="text-align:left;vertical-align: middle;"></td>
-                                            <td data-tag="used_pkg" style="text-align:right;vertical-align: middle;"></td>
-                                            <td data-tag="ratio_pkg" style="text-align:right;vertical-align: middle;"></td>
-                                            <td data-tag="edits" style="text-align:center;vertical-align: middle;"></td>
-                                        </tr>
-                                    </thead>
-                                    <tbody id="available_tbody" style="font-size:14px;"></tbody>
-                                </table>
-                                </div>
-                                </div>
-                                <!-- /.col-lg-6 (nested) -->
-                            </div>
-                            <?php /* ----- 報表清單(結束) ----- */ ?> 
-                        </div>
-                        <!-- /.panel-body -->
-                    </div>
-                    <!-- /.panel -->
-                </div>
-                <!-- /.col-lg-12 -->
-            </div>   
-            <?php /* ----- 剩餘車位設定(結束) ----- */ ?>   
-            <div data-items="member_add" class="row" style="display:none;"><?php /* 會員加入填寫資料 */ ?>
-                <div class="col-lg-12">
-                    <div class="panel panel-default">
-                        <div id="member_data_type" class="panel-heading">新增會員資料</div><?php /* 資料顯示區灰色小表頭 */ ?>
-                        <div class="panel-body">
-                            <div data-rows class="row">
-                                <div class="col-lg-6">
-                                    <form id="member_add" role="form" method="post" action="<?=APP_URL?>member_add">  
-                                        <div class="form-group">
-                                            <label>*場站</label>
-                                            <select class="form-control" name="station_no">
-                                                <option value="<?=STATION_NO?>" selected>本站</option>
-                                            </select>
-                                        </div>
-                                        <div class="form-group">
-                                            <label>*車牌號碼</label>
-                                            <input id="ma_lpr" name="lpr" class="form-control" placeholder="限英數字碼" style="text-transform:uppercase" />
-                                            <input id="ma_old_lpr" name="old_lpr" type="hidden" />
-                                        </div> 
-                                        <div class="form-group">
-                                            <label>eTag</label>
-                                            <input id="ma_etag" name="etag" class="form-control" placeholder="限英數字碼" style="text-transform:uppercase">
-                                        </div> 
-                                        <!--div class="form-group">
-                                            <label>*租期選項</label><br />
-                                            <label class="radio-inline">
-                                                <input type="radio" name="period_pay" id="optionsRadiosInline1" value="1" checked>月繳
-                                            </label>
-                                            <label class="radio-inline">
-                                                <input type="radio" name="period_pay" id="optionsRadiosInline2" value="2">雙月繳
-                                            </label>
-                                            <label class="radio-inline">
-                                                <input type="radio" name="period_pay" id="optionsRadiosInline3" value="3">季繳
-                                            </label> 
-                                            </label>
-                                            <label class="radio-inline">
-                                                <input type="radio" name="period_pay" id="optionsRadiosInline3" value="4">半年繳
-                                            </label>
-                                            </label>
-                                            <label class="radio-inline">
-                                                <input type="radio" name="optionsRadiosInline" id="optionsRadiosInline3" value="5">年繳
-                                            </label>
-                                        </div--> 
-                                        <div class="form-group">
-                                            <label>開始日期</label>
-											<!--input  id="ma_start_date" type="text" name="start_date" class="form-control"
-												data-validation="length" 
-												data-validation-length="1-20"
-												data-validation-error-msg="請輸入開始日期"/-->
-                                            <!--input  id="ma_start_date" type="datetime" name="start_date" class="form-control" /-->
-											<input  id="ma_start_date" type="datetime-local" name="start_date" class="form-control" step="1"/>
-                                        </div>   
-                                        <div class="form-group">
-                                            <label>結束日期</label>
-											<!--input id="ma_end_date" type="text" name="end_date" class="form-control"
-												data-validation="length" 
-												data-validation-length="1-20"
-												data-validation-error-msg="請輸入結束日期"/-->
-                                            <!--input id="ma_end_date" type="datetime" name="end_date" class="form-control" /-->
-											<input id="ma_end_date" type="datetime-local" name="end_date" class="form-control" step="1"/>
-                                        </div>
-                                        <div class="form-group">
-                                            <label>*姓名/公司名稱</label>
-                                            <input id="ma_member_name" name="member_name" class="form-control">
-                                        </div>
-                                        <div class="form-group">
-                                            <label>*手機</label>
-                                            <input   id="ma_mobile_no" name='mobile_no' class="form-control">
-                                        </div>   
-                                        <!-- div class="form-group">
-                                            <label>電子郵件</label>
-                                            <input name='email' class="form-control">
-                                        </div> 
-                                        <div class="form-group">
-                                            <label>車型</label>
-                                            <input name="car_model" class="form-control">
-                                        </div> 
-                                        <div class="form-group">
-                                            <label>顏色</label>
-                                            <input name="color" class="form-control">
-                                        </div>  
-                                        <div class="form-group">
-                                            <label>年份</label>
-                                            <input name="car_year" class="form-control">
-                                        </div -->       
-                                        <div class="form-group">
-                                            <label>合約號碼</label>
-                                            <input id="ma_contract_no" name="contract_no" class="form-control">
-                                        </div>             
-                                        <div class="form-group">
-                                            <label>租金金額</label>
-                                            <input id="ma_amt" name="amt" class="form-control">
-                                        </div>
-                                        <div class="form-group">
-                                            <label>身份證號/統一編號</label>
-                                            <input id="ma_member_id"  name="member_id" class="form-control">
-                                        </div>
-                                        <div class="form-group">
-                                            <label>電話(宅)</label>
-                                            <input id="ma_tel_h" name='tel_h' class="form-control">
-                                        </div> 
-                                        <div class="form-group">
-                                            <label>電話(公)</label>
-                                            <input  id="ma_tel_o" name='tel_o' class="form-control">
-                                        </div>           
-                                        <!--div class="form-group">
-                                            <label>里名</label>
-                                            <input name='village' class="form-control">
-                                        </div-->
-                                        <div class="form-group">
-                                            <label>地址</label>
-                                            <input id="ma_addr" name='addr' class="form-control">
-                                        </div>
-                                        <button type="submit" class="btn btn-default">存檔</button>
-                                        <button type="reset" class="btn btn-default">重填</button>
-                                        <input id="ma_member_no" type="hidden" name="member_no" value="0" />
-                                    </form>
-                                </div>
-                                <!-- /.col-lg-6 (nested) -->
-                            </div>
-                            <!-- /.row (nested) -->
-                        </div>
-                        <!-- /.panel-body -->
-                    </div>
-                    <!-- /.panel -->
-                </div>
-                <!-- /.col-lg-12 -->
-            </div>
-            <?php /* ----- 會員加入填寫資料(結束) ----- */ ?> 
-            
-            <?php /* ----- 會員查詢 ----- */?>
-            <div data-items="member_query" class="row" style="display:none;">
-                <div class="col-lg-12">
-                    <div class="panel panel-default">
-                        <div class="panel-heading">
-                            會員現況表
-                        </div>
-                        <!-- /.panel-heading -->
-                        <div class="panel-body">
-                            <div class="dataTable_wrapper">
-                                <table class="table table-striped table-bordered table-hover">
-                                    <thead>
-                                        <tr>
-                                            <th style="text-align:left;">車牌</th>
-                                            <th style="text-align:left;">姓名</th>
-                                            <th style="text-align:center;">手機</th>
-                                            <th style="text-align:center;">開始日</th>
-                                            <th style="text-align:center;">結束日</th>
-                                            <th style="text-align:center;">合約號</th>
-                                            <!--th style="text-align:center;">eTag</th>
-                                            <th style="text-align:center;">租金</th>
-                                            <th style="text-align:center;">功能</th-->
-											<th style="text-align:center;">有效期限</th>
-											<th style="text-align:center;">場站編號</th>
-											<th style="text-align:center;">更新時間</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody id="member_list" style="font-size:14px;"></tbody>
-                                </table>
-                            </div><?php /* ----- end of dataTable_wrapper ----- */?>  
-                        </div><?php /* ----- end of panel-body ----- */?>
-                    </div><?php /* ----- end of panel panel-default ----- */?>
-                </div><?php /* ----- end of col-lg-12 ----- */?>
-            </div>
-            <?php /* ----- 會員查詢(結束) ----- */?>
-			
-			<?php /* ----- 行動支付記錄 ----- */?>
-            <div data-items="tx_bill_query" class="row" style="display:none;">
-                <div class="col-lg-12">
-                    <div class="panel panel-default">
-                        <div class="panel-heading">
-                            行動支付記錄
-                        </div>
-                        <!-- /.panel-heading -->
-                        <div class="panel-body">
-                            <div class="dataTable_wrapper">
-                                <table class="table table-striped table-bordered table-hover">
-                                    <thead>
-                                        <tr>
-                                            <th style="text-align:left;">車牌</th>
-                                            <th style="text-align:left;">金額</th>
-                                            <th style="text-align:center;">支付訊息</th>
-                                            <th style="text-align:center;">支付種類</th>
-                                            <th style="text-align:center;">發票號碼</th>
-                                            <th style="text-align:center;">入場時間</th>
-                                            <th style="text-align:center;">結算時間</th>
-											<th style="text-align:center;">限時離場</th>
-                                            <th style="text-align:center;">發票統編</th>
-                                            <th style="text-align:center;">發票信箱</th>
-											<th style="text-align:center;">發票簡訊</th>
-											<th style="text-align:center;">交易時間</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody id="tx_bill_list" style="font-size:14px;"></tbody>
-                                </table>
-                            </div><?php /* ----- end of dataTable_wrapper ----- */?>  
-                        </div><?php /* ----- end of panel-body ----- */?>
-                    </div><?php /* ----- end of panel panel-default ----- */?>
-                </div><?php /* ----- end of col-lg-12 ----- */?>
-            </div>
-            <?php /* ----- 行動支付記錄(結束) ----- */?>
-			
-			<?php /* ----- 月租繳款機記錄 ----- */?>
-            <div data-items="tx_bill_ats_query" class="row" style="display:none;">
-                <div class="col-lg-12">
-                    <div class="panel panel-default">
-                        <div class="panel-heading">
-                            月租繳款機記錄
-                        </div>
-                        <!-- /.panel-heading -->
-                        <div class="panel-body">
-                            <div class="dataTable_wrapper">
-                                <table class="table table-striped table-bordered table-hover">
-                                    <thead>
-                                        <tr>
-                                            <th style="text-align:left;">車牌</th>
-                                            <th style="text-align:left;">金額</th>
-                                            <th style="text-align:center;">支付訊息</th>
-                                            <th style="text-align:center;">支付種類</th>
-                                            <th style="text-align:center;">發票號碼</th>
-                                            <th style="text-align:center;">到期日</th>
-                                            <th style="text-align:center;">續期開始日</th>
-											<th style="text-align:center;">續期到期日</th>
-											<th style="text-align:center;">會員名稱</th>
-                                            <th style="text-align:center;">發票統編</th>
-                                            <th style="text-align:center;">發票信箱</th>
-											<th style="text-align:center;">發票簡訊</th>
-											<th style="text-align:center;">交易時間</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody id="tx_bill_ats_list" style="font-size:14px;"></tbody>
-                                </table>
-                            </div><?php /* ----- end of dataTable_wrapper ----- */?>  
-                        </div><?php /* ----- end of panel-body ----- */?>
-                    </div><?php /* ----- end of panel panel-default ----- */?>
-                </div><?php /* ----- end of col-lg-12 ----- */?>
-            </div>
-            <?php /* ----- 月租繳款機記錄(結束) ----- */?>
-                                         
-            <?php /* ----- 出入場記錄 ----- */?>
-            <div data-items="carin_query" class="row" style="display:none;">
-                <div class="col-lg-12">
-                    <div class="panel panel-default">
-                        <div class="panel-heading">出入場記錄</div>
-                        <!-- /.panel-heading -->
-                        <div class="panel-body">       
-                            <div class="dataTable_wrapper">
-                                <table class="table table-striped table-bordered table-hover">
-                                	<tr> 
-                                    	<td style="text-align:right;">車號</td>   
-                                        <td style="text-align:left;"><input type="text" id="lpr_query" name="lpr_query" class="form-control" style="text-transform:uppercase" placeholder="請至少輸入四碼" /></td>
-                                    	<td style="text-align:left;"><input type="button" name="lpr_query" value="查詢" onclick="carin_lpr_query();" /></td>
-                                    </tr>
-                                    <!--tr> 
-                                    	<td style="text-align:right;">時間</td>   
-                                        <td style="text-align:left;">
-                                        	<input type="datetime-local" id="carin_time_query" />&nbsp;&nbsp;前後範圍
-                                        	<select name="minutes_range" id="minutes_range">
-												<option value="10" selected>10分鐘</option>
-												<option value="15">15分鐘</option>
-												<option value="20">20分鐘</option>
-												<option value="30">30分鐘</option>
-                                            </select>
-                                        </td>
-                                    	<td style="text-align:left;"><input type="button" value="查詢" onclick="carin_time_query();" /></td>
-                                    </tr-->   
-									<tr> 
-                                    	<td style="text-align:right;">入場<br/>車辨失敗</td>   
-                                        <td style="text-align:left;">
-                                        	<input type="datetime-local" id="carin_none_query"/>&nbsp;&nbsp;前後範圍
-                                        	<select name="hours_range" id="hours_range">
-												<option value="1" selected>1小時</option>
-												<option value="3">3小時</option>
-												<option value="12">12小時</option>
-												<option value="24">24小時</option>
-                                            </select>
-                                        </td>
-                                    	<td style="text-align:left;"><input type="button" value="查詢" onclick="carin_none_query();" /></td>
-                                    </tr> 
-                                </table>
-                            </div><?php /* ----- end of dataTable_wrapper ----- */?> 
-                            <!--div id="carin_query_list" class="dataTable_wrapper" style="display:none;"-->
-                            <div id="carin_query_list" class="dataTable_wrapper">
-                                <table id="lpr_query_list" class="table table-striped table-bordered table-hover">
-                                <thead>
-                                        <tr>
-                                            <th style="text-align:center;">出入口</th>
-                                            <th style="text-align:center;">時間</th>
-                                            <th style="text-align:center;">車號</th>
-                                            <th style="text-align:center;">eTag</th>
-                                            <th style="text-align:center;">車主</th>
-                                            <th style="text-align:center;">照片</th>
-                                        </tr> 
-    							</thead>
-    							<tbody id="carin_query_tbody" style="font-size:14px;"></tbody>
-                                </table>
-                            </div><?php /* ----- end of dataTable_wrapper ----- */?>  
-                        </div><?php /* ----- end of panel-body ----- */?>
-                    </div><?php /* ----- end of panel panel-default ----- */?>
-                </div><?php /* ----- end of col-lg-12 ----- */?>
-            </div>
-            <?php /* ----- 出入場記錄(結束) ----- */?>
-            
-            <?php /* ----- 進出場現況表 ----- */?>
-            <div data-items="cario_list" class="row" style="display:none;">
-                <div class="col-lg-12">
-                    <div class="panel panel-default">
-                        <div class="panel-heading">
-                            進出場現況表
-							&nbsp;<button id='create_cario_btn' class="btn btn-large btn-success pull-right" style="font-size:16px;" onclick='show_create_cario_dialog();'>手動建檔</button>
-                        </div>
-                        <!-- /.panel-heading -->
-                        <div class="panel-body">
-                            <div class="dataTable_wrapper">
-                                <table class="table table-striped table-bordered table-hover">
-                                    <thead>
-                                        <tr>
-                                            <th style="text-align:center;">出入口</th>
-                                            <th style="text-align:center;">時間</th>
-                                            <th style="text-align:center;">車號</th>
-                                            <th style="text-align:center;">eTag</th>
-                                            <th style="text-align:center;">車主</th>
-                                            <th style="text-align:center;">照片</th>
-                                        </tr>   
-                                    </thead>
-                                    <tbody id="cario_list_tbody" style="font-size:14px;">  
-                                    <tr id="cario_0">
-                                    <td class="cario_list" data-tag="io_name"></td>
-                                    <td class="cario_list" data-tag="io_time"></td>
-                                    <td class="cario_list" data-tag="lpr"></td>
-                                    <td class="cario_list" data-tag="etag"></td>
-                                    <td class="cario_list" data-tag="owner"></td>
-                                    <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>
-                                    </tr>    
-                                    <tr id="cario_1">
-                                    <td class="cario_list" data-tag="io_name"></td>
-                                    <td class="cario_list" data-tag="io_time"></td>
-                                    <td class="cario_list" data-tag="lpr"></td>
-                                    <td class="cario_list" data-tag="etag"></td>
-                                    <td class="cario_list" data-tag="owner"></td>
-                                    <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>
-                                    </tr>
-                                    <tr id="cario_2">
-                                    <td class="cario_list" data-tag="io_name"></td>
-                                    <td class="cario_list" data-tag="io_time"></td>
-                                    <td class="cario_list" data-tag="lpr"></td>
-                                    <td class="cario_list" data-tag="etag"></td>
-                                    <td class="cario_list" data-tag="owner"></td>
-                                    <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>
-                                    </tr>
-                                    <tr id="cario_3">
-                                    <td class="cario_list" data-tag="io_name"></td>
-                                    <td class="cario_list" data-tag="io_time"></td>
-                                    <td class="cario_list" data-tag="lpr"></td>
-                                    <td class="cario_list" data-tag="etag"></td>
-                                    <td class="cario_list" data-tag="owner"></td>
-                                    <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>
-                                    </tr>
-                                    <tr id="cario_4">
-                                    <td class="cario_list" data-tag="io_name"></td>
-                                    <td class="cario_list" data-tag="io_time"></td>
-                                    <td class="cario_list" data-tag="lpr"></td>
-                                    <td class="cario_list" data-tag="etag"></td>
-                                    <td class="cario_list" data-tag="owner"></td>
-                                    <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>
-                                    </tr>
-                                    <tr id="cario_5">
-                                    <td class="cario_list" data-tag="io_name"></td>
-                                    <td class="cario_list" data-tag="io_time"></td>
-                                    <td class="cario_list" data-tag="lpr"></td>
-                                    <td class="cario_list" data-tag="etag"></td>
-                                    <td class="cario_list" data-tag="owner"></td>
-                                    <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>
-                                    </tr>
-                                    <tr id="cario_6">
-                                    <td class="cario_list" data-tag="io_name"></td>
-                                    <td class="cario_list" data-tag="io_time"></td>
-                                    <td class="cario_list" data-tag="lpr"></td>
-                                    <td class="cario_list" data-tag="etag"></td>
-                                    <td class="cario_list" data-tag="owner"></td>
-                                    <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>
-                                    </tr>
-                                    <tr id="cario_7">
-                                    <td class="cario_list" data-tag="io_name"></td>
-                                    <td class="cario_list" data-tag="io_time"></td>
-                                    <td class="cario_list" data-tag="lpr"></td>
-                                    <td class="cario_list" data-tag="etag"></td>
-                                    <td class="cario_list" data-tag="owner"></td>
-                                    <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>
-                                    </tr>
-                                    <tr id="cario_8">
-                                    <td class="cario_list" data-tag="io_name"></td>
-                                    <td class="cario_list" data-tag="io_time"></td>
-                                    <td class="cario_list" data-tag="lpr"></td>
-                                    <td class="cario_list" data-tag="etag"></td>
-                                    <td class="cario_list" data-tag="owner"></td>
-                                    <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>
-                                    </tr>
-                                    <tr id="cario_9">
-                                    <td class="cario_list" data-tag="io_name"></td>
-                                    <td class="cario_list" data-tag="io_time"></td>
-                                    <td class="cario_list" data-tag="lpr"></td>
-                                    <td class="cario_list" data-tag="etag"></td>
-                                    <td class="cario_list" data-tag="owner"></td>
-                                    <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>
-                                    </tr>
-                                    </tbody>
-                                </table>
-                            </div><?php /* ----- end of dataTable_wrapper ----- */?>  
-                        </div><?php /* ----- end of panel-body ----- */?>
-                    </div><?php /* ----- end of panel panel-default ----- */?>
-                </div><?php /* ----- end of col-lg-12 ----- */?>
-            </div>
-            <?php /* ----- 進出場現況表(結束) ----- */?>  
-                                       
-            <?php /* ----- 調撥車道 ----- */?>
-            <div data-items="reversible_lane" class="row" style="display:none;">
-                <div class="col-lg-12">
-                    <div class="panel panel-default">
-                        <div class="panel-heading">
-                            調撥車道
-                        </div>
-                        <!-- /.panel-heading -->
-                        <div class="panel-body">
-                            <div class="dataTable_wrapper">
-                            	<form id="lane_form">
-                                        <div class="form-group">
-                                            <label>第1車道-入&nbsp;&nbsp;&nbsp;</label>
-                                            <label class="radio-inline">
-                                                <input type="radio" name="lane_0" data-lane_no="0" value="1">啟用
-                                            </label>
-                                            <label class="radio-inline">
-                                                <input type="radio" name="lane_0" data-lane_no="0" value="0">停用
-                                            </label>
-                                        </div>
-                                        
-                                        <div class="form-group">
-                                            <label>第2車道-入&nbsp;&nbsp;&nbsp;</label>
-                                            <label class="radio-inline">
-                                                <input type="radio" name="lane_1" data-lane_no="1" value="1">啟用
-                                            </label>
-                                            <label class="radio-inline">
-                                                <input type="radio" name="lane_1" data-lane_no="1" value="0">停用 (調撥車道入)
-                                            </label>
-                                        </div> 
-                                        
-                                        <div class="form-group">
-                                            <label>第3車道-出&nbsp;&nbsp;&nbsp;</label>
-                                            <label class="radio-inline">
-                                                <input type="radio" name="lane_2" data-lane_no="2" value="1">啟用
-                                            </label>
-                                            <label class="radio-inline">
-                                                <input type="radio" name="lane_2" data-lane_no="2" value="0">停用 (調撥車道出)
-                                            </label>
-                                        </div>   
-                                        
-                                        <div class="form-group">
-                                            <label>第4車道-出&nbsp;&nbsp;&nbsp;</label>
-                                            <label class="radio-inline">
-                                                <input type="radio" name="lane_3" data-lane_no="3" value="1">啟用
-                                            </label>
-                                            <label class="radio-inline">
-                                                <input type="radio" name="lane_3" data-lane_no="3" value="0">停用
-                                            </label>
-                                        </div>
-                            	</form>
-                            </div><?php /* ----- end of dataTable_wrapper ----- */?>  
-                        </div><?php /* ----- end of panel-body ----- */?>
-                    </div><?php /* ----- end of panel panel-default ----- */?>
-                </div><?php /* ----- end of col-lg-12 ----- */?>
-            </div>
-            <?php /* ----- 調撥車道(結束) ----- */?> 
-            
-            <?php /* ----- 出入口開門 ----- */?>
-            <div data-items="opendoors" class="row" style="display:none;">
-                <div class="col-lg-12">
-                    <div class="panel panel-default">
-                        <div class="panel-heading">出入口開門</div>
-                        <!-- /.panel-heading -->
-                        <div class="panel-body">
-                            <div class="dataTable_wrapper">
-                                <table class="table table-striped table-bordered table-hover">
-                                        <tr>
-                                            <td style="text-align:left;">第1車道 - 入場</td>
-                                            <td style="text-align:center;"><input type="button" value="開門" onclick="opendoors('0');" /></td>
-                                        </tr>   
-                                        <tr>
-                                            <td style="text-align:left;">第2車道 - 調撥入場</td>
-                                            <td style="text-align:center;"><input type="button" value="開門" onclick="opendoors('1');" /></td>
-                                        </tr>
-                                        <tr>
-                                            <td style="text-align:left;">第3車道 - 調撥出場</td>
-                                            <td style="text-align:center;"><input type="button" value="開門" onclick="opendoors('2');" /></td>
-                                        </tr>
-                                        <tr>
-                                            <td style="text-align:left;">第4車道 - 出場</td>
-                                            <td style="text-align:center;"><input type="button" value="開門" onclick="opendoors('3');" /></td>
-                                        </tr>
-                                </table>
-                            </div><?php /* ----- end of dataTable_wrapper ----- */?>  
-                        </div><?php /* ----- end of panel-body ----- */?>
-                    </div><?php /* ----- end of panel panel-default ----- */?>
-                </div><?php /* ----- end of col-lg-12 ----- */?>
-            </div>
-            <?php /* ----- 出入口開門(結束) ----- */?>  
-            <?php /* ----- 在席查核清單 ----- */?>
-            <div data-items="pks_check" class="row" style="display:none;">
-                <div class="col-lg-12">
-                    <div class="panel panel-default">
-                        <div class="panel-heading">
-                            在席查無入場資料清單(共<span id="tot_pks_check"></span>筆, 測試中)
-                        </div>
-                        <!-- /.panel-heading -->
-                        <div class="panel-body">
-                            <div class="dataTable_wrapper">
-                                <table class="table table-striped table-bordered table-hover">
-                                    <thead>
-                                        <tr>
-                                            <th style="text-align:center;">車格號</th>
-                                            <th style="text-align:center;">車號</th>
-                                            <th style="text-align:center;">入格時間</th>
-                                            <th style="text-align:center;">照片</th>
-                                        </tr>   
-                                    </thead>
-                                    <tbody id="pks_list_tbody" style="font-size:14px;">  
-                                    </tbody>
-                                </table>
-                            </div><?php /* ----- end of dataTable_wrapper ----- */?>  
-                        </div><?php /* ----- end of panel-body ----- */?>
-                    </div><?php /* ----- end of panel panel-default ----- */?>
-                </div><?php /* ----- end of col-lg-12 ----- */?>
-            </div>
-            <?php /* ----- 在席查核清單(結束) ----- */?>  
-                                  
-            <?php /* ----- 入場查核清單 ----- */?>
-            <div data-items="carin_check" class="row" style="display:none;">
-                <div class="col-lg-12">
-                    <div class="panel panel-default">
-                        <div class="panel-heading">
-                            入場查無在席資料清單(共<span id="tot_carin_check"></span>筆, 測試中)
-                        </div>
-                        <!-- /.panel-heading -->
-                        <div class="panel-body">
-                            <div class="dataTable_wrapper">
-                                <table class="table table-striped table-bordered table-hover">
-                                    <thead>
-                                        <tr>
-                                            <th style="text-align:center;">車號</th>
-                                            <th style="text-align:center;">時間</th>
-                                            <th style="text-align:center;">類別</th>
-                                            <th style="text-align:center;">照片</th>
-                                        </tr>   
-                                    </thead>
-                                    <tbody id="carin_list_tbody" style="font-size:14px;">  
-                                    </tbody>
-                                </table>
-                            </div><?php /* ----- end of dataTable_wrapper ----- */?>  
-                        </div><?php /* ----- end of panel-body ----- */?>
-                    </div><?php /* ----- end of panel panel-default ----- */?>
-                </div><?php /* ----- end of col-lg-12 ----- */?>
-            </div>
-            <?php /* ----- 入場查核清單(結束) ----- */?>  
-			
-            <?php /* ----- 樓層剩餘車位數調整 ----- */?>
-            <div data-items="pks_group_query" class="row" style="display:none;">
-                <div class="col-lg-12">
-                    <div class="panel panel-default">
-                        <div class="panel-heading">
-                            樓層車位數 （按 F5 更新）
-                        </div>
-                        <!-- /.panel-heading -->
-                        <div class="panel-body">
-                            <div class="dataTable_wrapper">
-                                <table class="table table-striped table-bordered table-hover">
-                                    <thead>
-                                        <tr>
-                                            <th style="text-align:left;">樓層</th>
-											<th style="text-align:left;">樓層 ID</th>
-                                            <th style="text-align:center;">車位總數</th>
-											<th style="text-align:center;">已使用</th>
-											<th style="text-align:center;">未使用</th>
-											<th style="text-align:center;">微調值</th>
-                                            <th style="text-align:center;">剩餘車位數微調</th>
-											<th style="text-align:center;">空車位顯示值</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody id="pks_group_list" style="font-size:20px;"></tbody>
-                                </table>
-                            </div><?php /* ----- end of dataTable_wrapper ----- */?>  
-                        </div><?php /* ----- end of panel-body ----- */?>
-                    </div><?php /* ----- end of panel panel-default ----- */?>
-                </div><?php /* ----- end of col-lg-12 ----- */?>
-            </div>
-            <?php /* ----- 樓層剩餘車位數調整(結束) ----- */?>
-                                         
-        </div>
-        <!-- /#page-wrapper -->
-    </div>
-    <!-- /#wrapper -->
-    <!-- jQuery -->
-    <script src="<?=BOOTSTRAPS?>bower_components/jquery/dist/jquery.min.js"></script>
-    <!-- Bootstrap Core JavaScript -->
-    <script src="<?=BOOTSTRAPS?>bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
-    <!-- Metis Menu Plugin JavaScript -->
-    <script src="<?=BOOTSTRAPS?>bower_components/metisMenu/dist/metisMenu.min.js"></script>
-    <!-- Morris Charts JavaScript -->
-    <script src="<?=BOOTSTRAPS?>bower_components/raphael/raphael-min.js"></script>
-    <!--script src="<?=BOOTSTRAPS?>bower_components/morrisjs/morris.min.js"></script-->
-    <!--script src="<?=BOOTSTRAPS?>js/morris-data.js"></script-->
-	
-	<!-- virtual keyboard -->
-  	<link href="<?=WEB_LIB?>virtual-keyboard/css/jquery-ui.min.css" rel="stylesheet">
-	<link href="<?=WEB_LIB?>virtual-keyboard/css/keyboard.css" rel="stylesheet">
-  	<script src="<?=WEB_LIB?>virtual-keyboard/js/jquery-ui.min.js"></script>
-  	<script src="<?=WEB_LIB?>virtual-keyboard/js/jquery.keyboard.js"></script>
-  	<script src="<?=WEB_LIB?>virtual-keyboard/js/jquery.keyboard.extension-caret.js"></script>
-	
-	<!-- alertify -->
-	<link href="<?=WEB_LIB?>css/alertify.core.css" rel="stylesheet">
-	<link href="<?=WEB_LIB?>css/alertify.bootstrap.css" rel="stylesheet">
-	<script src="<?=WEB_LIB?>js/alertify.min.js"></script> 
-	
-	
-    <!-- Custom Theme JavaScript -->
-    <script src="<?=BOOTSTRAPS?>dist/js/sb-admin-2.js"></script>  
-    <div id="works" style="display:none;"></div><?php /* 作為浮動顯示區之用 */ ?> 
-</body>
-</html>   
-
-<script>
-var AltobObject = AltobObject || {}; // ALTOB 專用命名空間
-/*
-	客製化參數
-*/
-(function(){
-	AltobObject.xvars = {};
-	AltobObject.station_no = '<?= $station_no; ?>';
-	AltobObject.station_name = '<?= $station_name; ?>';
-})();
-
-var timer;
-var timeout_sec = 10;<?php /* 每多少秒檢查一次空車位 */ ?> 
-
-<?php /* alertify function */ ?>
-function alertify_log($msg)
-{
-	alertify.set({delay : 2000});
-	alertify.log($msg);
-}
-function alertify_error($msg)
-{
-	alertify.set({delay : 2000});
-	alertify.error($msg);
-}
-function alertify_success($msg)
-{
-	alertify.set({delay : 2000});
-	alertify.success($msg);
-}
-function alertify_msg($msg)
-{
-	alertify.set({ labels: {
-		ok     : "確定"
-	} });
-	alertify.alert($msg, function (e){
-		// do nothing
-	});
-}
-
-<?php /* 連接mqtt Queue */ ?>
-/*
-// var client = new Paho.MQTT.Client("192.168.0.135", 8000, "cario_now");
-var client = new Paho.MQTT.Client("61.220.179.128", 1883, "cario_now");
-
-// set callback handlers
-client.onConnectionLost = onConnectionLost;
-client.onMessageArrived = onMessageArrived;
- 
-// called when the client connects
-function onConnect() 
-{
-	// Once a connection has been made, make a subscription and send a message.
-	console.log("onConnect");
-	client.subscribe("cario_now", 2);
-}
-
-// called when the client loses its connection
-function onConnectionLost(responseObject) 
-{
-	if (responseObject.errorCode !== 0) 
-	{
-    	console.log("onConnectionLost:"+responseObject.errorMessage);
-  	}
-}
-
-// called when a message arrives
-function onMessageArrived(message) 
-{
-	console.log("onMessageArrived:"+message.payloadString);
-} 
-*/  
-
-// 微調剩餘車位數
-function pks_availables_update(idx, value, station_no)
-{	
-	//console.log(idx + ", " + value);
-	$.ajax
-	({
-		url: "<?=APP_URL?>pks_availables_update/" + idx + "/" + value+ "/" + station_no,
-		type: "post", 
-		dataType:"json",
-		data: {},
-		success: function(jdata)
-		{       
-			if(jdata > 0)
-			{
-				alertify_log("調整完成! 請稍侯");
-				
-				show_item('pks_group_query', 'pks_group_query'); // refresh
-			}else{
-				alertify_log("沒有任何變化!");
-			}
-		}
-	});  
-}
-
-// 載入頁面
-function load_page(tags)
-{
-	if ($("[data-items='"+tags+"']").length == 0)	// 第一次loading
-    {     
-		$.ajax
-		({
-			url:"<?=APP_URL?>get_html",
-        			async:false,    
-        			timeout:1500,
-            		type:"post", 
-            		dataType:"text",
-            		data:{"tag_name":tags},
-            		success:function(jdata)
-            		{
-            	    	$("#page-wrapper").append(jdata);  
-            	    }
-		}); 
-	}
-}
-  
-<?php /* 顯示指定項目 */ ?>
-function show_item(tags, type)
-{              
-	// if (timer) { window.clearTimeout(timer); }
-         
-    // client.disconnect();         
-    
-    <?php /* 新增月租資料, 設定初始值 */ ?>             
-    if (type == "member_add")
-    {                            
-    	$("#ma_lpr").val("");
-    	$("#ma_old_lpr").val("");
-    	$("#ma_etag").val("");
-        $("#ma_start_date").val("");
-        $("#ma_end_date").val("");
-        $("#ma_member_name").val("");
-        $("#ma_mobile_no").val("");
-        $("#ma_contract_no").val("");
-        $("#ma_amt").val("");
-    	$("#ma_member_no").val("0");
-    	$("#member_data_type").text("新增會員資料");
-    }
-    
-    switch(tags)
-    {          
-		// -- 設定檔 --			
-		case "station_setting":
-			load_page(tags);
-			reload_station_setting(type);
-			break;
-	
-		<?php /* 樓層資訊查詢, 並列出清單 */ ?>
-    	case "pks_group_query":
-        	$("#pks_group_list").html("");<?php /* 清除原內容 */ ?>
-            $.ajax
-        	({
-        		url: "<?=APP_URL?>pks_group_query",
-            	type: "post", 
-            	dataType:"json",
-            	data: {},
-            	success: function(jdata)
-            	{       
-                	var pks_group_list = [];  
-                	for(idx in jdata)
-                    {                                         
-                    	mno = jdata[idx]['group_id'];
-                    	pks_group_list = pks_group_list.concat([
-						"<tr><td id='pks_group_", mno, "' data-group_id='", mno, "' data-group_id='", jdata[idx]['group_id'], "' data-group_name='", jdata[idx]['group_name'], "' data-tot='", jdata[idx]['tot'] ,"' data-station_no='", jdata[idx]['station_no'] ,"</td>", 	
-                    		"<td id='group_name_", mno, "' style='text-align:left; vertical-align:middle; '>", jdata[idx]['group_name'], "</td>", 	
-							"<td id='group_id_", mno, "' style='text-align:left; vertical-align:middle; '>", jdata[idx]['group_id'], "</td>", 	
-							"<td id='tot_", mno, "' style='text-align:center; vertical-align:middle; '>", jdata[idx]['tot'], "</td>", 
-							"<td id='parked_", mno, "' style='text-align:center; vertical-align:middle; '>", jdata[idx]['parked'], "</td>", 
-							"<td id='real_availables_", mno, "' style='text-align:center; vertical-align:middle; '>", jdata[idx]['availables'] - jdata[idx]['renum'], "</td>", 
-							"<td id='renum_", mno, "' style='text-align:center; vertical-align:middle; color:blue; '>", jdata[idx]['renum'], "</td>", 
-                    		"<td style='text-align:center;vertical-align:middle; '>", 
-								"<button class='btn btn-default' onclick='pks_availables_update(\"", mno, "\", 1, ", jdata[idx]['station_no'],");'>+1</button>&nbsp", 
-								"<button class='btn btn-default' onclick='pks_availables_update(\"", mno, "\", -1, ", jdata[idx]['station_no'],");'>-1</button>&nbsp", 
-								"<button class='btn btn-default' onclick='pks_availables_update(\"", mno, "\", 0, ", jdata[idx]['station_no'],");'>重設</button>", 
-							"<td id='availables_", mno, "' style='text-align:center; vertical-align:middle; color:red; '>", jdata[idx]['availables'], "</td>", 
-							"</td>",
-                    	"</tr>"]);
-                    }
-                	$("#pks_group_list").append(pks_group_list.join(''));  
-            	}
-        	});  
-        	break; 
-	
-    	<?php /* 會員查詢, 並列出清單 */ ?>
-    	case "member_query":
-        	$("#member_list").html("");<?php /* 清除原內容 */ ?>
-            $.ajax
-        	({
-        		url: "<?=APP_URL?>member_query",
-            	type: "post", 
-            	dataType:"json",
-            	data: {},
-            	success: function(jdata)
-            	{       
-                	var member_list = [];  
-                	for(idx in jdata)
-                    {                                         
-                    	mno = jdata[idx]['member_no'];
-                    	member_list = member_list.concat([
-						"<tr><td id='lpr_", mno, "' data-member_no='", mno, "' data-member_id='", jdata[idx]['member_id'], "' data-tel_o='", jdata[idx]['tel_o'], "' data-tel_h='", jdata[idx]['tel_h'], "' data-addr='", jdata[idx]['addr'], "' style='text-align:left; '>", jdata[idx]['lpr'], "</td>", 	
-                    		"<td id='name_", mno, "' style='text-align:left; '>", jdata[idx]['member_name'], "</td>", 	
-                    		"<td id='mobile_", mno, "' style='text-align:center; '>", jdata[idx]['mobile_no'], "</td>", 	
-                    		"<td id='sdate_", mno, "' style='text-align:center; '>", jdata[idx]['start_date'], "</td>", 	
-                    		"<td id='edate_", mno, "' style='text-align:center; '>", jdata[idx]['end_date'], "</td>", 	
-                    		"<td id='contract_", mno, "' style='text-align:center; '>", jdata[idx]['contract_no'], "</td>", 	    
-                    		//"<td id='etag_", mno, "' style='text-align:center; '>", jdata[idx]['etag'], "</td>", 	    
-                    		//"<td id='amt_", mno, "' style='text-align:center; '>", jdata[idx]['amt'], "</td>", 	
-                    		//"<td style='text-align:center, '><select id='sel_", mno, "' onChange='member_modify(", mno, "); '><option value='choice'>請選擇</option><option value='modify'>修改</option><option value='delete'>刪除</option></select></td>", 	
-							"<td id='valid_time_", mno, "' style='text-align:center; '>", jdata[idx]['valid_time'], "</td>", 	    
-							"<td id='station_no_", mno, "' style='text-align:center; '>", jdata[idx]['station_no'], "</td>", 	    
-							"<td id='update_time_", mno, "' style='text-align:center; '>", jdata[idx]['update_time'], "</td>", 	    
-                    	"</tr>"]);
-                    }
-                	$("#member_list").append(member_list.join(''));  
-            	}
-        	});  
-        	break; 
-
-    	<?php /* 行動支付記錄 */ ?>
-    	case "tx_bill_query":
-        	$("#tx_bill_list").html("");<?php /* 清除原內容 */ ?>
-            $.ajax
-        	({
-        		url: "<?=APP_URL?>tx_bill_query",
-            	type: "post", 
-            	dataType:"json",
-            	data: {},
-            	success: function(jdata)
-            	{       
-                	var tx_bill_list = [];  
-                	for(idx in jdata)
-                    {                                         
-                    	mno = jdata[idx]['order_no'];
-						tx_bill_list = tx_bill_list.concat([
-                    	"<tr><td id='lpr_", mno, "' data-order_no='", mno, "' style='text-align:left; '>", jdata[idx]['lpr'], "</td>", 	
-							"<td id='amt_", mno, "' style='text-align:center; '>", jdata[idx]['amt'], "</td>", 
-							"<td id='rtn_msg_", mno, "' style='text-align:center; '>", jdata[idx]['rtn_msg'], "</td>", 	
-							"<td id='payment_type_", mno, "' style='text-align:center; '>", jdata[idx]['payment_type'], "</td>", 							
-							"<td id='invoice_no_", mno, "' style='text-align:center; '>", jdata[idx]['invoice_no'], "</td>", 
-                    		"<td id='in_time_", mno, "' style='text-align:center; '>", jdata[idx]['in_time'], "</td>", 	
-                    		"<td id='balance_time_", mno, "' style='text-align:center; '>", jdata[idx]['balance_time'], "</td>", 	
-							"<td id='out_before_time_", mno, "' style='text-align:center; '>", jdata[idx]['out_before_time'], "</td>", 	
-							"<td id='company_no_", mno, "' style='text-align:center; '>", jdata[idx]['company_no'], "</td>", 
-							"<td id='email_", mno, "' style='text-align:center; '>", jdata[idx]['email'], "</td>", 
-							"<td id='mobile_", mno, "' style='text-align:center; '>", jdata[idx]['mobile'], "</td>", 
-							"<td id='tx_time_", mno, "' style='text-align:center; '>", jdata[idx]['tx_time'], "</td>", 
-                    	"</tr>"]);
-                    }
-                	$("#tx_bill_list").append(tx_bill_list.join(''));  
-            	}
-        	});  
-        	break;
-			
-		case "tx_bill_ats_query":
-        	$("#tx_bill_ats_list").html("");<?php /* 清除原內容 */ ?>
-            $.ajax
-        	({
-        		url: "<?=APP_URL?>tx_bill_ats_query",
-            	type: "post", 
-            	dataType:"json",
-            	data: {},
-            	success: function(jdata)
-            	{       
-                	var tx_bill_ats_list = [];  
-                	for(idx in jdata)
-                    {                                         
-                    	mno = jdata[idx]['order_no'];
-                    	tx_bill_ats_list = tx_bill_ats_list.concat([
-						"<tr><td id='lpr_", mno, "' data-order_no='", mno, "' style='text-align:left; '>", jdata[idx]['lpr'], "</td>", 
-							"<td id='amt_", mno, "' style='text-align:center; '>", jdata[idx]['amt'], "</td>", 
-							"<td id='rtn_msg_", mno, "' style='text-align:center; '>", jdata[idx]['rtn_msg'], "</td>", 	
-							"<td id='payment_type_", mno, "' style='text-align:center; '>", jdata[idx]['payment_type'], "</td>", 							
-							"<td id='invoice_no_", mno, "' style='text-align:center; '>", jdata[idx]['invoice_no'], "</td>", 
-                    		"<td id='end_time_", mno, "' style='text-align:center; '>", jdata[idx]['end_time'], "</td>", 	
-                    		"<td id='next_start_time_", mno, "' style='text-align:center; '>", jdata[idx]['next_start_time'], "</td>", 	
-							"<td id='next_end_time_", mno, "' style='text-align:center; '>", jdata[idx]['next_end_time'], "</td>", 	
-							"<td id='member_name_", mno, "' style='text-align:center; '>", jdata[idx]['member_name'], "</td>", 
-							"<td id='company_no_", mno, "' style='text-align:center; '>", jdata[idx]['company_no'], "</td>", 
-							"<td id='email_", mno, "' style='text-align:center; '>", jdata[idx]['email'], "</td>", 
-							"<td id='mobile_", mno, "' style='text-align:center; '>", jdata[idx]['mobile'], "</td>", 
-							"<td id='tx_time_", mno, "' style='text-align:center; '>", jdata[idx]['tx_time'], "</td>", 
-                    	"</tr>"]);
-                    }
-                	$("#tx_bill_ats_list").append(tx_bill_ats_list.join(''));  
-            	}
-        	});  
-        	break; 			
-                           
-        <?php /* ----- 入場查詢 ----- */ ?>    
-        case "carin_query":
-        	$("#lpr_query").val(""); 
-            $("#carin_query_list").hide();
-        	break;       
-            
-        <?php /* 進出場現況表 */ ?>    
-        case "cario_list":
-            $.ajax
-        	({
-        		url: "<?=APP_URL?>cario_list",
-            	type: "post", 
-            	dataType:"json",
-            	data: {},
-            	success: function(jdata)
-            	{       
-                	for(idx in jdata)
-                    {                                         
-                    	$("#cario_"+idx+">[data-tag=io_name]").text(jdata[idx]['io_name']);
-                    	$("#cario_"+idx+">[data-tag=io_time]").html(jdata[idx]['io_time']);
-						
-						// 車辨失敗可新增車號
-						if(jdata[idx]['lpr'] == 'NONE')
-							$("#cario_"+idx+">[data-tag=lpr]").html('<span style="font-size:16px;">車辨失敗</span><br/><button class="btn-default" onclick="show_upd_cario_dialog(' + jdata[idx]['cario_no'] + ', \'' + jdata[idx]['lpr'] + '\');">輸入車號</button>');
-						else
-							$("#cario_"+idx+">[data-tag=lpr]").html('<span style="font-size:28px;">' + jdata[idx]['lpr'] +'</span>');
-						
-                    	$("#cario_"+idx+">[data-tag=etag]").text(jdata[idx]['etag']);
-                    	$("#cario_"+idx+">[data-tag=owner]").text(jdata[idx]['owner']);
-                    	$("#cario_"+idx+">[data-tag=pic_name]>img").attr("src",jdata[idx]['pic_name']);   
-                    }
-            	}
-        	}); 
-            
-            // connect the client
-			// client.connect({onSuccess:onConnect}); //mqtt
-        	break;
-                  
-        <?php /* 調撥車道 */ ?>    
-        case "reversible_lane":
-            $.ajax
-        	({
-        		url: "<?=APP_URL?>reversible_lane_query",
-            	type: "post", 
-            	dataType:"json",
-            	data: {},
-            	success: function(jdata)
-            	{       
-                	for(idx in jdata)
-                    {          
-                    	$("input[name=lane_"+idx+"][value='"+jdata[idx]+"']").prop("checked", true);                         
-                    }
-            	}
-        	}); 
-        	break;   
-            
-        // ----- 在席查核 -----   
-        case "pks_check":   
-        	$("#pks_list_tbody").html("");
-            $.ajax
-        	({
-        		url: "<?=APP_URL?>pks_check_list",	// 讀入在席車號查無資料清單
-            	type: "post", 
-            	dataType:"json",
-            	data: {},
-            	success: function(jdata)
-            	{               
-                	$("#tot_pks_check").text(jdata.length);    
-                	for(idx in jdata)
-                    {          
-                    	str = "<tr onclick='correct_lpr(\""+jdata[idx]["pksno"]+"\", \""+jdata[idx]["lpr"]+"\");'>" +
-                        "<td class='cario_list' style='vertical-align:middle;' data-tag='pksno'>"+jdata[idx]["pksno"]+"</td>" +                        
-                        "<td class='cario_list' style='vertical-align:middle;' data-tag='lpr'>"+jdata[idx]["lpr"]+"</td>" +                        
-                        "<td class='cario_list' style='vertical-align:middle;' data-tag='in_time'>"+jdata[idx]["in_time"]+"</td>" +                        
-                        "<td class='cario_list' style='vertical-align:middle;' data-tag='pic_name'><img height='57' width='150' class='resize' src='http://203.75.167.89/pkspic/"+jdata[idx]["pic_name"]+"' /></td></tr>";
-                        $("#pks_list_tbody").append(str);                        
-                    }
-                    
-                	set_resize();
-            	}
-        	}); 
-        	break;
-            
-        // ----- 入場查核 -----   
-        case "carin_check":     
-        	$("#carin_list_tbody").html("");
-            $.ajax
-        	({
-        		url: "<?=APP_URL?>carin_check_list",	// 讀入入場車號查核在席無資料清單
-            	type: "post", 
-            	dataType:"json",
-            	data: {},
-            	success: function(jdata)
-            	{               
-                	$("#tot_carin_check").text(jdata.length);    
-                	for(idx in jdata)
-                    {          
-                    	str = "<tr onclick='correct_carin_lpr(\""+jdata[idx]["cario_no"]+"\", \""+jdata[idx]["lpr"]+"\", \""+jdata[idx]['in_time']+"\");'>" +
-                        "<td class='cario_list' style='vertical-align:middle;' data-tag='lpr'>"+jdata[idx]["lpr"]+"</td>" +                        
-                        "<td class='cario_list' style='vertical-align:middle;' data-tag='in_time'>"+jdata[idx]["in_time"]+"</td>" +                        
-                        "<td class='cario_list' style='vertical-align:middle;' data-tag='type'>"+jdata[idx]["type"]+"</td>" +                        
-                        "<td class='cario_list' style='vertical-align:middle;' data-tag='pic_name'><img height='57' width='150' class='resize' src='http://203.75.167.89/carpic/"+jdata[idx]["pic_name"]+"' /></td></tr>";
-                        $("#carin_list_tbody").append(str);                        
-                    }
-                    
-                	set_resize();
-            	}
-        	});
-        	break;
-            
-        default:
-        	break;
-    }
-    
-	$("[data-items]").hide();
-	$("[data-items="+tags+"]").show();
-    return false;
-}        
-
-
-<?php /* ----- 以車號查詢入場資料 ----- */ ?>
-function carin_lpr_query()
-{                      
-	var lpr = $("#lpr_query").val().toUpperCase();
-	if ( lpr == "")
-    {
-     	alert("車號欄位必填");
-        return false;
-    } 
-    
-    $.ajax
-    ({
-    	url: "<?=APP_URL?>carin_lpr_query/"+lpr,
-        type: "post", 
-        dataType:"json",
-        data: {},
-        success: function(jdata)
-        {                      
-        	if (jdata.length == 0)
-            {
-            	alert("查無此車 !");
-                return false;
-            }                
-                    
-            var str = "";              
-        	for(idx in jdata)
-            {           
-            	str +=	"<tr><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['io_name']+
-            			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['io_time']+
-            			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['lpr']+
-            			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['etag']+
-            			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['owner']+
-                        "</td><td style='text-align:center;vertical-align:middle;'><img height='57' width='150' class='carin_resize' src='"+jdata[idx]['pic_name']+
-                        "' /></td></tr>";
-            }
-                        
-            $("#carin_query_tbody").html(str);
-                        
-            <?php /* mouse滑過時放大照片 */ ?>
-			$('.carin_resize').hover
-    		(         
-    			function()
-        		{       
-        			pos_x = $(this).position().left;
-        			pos_y = $(this).position().top;
-            
-            		$("#works").css
-            		({	"position":"absolute",
-            			"top":pos_y,
-                		"left":pos_x
-            		}).html("<img src='"+$(this).attr("src")+"' width='300px' height='140px' />").show();
-    			},
-    			function()
-        		{                                 
-					$("#works").hide();        
-    			}
-			);
-            
-            $("#carin_query_list").show();
-        }
-    });
-}  
-
-                 
-
-<?php /* ----- 以時間查詢入場資料 ----- */ ?>
-function carin_time_query()
-{                      
-	var time_query = $("#carin_time_query").val();
-	if (time_query == "")
-    {
-     	alert("時間欄位必填");
-        return false;
-    } 
-    
-    $.ajax
-    ({
-    	url: "<?=APP_URL?>carin_time_query/",
-        type: "post", 
-        dataType:"json",
-        data: {"time_query":time_query, "minutes_range":$("#minutes_range").val()},
-        success: function(jdata)
-        {       
-        	var str = "";              
-        	for(idx in jdata)
-            {           
-            	str +=	"<tr><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['io_name']+
-            			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['io_time']+
-            			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['lpr']+
-            			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['etag']+
-            			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['owner']+
-                        "</td><td style='text-align:center;vertical-align:middle;'><img height='57' width='150' class='carin_resize' src='"+jdata[idx]['pic_name']+
-                        "' /></td></tr>";
-            }
-                        
-            $("#carin_query_tbody").html(str);
-                        
-            <?php /* mouse滑過時放大照片 */ ?>
-			$('.carin_resize').hover
-    		(         
-    			function()
-        		{       
-        			pos_x = $(this).position().left;
-        			pos_y = $(this).position().top;
-            
-            		$("#works").css
-            		({	"position":"absolute",
-            			"top":pos_y,
-                		"left":pos_x
-            		}).html("<img src='"+$(this).attr("src")+"' width='300px' height='140px' />").show();
-    			},
-    			function()
-        		{                                 
-					$("#works").hide();        
-    			}
-			);
-            
-            $("#carin_query_list").show();
-        }
-    });
-}  
-
-// 車辨失敗查詢
-function carin_none_query()
-{                      
-	var time_query = $("#carin_none_query").val();
-	if (time_query == "")
-    {
-     	alert("時間欄位必填");
-        return false;
-    }
-    
-    $.ajax
-    ({
-    	url: "<?=APP_URL?>carin_none_query/",
-        type: "post", 
-        dataType:"json",
-        data: {"time_query":time_query, "hours_range":$("#hours_range").val()},
-        success: function(jdata)
-        {       
-        	var content_arr = [];              
-        	for(idx in jdata)
-            {           
-            	content_arr = content_arr.concat([
-									"<tr><td style='text-align:center;vertical-align:middle;'>", jdata[idx]['io_name'], 
-									"</td><td style='text-align:center;vertical-align:middle;'>", jdata[idx]['io_time'],
-									"</td><td style='text-align:center;vertical-align:middle;'>"
-							]);
-									
-				// 車辨失敗可新增車號
-				content_arr = content_arr.concat([
-								'<span style="font-size:16px;">車辨失敗</span><br/><button class="btn-default" onclick="show_upd_cario_dialog(', jdata[idx]['cario_no'], ', \'', jdata[idx]['lpr'], '\');">輸入車號</button>'
-							]);
-									
-				content_arr = content_arr.concat([
-									"</td><td style='text-align:center;vertical-align:middle;'>", jdata[idx]['etag'], 
-									"</td><td style='text-align:center;vertical-align:middle;'>", jdata[idx]['owner'], 
-									"</td><td style='text-align:center;vertical-align:middle;'>", 
-										"<img height='57' width='150' class='carin_resize' src='", jdata[idx]['pic_name'], "' /></td></tr>"
-							]);
-            }
-                        
-            $("#carin_query_tbody").html(content_arr.join(''));
-                        
-            <?php /* mouse滑過時放大照片 */ ?>
-			$('.carin_resize').hover
-    		(         
-    			function()
-        		{       
-        			pos_x = $(this).position().left;
-        			pos_y = $(this).position().top;
-            
-            		$("#works").css
-            		({	"position":"absolute",
-            			"top":pos_y,
-                		"left":pos_x
-            		}).html("<img src='"+$(this).attr("src")+"' width='300px' height='140px' />").show();
-    			},
-    			function()
-        		{                                 
-					$("#works").hide();        
-    			}
-			);
-            
-            $("#carin_query_list").show();
-        }
-    });
-}  
-
-                           
-<?php /* 修改或刪除選項 */ ?>
-function member_modify(member_no)
-{
-	select_item = $("#sel_"+member_no).val();
-    switch(select_item)
-    {
-     	case "choice":<?php /* 請選擇(忽略不處理) */ ?>
-        	return flase;
-        
-        case "modify": 
-            $("#ma_lpr").val($("#lpr_"+member_no).text());
-            $("#ma_old_lpr").val($("#lpr_"+member_no).text());
-            $("#ma_member_id").val($("#lpr_"+member_no).data("member_id"));
-            $("#ma_tel_o").val($("#lpr_"+member_no).data("tel_o"));
-            $("#ma_tel_h").val($("#lpr_"+member_no).data("tel_h"));
-            $("#ma_addr").val($("#lpr_"+member_no).data("addr"));
-            //$("#ma_start_date").val($("#sdate_"+member_no).text());
-			//$("#ma_end_date").val($("#edate_"+member_no).text());
-			//$("#ma_start_date").val($("#sdate_"+member_no).text().split(' ')[0]);
-			//$("#ma_end_date").val($("#edate_"+member_no).text().split(' ')[0]);
-			$("#ma_start_date").val($("#sdate_"+member_no).text().replace(' ', 'T'));
-			$("#ma_end_date").val($("#edate_"+member_no).text().replace(' ', 'T'));
-            $("#ma_member_name").val($("#name_"+member_no).text());
-            $("#ma_mobile_no").val($("#mobile_"+member_no).text());
-            $("#ma_contract_no").val($("#contract_"+member_no).text());
-            $("#ma_etag").val($("#etag_"+member_no).text());
-            $("#ma_amt").val($("#amt_"+member_no).text());
-            $("#ma_member_no").val(member_no);
-    		$("#member_data_type").text("修改會員資料");
-        	show_item("member_add", "member_modify"); 
-        	break;
-            
-        case "delete":
-			if (!confirm("確定刪除嗎 ?"))	return false;
-                                   
-			$.ajax
-    		({     
-        		url:"<?=APP_URL?>member_delete",
-            	type:"post",
-            	dataType:"text",  
-            	data:{"member_no":member_no},
-            	success:function(jdata)
-            	{
-                	if (jdata == "ok")
-                    {
-                		alert("刪除成功 !");
-                        show_item("member_query", "member_query");
-                    }  
-                }        
-    		});        
-        	break;
-    }	
-}  
-          
-
-<?php /* 每隔固定時間, 檢查剩餘車位數 */ ?>                 
-function available_check(time_point)
-{                           
-	$.ajax
-    ({     
-    	url:"<?=APP_URL?>available_check",
-        type:"post",
-        dataType:"json",  
-        data:{"time_point":time_point},
-        success:function(jdata)
-        {           
-        	for(idx in jdata)
-            {           
-            	if (idx == 0) { continue; }
-                
-                stno = jdata[idx]['station_no'];                                      
-                $("[data-stno_curr="+stno+"]>[data-tag=station_no]").text(stno);
-                $("[data-stno_curr="+stno+"]>[data-tag=name]").text(jdata[idx]['name']);
-                $("[data-stno_curr="+stno+"]>[data-tag=tot_pkg]").text(jdata[idx]['tot_pkg']);
-                $("[data-stno_curr="+stno+"]>[data-tag=ava_pkg]").text(jdata[idx]['ava_pkg']);
-                $("[data-stno_curr="+stno+"]>[data-tag=used_pkg]").text(jdata[idx]['used_pkg']);
-                $("[data-stno_curr="+stno+"]>[data-tag=ratio_pkg]").text(jdata[idx]['ratio_pkg']); 
-            }        
-			window.clearTimeout(timer);
-    		timer = window.setTimeout("available_check("+jdata[0]['time_point']+")", timeout_sec * 1000);
-        }
-    });                     
-}
-
-
-<?php /* 讀出剩餘車位數供清單用 */ ?>
-function available_curr()
-{                   
-	$.ajax
-    ({
-        	url: "<?=APP_URL?>available_set",
-            type: "post",
-            dataType:"json",
-            success: function(jdata)
-            {
-                $("#available_curr_tbody").html("");	<?php /* 重設剩餘車位數 */ ?>
-                for(idx in jdata)
-                {     
-                	if (idx == 0) { continue; }                                           
-                	stno = jdata[idx]['station_no'];
-                	$("#available_curr_wk>[data-tag=station_no]").text(stno);
-                	$("#available_curr_wk>[data-tag=name]").text(jdata[idx]['name']);
-                	$("#available_curr_wk>[data-tag=tot_pkg]").text(jdata[idx]['tot_pkg']);
-                	$("#available_curr_wk>[data-tag=ava_pkg]").text(jdata[idx]['ava_pkg']);
-                	$("#available_curr_wk>[data-tag=used_pkg]").text(jdata[idx]['used_pkg']);
-                	$("#available_curr_wk>[data-tag=ratio_pkg]").text(jdata[idx]['ratio_pkg']);
-                    $("<tr data-stno_curr='"+stno+"'>"+$("#available_curr_wk").html()+"</tr>").appendTo("#available_curr_tbody"); 
-                }  
-                $("#available_curr").show(); 
-                timer = window.setTimeout("available_check("+jdata[0]['time_point']+")", timeout_sec * 1000);
-            }
-    });
-}
-
-
-<?php /* 讀出剩餘車位數供設定用 */ ?>
-function available_set()
-{     
-	$.ajax
-        ({
-        	url: "<?=APP_URL?>available_set",
-            type: "post",
-            dataType:"json",
-            success: function(jdata)
-            {
-                $("#available_tbody").html("");	<?php /* 重設剩餘車位數 */ ?>
-                for(idx in jdata)
-                {        
-                	if (idx == 0) { continue; }
-                                                                   
-                	st_no = jdata[idx]['station_no'];
-                	$("#available_list>[data-tag=station_no]").text(st_no);
-                	$("#available_list>[data-tag=name]").html("<input id='st_name_"+st_no+"' value='"+jdata[idx]['name']+"' class='form-control' />");
-                	$("#available_list>[data-tag=tot_pkg]").html("<input id='st_tot_"+st_no+"' value='"+jdata[idx]['tot_pkg']+"' class='form-control input-sm' />");
-                	$("#available_list>[data-tag=ava_pkg]").html("<input id='st_ava_"+st_no+"' value='"+jdata[idx]['ava_pkg']+"' class='form-control input-sm' />");
-                	$("#available_list>[data-tag=used_pkg]").text(jdata[idx]['used_pkg']);
-                	$("#available_list>[data-tag=ratio_pkg]").text(jdata[idx]['ratio_pkg']);
-                	$("#available_list>[data-tag=edits]").html("<button onclick=\"available_update('"+st_no+"');\">修改</button>"); 
-                    $("<tr data-st_no='"+st_no+"'>"+$("#available_list").html()+"</tr>").appendTo("#available_tbody"); 
-                }  
-                <?php /* 清除最後一筆的暫存資料, 以免最後一筆的id發生重覆 */ ?>
-                $("#available_list>[data-tag=name]").html("");
-                $("#available_list>[data-tag=tot_pkg]").html("");
-                $("#available_list>[data-tag=ava_pkg]").html("");
-                $("#available_set").show();
-            }
-    }); 
-}  
-                                  
-<?php /* 剩餘車位數更新 */ ?>
-function available_update(station_no)
-{             
-	$.ajax
-    ({
-        url: "<?=APP_URL?>available_update", 
-        dataType:"json",
-        type:"post",
-        data:{"station_no":station_no, "st_name":$("#st_name_"+station_no).val(), "tot_pkg":$("#st_tot_"+station_no).val(), "ava_pkg":$("#st_ava_"+station_no).val()},
-        success:function(jdata)
-        {     
-        	$("#available_tbody>tr[data-st_no="+station_no+"]>[data-tag=used_pkg]").text(jdata['used_pkg']);
-        	$("#available_tbody>tr[data-st_no="+station_no+"]>[data-tag=ratio_pkg]").text(jdata['ratio_pkg']);
-         	alert($("#st_name_"+station_no).val()+"("+station_no+") 已更新完成 !");
-    	}
-    }); 
-}
-
-var current_h;
-var current_w;
-
-$(document).ready(function()   
-{                                    
-	$(".cario_list").css({"vertical-align":"middle"});<?php /* 進出場實況表,強制垂直置中 */ ?> 
-    
-	$("#member_add").submit(function(event)
-	{                   
-    	if ($("#ma_member_no").val() == "0")
-        {
-        	$("#ma_old_lpr").val($("#ma_lpr").val());
-        }
-    	event.preventDefault();
-        $.ajax
-        ({
-        	url: "<?=APP_URL?>member_add",
-            type: "post", 
-            dataType:"text",
-            data: $(this).serialize(),
-            success: function(jdata)
-            {         
-            	if (jdata == "ok")
-                {                             
-                	$("#ma_lpr").val("");
-                	$("#ma_old_lpr").val("");
-                	$("#ma_etag").val("");
-                	$("#ma_start_date").val("");
-                	$("#ma_end_date").val("");
-                	$("#ma_member_name").val("");
-                	$("#ma_mobile_no").val("");
-                	$("#ma_contract_no").val("");
-                	$("#ma_member_id").val("");
-                	$("#ma_tel_h").val("");
-                	$("#ma_tel_o").val("");
-                	$("#ma_addr").val("");
-                	$("#ma_member_no").val("0");
-                	alert("月租資料存檔完成 !");
-                    show_item('member_query', 'member_query');
-                } 
-                else
-                {
-                 	alert(jdata);
-                }
-            }
-        }); 
-    });
-        
-    set_resize();	// 建立放大照片
-                            
-    // 調撥車道設定
-	$('#lane_form input[type=radio]').change(function() 
-    {       
-    	lane_no = $(this).data("lane_no"); 
-		$.ajax
-    	({
-        	url: "<?=APP_URL?>reversible_lane_set", 
-        	dataType:"text",
-        	type:"post",
-        	data:{"lane_no":lane_no, "actions":$(this).val()},
-        	success:function(jdata)
-        	{     
-    		}                                                                          
-    	}); 
-    
-    	return true;
-	}); 
-	
-	
-	// Custom: altob-keyaction
-  	// ********************
-	$.extend($.keyboard.keyaction, {
-		accept : function(base) {
-			base.close(true); // same as base.accept();
-			
-			// do something
-			
-			return false;     // return false prevents further processing
-		}
-	});
-	
-	// Custom: altob-input
-  	// ********************
-  	$('#upd_cario_lpr, #cms_lpr').keyboard({
-
-		usePreview: false,
-	
-		css : {
-		  // input & preview styles
-		  input          : 'ui-widget-content ui-corner-all',
-		  // keyboard container - this wraps the preview area (if `usePreview` is true) and all keys
-		  container      : 'ui-widget-content ui-widget ui-corner-all ui-helper-clearfix',
-		  // default keyboard button state, these are applied to all keys, the remaining css options are toggled as needed
-		  buttonDefault  : 'ui-state-default ui-corner-all',
-		  // hovered button
-		  buttonHover    : 'ui-state-hover',
-		  // Action keys (e.g. Accept, Cancel, Tab, etc); this replaces the "actionClass" option
-		  buttonAction   : 'ui-state-active',
-		  // used when disabling the decimal button {dec} when a decimal exists in the input area
-		  buttonDisabled : 'ui-state-disabled'
-		},
-		
-		position : {
-		  // null (attach to input/textarea) or a jQuery object (attach elsewhere)
-		  of : null,
-		  my : 'center top',
-		  at : 'center top',
-		  // at2 is used when "usePreview" is false (centers keyboard at the bottom
-		  // of the input/textarea)
-		  at2: 'center bottom',
-		  collision: 'flipfit flipfit'
-		},
-
-  		display: {
-  			'bksp'    : '\u2190',
-  			'default' : 'ABC',
-  			'accept'  : '確 認'
-  		},
-
-  		layout: 'custom',
-
-  		customLayout: {
-
-  			'default': [
-  				'1 2 3 4 5 6 7 8 9 0 {bksp}',
-  				'Q W E R T Y U I O P',
-  				'A S D F G H J K L',
-  				'Z X C V B N M {accept}'
-  			]
-
-  		}
-
-  	});
-	
-}); 
-
-function opendoors(lane_no)
-{
-	$.ajax
-    ({
-        url: "<?=APP_URL?>opendoors/"+lane_no, 
-        dataType:"text",
-        type:"post",
-        data:{},
-        success:function(jdata)
-        {     
-    	}                                                                          
-    }); 
-    
-    return true;
-}    
-             
-// 設定放大照片
-function set_resize()
-{
-	$('.resize').hover
-    (         
-    	function()
-        {       
-        	pos_x = $(this).position().left - 100;
-        	pos_y = $(this).position().top - 100;
-            
-            $("#works").css
-            ({	"position":"absolute",
-            	"top":pos_y,
-                "left":pos_x
-            }).html("<img src='"+$(this).attr("src")+"' width='400px' height='240px' />").show();
-    	},
-    	function()
-        {                                 
-			$("#works").hide();        
-    	}
-	);   
-}     
-
-// 重設在席查核
-function reset_pks_check()
-{
-	$.ajax
-    ({
-        url: "<?=APP_URL?>reset_pks_check", 
-        dataType:"json",
-        type:"post",
-        data:{},
-        success:function(jdata)
-        {
-        	alert("重設在席查核完成,在席總計:"+jdata["tot"]+", 更新筆數:"+jdata["tot_correct"]);     
-    	}                                                                          
-    }); 
-}    
-
-
-// 更正在席車號
-function correct_lpr(pksno, lpr)
-{          
-	new_lpr = prompt("車格#"+pksno+"正確車號(大小寫皆可):", lpr);
-    if (new_lpr == "")	return false;  
-    
-	$.ajax
-    ({
-        url: "<?=APP_URL?>correct_pks_lpr/"+pksno+"/"+new_lpr.toUpperCase(), 
-        dataType:"json",
-        type:"post",
-        data:{},
-        success:function(jdata)
-        {                                                                            
-            msg_err = jdata["err"] == 0 ? "在席更新正確車號," : "在席或車號錯誤無法更新,";
-            msg_cario = jdata["cario_no"] == 0 ? "查無入場資料" : "且與入場資料相符";
-        	alert(msg_err+msg_cario); 
-            show_item('pks_check', 'pks_check');    
-    	}                                                                          
-    }); 
-}      
-
-
-// 更正在席車號
-function correct_carin_lpr(cario_no, lpr, in_time)
-{          
-	new_lpr = prompt("正確車號(大小寫皆可):", lpr);
-    if (new_lpr == "")	return false;
-    
-	$.ajax
-    ({
-        url: "<?=APP_URL?>correct_carin_lpr/"+cario_no+"/"+new_lpr.toUpperCase()+"/"+encodeURIComponent(in_time), 
-        dataType:"json",
-        type:"post",
-        data:{},
-        success:function(jdata)
-        {                                                                            
-            msg_pks = jdata["pksno"] == 0 ? "但無在席資料" : "且在席資料也更新完成 !";
-        	alert("入場資料更新完成, "+msg_pks); 
-            show_item('carin_check', 'carin_check');    
-    	}                                                                          
-    }); 
-}
-
-
-
-
-
-
-<?php /* 登出 */ ?>
-function logout(event)
-{
-	event.preventDefault();
-	$.ajax
-        ({
-        	url: "<?=APP_URL?>user_logout",
-            success: function(jdata)
-            {
-				window.location = "<?=APP_URL?>";
-            }
-	}); 
-}
-
-</script>
-
-
-
-
-
-
-<!-- ----- 進出資料建立小框 ----- -->
-<div class="modal fade" id="show_create_cario_dialog">
-<div class="modal-dialog" style="width:70%;height:100%">
-<div class="modal-content" style="width:70%;height:100%">
-<div class="modal-header"><h3>手動建立資料</h3></div>
-<div class="modal-body" style="max-height: calc(100vh - 210px); overflow-y: auto">
-<form id="show_create_cario_form" class="center-block">    
-<div class="main">
-<div class="dataTable_wrapper">
-<table class="table table-striped table-bordered table-hover" style="font-size:28px;">
-<tbody>
-
-<tr class="form-group">
-	<td style="text-align:right;">場站</td>
-	<td style="text-align:left;" id="create_cario_station_name"></td>
-</tr>
-<tr class="form-group">
-	<td style="text-align:right;">場站編號</td>
-	<td style="text-align:left;" id="create_cario_station_no"></td>
-</tr> 
-<!--tr class="form-group">
-<td style="text-align:right;">車道</td>
-	<td style="text-align:left;">
-		<div id="cms_ivsno_box"/>
-	</td>
-</tr-->
-<tr class="form-group">
-<td style="text-align:right;">進出場</td>
-	<td style="text-align:left;">
-		<div id="cms_io_box"/>
-	</td>
-</tr>
-<tr class="form-group">
-<td style="text-align:right;">車種</td>
-	<td style="text-align:left;">
-		<div id="cms_ctype_box"/>
-	</td>
-</tr>
-<tr class="form-group">
-	<td style="text-align:right;">車牌號碼</td>
-	<td style="text-align:left;">
-		<input id="cms_lpr" name="lpr" class="form-control" placeholder="限英數字碼" style="text-transform:uppercase;font-size:48px;height:56px;" />
-	</td>
-</tr> 
-
-
-</tbody>
-</table>                    
-<button type="button" class="btn btn-large btn-success pull-right" style="font-size:22px;"   onclick="do_create_cario();">確認送出</button>
-&nbsp;&nbsp;
-<button type="button" class="btn btn-large btn-cancel" onclick="$('#show_create_cario_dialog').modal('hide');">取消</button>
-</div><!-- ----- end of dataTable_wrapper ----- -->  
-</div><!-- ----- end of main ----- -->
-</form>
-</div><!-- end of modal-body --> 
-</div><!-- end of modal-content --> 
-</div><!-- end of modal-dialog -->
-</div><!-- end of modal show -->
-<!-- ----- 進出資料建立小框(結束) ----- -->  
-
-
-
-<script>  
-
-// 顯示新增車辨記錄
-function show_create_cario_dialog()
-{				
-	if(typeof AltobObject.station_no == 'undefined' || AltobObject.station_no == '' || AltobObject.station_no == 0)
-	{
-		alertify_msg("尚未設定場站。。");
-		return false;
-	}
-	
-	if(typeof AltobObject.xvars == 'undefined')
-	{
-		alertify_msg("未知的錯誤。。");
-		return false;
-	}
-
-	AltobObject.xvars["create_cario_info"] = {};
-	AltobObject.xvars["create_cario_info"]["station_no"] = AltobObject.station_no;
-
-	$("#create_cario_station_name").text(AltobObject.station_name);
-	$("#create_cario_station_no").text(AltobObject.station_no);
-	
-	// 進出場
-	var cms_io_content = [];
-	cms_io_content = cms_io_content.concat(["<select id='sel_cms_io_", AltobObject.station_no, "'><option value='choice'>請選擇</option>"]);
-	cms_io_content = cms_io_content.concat(["<option value='I'>進場</option>"]);
-	cms_io_content = cms_io_content.concat(["<option value='O'>離場</option>"]);
-	$("#cms_io_box").html('').html(cms_io_content.join(''));
-	
-	// 車種
-	var cms_ctype_content = [];
-	cms_ctype_content = cms_ctype_content.concat(["<select id='sel_cms_ctype_", AltobObject.station_no, "'><option value='choice'>請選擇</option>"]);
-	cms_ctype_content = cms_ctype_content.concat(["<option value='C'>汽車</option>"]);
-	cms_ctype_content = cms_ctype_content.concat(["<option value='M'>機車</option>"]);
-	$("#cms_ctype_box").html('').html(cms_ctype_content.join(''));
-	
-	// 車號
-	$("#cms_lpr").val('');
-	
-	$("#show_create_cario_dialog").modal({backdrop:false,keyboard:false});
-}
-	
-// 完成
-function do_create_cario()
-{
-	if (!confirm("確認資料無誤並送出 ?")) return false; 
-	
-	var station_no = AltobObject.xvars["create_cario_info"]["station_no"];
-	var io = $("#sel_cms_io_" + station_no).val();
-	var ctype = $("#sel_cms_ctype_" + station_no).val();
-	var lpr = $("#cms_lpr").val();
-	
-	if(!(station_no && lpr))
-	{
-		alertify_msg("資料不足。。");
-		return false;
-	}
-	
-	$.ajax
-    ({
-        url: "<?=APP_URL?>local_lprio", 
-        dataType: "text",
-        type:"post",
-        data:
-        {
-			"cmd": 1,
-        	"station_no":station_no,
-			"ivsno": 0,	//  都帶 0
-			"io":io,
-			"ctype":ctype,
-			"lpr":lpr
-        },
-		error:function(xhr, ajaxOptions, thrownError)
-        {
-			alertify_msg(xhr.responseText);
-        	console.log("error:"+xhr.responseText+"|"+ajaxOptions+"|"+thrownError);  
-        },
-        success:function(jdata)
-        {                                                                            
-			if (jdata == "ok")	
-            {                              
-				alertify_msg("操作完成。。");
-				
-				show_item('cario_list', 'cario_list');	// 更新
-            }
-            else
-            {
-				alertify_msg("操作失敗。。" + jdata);
-            }
-        }
-    });
-    
-    delete AltobObject.xvars["create_cario_info"];
-    $('#show_create_cario_dialog').modal('hide'); 
-}
-</script>  
-
-
-
-<!-- ----- 進出資料修改小框 ----- -->
-<div class="modal fade" id="show_upd_cario_dialog">
-<div class="modal-dialog" style="width:70%;height:100%">
-<div class="modal-content" style="width:70%;height:100%">
-<div class="modal-header"><h3>手動建立資料</h3></div>
-<div class="modal-body" style="max-height: calc(100vh - 210px); overflow-y: auto">
-<form id="show_upd_cario_form" class="center-block">    
-<div class="main">
-<div class="dataTable_wrapper">
-<table class="table table-striped table-bordered table-hover" style="font-size:28px;">
-<tbody>
-
-<tr class="form-group">
-	<td style="text-align:right;">場站</td>
-	<td style="text-align:left;" id="upd_cario_station_name"></td>
-</tr>
-<tr class="form-group">
-	<td style="text-align:right;">場站編號</td>
-	<td style="text-align:left;" id="upd_cario_station_no"></td>
-</tr> 
-<tr class="form-group">
-	<td style="text-align:right;">車牌號碼</td>
-	<td style="text-align:left;">
-		<input id="upd_cario_lpr" name="lpr" class="form-control" placeholder="限英數字碼" style="text-transform:uppercase;font-size:48px;height:56px;" />
-	</td>
-</tr> 
-
-
-</tbody>
-</table>                    
-<button type="button" class="btn btn-large btn-success pull-right" style="font-size:22px;"   onclick="do_upd_cario();">確認送出</button>
-&nbsp;&nbsp;
-<button type="button" class="btn btn-large btn-cancel" onclick="$('#show_upd_cario_dialog').modal('hide');">取消</button>
-</div><!-- ----- end of dataTable_wrapper ----- -->  
-</div><!-- ----- end of main ----- -->
-</form>
-</div><!-- end of modal-body --> 
-</div><!-- end of modal-content --> 
-</div><!-- end of modal-dialog -->
-</div><!-- end of modal show -->
-<!-- ----- 進出資料修改小框(結束) ----- -->  
-
-
-
-<script>  
-
-// 顯示新增車辨記錄
-function show_upd_cario_dialog(cario_no, lpr)
-{				
-	if(typeof AltobObject.station_no == 'undefined' || AltobObject.station_no == '' || AltobObject.station_no == 0)
-	{
-		alertify_msg("尚未設定場站。。");
-		return false;
-	}
-	
-	if(typeof AltobObject.xvars == 'undefined')
-	{
-		alertify_msg("未知的錯誤。。");
-		return false;
-	}
-
-	AltobObject.xvars["upd_cario_info"] = {};
-	AltobObject.xvars["upd_cario_info"]["station_no"] = AltobObject.station_no;
-	AltobObject.xvars["upd_cario_info"]["cario_no"] = cario_no;
-	AltobObject.xvars["upd_cario_info"]["old_lpr"] = lpr;
-
-	$("#upd_cario_station_name").text(AltobObject.station_name);
-	$("#upd_cario_station_no").text(AltobObject.station_no);
-	
-	// 車號
-	if(lpr == 'NONE')
-		$("#upd_cario_lpr").val('');
-	else
-		$("#upd_cario_lpr").val(lpr);
-	
-	$("#show_upd_cario_dialog").modal({backdrop:false,keyboard:false});
-}
-	
-// 完成
-function do_upd_cario()
-{
-	if (!confirm("確認資料無誤並送出 ?")) return false; 
-	
-	var station_no = AltobObject.xvars["upd_cario_info"]["station_no"];
-	var cario_no = AltobObject.xvars["upd_cario_info"]["cario_no"];
-	var old_lpr = AltobObject.xvars["upd_cario_info"]["old_lpr"];
-	var new_lpr = $("#upd_cario_lpr").val();
-	
-	if(!(station_no && cario_no))
-	{
-		alertify_msg("資料不足。。");
-		return false;
-	}
-	
-	$.ajax
-    ({
-        url: "<?=APP_URL?>local_lprio", 
-        dataType: "text",
-        type:"post",
-        data:
-        {
-			"cmd": 2,
-        	"station_no":station_no,
-			"cario_no":cario_no,
-			"old_lpr":old_lpr,
-			"new_lpr":new_lpr
-        },
-		error:function(xhr, ajaxOptions, thrownError)
-        {
-			alertify_msg(xhr.responseText);
-        	console.log("error:"+xhr.responseText+"|"+ajaxOptions+"|"+thrownError);  
-        },
-        success:function(jdata)
-        {                                                                            
-			if (jdata == "ok")	
-            {                              
-				alertify_msg("操作完成。。");
-				
-				show_item('cario_list', 'cario_list');	// 更新
-            }
-            else
-            {
-				alertify_msg("操作失敗。。" + jdata);
-            }
-        }
-    });
-    
-    delete AltobObject.xvars["upd_cario_info"];
-    $('#show_upd_cario_dialog').modal('hide'); 
-}
-</script> 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+<!DOCTYPE html>
+<html lang="zh-TW">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="">
+    <meta name="author" content="">
+    <title>歐特儀管理系統</title>
+    <!-- Bootstrap Core CSS -->
+    <link href="<?=BOOTSTRAPS?>bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+    <!-- MetisMenu CSS -->
+    <link href="<?=BOOTSTRAPS?>bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">
+    <!-- Timeline CSS -->
+    <link href="<?=BOOTSTRAPS?>dist/css/timeline.css" rel="stylesheet">
+    <!-- Custom CSS -->
+    <link href="<?=BOOTSTRAPS?>dist/css/sb-admin-2.css" rel="stylesheet">
+    <!-- Morris Charts CSS -->
+    <link href="<?=BOOTSTRAPS?>bower_components/morrisjs/morris.css" rel="stylesheet">
+    <!-- Custom Fonts -->
+    <link href="<?=BOOTSTRAPS?>bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+    <style>                                            
+    	.cario_list{text-align:center;vertical-align:middle;}
+    </style>
+    
+</head>
+<body style="font-family:Microsoft JhengHei;">
+    <div id="wrapper">
+        <!-- Navigation -->
+        <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
+            <div class="navbar-header">
+                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span class="sr-only">Toggle navigation</span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+                <a class="navbar-brand" href="">歐特儀管理系統</a>
+            </div>
+            <!-- /.navbar-top-links(左側選單) -->
+            <div class="navbar-default sidebar" role="navigation">
+                <div class="sidebar-nav navbar-collapse">
+                    <ul class="nav" id="side-menu">
+                        <!--li>
+                            <a href="#"><i class="fa fa-edit fa-fw"></i>帳務管理<span class="fa arrow"></span></a>
+                            <ul class="nav nav-second-level">
+                                <li>
+                                    <a href="#" onclick="show_item('rent_sync_all', 'rent_sync_all');">全部更新</a>
+                                </li>
+                                <li>
+                                    <a href="#" onclick="show_item('rent_sync', 'rent_sync');">單站更新</a>
+                                </li>
+                                <li>
+                                    <a href="#" onclick="show_item('rent_report', 'rent_report');">月租日報表</a>
+                                </li>
+								<li>
+                                    <a href="#" onclick="show_item('tx_bill_query', 'tx_bill_query');">行動支付記錄</a>
+                                </li>
+								<li>
+                                    <a href="#" onclick="show_item('tx_bill_ats_query', 'tx_bill_ats_query');">月租繳款機記錄</a>
+                                </li>
+                            </ul>
+                        </li-->   
+                        <li>
+                            <a href="#"><i class="fa fa-user fa-fw"></i>現場管理<span class="fa arrow"></span></a>
+                            <ul class="nav nav-second-level">     
+                                <li>
+                                    <a href="#" onclick="show_item('carin_query', 'carin_query');">出入場記錄</a>
+                                </li>      
+                                <li>
+                                    <a href="#" onclick="show_item('cario_list', 'cario_list');">進出場現況表</a>
+                                </li>
+								<li>
+                                    <a href="#" onclick="show_item('member_query', 'member_query');">會員現況</a>
+                                </li>     								
+                                <!--li>
+                                    <a href="#" onclick="show_item('reversible_lane', 'reversible_lane');">調撥車道</a>
+                                </li>
+                                <li>
+                                    <a href="#" onclick="show_item('member_add', 'member_add');">會員加入</a>
+                                </li>
+                                <li>
+                                    <a href="#" onclick="show_item('opendoors', 'opendoors');">出入口開門</a>
+                                </li-->  
+                            </ul>
+                            <!-- /.nav-second-level -->
+                        </li>      
+
+						<li>
+                            <a href="#"><i class="fa fa-user fa-fw"></i>在席管理<span class="fa arrow"></span></a>
+                            <ul class="nav nav-second-level">     
+                                <li>
+                                    <a href="#" onclick="show_item('pks_group_query', 'pks_group_query');">剩餘車位數</a>
+                                </li>
+                            </ul>
+                        </li>			
+						<li>
+                            <a href="#"><i class="fa fa-user fa-fw"></i>場站設定<span class="fa arrow"></span></a>
+                            <ul class="nav nav-second-level">     
+                                <li>
+                                    <a href="#" onclick="show_item('station_setting', 'station_setting');">設定檔</a>
+                                </li>
+                            </ul>
+                        </li>							
+                          
+                        <!--li>
+                            <a href="#"><i class="fa fa-user fa-fw"></i>查核<span class="fa arrow"></span></a>
+                            <ul class="nav nav-second-level">     
+                                <li>
+                                    <a href="#" onclick="show_item('pks_check', 'pks_check');">在席查核</a>
+                                </li>        
+                                <li>
+                                    <a href="#" onclick="reset_pks_check();">重設在席查核</a>
+                                </li> 
+                                <li>
+                                    <a href="#" onclick="show_item('carin_check', 'carin_check');;">入場查核</a>
+                                </li>   
+                            </ul>
+                        </li-->
+			<li>
+                            <a href="#"><i class="fa fa-user fa-fw"></i>報表<span class="fa arrow"></span></a>
+                            <ul class="nav nav-second-level">     
+                                <li>
+									<a href="<?=SERVER_URL?>reports.html/Vghtc_report_month?month=<?php echo date('m',mktime(0,0,0,(date('m')-1),1,date('Y')));?>" target="_blank"><i class="fa fa-user fa-fw"></i>車流量表(日)</a>
+                                </li>
+                                <li>
+									<a href="<?=SERVER_URL?>reports.html/Vghtc_report_daily?month=<?php echo date('m',mktime(0,0,0,(date('m')-1),1,date('Y')));?>" target="_blank"><i class="fa fa-user fa-fw"></i>車流量表(時)</a>
+                                </li>
+                                <!--li>
+									<a href="<?=SERVER_URL?>reports.html/Cario_seat_report_day" target="_blank"><i class="fa fa-user fa-fw"></i>停車時間分析表</a>
+                                </li-->
+
+                            </ul>
+                        </li>							
+						
+			<!--li>
+                            <a href="http://59.124.122.113/login" target="_blank"><i class="fa fa-user fa-fw"></i>QR Code申請列印<span class="fa arrow"></span></a>
+                        </li>
+			<li>
+                            <a href="http://61.219.172.11:60123/admins_station.html/" target="_blank"><i class="fa fa-user fa-fw"></i>月租系統<span class="fa arrow"></span></a>
+                        </li>
+			<li>
+                            <a href="http://61.219.172.11:60123/altob_service.html/" target="_blank"><i class="fa fa-user fa-fw"></i>營收回報系統<span class="fa arrow"></span></a>
+                        </li-->
+
+						<li>
+							<a href="#" onclick="logout(event)">登出</a>
+						</li>
+						
+                    </ul>
+                </div>
+                <!-- /.sidebar-collapse -->
+            </div>
+            <!-- /.navbar-static-side -->
+        </nav>
+        <div id="page-wrapper"><?php /* 主要資料顯示區 */ ?>
+            <div class="row">
+                <div class="col-lg-12">
+                    <h1 class="page-header">管理作業</h1><?php /* 右側小表頭 */ ?>
+                </div>
+                <!-- /.col-lg-12 -->
+            </div>
+            <!-- /.row -->    
+            <?php /* ----- 更新所有場站 ----- */ ?>
+            <div data-items="rent_sync_all" class="row">
+                <div class="col-lg-12">
+                    <div class="panel panel-default">
+                        <div class="panel-heading"><?php /* 資料顯示區灰色小表頭 */ ?>
+                            所有場站更新
+                        </div>
+                        <div class="panel-body">
+                            <div data-rows class="row">
+                                <div class="col-lg-6">
+                                    <form role="form" method="post" id="rent_sync_all" action="<?=APP_URL?>rent_sync"> 
+                                        <div class="form-group">
+                                            <label>開始日期</label>
+                                            <input type="date" name="start_date" class="form-control" />
+                                        </div>   
+                                        <div class="form-group">
+                                            <label>結束日期</label>
+                                            <input type="date" name="end_date" class="form-control" />
+                                        </div>                       
+                                        <input type="hidden" name="station_no" value="0" />
+                                        <button type="submit" class="btn btn-default">全部更新</button>
+                                        <button type="reset" class="btn btn-default">重填</button>
+                                    </form>
+                                </div>
+                                <!-- /.col-lg-6 (nested) -->
+                            </div>
+                            <!-- /.row (nested) -->    
+                            <div data-rows class="row"><?php /* ----- 全部更新後的訊息 ----- */ ?>
+                                <div id="msg_rent_sync_all" class="col-lg-6"></div>
+                            </div><?php /* ----- end 全部更新後的訊息 ----- */ ?>
+                        </div>
+                        <!-- /.panel-body -->
+                    </div>
+                    <!-- /.panel -->
+                </div>
+                <!-- /.col-lg-12 -->
+            </div>
+            <?php /* ----- 更新所有場站(結束) ----- */ ?>          
+            <?php /* ----- 單一場站月租異動同步 ----- */ ?>          
+            <div data-items="rent_sync" class="row" style="display:none;">
+                <div class="col-lg-12">
+                    <div class="panel panel-default">
+                        <div class="panel-heading"><?php /* 資料顯示區灰色小表頭 */ ?>
+                            單站更新
+                        </div>
+                        <div class="panel-body">
+                            <div data-rows class="row">
+                                <div class="col-lg-6">
+                                    <form role="form"  method="post" form_type="rent_sync" action="<?=APP_URL?>rent_sync">    
+                                    	<div class="form-group">
+                                            <label>場站</label>
+                                            <select name="station_no" class="form-control">
+                                                <option value="12109">文中國小</option>
+                                                <option>金城</option>
+                                                <option>板橋國中</option>
+                                                <option>二重疏洪道</option>
+                                                <option>中正紀念堂兩廳院</option>
+                                            </select>
+                                        </div>
+                                        <div class="form-group">
+                                            <label>開始日期</label>
+                                            <input type="date" name="start_date" class="form-control">
+                                        </div>   
+                                        <div class="form-group">
+                                            <label>結束日期</label>
+                                            <input type="date" name="end_date" class="form-control">
+                                        </div> 
+                                        <button type="submit" class="btn btn-default">單站更新</button>
+                                        <button type="reset" class="btn btn-default">重填</button>
+                                    </form>
+                                </div>
+                                <!-- /.col-lg-6 (nested) -->
+                            </div>
+                            <!-- /.row (nested) -->
+                        </div>
+                        <!-- /.panel-body -->
+                    </div>
+                    <!-- /.panel -->
+                </div>
+                <!-- /.col-lg-12 -->
+            </div>
+            <?php /* ----- 單一場站月租異動同步(結束) ----- */ ?>   
+                      
+            <?php /* ----- 剩餘車位清單 ----- */ ?> 
+            <div data-items="available_curr" class="row" style="display:none;">
+                <div class="col-lg-12">
+                    <div class="panel panel-default">
+                        <div class="panel-heading"><?php /* 資料顯示區灰色小表頭 */ ?>
+                            剩餘車位清單
+                        </div>
+                        <div class="panel-body">
+                            <div data-rows class="row">
+                                <div class="col-lg-12">
+                            	<div class="dataTable_wrapper">
+                                <table class="table table-striped table-bordered table-hover">
+                                    <thead>
+                                        <tr>
+                                            <th style="text-align:center;">編號</th>
+                                            <th style="text-align:left;">場站名稱</th>
+                                            <th style="text-align:right;">總數</th>
+                                            <th style="text-align:right;">空位數</th>
+                                            <th style="text-align:right;">入場數</th>
+                                            <th style="text-align:right;">使用率</th>
+                                        </tr>    
+                                        <tr id="available_curr_wk" style="display:none;"><?php /* 提供即時剩餘車位清單 */ ?>
+                                            <td data-tag="station_no" style="text-align:center;vertical-align: middle;"></td>
+                                            <td data-tag="name" style="text-align:left;vertical-align: middle;"></td>
+                                            <td data-tag="tot_pkg" style="text-align:right;vertical-align: middle;"></td>
+                                            <td data-tag="ava_pkg" style="text-align:right;vertical-align: middle;"></td>
+                                            <td data-tag="used_pkg" style="text-align:right;vertical-align: middle;"></td>
+                                            <td data-tag="ratio_pkg" style="text-align:right;vertical-align: middle;"></td>
+                                        </tr>                                     
+                                    </thead>
+                                    <tbody id="available_curr_tbody" style="font-size:14px;"></tbody>
+                                </table>
+                                </div>
+                                </div>
+                                <!-- /.col-lg-6 (nested) -->
+                            </div>
+                            <?php /* ----- 報表清單(結束) ----- */ ?> 
+                        </div>
+                        <!-- /.panel-body -->
+                    </div>
+                    <!-- /.panel -->
+                </div>
+                <!-- /.col-lg-12 -->
+            </div>   
+            <?php /* ----- 剩餘車位清單(結束) ----- */ ?> 
+            
+            <?php /* ----- 剩餘車位設定 ----- */ ?> 
+            <div data-items="available_set" class="row" style="display:none;">
+                <div class="col-lg-12">
+                    <div class="panel panel-default">
+                        <div class="panel-heading"><?php /* 資料顯示區灰色小表頭 */ ?>
+                            剩餘車位設定
+                        </div>
+                        <div class="panel-body">
+                            <div data-rows class="row">
+                                <div class="col-lg-12">
+                            	<div class="dataTable_wrapper">
+                                <table class="table table-striped table-bordered table-hover">
+                                    <thead>
+                                        <tr>
+                                            <th style="text-align:center;">編號</th>
+                                            <th style="text-align:left;">場站名稱</th>
+                                            <th style="text-align:left;">總數</th>
+                                            <th style="text-align:left;">空位數</th>
+                                            <th style="text-align:right;">入場數</th>
+                                            <th style="text-align:right;">使用率</th>
+                                            <th style="text-align:center;">設定</th>
+                                        </tr>   
+                                        <tr id="available_list" style="display:none;"><?php /* 提供設定剩餘車位設定 */ ?>
+                                            <td data-tag="station_no" style="text-align:center;vertical-align: middle;"></td>
+                                            <td data-tag="name" style="text-align:left;vertical-align: middle;"></td>
+                                            <td data-tag="tot_pkg" style="text-align:left;vertical-align: middle;"></td>
+                                            <td data-tag="ava_pkg" style="text-align:left;vertical-align: middle;"></td>
+                                            <td data-tag="used_pkg" style="text-align:right;vertical-align: middle;"></td>
+                                            <td data-tag="ratio_pkg" style="text-align:right;vertical-align: middle;"></td>
+                                            <td data-tag="edits" style="text-align:center;vertical-align: middle;"></td>
+                                        </tr>
+                                    </thead>
+                                    <tbody id="available_tbody" style="font-size:14px;"></tbody>
+                                </table>
+                                </div>
+                                </div>
+                                <!-- /.col-lg-6 (nested) -->
+                            </div>
+                            <?php /* ----- 報表清單(結束) ----- */ ?> 
+                        </div>
+                        <!-- /.panel-body -->
+                    </div>
+                    <!-- /.panel -->
+                </div>
+                <!-- /.col-lg-12 -->
+            </div>   
+            <?php /* ----- 剩餘車位設定(結束) ----- */ ?>   
+            <div data-items="member_add" class="row" style="display:none;"><?php /* 會員加入填寫資料 */ ?>
+                <div class="col-lg-12">
+                    <div class="panel panel-default">
+                        <div id="member_data_type" class="panel-heading">新增會員資料</div><?php /* 資料顯示區灰色小表頭 */ ?>
+                        <div class="panel-body">
+                            <div data-rows class="row">
+                                <div class="col-lg-6">
+                                    <form id="member_add" role="form" method="post" action="<?=APP_URL?>member_add">  
+                                        <div class="form-group">
+                                            <label>*場站</label>
+                                            <select class="form-control" name="station_no">
+                                                <option value="<?=STATION_NO?>" selected>本站</option>
+                                            </select>
+                                        </div>
+                                        <div class="form-group">
+                                            <label>*車牌號碼</label>
+                                            <input id="ma_lpr" name="lpr" class="form-control" placeholder="限英數字碼" style="text-transform:uppercase" />
+                                            <input id="ma_old_lpr" name="old_lpr" type="hidden" />
+                                        </div> 
+                                        <div class="form-group">
+                                            <label>eTag</label>
+                                            <input id="ma_etag" name="etag" class="form-control" placeholder="限英數字碼" style="text-transform:uppercase">
+                                        </div> 
+                                        <!--div class="form-group">
+                                            <label>*租期選項</label><br />
+                                            <label class="radio-inline">
+                                                <input type="radio" name="period_pay" id="optionsRadiosInline1" value="1" checked>月繳
+                                            </label>
+                                            <label class="radio-inline">
+                                                <input type="radio" name="period_pay" id="optionsRadiosInline2" value="2">雙月繳
+                                            </label>
+                                            <label class="radio-inline">
+                                                <input type="radio" name="period_pay" id="optionsRadiosInline3" value="3">季繳
+                                            </label> 
+                                            </label>
+                                            <label class="radio-inline">
+                                                <input type="radio" name="period_pay" id="optionsRadiosInline3" value="4">半年繳
+                                            </label>
+                                            </label>
+                                            <label class="radio-inline">
+                                                <input type="radio" name="optionsRadiosInline" id="optionsRadiosInline3" value="5">年繳
+                                            </label>
+                                        </div--> 
+                                        <div class="form-group">
+                                            <label>開始日期</label>
+											<!--input  id="ma_start_date" type="text" name="start_date" class="form-control"
+												data-validation="length" 
+												data-validation-length="1-20"
+												data-validation-error-msg="請輸入開始日期"/-->
+                                            <!--input  id="ma_start_date" type="datetime" name="start_date" class="form-control" /-->
+											<input  id="ma_start_date" type="datetime-local" name="start_date" class="form-control" step="1"/>
+                                        </div>   
+                                        <div class="form-group">
+                                            <label>結束日期</label>
+											<!--input id="ma_end_date" type="text" name="end_date" class="form-control"
+												data-validation="length" 
+												data-validation-length="1-20"
+												data-validation-error-msg="請輸入結束日期"/-->
+                                            <!--input id="ma_end_date" type="datetime" name="end_date" class="form-control" /-->
+											<input id="ma_end_date" type="datetime-local" name="end_date" class="form-control" step="1"/>
+                                        </div>
+                                        <div class="form-group">
+                                            <label>*姓名/公司名稱</label>
+                                            <input id="ma_member_name" name="member_name" class="form-control">
+                                        </div>
+                                        <div class="form-group">
+                                            <label>*手機</label>
+                                            <input   id="ma_mobile_no" name='mobile_no' class="form-control">
+                                        </div>   
+                                        <!-- div class="form-group">
+                                            <label>電子郵件</label>
+                                            <input name='email' class="form-control">
+                                        </div> 
+                                        <div class="form-group">
+                                            <label>車型</label>
+                                            <input name="car_model" class="form-control">
+                                        </div> 
+                                        <div class="form-group">
+                                            <label>顏色</label>
+                                            <input name="color" class="form-control">
+                                        </div>  
+                                        <div class="form-group">
+                                            <label>年份</label>
+                                            <input name="car_year" class="form-control">
+                                        </div -->       
+                                        <div class="form-group">
+                                            <label>合約號碼</label>
+                                            <input id="ma_contract_no" name="contract_no" class="form-control">
+                                        </div>             
+                                        <div class="form-group">
+                                            <label>租金金額</label>
+                                            <input id="ma_amt" name="amt" class="form-control">
+                                        </div>
+                                        <div class="form-group">
+                                            <label>身份證號/統一編號</label>
+                                            <input id="ma_member_id"  name="member_id" class="form-control">
+                                        </div>
+                                        <div class="form-group">
+                                            <label>電話(宅)</label>
+                                            <input id="ma_tel_h" name='tel_h' class="form-control">
+                                        </div> 
+                                        <div class="form-group">
+                                            <label>電話(公)</label>
+                                            <input  id="ma_tel_o" name='tel_o' class="form-control">
+                                        </div>           
+                                        <!--div class="form-group">
+                                            <label>里名</label>
+                                            <input name='village' class="form-control">
+                                        </div-->
+                                        <div class="form-group">
+                                            <label>地址</label>
+                                            <input id="ma_addr" name='addr' class="form-control">
+                                        </div>
+                                        <button type="submit" class="btn btn-default">存檔</button>
+                                        <button type="reset" class="btn btn-default">重填</button>
+                                        <input id="ma_member_no" type="hidden" name="member_no" value="0" />
+                                    </form>
+                                </div>
+                                <!-- /.col-lg-6 (nested) -->
+                            </div>
+                            <!-- /.row (nested) -->
+                        </div>
+                        <!-- /.panel-body -->
+                    </div>
+                    <!-- /.panel -->
+                </div>
+                <!-- /.col-lg-12 -->
+            </div>
+            <?php /* ----- 會員加入填寫資料(結束) ----- */ ?> 
+            
+            <?php /* ----- 會員查詢 ----- */?>
+            <div data-items="member_query" class="row" style="display:none;">
+                <div class="col-lg-12">
+                    <div class="panel panel-default">
+                        <div class="panel-heading">
+                            會員現況表
+                        </div>
+                        <!-- /.panel-heading -->
+                        <div class="panel-body">
+                            <div class="dataTable_wrapper">
+                                <table class="table table-striped table-bordered table-hover">
+                                    <thead>
+                                        <tr>
+                                            <th style="text-align:left;">車牌</th>
+                                            <th style="text-align:left;">姓名</th>
+                                            <th style="text-align:center;">手機</th>
+                                            <th style="text-align:center;">開始日</th>
+                                            <th style="text-align:center;">結束日</th>
+                                            <th style="text-align:center;">合約號</th>
+                                            <!--th style="text-align:center;">eTag</th>
+                                            <th style="text-align:center;">租金</th>
+                                            <th style="text-align:center;">功能</th-->
+											<th style="text-align:center;">有效期限</th>
+											<th style="text-align:center;">場站編號</th>
+											<th style="text-align:center;">更新時間</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody id="member_list" style="font-size:14px;"></tbody>
+                                </table>
+                            </div><?php /* ----- end of dataTable_wrapper ----- */?>  
+                        </div><?php /* ----- end of panel-body ----- */?>
+                    </div><?php /* ----- end of panel panel-default ----- */?>
+                </div><?php /* ----- end of col-lg-12 ----- */?>
+            </div>
+            <?php /* ----- 會員查詢(結束) ----- */?>
+			
+			<?php /* ----- 行動支付記錄 ----- */?>
+            <div data-items="tx_bill_query" class="row" style="display:none;">
+                <div class="col-lg-12">
+                    <div class="panel panel-default">
+                        <div class="panel-heading">
+                            行動支付記錄
+                        </div>
+                        <!-- /.panel-heading -->
+                        <div class="panel-body">
+                            <div class="dataTable_wrapper">
+                                <table class="table table-striped table-bordered table-hover">
+                                    <thead>
+                                        <tr>
+                                            <th style="text-align:left;">車牌</th>
+                                            <th style="text-align:left;">金額</th>
+                                            <th style="text-align:center;">支付訊息</th>
+                                            <th style="text-align:center;">支付種類</th>
+                                            <th style="text-align:center;">發票號碼</th>
+                                            <th style="text-align:center;">入場時間</th>
+                                            <th style="text-align:center;">結算時間</th>
+											<th style="text-align:center;">限時離場</th>
+                                            <th style="text-align:center;">發票統編</th>
+                                            <th style="text-align:center;">發票信箱</th>
+											<th style="text-align:center;">發票簡訊</th>
+											<th style="text-align:center;">交易時間</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody id="tx_bill_list" style="font-size:14px;"></tbody>
+                                </table>
+                            </div><?php /* ----- end of dataTable_wrapper ----- */?>  
+                        </div><?php /* ----- end of panel-body ----- */?>
+                    </div><?php /* ----- end of panel panel-default ----- */?>
+                </div><?php /* ----- end of col-lg-12 ----- */?>
+            </div>
+            <?php /* ----- 行動支付記錄(結束) ----- */?>
+			
+			<?php /* ----- 月租繳款機記錄 ----- */?>
+            <div data-items="tx_bill_ats_query" class="row" style="display:none;">
+                <div class="col-lg-12">
+                    <div class="panel panel-default">
+                        <div class="panel-heading">
+                            月租繳款機記錄
+                        </div>
+                        <!-- /.panel-heading -->
+                        <div class="panel-body">
+                            <div class="dataTable_wrapper">
+                                <table class="table table-striped table-bordered table-hover">
+                                    <thead>
+                                        <tr>
+                                            <th style="text-align:left;">車牌</th>
+                                            <th style="text-align:left;">金額</th>
+                                            <th style="text-align:center;">支付訊息</th>
+                                            <th style="text-align:center;">支付種類</th>
+                                            <th style="text-align:center;">發票號碼</th>
+                                            <th style="text-align:center;">到期日</th>
+                                            <th style="text-align:center;">續期開始日</th>
+											<th style="text-align:center;">續期到期日</th>
+											<th style="text-align:center;">會員名稱</th>
+                                            <th style="text-align:center;">發票統編</th>
+                                            <th style="text-align:center;">發票信箱</th>
+											<th style="text-align:center;">發票簡訊</th>
+											<th style="text-align:center;">交易時間</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody id="tx_bill_ats_list" style="font-size:14px;"></tbody>
+                                </table>
+                            </div><?php /* ----- end of dataTable_wrapper ----- */?>  
+                        </div><?php /* ----- end of panel-body ----- */?>
+                    </div><?php /* ----- end of panel panel-default ----- */?>
+                </div><?php /* ----- end of col-lg-12 ----- */?>
+            </div>
+            <?php /* ----- 月租繳款機記錄(結束) ----- */?>
+                                         
+            <?php /* ----- 出入場記錄 ----- */?>
+            <div data-items="carin_query" class="row" style="display:none;">
+                <div class="col-lg-12">
+                    <div class="panel panel-default">
+                        <div class="panel-heading">出入場記錄</div>
+                        <!-- /.panel-heading -->
+                        <div class="panel-body">       
+                            <div class="dataTable_wrapper">
+                                <table class="table table-striped table-bordered table-hover">
+                                	<tr> 
+                                    	<td style="text-align:right;">車號</td>   
+                                        <td style="text-align:left;"><input type="text" id="lpr_query" name="lpr_query" class="form-control" style="text-transform:uppercase" placeholder="請至少輸入四碼" /></td>
+                                    	<td style="text-align:left;"><input type="button" name="lpr_query" value="查詢" onclick="carin_lpr_query();" /></td>
+                                    </tr>
+                                    <!--tr> 
+                                    	<td style="text-align:right;">時間</td>   
+                                        <td style="text-align:left;">
+                                        	<input type="datetime-local" id="carin_time_query" />&nbsp;&nbsp;前後範圍
+                                        	<select name="minutes_range" id="minutes_range">
+												<option value="10" selected>10分鐘</option>
+												<option value="15">15分鐘</option>
+												<option value="20">20分鐘</option>
+												<option value="30">30分鐘</option>
+                                            </select>
+                                        </td>
+                                    	<td style="text-align:left;"><input type="button" value="查詢" onclick="carin_time_query();" /></td>
+                                    </tr-->   
+									<tr> 
+                                    	<td style="text-align:right;">入場<br/>車辨失敗</td>   
+                                        <td style="text-align:left;">
+                                        	<input type="datetime-local" id="carin_none_query"/>&nbsp;&nbsp;前後範圍
+                                        	<select name="hours_range" id="hours_range">
+												<option value="1" selected>1小時</option>
+												<option value="3">3小時</option>
+												<option value="12">12小時</option>
+												<option value="24">24小時</option>
+                                            </select>
+                                        </td>
+                                    	<td style="text-align:left;"><input type="button" value="查詢" onclick="carin_none_query();" /></td>
+                                    </tr> 
+                                </table>
+                            </div><?php /* ----- end of dataTable_wrapper ----- */?> 
+                            <!--div id="carin_query_list" class="dataTable_wrapper" style="display:none;"-->
+                            <div id="carin_query_list" class="dataTable_wrapper">
+                                <table id="lpr_query_list" class="table table-striped table-bordered table-hover">
+                                <thead>
+                                        <tr>
+                                            <th style="text-align:center;">出入口</th>
+                                            <th style="text-align:center;">時間</th>
+                                            <th style="text-align:center;">車號</th>
+                                            <th style="text-align:center;">eTag</th>
+                                            <th style="text-align:center;">車主</th>
+                                            <th style="text-align:center;">照片</th>
+                                        </tr> 
+    							</thead>
+    							<tbody id="carin_query_tbody" style="font-size:14px;"></tbody>
+                                </table>
+                            </div><?php /* ----- end of dataTable_wrapper ----- */?>  
+                        </div><?php /* ----- end of panel-body ----- */?>
+                    </div><?php /* ----- end of panel panel-default ----- */?>
+                </div><?php /* ----- end of col-lg-12 ----- */?>
+            </div>
+            <?php /* ----- 出入場記錄(結束) ----- */?>
+            
+            <?php /* ----- 進出場現況表 ----- */?>
+            <div data-items="cario_list" class="row" style="display:none;">
+                <div class="col-lg-12">
+                    <div class="panel panel-default">
+                        <div class="panel-heading">
+                            進出場現況表
+							&nbsp;<button id='create_cario_btn' class="btn btn-large btn-success pull-right" style="font-size:16px;" onclick='show_create_cario_dialog();'>手動建檔</button>
+                        </div>
+                        <!-- /.panel-heading -->
+                        <div class="panel-body">
+                            <div class="dataTable_wrapper">
+                                <table class="table table-striped table-bordered table-hover">
+                                    <thead>
+                                        <tr>
+                                            <th style="text-align:center;">出入口</th>
+                                            <th style="text-align:center;">時間</th>
+                                            <th style="text-align:center;">車號</th>
+                                            <th style="text-align:center;">eTag</th>
+                                            <th style="text-align:center;">車主</th>
+                                            <th style="text-align:center;">照片</th>
+                                        </tr>   
+                                    </thead>
+                                    <tbody id="cario_list_tbody" style="font-size:14px;">  
+                                    <tr id="cario_0">
+                                    <td class="cario_list" data-tag="io_name"></td>
+                                    <td class="cario_list" data-tag="io_time"></td>
+                                    <td class="cario_list" data-tag="lpr"></td>
+                                    <td class="cario_list" data-tag="etag"></td>
+                                    <td class="cario_list" data-tag="owner"></td>
+                                    <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>
+                                    </tr>    
+                                    <tr id="cario_1">
+                                    <td class="cario_list" data-tag="io_name"></td>
+                                    <td class="cario_list" data-tag="io_time"></td>
+                                    <td class="cario_list" data-tag="lpr"></td>
+                                    <td class="cario_list" data-tag="etag"></td>
+                                    <td class="cario_list" data-tag="owner"></td>
+                                    <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>
+                                    </tr>
+                                    <tr id="cario_2">
+                                    <td class="cario_list" data-tag="io_name"></td>
+                                    <td class="cario_list" data-tag="io_time"></td>
+                                    <td class="cario_list" data-tag="lpr"></td>
+                                    <td class="cario_list" data-tag="etag"></td>
+                                    <td class="cario_list" data-tag="owner"></td>
+                                    <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>
+                                    </tr>
+                                    <tr id="cario_3">
+                                    <td class="cario_list" data-tag="io_name"></td>
+                                    <td class="cario_list" data-tag="io_time"></td>
+                                    <td class="cario_list" data-tag="lpr"></td>
+                                    <td class="cario_list" data-tag="etag"></td>
+                                    <td class="cario_list" data-tag="owner"></td>
+                                    <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>
+                                    </tr>
+                                    <tr id="cario_4">
+                                    <td class="cario_list" data-tag="io_name"></td>
+                                    <td class="cario_list" data-tag="io_time"></td>
+                                    <td class="cario_list" data-tag="lpr"></td>
+                                    <td class="cario_list" data-tag="etag"></td>
+                                    <td class="cario_list" data-tag="owner"></td>
+                                    <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>
+                                    </tr>
+                                    <tr id="cario_5">
+                                    <td class="cario_list" data-tag="io_name"></td>
+                                    <td class="cario_list" data-tag="io_time"></td>
+                                    <td class="cario_list" data-tag="lpr"></td>
+                                    <td class="cario_list" data-tag="etag"></td>
+                                    <td class="cario_list" data-tag="owner"></td>
+                                    <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>
+                                    </tr>
+                                    <tr id="cario_6">
+                                    <td class="cario_list" data-tag="io_name"></td>
+                                    <td class="cario_list" data-tag="io_time"></td>
+                                    <td class="cario_list" data-tag="lpr"></td>
+                                    <td class="cario_list" data-tag="etag"></td>
+                                    <td class="cario_list" data-tag="owner"></td>
+                                    <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>
+                                    </tr>
+                                    <tr id="cario_7">
+                                    <td class="cario_list" data-tag="io_name"></td>
+                                    <td class="cario_list" data-tag="io_time"></td>
+                                    <td class="cario_list" data-tag="lpr"></td>
+                                    <td class="cario_list" data-tag="etag"></td>
+                                    <td class="cario_list" data-tag="owner"></td>
+                                    <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>
+                                    </tr>
+                                    <tr id="cario_8">
+                                    <td class="cario_list" data-tag="io_name"></td>
+                                    <td class="cario_list" data-tag="io_time"></td>
+                                    <td class="cario_list" data-tag="lpr"></td>
+                                    <td class="cario_list" data-tag="etag"></td>
+                                    <td class="cario_list" data-tag="owner"></td>
+                                    <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>
+                                    </tr>
+                                    <tr id="cario_9">
+                                    <td class="cario_list" data-tag="io_name"></td>
+                                    <td class="cario_list" data-tag="io_time"></td>
+                                    <td class="cario_list" data-tag="lpr"></td>
+                                    <td class="cario_list" data-tag="etag"></td>
+                                    <td class="cario_list" data-tag="owner"></td>
+                                    <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>
+                                    </tr>
+                                    </tbody>
+                                </table>
+                            </div><?php /* ----- end of dataTable_wrapper ----- */?>  
+                        </div><?php /* ----- end of panel-body ----- */?>
+                    </div><?php /* ----- end of panel panel-default ----- */?>
+                </div><?php /* ----- end of col-lg-12 ----- */?>
+            </div>
+            <?php /* ----- 進出場現況表(結束) ----- */?>  
+                                       
+            <?php /* ----- 調撥車道 ----- */?>
+            <div data-items="reversible_lane" class="row" style="display:none;">
+                <div class="col-lg-12">
+                    <div class="panel panel-default">
+                        <div class="panel-heading">
+                            調撥車道
+                        </div>
+                        <!-- /.panel-heading -->
+                        <div class="panel-body">
+                            <div class="dataTable_wrapper">
+                            	<form id="lane_form">
+                                        <div class="form-group">
+                                            <label>第1車道-入&nbsp;&nbsp;&nbsp;</label>
+                                            <label class="radio-inline">
+                                                <input type="radio" name="lane_0" data-lane_no="0" value="1">啟用
+                                            </label>
+                                            <label class="radio-inline">
+                                                <input type="radio" name="lane_0" data-lane_no="0" value="0">停用
+                                            </label>
+                                        </div>
+                                        
+                                        <div class="form-group">
+                                            <label>第2車道-入&nbsp;&nbsp;&nbsp;</label>
+                                            <label class="radio-inline">
+                                                <input type="radio" name="lane_1" data-lane_no="1" value="1">啟用
+                                            </label>
+                                            <label class="radio-inline">
+                                                <input type="radio" name="lane_1" data-lane_no="1" value="0">停用 (調撥車道入)
+                                            </label>
+                                        </div> 
+                                        
+                                        <div class="form-group">
+                                            <label>第3車道-出&nbsp;&nbsp;&nbsp;</label>
+                                            <label class="radio-inline">
+                                                <input type="radio" name="lane_2" data-lane_no="2" value="1">啟用
+                                            </label>
+                                            <label class="radio-inline">
+                                                <input type="radio" name="lane_2" data-lane_no="2" value="0">停用 (調撥車道出)
+                                            </label>
+                                        </div>   
+                                        
+                                        <div class="form-group">
+                                            <label>第4車道-出&nbsp;&nbsp;&nbsp;</label>
+                                            <label class="radio-inline">
+                                                <input type="radio" name="lane_3" data-lane_no="3" value="1">啟用
+                                            </label>
+                                            <label class="radio-inline">
+                                                <input type="radio" name="lane_3" data-lane_no="3" value="0">停用
+                                            </label>
+                                        </div>
+                            	</form>
+                            </div><?php /* ----- end of dataTable_wrapper ----- */?>  
+                        </div><?php /* ----- end of panel-body ----- */?>
+                    </div><?php /* ----- end of panel panel-default ----- */?>
+                </div><?php /* ----- end of col-lg-12 ----- */?>
+            </div>
+            <?php /* ----- 調撥車道(結束) ----- */?> 
+            
+            <?php /* ----- 出入口開門 ----- */?>
+            <div data-items="opendoors" class="row" style="display:none;">
+                <div class="col-lg-12">
+                    <div class="panel panel-default">
+                        <div class="panel-heading">出入口開門</div>
+                        <!-- /.panel-heading -->
+                        <div class="panel-body">
+                            <div class="dataTable_wrapper">
+                                <table class="table table-striped table-bordered table-hover">
+                                        <tr>
+                                            <td style="text-align:left;">第1車道 - 入場</td>
+                                            <td style="text-align:center;"><input type="button" value="開門" onclick="opendoors('0');" /></td>
+                                        </tr>   
+                                        <tr>
+                                            <td style="text-align:left;">第2車道 - 調撥入場</td>
+                                            <td style="text-align:center;"><input type="button" value="開門" onclick="opendoors('1');" /></td>
+                                        </tr>
+                                        <tr>
+                                            <td style="text-align:left;">第3車道 - 調撥出場</td>
+                                            <td style="text-align:center;"><input type="button" value="開門" onclick="opendoors('2');" /></td>
+                                        </tr>
+                                        <tr>
+                                            <td style="text-align:left;">第4車道 - 出場</td>
+                                            <td style="text-align:center;"><input type="button" value="開門" onclick="opendoors('3');" /></td>
+                                        </tr>
+                                </table>
+                            </div><?php /* ----- end of dataTable_wrapper ----- */?>  
+                        </div><?php /* ----- end of panel-body ----- */?>
+                    </div><?php /* ----- end of panel panel-default ----- */?>
+                </div><?php /* ----- end of col-lg-12 ----- */?>
+            </div>
+            <?php /* ----- 出入口開門(結束) ----- */?>  
+            <?php /* ----- 在席查核清單 ----- */?>
+            <div data-items="pks_check" class="row" style="display:none;">
+                <div class="col-lg-12">
+                    <div class="panel panel-default">
+                        <div class="panel-heading">
+                            在席查無入場資料清單(共<span id="tot_pks_check"></span>筆, 測試中)
+                        </div>
+                        <!-- /.panel-heading -->
+                        <div class="panel-body">
+                            <div class="dataTable_wrapper">
+                                <table class="table table-striped table-bordered table-hover">
+                                    <thead>
+                                        <tr>
+                                            <th style="text-align:center;">車格號</th>
+                                            <th style="text-align:center;">車號</th>
+                                            <th style="text-align:center;">入格時間</th>
+                                            <th style="text-align:center;">照片</th>
+                                        </tr>   
+                                    </thead>
+                                    <tbody id="pks_list_tbody" style="font-size:14px;">  
+                                    </tbody>
+                                </table>
+                            </div><?php /* ----- end of dataTable_wrapper ----- */?>  
+                        </div><?php /* ----- end of panel-body ----- */?>
+                    </div><?php /* ----- end of panel panel-default ----- */?>
+                </div><?php /* ----- end of col-lg-12 ----- */?>
+            </div>
+            <?php /* ----- 在席查核清單(結束) ----- */?>  
+                                  
+            <?php /* ----- 入場查核清單 ----- */?>
+            <div data-items="carin_check" class="row" style="display:none;">
+                <div class="col-lg-12">
+                    <div class="panel panel-default">
+                        <div class="panel-heading">
+                            入場查無在席資料清單(共<span id="tot_carin_check"></span>筆, 測試中)
+                        </div>
+                        <!-- /.panel-heading -->
+                        <div class="panel-body">
+                            <div class="dataTable_wrapper">
+                                <table class="table table-striped table-bordered table-hover">
+                                    <thead>
+                                        <tr>
+                                            <th style="text-align:center;">車號</th>
+                                            <th style="text-align:center;">時間</th>
+                                            <th style="text-align:center;">類別</th>
+                                            <th style="text-align:center;">照片</th>
+                                        </tr>   
+                                    </thead>
+                                    <tbody id="carin_list_tbody" style="font-size:14px;">  
+                                    </tbody>
+                                </table>
+                            </div><?php /* ----- end of dataTable_wrapper ----- */?>  
+                        </div><?php /* ----- end of panel-body ----- */?>
+                    </div><?php /* ----- end of panel panel-default ----- */?>
+                </div><?php /* ----- end of col-lg-12 ----- */?>
+            </div>
+            <?php /* ----- 入場查核清單(結束) ----- */?>  
+			
+            <?php /* ----- 樓層剩餘車位數調整 ----- */?>
+            <div data-items="pks_group_query" class="row" style="display:none;">
+                <div class="col-lg-12">
+                    <div class="panel panel-default">
+                        <div class="panel-heading">
+                            樓層車位數 （按 F5 更新）
+                        </div>
+                        <!-- /.panel-heading -->
+                        <div class="panel-body">
+                            <div class="dataTable_wrapper">
+                                <table class="table table-striped table-bordered table-hover">
+                                    <thead>
+                                        <tr>
+                                            <th style="text-align:left;">樓層</th>
+											<th style="text-align:left;">樓層 ID</th>
+                                            <th style="text-align:center;">車位總數</th>
+											<th style="text-align:center;">已使用(在席)</th>
+											<th style="text-align:center;">未使用(在席)</th>
+											<th style="text-align:center;">微調值</th>
+                                            <th style="text-align:center;">剩餘車位數微調</th>
+											<th style="text-align:center;">空車位顯示值</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody id="pks_group_list" style="font-size:20px;"></tbody>
+                                </table>
+                            </div><?php /* ----- end of dataTable_wrapper ----- */?>  
+                        </div><?php /* ----- end of panel-body ----- */?>
+                    </div><?php /* ----- end of panel panel-default ----- */?>
+                </div><?php /* ----- end of col-lg-12 ----- */?>
+            </div>
+            <?php /* ----- 樓層剩餘車位數調整(結束) ----- */?>
+                                         
+        </div>
+        <!-- /#page-wrapper -->
+    </div>
+    <!-- /#wrapper -->
+    <!-- jQuery -->
+    <script src="<?=BOOTSTRAPS?>bower_components/jquery/dist/jquery.min.js"></script>
+    <!-- Bootstrap Core JavaScript -->
+    <script src="<?=BOOTSTRAPS?>bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
+    <!-- Metis Menu Plugin JavaScript -->
+    <script src="<?=BOOTSTRAPS?>bower_components/metisMenu/dist/metisMenu.min.js"></script>
+    <!-- Morris Charts JavaScript -->
+    <script src="<?=BOOTSTRAPS?>bower_components/raphael/raphael-min.js"></script>
+    <!--script src="<?=BOOTSTRAPS?>bower_components/morrisjs/morris.min.js"></script-->
+    <!--script src="<?=BOOTSTRAPS?>js/morris-data.js"></script-->
+	
+	<!-- virtual keyboard -->
+  	<link href="<?=WEB_LIB?>virtual-keyboard/css/jquery-ui.min.css" rel="stylesheet">
+	<link href="<?=WEB_LIB?>virtual-keyboard/css/keyboard.css" rel="stylesheet">
+  	<script src="<?=WEB_LIB?>virtual-keyboard/js/jquery-ui.min.js"></script>
+  	<script src="<?=WEB_LIB?>virtual-keyboard/js/jquery.keyboard.js"></script>
+  	<script src="<?=WEB_LIB?>virtual-keyboard/js/jquery.keyboard.extension-caret.js"></script>
+	
+	<!-- alertify -->
+	<link href="<?=WEB_LIB?>css/alertify.core.css" rel="stylesheet">
+	<link href="<?=WEB_LIB?>css/alertify.bootstrap.css" rel="stylesheet">
+	<script src="<?=WEB_LIB?>js/alertify.min.js"></script> 
+	
+	
+    <!-- Custom Theme JavaScript -->
+    <script src="<?=BOOTSTRAPS?>dist/js/sb-admin-2.js"></script>  
+    <div id="works" style="display:none;"></div><?php /* 作為浮動顯示區之用 */ ?> 
+</body>
+</html>   
+
+<script>
+var AltobObject = AltobObject || {}; // ALTOB 專用命名空間
+/*
+	客製化參數
+*/
+(function(){
+	AltobObject.xvars = {};
+	AltobObject.station_no = '<?= $station_no; ?>';
+	AltobObject.station_name = '<?= $station_name; ?>';
+})();
+
+var timer;
+var timeout_sec = 10;<?php /* 每多少秒檢查一次空車位 */ ?> 
+
+<?php /* alertify function */ ?>
+function alertify_log($msg)
+{
+	alertify.set({delay : 2000});
+	alertify.log($msg);
+}
+function alertify_error($msg)
+{
+	alertify.set({delay : 2000});
+	alertify.error($msg);
+}
+function alertify_success($msg)
+{
+	alertify.set({delay : 2000});
+	alertify.success($msg);
+}
+function alertify_msg($msg)
+{
+	alertify.set({ labels: {
+		ok     : "確定"
+	} });
+	alertify.alert($msg, function (e){
+		// do nothing
+	});
+}
+
+<?php /* 連接mqtt Queue */ ?>
+/*
+// var client = new Paho.MQTT.Client("192.168.0.135", 8000, "cario_now");
+var client = new Paho.MQTT.Client("61.220.179.128", 1883, "cario_now");
+
+// set callback handlers
+client.onConnectionLost = onConnectionLost;
+client.onMessageArrived = onMessageArrived;
+ 
+// called when the client connects
+function onConnect() 
+{
+	// Once a connection has been made, make a subscription and send a message.
+	console.log("onConnect");
+	client.subscribe("cario_now", 2);
+}
+
+// called when the client loses its connection
+function onConnectionLost(responseObject) 
+{
+	if (responseObject.errorCode !== 0) 
+	{
+    	console.log("onConnectionLost:"+responseObject.errorMessage);
+  	}
+}
+
+// called when a message arrives
+function onMessageArrived(message) 
+{
+	console.log("onMessageArrived:"+message.payloadString);
+} 
+*/  
+
+// 微調剩餘車位數
+function pks_availables_update(idx, value, station_no)
+{	
+	//console.log(idx + ", " + value);
+	$.ajax
+	({
+		url: "<?=APP_URL?>pks_availables_update/" + idx + "/" + value+ "/" + station_no,
+		type: "post", 
+		dataType:"json",
+		data: {},
+		success: function(jdata)
+		{       
+			if(jdata > 0)
+			{
+				alertify_log("調整完成! 請稍侯");
+				
+				show_item('pks_group_query', 'pks_group_query'); // refresh
+			}else{
+				alertify_log("沒有任何變化!");
+			}
+		}
+	});  
+}
+
+// 載入頁面
+function load_page(tags)
+{
+	if ($("[data-items='"+tags+"']").length == 0)	// 第一次loading
+    {     
+		$.ajax
+		({
+			url:"<?=APP_URL?>get_html",
+        			async:false,    
+        			timeout:1500,
+            		type:"post", 
+            		dataType:"text",
+            		data:{"tag_name":tags},
+            		success:function(jdata)
+            		{
+            	    	$("#page-wrapper").append(jdata);  
+            	    }
+		}); 
+	}
+}
+  
+<?php /* 顯示指定項目 */ ?>
+function show_item(tags, type)
+{              
+	// if (timer) { window.clearTimeout(timer); }
+         
+    // client.disconnect();         
+    
+    <?php /* 新增月租資料, 設定初始值 */ ?>             
+    if (type == "member_add")
+    {                            
+    	$("#ma_lpr").val("");
+    	$("#ma_old_lpr").val("");
+    	$("#ma_etag").val("");
+        $("#ma_start_date").val("");
+        $("#ma_end_date").val("");
+        $("#ma_member_name").val("");
+        $("#ma_mobile_no").val("");
+        $("#ma_contract_no").val("");
+        $("#ma_amt").val("");
+    	$("#ma_member_no").val("0");
+    	$("#member_data_type").text("新增會員資料");
+    }
+    
+    switch(tags)
+    {          
+		// -- 設定檔 --			
+		case "station_setting":
+			load_page(tags);
+			reload_station_setting(type);
+			break;
+	
+		<?php /* 樓層資訊查詢, 並列出清單 */ ?>
+    	case "pks_group_query":
+        	$("#pks_group_list").html("");<?php /* 清除原內容 */ ?>
+            $.ajax
+        	({
+        		url: "<?=APP_URL?>pks_group_query",
+            	type: "post", 
+            	dataType:"json",
+            	data: {},
+            	success: function(jdata)
+            	{       
+                	var pks_group_list = [];  
+                	for(idx in jdata)
+                    {                                         
+                    	mno = jdata[idx]['group_id'];
+                    	pks_group_list = pks_group_list.concat([
+						"<tr><td id='pks_group_", mno, "' data-group_id='", mno, "' data-group_id='", jdata[idx]['group_id'], "' data-group_name='", jdata[idx]['group_name'], "' data-tot='", jdata[idx]['tot'] ,"' data-station_no='", jdata[idx]['station_no'] ,"</td>", 	
+                    		"<td id='group_name_", mno, "' style='text-align:left; vertical-align:middle; '>", jdata[idx]['group_name'], "</td>", 	
+							"<td id='group_id_", mno, "' style='text-align:left; vertical-align:middle; '>", jdata[idx]['group_id'], "</td>", 	
+							"<td id='tot_", mno, "' style='text-align:center; vertical-align:middle; '>", jdata[idx]['tot'], "</td>", 
+							"<td id='parked_", mno, "' style='text-align:center; vertical-align:middle; '>", jdata[idx]['parked'], "</td>", 
+							"<td id='availables_", mno, "' style='text-align:center; vertical-align:middle; '>", jdata[idx]['availables'], "</td>", 
+							"<td id='renum_", mno, "' style='text-align:center; vertical-align:middle; color:blue; '>", jdata[idx]['renum'], "</td>", 
+                    		"<td style='text-align:center;vertical-align:middle; '>", 
+								"<button class='btn btn-default' onclick='pks_availables_update(\"", mno, "\", 999, ", jdata[idx]['station_no'],");'>滿車</button>&nbsp", 
+								"<button class='btn btn-default' onclick='pks_availables_update(\"", mno, "\", 100, ", jdata[idx]['station_no'],");'>+100</button>&nbsp", 
+								"<button class='btn btn-default' onclick='pks_availables_update(\"", mno, "\", 10, ", jdata[idx]['station_no'],");'>+10</button>&nbsp", 
+								"<button class='btn btn-default' onclick='pks_availables_update(\"", mno, "\", 1, ", jdata[idx]['station_no'],");'>+1</button>&nbsp", 
+								"<button class='btn btn-default' onclick='pks_availables_update(\"", mno, "\", 0, ", jdata[idx]['station_no'],");'>重設</button>&nbsp",
+								"<button class='btn btn-default' onclick='pks_availables_update(\"", mno, "\", -1, ", jdata[idx]['station_no'],");'>-1</button>&nbsp", 
+								"<button class='btn btn-default' onclick='pks_availables_update(\"", mno, "\", -10, ", jdata[idx]['station_no'],");'>-10</button>&nbsp", 
+								"<button class='btn btn-default' onclick='pks_availables_update(\"", mno, "\", -100, ", jdata[idx]['station_no'],");'>-100</button>&nbsp", 
+							"<td id='space_", mno, "' style='text-align:center; vertical-align:middle; color:red; '>", jdata[idx]['space'], "</td>", 
+							"</td>",
+                    	"</tr>"]);
+                    }
+                	$("#pks_group_list").append(pks_group_list.join(''));  
+            	}
+        	});  
+        	break; 
+	
+    	<?php /* 會員查詢, 並列出清單 */ ?>
+    	case "member_query":
+        	$("#member_list").html("");<?php /* 清除原內容 */ ?>
+            $.ajax
+        	({
+        		url: "<?=APP_URL?>member_query",
+            	type: "post", 
+            	dataType:"json",
+            	data: {},
+            	success: function(jdata)
+            	{       
+                	var member_list = [];  
+                	for(idx in jdata)
+                    {                                         
+                    	mno = jdata[idx]['member_no'];
+                    	member_list = member_list.concat([
+						"<tr><td id='lpr_", mno, "' data-member_no='", mno, "' data-member_id='", jdata[idx]['member_id'], "' data-tel_o='", jdata[idx]['tel_o'], "' data-tel_h='", jdata[idx]['tel_h'], "' data-addr='", jdata[idx]['addr'], "' style='text-align:left; '>", jdata[idx]['lpr'], "</td>", 	
+                    		"<td id='name_", mno, "' style='text-align:left; '>", jdata[idx]['member_name'], "</td>", 	
+                    		"<td id='mobile_", mno, "' style='text-align:center; '>", jdata[idx]['mobile_no'], "</td>", 	
+                    		"<td id='sdate_", mno, "' style='text-align:center; '>", jdata[idx]['start_date'], "</td>", 	
+                    		"<td id='edate_", mno, "' style='text-align:center; '>", jdata[idx]['end_date'], "</td>", 	
+                    		"<td id='contract_", mno, "' style='text-align:center; '>", jdata[idx]['contract_no'], "</td>", 	    
+                    		//"<td id='etag_", mno, "' style='text-align:center; '>", jdata[idx]['etag'], "</td>", 	    
+                    		//"<td id='amt_", mno, "' style='text-align:center; '>", jdata[idx]['amt'], "</td>", 	
+                    		//"<td style='text-align:center, '><select id='sel_", mno, "' onChange='member_modify(", mno, "); '><option value='choice'>請選擇</option><option value='modify'>修改</option><option value='delete'>刪除</option></select></td>", 	
+							"<td id='valid_time_", mno, "' style='text-align:center; '>", jdata[idx]['valid_time'], "</td>", 	    
+							"<td id='station_no_", mno, "' style='text-align:center; '>", jdata[idx]['station_no'], "</td>", 	    
+							"<td id='update_time_", mno, "' style='text-align:center; '>", jdata[idx]['update_time'], "</td>", 	    
+                    	"</tr>"]);
+                    }
+                	$("#member_list").append(member_list.join(''));  
+            	}
+        	});  
+        	break; 
+
+    	<?php /* 行動支付記錄 */ ?>
+    	case "tx_bill_query":
+        	$("#tx_bill_list").html("");<?php /* 清除原內容 */ ?>
+            $.ajax
+        	({
+        		url: "<?=APP_URL?>tx_bill_query",
+            	type: "post", 
+            	dataType:"json",
+            	data: {},
+            	success: function(jdata)
+            	{       
+                	var tx_bill_list = [];  
+                	for(idx in jdata)
+                    {                                         
+                    	mno = jdata[idx]['order_no'];
+						tx_bill_list = tx_bill_list.concat([
+                    	"<tr><td id='lpr_", mno, "' data-order_no='", mno, "' style='text-align:left; '>", jdata[idx]['lpr'], "</td>", 	
+							"<td id='amt_", mno, "' style='text-align:center; '>", jdata[idx]['amt'], "</td>", 
+							"<td id='rtn_msg_", mno, "' style='text-align:center; '>", jdata[idx]['rtn_msg'], "</td>", 	
+							"<td id='payment_type_", mno, "' style='text-align:center; '>", jdata[idx]['payment_type'], "</td>", 							
+							"<td id='invoice_no_", mno, "' style='text-align:center; '>", jdata[idx]['invoice_no'], "</td>", 
+                    		"<td id='in_time_", mno, "' style='text-align:center; '>", jdata[idx]['in_time'], "</td>", 	
+                    		"<td id='balance_time_", mno, "' style='text-align:center; '>", jdata[idx]['balance_time'], "</td>", 	
+							"<td id='out_before_time_", mno, "' style='text-align:center; '>", jdata[idx]['out_before_time'], "</td>", 	
+							"<td id='company_no_", mno, "' style='text-align:center; '>", jdata[idx]['company_no'], "</td>", 
+							"<td id='email_", mno, "' style='text-align:center; '>", jdata[idx]['email'], "</td>", 
+							"<td id='mobile_", mno, "' style='text-align:center; '>", jdata[idx]['mobile'], "</td>", 
+							"<td id='tx_time_", mno, "' style='text-align:center; '>", jdata[idx]['tx_time'], "</td>", 
+                    	"</tr>"]);
+                    }
+                	$("#tx_bill_list").append(tx_bill_list.join(''));  
+            	}
+        	});  
+        	break;
+			
+		case "tx_bill_ats_query":
+        	$("#tx_bill_ats_list").html("");<?php /* 清除原內容 */ ?>
+            $.ajax
+        	({
+        		url: "<?=APP_URL?>tx_bill_ats_query",
+            	type: "post", 
+            	dataType:"json",
+            	data: {},
+            	success: function(jdata)
+            	{       
+                	var tx_bill_ats_list = [];  
+                	for(idx in jdata)
+                    {                                         
+                    	mno = jdata[idx]['order_no'];
+                    	tx_bill_ats_list = tx_bill_ats_list.concat([
+						"<tr><td id='lpr_", mno, "' data-order_no='", mno, "' style='text-align:left; '>", jdata[idx]['lpr'], "</td>", 
+							"<td id='amt_", mno, "' style='text-align:center; '>", jdata[idx]['amt'], "</td>", 
+							"<td id='rtn_msg_", mno, "' style='text-align:center; '>", jdata[idx]['rtn_msg'], "</td>", 	
+							"<td id='payment_type_", mno, "' style='text-align:center; '>", jdata[idx]['payment_type'], "</td>", 							
+							"<td id='invoice_no_", mno, "' style='text-align:center; '>", jdata[idx]['invoice_no'], "</td>", 
+                    		"<td id='end_time_", mno, "' style='text-align:center; '>", jdata[idx]['end_time'], "</td>", 	
+                    		"<td id='next_start_time_", mno, "' style='text-align:center; '>", jdata[idx]['next_start_time'], "</td>", 	
+							"<td id='next_end_time_", mno, "' style='text-align:center; '>", jdata[idx]['next_end_time'], "</td>", 	
+							"<td id='member_name_", mno, "' style='text-align:center; '>", jdata[idx]['member_name'], "</td>", 
+							"<td id='company_no_", mno, "' style='text-align:center; '>", jdata[idx]['company_no'], "</td>", 
+							"<td id='email_", mno, "' style='text-align:center; '>", jdata[idx]['email'], "</td>", 
+							"<td id='mobile_", mno, "' style='text-align:center; '>", jdata[idx]['mobile'], "</td>", 
+							"<td id='tx_time_", mno, "' style='text-align:center; '>", jdata[idx]['tx_time'], "</td>", 
+                    	"</tr>"]);
+                    }
+                	$("#tx_bill_ats_list").append(tx_bill_ats_list.join(''));  
+            	}
+        	});  
+        	break; 			
+                           
+        <?php /* ----- 入場查詢 ----- */ ?>    
+        case "carin_query":
+        	$("#lpr_query").val(""); 
+            $("#carin_query_list").hide();
+        	break;       
+            
+        <?php /* 進出場現況表 */ ?>    
+        case "cario_list":
+            $.ajax
+        	({
+        		url: "<?=APP_URL?>cario_list",
+            	type: "post", 
+            	dataType:"json",
+            	data: {},
+            	success: function(jdata)
+            	{       
+                	for(idx in jdata)
+                    {                                         
+                    	$("#cario_"+idx+">[data-tag=io_name]").text(jdata[idx]['io_name']);
+                    	$("#cario_"+idx+">[data-tag=io_time]").html(jdata[idx]['io_time']);
+						
+						// 車辨失敗可新增車號
+						if(jdata[idx]['lpr'] == 'NONE')
+							$("#cario_"+idx+">[data-tag=lpr]").html('<span style="font-size:16px;">車辨失敗</span><br/><button class="btn-default" onclick="show_upd_cario_dialog(' + jdata[idx]['cario_no'] + ', \'' + jdata[idx]['lpr'] + '\');">輸入車號</button>');
+						else
+							$("#cario_"+idx+">[data-tag=lpr]").html('<span style="font-size:28px;">' + jdata[idx]['lpr'] +'</span>');
+						
+                    	$("#cario_"+idx+">[data-tag=etag]").text(jdata[idx]['etag']);
+                    	$("#cario_"+idx+">[data-tag=owner]").text(jdata[idx]['owner']);
+                    	$("#cario_"+idx+">[data-tag=pic_name]>img").attr("src",jdata[idx]['pic_name']);   
+                    }
+            	}
+        	}); 
+            
+            // connect the client
+			// client.connect({onSuccess:onConnect}); //mqtt
+        	break;
+                  
+        <?php /* 調撥車道 */ ?>    
+        case "reversible_lane":
+            $.ajax
+        	({
+        		url: "<?=APP_URL?>reversible_lane_query",
+            	type: "post", 
+            	dataType:"json",
+            	data: {},
+            	success: function(jdata)
+            	{       
+                	for(idx in jdata)
+                    {          
+                    	$("input[name=lane_"+idx+"][value='"+jdata[idx]+"']").prop("checked", true);                         
+                    }
+            	}
+        	}); 
+        	break;   
+            
+        // ----- 在席查核 -----   
+        case "pks_check":   
+        	$("#pks_list_tbody").html("");
+            $.ajax
+        	({
+        		url: "<?=APP_URL?>pks_check_list",	// 讀入在席車號查無資料清單
+            	type: "post", 
+            	dataType:"json",
+            	data: {},
+            	success: function(jdata)
+            	{               
+                	$("#tot_pks_check").text(jdata.length);    
+                	for(idx in jdata)
+                    {          
+                    	str = "<tr onclick='correct_lpr(\""+jdata[idx]["pksno"]+"\", \""+jdata[idx]["lpr"]+"\");'>" +
+                        "<td class='cario_list' style='vertical-align:middle;' data-tag='pksno'>"+jdata[idx]["pksno"]+"</td>" +                        
+                        "<td class='cario_list' style='vertical-align:middle;' data-tag='lpr'>"+jdata[idx]["lpr"]+"</td>" +                        
+                        "<td class='cario_list' style='vertical-align:middle;' data-tag='in_time'>"+jdata[idx]["in_time"]+"</td>" +                        
+                        "<td class='cario_list' style='vertical-align:middle;' data-tag='pic_name'><img height='57' width='150' class='resize' src='http://203.75.167.89/pkspic/"+jdata[idx]["pic_name"]+"' /></td></tr>";
+                        $("#pks_list_tbody").append(str);                        
+                    }
+                    
+                	set_resize();
+            	}
+        	}); 
+        	break;
+            
+        // ----- 入場查核 -----   
+        case "carin_check":     
+        	$("#carin_list_tbody").html("");
+            $.ajax
+        	({
+        		url: "<?=APP_URL?>carin_check_list",	// 讀入入場車號查核在席無資料清單
+            	type: "post", 
+            	dataType:"json",
+            	data: {},
+            	success: function(jdata)
+            	{               
+                	$("#tot_carin_check").text(jdata.length);    
+                	for(idx in jdata)
+                    {          
+                    	str = "<tr onclick='correct_carin_lpr(\""+jdata[idx]["cario_no"]+"\", \""+jdata[idx]["lpr"]+"\", \""+jdata[idx]['in_time']+"\");'>" +
+                        "<td class='cario_list' style='vertical-align:middle;' data-tag='lpr'>"+jdata[idx]["lpr"]+"</td>" +                        
+                        "<td class='cario_list' style='vertical-align:middle;' data-tag='in_time'>"+jdata[idx]["in_time"]+"</td>" +                        
+                        "<td class='cario_list' style='vertical-align:middle;' data-tag='type'>"+jdata[idx]["type"]+"</td>" +                        
+                        "<td class='cario_list' style='vertical-align:middle;' data-tag='pic_name'><img height='57' width='150' class='resize' src='http://203.75.167.89/carpic/"+jdata[idx]["pic_name"]+"' /></td></tr>";
+                        $("#carin_list_tbody").append(str);                        
+                    }
+                    
+                	set_resize();
+            	}
+        	});
+        	break;
+            
+        default:
+        	break;
+    }
+    
+	$("[data-items]").hide();
+	$("[data-items="+tags+"]").show();
+    return false;
+}        
+
+
+<?php /* ----- 以車號查詢入場資料 ----- */ ?>
+function carin_lpr_query()
+{                      
+	var lpr = $("#lpr_query").val().toUpperCase();
+	if ( lpr == "")
+    {
+     	alert("車號欄位必填");
+        return false;
+    } 
+    
+    $.ajax
+    ({
+    	url: "<?=APP_URL?>carin_lpr_query/"+lpr,
+        type: "post", 
+        dataType:"json",
+        data: {},
+        success: function(jdata)
+        {                      
+        	if (jdata.length == 0)
+            {
+            	alert("查無此車 !");
+                return false;
+            }                
+                    
+            var str = "";              
+        	for(idx in jdata)
+            {           
+            	str +=	"<tr><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['io_name']+
+            			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['io_time']+
+            			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['lpr']+
+            			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['etag']+
+            			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['owner']+
+                        "</td><td style='text-align:center;vertical-align:middle;'><img height='57' width='150' class='carin_resize' src='"+jdata[idx]['pic_name']+
+                        "' /></td></tr>";
+            }
+                        
+            $("#carin_query_tbody").html(str);
+                        
+            <?php /* mouse滑過時放大照片 */ ?>
+			$('.carin_resize').hover
+    		(         
+    			function()
+        		{       
+        			pos_x = $(this).position().left;
+        			pos_y = $(this).position().top;
+            
+            		$("#works").css
+            		({	"position":"absolute",
+            			"top":pos_y,
+                		"left":pos_x
+            		}).html("<img src='"+$(this).attr("src")+"' width='300px' height='140px' />").show();
+    			},
+    			function()
+        		{                                 
+					$("#works").hide();        
+    			}
+			);
+            
+            $("#carin_query_list").show();
+        }
+    });
+}  
+
+                 
+
+<?php /* ----- 以時間查詢入場資料 ----- */ ?>
+function carin_time_query()
+{                      
+	var time_query = $("#carin_time_query").val();
+	if (time_query == "")
+    {
+     	alert("時間欄位必填");
+        return false;
+    } 
+    
+    $.ajax
+    ({
+    	url: "<?=APP_URL?>carin_time_query/",
+        type: "post", 
+        dataType:"json",
+        data: {"time_query":time_query, "minutes_range":$("#minutes_range").val()},
+        success: function(jdata)
+        {       
+        	var str = "";              
+        	for(idx in jdata)
+            {           
+            	str +=	"<tr><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['io_name']+
+            			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['io_time']+
+            			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['lpr']+
+            			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['etag']+
+            			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['owner']+
+                        "</td><td style='text-align:center;vertical-align:middle;'><img height='57' width='150' class='carin_resize' src='"+jdata[idx]['pic_name']+
+                        "' /></td></tr>";
+            }
+                        
+            $("#carin_query_tbody").html(str);
+                        
+            <?php /* mouse滑過時放大照片 */ ?>
+			$('.carin_resize').hover
+    		(         
+    			function()
+        		{       
+        			pos_x = $(this).position().left;
+        			pos_y = $(this).position().top;
+            
+            		$("#works").css
+            		({	"position":"absolute",
+            			"top":pos_y,
+                		"left":pos_x
+            		}).html("<img src='"+$(this).attr("src")+"' width='300px' height='140px' />").show();
+    			},
+    			function()
+        		{                                 
+					$("#works").hide();        
+    			}
+			);
+            
+            $("#carin_query_list").show();
+        }
+    });
+}  
+
+// 車辨失敗查詢
+function carin_none_query()
+{                      
+	var time_query = $("#carin_none_query").val();
+	if (time_query == "")
+    {
+     	alert("時間欄位必填");
+        return false;
+    }
+    
+    $.ajax
+    ({
+    	url: "<?=APP_URL?>carin_none_query/",
+        type: "post", 
+        dataType:"json",
+        data: {"time_query":time_query, "hours_range":$("#hours_range").val()},
+        success: function(jdata)
+        {       
+        	var content_arr = [];              
+        	for(idx in jdata)
+            {           
+            	content_arr = content_arr.concat([
+									"<tr><td style='text-align:center;vertical-align:middle;'>", jdata[idx]['io_name'], 
+									"</td><td style='text-align:center;vertical-align:middle;'>", jdata[idx]['io_time'],
+									"</td><td style='text-align:center;vertical-align:middle;'>"
+							]);
+									
+				// 車辨失敗可新增車號
+				content_arr = content_arr.concat([
+								'<span style="font-size:16px;">車辨失敗</span><br/><button class="btn-default" onclick="show_upd_cario_dialog(', jdata[idx]['cario_no'], ', \'', jdata[idx]['lpr'], '\');">輸入車號</button>'
+							]);
+									
+				content_arr = content_arr.concat([
+									"</td><td style='text-align:center;vertical-align:middle;'>", jdata[idx]['etag'], 
+									"</td><td style='text-align:center;vertical-align:middle;'>", jdata[idx]['owner'], 
+									"</td><td style='text-align:center;vertical-align:middle;'>", 
+										"<img height='57' width='150' class='carin_resize' src='", jdata[idx]['pic_name'], "' /></td></tr>"
+							]);
+            }
+                        
+            $("#carin_query_tbody").html(content_arr.join(''));
+                        
+            <?php /* mouse滑過時放大照片 */ ?>
+			$('.carin_resize').hover
+    		(         
+    			function()
+        		{       
+        			pos_x = $(this).position().left;
+        			pos_y = $(this).position().top;
+            
+            		$("#works").css
+            		({	"position":"absolute",
+            			"top":pos_y,
+                		"left":pos_x
+            		}).html("<img src='"+$(this).attr("src")+"' width='300px' height='140px' />").show();
+    			},
+    			function()
+        		{                                 
+					$("#works").hide();        
+    			}
+			);
+            
+            $("#carin_query_list").show();
+        }
+    });
+}  
+
+                           
+<?php /* 修改或刪除選項 */ ?>
+function member_modify(member_no)
+{
+	select_item = $("#sel_"+member_no).val();
+    switch(select_item)
+    {
+     	case "choice":<?php /* 請選擇(忽略不處理) */ ?>
+        	return flase;
+        
+        case "modify": 
+            $("#ma_lpr").val($("#lpr_"+member_no).text());
+            $("#ma_old_lpr").val($("#lpr_"+member_no).text());
+            $("#ma_member_id").val($("#lpr_"+member_no).data("member_id"));
+            $("#ma_tel_o").val($("#lpr_"+member_no).data("tel_o"));
+            $("#ma_tel_h").val($("#lpr_"+member_no).data("tel_h"));
+            $("#ma_addr").val($("#lpr_"+member_no).data("addr"));
+            //$("#ma_start_date").val($("#sdate_"+member_no).text());
+			//$("#ma_end_date").val($("#edate_"+member_no).text());
+			//$("#ma_start_date").val($("#sdate_"+member_no).text().split(' ')[0]);
+			//$("#ma_end_date").val($("#edate_"+member_no).text().split(' ')[0]);
+			$("#ma_start_date").val($("#sdate_"+member_no).text().replace(' ', 'T'));
+			$("#ma_end_date").val($("#edate_"+member_no).text().replace(' ', 'T'));
+            $("#ma_member_name").val($("#name_"+member_no).text());
+            $("#ma_mobile_no").val($("#mobile_"+member_no).text());
+            $("#ma_contract_no").val($("#contract_"+member_no).text());
+            $("#ma_etag").val($("#etag_"+member_no).text());
+            $("#ma_amt").val($("#amt_"+member_no).text());
+            $("#ma_member_no").val(member_no);
+    		$("#member_data_type").text("修改會員資料");
+        	show_item("member_add", "member_modify"); 
+        	break;
+            
+        case "delete":
+			if (!confirm("確定刪除嗎 ?"))	return false;
+                                   
+			$.ajax
+    		({     
+        		url:"<?=APP_URL?>member_delete",
+            	type:"post",
+            	dataType:"text",  
+            	data:{"member_no":member_no},
+            	success:function(jdata)
+            	{
+                	if (jdata == "ok")
+                    {
+                		alert("刪除成功 !");
+                        show_item("member_query", "member_query");
+                    }  
+                }        
+    		});        
+        	break;
+    }	
+}  
+          
+
+<?php /* 每隔固定時間, 檢查剩餘車位數 */ ?>                 
+function available_check(time_point)
+{                           
+	$.ajax
+    ({     
+    	url:"<?=APP_URL?>available_check",
+        type:"post",
+        dataType:"json",  
+        data:{"time_point":time_point},
+        success:function(jdata)
+        {           
+        	for(idx in jdata)
+            {           
+            	if (idx == 0) { continue; }
+                
+                stno = jdata[idx]['station_no'];                                      
+                $("[data-stno_curr="+stno+"]>[data-tag=station_no]").text(stno);
+                $("[data-stno_curr="+stno+"]>[data-tag=name]").text(jdata[idx]['name']);
+                $("[data-stno_curr="+stno+"]>[data-tag=tot_pkg]").text(jdata[idx]['tot_pkg']);
+                $("[data-stno_curr="+stno+"]>[data-tag=ava_pkg]").text(jdata[idx]['ava_pkg']);
+                $("[data-stno_curr="+stno+"]>[data-tag=used_pkg]").text(jdata[idx]['used_pkg']);
+                $("[data-stno_curr="+stno+"]>[data-tag=ratio_pkg]").text(jdata[idx]['ratio_pkg']); 
+            }        
+			window.clearTimeout(timer);
+    		timer = window.setTimeout("available_check("+jdata[0]['time_point']+")", timeout_sec * 1000);
+        }
+    });                     
+}
+
+
+<?php /* 讀出剩餘車位數供清單用 */ ?>
+function available_curr()
+{                   
+	$.ajax
+    ({
+        	url: "<?=APP_URL?>available_set",
+            type: "post",
+            dataType:"json",
+            success: function(jdata)
+            {
+                $("#available_curr_tbody").html("");	<?php /* 重設剩餘車位數 */ ?>
+                for(idx in jdata)
+                {     
+                	if (idx == 0) { continue; }                                           
+                	stno = jdata[idx]['station_no'];
+                	$("#available_curr_wk>[data-tag=station_no]").text(stno);
+                	$("#available_curr_wk>[data-tag=name]").text(jdata[idx]['name']);
+                	$("#available_curr_wk>[data-tag=tot_pkg]").text(jdata[idx]['tot_pkg']);
+                	$("#available_curr_wk>[data-tag=ava_pkg]").text(jdata[idx]['ava_pkg']);
+                	$("#available_curr_wk>[data-tag=used_pkg]").text(jdata[idx]['used_pkg']);
+                	$("#available_curr_wk>[data-tag=ratio_pkg]").text(jdata[idx]['ratio_pkg']);
+                    $("<tr data-stno_curr='"+stno+"'>"+$("#available_curr_wk").html()+"</tr>").appendTo("#available_curr_tbody"); 
+                }  
+                $("#available_curr").show(); 
+                timer = window.setTimeout("available_check("+jdata[0]['time_point']+")", timeout_sec * 1000);
+            }
+    });
+}
+
+
+<?php /* 讀出剩餘車位數供設定用 */ ?>
+function available_set()
+{     
+	$.ajax
+        ({
+        	url: "<?=APP_URL?>available_set",
+            type: "post",
+            dataType:"json",
+            success: function(jdata)
+            {
+                $("#available_tbody").html("");	<?php /* 重設剩餘車位數 */ ?>
+                for(idx in jdata)
+                {        
+                	if (idx == 0) { continue; }
+                                                                   
+                	st_no = jdata[idx]['station_no'];
+                	$("#available_list>[data-tag=station_no]").text(st_no);
+                	$("#available_list>[data-tag=name]").html("<input id='st_name_"+st_no+"' value='"+jdata[idx]['name']+"' class='form-control' />");
+                	$("#available_list>[data-tag=tot_pkg]").html("<input id='st_tot_"+st_no+"' value='"+jdata[idx]['tot_pkg']+"' class='form-control input-sm' />");
+                	$("#available_list>[data-tag=ava_pkg]").html("<input id='st_ava_"+st_no+"' value='"+jdata[idx]['ava_pkg']+"' class='form-control input-sm' />");
+                	$("#available_list>[data-tag=used_pkg]").text(jdata[idx]['used_pkg']);
+                	$("#available_list>[data-tag=ratio_pkg]").text(jdata[idx]['ratio_pkg']);
+                	$("#available_list>[data-tag=edits]").html("<button onclick=\"available_update('"+st_no+"');\">修改</button>"); 
+                    $("<tr data-st_no='"+st_no+"'>"+$("#available_list").html()+"</tr>").appendTo("#available_tbody"); 
+                }  
+                <?php /* 清除最後一筆的暫存資料, 以免最後一筆的id發生重覆 */ ?>
+                $("#available_list>[data-tag=name]").html("");
+                $("#available_list>[data-tag=tot_pkg]").html("");
+                $("#available_list>[data-tag=ava_pkg]").html("");
+                $("#available_set").show();
+            }
+    }); 
+}  
+                                  
+<?php /* 剩餘車位數更新 */ ?>
+function available_update(station_no)
+{             
+	$.ajax
+    ({
+        url: "<?=APP_URL?>available_update", 
+        dataType:"json",
+        type:"post",
+        data:{"station_no":station_no, "st_name":$("#st_name_"+station_no).val(), "tot_pkg":$("#st_tot_"+station_no).val(), "ava_pkg":$("#st_ava_"+station_no).val()},
+        success:function(jdata)
+        {     
+        	$("#available_tbody>tr[data-st_no="+station_no+"]>[data-tag=used_pkg]").text(jdata['used_pkg']);
+        	$("#available_tbody>tr[data-st_no="+station_no+"]>[data-tag=ratio_pkg]").text(jdata['ratio_pkg']);
+         	alert($("#st_name_"+station_no).val()+"("+station_no+") 已更新完成 !");
+    	}
+    }); 
+}
+
+var current_h;
+var current_w;
+
+$(document).ready(function()   
+{                                    
+	$(".cario_list").css({"vertical-align":"middle"});<?php /* 進出場實況表,強制垂直置中 */ ?> 
+    
+	$("#member_add").submit(function(event)
+	{                   
+    	if ($("#ma_member_no").val() == "0")
+        {
+        	$("#ma_old_lpr").val($("#ma_lpr").val());
+        }
+    	event.preventDefault();
+        $.ajax
+        ({
+        	url: "<?=APP_URL?>member_add",
+            type: "post", 
+            dataType:"text",
+            data: $(this).serialize(),
+            success: function(jdata)
+            {         
+            	if (jdata == "ok")
+                {                             
+                	$("#ma_lpr").val("");
+                	$("#ma_old_lpr").val("");
+                	$("#ma_etag").val("");
+                	$("#ma_start_date").val("");
+                	$("#ma_end_date").val("");
+                	$("#ma_member_name").val("");
+                	$("#ma_mobile_no").val("");
+                	$("#ma_contract_no").val("");
+                	$("#ma_member_id").val("");
+                	$("#ma_tel_h").val("");
+                	$("#ma_tel_o").val("");
+                	$("#ma_addr").val("");
+                	$("#ma_member_no").val("0");
+                	alert("月租資料存檔完成 !");
+                    show_item('member_query', 'member_query');
+                } 
+                else
+                {
+                 	alert(jdata);
+                }
+            }
+        }); 
+    });
+        
+    set_resize();	// 建立放大照片
+                            
+    // 調撥車道設定
+	$('#lane_form input[type=radio]').change(function() 
+    {       
+    	lane_no = $(this).data("lane_no"); 
+		$.ajax
+    	({
+        	url: "<?=APP_URL?>reversible_lane_set", 
+        	dataType:"text",
+        	type:"post",
+        	data:{"lane_no":lane_no, "actions":$(this).val()},
+        	success:function(jdata)
+        	{     
+    		}                                                                          
+    	}); 
+    
+    	return true;
+	}); 
+	
+	
+	// Custom: altob-keyaction
+  	// ********************
+	$.extend($.keyboard.keyaction, {
+		accept : function(base) {
+			base.close(true); // same as base.accept();
+			
+			// do something
+			
+			return false;     // return false prevents further processing
+		}
+	});
+	
+	// Custom: altob-input
+  	// ********************
+  	$('#upd_cario_lpr, #cms_lpr').keyboard({
+
+		usePreview: false,
+	
+		css : {
+		  // input & preview styles
+		  input          : 'ui-widget-content ui-corner-all',
+		  // keyboard container - this wraps the preview area (if `usePreview` is true) and all keys
+		  container      : 'ui-widget-content ui-widget ui-corner-all ui-helper-clearfix',
+		  // default keyboard button state, these are applied to all keys, the remaining css options are toggled as needed
+		  buttonDefault  : 'ui-state-default ui-corner-all',
+		  // hovered button
+		  buttonHover    : 'ui-state-hover',
+		  // Action keys (e.g. Accept, Cancel, Tab, etc); this replaces the "actionClass" option
+		  buttonAction   : 'ui-state-active',
+		  // used when disabling the decimal button {dec} when a decimal exists in the input area
+		  buttonDisabled : 'ui-state-disabled'
+		},
+		
+		position : {
+		  // null (attach to input/textarea) or a jQuery object (attach elsewhere)
+		  of : null,
+		  my : 'center top',
+		  at : 'center top',
+		  // at2 is used when "usePreview" is false (centers keyboard at the bottom
+		  // of the input/textarea)
+		  at2: 'center bottom',
+		  collision: 'flipfit flipfit'
+		},
+
+  		display: {
+  			'bksp'    : '\u2190',
+  			'default' : 'ABC',
+  			'accept'  : '確 認'
+  		},
+
+  		layout: 'custom',
+
+  		customLayout: {
+
+  			'default': [
+  				'1 2 3 4 5 6 7 8 9 0 {bksp}',
+  				'Q W E R T Y U I O P',
+  				'A S D F G H J K L',
+  				'Z X C V B N M {accept}'
+  			]
+
+  		}
+
+  	});
+	
+}); 
+
+function opendoors(lane_no)
+{
+	$.ajax
+    ({
+        url: "<?=APP_URL?>opendoors/"+lane_no, 
+        dataType:"text",
+        type:"post",
+        data:{},
+        success:function(jdata)
+        {     
+    	}                                                                          
+    }); 
+    
+    return true;
+}    
+             
+// 設定放大照片
+function set_resize()
+{
+	$('.resize').hover
+    (         
+    	function()
+        {       
+        	pos_x = $(this).position().left - 100;
+        	pos_y = $(this).position().top - 100;
+            
+            $("#works").css
+            ({	"position":"absolute",
+            	"top":pos_y,
+                "left":pos_x
+            }).html("<img src='"+$(this).attr("src")+"' width='400px' height='240px' />").show();
+    	},
+    	function()
+        {                                 
+			$("#works").hide();        
+    	}
+	);   
+}     
+
+// 重設在席查核
+function reset_pks_check()
+{
+	$.ajax
+    ({
+        url: "<?=APP_URL?>reset_pks_check", 
+        dataType:"json",
+        type:"post",
+        data:{},
+        success:function(jdata)
+        {
+        	alert("重設在席查核完成,在席總計:"+jdata["tot"]+", 更新筆數:"+jdata["tot_correct"]);     
+    	}                                                                          
+    }); 
+}    
+
+
+// 更正在席車號
+function correct_lpr(pksno, lpr)
+{          
+	new_lpr = prompt("車格#"+pksno+"正確車號(大小寫皆可):", lpr);
+    if (new_lpr == "")	return false;  
+    
+	$.ajax
+    ({
+        url: "<?=APP_URL?>correct_pks_lpr/"+pksno+"/"+new_lpr.toUpperCase(), 
+        dataType:"json",
+        type:"post",
+        data:{},
+        success:function(jdata)
+        {                                                                            
+            msg_err = jdata["err"] == 0 ? "在席更新正確車號," : "在席或車號錯誤無法更新,";
+            msg_cario = jdata["cario_no"] == 0 ? "查無入場資料" : "且與入場資料相符";
+        	alert(msg_err+msg_cario); 
+            show_item('pks_check', 'pks_check');    
+    	}                                                                          
+    }); 
+}      
+
+
+// 更正在席車號
+function correct_carin_lpr(cario_no, lpr, in_time)
+{          
+	new_lpr = prompt("正確車號(大小寫皆可):", lpr);
+    if (new_lpr == "")	return false;
+    
+	$.ajax
+    ({
+        url: "<?=APP_URL?>correct_carin_lpr/"+cario_no+"/"+new_lpr.toUpperCase()+"/"+encodeURIComponent(in_time), 
+        dataType:"json",
+        type:"post",
+        data:{},
+        success:function(jdata)
+        {                                                                            
+            msg_pks = jdata["pksno"] == 0 ? "但無在席資料" : "且在席資料也更新完成 !";
+        	alert("入場資料更新完成, "+msg_pks); 
+            show_item('carin_check', 'carin_check');    
+    	}                                                                          
+    }); 
+}
+
+
+
+
+
+
+<?php /* 登出 */ ?>
+function logout(event)
+{
+	event.preventDefault();
+	$.ajax
+        ({
+        	url: "<?=APP_URL?>user_logout",
+            success: function(jdata)
+            {
+				window.location = "<?=APP_URL?>";
+            }
+	}); 
+}
+
+</script>
+
+
+
+
+
+
+<!-- ----- 進出資料建立小框 ----- -->
+<div class="modal fade" id="show_create_cario_dialog">
+<div class="modal-dialog" style="width:70%;height:100%">
+<div class="modal-content" style="width:70%;height:100%">
+<div class="modal-header"><h3>手動建立資料</h3></div>
+<div class="modal-body" style="max-height: calc(100vh - 210px); overflow-y: auto">
+<form id="show_create_cario_form" class="center-block">    
+<div class="main">
+<div class="dataTable_wrapper">
+<table class="table table-striped table-bordered table-hover" style="font-size:28px;">
+<tbody>
+
+<tr class="form-group">
+	<td style="text-align:right;">場站</td>
+	<td style="text-align:left;" id="create_cario_station_name"></td>
+</tr>
+<tr class="form-group">
+	<td style="text-align:right;">場站編號</td>
+	<td style="text-align:left;" id="create_cario_station_no"></td>
+</tr> 
+<!--tr class="form-group">
+<td style="text-align:right;">車道</td>
+	<td style="text-align:left;">
+		<div id="cms_ivsno_box"/>
+	</td>
+</tr-->
+<tr class="form-group">
+<td style="text-align:right;">進出場</td>
+	<td style="text-align:left;">
+		<div id="cms_io_box"/>
+	</td>
+</tr>
+<tr class="form-group">
+<td style="text-align:right;">車種</td>
+	<td style="text-align:left;">
+		<div id="cms_ctype_box"/>
+	</td>
+</tr>
+<tr class="form-group">
+	<td style="text-align:right;">車牌號碼</td>
+	<td style="text-align:left;">
+		<input id="cms_lpr" name="lpr" class="form-control" placeholder="限英數字碼" style="text-transform:uppercase;font-size:48px;height:56px;" />
+	</td>
+</tr> 
+
+
+</tbody>
+</table>                    
+<button type="button" class="btn btn-large btn-success pull-right" style="font-size:22px;"   onclick="do_create_cario();">確認送出</button>
+&nbsp;&nbsp;
+<button type="button" class="btn btn-large btn-cancel" onclick="$('#show_create_cario_dialog').modal('hide');">取消</button>
+</div><!-- ----- end of dataTable_wrapper ----- -->  
+</div><!-- ----- end of main ----- -->
+</form>
+</div><!-- end of modal-body --> 
+</div><!-- end of modal-content --> 
+</div><!-- end of modal-dialog -->
+</div><!-- end of modal show -->
+<!-- ----- 進出資料建立小框(結束) ----- -->  
+
+
+
+<script>  
+
+// 顯示新增車辨記錄
+function show_create_cario_dialog()
+{				
+	if(typeof AltobObject.station_no == 'undefined' || AltobObject.station_no == '' || AltobObject.station_no == 0)
+	{
+		alertify_msg("尚未設定場站。。");
+		return false;
+	}
+	
+	if(typeof AltobObject.xvars == 'undefined')
+	{
+		alertify_msg("未知的錯誤。。");
+		return false;
+	}
+
+	AltobObject.xvars["create_cario_info"] = {};
+	AltobObject.xvars["create_cario_info"]["station_no"] = AltobObject.station_no;
+
+	$("#create_cario_station_name").text(AltobObject.station_name);
+	$("#create_cario_station_no").text(AltobObject.station_no);
+	
+	// 進出場
+	var cms_io_content = [];
+	cms_io_content = cms_io_content.concat(["<select id='sel_cms_io_", AltobObject.station_no, "'><option value='choice'>請選擇</option>"]);
+	cms_io_content = cms_io_content.concat(["<option value='I'>進場</option>"]);
+	cms_io_content = cms_io_content.concat(["<option value='O'>離場</option>"]);
+	$("#cms_io_box").html('').html(cms_io_content.join(''));
+	
+	// 車種
+	var cms_ctype_content = [];
+	cms_ctype_content = cms_ctype_content.concat(["<select id='sel_cms_ctype_", AltobObject.station_no, "'><option value='choice'>請選擇</option>"]);
+	cms_ctype_content = cms_ctype_content.concat(["<option value='C'>汽車</option>"]);
+	cms_ctype_content = cms_ctype_content.concat(["<option value='M'>機車</option>"]);
+	$("#cms_ctype_box").html('').html(cms_ctype_content.join(''));
+	
+	// 車號
+	$("#cms_lpr").val('');
+	
+	$("#show_create_cario_dialog").modal({backdrop:false,keyboard:false});
+}
+	
+// 完成
+function do_create_cario()
+{
+	if (!confirm("確認資料無誤並送出 ?")) return false; 
+	
+	var station_no = AltobObject.xvars["create_cario_info"]["station_no"];
+	var io = $("#sel_cms_io_" + station_no).val();
+	var ctype = $("#sel_cms_ctype_" + station_no).val();
+	var lpr = $("#cms_lpr").val();
+	
+	if(!(station_no && lpr))
+	{
+		alertify_msg("資料不足。。");
+		return false;
+	}
+	
+	$.ajax
+    ({
+        url: "<?=APP_URL?>local_lprio", 
+        dataType: "text",
+        type:"post",
+        data:
+        {
+			"cmd": 1,
+        	"station_no":station_no,
+			"ivsno": 0,	//  都帶 0
+			"io":io,
+			"ctype":ctype,
+			"lpr":lpr
+        },
+		error:function(xhr, ajaxOptions, thrownError)
+        {
+			alertify_msg(xhr.responseText);
+        	console.log("error:"+xhr.responseText+"|"+ajaxOptions+"|"+thrownError);  
+        },
+        success:function(jdata)
+        {                                                                            
+			if (jdata == "ok")	
+            {                              
+				alertify_msg("操作完成。。");
+				
+				show_item('cario_list', 'cario_list');	// 更新
+            }
+            else
+            {
+				alertify_msg("操作失敗。。" + jdata);
+            }
+        }
+    });
+    
+    delete AltobObject.xvars["create_cario_info"];
+    $('#show_create_cario_dialog').modal('hide'); 
+}
+</script>  
+
+
+
+<!-- ----- 進出資料修改小框 ----- -->
+<div class="modal fade" id="show_upd_cario_dialog">
+<div class="modal-dialog" style="width:70%;height:100%">
+<div class="modal-content" style="width:70%;height:100%">
+<div class="modal-header"><h3>手動建立資料</h3></div>
+<div class="modal-body" style="max-height: calc(100vh - 210px); overflow-y: auto">
+<form id="show_upd_cario_form" class="center-block">    
+<div class="main">
+<div class="dataTable_wrapper">
+<table class="table table-striped table-bordered table-hover" style="font-size:28px;">
+<tbody>
+
+<tr class="form-group">
+	<td style="text-align:right;">場站</td>
+	<td style="text-align:left;" id="upd_cario_station_name"></td>
+</tr>
+<tr class="form-group">
+	<td style="text-align:right;">場站編號</td>
+	<td style="text-align:left;" id="upd_cario_station_no"></td>
+</tr> 
+<tr class="form-group">
+	<td style="text-align:right;">車牌號碼</td>
+	<td style="text-align:left;">
+		<input id="upd_cario_lpr" name="lpr" class="form-control" placeholder="限英數字碼" style="text-transform:uppercase;font-size:48px;height:56px;" />
+	</td>
+</tr> 
+
+
+</tbody>
+</table>                    
+<button type="button" class="btn btn-large btn-success pull-right" style="font-size:22px;"   onclick="do_upd_cario();">確認送出</button>
+&nbsp;&nbsp;
+<button type="button" class="btn btn-large btn-cancel" onclick="$('#show_upd_cario_dialog').modal('hide');">取消</button>
+</div><!-- ----- end of dataTable_wrapper ----- -->  
+</div><!-- ----- end of main ----- -->
+</form>
+</div><!-- end of modal-body --> 
+</div><!-- end of modal-content --> 
+</div><!-- end of modal-dialog -->
+</div><!-- end of modal show -->
+<!-- ----- 進出資料修改小框(結束) ----- -->  
+
+
+
+<script>  
+
+// 顯示新增車辨記錄
+function show_upd_cario_dialog(cario_no, lpr)
+{				
+	if(typeof AltobObject.station_no == 'undefined' || AltobObject.station_no == '' || AltobObject.station_no == 0)
+	{
+		alertify_msg("尚未設定場站。。");
+		return false;
+	}
+	
+	if(typeof AltobObject.xvars == 'undefined')
+	{
+		alertify_msg("未知的錯誤。。");
+		return false;
+	}
+
+	AltobObject.xvars["upd_cario_info"] = {};
+	AltobObject.xvars["upd_cario_info"]["station_no"] = AltobObject.station_no;
+	AltobObject.xvars["upd_cario_info"]["cario_no"] = cario_no;
+	AltobObject.xvars["upd_cario_info"]["old_lpr"] = lpr;
+
+	$("#upd_cario_station_name").text(AltobObject.station_name);
+	$("#upd_cario_station_no").text(AltobObject.station_no);
+	
+	// 車號
+	if(lpr == 'NONE')
+		$("#upd_cario_lpr").val('');
+	else
+		$("#upd_cario_lpr").val(lpr);
+	
+	$("#show_upd_cario_dialog").modal({backdrop:false,keyboard:false});
+}
+	
+// 完成
+function do_upd_cario()
+{
+	if (!confirm("確認資料無誤並送出 ?")) return false; 
+	
+	var station_no = AltobObject.xvars["upd_cario_info"]["station_no"];
+	var cario_no = AltobObject.xvars["upd_cario_info"]["cario_no"];
+	var old_lpr = AltobObject.xvars["upd_cario_info"]["old_lpr"];
+	var new_lpr = $("#upd_cario_lpr").val();
+	
+	if(!(station_no && cario_no))
+	{
+		alertify_msg("資料不足。。");
+		return false;
+	}
+	
+	$.ajax
+    ({
+        url: "<?=APP_URL?>local_lprio", 
+        dataType: "text",
+        type:"post",
+        data:
+        {
+			"cmd": 2,
+        	"station_no":station_no,
+			"cario_no":cario_no,
+			"old_lpr":old_lpr,
+			"new_lpr":new_lpr
+        },
+		error:function(xhr, ajaxOptions, thrownError)
+        {
+			alertify_msg(xhr.responseText);
+        	console.log("error:"+xhr.responseText+"|"+ajaxOptions+"|"+thrownError);  
+        },
+        success:function(jdata)
+        {                                                                            
+			if (jdata == "ok")	
+            {                              
+				alertify_msg("操作完成。。");
+				
+				show_item('cario_list', 'cario_list');	// 更新
+            }
+            else
+            {
+				alertify_msg("操作失敗。。" + jdata);
+            }
+        }
+    });
+    
+    delete AltobObject.xvars["upd_cario_info"];
+    $('#show_upd_cario_dialog').modal('hide'); 
+}
+</script> 
+
+
+
+
+
+
+
+
+
+
+
+
+
+

第1車道 - 入場
第2車道 - 調撥入場
第3車道 - 調撥出場
第4車道 - 出場