@charset "utf-8";
/* CSS Document */
.clr{clear:both; height:0}
form{ padding:0; margin:0}
body{
	padding:0;
	margin:0;
	background:#fff ;
	text-align:center;
	font-size:12px;
	line-height:150%;
	color:#333;
	}
a:link{
	color:#000;
	text-decoration:none;
	}
a:visited{
	color:#000;
	text-decoration:none;
	}
a:hover{
	color: #1a25ba;
	text-decoration:none;
	}
a:active{
	color:#000;
	text-decoration:none;
	}
	/**/

#container{
	display:inline-block;
	margin:0 auto;
	padding:0;
	width:1000px;
	text-align:left;
	background:#fff;
	}
	
#top{
	width:1000px;
	overflow:hidden;/*隱藏文字*/
	display:block;
	float:left;
	display:inline-block;
	background:url(../../front/images/index01_01.gif) no-repeat;
	height:0 !important;
	height /**/:73px;
	padding-top:73px;
	}

#Menu{
	float:left;
	width:155px;
	height:309px;
	padding:0;
	margin:0;
	background:url(../../front/images/index01_09.gif) no-repeat bottom left;
	}
#cMenu{
	float:left;
	width:155px;
	height:309px;
	padding:0;
	margin:0;
	background:url(../../front/images/cindex01_09.gif) no-repeat bottom left;
	}	
#swfshow{
	float:left;
	width:845px;
	height:309px;
	}
#conmain{
	float:left;
	width:845px;
	display:inline-block;
	}	
#contact{
	background:url(../../front/images/contact_08.gif) no-repeat bottom left;
	width:519px;
	padding:0 0px 20px 0px;
	margin: 0 12px 0 12px;
	float:left;
	}
#contact div.tiname{
	background:url(../../front/images/contact_06.gif) no-repeat top left;
	width:519px;
	height:55px;
	}
#contact div.conc{ padding:0 15px 0 15px}
#contact ul{
	padding-bottom /**/:60px;
	padding-bottom /**/:30px \9;}
#contact ul li{
	list-style:none; 
	line-height:190%;
	}
.border001{ border:1px solid #7ed45c; font-size:12px;}	
#contact ul li label{float:left}
#rightinfo{ float:left; padding-top:32px;}
#rightinfo01{ float:left; margin-top:32px; background: url(../../front/images/news_07.gif) no-repeat left top; padding-left:10px;}
#newslist{ 
	width:519px;
	padding:0 0px 20px 0px;
	margin: 0 12px 0 12px;
	float:left;
	}
#newslist div.title{ background:url(../../front/images/news_04.gif) no-repeat; width:158px; height:49px;}
#newslist ul{ margin-top:10px; }
#newslist ul li{
	border-bottom:1px dashed #CCC;
	padding-top:0px;
	padding-bottom:5px;
	line-height:normal;
	line-height:80% \9;
	color:#E86C22;
	font-family: Verdana, Geneva, sans-serif;
	}
#newslist ul li a{ font-family:新細明體; text-decoration: none}	
#newslist ul li a:link,#newslist ul li a:visited,#newslist ul li a:active{
	color: #333;
	
	}
#newslist ul li a:hover{
	color:#E86C22
	}
#productlist{
	float:left;
	width:641px;
	
	}
#productlist div.title{
	background:url(../../front/images/pro_04.gif) no-repeat;
	width:210px;
	height:39px;}	
.imgpadd{ 
	padding: 1px 6px 6px 1px;
	
	
}	
#productlist ul{ padding:2px 0 0 10px; margin:2px;}
#productlist ul li{
	list-style:none;
	background: url(../../front/images/pro_11.gif) no-repeat;
	width:142px;
	height:175px;
	float:left;
	margin:2px 5px;
	}
#productlist ul li div{ text-align:center; padding-top:1px}	
#productsort{
	width:193px;
	float:left;
	background:url(../../front/images/pro_07.gif) no-repeat top left;
	padding:0 5px 0 5px;
	margin-top:15px;
	}
#productsort ul{ padding:0; margin:30px 0 0 0 }
#productsort ul li{
	width:160px;
	
	list-style:square;
	margin-left:25px;
	line-height:180%;
	color:#75DD57
	}
#productsort ul li a{text-decoration:none}	
#productsort ul li a:link,#productsort ul li a:visited,#productsort ul li a:active{
	color:#333;
	}
