/*--網頁捲軸----------------------------------------------------------*/
*{
	margin:0;
	padding:0;
	list-style:none;
}

p{
	margin-top:0.5em;
	margin-bottom:0.5em;
	filter: DropShadow(Color=#bc8217, OffX=1, OffY=1, Positive=1);
}
body{
	SCROLLBAR-ARROW-COLOR: #f3cf72;
	SCROLLBAR-HIGHLIGHT-COLOR: #b47c17;
	SCROLLBAR-3DLIGHT-COLOR: #f3cf72;
	SCROLLBAR-FACE-COLOR: #c38819;
	SCROLLBAR-SHADOW-COLOR: #a97721;
	SCROLLBAR-TRACK-COLOR: #b47c17;
	SCROLLBAR-BASE-COLOR: #b47c17;
	SCROLLBAR-DARKSHADOW-COLOR: #830;
	
	
	background:#000000;
	
	color:#fce385;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
}

h1 {
	font-size:8px;
	color: #FFFFCC;
}
h2{
	font-size:1.5em;
	font-weight:bold;
	text-decoration:underline;
	margin-top:1em;
	
}
h3{
	font-size:1.2em;
	font-weight:bold;
	text-decoration:underline;
	margin-top:1em;
	
}
h4{
	font-size:1em;
	color:#FFFFFF;
}
/*--連結設定-----------------------------------------------------------*/
a:link    {  color: #000000;text-decoration: none;}      /*一般連結*/
a:visited {  color:#000000; text-decoration: none;}      /*參觀過的連結*/
a:hover   {  color: #000000;text-decoration: underline;} /*當滑鼠移到連結上*/

/*--讓焦點虛線消失-----------------------------------------------------------*/
a {noFocusLine:expression(this.onFocus=this.blur())} /* For IE, onFocus 的 F 要大寫*/
:focus {-moz-outline-style: none} /* For Firefox */

/*--把字改成直行-------------------------------------------------------*/
.wordstraight{writing-mode:tb-rl}
/*--設定form不會有高度-------------------------------------------------*/
form{margin-top: 0; margin-bottom: 0;}

/*--立體字-------------------------------------------------------------*/
/*.Ltable01 { filter: DropShadow(Color=#ffffff, OffX=1, OffY=1)}
.Lword0101 {
	color: #4C1A36;
}
.Lword0102 {
	color: #660033;
}
.Ltable02 { filter: DropShadow(Color=#FFE4E5, OffX=1, OffY=1)}
.Lword0201 {
	color: #9D080D;
}
.Ltable03 { filter: DropShadow(Color=#EEEEEE, OffX=1, OffY=1)}
.Lword0301 {
	color: #DD0202;
}

/*--陰影字和發光字只能使用其中一個，而且只能使用一次*/
/*--陰影字-------------------------------------------------------------*/
/*.wordshadow01{filter:shadow(color=#CEF0FD,direction=110);color:#000000} /*-shadow(color是陰影色，direction是陰影角度-*/

/*--發光字-------------------------------------------------------------*/
/*.wordlight01{filter:glow(color=#0000FF,strength=2); color:#333333}     /*-白字外色glow(color是發光的色，strength是發光大小-*/
/*.wordlight02{filter:glow(color=#48F850,strength=2); color:#000000}     /*-黑字外色glow(color是發光的色，strength是發光大小-*/


/*--按鈕設定（顏色按鈕）-----------------------------------------------*/
/*.submit01{FONT-SIZE: 12px;padding-left:1px;padding-right:1px;padding-top:1px;padding-bottom:2px;height:20;background-color:#9D080D;color:#FFFFFF}
/*--按鈕設定（顏色按鈕-虛線按鈕）--*/
/*.submit02{FONT-SIZE: 12px;padding-left:1px;padding-right:1px;padding-top:1px;padding-bottom:2px;height:20;background-color:#6DCFF6;color:#000000; border: 1 dotted #2E3092;}
/*--按鈕設定（圖片按鈕）-----------------------------------------------*/
/*.input02 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;background-image:url("images/inpbg2.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input03 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;background-image:url("images/inpbg3.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input04 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;background-image:url("images/inpbg4.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input05 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;background-image:url("images/inpbg5.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input06 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;background-image:url("images/inpbg6.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input07 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;background-image:url("images/inpbg7.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input08 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;background-image:url("images/inpbg8.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input09 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;background-image:url("images/inpbg9.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input10 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;background-image:url("images/inpbg10.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input11 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;background-image:url("images/inpbg11.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}
.input12 {FONT-WEIGHT: normal; FONT-SIZE: 12px; border: 0 solid #4E8A1B;color:#4C1A36;padding-left:1px;background-image:url("images/inpbgsearch.gif");padding-right:1px;padding-top:5px;padding-bottom:2px}


/*--設定下拉式選單-------------------------------------------------*/
/*.option01{BACKGROUND-COLOR:#FFF1E1;COLOR:#CC0033;}
.option02{BACKGROUND-COLOR:#FEFCE0;COLOR:#993300;}
.option03{BACKGROUND-COLOR:#EFEFF7;BORDER:1 SOLID #EFEFF7;COLOR:#000066;}
.option04{BACKGROUND-COLOR:#FFF2DB;BORDER:1 SOLID #F7E4E4;COLOR:#BB7700;}


/*--填寫欄位設定-------------------------------------------------*/

/*--直線設定------------------------------------------------------------*/
/*.line01{border: 1px solid  #9D080D} /*--實線*/
/*.line02{border: 1px dotted #666666}/*--虛線*/
/*.line03{border: 1px dotted #FFFFFF}/*--虛線*/

/*--按鈕設定-------------------------------------------------*/
input.bt{
	width:57px;
	height:23px;
	color:#000000;
	line-height:23px;
	border:none;
	background:url('../images/home3/bt.jpg');
}
/*--圖外框--------------------------------------------------------------*/
.img_border01{
	border: 1px solid #cc9900;
	float:left;
	background:#a86e0b;
	margin: 10px;
} /*--實線*/

/*--------使用過濾器讓png透明--------------------------------------------------------------------------------*/
.proyecto	{
	background-image: url("list_bg.png")!important;
	background-image: none;
	filter: none !important;
 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/home2/list_bg.png', sizingMethod="image");
	background-repeat:no-repeat;
}
/*
	crop : 剪切圖片以適應物件尺寸。 
	image : 預設值。增大或減小物件的尺寸邊界以適應圖片的尺寸。 
	scale : 縮放圖片以適應物件的尺寸邊界。
*/
/*--頁面控制 absolute relative--*/
.floatR{
	float:right;
}
.floatL{
	float:left;
}
.textC{
	text-align:center;
}
.textR{
	text-align:right;
}
.textL{
	text-align:left;
}
.marginC{
	margin-left:auto;
	margin-right:auto;
}
.marginL5px{margin-left:5px;}
.marginR5px{margin-right:5px;}
.marginL10px{margin-left:10px;}
.marginR10px{margin-right:10px;}
.marginL15px{margin-left:15px;}
.marginR15px{margin-right:15px;}
.marginL20px{margin-left:20px;}
.marginR20px{margin-right:20px;}

.visibleNone{ display:none;}

.space{
	clear:both;
}

#logo_index{
	margin:200px auto auto auto;
	width:429px;
	height:77px;
	
	background-image: url('../images/home3/logo_index.png')!important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home3/logo_index.png', sizingMethod="scale");
	background-repeat:no-repeat;
}

#myBg , #myBottom , #myTop{
	width:100%;
}
#myBg{
	background:url("../images/home3/myBg.jpg") repeat-y center;
}
#myBottom{
	background:url("../images/home3/bottom.jpg") no-repeat bottom;
}
#myTop{
	text-align:center;
	background:url("../images/home3/myTop.jpg") no-repeat center top;
}

