@charset "utf-8" ;
*{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;/*Arial, Helvetica, sans-serif*/
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 0.1em;
}
body {
	margin:0px;
	background:#b6c730;
}
p{
	margin:5px auto 5px 15px;
}
p , div , td{
	text-align: left;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 0.1em;
}
li{
	font-size: 11px;
	line-height: 18px;
	letter-spacing: 0.1em;
}
a {
	color:#666666;
	font-size: 12px;
	line-height: 12px;
}
a:link  {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover   {text-decoration: underline;}

/*--特別樣式------------------------------------------------------------------------------------------------------------*/

.ps {/*--附註標示--*/
	color:#996666;
	line-height: 18px;
}
.important {/*--附註標示--*/
	color:#aa3333;
	line-height: 18px;
}
/*----基礎設定值--------------------------------------------------------------------------------------*/
.space{
	clear:both;
}
.floatL{
	float:left;
}
.floatR{
	float:right;
}
.floatN{
	float:none;
}

.textL{
	text-align:left;
}
.textR{
	text-align:right;
}
.textC{
	text-align:center;
}
.marginC{
	margin:0px auto;
}
.paddingW5{padding:0px 5px;}
.paddingW10{padding:0px 10px;}
.paddingW20{padding:0px 20px;}
.paddingW30{padding:0px 30px;}


/*--標題部分--------------------------------------------------------------------------*/
#myTitle{
	margin:0px auto auto 0px!important;
	_margin:-25px auto auto 0px;
	position:relative;
}

#myTitle h1{
	width:107px;
	height:63px;
	display:block;
	text-indent:-9999px;
	background-repeat:no-repeat;
}
#myTitle #about{
	background-image: url("../images/home/about.png")!important;
	background-image: none ;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/about.png', sizingMethod="image");
}
	
#myTitle #product{
	background-image: url("../images/home/product.png")!important;
	background-image: none ;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/product.png', sizingMethod="image");
}

#myTitle #contact{
	background-image: url("../images/home/contact.png")!important;
	background-image: none ;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/contact.png', sizingMethod="image");
}


/*----框架部分 absolute relative--------------------------------------------------------------------------------------*/
#all1,
#all2,
#all3{
	width:100%;
}
#all1{
	background:url('../images/home/main_bg.jpg') repeat 0px 0px;
}
#all2 {
	background: #FFFFFF url('../images/home/bg_top.jpg') no-repeat 50% 0%;
}
#all3 {
	text-align:center;
	background:url('../images/home/bg_bottom.jpg') no-repeat 50% 100%;
}


#myCenter {/*--包含top button main copyright--*/
	width:870px;
	margin:0px auto;
	text-align:center;
	background-image: url("../images/home/main_top.png")!important;
	background-image: url("../images/home/main_top.jpg");
	/*background-image: none ;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/main_top.png', sizingMethod="crop");*/
	background-repeat:no-repeat;
	background-position:center 175px;
}
#top , #button , #copyright{
	width:100%;
}
#top {
	height:175px;
	margin:0px auto;
	background:url('../images/home/top.jpg') no-repeat 0px 0px;
}
#button {/*--搜尋 主選--*/
	height:32px;
}
	#flashcontent a{
		color:#ffffff;
	}
	#flashcontent a:hover{
		color:#ffffff;
	}
#main {
	width:90%;
	margin:0px auto;
	text-align:center;
}
#copyright {/*--版權宣告--*/
	height:70px;
	background:url('../images/home/copyright.jpg') no-repeat 0px 15px;
	/*position:relative;*/
}
	#mailIcon{
		margin:auto auto 3px 10px;
		width:87px;
		height:15px;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
		background: url('../images/home/serviceMail.gif') no-repeat 0px 0px;
	}
	#mail{
		padding:2px;
		margin:-2px auto auto 5px;
	}
	#copy{
		margin:35px auto auto 10px;
		width:379px;
		height:7px;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
		background: url('../images/home/copyrightTxt.gif') no-repeat 0px 0px;
	}
	#copyright em{
		margin:30px auto auto -230px;
		width:63px;
		height:15px;
		position:relative;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
		background: url('../images/home/whallyMin.gif') no-repeat 0px 0px;
		}
	#ez{
		margin:35px 10px auto auto;
		width:110px;
		height:6px;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
		background: url('../images/home/eztrust.gif') no-repeat 0px 0px;
	}
	#ez:hover{
		background: url('../images/home/eztrust.gif') no-repeat 0px -6px;
	}

