a { blr:expression(this.onFocus=this.blur()); }
a:focus { -moz-outline-style: none; }
.red { color: red; }
body { font-family: 新細明體; margin: 0; }
.title { color: white; line-height: 31px; background-image: url(../images/title_h1.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right 0; letter-spacing: 2px; height: 31px; padding-left: 8px; border-bottom: 2pt solid #dbe1e4; }
.title a { color: white; text-decoration: none; }
.title a:hover { text-decoration: underline; }
.title span { background-image: url(../images/icon-news.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center; padding-right: 170px; }
.news ul { margin: 0.5em 0 0; padding: 0 0 0 1em; }
.news ul li { text-indent: -4.5em; margin-top: 1em; margin-bottom: 1em; padding-left: 4.5em; list-style-type: none; }
.news ul li a:hover { color: red; }
.news ul li strong { color: #8f9396; font-size: 11px; font-family: arial; font-weight: normal; margin-right: 1em; padding-right: 2px; padding-left: 2px; border: solid 1pt #bfc4c7; }
.news ul p { font-size: small; line-height: 1.5; text-indent: 0; }
.tabcontent strong { color: #0068a0; font-size: medium; letter-spacing: 1px; }
/*Submenu Item*/
.subitem { text-align: center; width: 100%; margin-top: 1em; }
.subitem td { width: 25%; }
.subitem a { color: #808080; font-size: medium; line-height: 3; background-color: #e6e6e6; text-decoration: none; letter-spacing: 2px; width: 99%; border: solid 1pt #c3c3c3; display: block; }
.subitem a:hover { color: #3c82fa; background-color: #faf5db; }
.subitem a.select { color: black; font-weight: bold; background-color: white; background-image: url(../images/menu_bg.jpg); background-repeat: repeat-x; background-attachment: scroll; border-bottom-color: white; }
.subitem a.select:hover { color: orange; background-color: white; }
/*Submenu Item*/
/*<agl.folder "resource">*/
	.resource { text-align: center; margin-top: 1em; border: solid 1pt #c3c3c3; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; }
	.resource .hard { background-color: white; display: block; }
	.resource .hard a { color: #808080; line-height: 3; background-color: #e6e6e6; text-decoration: none; letter-spacing: 2px; width: 33.1%; float: left; border-right: 1pt solid #c3c3c3; border-bottom: 1pt solid #c3c3c3; border-left: 1pt solid white; display: block; white-space: nowrap; }
	.resource .hard a:hover { color: #3c82fa; background-color: #faf5db; }
	.resource .hard a.select { color: black; font-weight: bold; background-color: white; background-image: url(../images/menu_bg.jpg); background-repeat: repeat-x; background-attachment: scroll; border-bottom: 0 none white; }
	.resource .hard a.select:hover { color: orange; background-color: white; }
	.resource .hard a.r { width: 33%; border-right-style: none; border-right-width: 0; }
	.resource ul { text-align: left; height: 300px; clear: both; margin: 0; padding: 2em; }
	.resource ul li { margin-top: 1em; margin-bottom: 1em; list-style-image: url(../images/com-icon.gif); }
	.resource form { text-align: left; clear: both; padding: 1em 4px 4px; }
	.resource form table { background-color: #fafaf0; width: 100%; }
	.resource form table th { font-weight: normal; text-align: left; vertical-align: top; width: 25%; }
	.resource form table td { font-size: small; }
	.resource form table td.item { color: #827c65; font-size: medium; font-weight: bold; line-height: 1; background: #f5f1d7 url(../images/arrow.gif) no-repeat 6px center; text-align: left; letter-spacing: 4px; padding-left: 16px; border-top: 1px solid #c0c8b0; border-bottom: 1px solid #c0c8b0; }
	.resource form table inputs { border: solid 1pt #c0c8b0; }
	.resource form table textarea { width: 99%; }
	.resource form table td table th { color: #4b646e; width: auto; border-bottom: 1pt solid #be0000; }
	.resource form table td table td input { width: 96%; }
/*</agl.folder>*/
/*<agl.folder "jobs">*/
	.jobs { clear: both; padding: 1em 4px 4px; }
	.jobs table { font-size: small; background-color: #fafaf0; text-align: left; width: 100%; margin-bottom: 2em; border-top: 1pt solid #c0c8b0; border-bottom: 1pt solid #c0c8b0; }
	.jobs table caption { font-size: medium; font-weight: bold; background: #f5f1d7 url(../images/arrow.gif) no-repeat 6px center; text-align: left; letter-spacing: 4px; padding-left: 16px; border-top: 1px solid #c0c8b0; }
	.jobs table caption span { }
	.jobs table th { color: #5a5545; text-align: left; letter-spacing: 2px; width: 12%; white-space: nowrap; }
	.jobs table td.size { width: 40%; }
/*</agl.folder>*/
/*<agl.folder "products">*/
	.products { font-size: small; clear: both; padding: 10px 4px 6px; border-right: 1pt solid #c3c3c3; border-bottom: 1pt solid #c3c3c3; border-left: 1pt solid #c3c3c3; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; }
	.products h1 { font-size: medium; font-weight: normal; line-height: 32px; background-image: url(../images/submenu_item.gif); background-repeat: no-repeat; background-attachment: scroll; height: 40px; margin: 0 0 6px; padding: 0 0 0 140px; cursor: pointer; }
	.products h1 div { background-image: url(../images/submenu-icon.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; width: 440px; height: 30px; }
	.products h1.s div { width: 405px; }
	.products h1.s { background-position: 0 -40px; padding-left: 176px; }
	.products h1.a { background-position: 0 -80px; padding-left: 136px; }
	.products h1.c { background-position: 0 -120px; padding-left: 96px; }
	.products h1.c div { width: 480px; }
	.products h3 { font-size: medium; line-height: 1.6; background: #fafafa url(../images/icon_arrow.gif) no-repeat 4px center; letter-spacing: 4px; margin: 0; padding: 0 0 0 22px; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; }
	.products table { width: 100%; margin-bottom: 1em; }
	.products table td.sd1 { text-align: center; width: 50%; }
	.products ul, .products ol { margin: 0; padding: 0 0 0 2em; }
	.products table ul li { list-style-image: url(../images/com-icon.gif); }
	.products table li { margin-top: 0.5em; margin-bottom: 0.5em; }
	.products table.spac { background-color: #f1f9ff; border-bottom: 1pt solid #9bafc8; }
	.products table.spac caption { color: red; text-align: left; margin-bottom: 1em; }
	.products table.spac th { background-color: #d6ecff; text-align: left; letter-spacing: 2px; width: 12%; white-space: nowrap; }
	.products table.spac td { border-bottom: 1pt solid #ced4d7; }
	.products table.spac tr.item td { color: black; background-color: #f5faf5; text-align: center; border-bottom: 1pt solid #9bafc8; }
	.products table.spac .no td { border-bottom-style: none; border-bottom-width: 0; }
	.products table td table { font-size: small; background-color: #6e96af; margin-top: 1em; }
	.products table td table th { background-color: #bee1ff; text-align: left; white-space: nowrap; }
	.products table td table tr { background-color: #f0faff; }
	.products a strong { color: #355ec2; font-size: medium; background-image: url(../images/com-icon.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 40%; text-decoration: none; margin-bottom: 0.5em; padding-bottom: 4px; padding-left: 12px; border-bottom: 1pt dotted #c3c3c3; display: block; }
	.products a:hover strong { color: red; position: relative; top: 1px; left: 1px; }
	.products a { color: black; line-height: 1.5; background: #f0f0f0 url(../images/no-pic.gif) no-repeat -4px -8px; text-decoration: none; height: 100px; margin-top: 10px; margin-bottom: 10px; padding: 6px 6px 6px 160px; border-top: 1px solid #d3d9dc; border-bottom: 1px solid #d3d9dc; display: block; }
	.products a:hover { color: #6e6855; background-color: #fffae1; border-top-color: #c8c09d; border-bottom-color: #c8c09d; }
	.products a b { background-image: url(../images/more.gif); background-repeat: no-repeat; background-attachment: scroll; position: relative; width: 35px; height: 11px; overflow: hidden; float: right; }
	.products a:hover b { background-position: 0 -11px; }
	.products a.back { font-size: small; line-height: 42px; background: url(../images/longhorn_button.gif) no-repeat; position: relative; width: 42px; height: 42px; float: right; margin-right: 0.5em; padding: 0 1em 0 46px; border-style: none; border-width: 0; display: block; white-space: nowrap; }
	.products a.back:hover { color: red; background-color: transparent; text-decoration: underline; }
	.products a.p1 { background-image: url(../images/pro-p1_t.gif); background-position: 12px -6px; }
	.products a.p2 { background-image: url(../images/pro-p2_t.gif); background-position: -80px 14px; }
	.products a.p3 { background-image: url(../images/pro-p3_t.gif); background-position: 35px -30px; }
	.products a.p4 { background-image: url(../images/pro-p4_t.gif); background-position: -30px center; }
	.products a.p5 { background-image: url(../images/pro-p5_t.gif); background-position: 0 center; }
	.products a.p6 { background-image: url(../images/pro-p6_t.gif); background-position: 25px 6px; }
	.products a.p7 { background-image: url(../images/pro-p7_t.gif); background-position: 0 -16px; }
	.products a.s1 { background-image: url(../images/pro-s1_t.gif); background-position: -30px 2px; }
	.products a.s2 { background-image: url(../images/pro-s2_t.gif); background-position: 16px 4px; }
	.products a.s3 { background-image: url(../images/pro-s3_t.gif); background-position: 16px 4px; }
	.products a.s4 { background-image: url(../images/pro-s4_t.gif); background-position: 12px 4px; }
	.products a.a1 { background-image: url(../images/pro-a1_t.gif); }
	.products a.a2 { background-image: url(../images/pro-a2_t.gif); }
	.products a.c1 { background-image: url(../images/pro-c1_t.gif); background-position: 20px 6px; }
	.products a.c2 { background-image: url(../images/pro-c2_t.gif); }
	.products a.c3 { background-image: url(../images/pro-c3_t.gif); }
/*</agl.folder>*/
.links { background-image: url(../images/earth.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: right 0; height: 400px; }
.links ul { font-size: small; }
.links ul li { margin-top: 1em; margin-bottom: 1em; list-style-image: url(../images/com-icon.gif); }
.links ul li a { font-size: medium; margin-right: 1em; }
#dropmenudiv { background-color: #fafafa; position: absolute; z-index:200; margin-left: 1em; 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; }
#dropmenudiv a.in { background-image: url(../images/join.gif); background-position: 10px center; padding-left: 30px; }
.products p { line-height: 1.5; margin: 0 1em; }
.products p strong { color: #00640a; font-family: arial; font-weight: normal; }