@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(MaterialIcons/MaterialIcons-Regular.eot); /* For IE6-8 */
	src: local('Material Icons'),
		local('MaterialIcons-Regular'),
		url(MaterialIcons/MaterialIcons-Regular.woff2) format('woff2'),
		url(MaterialIcons/MaterialIcons-Regular.woff) format('woff'),
		url(MaterialIcons/MaterialIcons-Regular.ttf) format('truetype');
}

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; font-family: arial, sans-serif; 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; }

/* 捲軸 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: 24px; vertical-align: middle; color: #FFFFFF; }
.material-icons:hover { cursor: pointer; }
.material-symbols-outlined { font-size: 24px; vertical-align: middle; color: #FFFFFF; }
.material-symbols-outlined:hover { cursor: pointer; }
button[type="button"] .material-icons { line-height: 24px; }
button[type="button"] .material-symbols-outlined { line-height: 24px; }


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

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

}