@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; font-family: "Microsoft YaHei", "Microsoft JhengHei", "Helvetica Neue", RobotoRegular, "Segoe UI", Arial; }

:root { font-size: 1.25em; }
body { overflow: auto; margin: 0px; padding: 0px; background-color: #f3ffe9; }

a { text-decoration: none; color: #FFF; }
a:hover { cursor: pointer; }

h1 { font-size: 1em; font-weight: normal; }
h2 { font-size: 1em; font-weight: normal; }
h3 { font-size: 1em; 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;
}
button:hover { course: pointer; }
label { position: relative; 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: #ff5c00; }
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,
label.Focus {
	outline-width: 2px; outline-style: dashed; outline-color: #ff5c00;
}

input[type="checkbox"]:focus {
	outline: none;
}

noscript p { width: 100%; padding: 8px; font-size: 0.75rem; background-color: #00463d; color: #FFF; }
.SrOnly { 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%); }
.SrOnly:focus { position: static; margin: 0; overflow: visible; clip: auto; white-space: normal; clip-path: none; }
#Gotocenter { float: left; color: #095EBF; font-size: 1rem; line-height: 42px; }
#Gotocenter:focus { width: auto; height: 42px; }

#Gotocenter.SrOnly.MapAccesskey { float: none; display: block; color: #FFFFFF; }
#Gotocenter.SrOnly.MapAccesskey:focus { padding: 0px 10px; }

#Accesskey_U { width: 15px; color: #838383; font-weight: normal; font-size: 0.75rem; }
#Accesskey_U:hover {  }
#Accesskey_C { width: 15px; color: #838383; font-weight: normal; font-size: 0.75rem; }
#Accesskey_C:hover {  }
#Accesskey_Z { width: 15px; color: #838383; font-weight: normal; font-size: 0.75rem; }
#Accesskey_Z:hover {  }

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