@charset "utf-8";
/* 簡單流變媒體
   注意: 流變媒體要求您必須移除 HTML 中媒體的高度和寬度屬性
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img {
	width:100%;
}

body{
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}

a:active,
a:visited,
a:hover {
  outline: 0;
  text-decoration:none;
}

.full_screen{
	margin-left: auto;
	margin-right: auto;
	width:100%;
}

.brands{
	float: left;
	height: auto;
	width: 100%;
	min-height: 100%;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/brands_bg.jpg);
	padding:50px 0 50px 0;
}

.footer_copyright{
	float:left;
	width:100%;
	padding:10px 0 10px 0;
	background-color:#000;
	color:#FFF;
	font-size:0.8em;
	text-align:center;
}
.page_path{
	float:right;
	width:100%;
	text-align:right;
	margin:0 0 0 0;
	padding:30px 5px 30px 0;
	font-size:0.6em;
	letter-spacing:1px;
	color:#999;
}

.page_content{
	float:left;
	width:100%;
	margin:20px 0 20px 0;
}
	.page_content span{
		font-size:1.2em;
		font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
	}
.page_content_pagenumber{
	float:left;
	width:100%;
	margin:50px 0 20px 0;
	text-align:center;
}
.news_time{
	float:right;
	width:100%;
	margin:0 0 20px 0;
	padding:0 20px 10px 0;
	font-size:0.8em;
	color:#999;
	text-align:right;
	border-bottom:1px solid #f0f0f0;
}


	.news_back{
		float:left;
		width:100%;
		text-align:center;
		margin:0 0 10xp 0;
		padding:30px 0 0 75%;
	}
		.news_back_button{
			width:100px;
			padding:10px 15px 10px 15px;
			background-color:#fff;
			color:#999;
			border:1px solid #999;
			font-size:0.8em;
		}
			.news_back_button:hover{
				background-color:#f60;
				color:#fff;
				border:1px solid #fff;
			}
			

.pro_tag{
	font-size:1em;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}

/*
	Dreamweaver 流變格線屬性
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	靈感來自於 Ethan Marcotte 的「具回應功能的網頁設計」 
	http://www.alistapart.com/articles/responsive-web-design
	
	以及 Joni Korpi 的「黃金格線系統」
	http://goldengridsystem.com/
*/

/* 行動版面: 480px 以下。 */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.top_field{
	float:left;
	width:100%;
	margin:10px 0 10px 0;
}
	.top_field_logo{
		float:left;
		width:100%;
		margin:0 0 10px 0;
		text-align:center;
	}
		.top_field_logo_img{
			float:left;
			width:100%;
			margin:0 0 5px 0;
		}
			.top_field_logo_img img{
				width:100%;
				max-width:420px;
			}
		.top_field_logo_text{
			float:left;
			width:100%;
			text-align:center;
			font-size:0.8em;
			color:#666;
		}
	.top_field_right{
		float:right;
		width:100%;
		padding: 8px 0 8px 0;
		text-align:center;
	}
		.top_field_right_search{
			width:100%;
			margin:0 0 5px 0;
		}
		.top_field_right_menu{
			width:80%;
			margin:15px 0 0 10%;
			background-color:#ededed;
		}
		
.index_about{
	width:100%;
}	
	.index_about_img{
		margin:0;
	}	
		.index_about_img img{
			width:100%;
			max-width:600px;
		}	
	.index_about_title{
		text-align:center;
		font-size:1.8em;
		margin:8px 0 3px 0;
		color:#666;
	}
	.index_about_content{
		font-size:1em;
		letter-spacing:1.5px;
		color:#000;
	}	
	.index_about_button{
		float: inherit;
		width:100%;
		margin:18px 0 25px 0;
		text-align:right;
		font-size:0.8em;
		color:#f60;
	}
		.index_about_button a{
			color:#f60;
			text-decoration:none;
		}
		.index_about_button a:hover{
			color:#06F;
			text-decoration: underline;
		}
			
	.index_pro_title{
		text-align:center;
		font-size:1.8em;
		margin:10px 0 10px 0;
		color:#f60;
	}
	.index_pro_introduce{
		text-align:center;
		font-size:1em;
		margin:10px 0 10px 0;
		color:#000;
	}
	