#productsort ul li a:hover{ color:#063}	
.imgbframe{
	background:url(../../front/images/imgbframe.gif) no-repeat;
	float:left;
	margin:5px;
	}
.imgpaddd{ padding:5px; border:0; }
#productcon{ width:829px; padding:8px}
.protitle{ font-size:18px; font-weight:bold; color:#21a610; line-height:150%;}
#contentshow{
	width:815px;
	padding:0 15px;
	}
.tilteicon{ 
	background: url(../../front/images/icon06.gif) no-repeat; 
	font-size:15px; 
	font-weight:bold; 
	color:#188a12; 
	line-height:150%;
	padding:5px 0 5px 28px;
	}	
#middle{
	width:1000px;
	float:left;
	display:inline-block;
	background: url(../../front/images/index01_10.gif) no-repeat;
	padding:0;
	margin:0;
	
	}
#midLeft{
	float:left;
	width:313px;
	padding:34px 0 0 24px;
	}	

#midCenter{
	width:489px;
	float:left;
	}
#midCenter ul{ 
	margin-left /**/:10px;
	_padding-left:10px \9;
	*padding-left /**/:32px \9;
	*padding-top /**/:8px \9;
	_padding-top:5px \9;
	margin-top:0 \9;
	height:63px;
	height:60px \9;
	
	}
#midCenter ul li{
	line-height:170%;
	list-style:square;
	color:#a5a5a5;
	}
#midCenter ul li a:link{
	color:#000;
	text-decoration:none;
	}
#midCenter ul li a:visited{
	color:#000;
	text-decoration:none;
	}
#midCenter ul li a:hover{
	color: #1a25ba;
	text-decoration:none;
	}
#midCenter ul li a:active{
	color:#000;
	text-decoration:none;
	}
#midRight{  float:left;padding:34px 0 0 3px;}

#midRight img{ border:1px solid #939393;}
#footer{
	width:1000px;
	display:inline-block;
	color: #999;
	text-align:center;
	float:left;
	}
#footer01{
	width:1000px;
	margin-top:15px;
	padding-top:8px;
	display:inline-block;
	color: #999;
	text-align:center;
	background:url(../../front/images/pro_16.gif) repeat-x;
	float:left;
	}		
