* {
	padding:0;
	margin:0;
	text-align:justify;
	line-height:1.2em;
}
a:link {
	color:#00f;
	text-decoration:none;
}
a:visited {
	color:#00f;
	text-decoration: none;
}
a:hover {
	color:#F00;
}
a:active {
	border-bottom: 1px solid #F00;
}
body {
	font-family: 'Noto Sans TC',sans-serif;
	font-size:1em;
	color:#666;
	line-height:20px;
}
HR {
	border-top:1px solid gray;
	padding:0;
	margin:15px 0;
}
/*** Header ***/
#headbox {
	border-top:10px solid #3cb371;
	background:#f0f0f0;
}
#topnav {
	width:980px;
	padding-right:10px;
	text-align:right;
	margin:0 auto;
	font-size:0.8em;
	line-height:1.65em;	
}
#header{
	width:980px;
	height:61px;
	margin:0 auto;
	overflow:auto;
}
#menu ul { right:0; } 
* html #menu ul { right:10px; } 
#menu div {
	margin:0 auto;
}
#menu div { position:relative; right:25px; }
#menu {
	position:relative;
	text-align:left;
	background:#f0f0f0;
	padding:0 10px;
}
#menu ul {
	list-style:none;
	position:absolute;
	top:0;
}
#menu li {
	float:left;
}
#menu ul a:link, #menu ul a:visited {
	display:block;
	float:left;
	padding:20px 5px;
	text-decoration:none;
	color:#00F;
	voice-family: "\"}\"";
	voice-family: inherit;
} #ignored {}
#menu ul li a:hover {
	color:#F00;
	background:url(/img/menubg.jpg);
}
#logo {
	CLEAR:both;
	POSITION:relative;
}
#logo H1 {
	LEFT:0;
	MARGIN:1px 0px 0px 0px;
	POSITION:absolute;
	TOP:0;
	padding-top:16px;
	padding-right:0;
	padding-bottom:0;
	padding-left:40px;
	background:url(/img/logo.png) no-repeat 40px 0;
}
#logo H1 A {
	color:#323943; DISPLAY:block; FONT-SIZE:1px; WIDTH:171px; TEXT-INDENT:-7000em; HEIGHT:40px; TEXT-DECORATION:none
}
#logo H1 A:hover {
	color:#323943; DISPLAY:block; FONT-SIZE:1px; WIDTH:171px; TEXT-INDENT:-7000em; HEIGHT:40px; TEXT-DECORATION:none
}
#footbox {
	border-top:1px solid white;
	background:url(/img/footbg.png);
}
#footer {
	clear:both;
	width:980px;
	margin:0 auto;
	overflow:auto;
	padding:15px 0 10px 0;
	color:#483D8B;
	text-align:center;
	font-size:0.9em;
	line-height:1.5em;
}
#footer a {
	font-size:0.9em;
}
#databox {
	border-top:1px solid white;
	background:#bdc8ff;
}
#databox #inner {
	width:980px;
	margin:0 auto;
	overflow:auto;
}
.clear {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	background:transparent;
}
.navfirst {
	border-top:1px solid #FFF;
}
.navigatorbar {
	margin:5px 10px 10px 10px;
	background:url(/img/navbarbg.png) repeat-x;
	padding:5px 10px;
}
.titledata {
	margin:10px 20px 20px 20px;
	line-height:1.5em;
}
.titledata ul, .titledata ol {
	padding:10px 0 10px 10px;
	line-height:1.5em;
}
.titledata ul li {
	list-style:none;
	background:url(/img/bluesquare.gif) no-repeat 0 10px;
	padding-left:15px;
}
.titledata ol  li {
	margin-left:20px;
	line-height:1.5em;
}
.section {
	font-size:1.1em;
	border-bottom:1px solid #33f;
	border-left:7px solid #33f;
	color:#000;
	margin:15px 20px;
	line-height:20px !important;
	line-height:23px;
	padding:0 0 3px 5px !important;
	padding:0 0 0 5px;
}
.sectiondata {
	margin:10px 20px 20px 32px;
	line-height:1.5em;
}
.sectiondata ul, .sectiondata ol {
	padding:10px 0 10px 10px;
	line-height:1.5em;
}
.sectiondata ul ul, .sectiondata ul ol, .sectiondata ol ol, .sectiondata ol ul {
	padding:5px 0;
	line-height:1.5em;
}
.sectiondata ul li {
	list-style:none;
	background:url(/img/bluesquare.gif) no-repeat 0 8px;
	padding-left:15px;
	line-height:1.5em;
}
.sectiondata ol  li {
	margin-left:20px;
	line-height:1.5em;
}
.sectiondata ul li ol  li {
	background:url(/img/redsquare.gif) no-repeat 0 7px;
	margin-left:10px;
	line-height:1.4em;
}
.dataarea {
	padding:10px;
}
.imgright {
	float:right;
	padding:5px 30px 20px 20px;
}
.imgleft {
	float:left;
	padding:5px 20px 20px 30px;
}
h1 {
	font-size:150%;
	color:#000;
	line-height:200%;
}
h2 {
	font-size:135%;
	color:#000;
}
h3 {
	font-size:125%;
	color:#000;
}
h4 {
	font-size:115%;
	color:#000;
}
img, span {
	vertical-align:middle;
	border:0;
}
.faq-q {
	margin: 0 10px 0 40px;
	text-indent: -20px;
	font-size:1em;
	color:#f60;
	cursor:pointer;
	line-height:1.5em;
}
.faq-a {
	margin: 0 10px 0 40px;
	text-indent:-20px;
	font-size:1em;
	color:#666;
	margin-bottom:30px;
	line-height:1.5em;
}
.boxtitle {
	background-color: #95a0db;
	border: 1px double #5e69a2;
	font-size: 13px;
	line-height: 25px;
	color: #FFF;
	background-image: url(/img/greenball.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
}
.boxbody {
	border-right: 1px solid #5e69a2;
	border-bottom: 1px solid #5e69a2;
	border-left: 1px solid #5e69a2;
	padding: 8px 10px;
	color: #00F;
	background-color: #FFF;
}
.item {
	font-size: 13px;
	line-height: 26px;
	color: #00F;
	padding-left: 20px;
	background: url(/img/greenright.png) no-repeat 0px 4px;
	display: block;	
}	
/*
.box {
	font-size: 13px;
	line-height: 26px;
	padding: 8px 15px;
	color: #00F;
	background-color: #FFF;
	border: 1px solid #5e69a2;
}
*/
.boxhighlight {
	font-size: 17px;
	background-color: #FEE3A7;
	border: 2px double #FED77A;
	line-height: 26px;
}
.hyperlink {
	background:url(/img/link.gif) no-repeat 0 -2px;
	padding-left:20px;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.center {
	text-align:center;
}
.topnavhome {
	background:url(/img/home.jpg) no-repeat 0 -2px;
	padding-left:15px;
}
.topnavsitemap {
	background:url(/img/sitemap.jpg) no-repeat 0 -2px;
	padding-left:16px;
}
.topnavcontact {
	background:url(/img/contact.jpg) no-repeat 0 -2px;
	padding-left:17px;
}
.beforemore:before {
	content: "\00BB \0020";
}
.aftermore:after {
	content: "\00BB \0020";
}
.highlight {
	font-weight:bold;
	color:green;
	line-height:150%;
}
.small {
	font-size:80%;
}
.large {
	font-size:125%;
}
.bold {
	font-weight:bold;
}
strong {
	color:green;
}
.roundbox {
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
