/* web 抬頭與抬尾格式 */
div.debug { display:flex; position:sticky; width:96%; top:0; margin: 0 auto; 
	min-height:72px; border-radius:8px; } /* #e53e00 */
div.webtopouter { display:flex; width:96%; margin: auto; 
	padding: 3px 0px 3px 0px; color:darkblue; font-weight:normal; 
	background-color:white; border-radius:5px; } /* position:sticky; top:0; */
div.webtopleft { display:flex; width:20%; justify-content:left; align-items:center; }
div.webtopmiddle { display:flex; width:60%; font-size:22px; font-weight:bold; 
	text-align:center; justify-content:center; align-items:center; }
div.webtopright { display:flex; width:20%; text-align:right; justify-content:right; align-items:center; }
.webtopgolink { color:darkblue; font-size:14px; }
div.webshowtext { display:flex; width:100%; text-align:center; 
	justify-content:center; align-items:center; }

/* web頁次與前後頁按鈕格式 */
div.pagecount { padding:3px 0px 3px 0px; background-color:white; 
	justify-content:center; font-size:14px; color:darkblue; font-weight:normal;
	font-family:Arial, Helvetica, sans-serif; }
.webfirstpage { border-width:0px; }
.webprevpage { border-width:0px; }
.webnextpage { border-width:0px; }
.weblastpage { border-width:0px; }
.webheadersize { font-size:13px; color:black; }
.webcollinksize { font-size:13px; color:darkblue; }
.webdownlinksize { font-size:13px; color:darkblue; }
div.webbottomouter { display:flex; position:fixed; width:100%; left:0; bottom: 0; 
	padding: 3px 0px 3px 0px; background-color:white; font-size:14px; 
	color:darkblue; justify-content:center; } /*  */

/* 處理後訊息回覆格式 */
div.outer { display:flex; position:fixed; top:30%; width:100%;text-align:right; justify-content:center; }
div.message { display:flex; width:180px; min-height:60px; border:1px solid #d4d4d4; 
	border-radius:8px; background-color:#f0f0f0; font-size:16px; font-weight: bold; 
	color:red; text-align:center; justify-content:center; align-items:center; box-shadow: 2px 2px 2px gray; }
div.response { display:flex; width:180px; min-height:60px; border:1px solid #d4d4d4; 
	border-radius:8px; background-color:#f0f0f0; font-size:16px; font-weight: bold; 
	color:red; text-align:center; justify-content:center; align-items:center; box-shadow: 2px 2px 2px gray; }

div.pagecount { display:flex; width:100%; padding:3px 0px 3px 0px; 
	background-color:white; text-align: center; font-size:14px; 
	color:darkblue; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }

/* web基礎格式 */
body { background-color:white; font: 10pt Arial, Helvetica, sans-serif; }
table { border-collapse:collapse; font: 10pt Arial, Helvetica, sans-serif; } /* word-wrap:break-word; word-break:normal;  */
td, th { border:1px solid #dddddd; padding: 3px; }
.viewtdright { text-align:right; justify-content:right; }
/* .viewtdlink { display:flex; width:100%; height:100%; padding:3px; border-radius:8px; text-align:center; align-items:center; color:darkblue; } */
.viewthlink { display:flex; width:100%; height:100%; text-align:center; justify-content:center; align-items:center; color:black; }
.viewcolink { display:flex; width:100%; height:100%; text-align:center; justify-content:center; align-items:center; color:darkblue; }

/* table1 設定*/
#table1 { width: 96%; margin: auto;  border-collapse:collapse; } /* table1 基本設定 */
/* 水平每一行寬度設定 */
#table1 tr:nth-child(odd) td { background-color:#f7f7f7; border:1px solid #dddddd; text-align:center; justify-content:center; word-break:keep-all; } /* 奇數行背景淺灰色 */
#table1 tr:nth-child(even) td { background-color:white; border:1px solid #dddddd; text-align:center; justify-content:center; word-break:keep-all; } /* 偶數行背景深灰色 */
/* 垂直每一列寬度設定 */
#table1 tr td:nth-child(1), #table1 tr td:nth-child(3) { min-width:70px; width:12%; }
#table1 tr td:nth-child(2), #table1 tr td:nth-child(4) { width:32%; }

/* table2 設定*/
#table2 { width:auto; margin:auto; color:black; }  /* table2基本設定 */
/* table head */
#table2 thead th { background-color:#d3dbff; border:1.2px solid white; color:black; font-weight:normal; word-break:break-all; text-align:center; } /* background-color:#c6d4f6;#3f8eb9; */
/* table body */
#table2 tbody tr:nth-child(odd) td { background-color:white; }
#table2 tbody tr:nth-child(even) td { background-color:#f7f7f7; }
/* table foot */
#table2 tfoot td { border-top: 2px double darkblue; background-color:white; color: black; }

a { font-style:normal; font-variant:normal; font-weight:normal; 
	text-decoration:none; font: 10pt Arial, Helvetica, sans-serif; }
/* a:link { color:black; } */
a:hover { color:darkblue; font-weight:bold; background-color:#dce5f9; }
a:active { color:#FFFF66; }
a:visited { color:black; font-weight:bold; }