/*
v.0 | 20170727 | Daphne Liu
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}
body {line-height: 1; font-family:Microsoft JhengHei, "微軟正黑體", Arial, Helvetica ; color:#000000; display:-webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column;}
ol, ul {list-style: none; line-height:1.375rem; }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/*html5*/
article,aside,dialog,footer,header,section,nav,figure,menu{ display:block}
/* 標題文字設定 */
h1, h2, h3, h4, h5, h6 { }
/*h2 { font-size:1.75rem; font-weight:bold; line-height:2.5rem; } */
h3 { font-size:175%; font-weight:bold; line-height:2.5rem; }
h5 { font-size:143.75%; line-height:1.875rem; }
small { font-size:125%; vertical-align:middle;font-weight:normal;}
caption { font-size:175%; font-weight:bold; line-height:2.5rem; }
/* logo-icon */
.logo a img {display:none;border:0;}
.logo a {background:url('../images/icon2.png') no-repeat;background-size:18.75rem ;width:18.75rem; height:4.375rem;display:block;}
.clear{ clear:both}
/* 連結 */
a { color:#0055b8; }
/* 錯誤警示 */
.wrong { color:#C70018; }
/* 圖片設定 */
img { border:none; display:block;}
.clear { clear:both}
.logo img {width:18.75rem}
.logo-title {color:#003579;font-size:162.5%;line-height:5rem;float:left;}
/* 內容 */
.section { width:100%;height:34.375rem; min-height:88%; margin:0 auto; display:table;background:#fff; }
.header { border-bottom:1.5rem solid #428448; height:5rem;}
.header .logo { padding: 0.3125rem 1.25rem; float:left }
.header .log-box { padding: 0.5rem 1.25rem; width:auto; float:right; display:flex; }
.header .log-box a img { height:2.8125rem; margin-left:0.625rem; }
/* 導覽列 */
.breadcrumb { font-size:87.5%; display:inline-block; }
.breadcrumb a { text-decoration:none;}
/* 右上方登入登出文字秒數顯示 */
.log-info { font-size:87.5%; float:right;}
.red { color:#C70018; }
/* 登入時置中區 */
.container { width: 80%;
margin: 0.625rem 10%;
line-height: 1.5625rem;
min-width: 66.25rem;}
/*中間區塊*/
.container-middle {
margin: 4.375rem auto 1.5625rem;
max-width: 31.25rem;
margin-bottom: 8.75rem; /* 保持原有的 margin-bottom */
width: 100%; /* 設定預設寬度為 100% */
}
@media (min-width: 31.25rem) {
.container-middle {
width: 31.25rem; /* 螢幕寬度超過 31.25rem 時設置寬度為 31.25rem */
}
}
.container-do-pswd {
margin: 2.5rem auto 1.5625rem;
max-width: 56.25rem;
width: 100%; /* 設定預設寬度為 100% */
}
@media (min-width: 56.25rem) {
.container-do-pswd {
width: 56.25rem; /* 在螢幕寬度大於 56.25rem 時，將寬度設為 56.25rem */
}
}
.container-do-pswd-new {
margin: 0.3125rem auto 1.5625rem;
max-width: 56.25rem;
width: 100%; /* 設定預設寬度為 100% */
}
@media (min-width: 56.25rem) {
.container-do-pswd-new {
width: 100%; /* 在螢幕寬度大於 56.25rem 時，保持寬度為 100% */
}
}
.container-box { padding:1.25rem; height:6.875rem; display:inline-block; width:100%;}
.container-box-left { padding:0.3125rem; width:100%; display:inline-block; width:100%;}
/* 左右區塊 - 密碼與數字鍵 */
.con-box {}
.con-left{ width: 37.5rem; float:left; margin-left:5rem; position:relative;margin-top:3.125rem;}
.con-left-s{ width: 23.75rem; float:left; margin-left:1.875rem; position:relative;}
.con-left-center{ width: 36.25rem; margin:0 auto; position:relative;}
.con-right{ width: 13.8125rem; float:right; position:relative;margin-right:3.75rem;margin-top:6.25rem;}
.con-right-s{ width: 23.75rem; float:right; margin-left:1.875rem; position:relative;}
.input { margin:0.625rem;}
.input-box { width: 21.25rem; height:4.375rem; border:0.1875rem #428448 solid; border-radius:0.75rem; margin-top:0.375rem; margin-bottom:0.625rem; float:left; }
.input-login{float:left; margin:0.625rem;}
.input-box-s { width: 21.25rem; height:4.375rem; border:0.1875rem #428448 solid; border-radius:0.75rem; margin-top:0; margin-bottom:0; }
.ps-info { position:absolute; top:-0.625rem; right:1.125rem; width:12.8125rem; text-align:center;}
input[name="PIN"] {border:0.125rem #428448 solid;border-radius:0.75rem;width:19.0625rem\9 ;height:2.75rem\9 ;margin:0.625rem;font-size:175%;padding-left: 0.625rem;}
input[name="NewPIN"] {border:0.125rem #428448 solid;border-radius:0.75rem;width:19.0625rem\9 ;height:2.75rem\9 ;margin:0.625rem;font-size:175%;padding-left: 0.625rem;}
input[name="CfmPIN"] {border:0.125rem #428448 solid;border-radius:0.75rem;width:19.0625rem\9 ;height:2.75rem\9 ;margin:0.625rem;font-size:175%;padding-left: 0.625rem;}
input[name="accountId"] {border:0.125rem #428448 solid;border-radius:0.75rem;width:19.0625rem\9 ;height:2.75rem\9 ;margin:0.625rem;font-size:175%;padding-left: 0.625rem;}
input[name="eMail"] {border:0.125rem #428448 solid;border-radius:0.75rem;width:19.0625rem\9 ;height:2.75rem\9 ;margin:0.625rem;font-size:175%;padding-left: 0.625rem;}
input[name="eYear"] {border:0.125rem #428448 solid;border-radius:0.75rem;width:19.0625rem\9 ;height:2.75rem\9 ;margin:0.125rem;font-size:175%;padding-left: 0.125rem;}
input[name="eMonth"] {border:0.125rem #428448 solid;border-radius:0.75rem;width:19.0625rem\9 ;height:2.75rem\9 ;margin:0.125rem;font-size:175%;padding-left: 0.125rem;}
input[name="eDate"] {border:0.125rem #428448 solid;border-radius:0.75rem;width:19.0625rem\9 ;height:2.75rem\9 ;margin:0.125rem;font-size:175%;padding-left: 0.125rem;}
input[name="reader"] {border:0.125rem #428448 solid;border-radius:0.75rem;width:19.0625rem\9 ;height:2.75rem\9 ;margin:0.625rem;font-size:175%;padding-left: 0.625rem;}
input[name="pin"] {border:0.125rem #428448 solid;border-radius:0.75rem;width:19.0625rem\9 ;height:2.75rem\9 ;margin:0.625rem;font-size:175%;padding-left: 0.625rem;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
input[name="PIN"] {width:20rem;height:3.125rem;}
input[name="NewPIN"] {width:20rem;height:3.125rem;}
input[name="CfmPIN"] {width:20rem;height:3.125rem;}
input[name="accountId"] {width:20rem;height:3.125rem;}
input[name="eMail"] {width:20rem;height:3.125rem;}
input[name="eYear"] {width:3.125rem;height:2.5rem;}
input[name="eMonth"] {width:2.5rem;height:2.5rem;}
input[name="eDate"] {width:2.5rem;height:2.5rem;}
input[name="reader"] {width:20rem;height:3.125rem;}
input[name="pin"] {width:20rem;height:3.125rem;}
#Accounts {text-align: center; line-height: 4.375rem; font-size: 175%;}
}
/* input::-ms-clear{display:none;}刪除文本框中的叉號 */
/* input::-ms-reveal{display:none;} 刪除密碼框中的小眼睛 */
/* input #PIN {border:0.125rem #428448 solid;border-radius:0.75rem;width:92%;height:72%;margin:3%;} */
/* 左右區塊 - 表格 */
.con-left-tt{ width: 53.125rem; float:left; margin-left:-1.25rem; position:relative;}
.con-right-tt{ width: 11.5625rem; float:right; position: absolute; bottom: 1.25rem; right: 1.25rem; }
/* 右下方按鈕 ONLY */
.con-right-tt a { display:inline-block; margin-top:0.625rem; }
.con-right-tt a img { width:10.3125rem; }
/* 一般樣式 */
table { width: 100%;}
table thead { background:#cdecab }
table td, table th { color: #333333;padding:0.1875rem 0.1875rem; font-size: 137.5%; line-height:1.875rem; border: 0.0625rem #8a8a8a solid; }
table td { vertical-align: middle;}
table td:last-child { }
table th { font-weight: bold; width:11.25rem;}
/*table tr:nth-child(2n) { background-color: white;}
table tr:nth-child(2n+1) { }*/
table b { font-size:125%; font-weight:bold; vertical-align: bottom;}
/*帳號選擇*/
#Accounts {text-align: center; line-height: 4.375rem; font-size: 175%;}
/* 右方數字按鍵 */
.number-key{margin-left:1.25rem; }
.number-key .col { display: flex; }
.number-key .col a { padding:0.1875rem; }
.number-key .col a.icon-clear { padding:0.1875rem; }
.number-key .col a img { width: 4.0625rem; }
.number-key .col a.icon-clear img { width: 8.625rem; }
/* 純文字區域 */
.contentNew { padding:0 3.125rem; margin-top:0.625rem;}
.contentNew p { line-height:1.875rem; padding-bottom:0.375rem;}
.contentNew b { font-weight:bold;}
.contentNew ul { }
.contentNew ul li {line-height:1.375rem; list-style:inside disc; }
/* 純文字區域 */
.content { padding:0 3.125rem; margin-top:1.875rem;}
.content p { line-height:1.875rem; padding-bottom:0.375rem;}
.content b { font-weight:bold;}
.content ul { }
.content ul li {line-height:1.375rem; list-style:inside disc; }
/* 4組1排 */
.icon-wrap { border:0.0625rem solid #CCC; height: 31.25rem; padding: 0.625rem 0.64375rem 1.25rem; border-radius:0.3125rem; float:left; position:relative; width:100%; min-width:66.25rem;margin-bottom:6.875rem;}
.icon-wrapNew { border:0.0625rem solid #CCC; height: 100%; padding: 0.625rem 0.64375rem 1.25rem; border-radius:0.3125rem; float:left; position:relative; width:100%; min-width:66.25rem;margin-bottom:6.875rem;}
.icon-box { width:56.25rem; margin:3.125rem auto ; display: flex ;height:10rem; }
.icon-box .funtion { width:25%; margin-top:0.625rem;float:left;}
.icon-box .funtion img { width:10.125rem; padding:0 0.25rem; text-align:center; }
.icon-enter { position:absolute; bottom:0.5rem; right:-1.125rem}
.icon-enter img { width:6.875rem; }
.icon-wrap-context {margin: 3.125rem auto; width: 63.75rem;}
.icon-wrap-contextNew {margin: 0.3125rem auto; width: 63.75rem;}
/* 1組1排-置右*/
.funtion-rr { width:10.625rem; bottom: 10rem;float: right;margin-top:2.5rem;margin-right:9%;margin-bottom: 8.75rem;}
.funtion-rr img { width:10.125rem; padding:0 0.25rem; }
/* ICON-置中*/
.icon-center { width:8.75rem; margin:0.625rem auto; }
.icon-center img { width:8.125rem; }
.icon-enter-s { position:absolute; bottom:0; right:-0.375rem}
.icon-enter-s img { width:6.4375rem; }
/* ICON-置左*/
.icon-left { width:8.75rem; margin:0.3125rem auto; float:left;}
.icon-left img { width:8.125rem; }
/* ICON-success*/
.icon-success{height:18.75rem;margin-top:3.125rem}
.icon-success-t {background-image:url('../images/mistake-001_1.png');background-repeat:no-repeat;width:18.75rem;height:4.5625rem;margin:0 auto;}
.icon-success-b {background-image:url('../images/mistake001-1_3.png');background-repeat:no-repeat;width:18.75rem;height:3.4375rem;margin:0 auto;text-align:center; line-height:2.8125rem;color: red; font-weight: bold;}
.icon-error1-t {background-image:url('../images/mistake-001_1.png');background-repeat:no-repeat;width:20.625rem;height:4.5625rem;margin:0 auto;}
.icon-error1-b {background-image:url('../images/mistake001-1_3.png');background-repeat:no-repeat;width:20.625rem;height:3.4375rem;margin:0 auto;text-align:center; line-height:2.8125rem;color: red; font-weight: bold;}
.icon-error2-t {background-image:url('../images/mistake-001_1.png');background-repeat:no-repeat;width:20.625rem;height:4.5625rem;margin:0 auto;}
.icon-error2-b {background-image:url('../images/mistake001-1_3.png');background-repeat:no-repeat;width:20.625rem;height:3.4375rem;margin:0 auto;text-align:left; line-height:2.8125rem;color: red; font-weight: bold;}
/* 警示訊息*/
#warn{color:red;font-weight: bold;}
/* 網頁導覽*/
.map-text{margin-top:0.5rem}
/*備註事項*/
.memo{ padding:0.3125rem; font-size:93.75%; color:#000000; line-height:1.125rem; }
.memo-red{ padding-top:0.3125rem; font-size:93.75%; color:#c70018; line-height:1.125rem; }
/* footer 資訊*/
.footer { background-color:#717171; width:100%; height: 6.25rem; position: fixed; bottom:0; left:0; z-index: 0; margin: 0 auto; border-top:0.625rem solid #fff;}
.footer .footer-section { width:48.75rem; margin: auto; }
.footer .twca-badge { width:6.875rem; height:4.375rem; margin-top:1.25rem; float:left; }
.footer .info { width:33.125rem; padding:0.375rem 0.9375rem; color:#ffffff; font-size:87.5%; line-height:1.375rem; float:left; }
.footer .badge { padding-top:1.875rem; float:left; }
.footer .Mail_icon {color: #feff99;padding: 0 1.5625rem 0 0 ;background: url(../images/Mail_icon.png) no-repeat right 0.0625rem;background-size:1.1875rem;}
.footer .WebPhone_icon { margin-left: 0.3125rem;background-size:1.125rem;}
.footer .WebPhone_icon img{ width: 1.0625rem; margin-top: 0.1875rem; float: left;}
/* 無障礙 */
[accesskey] { text-decoration:none;}
#AC[accesskey] {color: #000; margin-top: 1.75rem; font-size:100%;}
#AC[accesskey] :focus{outline:none;border: 0.1875rem solid #FF0;}
#AC-0[accesskey] {color: #000; margin-top: 1.75rem; font-size:100%;}
#AC-0[accesskey] :focus{outline:none;border: 0.1875rem solid #FF0;}
#AC-1[accesskey] {color: #000; margin-top: 1.75rem; font-size:100%;}
#AC-1[accesskey] :focus{outline:none;border: 0.1875rem solid #FF0;}
#AC-2[accesskey] {color: #000; margin-top: 1.75rem; font-size:100%;}
#AC-2[accesskey] :focus{outline:none;border: 0.1875rem solid #FF0;}
/* hover效果 */
#login a img {display:none;border:0;}
#login a {background:url('../images/Group.png') no-repeat;background-size:7.5rem ;width:7.5rem; height:3.75rem;display:block;}
#login :hover {background:url('../images/Group-hover.png') no-repeat;background-size:7.5rem ;width:7.5rem; height:3.75rem;display:block;}
#login :focus {background:url('../images/Group-hover.png') no-repeat;background-size:7.5rem ;width:7.5rem; height:3.75rem;display:block;}
#logout a img {display:none;border:0;}
#logout a {background:url('../images/Logout.png') no-repeat;background-size:10rem ;width:10rem; height:5rem;display:block;}
#logout :hover {background:url('../images/Logout-hover.png') no-repeat;background-size:10rem ;width:10rem; height:5rem;display:block;}
#logout :focus {background:url('../images/Logout-hover.png') no-repeat;background-size:10rem ;width:10rem; height:5rem;display:block;}
#BI a img {display:none;border:0;}
#BI a {background:url('../images/BI.png') no-repeat;background-size:10.125rem ;width:10.125rem; height:9.0625rem;display:block;margin: 0rem auto;}
#BI :hover {background:url('../images/BI-hover.png') no-repeat;background-size:10.125rem ;width:10.125rem; height:9.0625rem;display:block;}
#BI :focus {background:url('../images/BI-hover.png') no-repeat;background-size:10.125rem ;width:10.125rem; height:9.0625rem;display:block;}
#TI a img {display:none;border:0;}
#TI a {background:url('../images/TI.png') no-repeat;background-size:10.125rem ;width:10.125rem; height:9.0625rem;display:block;margin: 0rem auto;}
#TI :hover {background:url('../images/TI-hover.png') no-repeat;background-size:10.125rem ;width:10.125rem; height:9.0625rem;display:block;}
#TI :focus {background:url('../images/TI-hover.png') no-repeat;background-size:10.125rem ;width:10.125rem; height:9.0625rem;display:block;}
#CP a img {display:none;border:0;}
#CP a {background:url('../images/CP.png') no-repeat;background-size:10.125rem ;width:10.125rem; height:9.0625rem;display:block;margin: 0rem auto;}
#CP :hover {background:url('../images/CP-hover.png') no-repeat;background-size:10.125rem ;width:10.125rem; height:9.0625rem;display:block;}
#CP :focus {background:url('../images/CP-hover.png') no-repeat;background-size:10.125rem ;width:10.125rem; height:9.0625rem;display:block;}
#RUAP a img {display:none;border:0;}
#RUAP a {background:url('../images/RUA.png') no-repeat;background-size:10.125rem ;width:10.125rem; height:9.0625rem;display:block;margin: 0rem auto;}
#RUAP :hover {background:url('../images/RUA-hover.png') no-repeat;background-size:10.125rem ;width:10.125rem; height:9.0625rem;display:block;}
#RUAP :focus {background:url('../images/RUA-hover.png') no-repeat;background-size:10.125rem ;width:10.125rem; height:9.0625rem;display:block;}
#AS a img {display:none;border:0;}
#AS a {background:url('../images/AS.png') no-repeat;background-size:10.125rem ;width:10.125rem; height:9.0625rem;display:block;margin: 0rem auto;}
#AS :hover {background:url('../images/AS-hover.png') no-repeat;background-size:10.125rem ;width:10.125rem; height:9.0625rem;display:block;}
#AS :focus {background:url('../images/AS-hover.png') no-repeat;background-size:10.125rem ;width:10.125rem; height:9.0625rem;display:block;}
#SM a img {display:none;border:0;}
#SM a {background:url('../images/SM.png') no-repeat;background-size:10.125rem ;width:10.125rem; height:9.0625rem;display:block;margin: 0rem auto;}
#SM :hover {background:url('../images/SM-hover.png') no-repeat;background-size:10.125rem ;width:10.125rem; height:9.0625rem;display:block;}
#SM :focus {background:url('../images/SM-hover.png') no-repeat;background-size:10.125rem ;width:10.125rem; height:9.0625rem;display:block;}
#RP a img {display:none;border:0;}
#RP a {background:url('../images/RP.png') no-repeat;background-size:11.75rem 4.0625rem;width:11.75rem; height:4.0625rem;display:block;}
#RP :hover {background:url('../images/RP-hover.png') no-repeat;background-size:11.75rem 4.0625rem;width:11.75rem; height:4.0625rem;display:block;}
#RP :focus {background:url('../images/RP-hover.png') no-repeat;background-size:11.75rem 4.0625rem;width:11.75rem; height:4.0625rem;display:block;}
#AR a img {display:none;border:0;}
#AR a {background:url('../images/AR.png') no-repeat;background-size:11.75rem 4.0625rem;width:11.75rem; height:4.0625rem;display:block;}
#AR :hover {background:url('../images/AR-hover.png') no-repeat;background-size:11.75rem 4.0625rem;width:11.75rem; height:4.0625rem;display:block;}
#AR :focus {background:url('../images/AR-hover.png') no-repeat;background-size:11.75rem 4.0625rem;width:11.75rem; height:4.0625rem;display:block;}
#Main-Menu a img {display:none;border:0;}
#Main-Menu a {background:url('../images/MainMenu.png') no-repeat;background-size:11.75rem 4.0625rem;width:11.75rem; height:4.0625rem;display:block;}
#Main-Menu :hover {background:url('../images/MainMenu-hover.png') no-repeat;background-size:11.75rem 4.0625rem;width:11.75rem; height:4.0625rem;display:block;}
#Main-Menu :focus {background:url('../images/MainMenu-hover.png') no-repeat;background-size:11.75rem 4.0625rem;width:11.75rem; height:4.0625rem;display:block;}
#Enter a img {display:none;border:0;}
#Enter a {background:url('../images/Enter.png') no-repeat;background-size:6.875rem ;width:6.875rem; height:4.125rem;display:block;}
#Enter :hover {background:url('../images/Enter-hover.png') no-repeat;background-size:6.875rem ;width:6.875rem; height:4.125rem;display:block;}
#Enter :focus {background:url('../images/Enter-hover.png') no-repeat;background-size:6.875rem ;width:6.875rem; height:4.125rem;display:block;}
#Header-Menu a img {display:none;border:0;}
#Header-Menu a {background:url('../images/MainMenu.png') no-repeat;background-size:10.625rem ;width:10.625rem; height:3.75rem;display:block;margin-right:0.625rem;float: right;}
#Header-Menu :hover {background:url('../images/MainMenu-hover.png') no-repeat;background-size:10.625rem ;width:10.625rem; height:3.75rem;display:block;}
#Header-Menu :focus {background:url('../images/MainMenu-hover.png') no-repeat;background-size:10.625rem ;width:10.625rem; height:3.75rem;display:block;}
#Header-logout a img {display:none;border:0;}
#Header-logout a {background:url('../images/Logout.png') no-repeat;background-size:7.8125rem ;width:7.8125rem; height:3.75rem;display:block;float: right;margin-right: 0.625rem;}
#Header-logout :hover {background:url('../images/Logout-hover.png') no-repeat;background-size:7.8125rem ;width:7.8125rem; height:3.75rem;display:block;}
#Header-logout :focus {background:url('../images/Logout-hover.png') no-repeat;background-size:7.8125rem ;width:7.8125rem; height:3.75rem;display:block;}
#FEEOFFER a img {display:none;border:0;}
#FEEOFFER a {background:url('../images/FeeOffer.png') no-repeat;background-size:16.625rem ;width:16.625rem; height:6.25rem;display:block;margin: 0rem auto;}
#FEEOFFER :hover {background:url('../images/FeeOffer-hover.png') no-repeat;background-size:16.625rem ;width:16.625rem; height:6.25rem;display:block;}
#FEEOFFER :focus {background:url('../images/FeeOffer-hover.png') no-repeat;background-size:16.625rem ;width:16.625rem; height:6.25rem;display:block;}
#ANB a img {display:none;border:0;}
#ANB a {background:url('../images/ANB.png') no-repeat;background-size:16.625rem ;width:16.625rem; height:6.25rem;display:block;margin: 0rem auto;}
#ANB :hover {background:url('../images/ANB-hover.png') no-repeat;background-size:16.625rem ;width:16.625rem; height:6.25rem;display:block;}
#ANB :focus {background:url('../images/ANB-hover.png') no-repeat;background-size:16.625rem ;width:16.625rem; height:6.25rem;display:block;}
#WTI a img {display:none;border:0;}
#WTI a {background:url('../images/WTI.png') no-repeat;background-size:10.375rem ;width:10.375rem; height:9.375rem;display:block;margin: 0rem auto;}
#WTI :hover {background:url('../images/WTI-hover.png') no-repeat;background-size:10.375rem ;width:10.375rem; height:9.375rem;display:block;}
#WTI :focus {background:url('../images/WTI-hover.png') no-repeat;background-size:10.375rem ;width:10.375rem; height:9.375rem;display:block;}
#TIT a img {display:none;border:0;}
#TIT a {background:url('../images/TIT.png') no-repeat;background-size:10.375rem ;width:10.375rem; height:9.375rem;display:block;margin: 0rem auto;}
#TIT :hover {background:url('../images/TIT-hover.png') no-repeat;background-size:10.375rem ;width:10.375rem; height:9.375rem;display:block;}
#TIT :focus {background:url('../images/TIT-hover.png') no-repeat;background-size:10.375rem ;width:10.375rem; height:9.375rem;display:block;}
#TIOW a img {display:none;border:0;}
#TIOW a {background:url('../images/TIOW.png') no-repeat;background-size:10.375rem ;width:10.375rem; height:9.375rem;display:block;margin: 0rem auto;}
#TIOW :hover {background:url('../images/TIOW-hover.png') no-repeat;background-size:10.375rem ;width:10.375rem; height:9.375rem;display:block;}
#TIOW :focus {background:url('../images/TIOW-hover.png') no-repeat;background-size:10.375rem ;width:10.375rem; height:9.375rem;display:block;}
#TIOM a img {display:none;border:0;}
#TIOM a {background:url('../images/TIOM.png') no-repeat;background-size:10.375rem ;width:10.375rem; height:9.375rem;display:block;margin: 0rem auto;}
#TIOM :hover {background:url('../images/TIOM-hover.png') no-repeat;background-size:10.375rem ;width:10.375rem; height:9.375rem;display:block;}
#TIOM :focus {background:url('../images/TIOM-hover.png') no-repeat;background-size:10.375rem ;width:10.375rem; height:9.375rem;display:block;}
#TITM a img {display:none;border:0;}
#TITM a {background:url('../images/TITM.png') no-repeat;background-size:10.375rem ;width:10.375rem; height:9.375rem;display:block;margin: 0rem auto;}
#TITM :hover {background:url('../images/TITM-hover.png') no-repeat;background-size:10.375rem ;width:10.375rem; height:9.375rem;display:block;}
#TITM :focus {background:url('../images/TITM-hover.png') no-repeat;background-size:10.375rem ;width:10.375rem; height:9.375rem;display:block;}
#TISM a img {display:none;border:0;}
#TISM a {background:url('../images/TISM.png') no-repeat;background-size:10.375rem ;width:10.375rem; height:9.375rem;display:block;margin: 0rem auto;}
#TISM :hover {background:url('../images/TISM-hover.png') no-repeat;background-size:10.375rem ;width:10.375rem; height:9.375rem;display:block;}
#TISM :focus {background:url('../images/TISM-hover.png') no-repeat;background-size:10.375rem ;width:10.375rem; height:9.375rem;display:block;}
#but-0 a img {display:none;border:0;}
#but-0 a {background:url('../images/0.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-0 :hover {background:url('../images/0-hover.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-0 :focus {background:url('../images/0-hover.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-1 a img {display:none;border:0;}
#but-1 a {background:url('../images/1.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-1 :hover {background:url('../images/1-hover.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-1 :focus {background:url('../images/1-hover.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-2 a img {display:none;border:0;}
#but-2 a {background:url('../images/2.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-2 :hover {background:url('../images/2-hover.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-2 :focus {background:url('../images/2-hover.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-3 a img {display:none;border:0;}
#but-3 a {background:url('../images/3.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-3 :hover {background:url('../images/3-hover.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-3 :focus {background:url('../images/3-hover.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-4 a img {display:none;border:0;}
#but-4 a {background:url('../images/4.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-4 :hover {background:url('../images/4-hover.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-4 :focus {background:url('../images/4-hover.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-5 a img {display:none;border:0;}
#but-5 a {background:url('../images/5.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-5 :hover {background:url('../images/5-hover.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-5 :focus {background:url('../images/5-hover.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-6 a img {display:none;border:0;}
#but-6 a {background:url('../images/6.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-6 :hover {background:url('../images/6-hover.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-6 :focus {background:url('../images/6-hover.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-7 a img {display:none;border:0;}
#but-7 a {background:url('../images/7.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-7 :hover {background:url('../images/7-hover.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-7 :focus {background:url('../images/7-hover.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-8 a img {display:none;border:0;}
#but-8 a {background:url('../images/8.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-8 :hover {background:url('../images/8-hover.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-8 :focus {background:url('../images/8-hover.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-9 a img {display:none;border:0;}
#but-9 a {background:url('../images/9.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-9 :hover {background:url('../images/9-hover.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#but-9 :focus {background:url('../images/9-hover.png') no-repeat;background-size:3.625rem ;width:3.625rem; height:3.625rem;display:block;}
#clear a img {display:none;border:0;}
#clear a {background:url('../images/clear.png') no-repeat;background-size:7.75rem 3.625rem ;width:7.75rem; height:3.625rem;display:block;}
#clear :hover {background:url('../images/clear-hover.png') no-repeat;background-size:7.75rem 3.625rem ;width:7.75rem; height:3.625rem;display:block;}
#clear :focus {background:url('../images/clear-hover.png') no-repeat;background-size:7.75rem 3.625rem ;width:7.75rem; height:3.625rem;display:block;}
#close a img {display:none;border:0;}
#close a {background:url('../images/Close.png') no-repeat;background-size:11.875rem 3.625rem ;width:11.875rem; height:3.625rem;display:block;}
#close :hover {background:url('../images/Close-hover.png') no-repeat;background-size:11.875rem 3.625rem ;width:11.875rem; height:3.625rem;display:block;}
#close :focus {background:url('../images/Close-hover.png') no-repeat;background-size:11.875rem 3.625rem ;width:11.875rem; height:3.625rem;display:block;}
#css_table {
display:table;
}
.css_tr {
display: table-row;
}
.css_td {
display: table-cell;
}
select {
width: 20rem;
/*注意在下拉框中，width是包括border的寬度的*/
height: 3.125rem;
border-radius: 0.3125rem;
border: 0.125rem solid #428448;
background-color: white;
background-repeat: no-repeat;
/*背景圖像的尺寸：第一個值為寬度，第二值為高度*/
background-size: 0.5rem 0.5rem, 0.5rem 0.5rem, 1.875rem 1.875rem, 0.0625rem 0rem;
/*背景圖片：多張圖片用","分割*/
/*repeating-linear-gradient() 函數用於重複線性漸變：參數分別為角度，顏色1，顏色2,...*/
background-image: repeating-linear-gradient(225deg, #428448 0%, #428448 50%, transparent 50%, transparent 100%),
/*組合成三角形圖標*/
repeating-linear-gradient(135deg, #428448 0%, #428448 50%, transparent 50%, transparent 100%),
/*組合成三角形圖標*/
linear-gradient(#FFFFFF 0%, #F8F9Fd, #EFFAFA 100%),
/*豎分割線右側的背景色*/
repeating-linear-gradient( rgb(191, 204, 220) 0%, rgb(191, 204, 220) 100%);
/*豎分割線*/
/*背景圖片的位置：第一個參數為水平位置，第二參數為垂直位置*/
background-position: 17.1875rem 1.25rem, 17.6875rem 1.25rem, right top, 10.4375rem top;
background: url("../images/arrow.png") no-repeat scroll right center transparent;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
select::-ms-expand{
display: none;
}
.txTimeText {
font-size: 137.5%;
}
.ItemCol{
font-size: 137.5%;
line-height: 130%;
color: #FFFFFF;
TEXT-ALIGN: center;
BACKGROUND-COLOR: #7CD000;
}
#noscript{
margin:0 auto;
height:6.25rem;
border:0.1875rem solid #003579;
line-height:6.25rem;
background-color:#fff;
border-radius:0.3125rem;
width:100%;
text-align:center;
position:fixed;
top:15.625rem;
z-index:999;
}
.detailrslt{
color: #FF0000;
}
.txt1 {
font-size: 137.5%;
line-height: 130%;
color: #333333;
}
.error {
font-size: 137.5%;
line-height: 130%;
color: #FF0000;
font-weight: bold;
background-repeat : no-repeat; /*不重複排列*/
background-position : 50% 0%;
}
#warn{
font-size: 137.5%;
}
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #75838d;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 35%;
left: 35%;
width: 25%;
background-color: #8c9da9;
z-index:1002;
overflow: auto;
font-size: 100%;
text-align: center;
color: white;
font-weight: bold;
border-radius: 0.5rem;
}
.hidden {
position: absolute;
width: 0.0625rem;
height: 0.0625rem;
margin: -0.0625rem;
padding: 0;
border: 0;
clip: rect(0, 0, 0, 0);
overflow: hidden;
}
/* ::-ms-clear,::-ms-reveal{display:none;} */