body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	min-width: 910px;
}

#ie6spacer {
	width:910px;
}
#theading {
	color:#333333;
	font-size: 0.7em;
	letter-spacing: 0.35em;
	margin: 0;
	border-bottom: 0;
	padding: 0 0 54px 10px;
}
#theading strong {
	color:#FF0000;
	font-size: 1.2em;
}

.content {
	background-color: #FFFFFF;
	margin: 0 1px;
	padding: 20px;
}
.content .inner {
	padding: 0 20px 10px 20px;
	font-size: .7em;
	line-height: 1.5em;
}
.content2 {
	padding: 6px 20px 20px 20px;
	font-size: 0.7em;
	line-height: 1.5em;
}
h2 {
	line-height: normal;
	margin: 4px 0 4px 0;
	font-size: 1.1em;
}
h3 {
	margin: 24px 0 8px 0;
	font-size: 1.2em;
}
h3.header {
	padding: 4px 8px 4px 20px;
	color: #CCCCCC;
	background-image: url(img/darkgradient.jpg);
	background-repeat: repeat-x;
	background-color: #000000;
	border-top: 1px solid #3F3F3F;
	border-bottom: 1px solid #FFFFFF;
	font-size: 0.75em;
	margin: 0 1px;
	font-weight: normal;
}
a img {border: 0;}
p {
	margin: 6px 0 12px 0;
}
#top {
	font-size: 0;
	height: 16px;
	background-image: url(img/hp08_layout_top.jpg);
	background-repeat: no-repeat;
	line-height: 0px;
}
#bottom {
	font-size: 0;
	height: 16px;
	/*background-image: url(img/hp08_layout_bottom.jpg);*/
	background-repeat: no-repeat;
	line-height: 0px;
	clear: both;
}
#footer {
	background: url(img/img07.gif) repeat-x;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 0.7em;
	margin: 6px auto;
	text-align: center;
	width: 100%;
	height:300px;
}
/* Footer */
/*#footer {
	clear: both;
	padding: 30px 0;
	background: url(img/img07.gif) repeat-x;
	text-align: center;
	font-size: smaller;
}*/
#footer a, #footer a:visited {
	color:#00FFFF;
	padding: 2px 6px;
}
#footer a:hover {
	color: #FFFFFF;
	background-color: #010101;
	text-decoration: none;
}
#footer p {
	margin: 6px 0 0 0;
	text-align: center;
	color:#FFFFFF;
}
.navlist, .navlist ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}
.navlist li {
	margin: 4px 0 0 0;
}
.navlist ul li {
	margin: 4px 10px 16px 10px;
	font-size: 0.95em;
	line-height: normal;
	color: #CC3300;
}
.navlist a {
	display: block;
	text-decoration: none;
	padding: 4px 10px;
	border: 1px solid #242424;
	color: #000000;
	background-image: url(img/linkgradient.jpg);
	background-repeat: repeat-y;
	background-position: -200px 0px;
	background-color: #FFFFFF;
}
.navlist a:hover {
	color: #CCCCCC;
	background-color: #444444;
	background-position: 0px 0px;
}
.navlist .new {
	position: relative;
	overflow: visible;
}
.navlist .new a {
	color: #000000;
	font-weight: bold;
}
.navlist .new a:hover {
	color: #CCCCCC;
}
.navlist .newmarker {
	position: absolute;
	background-image: url(img/p708_new.gif);
	background-repeat: no-repeat;
	display: block;
	top: 4px;
	left: -32px;
	height: 20px;
	width: 30px;
}
.navlist li span.subtext {
	display: block;
	background-color: #4683E8;
	font-size: .8em;
	padding: 1px 10px;
	color: #FFFFFF;
	margin: 0 0 12px 0;
	line-height: normal;
	border-right: 1px solid #242424;
	border-bottom: 1px solid #242424;
	border-left: 1px solid #242424;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
form.zsearch {
	margin: 20px 0 12px 0px;
}
.zsearch input, .zsearch label {
	display: block;
	font-size: 1em;
}
#zoom_query {
	width: 94%;
	margin: 6px 0;
	padding: 3px;
}
.rssicon {
	background-image: url(img/rss_small.png) !important;
	background-repeat: no-repeat !important;
	background-position: 2% 50% !important;
	padding: 4px 10px 4px 16px !important;
}
/*.search-icon {
	background-image: url(img/search_icon.png) !important;
	background-repeat: no-repeat !important;
	background-position: 1% 50% !important;
	padding: 4px 10px 4px 18px !important;
}*/
.search-icon {
	background-image: url(img/icon_search.png) !important;
	background-repeat: no-repeat !important;
	background-position: 2% 50% !important;
	padding: 4px 10px 4px 24px !important;
}



#header_link {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 11px;
	/*left:206;*/
	RIGHT: 50px;
	PADDING-BOTTOM: 0px;
	WIDTH: 450px;
	COLOR: #666;
	PADDING-TOP: 0px;
	LETTER-SPACING: 1px;
	POSITION: absolute;
	TOP: 100px;
	TEXT-ALIGN: right;
}
#header_link A {
	color:#333333;
	LETTER-SPACING: 1px; 
	TEXT-DECORATION: none;
	/*border-bottom:2px solid #016001;*/
}
#header_link A:hover {
	color:#ec008c;
	TEXT-DECORATION: underline;
	/*border-bottom:2px solid #ec008c;*/
}
/*--------home.html-----------------*/


