@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
img{ border:none;}
ul, ol{list-style-type:none;}
a{ text-decoration:none; color:#00a2df;	outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur());
	-webkit-text-size-adjust:none;
}
a:hover{ text-decoration:underline;}
.clear{ clear:both;}
.blue{ color:#00a2df;}
.nav-link{
	color:#00a2df;
	font-size:13px;
	line-height:18px;
}
.righter{
	float:right;
	margin:0px 0 20px 20px;
}
.lefter{ float:left; margin:0 20px 20px 0x;}


body{
	font-family:Arial, Helvetica, sans-serif, "新細明體";
	font-size:0.8em;
	color:#545454;
	-webkit-text-size-adjust:none;}
	
	
/*-----------------------------------------------------------------------
------------------------------------------------------------------------*/
#wrap{
	width:1000px;
	margin:0 auto;}

	
#header{
	height:140px; 
	padding:10px 12px 0;}

.top-menu{
	line-height:12px;
	font-size:11px;
	height:12px;
	clear:both;
	margin-bottom:12px;}
	
	.top-menu ul{ float:right;}
	.top-menu li{ display:inline;}
	.top-menu li a{
		display:block;
		float:left;
		padding:0 10px;
		border-right:1px solid #9e9e9e;
		height:12px;
		color:#9e9e9e;}
	.top-menu li a.focus{ color:#00a2df;}
	.top-menu li a.top-last{ color-right:none;}


#logo{
	width:136px;
	height:91px;
	float:left;}
	
#header-right{
	float:right;
	width:820px;}
	
#nav{
	width:380px;
	height:59px;
	float:right;
	margin-bottom:5px;
	margin-right:-18px;}
	#nav li{ display:inline;}
	#nav li a{
		display:block;
		width:95px;
		height:59px;
		text-indent:-100000px;
		float:left;
		background:url(../images/nav.jpg) no-repeat 0px 0px;}
		
	#nav li a.nav_01{ background-position:0px 0px;}
	#nav li a.nav_02{ background-position:-95px 0px;}
	#nav li a.nav_03{ background-position:-190px 0px;}
	#nav li a.nav_04{ background-position:-285px 0px;}
	#nav li a.nav_05{ background-position:-380px 0px;}
	#nav li a.nav_06{ background-position:-475px 0px;}
	
	#nav li a.nav_01:hover{ background-position:0px -59px;}
	#nav li a.nav_02:hover{ background-position:-95px -59px;}
	#nav li a.nav_03:hover{ background-position:-190px -59px;}
	#nav li a.nav_04:hover{ background-position:-285px -59px;}
	#nav li a.nav_05:hover{ background-position:-380px -59px;}
	#nav li a.nav_06:hover{ background-position:-475px -59px;}
	
	#nav li a.nav_01:active{ background-position:0px -118px;}
	#nav li a.nav_02:active{ background-position:-95px -118px;}
	#nav li a.nav_03:active{ background-position:-190px -118px;}
	#nav li a.nav_04:active{ background-position:-285px -118px;}
	#nav li a.nav_05:active{ background-position:-380px -118px;}
	#nav li a.nav_06:active{ background-position:-475px -118px;}
	
	#nav li a.focus_01{ background-position:0px -177px;}
	#nav li a.focus_02{ background-position:-95px -177px;}
	#nav li a.focus_03{ background-position:-190px -177px;}
	#nav li a.focus_04{ background-position:-285px -177px;}
	#nav li a.focus_05{ background-position:-380px -177px;}
	#nav li a.focus_06{ background-position:-475px -177px;}

#header-right hr{
	border:none;
	border-top:1px solid #e4e4e4;
	margin-bottom:5px;}
	
.breadcrumbs{
	line-height:15px;
	height:15px;
	line-height:18px\9;}
	
	.breadcrumbs a{
		display:block;
		float:left;
		color:#9e9e9e;
		background:url(../images/icon_001.gif) no-repeat center right;
		padding-right:10px;
		margin-right:5px;
		line-height:18px;
		}
	.breadcrumbs a.home{
		width:50px;
		height:15px;}




/*---------------------------------------------------------------------
#content
----------------------------------------------------------------------*/
#content{
	padding:50px 12px;}

#big-banner{
	position:relative; 
	height:335px;
	margin-bottom:50px;}
