@charset "utf-8";
/* CSS Document */
body {
margin:0;
padding:0;
background-color:#FFFFFF;
}
h1 , h1 a, h1 a:hover{
margin-top:0px;

font: "細明體";
font-size:16px;
color:#14CA5B;
text-decoration:none;

}
h2{
margin:20px;
margin-left:20px;
margin-right:20px;
font-weight:100;
font-family: "細明體";
line-height:20px;
font-size:13px;
color:#333333;
}

h3{
margin-left:20px;
font: "細明體";
font-size:16px;
color:#0099FF;
font-weight:100;
}
a {
font:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
text-decoration:none;

}
a:hover{
font:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFF99;




}


.TextInfo{
font-family:Arial, Helvetica, sans-serif,"細明體";
color:#159863;
font-size:12px;
}
.GreenTitle, .GreenTitle a, .GreenTitle a :hover{
font-family:Arial, Helvetica, sans-serif,"細明體";
color:#14BACA;
font-size:18px;
font-weight:bold;
text-decoration:none;


}
.Footer{
	
font-family:Arial, Helvetica, sans-serif,"細明體";
color:#14BACA;
font-size:13px;
font-weight:bold;
text-decoration:none;
	
	
}

.Footer_contact {
	padding: 10px;
	color:#666666;
	font-size:12px;
}

.Left_title{
font-family:Arial, Helvetica, sans-serif,"細明體";

color:#90C;
font-size:22px;
font-weight:bold;
text-decoration:none;


}
.BlueTexe{
font-family:Arial, Helvetica, "細明體";
color:#3399FF;

font-size:13px;
}
.RedTitle{
font-family:Arial, Helvetica, sans-serif,"標楷體", "細明體";
color:#FF0000;

font-size:13px;
}
/*---- 最外層包裝 ----*/
#WRAPPER {
width: 100%;
margin-left:0px;
padding:0;

}
/*---- 頁首 ----*/
#HEADER {
	padding:0px;
	margin:0px;
	background-color: #FFFFFF;
	width: 100%;
	background-image:url(../images/index_01.jpg);
}

#HEADER h1 a {
text-indent: -9999px;
display: block;
width: 800px;

}

.TextBox{
padding-top:20px;


padding-left:50px;
padding-right:50px;
margin:0;
word-break:break-all;

}
.Right_Space{
	padding-top:20px;
	padding-right:40px;
	width:450px;
	float:left;
	left:518px;
	margin:0;
	margin-bottom:10px;
	top: 311px;
	clear:right;


}
.Left_Space{
padding-top:20px;
padding-left:40px;
float:left;


left:20px;
margin:0;


}


.Right_Box{
    float:right;
	width:400px;
	margin:0;
	left:0;
	
}
.Left_Box{
padding-left:30px;
float:left;
margin:0;

}
.LeaderBar{
margin:0px;
width:100%;
padding:5px;
margin-left:250px;
background-color:#CCCCCC;

}
#CONTENT {
	float:left;
padding:0px;
margin:0px;
margin-left:0px;
width: 1025px;

}

#FOOTER {
clear:both;
width: 100%;
margin:5px;
height:77x;
padding:0px;
background-image: url(../images/index_06.jpg);

}


#newsList{
padding:10;


margin-top:10px;
margin-left:20px;
float:left;
width:300px;
height:160px;

}
#newsList a{

font-family: "細明體";

color:#FFFFFF;
font-size:14px;
text-decoration: none;
line-height:24px;


}

#newsList a:hover { color:#FF0000; text-decoration:underline; }

#show_box_list{
	float:left;
	margin-top:0;
	margin-left:100px;
	padding-top:40px;
	width:150px;
	height:60px;

}

.ProductMain{
margin:5px;
margin-bottom:20px;
background-color:#F1F1F1;
	
	width:440px;
	height:85px;
	padding:10px;	

}

.ImageBorder{

border-color:#CCCCCC;
border:solid 2px;

}
.foodet_left{

	float:left;
	margin-left:30px;
	margin-top:45px;
	color:#FFFFFF;
	font-size:10px;

}
.foodet_left a{
    color:#FFFFFF;
	font-size:10px;
text-decoration: none;
}
.foodet_left a:hover{
text-decoration:underline;
color:#FFFF99;

}
.foodet_right{
float:right;
margin-right:100px;
margin-top:45px;
color:#FFFFFF;
font-size:12px;
}


.media {
color:#FFFFFF;
font-size:13px;
margin-left:5px;
text-decoration:none;
}
.media a:hover{
text-decoration:underline;
color:#FFFF99;
}

.date{
color:#CC3300;
font-size:12px;
font-weight:bold;
}

.contact {
	padding-left: 20px;
	color:#666666;
	font-size:12px;
}

#jsddm
{	margin: 5px;
	padding: 5px;
	
}
	#jsddm li
	{	float: left;
		list-style: none;
		text-align:center;
		vertical-align:middle;
		
		font: 13px Tahoma, Arial}

	#jsddm li a
	{	display: block;
		padding: 3px 10px;
		text-decoration: none;
		border-right: 1px solid white;
		width: 75px;
		color: #FFFFFF;
		}

	#jsddm li a:hover
	{	background: #24313C}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			font-size:11px;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
			#jsddm li ul li
			{	float: none;
			  text-align:left;
				display: inline}
			
			#jsddm li ul li a
			{	width: auto;
				background: #333333;
				color: #FFFFFF}
			
			#jsddm li ul li a:hover
			{
			color: #FF0000;
			background: #000000}






div#header{
	float:left;
	width: 100%;
	background-image:url(../images/product_top_bg.jpg);
	height:200px;
}

 
div#wrapper{float:right;width:100%;margin-left:-300px}
div#content{margin-left:240px; width:750px}
div#navigation{float:left;width:230px; padding-left:20px}
div#footer{clear:both;width:100%;background-image:url(../images/index_06.jpg);}