/*  set  */
body
{
	font-size: 18px;
	margin: 0px;
	text-decoration: none;
	line-height: 165%;
	text-align: left;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#807f7f;
	
	
}
a{
 color:#000000;
 text-decoration:none;
}
button{
outline:none;
}
/* 解決符動的CLEARFIX */
.cssfix:before, .cssfix:after { 
   content: "";
   display: table; 
}
.cssfix:after {
   clear: both; 
}
.cssfix { 
   zoom: 1; /* IE6&7 */ 
}
/*common set*/
ul{
		padding:0;
		margin:0;
		list-style:none;
		}
input,submit,textarea,button,select{
	font-size: 18px;
	

}
/*common*/
#main{
	width:1034px;
	margin:0 auto;
	background-color:#342c2a;
}
#head{
	height:150px;
	width:1034px;
}
#a_menu{
	background-color:#5d5654;
	height:50px;
	width:1034px;
}
	#slogan{
	float:left;
	color:#ffffff;
	line-height:50px;
	font-size:17px;
	margin-left:35px;
}
	#menu_list{
		width:550px;
		height:50px;
		
		float:right;
	}
	.liclass a{
		display:block;
		width:110px;
		height:50px;
		color:#FFFFFF;
		float:left;
		line-height:50px;
		font-size:20px;
		text-align:center;

	}
	.liline{
	color:#ffffff;
	float:left;
	width:20px;
	text-align:center;
	line-height:50px;
		font-size:20px;

}
#content_index{
	width:1034px;
	min-height:600px;
	/*background-color:#eef8ff;*/
	background-color:#ffffff;
}
#content{
	width:1034px;
	min-height:700px;
	/*background-color:#eef8ff;*/
	background-color:#ffffff;
}
	#b_menu{
		width:230px;
		float:left;
		padding:10px;
		display:block;
		margin-top:20px;
		margin-left:15px;
		
	}
	.product_kind a{
		display:block;
		width:200px;
		height:40px;
		line-height:40px;
		margin-left:10px;
		margin-top:10px;
		margin-bottom:10px;
		background-color:#342c2a;
		color:#FFFFFF;
		text-decoration:none;
		text-align:center;
		}
	.product_kind a:hover{
		
		color:#ffffff;	
		text-decoration:none;
		background-color:#5d5654;
	}
	.product_kind a:visited{
		
	
		text-decoration:none;
	}
		.sub_kind{
			color:#342c2a;
			border-bottom:#666666 1px dotted;
			width:200px;
			height:30px;
			text-align:left;
		
		}
		/**滑出**/
		.p123 {
		
		top:-60px;
		display:none;	
		-webkit-transition: top 2s;
        -moz-transition: top 2s;
		-o-transition: top 2s;
		transition: top 2s;
		}
		
		.sclick{
		display:block;
		top:0px;
		
		
		-webkit-transition: top 2s;
        -moz-transition: top 2s;
		-o-transition: top 2s;
		transition: top 2s;
		
		}
	#c_area{
		width:760px;
		min-height:700px;
		float:left;
		display:block;
		
	}
	#c_area_about{
		width:980px;
		min-height:700px;
		float:left;
		display:block;
		padding-left:30px;
		padding-right:30px;
		
	}
		#page_title{
			width:770px;
			font-size:70px;
			font-weight:bolder;
			color:#858382;
			display:block;
			height:100px;
			line-height:100px;
			letter-spacing:5px;
			text-align:left;
			margin-top:20px;
			/*border-bottom:#CCCCCC 1px solid;*/
			
		}
			.page_sub{
	font-size:60px;
	color:#e3e0df;
	letter-spacing: 0px;
			
			
			}
		#c_detail{
			margin-top:35px;
			
		}
#dcopyright{
	width:1001px;
	font-size:14px;
	margin:0 auto;
	height:120px;
	background-color:#342c2a;
	color:#FFFFFF;
	padding:10px;
	padding-left:25px;

}
.copywords{
	color:#BAACA7;
}
.company1{
	font-size:20px;
	letter-spacing:1px;
}
.company2{
	font-size:20px;
		letter-spacing:1px;
	color:#BAACA7;

}