#banner_text{
	width:990px;
	text-align:right;
	font-size:12px;
	color:#999;
	height:16px;
	padding:0 10px 0 0;
	position: relative;
	top: 340px;
	}
#fW_Content {
	display:inline;
	float:left;
	height:335px;
	width:1000px;
	position:absolute;
}
#fW_Content img {
	height:335px;
	width:1000px;
}
#fW_Controls {
	display:inline;
	float:right;
	position:absolute;
	bottom:20px;
	right:20px;
	z-index:10;
}
#fW_Controls a {
	background:url(../images/banner/btn_banner.png) no-repeat 0px 0px;
	float:left;
	width:9px;
	height:9px;
	text-indent:-10000px;
	margin-left:9px;
}
#fW_Controls a.activeSlide {
	background-position:0px -9px;
}
#fW_Controls a:hover {
	background-position:0px -9px;
}



.index-item{ margin-bottom:50px;}
.index-item a{
	display:block;
	width:316px;
	height:195px;
	float:left;
	margin-right:25px;}
.index-item	a.item-box{
	margin-right:0px;
	float:right;}
	
	.index-item a img{
		display:block;
		margin-bottom:10px;}
	.index-item a:hover img.big-pic{
		filter:alpha(opacity=70);
        opacity:.7; }







.cont-body .img-title{ margin-bottom:40px;}	
.cont-body h2.sub-title{
	font-size:17px;
	margin:0 0 15px 20px;
	color:#454545;
	float: left;
	width: 450px;
}
.cont-body p{
	margin-bottom:20px;
	line-height:22px;}
	
.btn_history{
	width:166px;
	height:51px;
	display:block;
	text-indent:-100000px;
	background:url(../images/btn_history.jpg) no-repeat 0px 0px;
	margin-left:-10px;}
	
	
	
/*---------------------------------------------------------------------
.歷史沿革 .history_tb
----------------------------------------------------------------------*/	
	
.history_tb td,.history_tb th{
	vertical-align:top;
	text-align:left;}
	
	.history_tb th{
		background:url(../images/icon_003.gif) no-repeat 0px 6px;
		background-position: 0px 5px\9;
		padding-left:15px;}
	

/*---------------------------------------------------------------------
#wrap-footer
----------------------------------------------------------------------*/	
	
#wrap-footer{
	background:url(../images/footer_bg.jpg) #919090 repeat-x top left;
	min-height:116px;
	color:#fff;}
	
