A.menulink {
display: block;
text-align: center;
text-decoration: none;
font-family:arial;
font-size:14px;
font-weight: normal;
color: #000000;
border: none; //solid 1px #962A61;
background-color:#D0B0FF;
}
A.menulink:hover {
color: #880000;
border: none;
background-color:#D3A4CC;
}
A.menulink:visited {
color: #000000;
border: none;
background-color:none;
}
A.menulink:active {
color: #000000;
border: none;
background-color:none;
}
A.menulink:link {
color: #000000;
border: none;
background-color:none;
}

A.menulink2 {
display: block;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:12px;
color: #FFFFFF;
border: none; //solid 1px #962A61;
background-color:#000000;
}


a:link,a:visited,a:active {
	color: #FF0066;
	text-decoration: none;
}
a:hover { color: #3366FF; text-decoration: none }

a.menu:link,a.menu:visited,a.menu:active { font-family: "Arial", "Helvetica", "sans-serif", "新細明體"; font-size: 10pt; color: #FFFFFF; font-weight:bold; text-decoration: none }
a.menu:hover { font-family: "Arial", "Helvetica", "sans-serif", "新細明體"; font-size: 10pt; color: #FF3399; font-weight:bold; text-decoration: none}

a.nav:link,a.nav:visited,a.nav:active { color: #CC3333; text-decoration: none}
a.nav:hover { color: #3333CC; text-decoration: none }

td.title {
text-align: left;
font-family:arial;
font-size:22px;
color: #FFFFFF;
}

.title2 {
text-align: left;
font-family:arial;
font-size:14px;
color: #FFFFFF;
}

td.heading {
text-align: left;
font-family:Verdana, arial;
font-style:italic;
font-weight:bold;
font-size:18px;
color: #53237F;
}

td.subheading01 {
text-align: left;
font-family:Verdana, arial;
font-style:italic;
font-weight:bold;
font-size:20px;
background-color:#E80000;
color: #FFFFFF;
}

td.subheading02 {
text-align: left;
font-family:Verdana, arial;
font-style:italic;
font-weight:bold;
font-size:20px;
background-color:#01A89E;
color: #FFFFFF;
}

td.subheading03 {
text-align: left;
font-family:Verdana, arial;
font-style:italic;
font-weight:bold;
font-size:20px;
background-color:#EDCE01;
color: #FFFFFF;
}

td.subheading04 {
text-align: left;
font-family:Verdana, arial;
font-style:italic;
font-weight:bold;
font-size:20px;
background-color:#039800;
color: #FFFFFF;
}

td.subheading04_grey {
text-align: left;
font-family:Verdana, arial;
font-style:italic;
font-weight:bold;
font-size:20px;
background-color:#999999;
color: #FFFFFF;
}

td.subheading05 {
text-align: left;
font-family:Verdana, arial;
font-style:italic;
font-weight:bold;
font-size:20px;
background-color:#013299;
color: #FFFFFF;
}

td.subheading05_middle {
text-align: left;
font-family:Verdana, arial;
font-style:italic;
font-weight:bold;
font-size:16px;
background-color:#013299;
color: #FFFFFF;
}

td.subheading06 {
text-align: left;
font-family:Verdana, arial;
font-style:italic;
font-weight:bold;
font-size:20px;
background-color:#990002;
color: #FFFFFF;
}

td.subheading07 {
text-align: left;
font-family:Verdana, arial;
font-style:italic;
font-weight:bold;
font-size:20px;
background-color:#980093;
color: #FFFFFF;
}

td.subheading08 {
text-align: left;
font-family:Verdana, arial;
font-style:italic;
font-weight:bold;
font-size:20px;
background-color:#00DC1A;
color: #FFFFFF;
}

td.subheading09 {
text-align: left;
font-family:Verdana, arial;
font-style:italic;
font-weight:bold;
font-size:20px;
background-color:#FF5A00;
color: #FFFFFF;
}

td.content01 {
font-family:arial;
font-size:12px;
color: #000000;
}

td.content02 {
text-align: left;
font-family:Garamond,Times New Roman;
font-style:italic;
font-weight:bold;
font-size:18px;
background-color:#FFEEAA;
color: #000000;
}

td.content03 {
text-align: left;
font-family:arial;
font-size:12px;
color: #FFFFFF;
}

td.content04 {
text-align: left;
font-family:arial;
font-size:9px;
color: #FFFFFF;
}

.navBG {
	background-color: #CC99CC;

}

.normalText { font-family: Arial, Helvetica, sans-serif, "新細明體"; font-size: 10pt; color:#000000}
.navText { font-family: "Arial", "Helvetica", "sans-serif", "新細明體"; font-size: 8pt; color:#663366}
.copyrightText { font-family: "Arial", "Helvetica", "sans-serif", "新細明體"; font-size: 8pt; font-weight:normal; color:#663366}
.pathText {
	font-family: "Arial", "Helvetica", "sans-serif", "新細明體";
	font-size: 8pt;
	color:#CC99CC;
	font-weight: bold;
}
.pathText {
	font-family: "Arial", "Helvetica", "sans-serif", "新細明體";
	font-size: 8pt;
	color:#CC99CC;
	font-weight: bold;
}
.languageText {
	font-family: "Arial", "Helvetica", "sans-serif", "新細明體";
	font-size: 8pt;
	color:#660099;
	font-weight: bold;
}
.menuSelect { font-family: "Arial", "Helvetica", "sans-serif", "新細明體"; font-size: 9pt; font-weight:bold; color:#66CCFF }
.subMenuSelect { font-family: "Arial", "Helvetica", "sans-serif", "新細明體"; font-size: 9pt; font-weight:bold; color:#66CCFF }

.mainHeading { font-family: "Arial", "Helvetica", "sans-serif", "新細明體"; font-weight:bold; font-size: 12pt; color:#660099 }
.heading01 { font-family: "Arial", "Helvetica", "sans-serif", "新細明體"; font-weight:bold; font-size: 10pt; color:#996699 }
.heading02 { font-family: "Arial", "Helvetica", "sans-serif", "新細明體"; font-weight:bold; font-size: 12pt; color:#000000 }
.heading03 { font-family: "Arial", "Helvetica", "sans-serif", "新細明體"; font-weight:bold; font-size: 10pt; color:#000000 }
.heading04 { font-family: "Arial", "Helvetica", "sans-serif", "新細明體"; font-size: 12pt; 	color:#000000 }

#productsandservices {
	margin:0 0 10px 0;
}

body {
	overflow:auto; 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#scrlContainer{
	visibility:hidden;
	position:relative;
	overflow:hidden;
	width:100%;	
/* 0 lines  height:5px;*/
/* 1 lines  height:20px;*/
/* 2 lines  height:40px;*/
/* 3 lines 	height:55px;*/
/* 3 lines 	height:60px;*/
/* 3 lines  100px height gif 	height:90px;*/
/* 4 lines	height:75px;*/

/* 5 lines*/	height:90px;
/* 6 lines 	height:115px;*/
/* 7 lines height:130px;*/
/* 8 lines height:145px;*/
/* 9 lines height:165px;*/
/* 10 lines height:182px;*/
/* 11 lines height:200px;*/
/* 12 lines height:220px;*/
/* 13 lines height:238px;*/
/* 14 lines height:258px;*/

	margin:1em;
}
/*
#scrlContent{
	overflow:hidden;
	width:100%;
	text-align:left;
	position:absolute;
	left:0;
	top:0;
	font-size:15px;
	margin-left:20px;
	margin-right:20px;
	white-space:nowrap;
}
*/

#scrlItems ul{
	/*
	list-style-type: disc;
	text-align:left;
	padding-left:0px;
	margin-left:0px;
	margin-right:0px;
	list-style:disc;
	
	white-space:nowrap;
	*/
}

#scrlItems li{
	list-style-type:disc;
	text-align:left;
	padding-right:20px;
	/*
	text-indent: -20px;
	text-align:left;
	overflow:hidden;
	overflow:hidden;
	margin-left:0px;
	margin-right:0px;

	white-space:nowrap;
	list-style:disc;
	*/
}
/*
#scrlContent div{
	display:inline;
}
*/

.pageHeading01 {font-family: "Arial", "Helvetica", "sans-serif", "新細明體"; font-weight:bold; font-size: 18pt; color:#660099}
.pageHeading02 {font-family: "Arial", "Helvetica", "sans-serif", "新細明體"; font-weight:bold; font-size: 12pt; color:#660099}
input.button {font-size: 10pt; width: 80px}

#olisting {
	margin-left: 10px;
	padding-left: 10px;
}
#olisting ol {
	margin: 0px;
	padding: 0px;
	list-style-type: decimal;
}
#olisting li {
}

#olisting01 {
	margin-left: 15px;
	padding-left: 10px;
}
#olisting01 ol {
	margin: 0px;
	padding: 0px;
	list-style-type: decimal;
}
#olisting01 li {
}

#ulisting {
	margin-left: 10px;
	padding-left: 10px;
}
#ulisting ul {
	margin: 0px;
	padding: 0px;
	list-style-type:disc;
}
#ulisting li {
}

.ulisting01 {
	margin: 0px;
	padding: 0px;
	list-style:inside;
	list-style-type:disc;
}

.ulisting02 {
	padding: 0px;
}

.listing01 {
	list-style: inside;
	list-style-type: circle;
}

.listing02 {
	margin: 15px;
	padding: 0px;
	list-style-type: circle;
}

.listing03 {
	list-style-type: lower-roman;
	padding-left: 0px;
	margin-left: 20px;
}

.listing04 {
	list-style-type: lower-alpha;
	padding-left: 0px;
	margin-left: 20px;
}

.listing05 {
	list-style-type: decimal;
	padding-left: 0px;
	margin-left: 20px;
}

.listing06 {
	list-style-type:decimal;
	padding-left: 10px;
	margin-left: 0px;
}
/* table list */
td.tblHeader { font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;	background-color:"#F0F0F0";	vertical-align:top; }
td.tblTd { font:Arial, Helvetica, sans-serif; font-size:12px; vertical-align:top; }
td.tblHeading01 { font:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:"#66CCFF"; vertical-align:top }
td.tblHeading02 { font:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; vertical-align:top }

/* drop down menu */
.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.active {
  background-color: #04AA6D;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}