#all{
	width:980px;
	text-align:right;
	margin:0px auto;
}
	#banner{
	}

	#myCenter{
		float:right;
		width:730px;
		text-align:left;
	}
		#title{
			width:100%;
			height:47px;
			text-indent:-9999px;
			overflow:hidden;
		}
		/*==標題設定開始==*/
		.about{
			background:url('../images/01_about/title.jpg') no-repeat left top;
		}
		.news{
			background:url('../images/02_news/title.jpg') no-repeat left top;
		}
		.product{
			background:url('../images/03_product/title.jpg') no-repeat left top;
		}
		.contact{
			background:url('../images/01_about/title2.jpg') no-repeat left top;
		}
		/*==標題設定結束==*/
		/*==框架設定開始==*/
		#main_bg,
		#main_bottom,
		#main_top{
			width:100%;
		}
		#main_bg{
			background:url(../images/home3/mailbg.jpg) repeat-y right;
		}
		#main_bottom{
			background:url('../images/home3/mailbottom.jpg') no-repeat right bottom;
		}
		#main_top{
			background:url('../images/home3/mailtop.jpg') no-repeat right top;
		}
			#changePage{
				width:100%;
				text-align:center;
			}
		#mypage{
			text-align:center;
		}
		#copy_index{
			width:286px;
			height:17px;
			
			background-image: url('../images/home3/copy.png')!important;
			background-image: none;
			filter: none !important;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home3/copy.png', sizingMethod="scale");
			background-repeat:no-repeat;
		}
		#ez_index{
			margin:5px auto;
			width:93px;
			height:17px;
			cursor:hand;
			float:right;
			
			background-image: url('../images/home3/ez.png')!important;
			background-image: none;
			filter: none !important;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home3/ez.png', sizingMethod="scale");
			background-repeat:no-repeat;
		}
		
		#copy{
			width:100%;
			height:95px;
			background:url('../images/home3/copyright.jpg') no-repeat right top;
		}
			#comp{
				margin-top:-5px;
				margin-left:80px!important;
				_margin-left:40px;
				position:relative;
				float:left;
				z-index:20;
				width:149px;
				height:31px;
				
				background-image: url('../images/home3/comp.png')!important;
				background-image: none;
				filter: none !important;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/home3/comp.png', sizingMethod="scale");
				background-repeat:no-repeat;
			}
			#ez{
				margin:30px 10px auto auto;
				width:93px;
				height:17px;
				cursor:hand;
				float:right;
				
				background-image: url('../images/home3/ez.png')!important;
				background-image: none;
				filter: none !important;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/home3/ez.png', sizingMethod="scale");
				background-repeat:no-repeat;
			}
		/*==框架設定結束==*/
