<style TYPE="text/css">
BODY {font-family: Arial, Verdana, Helvetica,Microsoft JhengHei,STHeiti; font-size:10pt; background-color: #f9fdff; BACKGROUND="";}

A:link {text-decoration: none; color: #022e64; font-family: Arial, Verdana; font-size:10pt}
A:active {text-decoration: none; color: #022e64; font-family: Arial, Verdana; font-size:10pt}
A:visited {text-decoration: none; color: #022e64; font-family: Arial, Verdana; font-size:10pt}
A:hover {text-decoration: none; color: #ff6400; font-family: Arial, Verdana; font-size:10pt}

A.uline:link {text-decoration: underline; color: #022e64; font-family: Arial, Verdana; font-size:10pt}
A.uline:active {text-decoration: underline; color: #022e64; font-family: Arial, Verdana; font-size:10pt}
A.uline:visited {text-decoration: underline; color: #022e64; font-family: Arial, Verdana; font-size:10pt}
A.uline:hover {text-decoration: underline; color: #ff6400; font-family: Arial, Verdana; font-size:10pt}

A.bold:link {text-decoration: none; color: #022e64; font-family: Arial, Verdana; font-size:10pt; font-weight: bold;}
A.bold:active {text-decoration: none; color: #022e64; font-family: Arial, Verdana; font-size:10pt; font-weight: bold;}
A.bold:visited {text-decoration: none; color: #022e64; font-family: Arial, Verdana; font-size:10pt; font-weight: bold;}
A.bold:hover {text-decoration: none; color: #ff6400; font-family: Arial, Verdana; font-size:10pt; font-weight: bold;}

A.bline:link {text-decoration: underline; color: #022e64; font-family: Arial, Verdana; font-size:10pt; font-weight: bold;}
A.bline:active {text-decoration: underline; color: #022e64; font-family: Arial, Verdana; font-size:10pt; font-weight: bold;}
A.bline:visited {text-decoration: underline; color: #022e64; font-family: Arial, Verdana; font-size:10pt; font-weight: bold;}
A.bline:hover {text-decoration: underline; color: #ff6400; font-family: Arial, Verdana; font-size:10pt; font-weight: bold;}

#about A:link {text-decoration: none; color: #ff6400; font-family: Arial, Verdana; font-size:10pt}
#about A:active {text-decoration: none; color: #0086FF; font-family: Arial, Verdana; font-size:10pt}
#about A:visited {text-decoration: none; color: #ff6400; font-family: Arial, Verdana; font-size:10pt}
#about A:hover {text-decoration: none; color: #03890F; font-family: Arial, Verdana; font-size:10pt}

A.directory:link {text-decoration: none; color: #005DFF; font-family: Arial, Verdana,Microsoft JhengHei,STHeiti; font-size:10pt}
A.directory:active {text-decoration: none; color: #005DFF; font-family: Arial, Verdana,Microsoft JhengHei,STHeiti; font-size:10pt}
A.directory:visited {text-decoration: none; color: #005DFF; font-family: Arial, Verdana,Microsoft JhengHei,STHeiti; font-size:10pt}
A.directory:hover {text-decoration: none; color: #ff6400; font-family: Arial, Verdana,Microsoft JhengHei,STHeiti; font-size:10pt}

A.menu_sitemap:link {font-weight: normal; color: #000000; font-family: Arial, Verdana; font-size:9pt}
A.menu_sitemap:visited {font-weight: normal; color: #000000; font-family: Arial, Verdana; font-size:9pt}
A.menu_sitemap:hover {font-weight: normal; color: #000000; font-family: Arial, Verdana; font-size:9pt}

A.bar:link {color: #ffffff; background-color:; font-family: Arial, Verdana; font-size:8pt}
A.bar:visited {color: #ffffff; background-color:; font-family: Arial, Verdana; font-size:8pt}
A.bar:hover {color: #fc3e04; background-color:; font-family: Arial, Verdana; font-size:8pt}

A.menu_left:link {text-decoration: none; color: #000000; background-color:; font-family: Arial, Verdana; font-size:9pt}
A.menu_left:visited {text-decoration: none; color: #000000; background-color:; font-family: Arial, Verdana; font-size:9pt}
A.menu_left:hover {text-decoration: none; color: #0000ff; background-color:; font-family: Arial, Verdana; font-size:9pt}

A.end:link {text-decoration: none; color: #0255b8; background-color:; font-family: Arial, Verdana; font-size:8pt}
A.end:visited {text-decoration: none; color: #0255b8; background-color:; font-family: Arial, Verdana; font-size:8pt}
A.end:hover {text-decoration: none; color: #fc3e04; background-color:; font-family: Arial, Verdana; font-size:8pt}

A.news-withlink:link {text-decoration: none; color: #021650; background-color:; font-family: Arial, Verdana; font-size:10pt}
A.news-withlink:visited {text-decoration: none; color: #021650; background-color:; font-family: Arial, Verdana; font-size:10pt}
A.news-withlink:hover {text-decoration: underline; color: #01195e; background-color:; font-family: Arial, Verdana; font-size:10pt}

A.news-nolink:link {text-decoration: none; color: #021650; background-color:; font-family: Arial, Verdana; font-size:9pt}
A.news-nolink:visited {text-decoration: none; color: #021650; background-color:; font-family: Arial, Verdana; font-size:9pt}
A.news-nolink:hover {text-decoration: none; color: #01195e; background-color:; font-family: Arial, Verdana; font-size:9pt}

A.news:link {text-decoration: none; color: #021650; background-color:; font-family: Arial, Verdana; font-size:10pt}
A.news:visited {text-decoration: none; color: #021650; background-color:; font-family: Arial, Verdana; font-size:10pt}
A.news:hover {text-decoration: none; color: #ff6400; background-color:; font-family: Arial, Verdana; font-size:10pt}

A.news-link:link {text-decoration: none; color: #0033cc; background-color:; font-family: Arial, Verdana; font-size:10pt}
A.news-link:visited {text-decoration: none; color: #0033cc; background-color:; font-family: Arial, Verdana; font-size:10pt}
A.news-link:hover { text-decoration: underline; color: #ff6400; background-color:; font-family: Arial, Verdana; font-size:10pt}

A.upnews:link {text-decoration: none; color: #021650; background-color:; font-family: Arial, Verdana; font-size:9pt}
A.upnews:visited {text-decoration: none; color: #021650; background-color:; font-family: Arial, Verdana; font-size:9pt}
A.upnews:hover {text-decoration: none; color: #0033cc; background-color:; font-family: Arial, Verdana; font-size:9pt}

A.upnews-name:link {text-decoration: none; color: #0000dd; background-color:; font-family: Arial, Verdana; font-size:9pt}
A.upnews-name:visited {text-decoration: none; color: #0000dd; background-color:; font-family: Arial, Verdana; font-size:9pt}
A.upnews-name:hover {text-decoration: underline; color: #0000dd; background-color:; font-family: Arial, Verdana; font-size:9pt}

a.name:link {text-decoration: none; font-family: Arial, Verdana; font-size:10pt}
a.name:visited {text-decoration: none; font-family: Arial, Verdana; font-size:10pt}
a.name:hover {text-decoration: none; font-family: Arial, Verdana; font-size:10pt}

a.rpg_links:link {text-decoration: none; color:#0255b3; font-family: Arial, Verdana, Helvetica,Sans-serif; font-size:11pt; }
a.rpg_links:active {text-decoration: none; color: #022e64; font-family:Arial, Verdana, Helvetica,Sans-serif; font-size:11pt}
a.rpg_links:visited {text-decoration: none; color:#0255b3; font-family: Arial, Verdana, Helvetica,Sans-serif; font-size:11pt; }
a.rpg_links:hover {text-decoration: none; color:#17aa07; font-family: Arial, Verdana, Helvetica,Sans-serif; font-size:11pt; }

A.subtitle:link {font-weight: bold; font-variant: normal; color: #6f6e6e; font-family: Arial, Verdana; font-size:11pt}
A.subtitle:active {font-weight: bold; font-variant: normal; color: #6f6e6e; font-family: Arial, Verdana; font-size:11pt}
A.subtitle:visited {font-weight: bold; font-variant: normal; color: #6f6e6e; font-family: Arial, Verdana; font-size:11pt}
A.subtitle:hover {font-weight: bold; font-variant: normal; color: #000000; font-family: Arial, Verdana; font-size:11pt}

a.highlights_links:link {text-decoration: underline; color:#0000ff; font-family: Arial, Verdana, Helvetica,Sans-serif; font-size:14pt; }
a.highlights_links:active {text-decoration: none; color: #022e64; font-family:Arial, Verdana, Helvetica,Sans-serif; font-size:14pt}
a.highlights_links:visited {text-decoration: underline; color:#0000ff; font-family: Arial, Verdana, Helvetica,Sans-serif; font-size:14pt; }
a.highlights_links:hover {text-decoration: underline; color:#7c0296; font-family: Arial, Verdana, Helvetica,Sans-serif; font-size:14pt; }

font.font_highlights {font-family: Arial, Verdana, Helvetica,Sans-serif; font-size:14pt; line-height: 1.2; color:#3d7c00;}
font.font_highlights2 {font-family: Arial, Verdana, Helvetica,Sans-serif; font-size:14pt; line-height: 1.2; color:#1a3602;}
 
font.menu_line {font-family: Arial, Verdana, Helvetica,Sans-serif; font-size:9pt; color:#0735ba}

font.end {text-decoration: none; color: #000000; font-family: Arial, Verdana; font-size:8pt}
font.highlights {font: normal normal Arial, Helvetica, Sans-Serif; font-weight:bold; color: #069ccd; font-size:10pt}
font.whatnews {font: normal normal Arial, Helvetica, Sans-Serif; font-weight:bold; color: #034692; font-size:10pt}
font.news {font-family: Arial, Verdana; font-size:9pt}

p.news {font-family: Arial, Verdana; font-size:9pt}

font.staff {
	color: #0000dd;
/*	font: bold; */
/*	font-style: italic;*/
	text-decoration:none;
}

font.content { font-size:9pt; line-height: 16px; text-align: justify;  }

a.font.content {font-family: Arial, Verdana, Helvetica; font-size:9pt}

hr.line /* Title line */ { 
/* border-top	: 1px solid;
border-bottom: 1px solid; */
border: 0px;
color		: #003286;
width		: 100%;
height		: 2px;
background: #003286;
background-image: -webkit-linear-gradient(left,#ccc,#003286,#ccc);
background-image: -moz-linear-gradient(left,#ccc,#003286,#ccc);
background-image: -ms-linear-gradient(left,#ccc,#003286,#ccc);
background-image: -o-linear-gradient(left,#ccc,#003286,#ccc);
}

div.highlights {
	background-image: linear-gradient(to right, #ffcc00, #ffff00, #ffcc00); 
	padding:13px;
}

div.highlights2 {
	background-image: linear-gradient(to right, #ff9000, #ffff00, #ff9000); 
	padding:13px;
}

div.rpg {
	text-align:left; 
	width:40%; 
	border-color: #0255b3;
	border: 1px solid;
	background-image: linear-gradient(to right, #c1e4f7, #e4fdfd, #c1e4f7); 
	padding: 15px 15px 15px 15px;
}

td.title {
	height:28px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+0,d6efff+62,afe2ff+100&0.64+0,1+100 */
background: -moz-linear-gradient(-45deg,  rgba(240,249,255,0.64) 0%, rgba(214,239,255,0.86) 62%, rgba(175,226,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(240,249,255,0.64) 0%,rgba(214,239,255,0.86) 62%,rgba(175,226,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(240,249,255,0.64) 0%,rgba(214,239,255,0.86) 62%,rgba(175,226,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3f0f9ff', endColorstr='#afe2ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

td.space {height:5px;}

p {font-family: Arial, Verdana, Helvetica; font-size:10pt; line-height: 17px; text-align: justify; }

p.content {font-family: Arial, Verdana, Helvetica; font-size:10pt; line-height: 16px; text-align: justify;}
p.content1 {font-family: Arial, Verdana, Helvetica; font-size:10pt; font-style: italic; }
p.content2 {font-family: Arial, Verdana, Helvetica; font-size:8pt; line-height: 16px; text-align: justify;}
p.content-tag {font-family: Arial, Verdana, Helvetica; font-size:10pt; line-height: 16px; text-align: justify; color:#825a03; }

img.gov {padding: 22.5;}

li {font-family: Arial, Verdana, Helvetica; font-size:10pt; line-height: 16px; text-align: justify; list-style-position: outside;}
li.content {font-family: Arial, Verdana, Helvetica; font-size:10pt; line-height: 16px; text-align: justify;
  list-style-position: outside;}
li.faq {font-family: Arial, Verdana, Helvetica; font-size:10pt; font-weight: bold; list-style-position: outside;}

tr.bg_table { background-color:#cddbe7;} /* top menu */
table.out {} /* overalll bground */
/* table.out {border: thin solid teal;border-size=0pt; border-Color:#cee6f9;} Previous overalll bground, #5ab1f9 */
/* {border-left-width: thin;border-right-width: thin;border-top-width: thin;border-bottom-width: thin;} */

td.line { background-color:#0680cd;}

table.sub-bkgd { background-color:#f4f3f3; width:100%;}
td.sub-bkgd { background-color:#f4f3f3;}

td.subtitle { background-color:#0680cd;}

font.subtitle {font-family: Arial, Verdana, Helvetica; font-size:11pt; color: #ffffff}
font.subtitle1 {font-family: Arial, Verdana, Helvetica; font-size:11pt; color: #000000}

h4.subsubtitle {
	color: #000000;
	font-family: Arial, Verdana, Helvetica;
	font-size: 8pt;
	font-weight: bold;
	font-variant: normal;
}

h4.subtitle {
	color: #000000;
	font-family: Arial, Verdana, Helvetica;
	font-size: 10pt;
	font-weight: bold;
	font-variant: normal;
}

h3.subtitle {
	background-position: left bottom;
	color: #6f6e6e;
	font-family: Arial, Verdana, Helvetica;
	font-size: 11pt;
	font-weight: bold;
	font-variant: normal;
	background-repeat: no-repeat;
	background-image: url('../images/line800.gif');
	padding-left: 2px;
}

h2.subtitle {
	background-position: left bottom;
	color: #585858;
	font-family: Arial, Verdana, Helvetica;
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
	font-variant: normal;
	background-image: url('../images/line550.gif');
	background-repeat: no-repeat;
	padding-left: 2px;
}

h1.subtitle {
	color: #003286; 
	font-family: Arial, Helvetica, Sans-Serif; 
	font-size: 12pt;
	font-weight: bold; 
	font-variant: normal;
} /* Top title */
	
#bar { 
	position:Static;
	z-index:0px;
    } /* Top title */

td.subtitle1 { background-color:#023ca7;}
td.subtitle2 { background-color:#0648c1;}

table{
font-family     :Arial,Verdana, Helvetica,Microsoft JhengHei,STHeiti;
font-size       :9pt;
color           :#000000;
background-color:#f9fdff; 
margin		: 0px 0px 0px 0px;
text-align	: left; 
}

table.format1 {
	border-collapse: collapse;
}

table.format2 {
	border-collapse: collapse;
	font-size       :10pt;
}

tr.format1 {	  
	padding: 24px;
	height: 26px;
}

tr.format1:nth-child(odd) {background-color: #f2f2f2;} 

tr.format2 {	  
	height: 36px;
	vertical-align: top;
}

td.format2a {	  
	width: 50%;
	padding: 14px;
	background-color: #f2f2f2;
}

td.format2b {	  
	width: 50%;
	padding: 14px;
	background-color: #e0e0e0;
}

/* Research */
table.format3 {
		border-collapse: collapse;
		padding: 50px;
		height: 58px;
		border: 3px solid #ffdf99;
}

tr.format3:nth-child(odd) {} 

td.format3a {	  
	width: 600px;
	text-align	: left; 
}

td.format3b {	  
	width: 100px;
	font-size: 20pt;
	color: #000000;
	vertical-align: middle;
	text-align	: center; 
}

td.format3c {	  
	width: 30px;
	background-color: #f9fdff;
}

img.links {
	border: 1px #0030FF;
	border-style: solid;
}

img.C {
	text-align: center;
	margin: 0px 10px 10px 10px;
}

img.R {
	text-align: right;
	margin: 0px 0px 10px 10px;
}

img.L {
	text-align: left;
	margin: 0px 10px 10px 0px;
}
	
div.contact td {
    border-bottom: 0px solid #ddd;
}

div.contact tr:nth-child(odd) {background-color: #f2f2f2;}

/* top menu select item */
table.menu{
font-family     :Arial,Verdana,Microsoft JhengHei,STHeiti;
font-size       :9pt;
color           :#000000;
background-color:#cddbe7; 
border          :0 dotted #81A3C6;
margin		: 0px 0px 0px 0px;
}

/* background */
table.bg { background-color:#d9ebf6;}
tr.bg { background-color:#f9fdff;}
tr.bg1 { background-color:#f9fdff;} /* cover footer bg */
tr.bg1_b { background-color:#d9e4ed; font-weight: bold;} 
tr.bg2 { background-color:#f9fdff;} /* cover bg */
td.bg { background-color:#d9ebf6;}
td.bg1 { /* first page bkgd */
	background-position: right bottom;
	background-repeat: no-repeat;
/*	background-image: url('../images/bkgd-stat.jpg');  */
	padding-left: 2px;
}

/* What's new */
tr.news { background-color:#f9fdff;}
tr.news:nth-child(odd){background-color: #edf5fc;}
tr.news2:nth-child(even){background-color: #edf5fc;}

.news_img {
	padding:10 0 0 -10;
	margin: 0 5 5 1;
	width: 130;
	float: left;
	display: block;
}

.news_para {
	text-align: justify;
	overflow: hidden;
}

.row {
  display: flex;
}

/* Create two equal columns that sits next to each other */
.column {
  flex: 50%;
  padding: 10px;
}

.column1 {
  flex: 55%;
  padding: 10px;
}

.column2 {
  flex: 45%;
  padding: 10px;
}

td.footer { color:#000000;}

fb-page { position: absolute;}

table.news{
font-family     :Arial,Verdana,新細明體;
font-size       :9pt;
color           :#73acf0;
background-color:#f9fdff; 
border		: 1px solid #ffffff;
width		: 100%;
  border-collapse: separate;
  border-spacing: 2px 1px;
}

table.upnews{
font-family     :Arial,Verdana,新細明體;
font-size       :9pt;
color           :#73acf0;
background-color:#f9fdff; 
border		: 1px solid #ffffff;
margin		: 3px 3px 3px 3px;
width		: 95%;
}

table.events{
font-family     :Arial,Verdana,新細明體;
font-size       :10pt;
color           :#ffffff;
text-align	: right; 
background-color:#e9eff4;
margin		: 0px 0px 0px 0px;
}

img.events {
border          :0 solid #c68181;
}

hr.news{
border-top: 1px solid black;
/*border-top	: 1px groove;
border-bottom: 1px groove;
color		: #81A3C6;*/
background-color:#f9fdff; 
width		: 100%;
height		: 0px;
}

select{
font-family     :Arial,Verdana,新細明體;
font-size       :8pt;
color           :#0077AC;
background-color:#f9fdff; 
border          :1 dotted #81A3C6;
}
</style>

<style type="text/css">
table.hovermenu {
padding		: 4px 0px 4px 0px;
margin		: 0px 0px 0px 0px;
}

td.hovermenu {
font-weight	: bold;
margin		: 0px 0px 0px 0px;
list-style	: none;
display		: inline;
color		: #ffffff;
background-color: #023ca7;
vertical-align	: middle;
}

td.hovermenu1 {
color		: #929191;
}

.hovermenu1 td a{
padding: 2px 0.5em;
font-weight: bold;
float: center;
color: #000000;
border: 0px solid #81A3C6;
font-family: Arial, Verdana; font-size:11pt;
}

.hovermenu1 td a:hover{
border-style: outset;
color: #f9fdff;
font-family: Arial, Verdana; font-size:11pt;
cursor: pointer;
}

.hovermenu1 a:visited {
text-decoration: none;
color: #000000;
font-family: Arial, Verdana; font-size:11pt;
}

.hovermenu a:visited {
text-decoration: none;
color: #000000;
font-family: Arial, Verdana; font-size:11pt;
}

.hovermenu td a{
padding: 2px 0.5em;
font-weight: bold;
float: center;
color: #ffffff;
border: 0px solid #81A3C6;
font-family: Arial, Verdana; font-size:11pt;
}

.hovermenu td a:hover{
border-style: outset;
color: #000000;
font-family: Arial, Verdana; font-size:11pt;
cursor: pointer;
}

.hovermenu a:visited {
text-decoration: none;
color: #ffffff;
font-family: Arial, Verdana; font-size:11pt;
}

mark { 
    background-color: yellow;
    color: black;
}

#period {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 90%;
}

#period td, #period th {
  border: 1px solid #ddd;
  padding: 8px;
}

#period tr:nth-child(even){background-color: #f2f2f2;}

#period th {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  background-color: #01749e;
  color: white;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
</style>
