﻿body{
	/*background-image: url(images/bg.jpg);
	background-position: center;
	background-repeat: repeat;
	background-attachment: fixed;*/	
	font-family: "Tahoma";
	background-color:#ffe354;
	
	
	
	}

	
a{blr:expression(this.onFocus=this.blur());} /*虛線移除ie*/
a:focus { -moz-outline-style: none; }/*虛線移除firefox*/
	
	
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #FFF;
}
a:active {
	text-decoration: none;
}






#texthidden{
display:block;
overflow:hidden;
width:0;
height:0;
font-size: 0px;
text-indent:-9999px;
}







#marginbox{
	margin: 0 auto;
	margin-left:auto;
	margin-right:auto;
	width: 960px;
	
	height: auto;
	}






#product2 {
	border: 2px solid  #0FF;
	height: auto;
	width: 200px;
	margin: 6px 20px 15px 20px;
	_margin: 5px 15px 2px 15px;
	border: 2px;
	border-color: #696;
	border-style: solid;
	-webkit-box-shadow: #666 0px 2px 12px;
	-moz-box-shadow: #666 0px 2px 12px;
	box-shadow: #666 0px 2px 12px;
	background-color: #FFAC4D;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFAC4D), to(#FCF96E));
	background: -webkit-linear-gradient(#FFAC4D, #FCF96E);
	background: -moz-linear-gradient(#FFAC4D, #FCF96E);
	background: -ms-linear-gradient(#FFAC4D, #FCF96E);
	background: -o-linear-gradient(#FFAC4D, #FCF96E);
	background: linear-gradient(#FFAC4D, #FCF96E);
	-pie-background: linear-gradient(#FFAC4D, #FCF96E);
	behavior: url(PIE-1.0beta5/PIE.htc);
	float: left;
	text-align: center;
	font-size: 15px;
	font-weight:900;
	/*CSS3 PIE 一定要加以下*/
	position: relative;
	z-index: 0;
	
	


	}


#product2 a{
	color: #000;
	text-decoration:none
}

#product2 a:hover{
	color:#900;
	text-decoration:none;
}



	
#footer{
	width: 948px;
	height: auto;
	border: 1px;
	border-color: #696;
	border-style: solid;
	padding: 5px 5px 5px 5px;
	text-align:center;
	color: #000;
	background-color: #f55d00;
	font-size: 15px;
	
	font-weight:900;
	-webkit-box-shadow: #666 0px 2px 12px;
	-moz-box-shadow: #666 0px 2px 12px;
	box-shadow: #666 0px 2px 12px;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f55d00), to(#ff8700));background: -webkit-linear-gradient(#f55d00, #ff8700);background: -moz-linear-gradient(#f55d00, #ff8700);background: -ms-linear-gradient(#f55d00, #ff8700);background: -o-linear-gradient(#f55d00, #ff8700);background: linear-gradient(#f55d00, #ff8700);-pie-background: linear-gradient(#f55d00, #ff8700);
	behavior: url(PIE-1.0beta5/PIE.htc);
	float: right;
	
	position: relative;
	}	
	
	







html { height:100%; }




.left {
	width:222px;
	height: auto;
	float: left;
	position: relative; /* 一定要加讓ie 背景色出現 */
	z-index: 1;
	
	
	
}



.right {
	padding:0 0 0 0;
	height: auto;
	position: relative;
	width: 960px;
	margin: 0 auto;
	z-index: 1;
	margin-top: 80px;
	
}





.right2{
	height: auto;
	width: 250px;
	margin: 0 auto;
	float: right;
	margin-top: 100px;
	position: relative;
	z-index: 0;
	margin-right: 115px;
	_margin-right: 70px;
}
	
	
#header{
	width:  960px;
	height: 380px;
	border-top: 2px;
	border-left: 2px;
	border-right: 2px;	
	border-color: #f55d00;
	border-style: solid;
	position: relative;
	z-index: 99;
	
	}		
	
#mid{
	width: 960px;
	height: 713px;
	border-left: 2px;
	border-bottom: 2px;
	border-right: 2px;
	border-color: #f55d00;
	border-style: solid;
	background-image: url(images/about1.jpg);
	background-repeat: no-repeat;
	}
	
	
	#good{
	margin :0 auto;
	margin-top:0px;
	width: 150px;
	height: 20px;
	border: 1px;
	border-color: #f55d00;
	border-style: solid;
	padding: 10px 10px 10px 10px;
	text-align:center;
	color: #000;
	font-size: 15px;
	font-weight:900;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #666 0px 2px 12px;
	-moz-box-shadow: #666 0px 2px 12px;
	box-shadow: #666 0px 2px 12px;
	background: #f55d00;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f55d00), to(#FCF96E));
	background: -webkit-linear-gradient(#f55d00, #FCF96E);
	background: -moz-linear-gradient(#f55d00, #FCF96E);
	background: -ms-linear-gradient(#f55d00, #FCF96E);
	background: -o-linear-gradient(#f55d00, #FCF96E);
	background: linear-gradient(#f55d00, #FCF96E);
	-pie-background: linear-gradient(#f55d00, #FCF96E);
	behavior: url(PIE-1.0beta5/PIE.htc);
	position: relative;	/* 一定要加讓ie 背景色出現 */
	z-index: 1;
	margin-left: 35px;
	}	
	
	





#sidebar	{
	position : relative;
	width : 600px;
	margin-left: auto;
	margin-right: auto;
	height: 55px;
	font-size: 15px;
	font-weight:900;
	
	text-align:center;
	
	}	
	
#sidebar2{
	
	margin: 0 auto;
	width: 900px ;
}








/* 整體設置*/ 
.navigation {
	margin:0;
	padding:0;
	width:960px;
	list-style-type:none;
	font-size: 15px;
	font-weight:900;
	position: relative;
	z-index : 99;
	color: #000;
	}
	
	

 
.navigation li {
	float:left;
	padding:0px;
	margin:0 6px 0 px;
	width:130px;
	position:relative;
	z-index : 99;
	
	/* clear: both; 家這句可變 左側固定選單 */
	}

.navigation li img{ clear: both; /* 清除 選單圖片間距*/
  }

 
/* 設置選單區塊*/
.navigation li dl {
	width:130px;/*ie6*/
	margin:0;
	padding:0;
	*position:absolute; /* ie6選單不擠壓 */

	}
 

 	
	.navigation  dd ,.navigation  dd last{ border:solid 1px;border-color: #C60; }
	
 
.navigation li dt a , .navigation li dd a{
	display:block;
	
}
 
 
/* 設置主選單dt */
.navigation li dt {
	margin:0;
	padding: 5px;
	text-align:center;
	
font-size: 15px;
	
	font-weight:900;
	height:55px;
	overflow:hidden;
	}
 
.navigation li dt a ,.navigation  li dt a:visited {
	display:block;
	
	}
 
 
 
 
/* 設置子選單dd */
.navigation li dd {
	margin:0;
	padding:0;
	color: #333;
	background-color: #FCF96E;
	
	*position: relative; /* 給ie7 下拉不消失*/
	z-index: 9999 ;
	}
 

 
.navigation li dd a, 
.navigation  li dd a:visited {  /* 滑鼠划過 字體顏色背景 */
	
	padding:10px 10px 10px 10px;
    }
 
 
/*隱藏子選單*/
.navigation li dd 
{ 
display:none;
  
	}
 
 
/* 滑鼠滑入顯示子選單 */
.navigation li:hover dd, 
.navigation li a:hover dd
 {
			    display:block;

 
}

/*ie6 hack*/
.navigation li:hover,.navigation li a:hover {  border:0;}
.navigation table { border-collapse:collapse; 
    padding:0; 		
	text-align:left;
	}
	
	

	#mid2{
	width:960px;
	height:auto;
	border-left: 2px;
	border-bottom: 2px;
	border-right: 2px;
	border-color: #f55d00;
	border-style: solid;
	position: relative;
	z-index: auto;
	 }
	 
	 #mid2 img{
	display:block;
	clear: both;
} /*刪除圖片div間距*/


#midmid{
	width:960px;
	height:auto;
	padding:0;
	background-image: url(images/line-bg.jpg);
	background-position: center;
	background-repeat: repeat;
}
	
	
		
#midmidmid{
	width:906px;
	height:450px;
	padding-bottom:30px;
	margin-left: 30px;
		
		
		}


