@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; width:90%; text-align:center; margin:0 5%;}
.logo img{ width:100%;}
.search{ position:relative; right:0; width:90%; margin:16px 5% 16px 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:30px;
}
#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:70%; margin-left:30%;}
.con01_block_t{ float:left; margin-right:4px; margin-top:9px;}

.con02_block{ float:left;   width:100%; margin-left:0; margin-bottom:20px;}
.con02_block_t{ float:none; margin-right:4px; margin-top:9px; text-align:center;}
.con02_block_t02{float:none; width:90%; border:1px solid #434343; text-align:center; margin:15px 5%;}

.con03_block{ float:left;   width:80%; margin-left:20%;}
.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:30%; height:30px; padding:5px;}


.con04{ clear:both; width:95%; margin:0 0 0 5%; padding:29px 0 0 0;}
.con04 li{ float:left; width:95%; margin-right:5%; margin-bottom:23px; font-size:15px;}
.con04_p{ margin:0 auto 1px auto; padding:0;     
display: block; vertical-align:middle;/*非IE的主流浏览器识别的垂直居中的方法*/     
text-align:center;/*设置水平居中*/     
 /* 针对IE的Hack */      
*display: block;     
*font-size: 175px; /*约为高度的0.873，200*0.873 约为175*/    
*font-family:Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/           
width:99%; height:100%;  border:1px solid #d4d4d4;}
.con04_p img{
 vertical-align: middle;/*设置图片垂直居中*/   
 text-align:center; 
max-height:100%; max-width:99%;/* 非IE6下的等比缩放 */     
width:height:expression(this.height >250 && this.width <= this.height ? 250:true);;        
height:expression(this.height >250 && this.width <= this.height ? 250:true);
/* IE6下的等比缩放，注意expression其实是运行了一个js程序，所以如果图片很多的话会引起cpu占用率高 */  
}
.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:80px; padding:8px 0 0 0;}
.footer{ width:100%; margin:0 auto;}
.footer_left{ float:left; width:95%; margin-left:5%;}
.footer_left li{ float:left; margin-right:3px; padding-bottom:0px;}
.footer_right{ float:left; width:95%; color:#FFF; padding-top:10px; margin-left:5%; margin-right:0;}

/*news02*/
.con04_2{ clear:both; width:100%; margin:0 auto; padding:29px 0 0 0;}
.con04_2 li{ float:none; width:100%;  margin-bottom:23px; font-size:15px;}
/*news圖片修改*/
.con04_2_pblock{width:100%; height:100%; float:none;}
.con04_2_p{ margin:0 auto 1px auto; padding:0;     
display: block; vertical-align:middle;/*非IE的主流浏览器识别的垂直居中的方法*/     
text-align:center;/*设置水平居中*/     
 /* 针对IE的Hack */      
*display: block;     
*font-size: 175px; /*约为高度的0.873，200*0.873 约为175*/    
*font-family:Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/           
width:99%; height:100%;  border:1px solid #d4d4d4;}
.con04_2_p img{
 vertical-align: middle;/*设置图片垂直居中*/   
 text-align:center; 
max-height:100%; max-width:100%;/* 非IE6下的等比缩放 */     
width:height:expression(this.height >250 && this.width <= this.height ? 250:true);;        
height:expression(this.height >250 && this.width <= this.height ? 250:true);
/* IE6下的等比缩放，注意expression其实是运行了一个js程序，所以如果图片很多的话会引起cpu占用率高 */  
}

.con04_2_block{ float:none; width:99%; margin-left:0%; margin-right:0%;}
.con04_2_date{ background:#d1cfd0; width:90%; padding:10px 5%; color:#ef8200; font-style: italic;}
.con04_2_text{ background:#efefef; width:90%; padding:10px 5%; color:#040000; line-height:20px;}
.con04_2_t{background:#FFF; width:90%; padding:10px 5% 90px 5%; color:#000; line-height:20px;}
.con04_2_more{ width:90%; 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:96%; margin:0 2% 0 2%;}
.con05_r{ float:left; width:96%; margin:0 2% 0 2%;}
.con05r_block{ float:left; width:96%; margin-left:2%; margin-right:2%;}
.con05r_date{ background:#d1cfd0; width:96%; padding:10px 2%; color:#ef8200; font-style: italic;}
.con05r_text{ background:#efefef; width:96%; padding:10px 2%; color:#040000; line-height:20px;}
.con05r_t{background:#FFF; width:96%; padding:10px 2% 90px 2%; color:#000; line-height:20px;}
.con05r_more{ width:96%; padding:5px 2%; 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:100%;text-align:right; margin-top:-20px;}

#wrapper_pic {
				position: relative;
				width: 100%; 
				left: 0;
				top: 0;
			}
			#carousel-wrapper {
				padding-bottom: 10px;
				position: relative; width:100%; height: auto; text-align:center;
			}
			
			#carousel img{
				width: 100%; 
				height: auto;
				position: relative;
				top: 0;
				left: 0;
			}
			#thumbs img {
				border: none;
				width: 100%; 
				height: 104px; border:1px solid #d4d4d4;
				position: absolute;
				top: 0;
				left: 0;
			}
			#carousel img.glare,
			#thumbs img.glare {
				width: 100%;
				height: auto;
			}

			#carousel span {
				width: 100%;
				height: auto;border:1px solid #d4d4d4;
			}


/*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:90%; font-size:16px; margin:0 0 21px 0;}
.con06_btit{ display:none;}
.con06_btit_t{ display:none;}
.con06_btit02{ display:block;clear:both; width:100%; height: auto; margin:0 0 15px 0;  font-size:24px; color:#FFF;}
.con06_btit02 img{ width:100%;}
.con06_btit02_t{display:block;position:absolute; margin:3px 0 0 8px;}
.con06r_con{ clear:both; width:100%; margin:0 0 15px 0}
.con06r_p img{ width:100%;}
/*下拉選單*/


/*左側下拉-*/
.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%; padding:0;}
.menu_body a{display:block;width:95%;line-height:38px; padding-left:0; padding-right:0px;}

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

/*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:100%; margin-right:20px; margin-bottom:23px; font-size:15px;}

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

/*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:100%; margin:0 0 0 0;}
.con11_r{ float:left; width:100%; margin:15px 0 0 0;}
.con11r_block{ float:left; width:100%; margin-left:0%; 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:none;}
.con11_btit_t{ display:none;}
.con11_btit02{ display:block;clear:both; width:100%; height: auto; margin:0 0 15px 0;  font-size:24px; color:#FFF;}
.con11_btit02 img{ width:100%;}
.con11_btit02_t{display:block;position:absolute; margin:3px 0 0 8px;}
.con11r_down_t{width:100%; margin-left:0;}
.con11r_down_t li{ float:left; width:30%px; margin-bottom:10px;}
.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 56px 0;}
.con12_tit{ position:absolute; z-index:998; width:95%;  display:none;}
.con12_tit img{ width:100%;}
#abgne-block-20120327 {width:93%;margin:0 auto; margin-top:0px;z-index:999; background:no-repeat;}
#abgne-block-20120327 ul, #abgne-block-20120327 li {list-style: none;margin:0;padding:0;}
#abgne-block-20120327 .tabs li {margin:0; background:#7b7b7b; border-bottom:1px solid #FFF; padding:10px 0 0 0; font-size:90%; list-style:none;width:100%;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; 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:none;}
#abgne-block-20120327_2 ul, #abgne-block-20120327_2 li {list-style: none;margin: 0;padding: 0;}
#abgne-block-20120327_2 .tabs li {margin:0 0 0 0; padding:5px 0 5px 0; font-size:12px; border-bottom:1px solid #FFF; list-style:none;width:100%;float:none;;color:#FFF;text-align:center;cursor:pointer; background:#333;}
#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:33%; font-size:12px; 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:33%; font-size:12px; 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:none; width:100%; margin:0 0 0 0;}
.con14_r{float:none; width:90%; margin:70px 5% 80px 5%; text-align:center;}
.con14_r img{ width:80%;}

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

.send_btn{float:none; text-align:center;  color:#ffffff; cursor:pointer; margin:0;margin-top:8px; margin-left:1px;}
.send_btn02{float:none; 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:none;}
.con15_btit_t{ display:none;}
.con15_btit02{ display:block;clear:both; width:100%; height: auto; margin:0 0 15px 0;  font-size:12px; color:#FFF;}
.con15_btit02 img{ width:100%;}
.con15_btit02_t{display:block;position:absolute; margin:3px 0 0 8px;}


.con15_conblock{clear:both; width:100%; height: auto; margin-bottom:17px; padding-bottom:12px; border-bottom:1px solid #d9d9d9;}
.con15_con{ clear:both; float:none; width:90%; margin-left:5%;}
.con15_con_pblock{width:100%; height:100%; float:none;}
.con15_con_p{ margin:0 auto 1px auto; padding:0;     
display: block; vertical-align:middle;/*非IE的主流浏览器识别的垂直居中的方法*/     
text-align:center;/*设置水平居中*/     
 /* 针对IE的Hack */      
*display: block;     
*font-size: 175px; /*约为高度的0.873，200*0.873 约为175*/    
*font-family:Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/           
width:99%; height:100%;  border:1px solid #d4d4d4;}
.con15_con_p img{
 vertical-align: middle;/*设置图片垂直居中*/   
 text-align:center; 
max-height:100%; max-width:100%;/* 非IE6下的等比缩放 */     
width:height:expression(this.height >250 && this.width <= this.height ? 250:true);;        
height:expression(this.height >250 && this.width <= this.height ? 250:true);
/* IE6下的等比缩放，注意expression其实是运行了一个js程序，所以如果图片很多的话会引起cpu占用率高 */  
}
.con15_con_block{ float:none; width:100%; margin-left:0; 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:none; width:90%; height: auto; margin:0 5% 0 5%; padding:30px 0 30px 0; text-align:center; border-left:none;border-top:2px solid #d4d4d4; 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;}


.jcarousel-control-prev {left:0px;}
.jcarousel-control-next  {right:0px;}

/*-----share_add----*/
.con16{ clear:both; width:100%; margin:0 auto; padding:29px 0 0 0;}
.con17{ clear:both; width:90%; margin:0 auto; padding:0; margin-bottom:100px;}


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