html, body, div, object, iframe, form, table, input, select, textarea { margin: 0; padding: 0; font-size: 100%; border: 0; outline: 0; }
* { font-family: 'Noto Sans TC', 'Microsoft Yahei', Helvetica, Arial, 'STHeiti', 'Microsoft JhengHei', '微軟正黑體', sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
div		{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body	{ position: relative; font-size: 13px; color: #333333; width: 100%; height: 100%; }

a { color: #588abc; text-decoration: none; }
a:hover { color: #225a93; cursor: pointer; }

input[type='text'], input[type='password'], input[type='email'], input[type='number'], input[type='file'], input[type='date'], select, textarea { width: 100%; padding: 10px; border-radius: 5px; border: solid 1px #AAAAAA; font-size: 16px; }
input[type='button'], input[type='reset'], input[type='submit'], button { padding: 10px; border-radius: 5px; border: none; font-size: 16px; box-shadow: none; }
input[type='text']:focus, input[type='password']:focus, input[type='email']:focus, input[type='number']:focus, input[type='file']:focus, input[type='date']:focus, select:focus, textarea:focus { border: solid 1px #80bdff;; box-shadow: 0px 0px 4px rgba(0, 84, 173, 0.3); }
input[type='button']:focus, input[type='reset']:focus, input[type='submit']:focus, button:focus { border: none; outline: none; }
select, button { vertical-align: middle; }
select { padding: 9px; }

ul { list-style-type: none; margin: 0px; padding: 0px; }
li { list-style-type: none; margin: 0px; padding: 0px; }

.TxtEllipsis_1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.TxtEllipsis_2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;	overflow: hidden; }
.TxtEllipsis_3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;	overflow: hidden; }
.TxtEllipsis_4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;	overflow: hidden; }
.TxtEllipsis_5 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;	overflow: hidden; }


/* 捲軸 Firefox或IE / Edge 不支持自定義滾動條。 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #f8f8f8; border-left: solid 1px #d9d9d9; }
::-webkit-scrollbar-track:hover { background: #f2f2f2; border-left: solid 1px #d9d9d9; }
::-webkit-scrollbar-thumb { background: #cccccc; border-left: solid 1px #b7b7b7; }
::-webkit-scrollbar-thumb:hover { background: #919191; border-left: solid 1px #656565; }
::-webkit-scrollbar-corner { background: #f8f8f8; }

/*LightBox*/
.SysOverlayBody { overflow: hidden; }
.SysOverlay { display: none; position: fixed; z-index: 9999; top: 0px; left: 0px; width: 100%; overflow: hidden; background-color: rgba( 0, 0, 0, 0.85 ); }
.SysOverlay.ViewFile { z-index: 10001; }
.SysOverlay.Open { display: block; }
.SysLightboxMain { display: none; position: fixed; z-index: 10000; top: 50%; left: 50%; }
.SysLightboxMain.ViewFile { z-index: 10002; }
.SysLightboxMain.Open { display: block; }
.SysLightbox { display: block; position: fixed; max-width: calc( 100% - 30px ); height: 100%; max-height: calc( 100% - 30px ); overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.8); border-radius: 5px; }
.SysLightbox iframe { width: 100%; height: 100%; border: none; background-color: #FFFFFF }

.material-icons { font-size: 1.5rem; vertical-align: middle; color: #FFFFFF; cursor: default; }
.material-icons:hover { cursor: pointer; }
.material-symbols-outlined { font-size: 1.5rem; vertical-align: middle; color: #FFFFFF; cursor: default; }
.material-symbols-outlined:hover { cursor: pointer; }
button[type="button"] .material-icons {  }
button[type="button"] .material-symbols-outlined {  }

/*無障礙*/
:root {
	--Accessibility_Outline: 2px dashed #b1426e;
	--Accessibility_FontSize: 1rem;
}

input[type="text"]:focus, 
input[type="file"]:focus,
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="date"]:focus, 
input[type="password"]:focus, 
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus, 
input[type="radio"]:focus, 
input[type="checkbox"]:focus, 
textarea:focus, 
select:focus, 
button:focus,
a:focus {
	position: relative; z-index: 999; outline: var( --Accessibility_Outline );
}

noscript p { width: 100%; padding: 8px; font-size: 15px; background-color: #00463d; color: #FFF; }
.sr-only { position: absolute; top: 10px; left: 10px; z-index: 9999; margin: 0; width: 1px; height: 1px; padding: 5px 5px; white-space: nowrap; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); }
.sr-only-focusable:focus { position: absolute; z-index: 9999; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; clip-path: none; color: var( --Accessibility_Outline ); background-color: #FFFFFF; font-size: var( --Accessibility_FontSize ); }

#Accesskey_U { position: absolute; top: 0px; display: inline-block; width: 15px; text-align: center; color: #838383; font-weight: normal; font-size: var( --Accessibility_FontSize ); }
#Accesskey_U:hover {  }
#Accesskey_C { padding-bottom: 5px; color: #838383; font-weight: normal; font-size: var( --Accessibility_FontSize ); }
#Accesskey_C:hover {  }
#Accesskey_B { margin-right: 5px; color: #838383; font-weight: normal; font-size: var( --Accessibility_FontSize ); }
#Accesskey_B:hover {  }



@media screen and (max-width: 768px ) {

::-webkit-scrollbar { display: none; }

#Accesskey_U { display: none; }
#Accesskey_U:hover {  }
#Accesskey_C { display: none; }
#Accesskey_C:hover {  }
#Accesskey_B { display: none; }
#Accesskey_B:hover {  }

}