風格 主頁面 內容 備註說明 問題 回覆

style01

帳款資訊 帳款資訊_有欠款01      
帳款資訊_有欠款02      
帳款資訊_有欠款03
帳款資訊_有欠款04
帳款資訊_無欠款01
帳款資訊_無欠款02
帳款資訊_無欠款03
帳款資訊_無欠款04
帳款資訊_其他顯示狀態      
帳務資訊_查無明細      
通話明細 安全性檢核      
通話明細      
通話明細_查無明細      
便利繳款 線上繳款_無欠款      
線上繳款_銀行1/3      
線上繳款_銀行2/3      
線上繳款_銀行_繳款成功      
線上繳款_銀行_繳款未完成      
線上繳款_信用卡      
超商繳款      
門市繳款      
轉帳設定      
點數換好康 電子點數      
電子點數_未申請HG      
HG點數_紙本帳單用戶      
電子點數_紙本帳單用戶      
HG點數      
快速集點      
專屬優惠 專屬優惠      
為您的電子帳單換新衣 為您的電子帳單換新衣      
為您的電子帳單換新衣_紙本帳單用戶      
共用訊息框及Alert視窗 共用訊息框及Alert視窗      
  處理中視窗   改成兩行:感謝您耐心等候,資料傳輸處理中

將 原本 <span>處理中</span> 直接替換成
<img src="images/style01/icon/loading.gif">

CSS改對上高度:

將.white_content {
display: table;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
z-index: 1002;
overflow: auto;
text-align:center;
}

改.white_content {
display: table;
position: absolute;
top: 40%;
left: 25%;
width: 50%;
height: 50%;
z-index: 1002;
overflow: auto;
text-align:center;
}

紙本banner 紙本banner      
  載入中 其他顯示狀態(載入中) 新增網頁  

新增CSS

/*載入中*/
.loading{ display:block; text-align:center; position:relative; min-height: 180px;}
.loading img{ position:absolute; left:50%; margin-left:-90px; top:50%; margin-top:-90px;}

新增圖片

images/style01/Loading_icon_1.gif

  載入中(純)    
風格 主頁面 內容 備註說明 問題 回覆

style02

帳款資訊 帳款資訊_有欠款01      
帳款資訊_有欠款02      
帳款資訊_有欠款03
帳款資訊_有欠款04
帳款資訊_無欠款01
帳款資訊_無欠款02
帳款資訊_無欠款03
帳款資訊_無欠款04
帳款資訊_其他顯示狀態      
帳務資訊_查無明細      
通話明細 安全性檢核      
通話明細      
通話明細_查無明細      
便利繳款 線上繳款_無欠款      
線上繳款_銀行1/3      
線上繳款_銀行2/3      
線上繳款_銀行_繳款成功      
線上繳款_銀行_繳款未完成      
線上繳款_信用卡      
超商繳款      
門市繳款      
轉帳設定      
點數換好康 電子點數      
電子點數_未申請HG      
HG點數_紙本帳單用戶      
電子點數_紙本帳單用戶      
HG點數      
快速集點      
專屬優惠 專屬優惠      
為您的電子帳單換新衣 為您的電子帳單換新衣      
為您的電子帳單換新衣_紙本帳單用戶      
共用訊息框及Alert視窗 共用訊息框及Alert視窗      
  處理中視窗   改成兩行:感謝您耐心等候,資料傳輸處理中

將 原本 <span>處理中</span> 直接替換成
<img src="images/style02/icon/loading.gif">

CSS改對上高度:

將.white_content {
display: table;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
z-index: 1002;
overflow: auto;
text-align:center;
}

改.white_content {
display: table;
position: absolute;
top: 40%;
left: 25%;
width: 50%;
height: 50%;
z-index: 1002;
overflow: auto;
text-align:center;
}

紙本banner 紙本banner      
  載入中 其他顯示狀態(載入中) 新增網頁  

新增CSS

/*載入中*/
.loading{ display:block; text-align:center; position:relative; min-height: 180px;}
.loading img{ position:absolute; left:50%; margin-left:-90px; top:50%; margin-top:-90px;}

新增圖片

images/style02/Loading_icon_2.gif

  載入中(純)    
風格 主頁面 內容 備註說明 問題 回覆

style03

帳款資訊 帳款資訊_有欠款01      
帳款資訊_有欠款02      
帳款資訊_有欠款03
帳款資訊_有欠款04
帳款資訊_無欠款01
帳款資訊_無欠款02
帳款資訊_無欠款03
帳款資訊_無欠款04
帳款資訊_其他顯示狀態      
帳務資訊_查無明細      
通話明細 安全性檢核      
通話明細      
通話明細_查無明細      
便利繳款 線上繳款_無欠款      
線上繳款_銀行1/3      
線上繳款_銀行2/3      
線上繳款_銀行_繳款成功      
線上繳款_銀行_繳款未完成      
線上繳款_信用卡      
超商繳款      
門市繳款      
轉帳設定      
點數換好康 電子點數      
電子點數_未申請HG      
HG點數_紙本帳單用戶      
電子點數_紙本帳單用戶      
HG點數      
快速集點      
專屬優惠 專屬優惠      
為您的電子帳單換新衣 為您的電子帳單換新衣      
為您的電子帳單換新衣_紙本帳單用戶      
共用訊息框及Alert視窗 共用訊息框及Alert視窗      
  處理中視窗   改成兩行:感謝您耐心等候,資料傳輸處理中

將 原本 <span>處理中</span> 直接替換成
<img src="images/style03/icon/loading.gif">

CSS改對上高度:

將.white_content {
display: table;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
z-index: 1002;
overflow: auto;
text-align:center;
}

改.white_content {
display: table;
position: absolute;
top: 40%;
left: 25%;
width: 50%;
height: 50%;
z-index: 1002;
overflow: auto;
text-align:center;
}

紙本banner 紙本banner      
  載入中 其他顯示狀態(載入中) 新增網頁  

新增CSS

/*載入中*/
.loading{ display:block; text-align:center; position:relative; min-height: 180px;}
.loading img{ position:absolute; left:50%; margin-left:-90px; top:50%; margin-top:-90px;}

新增圖片

images/style03/Loading_icon_3.gif

  載入中(純)