@charset "utf-8";
/* CSS Document */
ul,li{margin:0; padding:0; list-style:none;}
img{ border:0;}
body{ margin:0; padding:0; background:#FFF; font-size:12px; font-family:Helvetica, Arial, sans-serif;}
#wrapper{}


.list_block{ width:100%; min-width:100%;}
.list{ width:100%;}
.logo{ float:none; text-align:center; margin:0;}
.search{ position:relative; right:0; width:90%; margin:16px 5% 0 5%; height:31px;}
.search_t{ float:left; padding:6px 0 0 2%; height:21px; width:66%;}
.box{ width:18%x; }
.search_btnblock{ float:right;width:32%x;}

.menu_block{ display:none;}
/*-*/
.list_block02{
	clear:both; display:block; position:relative; width:100%; background:#373737; margin-top:46px;
}
#qaContent {
	width: 100%;
}
#qaContent ul.accordionPart {
	margin:0; 
}
#qaContent ul.accordionPart li {
	text-align:center; 
}
#qaContent ul.accordionPart li .qa_title {
	color: #ffffff;cursor: pointer;border-bottom: solid 1px #505050; padding:18px 0 18px 0;
}
#qaContent ul.accordionPart li .qa_title_on {
	text-decoration: none;
}
#qaContent ul.accordionPart li .qa_content {
	color: #ffffff;
}

/*-*/
.list02{
	width:100%;
}
.list02 li{
	font-size:16px; font-family:"微軟正黑體";width:100%; display:block;
}
.list02 li a{
	color:#ffffff; text-decoration:none; display:block; text-align:center;border-bottom: solid 1px #505050;padding:16px 0; background:#373737;
}
.list02 li a:hover{
	color:#ef8100; text-decoration:none; display:block; text-align:center;padding:16px 0; background:#3f3f3f;
}


.con01{ clear:both; width:100%; margin:13px auto 29px auto;}
.con01_block{ float:left; width:96%; margin-left:4%;}
.con01_block_t{ float:left; margin-right:4px; margin-top:9px;}

