@charset "utf-8";
a {
	text-decoration:none;	
	color:#59493f;
}
a:hover {
	text-decoration:underline;
	color:3333ff;
}

/* 預設樣式表 */ 

body{
	margin:0px auto 0 auto;
	background-color:#ffffff;
	background:url(../images/head_ground1.jpg);
	background-repeat:repeat-x;
}

form, html {
	padding:			0;
	margin:				0;
}

img {
	border:				none;
}

input.txt, textarea.txt {
	font-size:			1em;
	border:				1px #aaa solid;
	border-top:			1px #888 solid;
	padding:			2px 3px 2px 3px;
	font-family: 		Verdana,Arial,Helvetica,sans-serif;	
}

textarea.txt {
	font-size:			1em;
	line-height:		1.4em;
	border:				1px #aaa solid;
	padding:			3px;
	font-family: 		Verdana,Arial,Helvetica,sans-serif;	
}

input.button {
	font-size:			1em;
	padding:			2px 0px 0 0px;
	color:				#575757;
}

*html input.btn {
	font-size:			12px;
	line-height:		10px;
	padding:			4px 0px 1px 0px;
}

select.txt, select.date {
	border:				1px #aaa solid;
	border-bottom:		1px #888 solid;
	font-size:			1em;
	font-family: 		Verdana,Arial,Helvetica,sans-serif;
}

select.date {
	font-size:			0.9em;
}

select.txt option { 
	padding:			2px 3px 0 3px;

}

h1, h2, h3, h4, h5, h6, h7 {
	margin:				0;
	padding:			0 0 6px 0;
}

h2 {
	font-size:			1.25em;
	color:				#575757;
}

h3 {
	font-size:			1.25em;
	color:				#6F9838;
}

h4 {
	font-size:			1.1em;
	color:				#66AB41;
}

h5 {
	font-size:			1em;
	color:				#FF6C00;
	padding-bottom:		0px;
}

hr {
	margin:				16px 0 16px 0;
}

.end {
	clear:both;
	height:0px;
	overflow:hidden;	
}

.right {
    float:right;
}
.blue{
	font-size:12px;
	font-family:"新細明體";
	color:#8b8b8b;
}
.gray{
    font-size:12px;
	font-family:"新細明體";
	color:#696969;
}
.biue{
    margin-top:15px;
	font-size:12px;
	font-family:"新細明體";
	color:#8b8b8b;
}
.orange{
    color:#f4a703;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.black{
    color:#1e212c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

/* 版面樣式 */
#cover{
    width:1024px;
	margin:0px auto 0px auto;

}
#head_frame{
    width:1024px;
    height:81px;
	/*float:left;*/
	margin:0px auto 0px auto;
	background:url(../images/head_background.jpg);
}
#head_logo{
    width:504px;
	height:81px;
	float:left;
	margin:0px auto auto 0px;
}

#head_language_button{
    width:205px;
	height:19px;
	float:right;
	margin:47px 48px 15px auto;	
}

#image_frame{
    width:1024px;
	height:332px;
	/*float:left;*/
	margin:0px 0px auto 0px;
}
#menu_frame{
    width:1024px;
	height:40px;
	/*float:left;*/
	
	background:url(../images/menu_frame.jpg);
}
#menu{
    width:759px;
	height:40px;
	position:relative;
	left:209px;
}
#flash_banner{
    width:1024px;
	height:292px;
	float:left;
	margin:0px 0px auto 0px;	
}
#main_body{
	float:left;
	width:1024px;
	margin:0px 0px auto 0px;
}
#left_frame{
     width:378px;
	 float:left;
	 margin:0px auto auto 0px;
	 overflow:hidden;
}
#left_title{
    width:378px;
	height:39px;
    float:left;
	margin:0px auto auto 0px;
	background:url(../images/left_products_title.jpg);
}
#left_more{
    width:47px;
	height:15px;
    float:right;
	margin:19px 93px 5px auto;
}
#left_button{
    width:293px;
	height:46px;
    float:left;
	margin:12px auto auto 38px;	
}
#left_line{
    width:369px;
	height:1px;
	float:left;
	margin:9px 5px auto 4px;
}
#member{
    width:64px;
	height:12px;
	float:left;
	margin:24px 255px auto 59px;
}
#member_frame{
    width:174px;
	height:20px;
	float:left;
	margin:11px auto auto 77px;
	background:url(../images/member_frame.jpg);
}
#member_login{
    width:60px;
	height:20px;
	float:left;
	margin:11px 57px auto 10px;
}
#content_main_frame{
    width:646px;
	float:right;
	margin:0px 0px 5px auto;	
}
#content_news_title{
	 width:646px;
     height:39px;
	 float:left;
	 margin:0px auto auto 0px;
	 background:url(../images/co_news_title.jpg);
}
#content_news_more{
	 width:47px;
     height:15px;
	 float:left;
	 margin:19px auto 5px 157px;
}
#content_frame{
	 width:646px;
     float:left;
	 margin:0px auto 4px 0px;
}
#content_line{
    width:1px;
	height:266px;
	float:left;
	margin:0px auto auto 0px;
}
#news_product{
    width:193px;
	height:92px;
	float:left;
	margin:14px auto auto 20px;
}
#news_icon{
     width:11px;
	 height:11px;
	 float:left;
	 margin:20px 7px 1px 10px;
}
#news_word{

	float:left;
	padding-left:50px;
     width:366px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#3c3c3c;
	 margin-top:12px;
}
#content_products_titile{
     width:645px;
	 height:45px;
	 float:left;
	 margin:13px auto auto 0px;
	 background:url(../images/co_products_title.jpg);
}
#content_products_more{
	 width:47px;
     height:15px;
	 float:left;
	 margin:27px auto 4px 157px;
}
#products_1{
	width:143px;
	height:96px;
	margin:15px 16px auto 20px;
	float:left;
}
#products_word{
	width:121px;
	margin:13px auto auto 0px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3c3c3c;
	line-height:16pt;
}
#footer_frame{
	width:1024px;
	height:65px;
	float:left;	
	margin:0px 0px 0px 0px;
   	background:url(../images/footer.jpg);
	background-repeat:repeat-x;
	overflow:hidden;
}
#footer_logo{
	width:320px;
	height:65px;
	float:left;	
	margin:0px auto 0px 0px;
}
#footer_word_frame{
	height:28px;
	float:left;
	margin:10px auto auto 60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fefefe;
	line-height:16px;



}
#footer {
width:100%;
/*clear: both; 標籤元素兩邊都不能有任何文字*/
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
background-position:center bottom ;

}

#index_E-catalog_frame{
    width:115px;
	height:49px;
	float:left;
	margin:16px auto 5px 52px;
}