@font-face {
 font-family: 'NotoSans_Normal'; 
 src: url("../fonts/NotoSansCJKtc-Light.otf") format("opentype"); 
 font-weight: normal; 
 font-style: normal; 
}
@font-face {
 font-family: 'NotoSans_Bold'; 
 src: url("../fonts/NotoSansCJKtc-Regular.otf") format("opentype"); 
 font-weight: normal; 
 font-style: normal; 
}
/*
@font-face {
 font-family: 'NotoSans_Bold'; 
 src: url("../fonts/NotoSansCJKtc-Bold.otf") format("opentype"); 
 font-weight: bold; 
 font-style: normal; 
}
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 list-style: none;
 line-height: 0;
 vertical-align: baseline;
 font-family: 'NotoSans_Normal','Roboto', sans-serif;
}

body{
		background:#f2f2f2;
}

a:link {
 color: #303030;
}
a:visited {
 color: blue;
}
a:hover {
 color: #00aae0;
}
a:active {
 color: hotpink;
}

label {
 font-family: 'NotoSans_Bold','Roboto', sans-serif;
 line-height: 2em;
 font-size: 1.2em;
 font-weight:bold;
}
h1 {
 font-family: 'NotoSans_Bold','Roboto', sans-serif;
 line-height: 1.2em;
 font-size: 1em;
 font-weight:bold;
}
.row_gap_1em {
	height: 1em;
}
.clearfloat { 
  clear:both; 
}	
.content_area {
 width:100%;
 max-width:1024px;
 margin: 0 auto;
 text-align: center;
}

.menu_group {
	margin-left: 5%;
	margin-top: 1em;
	margin-bottom: 1em;
	width:90%;
	max-width:720px;
	margin: 0 auto;
	text-align: left;
}	

.menu_title{
  color:blue;
}
.menu_desc{
	margin-left: 15px;
  color:brown;
}
.menu_item{
	margin-left: 36px;
	padding-top: 1em;
	padding-bottom: 1em;
}
.menu_item li{
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	list-style-type: circle;
	font-family: 'NotoSans_Bold','Roboto', sans-serif;
	line-height: 1em;
	font-size: 1em;
	font-weight:bold;
}
header{
		background:#fff;
}
section, footer{
		background:#f2f2f2;
}

#index_header{
		background:#0B1A12;
}




.sub_title{
		margin-top: 30px;
}
.title>label{
	font-size: 3.0em;
}

.sub_title>label{
	font-size: 1.5em;
}



.err_msg {
	line-height: 2em;
 font-size: 1em;
 font-weight:bold;
 padding-left: 1em; 
 color:red;
 visibility: hidden;
}

#send_msg {
	line-height: 2em;
 font-size: 1em;
 font-weight:bold;
 color:blue;
 margin: 3px 0 3px 0;
}

footer {
 color: #303030;
 text-align: center;
 width: 100%;
}
.f_row {
	margin-top: 1.8em;
	margin-bottom: 1.8em;
	text-align: center;
	display:inline-block;
 vertical-align:middle;
}
.f_column {
	padding-left: 8px;
	padding-right: 8px;
	line-height: 2em;
	font-size: 1em;
	float:left;
}

img {
	width:100%;
	margin: 0;
 padding: 0;
}

li .li_hidden {
 // visibility: hidden;
 display: none;
}

ul.drop-down-menu {
 color: #009bdb;
 display: inline-block;
 font-size: 0.8em;
}
ul.drop-down-menu li{ position: relative; white-space: nowrap; border-right: #ccc 1px solid; }
ul.drop-down-menu > li:last-child {
 border-right: none;
}
ul.drop-down-menu > li {
 float: left; /* 只有第一層是靠左對齊*/
}

ul.drop-down-menu a {
	background-color: #fff;
	color: #009bdb;
	display: block;
	padding: 0 20px;
	text-decoration: none;
	line-height: 40px;
}
ul.drop-down-menu a:hover { /* 滑鼠滑入按鈕變色*/
 background-color: #ef5c28;
 color: #fff;
}
ul.drop-down-menu li:hover > a { /* 滑鼠移入次選單上層按鈕保持變色*/
 background-color: #ef5c28;
 color: #fff;
}

ul.drop-down-menu ul {
 border: #ccc 1px solid;
 position: absolute;
 z-index: 99;
 right: 3em;
 top: 100%;
 min-width: 110px;
}

ul.drop-down-menu ul li {
 border-bottom: #ccc 1px solid;
}
ul.drop-down-menu ul li:last-child {
 border-bottom: none;
}
ul.drop-down-menu ul { /*隱藏次選單*/
 left: 9999px;
 opacity: 0;
 -webkit-transition: opacity 0.3s;
 transition: opacity 0.3s;
}
ul.drop-down-menu li:hover > ul { /* 滑鼠滑入展開次選單*/
 opacity: 1;
 -webkit-transition: opacity 0.3s;
 transition: opacity 0.3s;
 left: -0.8em;
 border-right: 5px;
}