/*--商品搜尋-----------------------------------------------------------------------*/
#search{
	width:90px;
	height:32px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:transparent url('../images/home/search.jpg') no-repeat 0px 0px;
}
#button input.text{
	width:120px;
	height:18px;
	margin:7px 4px auto 10px;
}
.go{
	width:32px;
	height:32px;
}
/*--產品頁面-----------------------------------------------------------------------*/
#menu1{
	width:20%;
}
#menu1 .leftList{
	margin:10px auto;
}
#menu1 .leftList2{
	margin:10px auto;
}

#menu2{
	width:76%;
	margin:0px auto;
}
div.products{
	padding:10px;
	width:140px;
}
	/*--標頭部份---------------------------------------------------------------------*/
	#newProduct , #hotProduct , #aboutProduct , #newProduct2 , #hotProduct2 , #aboutProduct2{
		color:#cccccc;
		width:100%;
		height:25px;
		text-indent:-9999px;
		overflow:hidden;
		font-weight:bold;
	}
	#newProduct{
		background-image: url("../images/home/Title_newProduct.png")!important;
		background-image: none ;
		filter: none !important;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/Title_newProduct.png', sizingMethod="image");
		background-repeat:no-repeat;
	}
	#hotProduct{
		background-image: url("../images/home/Title_hotProduct.png")!important;
		background-image: none ;
		filter: none !important;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/Title_hotProduct.png', sizingMethod="image");
		background-repeat:no-repeat;
	}
	#aboutProduct{
		background-image: url("../images/home/Title_relevance.png")!important;
		background-image: none ;
		filter: none !important;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/home/Title_relevance.png', sizingMethod="image");
		background-repeat:no-repeat;
	}
	
		/*--次標頭--*/
		.DetailTitleL {
			margin-bottom:10px;
		}
		.DetailTitleL , .DetailTitleR , .Detailword{
			width:100%;
		}
		.DetailTitleL , .DetailTitleR{
			height:20px;
		}
		.DetailTitleL{
			background:url('../images/home/sTitle.gif') no-repeat left;
		}
		.DetailTitleR{
			background:url('../images/home/sTitle.gif') no-repeat right;
			text-indent:25px;
			font-weight:bold;
		}
		
		.Detailword{
			width:96%;
			margin-bottom:10px;
			padding-bottom:10px;
			border-bottom:1px dotted #cccccc;
		}
	/*--標頭結束---------------------------------------------------------------------*/
div#main_image{
	border:1px solid #cccccc;
	padding:1px;
}
div.products img{
	width:120px;
	height:120px;
	padding:1px;
	border:1px solid #cccccc;
	background:#999999;
}
div.products2 img{
	width:250px;
	height:250px;
	padding:1px;
	border:1px solid #cccccc;
	background:#999999;
}

div.products img , 
div.products div.no ,
div.products div.name ,
div.products div.standards
{
	cursor:hand;
}
div.name , div.no{
	border-bottom: 1px dashed #cccccc;
	padding-top:2px;
	padding-bottom:2px;
}
div.name , div.name a{
	width:100%;
	color:#990000;
	font-weight: bold;
}
div.no , div.no a{
	width:100%;
	color:#3399FF;
	font-weight: bold;
}
div.standards{
	width:100%;
}

/*--聯絡表單-----------------------------------------------------------------------*/
#contact01{/*--聯絡我們文字資料--*/
	top:0;
	left:0;
	width:35%;
	padding:0px;
}
#contact02{/*--聯絡我們填寫欄位01--*/
	top:0;
	left:50%;
	margin:0px 15px 0px 15px;
	padding:0px;
}
#contact02 input{
	width:150px;
	height:15px;
}
#contact03{/*--聯絡我們填寫欄位02--*/
	top:0;
	padding:0px;
}
#contact02 span,
#contact03 span{/*--必填註記--*/
	color:#FF0000;
}
#contact03 textarea{
	width:200px;
	height:250px;
}
#contact03 input{
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #000000;
	border: none;
	cursor: hand;
}

/*--圖框設定---------------------------------------------------------------------------*/
#b01,
#b03,
#b06,
#b08{
	width:5px;
	height:5px;
}
#b01{
	background:transparent url('../images/boder/01_boder01.gif') no-repeat 0px 0px;
}
#b02{
	background:transparent url('../images/boder/01_boder02.gif');
}
#b03{
	background:transparent url('../images/boder/01_boder03.gif') no-repeat 0px 0px;
}
#b04{
	background:transparent url('../images/boder/01_boder04.gif');
}
#b05{
	background:transparent url('../images/boder/01_boder05.gif');
}
#b06{
	background:transparent url('../images/boder/01_boder06.gif') no-repeat 0px 0px;
}
#b07{
	background:transparent url('../images/boder/01_boder07.gif');
}
#b08{
	background:transparent url('../images/boder/01_boder08.gif') no-repeat 0px 0px;
}