/*product*/
		.set_bg a{
			display:block;
			float:left;
			width:240px;
			margin-bottom:20px;
			margin-right:10px;
			color:#333333;
			font-size:16px;
			line-height:20px;
			table-layout: fixed;
			word-wrap: break-word;
			overflow:hidden;
			text-decoration:none;
			
			
		}
		.set_bg img{
			border:0px;
		}
		.set_bg a:hover{
			color:#0099FF;
			text-decoration:none;
		}
		.product_up{
			position:relative;
			width:737px;
			margin:0 auto 10px;;
			border-bottom:#cccccc dotted 1px;
		}
		.product_left{
			width:700px;
			
			
		}
		.product_page_title{
	font-size:35px;
	line-height:35px;
	padding-bottom: 20px;
		}
		.other_pics_cover{
			width:100%;
			
		}
		.main_pic{
		
		width:700px;
		display:block;
	
		}
		.main_pic img{
		MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 680 ? "680px" : this.width)!important;
		border:#cccccc 1px solid;
		}
		.other_pics{
		width:700px;
		height:auto;
		display:block;
		
		
		margin-bottom:35px;
			
		}
		.other_pics_content{
			margin-bottom:30px;
		}
		.product_detail_content{
	position:relative;
	width:700px;
	display:block;
	padding-left:5px;
	word-break: break-all;
	margin-bottom: 50px;
	margin-top:30px;
			
		}
		.other_pics img{ 
		MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 680 ? "680px" : this.width)!important;
		border:#cccccc 1px solid;
		} 
		
		.product_down {
			position:relative;
			width:737px;
			height:100px;
			margin:0 auto;
			margin-bottom:20px;
			
		
		}
			.backs a{
				display:block;
				width:150px;
				height:30px;
				text-align:center;
				background-color:#cccccc;
				color:#FFFFFF;
				float:left;
				margin-top:10px;
				text-decoration:none;
				font-size:15px;
				line-height:30px;
				
			}
			.backs a:hover{
				color:#FFFFFF;
				background-color:#999999;
			}
			.download01 a{
				display:block;
				width:150px;
				height:30px;
				text-align:center;
				background-color:#99CC66;
				color:#FFFFFF;
				float:left;
				margin-top:10px;
				text-decoration:none;
				font-size:15px;
				line-height:30px;
				
			}
			.download01 a:hover{
				color:#FFFFFF;
				background-color:#999999;
			}
			.download02 a{
				display:block;
				width:150px;
				height:30px;
				text-align:center;
				background-color:#FFCC33;
				
				color:#FFFFFF;
				float:left;
				margin-top:10px;
				text-decoration:none;
				font-size:15px;
				line-height:30px;
				
			}
			.download02 a:hover{
				color:#FFFFFF;
				background-color:#999999;
			}

/*work*/
.set_bg_work a{
			display:block;
			float:left;
			width:370px;
			margin-bottom:20px;
			margin-right:10px;
			color:#333333;
			font-size:20px;
			
			line-height:20px;
			table-layout: fixed;
			word-wrap: break-word;
			overflow:hidden;
			text-decoration:none;
			
			
		}
		.set_bg_work img{
			border:0px;
		}
		.set_bg_work a:hover{
			color:#0099FF;
			text-decoration:none;
		}
/*download*/
.set_bg_download a{
			display:block;
			float:left;
			margin-bottom:20px;
			margin-right:10px;
			color:#333333;
			font-size:20px;
			line-height:20px;
			word-wrap: break-word;
			overflow:hidden;
			text-decoration:none;
			min-width:200px;
			
		}
		
		.set_bg_download a:hover{
			color:#0099FF;
			text-decoration:none;
		}
/*contact*/
#c_map{
	text-align:center;
	padding-bottom:50px;
}
/*page*/
#page_type{
	margin:0; /*就不會退縮*/
	padding:0; /*就不會退縮*/
	list-style: none;/*這個就不會有圓點*/
	width:100%;
	text-align:center;
	display:block;
}
#page_type li a{
	display:block;
	border:#333333 1px solid;
	color:#333333;
	text-decoration:none;
	font-size:16px;
	width:20px;
	float:left;
	line-height:20px;
	margin-right:10px;
}
#page_type li.now{
	display:block;
	color:#ffffff;
	background-color:#cccccc;
	text-decoration:none;
	font-size:16px;
	width:22px;
	float:left;
	line-height:20px;
	margin-right:10px;
}