/*menu*/
.menu01{}
.menu01 a,.menu01 a:link,.menu01 a:visited,.menu01 a:active { 
	overflow:hidden;/*隱藏文字*/
	display:block;
	height:0 !important;
	height /**/:48px;/*ie6不讀取*/
	padding-top:48px;/*將文字移動到框外位置*/
	width:155px;
	background-image:url(../../front/images/index01_02.gif) ;
	background-repeat:no-repeat;
	background-position:0 0;
}
.menu01 a:hover{
	background-position:0 -48px;
	
}
.menu02{}
.menu02 a,.menu02 a:link,.menu02 a:visited,.menu02 a:active { 
	overflow:hidden;/*隱藏文字*/
	display:block;
	height:0 !important;
	height /**/:38px;/*ie6不讀取*/
	padding-top:38px;/*將文字移動到框外位置*/
	width:155px;
	background-image: url(../../front/images/index01_04.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
.menu02 a:hover{
	background-position: 0px -38px;
}
.menu03{}
.menu03 a,.menu03 a:link,.menu03 a:visited,.menu03 a:active { 
	overflow:hidden;/*隱藏文字*/
	display:block;
	height:0 !important;
	height /**/:38px;/*ie6不讀取*/
	padding-top:38px;/*將文字移動到框外位置*/
	width:155px;
	background-image: url(../../front/images/index01_05.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
.menu03 a:hover{
	background-position: 0px -38px;
}
.menu04{}
.menu04 a,.menu04 a:link,.menu04 a:visited,.menu04 a:active { 
	overflow:hidden;/*隱藏文字*/
	display:block;
	height:0 !important;
	height /**/:39px;/*ie6不讀取*/
	padding-top:39px;/*將文字移動到框外位置*/
	width:155px;
	background-image: url(../../front/images/index01_06.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
.menu04 a:hover{
	background-position: 0px -39px;
}
.menu05{}
.menu05 a ,.menu05 a:link,.menu05 a:visited,.menu05 a:active{ 
	overflow:hidden;/*隱藏文字*/
	display:block;
	height:0 !important;
	height /**/:38px;/*ie6不讀取*/
	padding-top:38px;/*將文字移動到框外位置*/
	width:155px;
	background-image: url(../../front/images/index01_07.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
.menu05 a:hover{
	background-position: 0px -38px;
}
.menu06{}
.menu06 a ,.menu06 a:link,.menu06 a:visited,.menu06 a:active{ 
	overflow:hidden;/*隱藏文字*/
	display:block;
	height:0 !important;
	height /**/:38px;/*ie6不讀取*/
	padding-top:38px;/*將文字移動到框外位置*/
	width:155px;
	background-image: url(../../front/images/index01_08.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
.menu06 a:hover{
	background-position: 0px -38px;
}
.bt-more{}
.bt-more a { 
	overflow:hidden;/*隱藏文字*/
	display:block;
	height:0 !important;
	height /**/:25px;
	padding-top:25px;/*將文字移動到框外位置*/
	width:55px;/*ie6不讀取*/
	background-image: url(../../front/images/bt-more-trans.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
.bt-more a:hover{
	background-position:0px -25px;
}
.bt-map01:link{
	background-image: url(../../front/images/bt-map-trans.png);
	background-repeat:no-repeat;
	background-position:0 0;
	color:#FFF;
	padding /**/:2px 11px;
	_padding:1px 11px;
	font-size:11px;
	}
.bt-map01:visited{
	background-image: url(../../front/images/bt-map-trans.png);
	background-repeat:no-repeat;
	background-position:0 0;
	color:#FFF;
	padding:2px 11px;
	_padding:1px 11px;
	font-size:11px;
	}
.bt-map01:hover{
	
	color:#FC0;
	padding:2px 11px;
	_padding:1px 11px;
	font-size:11px;
	background-image: url(../../front/images/bt-map-trans.png);
	background-repeat:no-repeat;
	background-position:0 -19px;
	}
.bt-map01:active{
	background-image: url(../../front/images/bt-map-trans.png);
	background-repeat:no-repeat;
	background-position:0 0;
	color:#FFF;
	padding:2px 11px;
	_padding:1px 11px;
	font-size:11px;
	}
.bt-goback{}
.bt-goback a ,.bt-goback a:link,.bt-goback a:visited,.bt-goback a:active{ 
	overflow:hidden;/*隱藏文字*/
	display:block;
	height:0 !important;
	height /**/:25px;/*ie6不讀取*/
	padding-top:25px;/*將文字移動到框外位置*/
	width:74px;
	background-image: url(../../front/images/icongobaack.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
.bt-goback a:hover{
	background-position: 0px -25px;
}	
/**/
.visit{ 
	padding-top /**/:28px;
	padding-left /**/:40px;
	_padding-top: 30px \9;
	_padding-left:40px \9;
	
	
}
/**/
.PageNavigator{
	text-align: center;
}
div.PageNavigator a.current{
	text-decoration: none;
	color: #CC3300;
	font-weight:bold;

}
div.PageNavigator a.disablelink,
div.PageNavigator a.disablelink:hover{
	text-decoration: none;
	color: #cecece;
	font-weight: normal;
}

.PageNavigator a{
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	margin:2px; 
	padding:0px 2px 0px 2px;
	line-height:150%;
	
	
}
.PageNavigator a:link{
	color: #000000;
	text-decoration: none;
}
.PageNavigator a:visited{
	text-decoration: none;
	color: #000000;
}
.PageNavigator a:hover{
	text-decoration: none;
	color: #0033CC;
	font-weight:bold;
}
.PageNavigator a:active{
	text-decoration: none;
	color: #0033CC;
}
/*font*/
.en{font-family:Arial, Helvetica, sans-serif}
.coloewhite{color:#FFF}
.FontBlueB15{ font-size:15PX; font-weight:bold; color:#2848d3}
.FontGreen12{ font-size:12px; color:#1b9504}
.FontOrg12{ font-size:12px; color: #cd5c17}

.conpad{width:805px; padding:0 20px 0 20px}
.newsconpad{width:500px; padding:0 10px 0 10px}
.prologo{
	display:block;
	position:absolute;
	margin-left:195px;
	margin-top:10px;
	background:url(../../front/images/logob-trans.png) no-repeat;
	width:160px;
	height:37px;
	z-index:100;
	}
.prologos{
	display:block;
	position:absolute;
	margin-left:10px;
	margin-top:0px;
	background:url(../../front/images/logo-trans.png) no-repeat;
	width:120px;
	height:30px;
	z-index:100;
	}