@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

@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');
}

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { overflow: auto; margin: 0px; padding: 0px; background-color: #EEEEEE; font-family: 'Noto Sans TC'; background-image: url( '../i/bg.jpg' ); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center top; }
a { text-decoration: none; color: #FFF; }
a:hover { cursor: pointer; }

h1 { font-size: auto; font-weight: normal; }
h2 { font-size: auto; font-weight: normal; }
h3 { font-size: auto; font-weight: normal; }
textarea { overflow-x: hidden; overflow-y: auto; }

.form-change input,.form-change select{
            -webkit-appearance:none; /*去除系统默认的样式*/
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);   /* 点击高亮的颜色*/
    }
    
input[type="submit"],
input[type="reset"],
input[type="button"],
select,
button {
	-webkit-appearance: none;
}
label { cursor: default; }


a[class="Anchor"] { position: absolute; width: 0px; height: 0px; overflow: hidden; }
#Top { display: none; position: fixed; z-index: 100; right: 30px; bottom: 50px; padding: 0px; border-radius: 5px; background-color: rgba( 0,0,0,0.5 ); cursor: pointer; }
#Top .SvgStyle { width: 48px; height: 48px; fill: #FFFFFF; }

.sys_overlay     { filter: alpha(Opacity=80, Style=0); -moz-opacity: 0.8; opacity: 0.8; background-color: #000000; top: 0px; left: 0px; display: none; position: absolute; width: 100%; overflow: hidden; }
.sys_lightbox    { background-color: #EEEEEE; border: solid 3px #555555; display: none; position: fixed; top: 50%; left: 50%; max-width: 100%; max-height: 100%; }

/*無障礙*/
a:focus { outline-width: 2px; outline-style: dashed; outline-color: #b1426e; }
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, 
textarea:focus, 
select:focus, 
button:focus {
	outline-width: 3px; outline-style: dashed; outline-color: #b1426e;
}

noscript p { width: 100%; padding: 8px; font-size: 15px; background-color: #00463d; color: #FFF; }
.sr-only { float: left; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; white-space: nowrap; clip-path: inset(50%); }
.sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; white-space: normal; clip-path: none; }

#Accesskey_U { display: flex; flex: none; width: 15px; color: #838383; font-weight: normal; font-size: 15px; }
#Accesskey_U:hover {  }
#Accesskey_C { display: block; float: none; clear: both; width: 15px; color: #838383; font-weight: normal; font-size: 15px; }
#Accesskey_C:hover {  }
#Accesskey_Z { width: 15px; color: #838383; font-weight: normal; font-size: 15px; }
#Accesskey_Z:hover {  }

@media screen and ( max-width: 1240px ) {
	#Accesskey_U { float: left; }
}