.con02_block{ float:left;  width:96%; margin-left:4%;}
.con02_block_t{ float:left; margin-right:4px; margin-top:9px;}
.con02_block_t02{float:left; width:84px; border:1px solid #434343;margin:0;}

.con03_block{ float:left;   width:96%; margin-left:4%; margin-top:10px;}
.con03_block_t{ float:left; margin-top:9px;}
.con03_block_t02box{ width:84px;height:30px;  padding:5px; border:1px solid #434343;}
.con03_block_t02{ float:left; margin-left:10px; margin-right:10px;}
.con03_block_t03{ float:left; margin-top:9px;}
.con02_block_t02box{ width:84px; height:30px; padding:5px;}

.con04{ clear:both; width:95%; margin:0 0 0 5%; padding:29px 0 0 0;}
.con04 li{ float:left; width:20%; margin-right:5%; margin-bottom:23px; font-size:15px;}
.con04_p{ text-align:center; border:1px solid #d4d4d4; margin:0 0 1px 0;}
.con04_p img{ width:100%;}
.con04_date{ background:#d1cfd0; width:90%; padding:10px 5%; color:#ef8200; font-style: italic;}
.con04_text{ background:#efefef; width:90%; padding:10px 5% 0 5%; color:#040000; line-height:20px;}
.con04_more{ background:#efefef; width:90%; padding:5px 5%; color:#ef8200; text-align:right;}
.con04_more A:link , .con04_more A:visited{color:#ef8200; text-decoration:none;}
.con04_more A:hover , .con04_more A:active{color:#ef8200; text-decoration: underline;}

.footer_block{ clear:both;background:#040000; width:100%; height:28px; padding:8px 0 0 0;}
.footer{ width:100%; margin:0 auto;}
.footer_left{ float:left; width:auto; margin-left:5%;}
.footer_left li{ float:left; margin-right:3px; padding-bottom:0px;}
.footer_right{ float:right; color:#FFF; padding-top:5px; margin-right:5%; margin-left:0;}


/*news02*/
.con04_2{ clear:both; width:100%; margin:0 auto; padding:29px 0 0 0;}
.con04_2 li{ float:left; width:100%;  margin-bottom:23px; font-size:15px;}
.con04_2_p{ margin:0 auto 1px auto; padding:0;     
display: table-cell; vertical-align:middle;/*非IE的主流浏览器识别的垂直居中的方法*/     
text-align:center;/*设置水平居中*/     
 /* 针对IE的Hack */      
*display: block;     
*font-size: 218px; /*约为高度的0.873，200*0.873 约为175*/    
*font-family:Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/           
width:250px; height:250px; border: 1px solid #000;  border:1px solid #d4d4d4;}
.con04_2_p img{
 vertical-align:middle;/*设置图片垂直居中*/    
max-height:250px; max-width:250px;/* 非IE6下的等比缩放 */     
width:expression(this.width >250 && this.height <= this.width ? 250:true);        
height:expression(this.height >250 && this.width <= this.height ? 250:true);
/* IE6下的等比缩放，注意expression其实是运行了一个js程序，所以如果图片很多的话会引起cpu占用率高 */  
}
.con04_2_block{ float:left; width:67%; margin-left:2%; margin-right:0;}
.con04_2_date{ background:#d1cfd0; width:80%; padding:10px 10%; color:#ef8200; font-style: italic;}
.con04_2_text{ background:#efefef; width:80%; padding:10px 10%; color:#040000; line-height:20px;}
.con04_2_t{background:#FFF; width:80%; padding:10px 10% 90px 10%; color:#000; line-height:20px;}
.con04_2_more{ width:80%; padding:5px 10px; color:#ef8200; text-align:right;}
.con04_2_more A:link , .con04_2_more A:visited{color:#ef8200; text-decoration:none;}
.con04_2_more A:hover , .con04_2_more A:active{color:#ef8200; text-decoration: underline;}

/*news_d*/
.con05{ clear:both; width:100%; margin:0 auto;  padding:29px 0 0 0;}
.con05_l{ float:left; width:50%; margin:0 2% 0 0;}
.con05_r{ float:left; width:44%; margin:0 2% 0 0;}
.con05r_block{ float:left; width:90%; margin-left:10%; margin-right:0;}
.con05r_date{ background:#d1cfd0; width:90%; padding:10px 5%; color:#ef8200; font-style: italic;}
.con05r_text{ background:#efefef; width:90%; padding:10px 5%; color:#040000; line-height:20px;}
.con05r_t{background:#FFF; width:90%; padding:10px 5% 90px 5%; color:#000; line-height:20px;}
.con05r_more{ width:90%; padding:5px 5%; color:#ef8200; text-align:right;}
.con05r_more A:link , .con05r_more A:visited{color:#ef8200; text-decoration:none;}
.con05r_more A:hover , .con05r_more A:active{color:#ef8200; text-decoration: underline;}
.back_btn{ position: relative; width:90%;text-align:right; margin-top:-20px;}
/*小圖點大圖*/
#wrapper_pic {
				position: relative;
				width: 100%; 
				left: 0;
				top: 0;
			}
			#carousel-wrapper {
				padding-bottom: 10px;
				position: relative; height: auto; text-align:center;border:none;margin-bottom:0px;
			}
			
		#carousel span {
display: table-cell; vertical-align:middle;/*非IE的主流浏览器识别的垂直居中的方法*/     
text-align:center;/*设置水平居中*/   
  /* 针对IE的Hack */      
  *display: block;     
*font-size: 371px; /*约为高度的0.873，200*0.873 约为175*/    
*font-family:Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/  
				width: 100%;
				height: auto;border:1px solid #d4d4d4;
			}
            #carousel span, #carousel span img {
				vertical-align:middle;/*设置图片垂直居中*/    
max-height:auto; max-width:100%;/* 非IE6下的等比缩放 */     
width:expression(this.width >426 && this.height <= this.width ? 426:true);        
height:expression(this.height >426 && this.width <= this.height ? 426:true);
/* IE6下的等比缩放，注意expression其实是运行了一个js程序，所以如果图片很多的话会引起cpu占用率高 */  
			}
			
			
			#thumbs-wrapper {padding: 0px;position: relative; display:inline-block; margin-bottom:56px;}
			#thumbs ul{ width:100%;}
			#thumbs li{ float:left;width: 104px;border:1px solid #d4d4d4;
			margin-top: 0;margin-right: 1px;margin-bottom: 1px;margin-left: 0;}
			#thumbs a {
				margin:0 auto; 
padding:0;     
display: table-cell; vertical-align:middle;/*非IE的主流浏览器识别的垂直居中的方法*/     
text-align:center;/*设置水平居中*/   
  /* 针对IE的Hack */      
  *display: block;     
*font-size: 90px; /*约为高度的0.873，200*0.873 约为175*/    
*font-family:Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/    
	width: 104px;
	height:104px;
	-webkit-transition: border-color .5s;
	-moz-transition: border-color .5s;
	-ms-transition: border-color .5s;
	transition: border-color .5s;
			}
			#thumbs a img {
				vertical-align:middle;/*设置图片垂直居中*/    
max-height:104px; max-width:104px;/* 非IE6下的等比缩放 */     
width:expression(this.width >104 && this.height <= this.width ? 104:true);        
height:expression(this.height >104 && this.width <= this.height ? 104:true);
/* IE6下的等比缩放，注意expression其实是运行了一个js程序，所以如果图片很多的话会引起cpu占用率高 */  
				
			}
			#thumbs a:hover, #thumbs a.selected {
				border-color: #566;
			}
			
			#wrapper img#shadow {
				width: 100%;
				position: absolute;
				bottom: 0;
			}

/*product*/
.con06{clear:both; width:100%; margin:0 auto;  padding:29px 0 0 0;}
.con06_l{ float:left; width:96%; margin:0 2% 0 2%;}

.con06_r{ float:left; width:95%; margin:0 2% 0 2%;}
.con06_stit{ width:100%; font-size:16px; margin:0 0 21px 0;}
.con06_btit{display:block;  clear:both; width:100%; height:35px; margin:0 0 15px 0;}
.con06_btit img{ width:100%;}
.con06_btit_t{display:block;  position:absolute; margin:3px 0 0 8px;}

.con06_btit02{ display:none;}
.con06_btit02_t{display:none;}

.con06r_con{ clear:both; width:100%; margin:0 0 15px 0}
/*下拉選單*/


.menu_list{ margin-bottom:50px;}
.menu_head{width:  96%;padding: 2%; background:url(../images/add_icon.jpg) no-repeat right 13px;}
.menu_list .current{background:url(../images/close_icon.jpg) no-repeat right 13px;}
.menu_body{width:100%; }
.menu_body a{display:block;width:95%;line-height:38px; padding-left:5%;}

.menu_head02{width:  96%;padding:2%; background:url(../images/add_icon.jpg) no-repeat right 13px!important;}
.menu_list .current02{background:url(../images/close_icon.jpg) no-repeat right 13px!important;}
.menu_body02{width:100%;}
.menu_body02 a{display:block;width:95%;line-height:38px; padding-left:5%;}

/*product_d*/
.con07_block{ clear:both; float:left; width:100%; margin-left:0;}
.con07_block_t{ float:left; margin-right:4px; margin-top:9px;}

.con08_block{ float:left; width:100%; margin-left:0; margin-bottom:25px; margin-top:10px;}
.con08_block_t{ float:left; margin-top:9px;}
.con08_block_t02box{ width:84px;height:30px;  padding:5px; border:1px solid #434343;}
.con08_block_t02{ float:left; margin-left:10px; margin-right:10px;}
.con08_block_t03{ float:left; margin-top:9px;}

.con09_block{ clear:both; width:100%; margin-left:0;}
.con09_block li{ float:left; width:30%; margin-right:20px; margin-bottom:23px; font-size:15px;}


/*product_d02*/
.con09_block02{ clear:both; width:100%; margin-left:0;}
.con09_block02 li{ float:left; width:100%;  margin-bottom:23px; font-size:15px;}
.con09_2_p{ margin:0 auto 1px auto; padding:0;     
display: table-cell; vertical-align:middle;/*非IE的主流浏览器识别的垂直居中的方法*/     
text-align:center;/*设置水平居中*/     
 /* 针对IE的Hack */      
*display: block;     
*font-size: 218px; /*约为高度的0.873，200*0.873 约为175*/    
*font-family:Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/           
width:250px; height:250px; border: 1px solid #000;  border:1px solid #d4d4d4;}
.con09_2_p img{
 vertical-align:middle;/*设置图片垂直居中*/    
max-height:250px; max-width:250px;/* 非IE6下的等比缩放 */     
width:expression(this.width >250 && this.height <= this.width ? 250:true);        
height:expression(this.height >250 && this.width <= this.height ? 250:true);
/* IE6下的等比缩放，注意expression其实是运行了一个js程序，所以如果图片很多的话会引起cpu占用率高 */  
}
.con09_2_block{ float:left; width:65%; margin-left:3%; margin-right:0;}
.con09_2_date{ background:#d1cfd0; width:80%; padding:10px 10%; color:#ef8200; font-style: italic;}
.con09_2_text{ background:#efefef; width:80%; padding:10px 10%; color:#040000; line-height:20px;}
.con09_2_t{background:#FFF; width:80%; padding:10px 10% 90px 10%; color:#000; line-height:20px;}
.con09_2_more{ width:80%; padding:5px 10px; color:#ef8200; text-align:right;}
.con09_2_more A:link , .con04_2_more A:visited{color:#ef8200; text-decoration:none;}
.con09_2_more A:hover , .con04_2_more A:active{color:#ef8200; text-decoration: underline;}

/*product_d_d*/
.con10_block{clear:both; width:100%; margin:0 0 15px 0; font-size:24px;}

.con11_block{clear:both; width:100%; margin:0 0 15px 0;}
.con11_l{ float:left; width:50%; margin:0 2% 0 0;}
.con11_r{ float:left; width:46%; margin:15px 2% 0 0;}
.con11r_block{ float:left; width:90%; margin-left:10%; margin-right:0;}
.con11r_date{ background:#d1cfd0; width:90%; padding:10px 5%; color:#ef8200; font-style: italic;}
.con11r_text{ background:#efefef; width:90%; padding:10px 5%; color:#040000; line-height:20px;}
.con11r_t{background:#FFF; width:90%; padding:10px 5% 90px 5%; color:#000; line-height:20px;}
.con11r_more{ width:90%; padding:5px 5%; color:#ef8200; text-align:right;}
.con11r_more A:link , .con05r_more A:visited{color:#ef8200; text-decoration:none;}
.con11r_more A:hover , .con05r_more A:active{color:#ef8200; text-decoration: underline;}
.back_btn02{ position: relative; width:100%;text-align:right; margin-top:-40px;}

.con11r_down{ clear:both; width:100%;}

.con11_btit{display:block;  clear:both; width:100%; height:35px; margin:0 0 15px 0;}
.con11_btit img{ width:100%;}
.con11_btit_t{display:block;  position:absolute; margin:3px 0 0 8px;}

.con11_btit02{ display:none;}
.con11_btit02_t{display:none;}
.con11r_down_t{width:95%;  margin-left:0;}
.con11r_down_t li{ float:left; width:30%px;}
.down_p{ width:20%px; height:103px; border:1px solid #d5d5d5; margin-bottom:5px;}
.down_t{ width:20%px; line-height:20px;}
.down_space{ float:left; width:2%; height: auto;}

.con12_block{ clear:both; width:100%;  height:400px;  margin:0 0 26px 0;}
.con12_tit{ position:absolute; z-index:998; width:96%;  display:block;}
.con12_tit img{ width:100%;}
#abgne-block-20120327 {width:96%;margin:0 auto; margin-top:0px;z-index:999; position:absolute;}
#abgne-block-20120327 ul, #abgne-block-20120327 li {list-style: none;margin: 0;padding: 0;}
#abgne-block-20120327 .tabs li {margin:0; padding:5px 0 0 0; font-size:20px; list-style:none;width:16%;float:left;height:23px;color:#FFF;text-align:center;cursor:pointer;}
#abgne-block-20120327 .tabs li.active {color:#ef8200;}
#abgne-block-20120327 .tabs li.hover{color:#ef8200;}
#abgne-block-20120327 .tabs span {display: block;text-align:center;overflow: hidden; }
#abgne-block-20120327 .tab_container {clear: both;overflow: hidden;}
#abgne-block-20120327 .tab_container ul {position: relative; min-height:360px;overflow: hidden;}
#abgne-block-20120327 .tab_container .tab_content li {
position: absolute;width:100%;height: 100%; line-height:20px;padding: 15px;margin-top: 10px;background: #fff;}

.protop{ clear:both; width:100%; text-align:right;}

/*dis*/
.con13{clear:both; width:100%; margin:0 auto; padding:29px 0 0 0;}
.con13_stit{ width:88%; font-size:16px; margin:0 5% 21px 5%; background:url(../images/home.jpg) no-repeat; padding-left:2%; color:#ef8200;}

.con13_block{ clear:both; margin:0 0 50px 0;}
#abgne-block-20120327_2 {width:90%;margin:0 5%;height:35px margin-top:0px; background:url(../images/dis_titbg.jpg) no-repeat;}
#abgne-block-20120327_2 ul, #abgne-block-20120327_2 li {list-style: none;margin: 0;padding: 0;}
#abgne-block-20120327_2 .tabs li {margin:5px 0 0 0; padding:5px 0 0 0; font-size:12px; border-right:1px solid #FFF; list-style:none;width:12%;float:left;;color:#FFF;text-align:center;cursor:pointer;}
#abgne-block-20120327_2 .tabs li.active {color:#ef8200;}
#abgne-block-20120327_2 .tabs li.hover{color:#ef8200;}
#abgne-block-20120327_2 .tabs span {display: block;text-align:center;overflow: hidden; }
#abgne-block-20120327_2 .tab_container {clear: both; overflow:hidden;}
#abgne-block-20120327_2 .tab_container ul { position:relative;overflow: hidden; min-height:1200px;}
#abgne-block-20120327_2 .tab_container .tab_content li { position:absolute;width:100%;height: auto; line-height:20px;margin-top: 30px;}

.con13_tit{ background:#ef8201; width:100%; height:31px; margin-bottom:25px;}
.con13_tit_t{ float:left; text-align:center; width:30%; font-size:18px; color:#FFF; padding-top:6px;}
.con13_con{ clear:both; float:left;width:100%; padding-bottom:10px; margin-bottom:14px; border-bottom:1px solid #bfbfbf;}
.con13_con01{ float:left; text-align:center; width:30%; font-size:16px; color:#000000; }
.con13_con01 A:link , .con13_con01 A:visited{color:#000000; text-decoration:none;}
.con13_con01 A:hover , .con13_con01 A:active{color:#000; text-decoration: underline;}

/*contact*/
.con14_block{clear:both; width:90%; margin:0 5%; padding:29px 0 0 0;}
.con14_l{ float:left; width:40%; margin:0 10% 0 0;}
.con14_r{float:right; width:40%; margin:0 10% 80px 0;}
.con14_r img{ width:100%;}

.con14_l_block{width:100%; }
.con14_l_t{ float:left; width:50%; font-size:16px; color:#000; padding:3px 0 0 0;}
.con14_l_t02{ float:left; width:45%; font-size:16px; color:#000; padding:3px 0 0 5%;}
.con14_l_box{ float:left; width:50%;margin-bottom:9px;}
.con14box{ width:98%; border:1px solid #b4b4b4; height:24px;}
.con14box02{ width:98%; border:1px solid #b4b4b4; height:180px;}

.send_btn{float:left; text-align:center;  color:#ffffff; cursor:pointer; margin:0;margin-top:8px; margin-left:1px;}
.send_btn02{float:left; text-align:center;  color:#ffffff; cursor:pointer; margin:0; margin-left:5px;}
/*search*/
.con15_block{clear:both; width:100%; margin:0 auto; padding:29px 0 0 0;}

.con15_btit{display:block;  clear:both; width:100%; height:35px; margin:0 0 15px 0;}
.con15_btit img{ width:100%;}
.con15_btit_t{display:block;  position:absolute; margin:3px 0 0 8px;}

.con15_btit02{ display:none;}
.con15_btit02_t{display:none;}


.con15_conblock{clear:both; width:100%; height:252px; margin-bottom:17px; padding-bottom:12px; border-bottom:1px solid #d9d9d9;}
.con15_con{ clear:both; float:left; width:80%; margin-left:38px;}
.con15_con_p{ margin:0 auto 1px auto; padding:0;     
display: table-cell; vertical-align:middle;/*非IE的主流浏览器识别的垂直居中的方法*/     
text-align:center;/*设置水平居中*/     
 /* 针对IE的Hack */      
*display: block;     
*font-size: 218px; /*约为高度的0.873，200*0.873 约为175*/    
*font-family:Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/           
width:250px; height:250px; border: 1px solid #000;  border:1px solid #d4d4d4;}
.con15_con_p img{
 vertical-align:middle;/*设置图片垂直居中*/    
max-height:250px; max-width:250px;/* 非IE6下的等比缩放 */     
width:expression(this.width >250 && this.height <= this.width ? 250:true);        
height:expression(this.height >250 && this.width <= this.height ? 250:true);
/* IE6下的等比缩放，注意expression其实是运行了一个js程序，所以如果图片很多的话会引起cpu占用率高 */  
}
.con15_con_block{ float:left; width:65%; margin-left:3%; margin-right:0;}
.con15_con_date{ background:#d1cfd0; width:80%; padding:10px 10%; color:#ef8200; font-style: italic;}
.con15_con_text{ background:#efefef; width:80%; padding:10px 10%; color:#040000; line-height:20px;}
.con15_con_t{background:#FFF; width:80%; padding:10px 10% 90px 10%; color:#000; line-height:20px;}

.con15_con02{ float:right; width:10%; height:150px; margin:0 0 0 5%; padding:100px 0 0 0; text-align:center; border-left:2px solid #d9d9d9;color:#ef8200; line-height:23px;}




/*-------------------------------------------------------------------頁數---*/
.conpage{clear:both;  width:95%; margin:0 0 0 5%; padding:29px 0 0 0;}
.page{
	clear:both; float:left; margin-bottom:50px;
}
.page li{
	float:left; margin-right:18px;
}
.page a{
	color:#ef8200; text-decoration:none;
}
.page a:hover{
	color:#ef8200; text-decoration:underline;
}
.page_ahover{
	color:#ef8200; text-decoration:underline;
}
.page_btn{
	margin-top:0px;
}
.conpage02{ clear:both; width:100%; margin-left:0;padding:29px 0 0 0;}


/*-----share_add----*/
.con16{ clear:both; width:100%; margin:0 auto; padding:29px 0 0 0;}
.con17{ clear:both; width:100%; margin:0 auto; padding:0; margin-bottom:100px;}
.con17 ul{ display:inline-block; margin-bottom:100px;}
.con17 li{ height: auto; margin-right:5px; margin-bottom:5px; float:left;}

._item{
  position:relative;
  display:block;
  width:100px;
  height:100px;
}
/*滑鼠滑過去時的邊框*/
._item_border_mask{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:50%; padding:40% 0 10% 0;
  color:#FFF; text-align:center; background:url(../images/sharebg.png) repeat;
  cursor:pointer;
  z-index:999;
}

.jcarousel-control-prev02 {
	background-position: 0 0;
	left:0px;
}
.jcarousel-control-prev02:hover {
	background-position: 0 -114px;
}
.jcarousel-control-next02  {
	background-position: -39px 0px;
	right:-20px;
}
.jcarousel-control-next02:hover {
	background-position: -39px -114px;
}