/*text css*/
.textred01{
	color:#fe0101;
	
}
.text12gray
{
	FONT-SIZE: 12px;
	COLOR: #666666;
	LINE-HEIGHT: 165%;
	FONT-STYLE: normal;

}
.text12gray A:link
{
    COLOR: #666666;
    TEXT-DECORATION: none
}
.text12gray A:visited
{
    COLOR: #666666;
    TEXT-DECORATION: none
}
.text12gray A:hover
{
    COLOR: #333333;
    TEXT-DECORATION: underline
}
.text14blue
{
	FONT-SIZE: 14px;
	COLOR: #0066CC;
	LINE-HEIGHT: 165%;
	FONT-STYLE: normal;

}
.text14blue A:link
{
    COLOR: #0066CC;
    TEXT-DECORATION: none
}
.text14blue A:visited
{
    COLOR: #0066CC;
    TEXT-DECORATION: none
}
.text14blue A:hover
{
    COLOR: #0066CC;
    TEXT-DECORATION: underline;
}
.text17
{
    FONT-SIZE: 17px;
    COLOR: #333333;
    LINE-HEIGHT: 165%;
    FONT-STYLE: normal;
}
.text17 A:link
{
    COLOR: #333333;
    TEXT-DECORATION: none;
}
.text17 A:visited
{
    COLOR: #333333;
    TEXT-DECORATION: none;
}
.text17 A:hover
{
    COLOR: #FF0000;
    TEXT-DECORATION: underline;
}
.txtPrice17Sred
{
	FONT-SIZE: 17px;
	COLOR: #FF0000;
	LINE-HEIGHT: 120%;
	FONT-STYLE: normal;
	font-weight: bolder;
}
.txt_title_m
{
	FONT-SIZE: 30px;
	COLOR: #99CCFF;
	LINE-HEIGHT: 120%;
	FONT-STYLE: normal;
	font-weight: bolder;
}
.txt_title_m2
{
	FONT-SIZE: 30px;
	color:#CCCCCC;
	LINE-HEIGHT: 120%;
	FONT-STYLE: normal;
	font-weight: bolder;
}
.txt_title
{
	FONT-SIZE: 40px;
	COLOR: #99CCCC;
	LINE-HEIGHT: 120%;
	FONT-STYLE: normal;
	font-weight: bolder;
}
.login_submit{
	font-size:18px;
	color:#ffffff;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#99CCFF;
	display:block;
	border-radius:10px;/*圓角*/
	box-shadow:2px 4px 5px -2px #999999;	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
}
.t15ffffff{
	font-size:15px;
	color:#FFffff;
	line-height:120%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t15000000{
 font-size:15px;
 color:#333333;
 FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t15000000 a{
 text-decoration:none;
 color:#333333;
}
.t15000000 a:hover{
 
 color:#ff0000;
}
.t18ff0000{
	font-size:18px;
	color:#FF0000;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t18ff0000 a{
	text-decoration:none;
	color:#FF0000;
}
.t18ff0000 a:hover{
	
	color:#669900;
	
}
.t18996600{
	font-size:18px;
	color:#996600;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t1800CCFF{
	font-size:18px;
	color:#00CCFF;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t1800CCFF a{
	text-decoration:none;
	color:#00CCFF;
}
.t1800CCFF a:hover{
	
	color:#669900;
	
}
.t18ffffff{
	font-size:18px;
	color:#FFffff;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t18ffffff a{
	color:#FFffff;
	text-decoration:none;
}
.t18ffffff a:hover{
	color:#FFffff;
	text-decoration:none;
}
.t18ffffff a:visited{
	color:#FFffff;
	text-decoration:none;
}
.t18ffffffw{
	font-size:18px;
	color:#FFffff;
	line-height:200%;
	letter-spacing:2px;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t18ffffffw a{
	color:#FFffff;
	text-decoration:none;
}
.t18ffffffw a:hover{
	color:#FFffff;
	text-decoration:none;
}
.t18ffffffw a:visited{
	color:#FFffff;
	text-decoration:none;
}
.t18333333{
	font-size:18px;
	color:#333333;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t20333333{
	font-size:20px;
	color:#333333;
	line-height:100%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t30333333{
	font-size:30px;
	color:#333333;
	line-height:120%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t20ffffff{
	font-size:25px;
	color:#FFffff;
	line-height:100%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t30ffffff{
	font-size:30px;
	color:#FFffff;
	line-height:100%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t35ffffff{
	font-size:35px;
	color:#FFffff;
	line-height:100%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.box_gray{
	font-size:20px;
	color:#ffffff;
	line-height:160%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#666666;
	display:block;
	border-radius:10px;/*圓角*/
	box-shadow:2px 4px 5px -2px #999999;	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	outline:none;
}
.button_del{
	font-size:18px;
	color:#ffffff;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	outline:none;
	background-color:#FF99CC;
	display:block;
	border-radius:10px;/*圓角*/
	box-shadow:2px 4px 5px -2px #999999;	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
}
.button_del_b{
	font-size:18px;
	color:#000000;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	outline:none;
	background-color:#FF99CC;
	display:block;
	border-radius:10px;/*圓角*/
	box-shadow:2px 4px 5px -2px #999999;	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
}
.button_add{
	font-size:18px;
	color:#ffffff;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#99CCFF;
	display:block;
	border-radius:10px;/*圓角*/
	box-shadow:2px 4px 5px -2px #999999;	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
	outline:none;
}

.button_add_b{
	font-size:18px;
	color:#000000;
	line-height:120%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#99CCFF;
	display:block;
	border-radius:10px;/*圓角*/
	box-shadow:2px 4px 5px -2px #999999;	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
	outline:none;
}
.button_edit{
	font-size:18px;
	color:#ffffff;
	outline:none;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#99CC00;
	display:block;
	border-radius:10px;/*圓角*/
	box-shadow:2px 4px 5px -2px #999999;	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;

}
.button_gray{
	font-size:18px;
	color:#ffffff;
	
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#666666;
	display:block;
	border-radius:10px;/*圓角*/
	box-shadow:2px 4px 5px -2px #999999;	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
	outline:none;
}
.button_red{
	font-size:18px;
	color:#ffffff;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#993333;
	display:block;
	border-radius:10px;/*圓角*/
	box-shadow:2px 4px 5px -2px #999999;	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
	outline:none;
}