.footer{
	width:1000px;
	margin:0 auto;
	padding-top:10px;
	line-height:20px;}
	
	.footer a.footer-logo{
		display:block;
		float:left;
		margin-right:15px;}
	.footer p{
		padding-top:10px;}
	.footer a{color:#FFF; text-decoration:none;}
		
		
		
		
/*---------------------------------------------------------------------
clients友站連結 - .cot-client
----------------------------------------------------------------------*/
.cot-client .lefter{ margin:0 15px 20px 0; width:478px; float:left;}
.cot-client .righter{ margin:0 0 20px 0; width:478px; float:left; padding:0;}
.cot-client table{
	height:83px;
	background-color:#ededed;
	text-align:left;}
	
	.cot-client td.brand-img{
		width:172px;
		padding:0 20px 0 8px;}
	.cot-client td.brand-img img{
		border:1px solid #dbdbdb;
		width:170px;
		height:83px;}
	.cot-client table:hover td.brand-img img{
		filter:alpha(opacity=70);
        opacity:.7; }
		
.cot-client table a{ color:#333; font-size:15px; font-weight:bold;}
.cot-client table:hover a{ color:#00a2df;}




/*---------------------------------------------------------------------
contact聯絡我們 - contact_tb
----------------------------------------------------------------------*/
.contact_tb{
	float: right;
	width: 480px;
}
	
	.contact_tb th,
	.contact_tb td{
		text-align:left;
	    line-height:18px;
		padding:4px 0;
		font-weight:normal;}
	.contact_tb th{ width:45px;}


	
/*---------------------------------------------------------------------
qa常見問題Q% - qa
----------------------------------------------------------------------*/
.qa{ margin-bottom:40px;}
.qa p.a{
	margin:0; 
	padding:5px 23px;
	width:934px; 
	background-color:#ededed;}
.qa .question{
	font-weight:bold;
	margin-bottom:5px;}
	
	
	
/*---------------------------------------------------------------------
service服務項目 - .service_list
----------------------------------------------------------------------*/
.service_list{ border-bottom:1px solid #e4e4e4; margin-bottom:30px;}
.service_list li{ display:inherit;}
.service_list li a{
	display:block;
	float:left;
	width:226px;
	height:202px;
	margin:0px 24px 30px 0;}
.service_list li a.last-item{ margin-right:0; float:right;}

.service_list li a{ color:#fff;}
.service_list li a span{
	display:block;
	height:40px;
	line-height:40px;
	text-align:center;
	background:url(../images/service/service_item_bg.gif) no-repeat 0px 0px;}
	.service_list li a:hover{ color:#00a2df; text-decoration:none;}
	
	/* -- 工廠設備 equipment --*/
	#equipment_item li a{
		width:306px;
		margin-right:29px;}
		
		#equipment_item li a.last-item{ margin-right:0;}
		
	#equipment_item li a span{ background-image:url(../images/equipment_item_bg.gif);}
	
	
	
.cot-main{ margin-right:35px;}
.cot-main .main-img{ margin-bottom:20px;}
.photogallery{ width:226px;}
.photogallery li{
	display:block;
	float:left;}
.photogallery li a{
	display:block;
	float:left;
	background:url(../images/service/service_img_bg.gif) no-repeat 0px 0px;
	padding:4px 5px 5px 4px;
	width:65px;
	height:65px;
	margin:0px 2px 3px 0;}
	.photogallery li a.gallery-last{ margin-right:0; float:right;}
	.photogallery li a img{ width:65px; height:65px;}
	.photogallery li a:hover img{
		filter:alpha(opacity=70);
		opacity:.7;}
			
.main-content{ width:450px; float:left;}
.main-content h1.title{
	font-size:20px;
	margin-bottom:30px;}
.main-content .info{
	display:block;
	border-bottom:1px solid #00a2df;}
.main-content table{
	border-top:1px solid #c7c7c7;
	border-left:1px solid #c7c7c7;
	margin-bottom:20px;}
	
	.main-content th,
	.main-content td{
		border-right:1px solid #c7c7c7;
		border-bottom:1px solid #c7c7c7;
		padding:5px;
		text-align:left;}
		
.main-content a.btn-contactus{
	display:block;
	background:url(../images/btn_service-contact.jpg) no-repeat 0px 0px;
	width:456px;
	height:43px;
	text-indent:-10000px;
	margin-bottom:5px;}
	.main-content a.btn-contactus:hover{ background-position:0px -43px;}
	
	
.service-cotlist{
	background:url(../images/service/service_content_list_bg.jpg) repeat-y 0px 0px;
	width:230px;
	padding-top:10px;
	margin-bottom:10px;
	}
	
	.service-cotlist h2.sub-title{
		width:200px;
		font-size:15px;
		margin:0 0 10px 15px;
		line-height:30px;
		border-bottom:1px solid #00a2df;}
		.service-cotlist h2.sub-title span{ font-size:19px; padding-left:2px;}
	
	.service-cotlist ul{
		width:200px;
		margin-left:15px;
		}
		
		.service-cotlist ul li{
			background:url(../images/icon_002.gif) no-repeat 0px 11px;
			background-position:0px 9px\9;
			padding:5px 0px 5px 10px;
			float:left;
			width:180px;
			}
		.service-cotlist ul li a{ color:#343434;}
		.service-cotlist ul li a:hover{ color:#00a2df; text-decoration:none;}
		.service-cotlist ul li a.focus{ color:#00a2df;}


/*---------------------------------------------------------------------
網站導覽 #sitemap
----------------------------------------------------------------------*/
#sitemap div.site{
	width:195px;
	min-height:210px;
	float:left;}
	
	#sitemap div.site h1{
		display:block;
		width:95px;
		height:59px;
		text-indent:-100000px;
		background:url(../images/nav.jpg) no-repeat -15px 0px;}
		
		#sitemap div.site h1.title_01{ background-position: -15px 0px;}
		#sitemap div.site h1.title_02{ background-position: -110px 0px;}
		#sitemap div.site h1.title_03{ background-position: -300px 0px;}
		#sitemap div.site h1.title_04{ background-position: -395px 0px;}
		#sitemap div.site h1.title_05{ background-position: -490px 0px;}
		
	#sitemap div.site li{
		padding:3px 10px 3px 1px;}