.index_pro_text{
	float:left;
	width:100%;
	height:auto;
	margin:0 0 15px 0;
	border:1px solid #ddd;
	background-color:#FFF;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.index_pro_text_name{
		float:left;
		width:100%;
		font-size:1.3em;
		font-weight:bold;
		letter-spacing:1px;
		color:#333;
		background-color:#9CC;
		text-align:center;
		padding:8px 0 8px 0;
		border-bottom:1px solid #666;		
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.index_pro_text_information{
		float:left;
		width:100%;
		height:6.2em;
		font-size:1em;
		color:#999;
		padding:4px 8px 4px 8px;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		
	}
	.index_pro_text_button{
		float:left;
		width:20%;
		margin:10px 40% 5px 40%;
		padding:5px 20px 5px 20px;
		font-size:0.6em;
		background-color:#f60;
		color:#fff;
	}
	.index_pro_text_button:hover{
		float:left;
		width:20%;
		margin:10px 40% 5px 40%;
		padding:5px 20px 5px 20px;
		font-size:0.6em;
		background-color:#FFF;
		color:#f60;
	}

.brands_title{
	float:left;
	width:95%;
	margin:10px 0 10px 5%;
	font-size:2em;
	font-weight:bold;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
	color:#FFF;
}
.brands_content{
	float:left;
	width:100%;
	margin:10px 0 10px 0;
}
	.brands_content_img{
		float:left;
		width:96%;
		margin:8px 2% 8px 2%;
	}
	.brands_content_img img {
		width:100%;
		height:auto;
		border:1px solid #999;
	}
	
.page_title_bg{
	float:left;
	width:100%;
	background-color:#000;
	margin:0 0 0 0;
}
	.page_title_bg_img{
		float:left;
		width:100%;
		height:auto;
		z-index:0;
		text-align:right;
	}
		.page_title_bg_img img{
			width:100%;
		}
	.page_title_bg_title{
		float:left;
		width:100%;
		font-size:2em;
		color:#fff;
		margin:-25% 0 0 0;
		padding:10px 0 10px 10%;
		text-align:center;
	}
	.page_title_bg_text{
		float:left;
		width:100%;
		font-size:1em;
		color:#fff;
		margin:-16% 0 0 0;
		padding:10px 0 10px 10%;
		text-align:center;
	}					

.page_content_about{
	float:left;
	width:100%;
	font-size:1em;
	letter-spacing:0px;
	color:#000;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}	
	.page_content_about p{
		text-indent : 2em;
	}
	.page_content_about img{
		width:90%;
		max-width:600px;
		text-align:center;
	}
	
.certificate_project{
	float:left;
	width:98%;
	margin:20px 1%;
	padding:8px;
	background-color:#FFF;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.certificate_project_img{
		float:left;
		width:100%;
		text-align:center;
		border:1px solid #DEDEDE;
	}
		.certificate_project_img img{
			width:100%;
			max-width:450px;
			_width:expression(this.width > 450 ? "450px" : this.width);
			max-height:675px;
			_height:expression(this.height > 675 ? "675px" : this.height);
		}
	.certificate_project_title{
		float:left;
		width:100%;
		padding:10px 0;
		text-align:center;
		background-color:#A9A9A9;
		border-top:1px dashed #F0F0F0;
		font-size:0.8em;
		color:#FFF;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}		
	
.news_content{
	float:left;
	width:100%;
	margin:10px 0 10px 0;
	padding:20px;
	background-color:#f0f0f0;
	border:1px solid #fff;	
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
.news_content:hover{
	background-color:#FFF;
	border:1px solid #aaa;		
}
	.news_content_img{
		float:left;
		width:100%;
		margin:0 0 20px 0;
		padding:10px 0 10px 0;
		text-align:center;	
	}
		.news_content_img img{
			vertical-align:middle;
			max-width:280px;
			_width:expression(this.width > 280 ? "280px" : this.width);
			max-height:200px;
			_height:expression(this.height > 200 ? "200px" : this.height);
		}
	.news_content_r{
		float:left;
		width:100%;
		height: auto;
		padding:20px 0 0 0;
		border-left:0px solid #ddd;
		border-top:1px solid #ddd;
	}
		.news_content_r_title{
			float:left;
			width:98%;
			border-left:5px solid #f60;
			margin:10px 0 10px 0;
			padding:5px 0 5px 20px;
			font-size:1.5em;
			color:#000;
		}
		.news_content_r_time{
			float:right;
			width:100%;
			font-size:0.8em;
			color:#aaa;
			text-align:right;
			padding:0 10px 10px 0;
		}
		.news_content_r_text{
			float:right;
			width:100%;
			font-size:1em;
			line-height:24px;
			padding:0 15px 0 15px;
			color:#000;
		}
.page_content_news{
	float:left;
	width:100%;
	font-size:1em;
	letter-spacing:0px;
	color:#000;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}	
	.page_content_news p{
		text-indent : 2em;
	}
	.page_content_news img{
		width:90%;
		text-align:center;
	}

.page_content_contact{
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.contact_l{
		float:left;
		width:100%;
		margin:0 0 0 0;
		padding:0 0 20px 0;
		border-right:0px solid #f0f0f0;
		border-bottom:1px solid #f0f0f0;
	}
	.contact_r{
		float:left;
		width:100%;
		margin:0 0 0 0;
		padding:10px 0 0 0;
		font-size:1em;
	}
		.contact_information{
			float:left;
			width:100%;
			margin:0 0 20px 0;
			padding:3px 0 3px 20px;
			border-left:4px solid #f60;
			font-size:1.5em;
			font-weight:bold;
		}
		
.page_content_protuct{
	float:left;
	width:100%;
	margin:30px 0 30px 0;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.product_big{
		float:left;
		width:98%;
		margin:0 1% 20px 1%;
		border:1px solid #aaa;
	}
		.product_big_img{
			float:left;
			width:100%;
		}	
			.product_big_img img{
				vertical-align:middle;
				width:100%;
				max-width:600px;
				_width:expression(this.width > 600 ? "600px" : this.width);
				max-height:400px;
				_height:expression(this.height > 400 ? "400px" : this.height);
			}
		.product_big_title{
			float:left;
			width:100%;
			padding:10px 0 10px 0;
			border-top:2px dashed #f0f0f0;
			text-align:center;
			font-size:1.5em;
			background-color:#98cbcb;
		}
		.product_big_introduce{
			float:left;
			width:100%;
			padding:15px 8px 15px 8px;
			background-color:#eee;
			font-size:1.1em;
		}
		.product_big_button{
			float:left;
			width:100%;
			padding:20px 0 10px 0;
			background-color:#eee;
			text-align:center;
			color:#f60;
			font-size:1em;
			font-weight:bold;
		}
			.product_big_button a{
				color:#f60;
				text-decoration:none;
			}
			.product_big_button a:hover{
				color:#06f;
				text-decoration: underline;
			}
	
	.product_title{
		float:left;
		width:97%;
		margin:0 1% 20px 1%;
		border:5px solid #f0f0f0;
	}
	.product_title:hover{
		border:5px solid #f60;
	}
		.product_title_img{
			float:left;
			width:100%;
		}
			.product_title_img img{
				vertical-align:middle;
				width:100%;
				max-width:600px;
				_width:expression(this.width > 600 ? "600px" : this.width);
				max-height:400px;
				_height:expression(this.height > 400 ? "400px" : this.height);
			}
		.product_title_name{
			float:left;
			width:100%;
			padding:10px 0 10px 0;
			text-align:center;
			font-size:1.1em;
			background-color:#aaa;
			color:#fff;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.product_title_number{
			float:left;
			width:100%;
			height:35px;
			padding:8px 0;
			text-align:center;
			font-size:1em;
			color:#333;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		
	.pro_project_introduce{
		float:left;
		width:100%;
		margin:0 0 20px 0;
	}
		.pro_project_introduce_img{
			float:left;
			width:90%;
			margin:0 5% 10px 5%;
			background-color:#f0f0f0;
			padding:3px 3px 8px 3px;
		}
			.pro_project_introduce_img img{
				width:100%;
			}
		.pro_project_introduce_specification{
			float:left;
			width:98%;
		}
			.pro_project_introduce_specification_form{
				float:left;
				width:100%;
				padding:8px 0 8px 0;
				font-size:1.1em;
			}
				.specification_form_number{
					float:left;
					width:100%;
					text-align:center;
					font-size:1.8em;
					font-weight:bold;
				}
				.specification_form{
					float:left;
					width:100%;
					padding-left:8px;
					font-size:1em;
				}
				.specification_form_l{
					float:left;
					width:100%;
					font-weight:bold;
					padding-left:8px;
				}
				.specification_form_r{
					float:left;
					width:100%;
					padding-left:8px;
					color:#666;
				}
			.pro_project_introduce_specification_button{
				float:left;
				width:100%;
				padding:15px 0 8px 0;
				text-align:center;
			}
				.specification_button{
					float:left;
					width:40%;
					margin:0 5% 0 5%; 
					text-align:center;					
				}
					.specification_button_button{
						width:80px;
						padding:8px 15px 8px 15px;
						text-align:center;
						background-color:#f60;
						color:#fff;
						font-size:1em;
					}
						.specification_button_button:hover{
							background-color:#FFF;
							color:#f60;
						}
					.specification_button_button2{
						width:120px;
						padding:8px 15px 8px 15px;
						text-align:center;
						background-color:#f60;
						color:#fff;
						font-size:1em;
					}
						.specification_button_button2:hover{
							background-color:#FFF;
							color:#f60;
						}
					
	.pro_project_instructions{
		float:left;
		width:100%;
		margin:20px 0 20px 0;
	}
		.pro_project_instructions_title{
			float:left;
			width:98%;
			padding:3px 0 0 15px;
			border-left:6px solid #333;
			color:#F60;
			font-size:1.4em;
			font-weight:bold;
		}
		.pro_project_instructions_content{
			float:left;
			width:98%;
			margin:20px 0 0 0;
		}
			.pro_project_instructions_content_from{
				float:left;
				width:98%;
				margin:10px 1% 10px 1%;
			}	
			.pro_table_1{
				float:left;
				width:98%;
				margin:0 1% 20px 1%;
				text-align:center;
				border-right:0px solid #f0f0f0;
				font-size:1em;
			}
			.pro_table_r{
				float:left;
				width:98%;
				margin:0 1% 0 1%;
			}
				.pro_table_r_from{
					float:left;
					width:100%;
					padding:12px 0 12px 0;
					font-size:0.8em;
					text-align:center;
					border-bottom:1px solid #aaa;
				}
					.pro_table_r_from_l{
						float:left;
						width:20%;
					}
					.pro_table_r_from_m{
						float:left;
						width:40%;
					}
					.pro_table_r_from_r{
						float:left;
						width:40%;
					}
.pro_otherproducts_title{
	float:left;
	width:100%;
	text-align:center;
	padding:30px 0 30px 0;
	font-size:2em;
	font-weight:bold;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;	
}
.pro_otherproducts_content{
	float:left;
	width:100%;
	padding:10px 0 30px 0;
}
	.pro_otherproducts_content_pro{
		float:left;
		width:48%;
		margin:0 1% 10px 1%; 
		border:2px solid #aaa;
	}
	.pro_otherproducts_content_pro:hover{
		border:2px solid #F60;
	}
		.pro_otherproducts_content_pro_img{
			float:left;
			width:100%;
			background-color:#FFF;
		}
			.pro_otherproducts_content_pro_img img{
				vertical-align:middle;
				width:100%;
				max-width:600px;
				_width:expression(this.width > 600 ? "600px" : this.width);
				max-height:400px;
				_height:expression(this.height > 400 ? "400px" : this.height);
			}
		.pro_otherproducts_content_pro_name{
			float:left;
			width:100%;
			padding:10px 0 10px 0;
			text-align:center;
			font-size:1em;
			border-top:1px dashed #fff;
			background-color:#999;
			color:#fff;
		}
	.pro_otherproducts_button{
		float:left;
		width:100%;
		padding:20px 40% 0 40%;
		text-align:center;
	}
		.pro_otherproducts_button_button{
			width:75px;
			padding:8px 15px 8px 15px;
			font-size:1em;
			background-color:#97caca;
			color:#fff;
			-webkit-border-radius: 6px;/*chrom*/
 			-moz-broder-radius: 6px;/*Firefox*/
			-o-border-radius: 6px; /*Opera*/
			-ms-border-radius: 6px; /*IE*/
			border-radius: 6px;
		}
			.pro_otherproducts_button_button:hover{
				background-color:#f60;
			}
					

.footer{
	float:left;
	width:100%;
	padding:50px 0 50px 0;
	background-color:#f60;
	color:#fff;		
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.footer_l{
		float:left;
		width:98%;
		margin:0 1% 20px 0;
		padding:0 0 30px 0;
		border-right:0px solid #df5900;
		border-bottom:1px solid #df5900;
	}
		.footer_l_pro{
			float:left;
			width:44%;
			margin:0 3% 0 3%;
		}
			.footer_l_pro_title{
				margin: 0 0 10px 0;
				padding:4px 0 4px 10px;
				border-left: 4px solid #333;
				font-size:1.5em;
				color:#333;
			}
				.footer_l_pro_title a{
					color:#333;
				}
				.footer_l_pro_title a:hover{
					color: #33C;
				}
			.footer_l_pro_name{
				float:left;
				width:95%;
				padding:4px 0 4px 15px;
				font-size:1.1em;
			}
				.footer_l_pro_name a{
					color:#fff;
				}

	.footer_r{
		float:left;
		width:98%;
		margin:0 1% 0 1%;
	}
		.footer_r_contact{
			float:left;
			width:98%;
			margin:0 1% 0 1%;
		}
			.footer_r_contact_title{
				margin: 0 0 10px 0;
				padding:4px 0 4px 10px;
				border-left: 4px solid #333;
				font-size:1.5em;
				color:#333;
			}
			.footer_r_contact_information{
				float:left;
				width:95%;
				padding:4px 0 4px 15px;
				font-size:1.1em;
			}
		.footer_r_map{
			float:left;
			width:100%;
			margin:20px 0 0 0;			
		}

@media only screen and (min-width: 321px) and (max-width: 680px) {		
.menu_img{
	display: none;
}

.index_news{
	float:left;
	width:100%;
	margin:30px 0 50px 0;
	padding:10px 0 10px 0;
}
	.index_news_text{
		float:left;
		width:100%;
		margin:0 0 20px 0;
		border-right:0px solid #ddd;
		border-bottom:1px solid #ddd;
	}
		.index_news_title{
			float:left;
			width:100%;
			text-align:center;
			font-size:2em;
			margin:35px 0 8px 0;
		}
		.index_news_introduce{
			float:left;
			width:100%;
			text-align:center;
			font-size:1em;
			color:#333;
			margin:8px 0 8px 0;
		}
		.index_news_button{
			float: inherit;
			width:100%;
			margin:18px 0 25px 0;
			text-align:center;
			font-size:0.8em;
			color:#f60;
		}
			.index_news_button a{
				color:#f60;
				text-decoration:none;
			}
			.index_news_button a:hover{
				color:#06F;
				text-decoration: underline;
			}
			
	.index_news_information{
		float:left;
		width:100%;
	}
		.index_news_content{
			float:left;
			width:98%;
			height:180px;
			margin:10px 1% 10px 1%;
			background-color:#f6f6f6;
		}
			.index_news_content_l{
				float:left;
				width:59%;
				margin:0 1% 0 0;
				padding:15px 8px 15px 8px;
			}
				.index_news_content_l_title{
					float:left;
					width:100%;
					margin:10px 5px 10px 5px;
					padding:0 0 0 8px;
					font-size:1.2em;
					color:#000;
					border-left:3px solid #f60;
				}
				.index_news_content_l_text{
					float:left;
					width:100%;
					margin:10px 5px 10px 5px;
					padding:0 10px 0 10px;
					font-size:0.9em;
					color:#666;
				}
			.index_news_content_r{
				float:left;
				width:40%;
			}
				.index_news_content_r_time{
					float:right;
					text-align:right;
					font-size:1em;
					color:#044;
					padding:8px 8px 8px 0;
				}
				.index_news_content_r_img{
					padding:8px;
					text-align:center;
				}
					.index_news_content_r_img img{
						width:90%;
						max-width:400px;
					}
}


/* 表格版面: 481px 到 768px。樣式繼承自: 行動版面。 */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.top_field{
	float:left;
	width:100%;
	margin:10px 0 10px 0;
}
	.top_field_logo{
		float:left;
		width:100%;
		margin:0 0 10px 0;
		text-align:center;
	}
		.top_field_logo_img{
			float:left;
			width:100%;
			margin:0 0 5px 0;
		}
			.top_field_logo_img img{
				width:100%;
				max-width:420px;
			}
		.top_field_logo_text{
			float:left;
			width:100%;
			text-align:center;
			font-size:0.8em;
			color:#666;
		}
	.top_field_right{
		float:right;
		width:100%;
		padding: 8px 0 8px 0;
		text-align:center;
	}
		.top_field_right_search{
			width:100%;
			margin:0 0 5px 0;
		}
		.top_field_right_menu{
			width:80%;
			margin:15px 0 0 10%;
			background-color:#ededed;
		}
		
.index_about{
	width:100%;
}
	.index_about_img{
		margin:0 0 15px 0;
	}	
		.index_about_img img{
			width:70%;
			max-width:600px;
		}		
	.index_about_title{
		text-align:center;
		font-size:2.5em;
		margin:5px 0 5px 0;
		color:#666;
	}
	.index_about_content{
		font-size:1.1em;
		letter-spacing:1.5px;
		color:#000;
	}	
	.index_about_button{
		float: inherit;
		width:100%;
		margin:18px 0 25px 0;
		text-align:right;
		font-size:0.8em;
		color:#f60;
	}
		.index_about_button a{
			color:#f60;
			text-decoration:none;
		}
		.index_about_button a:hover{
			color:#06F;
			text-decoration: underline;
		}
			
	.index_pro_title{
		text-align:center;
		font-size:2.5em;
		margin:10px 0 10px 0;
		color:#f60;
	}
	.index_pro_introduce{
		text-align:center;
		font-size:1em;
		margin:10px 0 10px 0;
		color:#000;
	}
	
.index_pro_text{
	float:left;
	width:100%;
	height:auto;
	margin:0 0 15px 0;
	border:1px solid #ddd;
	background-color:#FFF;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.index_pro_text_name{
		float:left;
		width:100%;
		font-size:1.3em;
		font-weight:bold;
		letter-spacing:1px;
		color:#333;
		background-color:#9CC;
		text-align:center;
		padding:8px 0 8px 0;
		border-bottom:1px solid #666;		
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.index_pro_text_information{
		float:left;
		width:100%;
		height:6.2em;
		font-size:1em;
		color:#999;
		padding:4px 8px 4px 8px;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		
	}
	.index_pro_text_button{
		float:left;
		width:20%;
		margin:10px 40% 5px 40%;
		padding:5px 15px 5px 15px;
		font-size:0.6em;
		background-color:#f60;
		color:#fff;
	}
	.index_pro_text_button:hover{
		float:left;
		width:20%;
		margin:10px 40% 5px 40%;
		padding:5px 15px 5px 15px;
		font-size:0.6em;
		background-color:#FFF;
		color:#f60;
	}
	
.brands_title{
	float:left;
	width:95%;
	margin:10px 0 10px 5%;
	font-size:2em;
	font-weight:bold;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
	color:#FFF;
}
.brands_content{
	float:left;
	width:100%;
	margin:10px 0 10px 0;
}
	.brands_content_img{
		float:left;
		width:31%;
		margin:8px 1% 8px 1%;
	}
	.brands_content_img img {
		width:100%;
		height:auto;
		border:1px solid #999;
	}
	
.index_news{
	float:left;
	width:100%;
	margin:30px 0 50px 0;
	padding:10px 0 10px 0;
}
	.index_news_text{
		float:left;
		width:100%;
		margin:0 0 20px 0;
		border-right:0px solid #ddd;
		border-bottom:1px solid #ddd;
	}
		.index_news_title{
			float:left;
			width:100%;
			text-align:center;
			font-size:2em;
			margin:35px 0 8px 0;
		}
		.index_news_introduce{
			float:left;
			width:100%;
			text-align:center;
			font-size:1em;
			color:#333;
			margin:8px 0 8px 0;
		}
		.index_news_button{
			float: inherit;
			width:100%;
			margin:18px 0 25px 0;
			text-align:center;
			font-size:0.8em;
			color:#f60;
		}
			.index_news_button a{
				color:#f60;
				text-decoration:none;
			}
			.index_news_button a:hover{
				color:#06F;
				text-decoration: underline;
			}
			
	.index_news_information{
		float:left;
		width:100%;
	}
		.index_news_content{
			float:left;
			width:48%;
			height:180px;
			margin:0 1% 0 1%;
			background-color:#f6f6f6;
		}
			.index_news_content_l{
				float:left;
				width:59%;
				margin:0 1% 0 0;
				padding:15px 8px 15px 8px;
			}
				.index_news_content_l_title{
					float:left;
					width:100%;
					margin:10px 5px 10px 5px;
					padding:0 0 0 8px;
					font-size:1.2em;
					color:#000;
					border-left:3px solid #f60;
				}
				.index_news_content_l_text{
					float:left;
					width:100%;
					margin:10px 5px 10px 5px;
					padding:0 10px 0 10px;
					font-size:0.8em;
					color:#666;
				}
			.index_news_content_r{
				float:left;
				width:40%;
			}
				.index_news_content_r_time{
					float:right;
					text-align:right;
					font-size:1em;
					color:#044;
					padding:8px 8px 8px 0;
				}
				.index_news_content_r_img{
					padding:8px;
					text-align:center;
				}
					.index_news_content_r_img img{
						width:90%;
						max-width:400px;
					}

.page_title_bg{
	float:left;
	width:100%;
	background-color:#000;
	margin:0 0 0 0;
}
	.page_title_bg_img{
		float:left;
		width:100%;
		height:auto;
		z-index:0;
		text-align:right;
	}
		.page_title_bg_img img{
			width:100%;
		}
	.page_title_bg_title{
		float:left;
		width:100%;
		font-size:2.5em;
		color:#fff;
		margin:-23% 0 0 0;
		padding:10px 0 10px 10%;
		text-align:left;
	}
	.page_title_bg_text{
		float:left;
		width:100%;
		font-size:1em;
		color:#fff;
		margin:-15% 0 0 0;
		padding:10px 0 10px 10%;
		text-align:left;
	}	

.page_content_about{
	float:left;
	width:100%;
	font-size:1.2em;
	letter-spacing:0.5px;
	color:#000;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}	
	.page_content_about p{
		text-indent : 2em;
	}
	.page_content_about img{
		width:90%;
		max-width:600px;
		text-align:center;
	}	

.certificate_project{
	float:left;
	width:48%;
	margin:20px 1%;
	padding:8px;
	background-color:#FFF;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.certificate_project_img{
		float:left;
		width:100%;
		text-align:center;
		border:1px solid #DEDEDE;
	}
		.certificate_project_img img{
			width:100%;
			max-width:450px;
			_width:expression(this.width > 450 ? "450px" : this.width);
			max-height:675px;
			_height:expression(this.height > 675 ? "675px" : this.height);
		}
	.certificate_project_title{
		float:left;
		width:100%;
		padding:10px 0;
		text-align:center;
		background-color:#A9A9A9;
		border-top:1px dashed #F0F0F0;
		font-size:0.8em;
		color:#FFF;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}				

.news_content{
	float:left;
	width:100%;
	margin:10px 0 10px 0;
	padding:20px;
	background-color:#f0f0f0;
	border:1px solid #fff;	
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
.news_content:hover{
	background-color:#FFF;
	border:1px solid #aaa;		
}
	.news_content_img{
		float:left;
		width:100%;
		margin:0 0 20px 0;
		padding:10px 0 10px 0;
		text-align:center;	
	}
		.news_content_img img{
			vertical-align:middle;
			max-width:600px;
			_width:expression(this.width > 600 ? "600px" : this.width);
			max-height:240px;
			_height:expression(this.height > 240 ? "240px" : this.height);
		}
	.news_content_r{
		float:left;
		width:100%;
		height: auto;
		padding:20px 0 0 0;
		border-left:0px solid #ddd;
		border-top:1px solid #ddd;
	}
		.news_content_r_title{
			float:left;
			width:98%;
			border-left:5px solid #f60;
			margin:10px 0 10px 0;
			padding:5px 0 5px 20px;
			font-size:1.6em;
			color:#000;
		}
		.news_content_r_time{
			float:right;
			width:100%;
			font-size:0.8em;
			color:#aaa;
			text-align:right;
			padding:0 10px 10px 0;
		}
		.news_content_r_text{
			float:right;
			width:100%;
			font-size:1.1em;
			line-height:24px;
			padding:0 15px 0 15px;
			color:#000;
		}
.page_content_news{
	float:left;
	width:100%;
	font-size:1.2em;
	letter-spacing:0.5px;
	color:#000;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}	
	.page_content_news p{
		text-indent : 2em;
	}
	.page_content_news img{
		width:90%;
		text-align:center;
	}
	
.page_content_contact{
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.contact_l{
		float:left;
		width:100%;
		margin:0 0 0 0;
		padding:0 0 20px 0;
		border-right:0px solid #f0f0f0;
		border-bottom:1px solid #f0f0f0;
	}
	.contact_r{
		float:left;
		width:100%;
		margin:0 0 0 0;
		padding:10px 0 0 0;
		font-size:1.1em;
	}
		.contact_information{
			float:left;
			width:100%;
			margin:0 0 20px 0;
			padding:3px 0 3px 20px;
			border-left:4px solid #f60;
			font-size:1.5em;
			font-weight:bold;
		}
		
.page_content_protuct{
	float:left;
	width:100%;
	margin:30px 0 30px 0;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.product_big{
		float:left;
		width:48%;
		margin:0 1% 20px 1%;
		border:1px solid #aaa;
	}
		.product_big_img{
			float:left;
			width:100%;
		}	
			.product_big_img img{
				vertical-align:middle;
				width:100%;
				max-width:600px;
				_width:expression(this.width > 600 ? "600px" : this.width);
				max-height:400px;
				_height:expression(this.height > 400 ? "400px" : this.height);
			}
		.product_big_title{
			float:left;
			width:100%;
			padding:10px 0 10px 0;
			border-top:2px dashed #f0f0f0;
			text-align:center;
			font-size:1.5em;
			background-color:#98cbcb;
		}
		.product_big_introduce{
			float:left;
			width:100%;
			padding:15px 8px 15px 8px;
			background-color:#eee;
			font-size:1.1em;
		}
		.product_big_button{
			float:left;
			width:100%;
			padding:20px 0 10px 0;
			background-color:#eee;
			text-align:center;
			color:#f60;
			font-size:1em;
			font-weight:bold;
		}
			.product_big_button a{
				color:#f60;
				text-decoration:none;
			}
			.product_big_button a:hover{
				color:#06f;
				text-decoration: underline;
			}
	
	.product_title{
		float:left;
		width:47%;
		margin:0 1% 20px 1%;
		border:5px solid #f0f0f0;
	}
	.product_title:hover{
		border:5px solid #f60;
	}
		.product_title_img{
			float:left;
			width:100%;
		}
			.product_title_img img{
				vertical-align:middle;
				width:100%;
				max-width:600px;
				_width:expression(this.width > 600 ? "600px" : this.width);
				max-height:400px;
				_height:expression(this.height > 400 ? "400px" : this.height);
			}
		.product_title_name{
			float:left;
			width:100%;
			padding:10px 0 10px 0;
			text-align:center;
			font-size:1.1em;
			background-color:#aaa;
			color:#fff;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.product_title_number{
			float:left;
			width:100%;
			height:35px;
			padding:8px 0;
			text-align:center;
			font-size:1em;
			color:#333;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		
	.pro_project_introduce{
		float:left;
		width:100%;
		margin:0 0 20px 0;
	}
		.pro_project_introduce_img{
			float:left;
			width:90%;
			margin:0 5% 10px 5%;
			background-color:#f0f0f0;
			padding:3px 3px 8px 3px;
		}
			.pro_project_introduce_img img{
				width:100%;
			}
		.pro_project_introduce_specification{
			float:left;
			width:98%;
		}
			.pro_project_introduce_specification_form{
				float:left;
				width:100%;
				padding:8px 0 8px 0;
				font-size:1.1em;
			}
				.specification_form_number{
					float:left;
					width:100%;
					text-align:center;
					font-size:1.8em;
					font-weight:bold;
				}
				.specification_form{
					float:left;
					width:100%;
					padding-left:8px;
					font-size:1em;
				}
				.specification_form_l{
					float:left;
					width:25%;
					font-weight:bold;
					padding-left:8px;
				}
				.specification_form_r{
					float:left;
					width:75%;
					padding-left:8px;
					color:#666;
				}
			.pro_project_introduce_specification_button{
				float:left;
				width:100%;
				padding:15px 0 8px 0;
				text-align:center;
			}
				.specification_button{
					float:left;
					width:20%;
					margin:0 15% 0 15%; 
					text-align:center;					
				}
					.specification_button_button{
						width:80px;
						padding:8px 15px 8px 15px;
						text-align:center;
						background-color:#f60;
						color:#fff;
						font-size:1em;
					}
						.specification_button_button:hover{
							background-color:#FFF;
							color:#f60;
						}
					.specification_button_button2{
						width:120px;
						padding:8px 15px 8px 15px;
						text-align:center;
						background-color:#f60;
						color:#fff;
						font-size:1em;
					}
						.specification_button_button2:hover{
							background-color:#FFF;
							color:#f60;
						}
						
	
	.pro_project_instructions{
		float:left;
		width:100%;
		margin:20px 0 20px 0;
	}
		.pro_project_instructions_title{
			float:left;
			width:98%;
			padding:3px 0 0 15px;
			border-left:6px solid #333;
			color:#F60;
			font-size:1.4em;
			font-weight:bold;
		}
		.pro_project_instructions_content{
			float:left;
			width:98%;
			margin:20px 0 0 0;
		}
			.pro_project_instructions_content_from{
				float:left;
				width:98%;
				margin:10px 1% 10px 1%;
			}
			.pro_table_1{
				float:left;
				width:98%;
				margin:0 1% 20px 1%;
				text-align:center;
				border-right:0px solid #f0f0f0;
				font-size:1.2em;
			}
			.pro_table_r{
				float:left;
				width:98%;
				margin:0 1% 0 1%;
			}
				.pro_table_r_from{
					float:left;
					width:100%;
					padding:12px 0 12px 0;
					font-size:1em;
					text-align:center;
					border-bottom:1px solid #aaa;
				}
					.pro_table_r_from_l{
						float:left;
						width:20%;
					}
					.pro_table_r_from_m{
						float:left;
						width:40%;
					}
					.pro_table_r_from_r{
						float:left;
						width:40%;
					}
.pro_otherproducts_title{
	float:left;
	width:100%;
	text-align:center;
	padding:30px 0 30px 0;
	font-size:2em;
	font-weight:bold;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;	
}
.pro_otherproducts_content{
	float:left;
	width:100%;
	padding:10px 0 30px 0;
}
	.pro_otherproducts_content_pro{
		float:left;
		width:31%;
		margin:0 1% 10px 1%; 
		border:2px solid #aaa;
	}
	.pro_otherproducts_content_pro:hover{
		border:2px solid #F60;
	}
		.pro_otherproducts_content_pro_img{
			float:left;
			width:100%;
			background-color:#FFF;
		}
			.pro_otherproducts_content_pro_img img{
				vertical-align:middle;
				width:100%;
				max-width:600px;
				_width:expression(this.width > 600 ? "600px" : this.width);
				max-height:400px;
				_height:expression(this.height > 400 ? "400px" : this.height);
			}
		.pro_otherproducts_content_pro_name{
			float:left;
			width:100%;
			padding:10px 0 10px 0;
			text-align:center;
			font-size:1em;
			border-top:1px dashed #fff;
			background-color:#999;
			color:#fff;
		}
	.pro_otherproducts_button{
		float:left;
		width:100%;
		padding:20px 44% 0 44%;
		text-align:center;
	}
		.pro_otherproducts_button_button{
			width:75px;
			padding:8px 15px 8px 15px;
			font-size:1em;
			background-color:#97caca;
			color:#fff;
			-webkit-border-radius: 6px;/*chrom*/
 			-moz-broder-radius: 6px;/*Firefox*/
			-o-border-radius: 6px; /*Opera*/
			-ms-border-radius: 6px; /*IE*/
			border-radius: 6px;
		}
			.pro_otherproducts_button_button:hover{
				background-color:#f60;
			}
	
					
.footer{
	float:left;
	width:100%;
	padding:50px 0 50px 0;
	background-color:#f60;
	color:#fff;		
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.footer_l{
		float:left;
		width:98%;
		margin:0 1% 20px 0;
		padding:0 0 30px 0;
		border-right:0px solid #df5900;
		border-bottom:1px solid #df5900;
	}
		.footer_l_pro{
			float:left;
			width:44%;
			margin:0 3% 0 3%;
		}
			.footer_l_pro_title{
				margin: 0 0 10px 0;
				padding:4px 0 4px 10px;
				border-left: 4px solid #333;
				font-size:1.5em;
				color:#333;
			}
				.footer_l_pro_title a{
					color:#333;
				}
				.footer_l_pro_title a:hover{
					color: #33C;
				}
			.footer_l_pro_name{
				float:left;
				width:95%;
				padding:4px 0 4px 15px;
				font-size:1.1em;
			}
				.footer_l_pro_name a{
					color:#fff;
				}

	.footer_r{
		float:left;
		width:98%;
		margin:0 1% 0 1%;
	}
		.footer_r_contact{
			float:left;
			width:53%;
			margin:0 2% 0 0;
		}
			.footer_r_contact_title{
				margin: 0 0 10px 0;
				padding:4px 0 4px 10px;
				border-left: 4px solid #333;
				font-size:1.5em;
				color:#333;
			}
			.footer_r_contact_information{
				float:left;
				width:95%;
				padding:4px 0 4px 15px;
				font-size:1.1em;
			}
		.footer_r_map{
			float:left;
			width:45%;
			margin:0 0 0 0;			
		}
}

/* 桌面版面: 769px 到最大 1024px。樣式繼承自: 行動版面和表格版面。 */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


.top_field{
	float:left;
	width:100%;
	margin:10px 0 10px 0;
}
	.top_field_logo{
		float:left;
		width:33%;
		margin:0 2% 0 0;
		text-align:left;
	}
		.top_field_logo_img{
			float:left;
			width:100%;
			margin:0 0 5px 0;
		}
			.top_field_logo_img img{
				width:100%;
				max-width:420px;
			}
		.top_field_logo_text{
			float:left;
			width:100%;
			text-align:left;
			font-size:0.8em;
			color:#666;
		}
	.top_field_right{
		float:right;
		width:65%;
		padding: 8px 0 8px 0;
		text-align:right;
	}
		.top_field_right_search{
			width:100%;
			margin:0 0 5px 0;
		}
		.top_field_right_menu{
			width:100%;
			margin:15px 0 0 10%;
			background-color:#fff;
		}
		
.index_about{
	width:100%;
}	
	.index_about_img{
		margin:0;
	}	
		.index_about_img img{
			width:100%;
			max-width:600px;
		}	
	.index_about_title{
		text-align:center;
		font-size:2em;
		margin:0 0 3px 0;
		color:#666;
	}
	.index_about_content{
		font-size:0.8em;
		letter-spacing:1.5px;
		color:#000;
	}	
	.index_about_button{
		float: inherit;
		width:100%;
		margin:18px 0 25px 0;
		text-align:right;
		font-size:0.8em;
		color:#f60;
	}
		.index_about_button a{
			color:#f60;
			text-decoration:none;
		}
		.index_about_button a:hover{
			color:#06F;
			text-decoration: underline;
		}
			
	.index_pro_title{
		text-align:center;
		font-size:3em;
		margin:10px 0 10px 0;
		color:#f60;
	}
	.index_pro_introduce{
		text-align:center;
		font-size:1.2em;
		margin:10px 0 10px 0;
		color:#000;
	}
	
.index_pro_text{
	float:left;
	width:100%;
	height:auto;
	margin:0 0 15px 0;
	border:1px solid #ddd;
	background-color:#FFF;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.index_pro_text_name{
		float:left;
		width:100%;
		font-size:1.3em;
		font-weight:bold;
		letter-spacing:1px;
		color:#333;
		background-color:#9CC;
		text-align:center;
		padding:8px 0 8px 0;
		border-bottom:1px solid #666;		
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.index_pro_text_information{
		float:left;
		width:100%;
		height:6.2em;
		font-size:1em;
		color:#999;
		padding:4px 8px 4px 8px;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		
	}
	.index_pro_text_button{
		float:left;
		width:20%;
		margin:10px 40% 5px 40%;
		padding:5px 15px 5px 15px;
		font-size:0.6em;
		background-color:#f60;
		color:#fff;
	}
	.index_pro_text_button:hover{
		float:left;
		width:20%;
		margin:10px 40% 5px 40%;
		padding:5px 15px 5px 15px;
		font-size:0.6em;
		background-color:#FFF;
		color:#f60;
	}
	
.brands_title{
	float:left;
	width:95%;
	margin:10px 0 10px 5%;
	font-size:2em;
	font-weight:bold;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
	color:#FFF;
}
.brands_content{
	float:left;
	width:100%;
	margin:10px 0 10px 0;
}
	.brands_content_img{
		float:left;
		width:31%;
		margin:8px 1% 8px 1%;
	}
	.brands_content_img img {
		width:100%;
		height:auto;
		border:1px solid #999;
	}
	
.index_news{
	float:left;
	width:100%;
	margin:50px 0 50px 0;
	padding:10px 0 10px 0;
}
	.index_news_text{
		float:left;
		width:28%;
		margin:0 2% 0 0;
		border-right:1px solid #ddd;
		border-bottom:0px solid #ddd;
	}
		.index_news_title{
			float:left;
			width:100%;
			text-align:center;
			font-size:2em;
			margin:35px 0 8px 0;
		}
		.index_news_introduce{
			float:left;
			width:100%;
			text-align:center;
			font-size:1em;
			color:#333;
			margin:8px 0 8px 0;
		}
		.index_news_button{
			float: inherit;
			width:100%;
			margin:18px 0 25px 0;
			text-align:center;
			font-size:1em;
			color:#f60;
		}
			.index_news_button a{
				color:#f60;
				text-decoration:none;
			}
			.index_news_button a:hover{
				color:#06F;
				text-decoration: underline;
			}
			
	.index_news_information{
		float:left;
		width:70%;
	}
		.index_news_content{
			float:left;
			width:48%;
			height:180px;
			margin:0 1% 0 1%;
			background-color:#f6f6f6;
		}
			.index_news_content_l{
				float:left;
				width:59%;
				margin:0 1% 0 0;
				padding:15px 8px 15px 8px;
			}
				.index_news_content_l_title{
					float:left;
					width:100%;
					margin:10px 5px 10px 5px;
					padding:0 0 0 8px;
					font-size:1.2em;
					color:#000;
					border-left:3px solid #f60;
				}
				.index_news_content_l_text{
					float:left;
					width:100%;
					margin:10px 5px 10px 5px;
					padding:0 10px 0 10px;
					font-size:0.8em;
					color:#666;
				}
			.index_news_content_r{
				float:left;
				width:40%;
			}
				.index_news_content_r_time{
					float:right;
					text-align:right;
					font-size:1em;
					color:#044;
					padding:8px 8px 8px 0;
				}
				.index_news_content_r_img{
					padding:8px;
					text-align:center;
				}
					.index_news_content_r_img img{
						width:90%;
						max-width:400px;
					}
					
.page_title_bg{
	float:left;
	width:100%;
	background-color:#000;
	margin:0 0 0 0;
}
	.page_title_bg_img{
		float:left;
		width:100%;
		height:auto;
		z-index:0;
		text-align:right;
	}
		.page_title_bg_img img{
			width:100%;
		}
	.page_title_bg_title{
		float:left;
		width:100%;
		font-size:3.5em;
		color:#fff;
		margin:-20% 0 0 0;
		padding:10px 0 10px 10%;
		text-align:left;
	}
	.page_title_bg_text{
		float:left;
		width:100%;
		font-size:1.3em;
		color:#fff;
		margin:-13% 0 0 0;
		padding:10px 0 10px 10%;
		text-align:left;
	}	

.page_content_about{
	float:left;
	width:100%;
	font-size:1.3em;
	letter-spacing:1px;
	color:#000;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}	
	.page_content_about p{
		text-indent : 2em;
	}
	.page_content_about img{
		width:90%;
		max-width:600px;
		text-align:center;
	}

.certificate_project{
	float:left;
	width:31%;
	margin:20px 1%;
	padding:8px;
	background-color:#FFF;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.certificate_project_img{
		float:left;
		width:100%;
		text-align:center;
		border:1px solid #DEDEDE;
	}
		.certificate_project_img img{
			width:100%;
			max-width:450px;
			_width:expression(this.width > 450 ? "450px" : this.width);
			max-height:675px;
			_height:expression(this.height > 675 ? "675px" : this.height);
		}
	.certificate_project_title{
		float:left;
		width:100%;
		padding:10px 0;
		text-align:center;
		background-color:#A9A9A9;
		border-top:1px dashed #F0F0F0;
		font-size:0.8em;
		color:#FFF;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}	
			
.news_content{
	float:left;
	width:100%;
	margin:10px 0 10px 0;
	padding:20px;
	background-color:#f0f0f0;
	border:1px solid #fff;	
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
.news_content:hover{
	background-color:#FFF;
	border:1px solid #aaa;		
}
	.news_content_img{
		float:left;
		width:29%;
		margin:0 1% 0 0;
		padding:10px 0 10px 0;
		text-align:center;	
	}
		.news_content_img img{
			vertical-align:middle;
			max-width:220px;
			_width:expression(this.width > 220 ? "220px" : this.width);
			max-height:200px;
			_height:expression(this.height > 200 ? "200px" : this.height);
		}
	.news_content_r{
		float:left;
		width:70%;
		height:220px;
		padding:0 0 0 20px;
		border-left:1px solid #ddd;
		border-top:0px solid #ddd;
	}
		.news_content_r_title{
			float:left;
			width:98%;
			border-left:5px solid #f60;
			margin:10px 0 10px 0;
			padding:5px 0 5px 20px;
			font-size:1.6em;
			color:#000;
		}
		.news_content_r_time{
			float:right;
			width:100%;
			font-size:0.8em;
			color:#aaa;
			text-align:right;
			padding:0 10px 10px 0;
		}
		.news_content_r_text{
			float:right;
			width:100%;
			font-size:1.1em;
			line-height:24px;
			padding:0 15px 0 15px;
			color:#000;
		}
.page_content_news{
	float:left;
	width:100%;
	font-size:1.3em;
	letter-spacing:1px;
	color:#000;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}	
	.page_content_news p{
		text-indent : 2em;
	}
	.page_content_news img{
		width:90%;
		text-align:center;
	}
	
.page_content_contact{
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.contact_l{
		float:left;
		width:68%;
		margin:0 1% 0 0;
		padding:0 10px 0 0;
		border-right:1px solid #f0f0f0;
		border-bottom:0px solid #f0f0f0;
	}
	.contact_r{
		float:left;
		width:30%;
		margin:0 0 0 0;
		padding:0 0 0 10px;
		font-size:1em;
	}
		.contact_information{
			float:left;
			width:100%;
			margin:0 0 20px 0;
			padding:3px 0 3px 20px;
			border-left:4px solid #f60;
			font-size:1.5em;
			font-weight:bold;
		}	
		
.page_content_protuct{
	float:left;
	width:100%;
	margin:30px 0 30px 0;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.product_big{
		float:left;
		width:31%;
		margin:0 1% 20px 1%;
		border:1px solid #aaa;
	}
		.product_big_img{
			float:left;
			width:100%;
		}	
			.product_big_img img{
				vertical-align:middle;
				width:100%;
				max-width:600px;
				_width:expression(this.width > 600 ? "600px" : this.width);
				max-height:400px;
				_height:expression(this.height > 400 ? "400px" : this.height);
			}
		.product_big_title{
			float:left;
			width:100%;
			padding:10px 0 10px 0;
			border-top:2px dashed #f0f0f0;
			text-align:center;
			font-size:1.5em;
			background-color:#98cbcb;
		}
		.product_big_introduce{
			float:left;
			width:100%;
			padding:15px 8px 15px 8px;
			background-color:#eee;
			font-size:1.1em;
		}
		.product_big_button{
			float:left;
			width:100%;
			padding:20px 0 10px 0;
			background-color:#eee;
			text-align:center;
			color:#f60;
			font-size:1em;
			font-weight:bold;
		}
			.product_big_button a{
				color:#f60;
				text-decoration:none;
			}
			.product_big_button a:hover{
				color:#06f;
				text-decoration: underline;
			}
	
	.product_title{
		float:left;
		width:31%;
		margin:0 1% 20px 1%;
		border:5px solid #f0f0f0;
	}
	.product_title:hover{
		border:5px solid #f60;
	}
		.product_title_img{
			float:left;
			width:100%;
		}
			.product_title_img img{
				vertical-align:middle;
				width:100%;
				max-width:600px;
				_width:expression(this.width > 600 ? "600px" : this.width);
				max-height:400px;
				_height:expression(this.height > 400 ? "400px" : this.height);
			}
		.product_title_name{
			float:left;
			width:100%;
			padding:10px 0 10px 0;
			text-align:center;
			font-size:1.1em;
			background-color:#aaa;
			color:#fff;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.product_title_number{
			float:left;
			width:100%;
			height:35px;
			padding:8px 0;
			text-align:center;
			font-size:1em;
			color:#333;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		
	.pro_project_introduce{
		float:left;
		width:100%;
		margin:0 0 20px 0;
	}
		.pro_project_introduce_img{
			float:left;
			width:43%;
			margin:0 2% 0 0;
			background-color:#f0f0f0;
			padding:3px 3px 8px 3px;
		}
			.pro_project_introduce_img img{
				width:100%;
			}
		.pro_project_introduce_specification{
			float:left;
			width:55%;
		}
			.pro_project_introduce_specification_form{
				float:left;
				width:100%;
				padding:8px 0 8px 0;
				font-size:1.1em;
			}
				.specification_form_number{
					float:left;
					width:100%;
					text-align:center;
					font-size:1.8em;
					font-weight:bold;
				}
				.specification_form{
					float:left;
					width:100%;
					padding-left:8px;
					font-size:1em;
				}
				.specification_form_l{
					float:left;
					width:25%;
					font-weight:bold;
					padding-left:8px;
				}
				.specification_form_r{
					float:left;
					width:75%;
					padding-left:8px;
					color:#666;
				}
			.pro_project_introduce_specification_button{
				float:left;
				width:100%;
				padding:15px 0 8px 0;
				text-align:center;
			}
				.specification_button{
					float:left;
					width:20%;
					margin:0 15% 0 15%; 
					text-align:center;					
				}
					.specification_button_button{
						width:80px;
						padding:8px 15px 8px 15px;
						text-align:center;
						background-color:#f60;
						color:#fff;
						font-size:1em;
					}
						.specification_button_button:hover{
							background-color:#FFF;
							color:#f60;
						}
					.specification_button_button2{
						width:120px;
						padding:8px 15px 8px 15px;
						text-align:center;
						background-color:#f60;
						color:#fff;
						font-size:1em;
					}
						.specification_button_button2:hover{
							background-color:#FFF;
							color:#f60;
						}
						
	
	.pro_project_instructions{
		float:left;
		width:100%;
		margin:20px 0 20px 0;
	}
		.pro_project_instructions_title{
			float:left;
			width:98%;
			padding:3px 0 0 15px;
			border-left:6px solid #333;
			color:#F60;
			font-size:1.4em;
			font-weight:bold;
		}
		.pro_project_instructions_content{
			float:left;
			width:98%;
			margin:20px 0 0 0;
		}
			.pro_project_instructions_content_from{
				float:left;
				width:98%;
				margin:0 1% 0 1%;
			}
			.pro_table_1{
				float:left;
				width:48%;
				margin:0 1% 0 0;
				text-align:center;
				border-right:1px solid #f0f0f0;
				font-size:1.2em;
			}
			.pro_table_r{
				float:left;
				width:48%;
				margin:0 1% 0 1%;
			}
				.pro_table_r_from{
					float:left;
					width:100%;
					padding:12px 0 12px 0;
					font-size:1em;
					text-align:center;
					border-bottom:1px solid #aaa;
				}
					.pro_table_r_from_l{
						float:left;
						width:20%;
					}
					.pro_table_r_from_m{
						float:left;
						width:40%;
					}
					.pro_table_r_from_r{
						float:left;
						width:40%;
					}
.pro_otherproducts_title{
	float:left;
	width:100%;
	text-align:center;
	padding:30px 0 30px 0;
	font-size:2em;
	font-weight:bold;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;	
}
.pro_otherproducts_content{
	float:left;
	width:100%;
	padding:10px 0 30px 0;
}
	.pro_otherproducts_content_pro{
		float:left;
		width:18%;
		margin:0 1% 0 1%; 
		border:2px solid #aaa;
	}
	.pro_otherproducts_content_pro:hover{
		border:2px solid #F60;
	}
		.pro_otherproducts_content_pro_img{
			float:left;
			width:100%;
			background-color:#FFF;
		}
			.pro_otherproducts_content_pro_img img{
				vertical-align:middle;
				width:100%;
				max-width:600px;
				_width:expression(this.width > 600 ? "600px" : this.width);
				max-height:400px;
				_height:expression(this.height > 400 ? "400px" : this.height);
			}
		.pro_otherproducts_content_pro_name{
			float:left;
			width:100%;
			padding:10px 0 10px 0;
			text-align:center;
			font-size:1em;
			border-top:1px dashed #fff;
			background-color:#999;
			color:#fff;
		}
	.pro_otherproducts_button{
		float:left;
		width:100%;
		padding:20px 46% 0 46%;
		text-align:center;
	}
		.pro_otherproducts_button_button{
			width:75px;
			padding:8px 15px 8px 15px;
			font-size:1em;
			background-color:#97caca;
			color:#fff;
			-webkit-border-radius: 6px;/*chrom*/
 			-moz-broder-radius: 6px;/*Firefox*/
			-o-border-radius: 6px; /*Opera*/
			-ms-border-radius: 6px; /*IE*/
			border-radius: 6px;
		}
			.pro_otherproducts_button_button:hover{
				background-color:#f60;
			}
						
				
.footer{
	float:left;
	width:100%;
	padding:50px 0 50px 0;
	background-color:#f60;
	color:#fff;		
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.footer_l{
		float:left;
		width:48%;
		margin:0 1% 0 0;
		padding:0;
		border-right:1px solid #df5900;
		border-bottom:0px solid #df5900;
	}
		.footer_l_pro{
			float:left;
			width:44%;
			margin:0 3% 0 3%;
		}
			.footer_l_pro_title{
				margin: 0 0 10px 0;
				padding:4px 0 4px 10px;
				border-left: 4px solid #333;
				font-size:1.5em;
				color:#333;
			}
				.footer_l_pro_title a{
					color:#333;
				}
				.footer_l_pro_title a:hover{
					color: #33C;
				}
			.footer_l_pro_name{
				float:left;
				width:95%;
				padding:4px 0 4px 15px;
				font-size:1.1em;
			}
				.footer_l_pro_name a{
					color:#fff;
				}

	.footer_r{
		float:left;
		width:48%;
		margin:0 1% 0 1%;
	}
		.footer_r_contact{
			float:left;
			width:63%;
			margin:0 2% 0 0;
		}
			.footer_r_contact_title{
				margin: 0 0 10px 0;
				padding:4px 0 4px 10px;
				border-left: 4px solid #333;
				font-size:1.5em;
				color:#333;
			}
			.footer_r_contact_information{
				float:left;
				width:95%;
				padding:4px 0 4px 15px;
				font-size:1em;
			}
		.footer_r_map{
			float:left;
			width:35%;
			margin:0 0 0 0;			
		}
}

/* 桌面版面: 1025px 到最大 1232px。樣式繼承自: 行動版面和表格版面。 */

@media only screen and (min-width: 1025px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


.top_field{
	float:left;
	width:100%;
	margin:10px 0 10px 0;
}
	.top_field_logo{
		float:left;
		width:43%;
		margin:0 2% 0 0;
		text-align:left;
	}
		.top_field_logo_img{
			float:left;
			width:100%;
			margin:0 0 5px 0;
		}
			.top_field_logo_img img{
				width:100%;
				max-width:420px;
			}
		.top_field_logo_text{
			float:left;
			width:100%;
			text-align:left;
			font-size:0.8em;
			color:#666;
		}
	.top_field_right{
		float:right;
		width:55%;
		padding: 8px 0 8px 0;
		text-align:right;
	}
		.top_field_right_search{
			width:100%;
			margin:0 0 5px 0;
		}
		.top_field_right_menu{
			width:100%;
			margin:15px 0 0 10%;
			background-color:#fff;
		}
		
.menu_img{
	display: inline;
}

.index_about{
	width:100%;
}
	.index_about_img{
		margin:0;
	}
		.index_about_img img{
			width:100%;
			max-width:600px;
		}		
	.index_about_title{
		text-align:center;
		font-size:3em;
		margin:8px 0 10px 0;
		color:#666;
	}
	.index_about_content{
		font-size:1.1em;
		letter-spacing:1.5px;
		color:#000;
	}
	.index_about_button{
		float: inherit;
		width:100%;
		margin:18px 0 25px 0;
		text-align:right;
		font-size:0.8em;
		color:#f60;
	}
		.index_about_button a{
			color:#f60;
			text-decoration:none;
		}
		.index_about_button a:hover{
			color:#06F;
			text-decoration: underline;
		}
	
			
	.index_pro_title{
		text-align:center;
		font-size:3em;
		margin:10px 0 10px 0;
		color:#f60;
	}
	.index_pro_introduce{
		text-align:center;
		font-size:1.2em;
		margin:10px 0 10px 0;
		color:#000;
	}
	
.index_pro_text{
	float:left;
	width:100%;
	height:auto;
	margin:0 0 15px 0;
	border:1px solid #ddd;
	background-color:#FFF;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.index_pro_text_name{
		float:left;
		width:100%;
		font-size:1.3em;
		font-weight:bold;
		letter-spacing:1px;
		color:#333;
		background-color:#9CC;
		text-align:center;
		padding:8px 0 8px 0;
		border-bottom:1px solid #666;		
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.index_pro_text_information{
		float:left;
		width:100%;
		height:6.2em;
		font-size:1em;
		color:#999;
		padding:4px 8px 4px 8px;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		
	}
	.index_pro_text_button{
		float:left;
		width:20%;
		margin:10px 40% 5px 40%;
		padding:5px 10px 5px 10px;
		font-size:0.6em;
		background-color:#f60;
		color:#fff;
	}
	.index_pro_text_button:hover{
		float:left;
		width:20%;
		margin:10px 40% 5px 40%;
		padding:5px 10px 5px 10px;
		font-size:0.6em;
		background-color:#FFF;
		color:#f60;
	}
	
.brands_title{
	float:left;
	width:95%;
	margin:10px 0 10px 5%;
	font-size:2em;
	font-weight:bold;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
	color:#FFF;
}
.brands_content{
	float:left;
	width:100%;
	margin:10px 0 10px 0;
}
	.brands_content_img{
		float:left;
		width:31%;
		margin:8px 1% 8px 1%;
	}
	.brands_content_img img {
		width:100%;
		height:auto;
		border:1px solid #999;
	}

.index_news{
	float:left;
	width:100%;
	margin:50px 0 50px 0;
	padding:10px 0 10px 0;
}
	.index_news_text{
		float:left;
		width:28%;
		margin:0 2% 0 0;
		border-right:1px solid #ddd;
		border-bottom:0px solid #ddd;
	}
		.index_news_title{
			float:left;
			width:100%;
			text-align:center;
			font-size:2em;
			margin:35px 0 8px 0;
		}
		.index_news_introduce{
			float:left;
			width:100%;
			text-align:center;
			font-size:1em;
			color:#333;
			margin:8px 0 8px 0;
		}
		.index_news_button{
			float: inherit;
			width:100%;
			margin:18px 0 25px 0;
			text-align:center;
			font-size:1em;
			color:#f60;
		}
			.index_news_button a{
				color:#f60;
				text-decoration:none;
			}
			.index_news_button a:hover{
				color:#06F;
				text-decoration: underline;
			}
			
	.index_news_information{
		float:left;
		width:70%;
	}
		.index_news_content{
			float:left;
			width:48%;
			height:180px;
			margin:0 1% 0 1%;
			background-color:#f6f6f6;
		}
			.index_news_content_l{
				float:left;
				width:59%;
				margin:0 1% 0 0;
				padding:15px 8px 15px 8px;
			}
				.index_news_content_l_title{
					float:left;
					width:100%;
					margin:10px 5px 10px 5px;
					padding:0 0 0 8px;
					font-size:1.2em;
					color:#000;
					border-left:3px solid #f60;
				}
				.index_news_content_l_text{
					float:left;
					width:100%;
					margin:10px 5px 10px 5px;
					padding:0 10px 0 10px;
					font-size:1em;
					color:#666;
				}
			.index_news_content_r{
				float:left;
				width:40%;
			}
				.index_news_content_r_time{
					float:right;
					text-align:right;
					font-size:1em;
					color:#044;
					padding:8px 8px 8px 0;
				}
				.index_news_content_r_img{
					padding:8px;
					text-align:center;
				}
					.index_news_content_r_img img{
						width:90%;
						max-width:400px;
					}
					
.page_title_bg{
	float:left;
	width:100%;
	max-height:300px;
	background-color:#000;
	margin:0 0 0 0;
}
	.page_title_bg_img{
		float:left;
		width:100%;		
		height:auto;
		z-index:0;
		text-align:right;
	}
		.page_title_bg_img img{
			width:100%;
			max-width:1200px;
			margin:0 0 30px 0;
		}
	.page_title_bg_title{
		float:left;
		width:100%;
		font-size:4em;
		color:#fff;
		margin:-15% 0 0 0;
		padding:10px 0 10px 10%;
		text-align:left;
	}
	.page_title_bg_text{
		float:left;
		width:100%;
		font-size:1.8em;
		color:#fff;
		margin:-10% 0 0 0;
		padding:10px 0 10px 10%;
		text-align:left;
	}
	
.page_path{
	float:right;
	width:100%;
	text-align:right;
	margin:30px 0 0 0;
	padding:30px 5px 30px 0;
	font-size:0.6em;
	letter-spacing:1px;
	color:#999;
}

.page_content_about{
	float:left;
	width:100%;
	font-size:1.3em;
	letter-spacing:1px;
	color:#000;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}	
	.page_content_about p{
		text-indent : 2em;
	}
	.page_content_about img{
		width:90%;
		max-width:600px;
		text-align:center;
	}
	
.certificate_project{
	float:left;
	width:23%;
	margin:20px 1%;
	padding:8px;
	background-color:#FFF;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.certificate_project_img{
		float:left;
		width:100%;
		text-align:center;
		border:1px solid #DEDEDE;
	}
		.certificate_project_img img{
			width:100%;
			max-width:450px;
			_width:expression(this.width > 450 ? "450px" : this.width);
			max-height:675px;
			_height:expression(this.height > 675 ? "675px" : this.height);
		}
	.certificate_project_title{
		float:left;
		width:100%;
		padding:10px 0;
		text-align:center;
		background-color:#A9A9A9;
		border-top:1px dashed #F0F0F0;
		font-size:0.8em;
		color:#FFF;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
.news_content{
	float:left;
	width:100%;
	margin:10px 0 10px 0;
	padding:20px;
	background-color:#f0f0f0;
	border:1px solid #fff;	
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
.news_content:hover{
	background-color:#FFF;
	border:1px solid #aaa;		
}
	.news_content_img{
		float:left;
		width:29%;
		margin:0 1% 0 0;
		padding:10px 0 10px 0;
		text-align:center;	
	}
		.news_content_img img{
			vertical-align:middle;
			max-width:300px;
			_width:expression(this.width > 300 ? "300px" : this.width);
			max-height:200px;
			_height:expression(this.height > 200 ? "200px" : this.height);
		}
	.news_content_r{
		float:left;
		width:70%;
		height:220px;
		padding:0 0 0 20px;
		border-left:1px solid #ddd;
		border-top:0px solid #ddd;
	}
		.news_content_r_title{
			float:left;
			width:98%;
			border-left:5px solid #f60;
			margin:10px 0 10px 0;
			padding:5px 0 5px 20px;
			font-size:1.8em;
			color:#000;
		}
		.news_content_r_time{
			float:right;
			width:100%;
			font-size:0.8em;
			color:#aaa;
			text-align:right;
			padding:0 10px 10px 0;
		}
		.news_content_r_text{
			float:right;
			width:100%;
			font-size:1.1em;
			line-height:24px;
			padding:0 15px 0 15px;
			color:#000;
		}
.page_content_news{
	float:left;
	width:100%;
	font-size:1.3em;
	letter-spacing:1px;
	color:#000;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}	
	.page_content_news p{
		text-indent : 2em;
	}
	.page_content_news img{
		width:90%;
		text-align:center;
	}

.page_content_contact{
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.contact_l{
		float:left;
		width:68%;
		margin:0 1% 0 0;
		padding:0 10px 0 0;
		border-right:1px solid #f0f0f0;
		border-bottom:0px solid #f0f0f0;
	}
	.contact_r{
		float:left;
		width:30%;
		margin:0 0 0 0;
		padding:0 0 0 10px;
		font-size:1.1em;
	}
		.contact_information{
			float:left;
			width:100%;
			margin:0 0 20px 0;
			padding:3px 0 3px 20px;
			border-left:4px solid #f60;
			font-size:1.5em;
			font-weight:bold;
		}

.page_content_protuct{
	float:left;
	width:100%;
	margin:30px 0 30px 0;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.product_big{
		float:left;
		width:31%;
		margin:0 1% 20px 1%;
		border:1px solid #aaa;
	}
		.product_big_img{
			float:left;
			width:100%;
		}	
			.product_big_img img{
				vertical-align:middle;
				width:100%;
				max-width:600px;
				_width:expression(this.width > 600 ? "600px" : this.width);
				max-height:400px;
				_height:expression(this.height > 400 ? "400px" : this.height);
			}
		.product_big_title{
			float:left;
			width:100%;
			padding:10px 0 10px 0;
			border-top:2px dashed #f0f0f0;
			text-align:center;
			font-size:1.5em;
			background-color:#98cbcb;
		}
		.product_big_introduce{
			float:left;
			width:100%;
			padding:15px 8px 15px 8px;
			background-color:#eee;
			font-size:1.1em;
		}
		.product_big_button{
			float:left;
			width:100%;
			padding:20px 0 10px 0;
			background-color:#eee;
			text-align:center;
			color:#f60;
			font-size:1em;
			font-weight:bold;
		}
			.product_big_button a{
				color:#f60;
				text-decoration:none;
			}
			.product_big_button a:hover{
				color:#06f;
				text-decoration: underline;
			}
	
	.product_title{
		float:left;
		width:22%;
		margin:0 1% 20px 1%;
		border:5px solid #f0f0f0;
	}
	.product_title:hover{
		border:5px solid #f60;
	}
		.product_title_img{
			float:left;
			width:100%;
		}
			.product_title_img img{
				vertical-align:middle;
				width:100%;
				max-width:600px;
				_width:expression(this.width > 600 ? "600px" : this.width);
				max-height:400px;
				_height:expression(this.height > 400 ? "400px" : this.height);
			}
		.product_title_name{
			float:left;
			width:100%;
			padding:10px 0 10px 0;
			text-align:center;
			font-size:1.1em;
			background-color:#aaa;
			color:#fff;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.product_title_number{
			float:left;
			width:100%;
			height:35px;
			padding:8px 0;
			text-align:center;
			font-size:1em;
			color:#333;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		
	.pro_project_introduce{
		float:left;
		width:100%;
		margin:0 0 20px 0;
	}
		.pro_project_introduce_img{
			float:left;
			width:43%;
			margin:0 2% 0 0;
			background-color:#f0f0f0;
			padding:3px 3px 8px 3px;
		}
			.pro_project_introduce_img img{
				width:100%;
			}
		.pro_project_introduce_specification{
			float:left;
			width:55%;
		}
			.pro_project_introduce_specification_form{
				float:left;
				width:100%;
				padding:8px 0 8px 0;
				font-size:1.1em;
				line-height:28px;
			}
				.specification_form_number{
					float:left;
					width:100%;
					text-align:center;
					font-size:2em;
					font-weight:bold;
				}
				.specification_form{
					float:left;
					width:100%;
					padding-left:8px;
					font-size:1.1em;
				}
				.specification_form_l{
					float:left;
					width:25%;
					font-weight:bold;
					padding-left:8px;
				}
				.specification_form_r{
					float:left;
					width:75%;
					padding-left:8px;
					color:#666;
				}
			.pro_project_introduce_specification_button{
				float:left;
				width:100%;
				padding:15px 0 8px 0;
				text-align:center;
			}
				.specification_button{
					float:left;
					width:20%;
					margin:0 15% 0 15%; 
					text-align:center;					
				}
					.specification_button_button{
						width:80px;
						padding:8px 15px 8px 15px;
						text-align:center;
						background-color:#f60;
						color:#fff;
						font-size:1em;
					}
						.specification_button_button:hover{
							background-color:#FFF;
							color:#f60;
						}
					.specification_button_button2{
						width:120px;
						padding:8px 15px 8px 15px;
						text-align:center;
						background-color:#f60;
						color:#fff;
						font-size:1em;
					}
						.specification_button_button2:hover{
							background-color:#FFF;
							color:#f60;
						}

	.pro_project_instructions{
		float:left;
		width:100%;
		margin:20px 0 20px 0;
	}
		.pro_project_instructions_title{
			float:left;
			width:98%;
			padding:3px 0 0 15px;
			border-left:6px solid #333;
			color:#F60;
			font-size:1.4em;
			font-weight:bold;
		}
		.pro_project_instructions_content{
			float:left;
			width:98%;
			margin:20px 0 0 0;
		}
			.pro_project_instructions_content_from{
				float:left;
				width:98%;
				margin:0 1% 0 1%;
				font-size:1.2em;
			}
			.pro_table_1{
				float:left;
				width:48%;
				margin:0 1% 0 0;
				text-align:center;
				border-right:1px solid #f0f0f0;
				font-size:1.2em;
			}
			.pro_table_r{
				float:left;
				width:48%;
				margin:0 1% 0 1%;
			}
				.pro_table_r_from{
					float:left;
					width:100%;
					padding:12px 0 12px 0;
					font-size:1em;
					text-align:center;
					border-bottom:1px solid #aaa;
				}
					.pro_table_r_from_l{
						float:left;
						width:20%;
					}
					.pro_table_r_from_m{
						float:left;
						width:40%;
					}
					.pro_table_r_from_r{
						float:left;
						width:40%;
					}

.pro_otherproducts_title{
	float:left;
	width:100%;
	text-align:center;
	padding:30px 0 30px 0;
	font-size:2em;
	font-weight:bold;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;	
}
.pro_otherproducts_content{
	float:left;
	width:100%;
	padding:10px 0 30px 0;
}
	.pro_otherproducts_content_pro{
		float:left;
		width:18%;
		margin:0 1% 0 1%; 
		border:2px solid #aaa;
	}
	.pro_otherproducts_content_pro:hover{
		border:2px solid #F60;
	}
		.pro_otherproducts_content_pro_img{
			float:left;
			width:100%;
			background-color:#FFF;
		}
			.pro_otherproducts_content_pro_img img{
				vertical-align:middle;
				width:100%;
				max-width:600px;
				_width:expression(this.width > 600 ? "600px" : this.width);
				max-height:400px;
				_height:expression(this.height > 400 ? "400px" : this.height);
			}
		.pro_otherproducts_content_pro_name{
			float:left;
			width:100%;
			padding:10px 0 10px 0;
			text-align:center;
			font-size:1em;
			border-top:1px dashed #fff;
			background-color:#999;
			color:#fff;
		}
	.pro_otherproducts_button{
		float:left;
		width:100%;
		padding:20px 47% 0 47%;
		text-align:center;
	}
		.pro_otherproducts_button_button{
			width:75px;
			padding:8px 15px 8px 15px;
			font-size:1em;
			background-color:#97caca;
			color:#fff;
			-webkit-border-radius: 6px;/*chrom*/
 			-moz-broder-radius: 6px;/*Firefox*/
			-o-border-radius: 6px; /*Opera*/
			-ms-border-radius: 6px; /*IE*/
			border-radius: 6px;
		}
			.pro_otherproducts_button_button:hover{
				background-color:#f60;
			}
				
				
.footer{
	float:left;
	width:100%;
	padding:50px 0 50px 0;
	background-color:#f60;
	color:#fff;		
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.footer_l{
		float:left;
		width:48%;
		margin:0 1% 0 0;
		padding:0;
		border-right:1px solid #df5900;
		border-bottom:0px solid #df5900;
	}
		.footer_l_pro{
			float:left;
			width:44%;
			margin:0 3% 0 3%;
		}
			.footer_l_pro_title{
				margin: 0 0 10px 0;
				padding:4px 0 4px 10px;
				border-left: 4px solid #333;
				font-size:1.5em;
				color:#333;
			}
				.footer_l_pro_title a{
					color:#333;
				}
				.footer_l_pro_title a:hover{
					color: #33C;
				}
			.footer_l_pro_name{
				float:left;
				width:95%;
				padding:4px 0 4px 15px;
				font-size:1.1em;
			}
				.footer_l_pro_name a{
					color:#fff;
				}

	.footer_r{
		float:left;
		width:48%;
		margin:0 1% 0 1%;
	}
		.footer_r_contact{
			float:left;
			width:53%;
			margin:0 2% 0 0;
		}
			.footer_r_contact_title{
				margin: 0 0 10px 0;
				padding:4px 0 4px 10px;
				border-left: 4px solid #333;
				font-size:1.5em;
				color:#333;
			}
			.footer_r_contact_information{
				float:left;
				width:95%;
				padding:4px 0 4px 15px;
				font-size:1.1em;
			}
		.footer_r_map{
			float:left;
			width:45%;
			margin:0 0 0 0;			
		}
}


/*totop*/
#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;    
    padding: 10px 15px;    
    font-size: 20px;
    background: rgba(20%,20%,20%,0.4);
    color: white;
    cursor: pointer;
	border-radius:0.6em;
	font-size:12px;
	z-index:1000000;
}


/*page number*/
div.pagenumber{margin:3px;padding:3px;text-align:center}
div.pagenumber a{border:#fff 1px solid;padding:2px 5px;margin:2px;color:#000099;text-decoration:underline;}
div.pagenumber a:hover{border:#000099 1px solid;color:#000;}
div.pagenumber a:active{border:#000099 1px solid;color:#f00;}
div.pagenumber span.current{border:#fff 1px solid;padding:2px 5px;font-weight:bold;margin:2px;color:#f60;background-color:#fff;}
div.pagenumber span.disabled{border:#eee 1px solid;padding:2px 5px;margin:2px;color:#ddd;}


/*form*/
.to input[type="text"] {
	padding: 10px;
	width: 47%;
	font-size: 1em;
	margin: 10px 8px 0 8px;
	border: 1px solid #999;
	color: #999;
	background: none;
	float: left;
	outline: none;
}
.to2{
	float:left;
	width:100%;
}
.to2 input[type="text"] {
	padding: 10px;
	width: 47%;
	font-size: 1em;
	margin: 10px 8px 0 8px;
	border: 1px solid #999;
	color: #999;
	background: none;
	float: left;
	outline: none;
}
.text textarea {
	width: 97%;
	font-size: 1em;
	margin: 10px 8px 0 8px;
	border: 1px solid #999;
	color: #999;
	outline: none;
	background: none;
	height: 120px;
	padding: 10px;
	resize: none;
	float: left;
}
.form-submit1 {
	float: left;
	margin: 10px 0px 0 6px;
}
.form-submit1 input[type="submit"] {
	color: #fff;
	font-size: 1.1em;
	padding: 10px 15px;
	text-transform: uppercase;
	background: #E60121;
	display: inline-block;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	border: none;
	cursor: pointer;
	outline: none;
}
.form-submit1 input[type="submit"]:hover{
	background:#131313;
}
@media only screen and (min-width: 321px) and (max-width: 630px) {
.to input[type="text"] {
	padding: 10px;
	width: 97%;
	font-size: 1em;
	margin: 10px 8px 0 8px;
	border: 1px solid #999;
	color: #999;
	background: none;
	float: left;
	outline: none;
}
.to2{
	float:left;
	width:100%;
}
.to2 input[type="text"] {
	padding: 10px;
	width: 47%;
	font-size: 1em;
	margin: 10px 8px 0 8px;
	border: 1px solid #999;
	color: #999;
	background: none;
	float: left;
	outline: none;
}
}