@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,dl,dd{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ol,ul{list-style:none;}
img,acronym{border:0;}
input,select{vertical-align:middle;margin:0;}
a{	text-decoration: none;
	color: #333333;}
a.visited{
	text-decoration: none;
	color: #666666;}
a:hover{
	color: #CC0000; 
	text-decoration: underline;
	}

body{ background:#9A9B9B; text-align:center;}
#pageall{ background:url(images/pagebg1.gif) top no-repeat #FFF ;width:875px; margin:0 auto; overflow:hidden;}
#top{height:125px; position:relative; float:left;}
#top h2{
	font-size:9pt;
	color: #000;
	position:absolute;
	top:50px;
	left:560px;
	width:300px;
	text-align:right;
	font-weight: normal;
	white-space:nowrap;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 27px;
}

.nav {
	height:35px;
	background: url(images/nav_r.gif)  right repeat-x;
	position:relative;
	font-family:arial, verdana, sans-serif;
	font-size:10pt;
	width:875px; text-align:center;
	z-index:500;white-space:nowrap; }

.nav .table {
display:table; 
margin:0 auto;width:auto; text-align:left;}
.nav .select,.nav .current {float:left;margin:0; padding:0;list-style:none;display:table-cell; white-space:nowrap;}
.nav li {height:auto;float:left;display:block;height:35px;}
.nav .select a {display:block;height:35px; float:left;background:url(images/navbg.gif) repeat-x; 
padding:0 20px; text-decoration:none;line-height:35px; white-space:nowrap; color:#fff;}
.nav ul {display:inline-block;}
.nav ul {display:inline;}
.nav ul li {float:left;}
.nav {text-align:center;}
.nav .select a:hover b, 
.nav .select li:hover a b {float:none;} 
.nav .current a {display:block; 
height:35px; float:left;background: url(images/nav_over.gif); 
padding:0 0 0 10px; text-decoration:none;line-height:35px;white-space:nowrap;color:#000; }
.nav .current a b {
	display:block;
	padding:0 20px 0 10px;
	background: url(images/nav_over.gif) right top;
	font-weight: normal;}

.nav .select a:hover, 
.nav .select li:hover a {
	background: url(images/nav_over.gif);
	padding:0 0 0 10px;
	cursor:pointer;
	color:#000;}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
padding:0  20px 0 10px; 
background:url(images/nav_over.gif)  right top; 
cursor:pointer;}

.nav .select_sub {
display:none;}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#f00;
}

.nav .select :hover .select_sub, 
.nav .current .show {
	display:block;
	position:absolute;
	width:875px;
	top:25px;
	padding:0;
	z-index:100;
	left:0; background:url(images/back_0.gif);
	text-align:center;}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
	display:block;
	float:left; 
	background:transparent;
	padding: 0px 6px;
	margin:0;
	white-space:nowrap;
	border:0;
	color: #003366;
	font-family: "微軟正黑體", Arial;
	font-weight: bold;
}

.nav .current .sub li.sub_show a {
	color:#FF6633;
	cursor:default;
	background:url(menus/back_1.gif);
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
	visibility:visible;
	color:#FF6633;
	background:url(menus/back_1.gif);
}
.navline{ background:url(images/navline.gif) right no-repeat; padding:0px 5px;}

#top2{ float:left; position:relative;width:875px; height: auto 228px; min-height:228px;}
#patent {width:310px; height:65px; margin:3px 0px 0px 5px; text-align:left; overflow:hidden; float:left;}
#patent img{ height:60px;}
#patent ul{ display:block; list-style:none;}
#patent li{ 
	float:left;display:block; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%; list-style:none; text-align:left;
	line-height: 150%;width:300px; padding:5px 0px 3px 0px; margin-left:5px;
}
#patent li a{
	color:#3B434D;
	text-decoration: none;
}
#patent li a:hover{
	color: #FF6633;
	text-decoration: none;
}