/*==左邊區塊設定==*/

#left_all{
	margin:-80px auto auto 40px!important;
	_margin:-80px auto auto 20px;
	padding-top:-80px;
	padding-bottom:80px;
	width:203px;
	height:auto;
}
#logo , #logo h1{
	width:203px;
	height:53px;
}
#logo{
	position:relative;
	z-index:15;
}
#logo h1{
	text-indent:-9999px;
	overflow:hidden;

	background-image: url('../images/home3/logo.png')!important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/home3/logo.png', sizingMethod="scale");
	background-repeat:no-repeat;
}
	#newsTitle,
	#productTitle,
	.leftCenter,
	.leftBottom{
		width:142px;
		float:right;
	}
	
	#newsTitle,
	#productTitle{
		height:31px;
		margin:25px auto 1px auto ;
		text-indent:-9999px;
		overflow:hidden;
	}
	#newsTitle {
		background:url('../images/home3/left_news.gif') no-repeat 0px 0px;
	}
	#productTitle {
		background:url('../images/home3/left_product.gif') no-repeat 0px 0px;
	}
	.leftCenter{
		background-image: url('../images/home3/left_bg.png')!important;
		background-image: none;
		filter: none !important;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/home3/left_bg.png', sizingMethod="scale");
	}
	.leftCenter li{
		margin:0;
		padding:0;
		width:100%;
	}

	.leftCenter li a, .leftCenter li a:link, .leftCenter li a:visited   
	{  
		display:block;
		text-align:center; /* for ie */
		
		border-top:1px solid #a45f1b;
		border-bottom:1px solid #895017;
		width:auto;
		color: #fce385;
		text-decoration: none;
	}
	.leftCenter li a span{
		display:block;
		margin:0 auto;
		text-align:left;
		width:95%;
		cursor:hand;
	}
	.leftCenter li.sList a span{
		display:block;
		margin:0 auto;
		text-align:left;
		width:85%;
		color:#fad137;
		line-height:1.4em;
	}
	
	.leftCenter li a.now, .leftCenter li a.now:link, .leftCenter li a.now:visited   
	{  
		color: #ffffff;
		text-decoration: underline;
		background:#000000;
	}
	
	.leftCenter li a:hover   
	{  
		color: #ffffff;
		text-decoration: underline;
		background:#000000;
	}
	.leftCenter li.sList a:hover   
	{  
		color: #ffffff;
		text-decoration:none;
		background:#7a450d;
	}
	
	.leftBottom{
		height:2px;
		background-image: url('../images/home3/left_bg_bottom.png')!important;
		background-image: none;
		filter: none !important;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/home3/left_bg_bottom.png', sizingMethod="image");
		background-repeat:no-repeat;
	}