#mapmidhead{
	width:960px;
	height: 138px;

	background-image: url(images/map-header.jpg);
	background-repeat: no-repeat;
}


#mapmidbottom{
	width:960px;
	height: 51px;
	background-image: url(images/map-bottom.jpg);
	background-repeat: no-repeat;
}



#indexfooter{
	width: 780px;
	height: auto;
	margin-top:10px;
	margin-left:10px;
	border: 1px;
	border-color: #696;
	border-style: solid;
	padding: 5px 5px 5px 5px;
	text-align:center;
	color: #000;
	font-size: 15px;
	
	font-weight:900;
	-webkit-box-shadow: #666 0px 2px 12px;
	-moz-box-shadow: #666 0px 2px 12px;
	box-shadow: #666 0px 2px 12px;
	background-color: #f55d00;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f55d00), to(#ff8700));
	background: -webkit-linear-gradient(#f55d00, #ff8700);
	background: -moz-linear-gradient(#f55d00, #ff8700);
	background: -ms-linear-gradient(#f55d00, #ff8700);
	background: -o-linear-gradient(#f55d00, #ff8700);
	background: linear-gradient(#f55d00, #ff8700);
	-pie-background: linear-gradient(#f55d00, #ff8700);
	behavior: url(PIE-1.0beta5/PIE.htc);
	float: right;
	margin-bottom: 30px;
	}	


#indexmarginbox{
	margin: 0 auto;
	margin-top:80px;
	margin-left:auto;
	margin-right:auto;
	width: 800px;
	height: auto;
	}
	
	#indexnext{
	height :51px;
	width : 119px;
	float: right;
	position: relative;
	}
	
	#indexnext2{
	height :53px;
	width : 175px;
	float: right;
	margin-right: 30px;
	position: relative;
	
	}
	
	
	
	#indexbtn{
	height: 55px;
	width: 500px;
	float: right;
	margin-top: -30px;
	position: relative;
	z-index: 99;
	margin-right: 10px;
		}



#flash {
	width: 800px;
	height: 400px;	
		border: 3px;
border-color: #f55d00;
border-style: solid;
	}
	




.left3 {
	width: 420px;
	float: left;
	height: 450px;
	margin-left: 20px;
	
	
	
	}
	
	

.right3 {
	width: 420px;
	float: right;
	height: 450px;
	margin-right: 20px;
	
	
	
	}
	
	
	.right22{
	height: auto;
	width: 250px;
	margin: 0 auto;
	float: right;
	margin-top: 0px;
	position: relative;
	z-index: 0;
	margin-right: 80px;
	_margin-right: 70px;
}



</style>