#news{width:310px; height:100px; margin:0px 0px 0px 5px; text-align:left; overflow:hidden; float:left}
#news ul{ display:block; list-style:none;}
#news li{ background:url(images/dot1.gif) bottom repeat-x;
	float:left;display:block; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%; list-style:none;
	line-height: 150%;width:300px; padding:5px 0px 3px 0px; margin-left:5px;
}
#news li a{
	color:#3B434D;
	text-decoration: none;
}
#news li a:hover{
	color: #FF6633;
	text-decoration: none;
}
#news2{ position:relative; font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	line-height: 170%;width:710px; height:auto; float:left; margin:10px 0px 10px 80px; text-align:left;}
#news2 table{float:right;clear:both;}
#news2 img{ width:150px; border:1px #ccc solid; margin:5px;}
#news2 .cli{ background:url(images/dot1.gif) bottom repeat-x;	width:710px;  display:block; padding:3px 0px 2px 0px;	}
#news2 .cli a{
	color: #369;
	text-decoration: none;
}
#news2 .cli a:visited{
	color: #666;
	text-decoration: none;
}
#news2 .cli a:hover{
	color: #F63;
	text-decoration: none;
}
#flash{position:relative; width:532px;height:230px; float:right;margin:20px 8px 0px 0px;}
#con1{position:relative;
	width:855px;
	float:left; text-align:left;
 	font-size: 75%;
	line-height: 160%;
	color: #333333;padding:0px 0px 0px 10px;
}
#con1 p{ margin:5px 0px 5px 10px;}
#con2{
	width:810px;
	position:relative;
	text-align:left;
	display:inline;
	font-size:80%;
	float:left;
	line-height: 166%;
	color: #333333;
	margin:20px 30px;
	font-family: Arial, Helvetica, sans-serif;
}
#con2 .img2{ margin:10px; float:left;}
#product_h{ background: url(images/h_p2.gif) no-repeat top left; width:850px; height:auto; padding-top:30px; float:left; margin-left:10px;	font-family: Arial, Helvetica, sans-serif;font-size:75%;text-align:left;	line-height: 150%;color: #333333;}
.inhpall{ display:block;width:105px; height:150px;margin:5px 0px 5px 15px; _margin:5px 0px 5px 10px;float:left;}
.inhp{
	height:90px;line-height:90px; display:block;
	border:1px #ccc solid;padding:2px; text-align:center;}
.inhp img {border:1px #fff solid;}
.inhp a:hover img {border:1px #F60 solid;}
.inhp img:hover{border:1px  #F60 solid;}
#product_font{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt; text-align: center;
	line-height: 12pt; display:block; float:left;}
#product_k{background: url(images/h_p1.gif) no-repeat top left; width:850px; height:auto; padding:30px 0px 10px 0px; float:left; margin-left:10px;	font-family: Arial, Helvetica, sans-serif;font-size:75%;text-align:left;	line-height: 150%;color: #333333;}
#foot{ background: url(images/footbg.gif) repeat-x bottom;padding-top:30px;width:875px; height:140px;font-size:75%;font-family: Arial, Helvetica, sans-serif;	line-height:220%;color: #333333; float:left;}
#foot a:hover{
	color: #006699;
	text-decoration: underline;
}
#product_p{ width:850px; height:auto; padding-top:30px; float:left; margin-left:10px;	font-family: Arial, Helvetica, sans-serif;font-size:75%;text-align:left;line-height: 150%;color: #333333;}
#product_p ul{ display:block;list-style:none;width:105px; height:130px; margin:5px 0px 5px 15px; _margin:5px 0px 5px 10px;float:left;}
#product_p li{ height:90px; line-height:90px;
	list-style:none; display:block; text-align:center;
	border:1px #ccc solid;padding:2px;}
#product_p img {border:1px #fff solid;}
#product_p a:hover img {border:1px #F60 solid;}
#product_p img:hover{border:1px  #F60 solid;}

#fp1{
	width:875px;
	float:left; text-align: center;}
#product_ph{ width:650px; height:auto; padding-top:5px; float:right; margin-left:10px;	font-family: Arial, Helvetica, sans-serif;font-size:75%;text-align:left;	line-height: 150%;color: #333333;}
#product_ph h1{ color: #669900}
#product_ph ul{list-style:none;width:105px; margin:5px 0px 5px 10px;float:left; display:block;}
#product_ph li{	list-style:none; height:90px; line-height:90px; text-align:center;border:1px #ccc solid;padding:2px;display:block;}
#product_ph a:hover img {border:1px #F60 solid;}
#product_ph img:hover{border:1px  #F60 solid;}
.product_list{ float:left; width:190px; text-align:left;}
.product_list ul{ list-style:none; margin-left:20px;}
.product_list li{
	list-style: inside url(images/gif02.gif); float:left;
	font-family: Arial, Helvetica, sans-serif; clear:both;
	font-size: 80%;float:left;width:180px;
	line-height:180%; background:url(images/dotbg.gif) repeat-x bottom;}


#product_phc{ width:800px; height:auto; padding-top:5px; float:left; margin:5px 0px 30px 30px;	font-family: Arial, Helvetica, sans-serif;font-size:75%;text-align:left;	line-height: 150%;color: #333333;}
#product_phc h1{ color: #669900; font-size:11pt; line-height:18pt;}
#product_phc ul{list-style:none;margin:5px 10px 5px 15px;float:right;}
#product_phc li{	list-style:none;	border:1px #ccc solid;padding:2px;margin:5px;}
#product_phc li img{ width:140px;}#product_phc a{ color: #066}

#message{ position:relative;
width:760px;
text-align:left; float:left;
 	font-size:80%;
	line-height: 180%;
	color: #333333; margin-left:70px;_margin-left:35px;}
#message table{  clear:both;}
#message li{	list-style:none inside  ;
	padding:3px;float:left; 
	text-align:left;text-align:left;width:680px;
	font-size: 10pt;}
#message p{	margin-top:15px;}
#message p a{
	font-family: Arial, Helvetica, sans-serif;
	color: #CCFF33;
	text-decoration: none;
	letter-spacing: 2px;
	margin:2px;
	font-size: 10pt;
	padding:3px;}
#message p a:visited{
	color: #666666;
	text-decoration: none;
	background-color: #000;}
#message p a:hover{
	color: #000;
	text-decoration: none;
	background-color: #999999;}
#message h3{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
.board li{
	list-style:none inside;
	padding:3px;float:left;
	text-align:left;
	margin:0px 20px 0px 0px;
}
.board li h3{
	width:120px;
	float:left;
	text-align:left;
	font-size: 10pt;
	color: #E3E3E3;
	padding:0px;
	margin:0px;
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;}	
.tf1{ clear:
	font-size: 90%;
	line-height: 180%;
	font-weight: 600;
	color: #0D6B80;
}
.f2{float:left;display:block;width:310px;
	font-family: Arial, Helvetica, sans-serif;padding-top:25px;
display:block; color: #3A4B4E}
.f1{ float:left; width:300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%; display:block;
	line-height: 150%;padding:25px 20px 0px 0px;}
.bfont{
	font-size: 10pt;
	color: #748D8D;
}