#top1 {
	font-size: 0;
	height: 16px;
	background-image: url(img/hp08_layout_top1.jpg);
	background-repeat: no-repeat;
	line-height: 0px;
	/*opacity: .80; /* 透明度60% FireFox 的寫法 */ 
	/*filter: Alpha(Opacity=80); /* 透明度60% IE 的寫法 */ 
}
#bottom1 {
	font-size: 0;
	height: 16px;
	background-image: url(img/hp08_layout_bottom1.jpg);
	background-repeat: no-repeat;
	line-height: 0px;
	clear: both;
	/*opacity: .80; /* 透明度60% FireFox 的寫法 */ 
	/*filter: Alpha(Opacity=80); /* 透明度60% IE 的寫法 */ 
}
/* box picture*/
.box {
	FLOAT: left; MARGIN: 3px; WIDTH: 190px; HEIGHT: 162px
}
.top_box {
	BACKGROUND: url(images/box_bg.gif) no-repeat center 50%; FLOAT: left; WIDTH: 190px; HEIGHT: 127px; TEXT-ALIGN: center
}
.top_box UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.top_box UL LI {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 174px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 114px
}
.top_box UL LI A {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; DISPLAY: block; MARGIN: 5px; BORDER-LEFT: #ffffff 1px solid; WIDTH: 174px; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 114px
}
.top_box UL LI.b1 A {
	BACKGROUND: url(images/link1.jpg) no-repeat center 50%
}
.top_box UL LI.b2 A {
	BACKGROUND: url(images/link2.jpg) no-repeat center 50%
}
.top_box UL LI.b3 A {
	BACKGROUND: url(images/link3.jpg) no-repeat center 50%
}
.top_box UL LI.b4 A {
	BACKGROUND: url(images/link4.jpg) no-repeat center 50%
}
.top_box UL LI.b5 A {
	BACKGROUND: url(images/link5.jpg) no-repeat center 50%
}
.top_box UL LI.b6 A {
	BACKGROUND: url(images/link6.jpg) no-repeat center 50%
}
.top_box UL LI.b1 A:hover {
	BACKGROUND: url(images/link1_a.jpg) no-repeat center 50%
}
.top_box UL LI.b2 A:hover {
	BACKGROUND: url(images/link2_a.jpg) no-repeat center 50%
}
.top_box UL LI.b3 A:hover {
	BACKGROUND: url(images/link3_a.jpg) no-repeat center 50%
}
.top_box UL LI.b4 A:hover {
	BACKGROUND: url(images/link4_a.jpg) no-repeat center 50%
}
.top_box UL LI.b5 A:hover {
	BACKGROUND: url(images/link5_a.jpg) no-repeat center 50%
}
.top_box UL LI.b6 A:hover {
	BACKGROUND: url(images/link6_a.jpg) no-repeat center 50%
}
/*-----------pages.html------------------*/
#c5 {
	width: 680px;
	float: left;
	margin-right: 0;
}

#top5 {
	font-size: 0;
	height: 16px;
	background-image: url(img/hp08_layout_top5.jpg);
	background-repeat: no-repeat;
	line-height: 0px;
}
#bottom5 {
	font-size: 0;
	height: 16px;
	background-image: url(img/hp08_layout_bottom5.jpg);
	background-repeat: no-repeat;
	line-height: 0px;
	clear: both;
}
/* top button*/
#menu {
	LEFT: 292px;
	/*MARGIN: 0px auto;*/
	WIDTH: 34.4em;
	/*LIST-STYLE-TYPE: none;*/
	POSITION: absolute;
	TOP: 15px;
	height: 169px;
	
	
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 11px;
	RIGHT: 150px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	LETTER-SPACING: 1px;
	POSITION: absolute;
	/*TOP: 100px;*/
	/*TEXT-ALIGN: right;*/
}
#menu img {
	MARGIN-LEFT: 1px;
	/*cursor:url("cur_a3.ani"),text;*/
	opacity: .75; /* 透明度60% FireFox 的寫法 */ 
	filter: Alpha(Opacity=75); /* 透明度60% IE 的寫法 */ 
}
#menu li {
	FLOAT: left
}
#menu li a {
	DISPLAY: block;
	/*cursor:hand;*/
}
#menu .reflectOpen {
	BACKGROUND: url(images/open.jpg) no-repeat 1px 50%; WIDTH: 103px; HEIGHT: 38px;
}
#menu .reflectPhoto {
	BACKGROUND: url(images/photo2.jpg) no-repeat 1px 50%; WIDTH: 103px; HEIGHT: 43px
}
#menu .reflectWeb {
	BACKGROUND: url(images/webdesign2.jpg) no-repeat 1px 50%; WIDTH: 103px; HEIGHT: 43px
}
#menu .reflectClose {
	BACKGROUND: url(images/close.jpg) no-repeat 1px 50%; WIDTH: 103px; HEIGHT: 38px
}
UL {
	BORDER-RIGHT: 0pt; PADDING-RIGHT: 0pt; BORDER-TOP: 0pt; PADDING-LEFT: 0pt; FONT-SIZE: 100%; PADDING-BOTTOM: 0pt; MARGIN: 0pt; VERTICAL-ALIGN: baseline; BORDER-LEFT: 0pt; PADDING-TOP: 0pt; BORDER-BOTTOM: 0pt; FONT-FAMILY: inherit
}
/*search button*/
#header_search {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	RIGHT: 50px;
	PADDING-BOTTOM: 0px;
	WIDTH: 80px;
	COLOR: #666;
	PADDING-TOP: 0px;
	LETTER-SPACING: 1px;
	POSITION: absolute;
	TOP: 120px;
	TEXT-ALIGN: center;
	font-size:12px;
}