@charset "big5";

/* reset */
html, body {height: 100%;}
body {margin:0px;}
img {border:0px;}
p, h1, h2, h3, h4, blockquote, form, label {display:block; margin:0px; padding:0px;}

/* common */
body {background-color:#FFFFFF;}
body, td {font-size:small; color:#000000; line-height:170%}

/* layout */
#container {
	width:730px; position:relative;
}
#header {
	width:730px; height:43px; background:#FFFFFF;
}
#content {
	width:730px; position:relative;
}
#footer {
	padding: 10px 0px 0px 10px; color:#FFFFFF; width:720px; height:32px; clear:both; font-size:110%;
	background-color:#264186;
}

#nav a, #nav a img, h1 img, body.main #content p img {
	display:block; margin:0px; padding:0px;
}
#footer a {text-decoration:none; color:#FFFFFF;}

/* .index */

#flashContainer {
	width:730px; height:533px; overflow:hidden;
	background-color:#009FDF;
}

/* .main */
body.main #nav {
	width:270px; height:466px; float:left; padding:63px 0px 0px 0px; position:relative; z-index:101;
	background:url(/hdw/content/static/images/b5/aboutus/publication/haar0809/nav_bg.jpg) no-repeat 0px 52px;
}
#nav_financialStat_btn {
	position:absolute; top:52px; left:538px;
}
body.main h1 {position:absolute; top:0px; left:0px; width:730px; height:52px; z-index:102;}
body.main #content p {
	position:absolute; left:270px; top:52px; z-index:100;
}
body.main #content {height:533px; background-color:#87D2F0}
/* .view */
body.view #nav {
	width:716px; height:45px; text-align:right; padding:22px 14px 0px 0px;
	background:url(/hdw/content/static/images/b5/aboutus/publication/haar0809/selector_bg.jpg) no-repeat #009FDF;
}
body.view h1 {position:absolute; top:0px; left:0px; width:300px; height:67px;}