.boxHead { font-family: Arial, Helvetica, Verdana, Sans-Serif; color:#2A4C4B; font-size: 11px; font-weight: bold; padding: 3px 0em 3px 10px;}
.heading { font-family: Arial, Helvetica, Verdana, Sans-Serif; color:#006764; font-size: 11px; font-weight: bold;}
.homecontent { font-family: Arial, Helvetica, Verdana, Sans-Serif; color:#333333; font-size: 11px; line-height: 12px;}
.searchbox { font-family: Arial, Helvetica, Verdana, Sans-Serif; color:#000000; font-size: 9px; border-width: 1px; width: 80px;}
.searchboxns4 { font-family: Arial, Helvetica, Verdana, Sans-Serif; color:#000000; font-size: 11px; width: 80px;}
.note {  font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none}

.topnav { font-family: Arial, Helvetica; color: white; font-size: 12px; text-decoration: none; font-weight: bold;}
a.subnav { font-family: Arial, Helvetica; color: black; font-size: 11px; text-decoration: none; font-weight: normal;}
a.subnav:hover { font-family: Arial, Helvetica; color: white; font-size: 11px; text-decoration: none; font-weight: normal;}
.navBox { background-color: #EAFCCC; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-width: 0px; border-style: solid; border-color: #000000; width:"100%"; padding: 2px 10px 2px 10px;}
.insmenuBox { background-color: #B2D9DE; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-width: 0px; border-style: solid; border-color: #000000; width:"100%"; padding: 2px 10px 2px 10px;}
.invmenuBox { background-color: #B2D9DE; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-width: 0px; border-style: solid; border-color: #000000; width:"100%"; padding: 2px 10px 2px 10px;}

#layernav0 { font-family: Arial, Helvetica; color: white; font-size: 12px; text-decoration: none; font-weight: bold; position: absolute; z-index: 90; visibility: hidden;}
#layernav1 { font-family: Arial, Helvetica; color: white; font-size: 12px; text-decoration: none; font-weight: bold; position: absolute; z-index: 90; visibility: hidden;}
#layernav2 { font-family: Arial, Helvetica; color: white; font-size: 12px; text-decoration: none; font-weight: bold; position: absolute; z-index: 90; visibility: hidden;}
#layernav3 { font-family: Arial, Helvetica; color: white; font-size: 12px; text-decoration: none; font-weight: bold; position: absolute; z-index: 90; visibility: hidden;}
#layernav4 { font-family: Arial, Helvetica; color: white; font-size: 12px; text-decoration: none; font-weight: bold; position: absolute; z-index: 90; visibility: hidden;}
#layernav5 { font-family: Arial, Helvetica; color: white; font-size: 12px; text-decoration: none; font-weight: bold; position: absolute; z-index: 90; visibility: hidden;}
#layernav6 { font-family: Arial, Helvetica; color: white; font-size: 12px; text-decoration: none; font-weight: bold; position: absolute; z-index: 90; visibility: hidden;}
#layerinvmenu0 { font-family: Arial, Helvetica; color: white; font-size: 12px; text-decoration: none; font-weight: bold; position: absolute; z-index: 100; visibility: hidden;}
#layerinsmenu0 { font-family: Arial, Helvetica; color: white; font-size: 12px; text-decoration: none; font-weight: bold; position: absolute; z-index: 110; visibility: hidden;}
#layertabebank { position: absolute; z-index: 85; visibility: hidden;}

a.link:link { color:#333333; text-decoration:underline; }
a.link:visited { color:#666666; text-decoration:underline; }
a.greenlink:link { color:#006567; text-decoration:underline; }
a.greenlink:visited { color:#666666; text-decoration:underline; }

.content 		{  font-family: "Arial"; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #000000; text-decoration: none; background-image: none; text-align: left}
.bluecontent 		{  font-family: "Arial"; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #0000CC; text-decoration: none; background-image: none; text-align: left}
.bluecontent_underline	{  font-family: "Arial"; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #0000CC; text-decoration: underline; background-image: none; text-align: left}
.note 			{  font-family: "Arial"; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none}
.linknormal 		{  font-family: "Arial"; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #0000CC; text-decoration: underline}
.productmessage 	{  font-family: "Arial"; font-size: 14px; font-style: normal; font-weight: bold; font-variant: normal; color: #FFFFFF}
.linkred 		{  font-family: "Arial"; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #FF0000; text-decoration: underline }
.formsmall 		{  font-family: "Arial"; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; text-decoration: none}
.productfeature 	{  font-family: "Arial"; font-size: 14px; font-style: normal; line-height: normal; color: #333333; text-decoration: none; font-weight: bold}
.productobject 		{  font-family: "Arial"; font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; color: #000066; text-decoration: none}
.linkredbold 		{  font-family: "Arial"; font-size: 14px; font-style: italic; line-height: normal; font-weight: bold; color: #FF0000; text-decoration: underline}
.productobjlink 	{  font-family: "Arial"; font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; color: #000066; text-decoration: underline}
.nav 			{  font-family: "Arial"; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; color: #000066; text-decoration: underline}
.nav_head 		{  font-family: "Arial"; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #FFFFFF}
.pdmenu 		{  font-family: "Arial"; font-size: 11px; font-style: normal; line-height: normal; font-variant: normal; color: #FFFFFF; text-decoration: none}
.linkBigBold 		{  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 14px; font-style: normal; font-weight: bold; color: #000099; text-decoration: underline}
.bus_prod_message 	{  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-weight: bold; color: #0024FF}
.menuhead 		{  font-family: "Arial"; font-size: 13px; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: none}
.menu 			{  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none}
.navhead 		{  font-family: "Arial"; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #FFFFFF }
.apply 			{  font-family: "Verdana"; font-size: 9px; font-style: normal; font-weight: bold; color: #FF0000; text-decoration: blink; line-height: normal; font-variant: normal}
.cbody			{  font-family:"新細明體, mingliu, taipei"; font-size: 12px; letter-spacing:0.05em; line-height: 130%; color:#FFFFFF;}
.tc 			{  font-family:"新細明體, mingliu, taipei"; font-size: 12px; letter-spacing:0.05em; line-height: 150%; color:#FFFF99;}
.c2body 		{  font-family:"新細明體, mingliu, taipei"; font-size: 15px; letter-spacing:0.05em; line-height: 150%; color:#FFFFFF;}
.cbbody 		{  font-family:"新細明體, mingliu, taipei"; font-size: 12px; letter-spacing:0.2em; font-weight: bold; line-height: 150%;}
.ctitle 		{  font-family:"新細明體, mingliu, taipei"; font-size: 16px; font-weight: bold; line-height: 150%}
.ebody 			{  font-family:"arial, helvetica"; font-size: 12px; letter-spacing:0.02em; line-height: 120%; color:#FFFFFF;}
.etc 			{  font-family:"arial, helvetica";  font-size: 12px; letter-spacing:0.02em; line-height: 120%; color:#FFFF99;}
.e2body 		{  font-family:"arial, helvetica"; font-size: 14px; letter-spacing:0.02em; line-height: 120%; color:#FFFFFF;}
.ebbody 		{  font-family:"arial, helvetica"; font-size: 12px; letter-spacing:0.05em; font-weight: bold; line-height: 120%;}
.etitle 		{  font-family:"arial, helvetica"; font-size: 16px; letter-spacing:0.02em; font-weight: bold; line-height: 120%}
.ctm 			{  font-family:"arial, helvetica"; font-size: 8px; text-transform: none; vertical-align: super}
.new 			{  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #333333; text-decoration: underline}
.links-blue 		{  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 10px; color: #0000FF}
.main-title-bold 	{  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-weight: bold; color: #0033FF}
.main-title-normal 	{  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-weight: normal; color: #0033FF}
.box-content 		{  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: 073160; font-weight: normal}
.greyc 			{  font-family: "Arial"; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; color: #464646; text-decoration: none;}
.greylink 		{  font-family: "Arial"; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; color: #464646; text-decoration: underline}
.greycl 		{  font-family: "新細明體"; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #464646; text-decoration: none;}
.greyllink 		{  font-family: "Arial"; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #464646; text-decoration: underline}
.invtitle 		{  font-family: "Arial"; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; color: #4391d6; text-decoration: none}
.invlink 		{  font-family: "Arial"; font-size: 12px; font-style: normal; font-weight: normal; color: #4391d6; text-decoration: underline}
.invnavlink		{  font-family: "Arial"; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; color: #000066; text-decoration: underline}
.invnavtext		{  font-family: "Arial"; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; color: #000066; text-decoration: none}
.invnote		{  font-family: "Arial"; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; color: #666666; text-decoration: none}
.tablename 		{  font-family: "Arial"; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #3366CC; text-decoration: none; font-weight: bold; background-image: none; text-align: left}

a.ipo	 		{  font-family: "Arial"; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; color: #4391d6; text-decoration: none}

/* Revamp 2007 */
.pri_nav_box {
	padding: 0px 0px 0px 0px;
	height: 27px;
	background-image: url(/hsb/eng/home/image/revamp_2007/navbg.gif);
	background-repeat: repeat-x;
}

.pri_nav_box .lang{
	padding: 5px 0px 0px 0px;
	float:right;
}

.pri_nav_box ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding-left:2px;
	font-weight: bold;
	vertical-align: middle;
	float: left;
}

.pri_nav_box ul li {
	display: inline;
}

.pri_nav_box ul li a
{
	padding: 6px 10px 3px 10px;
	color: #393939;
	text-decoration: none;
	float: left;
} 

.pri_nav_box ul li a.topnav
{
	background-image: url(/hsb/chi/home/image/revamp_2007/nav_divider.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.pri_nav_box ul li a:hover
{
	color:#393939;
}

.pri_nav_box .active a
{
	background-image: url(/hsb/eng/home/image/revamp_2007/navbg_selected.gif);
	background-repeat: repeat;
	background-position: right;
	color: #fff;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

.pri_nav_box .active a:hover
{
	color: #fff;
}

.pri_nav_box td
{
	vertical-align:top;
	font-family: Arial, Helvetica, sans-serif;
}

.header {
	font-size: 12px;
	height: 59px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right:3px;
	text-align: right;
}

.header div div {
	padding-top:3px;
}

.divider {
	font-size: x-small;
	font-weight: bold;
	vertical-align: middle;
	color: #797979;
}

.header a:link { color:#363636;}
.header a:visited { color:#363636;}
.header a:hover { color:#097603;}
.header img {
	vertical-align: top;
}
.header div div {
	padding-right:1px;
}