h1, h2, h3, p, ul, ol { margin: 0; padding: 0; list-style-type: none; }
body { font-family: 新細明體; margin-top: 0; }
.pagesize { width: 980px; margin-right: auto; margin-left: auto; }
a { blr:expression(this.onFocus=this.blur()); }
a:focus { -moz-outline-style: none; }
.title { background-image: url(../images/title_bg.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: right 45%; text-align: left; padding-top: 0.5em; }
.title h1 { color: black; font-family: 標楷體; line-height: normal; background-image: url(../images/title_logo.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 6px; letter-spacing: 4px; padding-left: 114px; }
.title h1 a.name { background-image: url(../images/title_logoname1.gif); background-repeat: no-repeat; background-attachment: scroll; text-indent: -999em; width: 280px; height: 70px; display: block; }
.title h1 b { color: #3577ff; font-size: medium; font-family: "times new roman"; line-height: normal; letter-spacing: 0; margin-left: 0.5em; }
.title h1 span { color: #6e6e6e; font-size: 11px; font-family: tahoma; font-weight: normal; letter-spacing: 0; float: right; }
.title h1 span a { color: #3577ff; }
/*<agl.folder "Menu NAVs">*/
	.menu { background-image: url(../images/menu_bg.gif); background-repeat: repeat-x; background-attachment: scroll; text-align: left; height: 37px; border-right: 1pt solid #bebebe; }
	.menu ul { margin: 0; padding: 0; list-style-type: none; }
	.menu ul li { width: 97px; float: left; }
	.menu a { background-image: url(../images/menu_items.gif); background-repeat: no-repeat; background-attachment: scroll; text-decoration: none; text-indent: -999em; height: 37px; display: block; }
	.menu .about a:hover { background-position: 0 -37px; }
	.menu .about a.sw { background-position: 0 -37px; }
	.menu .news a { background-position: -97px 0; }
	.menu .news a:hover, .menu .news a.sw { background-position: -97px -37px; }
	.menu .product a { background-position: -194px 0; }
	.menu .product a:hover, .menu .product a.sw { background-position: -194px -37px; }
	.menu .service a { background-position: -291px 0; }
	.menu .service a:hover, .menu .service a.sw { background-position: -291px -37px; }
	.menu .protfolio a { background-position: -388px 0; }
	.menu .protfolio a:hover, .menu .protfolio a.sw { background-position: -388px -37px; }
	.menu .resource a { background-position: -485px 0; }
	.menu .resource a:hover, .menu .resource a.sw { background-position: -485px -37px; }
	.menu .links { width: 100px; }
	.menu .links a { background-position: -582px 0; }
	.menu .links a:hover, .menu .links a.sw { background-position: -582px -37px; }
/*</agl.folder>*/
.main { margin-top: 1em; }
.main .sidebar { font-size: small; text-align: left; width: 215px; float: left; }
.main .sidebar .news { background-image: url(../images/news_bg.gif); background-repeat: no-repeat; background-attachment: scroll; width: 215px; height: 190px; padding-top: 36px; }
.main .sidebar .news ul { margin-right: 10px; margin-left: 12px; }
.main .sidebar .news ul li { padding-top: 2px; padding-bottom: 2px; }
.main .sidebar .news ul li strong { color: #82a58c; font-size: 11px; font-family: arial; display: block; }
.main .sidebar p { margin-left: 2em; }
.main .sidebar p img { margin-right: 4px; margin-bottom: 4px; }
.main .sidebar .subtitle { color: gray; font-weight: bold; line-height: 25px; background-image: url(../images/sidebar-header.png); background-repeat: no-repeat; background-attachment: scroll; background-position: -4px 0; letter-spacing: 2px; padding-left: 12px; border-bottom: 1px solid #e6e6e6; }
.main .sidebar .subtitle b { }
.main .sidebar .whitebar { background-image: url(../images/sidebar-ratings.png); background-repeat: no-repeat; background-attachment: scroll; background-position: -4px bottom; padding-bottom: 20px; padding-left: 3px; }
.main .sidebar .whitebar li { border-bottom: 1pt dotted #e6e6e6; }
.main .sidebar .whitebar li a { line-height: 2; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 8px 40%; text-decoration: none; width: 192px; padding-left: 16px; display: block; }
.main .sidebar .whitebar li a:hover { color: #3282fa; background-color: #f0f0f0; background-image: url(../images/mini-blogroll.gif); background-position: 5px center; text-decoration: underline; }
.main .sidebar div.browser { background-image: url(../images/browser.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center -5px; height: 60px; display: block; }
.main iframe { width: 756px; float: right; }
.main .subitem { color: white; font-size: 12pt; line-height: 1.6; background-image: url(../images/title_menu_bg.gif); padding-left: 4px; display: block; }
/*<agl.folder "footbar">*/
	div.foot{ background: #f0f0f0; clear: both; }
	div.foot p { color: #787878; font-size: small; font-family: arial; line-height: 1.5; text-align: center; margin: 0; display: block; }
	div.rtop, div.rbottom{display:block;background: #fff}
	div.rtop div, div.rbottom div{display:block;height: 1px;overflow: hidden; background: #f0f0f0}
	div.r1{margin: 0 5px}
	div.r2{margin: 0 3px}
	div.r3{margin: 0 2px}
	div.rtop div.r4, div.rbottom div.r4{margin: 0 1px;height: 2px}
/*</agl.folder>*/
#dropmenudiv { background-color: #fafafa; position: absolute; z-index:200; border-color: #aaa; border-style: solid; border-width: 1px 1px 0; }
#dropmenudiv a { color: #464646; font-size: 12px; line-height: 2; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-attachment: scroll; width: auto; display: block; text-indent: 3px; border-bottom: 1px solid #aaa; padding: 1px 0 1px 10px; text-decoration: none; background-position: 4px 45%; }
#dropmenudiv a:hover { /*hover background color*/color: #3577ff; background-color: #f0f6fa; }