/* web 抬頭與抬尾格式 */
div.debug { display:flex; position:sticky; width:98%; 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.webbottomouter { position:fixed; width:100%; left:0; bottom: 0; 
	padding: 3px 0px 3px 0px; background-color:white; font-size:14px; 
	color:darkblue; justify-content:center; }

/* web頁次與前後頁按鈕格式 */
.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.outer { display:flex; position:fixed; top:30%; width:100%; text-align:center; 
	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; }
.webunfin { text-align:center; color:#A00000; }

/* app基礎格式 */
body { background-color:white; font: 10pt Arial, Helvetica, sans-serif; }
table { width:96%; margin: auto; border-collapse:collapse; background-color:white; 
	font: 10pt Arial, Helvetica, sans-serif; }

/* table 1 */
#table1 th { background-color:#c6d4f6; border:1.2px solid white; color:black; font-weight:normal; } /* B0C4DE */
#table1 td, th { border:1px solid #dddddd; padding: 3px; } /* line-height:1.3; */
/* 水平每一行顏色設定 */
#table1 tr:nth-child(odd) td { background-color: white; }
#table1 tr:nth-child(even) td { background-color: #f7f7f7; }
/* 垂直每一列寬度設定 */
#table1 th:nth-child(1), #table1 td:nth-child(1), #table1 th:nth-child(3), #table1 td:nth-child(3) { width:12%; min-width:86px; padding-left:6px; word-break:keep-all; }
#table1 th:nth-child(2), #table1 td:nth-child(2), #table1 th:nth-child(4), #table1 td:nth-child(4) { width:38%; color:black; padding-left:6px; }

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; }