@charset "utf-8";
/* CSS Document */
body {
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	margin:0px auto;
	font-family:Arial, Helvetica, sans-serif,"新細明體";
	background-attachment : fixed;/* 背景固定不捲動 */
}

/*首頁----------------------------------------------------------------------------------------------------*/
#main{ margin:0px auto; width:970px; height:530px; position:relative;}
#top{ margin:0px auto; width:970px; height:119px;}
#home { margin:0px auto; width:940px; padding:12px 30px 9px 0px; float:right; position:relative; z-index:2;/*浮動位置*/ }
#menu { margin:0px auto; width:970px; height:73px; position:relative; z-index:1;/*浮動位置*/ 
top:44px; /*Firefox*/
top:0px \9; /*IE8*/
*top:0px; /*IE7*/
_top:0px; /*IE6*/
}

#bg_up{ margin:0px auto; width:970px; background:url(images/mid_bg.jpg); background-repeat:repeat-x; background-position:top; background-color:#FFFFFF; height:auto; overflow: hidden;/*版面底圖延伸*/}
#bg_down{ margin:0px auto; width:970px; background:url(images/mid_bg2.jpg); background-repeat:repeat-x; background-position:bottom; height:auto; overflow: hidden;/*版面底圖延伸*/}
#data{ margin:0px auto; padding:30px 30px 40px 30px; width:910px;}

#news{ margin:0px auto; width:970px; height:375px; padding:0px 0px 1px 0px; background-color:#FFFFFF;}
#news_r{ width:315px; float:right;}
#news_l{ width:315px; float:left;}
/*
#news_bg01{ width:320px; height:375px; background:url(images/news_bg01.jpg); background-repeat:no-repeat; float:left; padding:0px 0px 0px 5px; position:relative;}
#news_bg02{ width:640px; height:375px; background:url(images/news_bg02.jpg); background-repeat:no-repeat; float:left; padding:0px 0px 0px 5px; position:relative;}
#news_bg03{ width:640px; height:375px; background:url(images/news_bg03.jpg); background-repeat:no-repeat; float:left; padding:0px 0px 0px 5px; position:relative;}
#news_bg04{ width:320px; height:375px; background:url(images/news_bg04.jpg); background-repeat:no-repeat; float:left; padding:0px 0px 0px 5px; position:relative;}
*/

#news_title{ width:auto; padding:40px 30px 10px 30px;}
#news_txt{ width:auto; padding:0px 30px 0px 30px;}
#news_more{ width:auto; height:25px; padding:15px 30px 15px 30px; }

#foot{ margin:0px auto; width:970px; height:117px; padding:22px 0px 0px 0px;}
#foot_bg{ background-repeat:repeat; background-image:url(images/foot_bg.png); behavior: url(iepngfix.htc); width:970px; height:117px;}
#foot_logo{ width:250px; float:left;}
#foot_link{ width:720px; float:left;}

#copyright{ margin:0px auto; width:910px; padding:15px 30px 15px 30px; float:left;}

/*產品介紹--------------------------------------------------------------------------------------------------*/
#main2{ margin:0px auto; width:970px; height:330px; position:relative;}
#level{ margin:0px auto; width:940px; height:31px; line-height:31px; background-color:#c2aa7f; text-align:right; padding-right:30px;}
#bg_shadow{ margin:0px auto; width:970px; background:url(images/mid_bg3.gif); background-repeat:no-repeat; background-position:top; background-color:#FFFFFF; height:auto; overflow: hidden;/*版面底圖延伸*/}
#data2{ margin:0px auto; padding:0px 30px 40px 30px; width:910px;}

/*左邊分類--------------------------------------------------------------------------------------------------*/
.assinavi2{ width:200px; float:left; margin:0 0 0px 0; padding:0; }
.assinavi2 dl{ margin:0; padding:0;display:block; background:url(images/dd_bg.gif) repeat-y left top; }
.assinavi2 dt{ 
	height:33px;
	list-style:none;  
	margin:0;padding:0; 
	display:block;
	background:url(images/list_bg.gif) no-repeat left top; 
	color: #333;
}
.assinavi2 dt a{  
	height:24px;
	color:#666;
	display:block;
	padding:8px 10px 0 17px;
	font-weight:normal;
}
.assinavi2 dt a:hover{ 
	color:#f89494; 
	text-decoration:none;
	display:block; 
	font-weight:normal;
	background:url(images/list_bgon.gif) no-repeat left top;
}

.assinavi2 dt.on2{ height:30px;color:#f89494; text-decoration:none;display:block; font-weight: bold;background:url(images/list_bgon.gif) no-repeat left top; padding:8px 10px 0 17px;}
.assinavi2 dt.on2 a{ color:#f89494; text-decoration:none;display:block; font-weight:normal;padding:0; }
.assinavi2 dt.on2 a:hover{background:url();}


/*頁數----------------------------------------------------------------------------------------------------*/
DIV.quotes {
	font-size: 12px;
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.quotes A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.quotes A:hover {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes A:active {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes SPAN.current {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0
}
DIV.quotes SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}


.images {
   	border: 1px solid #c8c8c8;	
}