@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;
}


#search-box{
	width:100%;
	height:35px;
	font-size: 1em;
	padding: 4px 0 4px 10px;
	border:2px solid #F0F0F0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	color:#999;
}
	#search-box:hover{
		border:2px solid #C6C5B9;
	}
	#search-box:active{
		border:2px solid #FFF;
	}
	

#price-select {
	width:100%;
	height:35px;
	font-size: 1em;
	padding: 5px ;
	border:2px solid #F0F0F0;
	margin-left:-1px;
	color:#999;
}
	#price-select:hover{
		border:2px solid #C6C5B9;
	}
	#price-select:active{
		border:2px solid #FFF;
	}
	
#footer_email{
	width:100%;
	height:35px;
	border-bottom-color:#aaa;
	font-size: 1em;
	background: #FFF 3px 3px;
	color:#333;
	padding: 3px ;
	border:1px solid #aaa;
}
	#footer_email:hover{
		border:1px solid #aaa;
	}
	#footer_email:active{
		border:1px solid #aaa;
	}	

/*
	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: 96%;
	padding-left: 1.96%;
	padding-right: 1.96%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.top_project{
	float:left;
	width:100%;
	height:35px;
	padding:5px 3px;
	background-color:#36607d;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
	position: fixed;
	top:0;
	z-index:10000;
}
	.top_project_spacing{
		float:left;
		width:0;
	}
	.top_project_box{
		float:left;
		width:100%;
		font-size:0.9em;
		text-align:center;
		color:#FFF;
	}		
		.top_project_box a, .top_project_box a:visited, .top_project_box a:active{
			color:#FFF;
		}
		.top_project_box a:hover{
			color:#fedcb3;
		}
		.top_project_shoppingcart{
			float:right;
			width:31%;
			margin:0 1%;
			padding:2px 8px;
		}
			.top_project_shoppingcart span{
				border-radius:50%;
				background-color:#89c4a9;
				padding:2px 6px 2px 5px;
				margin-left:5px;
				font-size:0.8em;
				color:#333;
			}
			.top_project_box a:hover span{
				color:#FFF;
			}
		.top_project_member{
			float:right;
			width:31%;
			margin:0 1%;
			padding:2px 8px;
			border-left:1px solid #FFF;
			border-right:1px solid #FFF;
		}
		.top_project_signin{
			float:right;
			width:31%;
			margin:0 1%;
			padding:2px 8px;
		}
		
.top_menuproject{
	float:left;
	width:100%;
	height:100px;
	padding:3px 0;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
	background-color:#FFF;
	position: fixed;
	top:35px;
	z-index:100;
	border-bottom:1px solid #DDD;
	/*
	-webkit-box-shadow: 0px 3px 8px #DDD;
	-moz-box-shadow: 0px 3px 8px #DDD;
	box-shadow: 0px 3px 8px #DDD; 
	*/
}
	.top_pc_menu_lmenu{
		display:none;
	}
	.top_ph_menu_lmenu{
		display: inline;
		float:left;
		width:20%;
		padding:20px 0 0 20px;
	}
		.ph_menu_search{
			display: inline;
			float:left;
			width:96%;
			margin:10px 2% 20px;
		}
			.ph_menu_search_keyword_box{
				float:left;
				width:84%;
			}
			.ph_menu_search_button{
				float:left;
				width:16%;
				height:35px;
				margin-left:-1.8%;
				padding-left:2.8%;
				text-align:left;
				border:2px solid #338861;
				border-top-right-radius: 3px;
				border-bottom-right-radius: 3px;
				background-color:#338861;
				color:#FFF;
				font-size:1.3em;
			}
				.ph_menu_search_button:hover{
					border:2px solid #606062;
					background-color:#606062;
					color:#FFF;
				}
	.top_menu_logo{
		float:left;
		width:80%;
		text-align:center;
		padding:20px 0 0;
	}
		.top_menu_logo img{
			width:90%;
			max-width:300px;
		}
		.top_menu_logo p{
			display:none;
		}
	.top_menu_rsearch{
		display:none;
	}	
			
.web_content{
	float:left;
	width:100%;
	margin-top:135px;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
.index_runimg{
	float:left;
	width:100%;
	margin-bottom:10px;
}
	
.index_community{
	float:left;
	width:100%;
	margin-bottom:10px;
}
	.index_community_box{
		float:left;
		width:49%;
		margin:5px 0.5%;
	}
		.index_community_box img{
			width:100%;
			max-width:400px;
			border:1px solid #F0F0F0;
		}
		
.index_product{
	float:left;
	width:92%;
	margin:10px 4%;
}
	.index_product_title{
		float:left;
		width:90%;
		margin:30px 5% 0;
		font-size: 1.5em;
		position: relative;
		text-align: center;
	}		
		.index_product_title:before {
			content: "";
			border-top: 1px solid #dadada;
			display: block;
			position: absolute;
			width: 40px;
			top: 15px;
			left: 0
		}		
		.index_product_title:after {
			content: "";
			border-top: 1px solid #dadada;
			display: block;
			position: absolute;
			width: 40px;
			top: 15px;
			right: 0
		}
	.index_product_project{
		float:left;
		width:47%;
		margin:20px 1.5%;
	}
		.index_product_project_img{
			float:left;
			width:100%;
			text-align:center;
		}
			.index_product_project_img img{
				width:100%;
				max-width:400px;
				_width:expression(this.width > 400 ? "400px" : this.width);
				max-height:400px;
				_height:expression(this.height > 400 ? "400px" : this.height);
			}
		.index_product_project_name{
			float:left;
			width:100%;
			height:2.8em;
			margin:10px 0;
			font-size:0.8em;
			color:#333;
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.index_product_project_price{
			float:left;
			width:100%;
		}				
			.index_product_project_price_special{
				float:left;
				width:60%;
				text-align:right;
				font-size:1em;
				color:#F00;
			}
			.index_product_project_price_original{
				float:left;
				width:40%;
				padding:2% 0 0 5px;
				font-size:0.6em;
				color:#999;
				text-decoration:line-through;
			}
		.index_product_project_button{
			float:left;
			width:100%;
			margin:20px 0;
			padding:0;
			font-size:0.8em;
		}
		
.page_path{
	float:right;
	width:96%;
	margin:20px 2%;
	text-align:right;
	font-size:0.8em;
	letter-spacing:1px;
	color:#333;
}
	.page_path a{
		color:#4780a7;
	}
	.page_path a:visited{
		color:#4780a7;
	}
	.page_path a:hover{
		color:#616163;
		text-decoration:underline;
	}

.page_left{
	float:left;
	width:98%;
	margin:0 1%;
	padding:0 10px;
}	
	.page_left_menu{
		float:left;
		width:100%;
		margin:0 0 20px;
		border:1px solid #F0F0F0;
	}
	.product_left_menu{
		display:none;
	}
		.page_left_menu_title{
			float:left;
			width:100%;
			padding:10px 0;
			text-align:center;
			background-color:#338861;
			color:#FFF;
			font-size:1.2em;
		}
	.page_left_community{
		float:left;
		width:100%;
	}
		.page_community_box{
			float:left;
			width:48%;
			margin:8px 1%;
		}
			.page_community_box img{
				width:100%;
				max-width:400px;
				border:1px solid #F0F0F0;
			}
		
.page_right{
	float:left;
	width:98%;
	margin:20px 1% 0;
}
.page_right h1{
	float:left;
	width:100%;
	padding:10px 0;
	text-align:center;
	font-size:1.5em;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
	color:#333;
}
	.page_productoverview_top{
		float:left;
		width:100%;
		margin:0 0 20px;
	}
		.page_productoverview_top_l{
			float:left;
			width:60%;
			padding:20px 0 0;
			text-align:left;
			font-size:0.9em;
			color:#333;
			display: none;
		}
		.page_productoverview_top_r{
			float:right;
			width:80%;
			margin:0 2% 0 0;
			text-align:right;		
		}
			#select-title {
				width:150px;
				height:40px;
				padding-left:5px;
				font-size: 1em;
				color: #FFF;
				background-color: #85a5b9;
				border:0;
				cursor: pointer; 
			}
				#select-project {
					font-size: 0.9em;
					color: #666;
					background-color: #FFF;
				}
	.page_product_project{
		float:left;
		width:48%;
		margin:20px 1%;
		padding:5px;
		border:1px solid #f0f0f0;
	}
		.page_product_project_img{
			float:left;
			width:100%;
			text-align:center;
		}
			.page_product_project_img img{
				width:100%;
				max-width:400px;
				_width:expression(this.width > 400 ? "400px" : this.width);
				max-height:400px;
				_height:expression(this.height > 400 ? "400px" : this.height);
			}
		.page_product_project_name{
			float:left;
			width:100%;
			height:2.8em;
			margin:10px 0;
			font-size:1em;
			color:#333;
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.page_product_project_price{
			float:left;
			width:100%;
		}				
			.page_product_project_price_special{
				float:left;
				width:60%;
				text-align:right;
				font-size:1.1em;
				color:#F00;
			}
			.page_product_project_price_original{
				float:left;
				width:40%;
				padding:3% 0 0 15px;
				font-size:0.6em;
				color:#999;
				text-decoration:line-through;
			}
		.page_product_project_button{
			float:left;
			width:100%;
			margin:20px 0 0;
			padding:8px 0;
			font-size:0.8em;
		}

.page_productintroduce{
	float:left;
	width:100%;
	margin:20px 0;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.page_productintroduce_content{
		float:left;
		width:100%;
		margin:0 0 30px;
		padding:0 2% 30px;
		border-bottom:1px solid #f0f0f0;
	}
		.productintroduce_content_img{
			float:left;
			width:98%;
			text-align:center;
			margin:0 1% 0;
		}
		.productintroduce_content_text{
			float:left;
			width:98%;
			margin:20px 1% 0;
		}
			.productintroduce_content_text_name{
				float:left;
				width:100%;
				margin:0 0 10px;
			}
				.productintroduce_content_text_name h1{
					font-size:1.5em;
					font-weight:bolder;
					padding:6px 0;
					color:#338861;
				}
				.productintroduce_content_text_name p{
					font-size:1.2em;
					font-weight:bold;
					color:#666;
					padding:3px 0;
				}
			.productintroduce_content_text_number{
				float:left;
				width:100%;
				margin:0 0 10px;
				font-size:1em;				
			}
			.productintroduce_content_text_introduce{
				float:left;
				width:100%;
				margin:0 0 10px;
			}
				.productintroduce_content_text_introduce p{
					font-size:1em;
					padding:1px 0;
				}
			.productintroduce_content_text_price{
				float:left;
				width:100%;
				margin:0 0 10px;
				text-align:left;
			}
				.productintroduce_content_text_price_l{
					float:left;
					width:98%;
					margin:0 1%;
					font-size:1.2em;
					text-align:left;
				}
					.productintroduce_content_text_price_l span{
						font-size:1.5em;
						color:#f00;
					}
				.productintroduce_content_text_price_r{
					float:left;
					width:98%;
					margin:0 1%;
					padding:12px 0 0;
					font-size:0.9em;
					color:#999;
					text-align:left;
				}
					.productintroduce_content_text_price_r span{
						text-decoration:line-through;
					}
			.productintroduce_content_text_buy{
				float:left;
				width:100%;
				margin:5px 0;
				text-align:left;
				font-size:1em;
				font-weight:bold;
				color:#d95252;
			}
			.productintroduce_content_shareit{
				float:left;
				width:100%;
				margin:5px 0;
				padding:0 0 30px;
				border-bottom:1px dashed #d98f52;
				font-size:1em;
			}
			.productintroduce_content_plusselect{
				float:left;
				width:100%;
				margin:10px 0 10px;
				padding:0 0 30px;
				text-align:left;
			}
				.productintroduce_content_plusselect_box{
					float:left;
					width:98%;
					margin:10px 1%;
				}
					#proquantity-select {
						width:65%;
						height:40px;
						font-size: 1em;
						color: #666;
						border:1px solid #dedede;
						cursor: pointer;
					}
						#proquantity-select-box {
							font-size: 0.9em;
							color: #666;
							background-color: #FFF;
						}
			.productintroduce_content_text_button{
				float:left;
				width:98%;
				margin:10px 1%;
				text-align:center;
			}
				.productintroduce_content_text_button_box{
					float:left;
					width:90%;
					margin:10px 5%;
				}
	.productintroduce_label{
		float:left;
		width:100%;
		margin:30px 0 0;
	}	
		.productintroduce_label_box{
			float:left;
			margin:8px;
			padding:8px;
			border:2px solid #ddd;
			font-size:1em;
			color:#aaa;
		}
			.productintroduce_label_box:hover{
				color:#89c4a9;
				border:2px solid #89c4a9;
			}
	.page_productintroduce_other{
		float:left;
		width:100%;
		margin:30px 0;
	}
		.page_productintroduce_other img{
			width:100%;
		}
		
.page_content{
	float:left;
	width:98%;
	margin:20px 1%;
	font-size:1em;
}
	.page_content img{
		width:100%;
		max-width:1200px;
		text-align:center;
	}
	
.news_project{
	float:left;
	width:100%;
	margin:15px 0;
	padding:0 0 10px;
	border-bottom:1px solid #f0f0f0;
}
	.news_project_l{
		float:left;
		width:96%;
		margin:0 2%;
		text-align:center;
	}
		.news_project_img{
			width:80%;
			margin:0 10%;
		}
		.news_project_img img{
			width:100%;
			max-width:500px;
			_width:expression(this.width > 500 ? "500px" : this.width);
			max-height:350px;
			_height:expression(this.height > 350 ? "350px" : this.height);
		}
	.news_project_r{
		float:left;
		width:96%;
		margin:10px 2%;
	}
		.news_project_title{
			float:left;
			width:100%;
			height:2.8em;
			margin:8px 0;
			font-size:1em;
			color:#333;
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
			.news_project_title a, .news_project_title a:visited{
				color:#333;
			}
			.news_project_title a:hover{
				color:#5ba683;
				text-decoration: underline;
			}
		.news_project_date{
			float:left;
			width:100%;
			margin:10px 0;
			font-size:0.6em;
			color:#85a5b9;
			font-weight:bold;
		}
		.news_project_synopsis{
			float:left;
			width:100%;
			height:4em;
			margin:5px 0;
			font-size:0.8em;
			color:#999;
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
		}
		.news_project_button{
			float:right;
			width:100%;
			margin:5px 0;
			text-align:right;
		}
			.news_project_button_box{
				float:left;
				width:100px;
				margin-left: calc(50% - 50px);
				padding:8px 0;
				text-align:center;
				border:1px solid #AAA;
				font-size:0.8em;
				color:#666;
			}
			.news_project_button_box:hover{
				background-color:#5ba683;
				color:#FFF;
			}		
	.news_content_date{
		float:left;
		width:100%;
		margin:20px 0;
		text-align:center;
		font-size:0.9em;
		color:#587f98;
	}
	.news_content_button{
		float:left;
		width:30%;
		margin:30px 35%;
	}
	
.member_registered_picture{
	float:left;
	width:100%;
	padding:10px 15px 0;
	font-size:1em;
	color:#333;
}
	#account_number-box{
		width:84%;
		height:43px;
		margin:0 8%;
		font-size: 1em;
		background: #fff url('../images/account_number.png') no-repeat 10px 4px;
		padding: 4px 4px 4px 55px;
		border:1px solid #f0f0f0;
	}
		#account_number-box:hover{
			border:1px solid #e1c7bb;
		}
		#account_number-box:active{
			border:1px solid #e1c7bb;
		}	
	#password-box{
		width:84%;
		height:43px;
		margin:0 8%;
		font-size: 1em;
		background: #fff url('../images/password.png') no-repeat 10px 4px;
		padding: 4px 4px 4px 55px;
		border:1px solid #f0f0f0;
	}
		#password-box:hover{
			border:1px solid #fedcb3;
		}
		#password-box:active{
			border:1px solid #fedcb3;
		}
	#signin-button{
		width:84%;
		height:50px;
		margin:0 8%;
		border:1px #fd8181 none;
		border-radius:10px;
		background-color:#EBEEF0;
		color:#333;
	}
		#signin-button:hover{
			background-color:#5ba683;
			color:#FFF;
		}	
	.member_other{
		float:left;
		width:100%;
		margin:20px 0;
	}
		.member_other_text{
			float:left;
			width:48%;
			text-align:center;
			margin:0 1%;
			font-size:1.1em;
		}
			.member_other_text a{
				color:#000;
			}
			.member_other_text a:visited{
				color:#000;
			}
			.member_other_text a:hover{
				color:#587f98;
				text-decoration:underline;
			}		
	.member_registered_picture p{
		margin:25px 0;
	}	
		#blank-box{
			width:100%;
			height:43px;
			margin:0;
			font-size: 1em;
			padding: 4px;
			border:1px solid #ddd;
		}
			#blank-box:hover{
				border:1px solid #d4b9ab;
			}
			#blank-box:active{
				border:1px solid #d4b9ab;
			}
		.member_registered_picture_button{
			float:left;
			width:42%;
			margin:20px 4%;
		}	
	.member_information{
		float:left;
		width:100%;
		margin:4px 0;
	}
		.member_information_title{
			float:left;
			width:100%;
			padding:8px 0 8px 10px;
			background-color:#36607d;
			color:#fff;
			font-size:1em;
			text-align:center;
			border-right:1px solid #ddd;
			border-bottom:0px solid #ddd;
			line-height:28px;
		}
		.member_information_content{
			float:left;
			width:90%;
			padding:8px 0 8px 10px;
			background-color:#F7F7F7;
			line-height:28px;
			font-size:0.9em;
		}
		.member_information_amend{
			float:left;
			width:10%;
			padding:8px 0;
			background-color:#F7F7F7;
			color:#5ba683;
			font-size:0.8em;
			font-weight:bold;
			line-height:28px;
			letter-spacing:2px;
		}
			.member_information_amend a{
				color:#5ba683;
			}
			.member_information_amend a:visited{
				color:#5ba683;
			}
			.member_information_amend a:hover{
				color:#d95252;
			}
	.orders_form_title{
		display:none;
		float:left;
		width:100%;
		background-color:#4d9797;
		color:#FFF;
		font-size:1.2em;
		font-weight:bold;
		letter-spacing:2px;
	}
		.orders_form_title_pc_date,.orders_form_title_pc_number,.orders_form_title_pc_status,.orders_form_title_pc_detailed{
			display:none;
		}
	.orders_form_content{
		float:left;
		width:96%;
		margin:0 2%;
		padding:10px 0;
		border-bottom:1px solid #cecece;
		color:#000;
		font-size:1em;
	}
		.orders_form_content_date,.orders_form_content_number,.orders_form_content_status{
			float:left;
			width:100%;
			padding:10px 0;
			text-align:left;
			border-right: none;
		}
		.orders_form_title_ph_date,.orders_form_title_ph_number,.orders_form_title_ph_status,.orders_form_title_ph_detailed{
				display: inherit;
				float:left;
				width:25%;
				margin:0 4% 0 0;
				text-align:center;
				color:#000;
				border-right:1px solid #cecece;
				font-size:0.9em;
				font-weight:bold;
				letter-spacing:2px;
			}
		.orders_form_content_detailed{
			float:left;
			width:100%;
			padding:10px 0;
			text-align:left;
			color:#5ba683;
		}
			.orders_form_content_detailed a{
				color:#5ba683;
			}
			.orders_form_content_detailed a:visited{
				color:#5ba683;
			}
			.orders_form_content_detailed a:hover{
				color:#F00;
			}
.orders_list_form{
	float:left;
	width:100%;
	margin:20px 0 0;
}
	.orders_list_form_title{
		display:none;
		float:left;
		width:100%;
		background-color:#4d9797;
		color:#FFF;
		font-size:1em;
		letter-spacing:2px;
		text-align:center;
	}
		.orders_list_form_title_product{
			float:left;
			width:65%;
			padding:10px 0;
			border-right:1px solid #fff;
		}
		.orders_list_form_title_quantity{
			float:left;
			width:10%;
			padding:10px 0;
			border-right:1px solid #fff;
		}
		.orders_list_form_title_price{
			float:left;
			width:25%;
			padding:10px 0;
		}
	.orders_list_form_content{
		float:left;
		width:100%;
		border-bottom:1px solid #f0f0f0;
		margin-bottom:10px;
		background-color:#F5F5F5;
	}
	.orders_list_form_content a{
		color:#000;
	}
	.orders_list_form_content a:visited{
		color:#000;
	}
	.orders_list_form_content a:hover{
		color:#fd8181;
	}
		.orders_list_form_content_product{
			float:left;
			width:100%;
			padding:10px 0;
		}
			.orders_list_form_content_product_img{
				float:left;
				width:50%;
				text-align:center;
			}
				.orders_list_form_content_product_img img{
					width:90%;
					max-width:120px;
				}
			.orders_list_form_content_product_name{
				float:left;
				width:49%;
				padding:5% 1% 0 0;
				font-size:1em;
				text-align:left;
			}
		.orders_list_form_content_quantity{
			float:left;
			width:50%;
			padding:5% 0;
			text-align:center;
			font-size:1em;	
		}
			.orders_list_form_content_quantity_ph{
				display:inline;
				margin-right:2px;
			}
		.orders_list_form_content_price{
			float:left;
			width:50%;
			padding:5% 0;
			text-align:center;
			font-size:1em;	
		}
	.orders_list_calculation{
		float:left;
		width:100%;
		padding:20px 0;
		background-color:#FFF;
	}
		.orders_list_calculation_freight{
			float:left;
			width:100%;
			padding:8px 0;
			font-size:1em;
		}
			.orders_list_calculation_freight_l{
				float:left;
				width:67%;
				text-align:right;
			}
			.orders_list_calculation_freight_r{
				float:left;
				width:33%;
				padding:0 15px 0 0 ;
				text-align:right;
			}
		.orders_list_calculation_total{
			float:left;
			width:100%;
			padding:8px 0;
		}
			.orders_list_calculation_total_l{
				float:left;
				width:67%;
				text-align:right;
			}
			.orders_list_calculation_total_r{
				float:left;
				width:33%;
				padding:0 15px 0 0 ;
				text-align:right;
				font-size:1.2em;
				font-weight:bold;
				color:#F00;
			}
.orders_information{
	float:left;
	width:100%;
	margin:50px 0 0;
	background-color:#FFF;
}
	.orders_information_project{
		float:left;
		width:100%;
		border-bottom:none;
		font-size:1em;
	}
		.orders_information_title{
			float:left;
			width:100%;
			padding:10px 0;
			text-align:center;
			border-right:none;
			border-bottom:1px solid #1a6e6e;
			background-color:#FFF;
			color:#36607d;
			letter-spacing:2px;
			font-weight:bold;
		}
		.orders_information_content{
			float:left;
			width:100%;
			padding:10px 0 30px;
			text-align:center;
		}
		
.shoppingcart{
	float:left;
	width:98%;
	margin:0 1%;
	background-color:#FFF;
	padding:35px 5px;
}
	.shoppingcart_orderstep{
		float:left;
		width:100%;
		margin:0 0 40px;
		padding:0;
	}
		.shoppingcart_orderstep_in{
			float:left;
			width:24%;
			text-align:center;
			margin:0 2%;
			padding:10px 0;
			color:#338861;
			font-size:1em;
		}
			.shoppingcart_orderstep_icon_in{
				float:left;
				width:100%;
				text-align:center;
			}
				.shoppingcart_orderstep_icon_in_box{
					float:left;
					width:64px;
					height:64px;
					margin-left:calc(50% - 32px);
					padding:10px 8px;
					text-align:center;
					border-radius:50%;
					font-size:1.8em;
					background-color:#338861;
					color:#FFF;
				}
		.shoppingcart_orderstep_step{
			float:left;
			width:8%;
			margin:8% 0;
			text-align:center;
			padding:10px 0;
			color:#666;
		}
		.shoppingcart_orderstep_out{
			float:left;
			width:24%;
			text-align:center;
			margin:2% 2% 0;
			padding:10px 0;
			border-bottom:0px solid #308282;
			color:#CCC;
			font-size:0.8em;
		}
			.shoppingcart_orderstep_icon_out{
				float:left;
				width:100%;
				text-align:center;
			}
				.shoppingcart_orderstep_icon_out_box{
					float:left;
					width:50px;
					height:50px;
					margin-left:calc(50% - 25px);
					padding:10px 8px;
					text-align:center;
					border-radius:50%;
					font-size:1.8em;
					background-color:#CCC;
					color:#FFF;
				}
	.shoppingcart_form_title{
		float:left;
		width:100%;
		text-align:center;
		font-size:0.9em;
		display:none;
	}
	.shoppingcart_form{
		float:left;
		width:100%;
		margin-bottom:0;
		border-bottom:1px solid #DDD;
	}
	.shoppingcart_form a:visited{
		color:#000;
	}
		.shoppingcart_form_pro{
			float:left;
			width:100%;
			margin:5px 0;
		}
			.shoppingcart_form_proimg{
				float:left;
				width:100%;
				padding:8px 0 0;
				text-align:center;
			}
				.shoppingcart_form_proimg img{
					width:90%;
					max-width:120px;
				}
			.shoppingcart_form_proname{
				float:left;
				width:100%;
				padding:1.5% 0 0;
				text-align:center;
			}
				.shoppingcart_form_proname p{
					font-size:0.9em;
				}
		.shoppingcart_form_proprice{
			float:left;
			width:100%;
			text-align:center;
			padding:0 0 5%;
			font-size:1em;
		}
		.shoppingcart_form_proquantity{
			float:left;
			width:60%;
			text-align:center;
			padding:5% 0;
			border-top:1px dashed #EAEAEA;
			border-bottom:none;
		}
			#shoppingcart_form_proquantity-select {
				width:60px;
				height:30px;
				font-size: 1em;
				color: #666;
				border:1px solid #dedede;
				cursor: pointer;
			}
				#shoppingcart_form_proquantity-select-box {
					font-size: 0.9em;
					color: #666;
					background-color: #FFF;
				}
			.shoppingcart_form_proquantity_ph{
				display: inline;
				margin-right:5px;
			}
		.shoppingcart_form_proallprice{
			float:left;
			width:30%;
			text-align:center;
			padding:6% 0 0;
			border-top:1px dashed #EAEAEA;
			border-bottom:none;
			font-size:0.9em;
		}
		.shoppingcart_form_prorevision{
			float:left;
			width:10%;
			text-align:center;
			padding:4% 0 0;
			font-size:1.5em;
			color:#4d9797;
			border-top:1px dashed #EAEAEA;
			border-bottom:none;
		}
			.shoppingcart_form_prorevision a:visited{
				color:#4d9797;
			}
			.shoppingcart_form_prorevision a:hover{
				color:#f00;
			}
	.shoppingcart_freight{
		float:left;
		width:100%;
		margin:30px 0 10px 0;
		font-size:1em;
	}
		.shoppingcart_freight_l{
			float:left;
			width:80%;
			text-align:right;
			padding:0 10px 0 0;
		}
		.shoppingcart_freight_r{
			float:left;
			width:20%;
			text-align:right;
			padding:0 10px 0 0;
		}
	.shoppingcart_clearing{
		float:left;
		width:100%;
		margin:0;
	}
		.shoppingcart_clearing_l{
			float:left;
			width:80%;
			text-align:right;
			padding:8px 10px 0 0;
			font-size:1em;
		}
		.shoppingcart_clearing_r{
			float:left;
			width:20%;
			text-align:right;
			padding:0 10px 0 0;
			font-size:1.5em;
			font-weight:bold;
			color:#f00;
		}
	.shoppingcart_button{
		float:left;
		width:100%;
		margin:50px 0 20px;
	}
.shoppingcart_fillinformation{
	float:left;
	width:100%;
	margin:100px 0 0;
}
	.shoppingcart_fillinformation_title{
		float:left;
		width:100%;
		margin:0 0 15px;
		padding:10px;
		font-size:1em;
		letter-spacing:2px;
		background-color:#36607d;
		color:#FFF;
	}
	.shoppingcart_fillinformation_text{
		float:left;
		width:100%;
		margin:0;
		font-size:0.9em;
		padding:10px 0;
	}
		.shoppingcart_fillinformation_text p{
			margin-bottom:20px;
		}
.shoppingcart_completeorder{
	float:left;
	width:100%;
	text-align:center;
	margin:20px 0;
}
	.shoppingcart_completeorder_title{
		float:left;
		width:100%;
		margin:0 0 15px;
		font-size:1.2em;
		font-weight:bold;
	}
	.shoppingcart_completeorder_text{
		float:left;
		width:100%;
		font-size:1em;
	}
		
.footer{
	float:left;
	width:100%;
	padding:30px 2%;
	background-color:#36607d;
}
.footer a, a:visited{
	color:#DEDEDE;
}
.footer a:hover{
	color:#fec5b3;
	text-decoration:underline;
}
	.footer_aboutus, .footer_contactus, .footer_email{
		float:left;
		width:98%;
		margin:10px 1%;
	}
		.footer_aboutus_title, .footer_contactus_title, .footer_email_title{
			float:left;
			width:100%;
			padding:15px 0 15px 8px;
			font-size:1.2em;
			color:#FFF;
			border-bottom:1px solid #F0F0F0;
		}
		.footer_aboutus_content, .footer_contactus_content, .footer_email_content{
			float:left;
			width:100%;
			padding:15px 0 15px 8px;
			font-size:1em;
			color:#DEDEDE;
		}
		.footer_about_button{
			float:left;
			width:20%;
			margin:5px 40% 0;
			padding:4px 0;
			text-align:center;
			font-size:0.8em;
			border:1px solid #DDD;
		}
		.footer_email_content{
			text-align:center;
		}
			.footer_email_from{
				float:left;
				width:100%;
				margin:10px 0;
				padding:0 3%;
			}
				.footer_email_from_box{
					float:left;
					width:75%;
				}
				.footer_email_from_button{
					float:left;
					width:25%;
					padding:6px 0;
					text-align:center;
					background-color:#5ba683;
					border:0.5px solid #5ba683;
					color:#FFF;
				}
					.footer_email_from_button:hover{
						background-color:#36607d;
						border:0.5px solid #b6cbd9;
						color:#FFF;
					}
	.footer_project{
		float:left;
		width:100%;
		margin:20px 0;
		text-align:center;
		font-size:1em;
	}
		.footer_project p{
			float:left;
			width:31%;
			margin:0 1%;
		}
		.footer_project a, .footer_project a:visited{
			color:#FFF;
		}
		.footer_project a:hover{
			color:#fec5b3;
			text-decoration:underline;
		}

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

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

.top_project{
	float:left;
	width:100%;
	height:35px;
	padding:5px 3px;
	background-color:#36607d;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
	position: fixed;
	top:0;
	z-index:10000;
}
	.top_project_spacing{
		float:left;
		width:30%;
	}
	.top_project_box{
		float:left;
		width:70%;
		font-size:0.9em;
		text-align:center;
		color:#FFF;
	}
		.top_project_box a, .top_project_box a:visited, .top_project_box a:active{
			color:#FFF;
		}
		.top_project_box a:hover{
			color:#fedcb3;
		}
		.top_project_shoppingcart{
			float:right;
			width:31%;
			margin:0 1%;
			padding:2px 8px;
		}
			.top_project_shoppingcart span{
				border-radius:50%;
				background-color:#89c4a9;
				padding:2px 6px 2px 5px;
				margin-left:5px;
				font-size:0.8em;
				color:#333;
			}
			.top_project_box a:hover span{
				color:#FFF;
			}
		.top_project_member{
			float:right;
			width:31%;
			margin:0 1%;
			padding:2px 8px;
			border-left:1px solid #FFF;
			border-right:1px solid #FFF;
		}
		.top_project_signin{
			float:right;
			width:31%;
			margin:0 1%;
			padding:2px 8px;
		}
		
.top_menuproject{
	float:left;
	width:100%;
	height:100px;
	padding:3px 0;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
	background-color:#FFF;
	position: fixed;
	top:35px;
	z-index:100;
	border-bottom:1px solid #DDD;
	/*
	-webkit-box-shadow: 0px 3px 8px #DDD;
	-moz-box-shadow: 0px 3px 8px #DDD;
	box-shadow: 0px 3px 8px #DDD; 
	*/
}
	.top_pc_menu_lmenu{
		display:none;
	}
	.top_ph_menu_lmenu{
		display: inline;
		float:left;
		width:20%;
		padding:20px 0 0 20px;
	}
		.ph_menu_search{
			display: none;
		}
	.top_menu_logo{
		float:left;
		width:50%;
		text-align:center;
		padding:0;
	}
		.top_menu_logo img{
			width:95%;
			max-width:300px;
		}
		.top_menu_logo p{
			display:inline;
			float:left;
			width:100%;
			font-size:#0.8em;
			color:#333;
			text-align:center;
		}
	.top_menu_rsearch{
		display:inline;
		float:left;
		width:30%;
		padding:30px 0 0 0;
	}			
		.search_keyword_box{
			float:left;
			width:82%;
		}			
		.search_price_box{
			display:none;
		}
		.search_button{
			float:left;
			width:18%;
			height:35px;
			margin-left:-1.8%;
			padding-left:2.2%;
			text-align:left;
			border:2px solid #338861;
			border-top-right-radius: 3px;
			border-bottom-right-radius: 3px;
			background-color:#338861;
			color:#FFF;
			font-size:1.3em;
		}
			.search_button:hover{
				border:2px solid #606062;
				background-color:#606062;
				color:#FFF;
			}
			
.web_content{
	float:left;
	width:100%;
	margin-top:135px;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
.index_runimg{
	float:left;
	width:100%;
	margin-bottom:15px;
}
	
.index_community{
	float:left;
	width:100%;
	margin-bottom:15px;
}
	.index_community_box{
		float:left;
		width:49%;
		margin:5px 0.5%;
	}
		.index_community_box img{
			width:100%;
			max-width:400px;
			border:1px solid #F0F0F0;
		}
		
.index_product{
	float:left;
	width:92%;
	margin:10px 4%;
}
	.index_product_title{
		float:left;
		width:60%;
		margin:30px 20% 0;
		font-size: 2em;
		position: relative;
		text-align: center;
	}		
		.index_product_title:before {
			content: "";
			border-top: 1px solid #dadada;
			display: block;
			position: absolute;
			width: 80px;
			top: 25px;
			left: 0
		}		
		.index_product_title:after {
			content: "";
			border-top: 1px solid #dadada;
			display: block;
			position: absolute;
			width: 80px;
			top: 25px;
			right: 0
		}
	.index_product_project{
		float:left;
		width:46%;
		margin:20px 2%;
	}
		.index_product_project_img{
			float:left;
			width:100%;
			text-align:center;
		}
			.index_product_project_img img{
				width:100%;
				max-width:400px;
				_width:expression(this.width > 400 ? "400px" : this.width);
				max-height:400px;
				_height:expression(this.height > 400 ? "400px" : this.height);
			}
		.index_product_project_name{
			float:left;
			width:100%;
			height:2.8em;
			margin:10px 0;
			font-size:1.1em;
			color:#333;
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.index_product_project_price{
			float:left;
			width:100%;
		}				
			.index_product_project_price_special{
				float:left;
				width:60%;
				text-align:right;
				font-size:1.5em;
				color:#F00;
			}
			.index_product_project_price_original{
				float:left;
				width:40%;
				padding:4% 0 0 15px;
				font-size:0.8em;
				color:#999;
				text-decoration:line-through;
			}
		.index_product_project_button{
			float:left;
			width:100%;
			margin:20px 0;
			padding:8px 0;
			font-size:1em;
		}
		
.page_path{
	float:right;
	width:96%;
	margin:20px 2%;
	text-align:right;
	font-size:0.9em;
	letter-spacing:2px;
	color:#333;
}
	.page_path a{
		color:#4780a7;
	}
	.page_path a:visited{
		color:#4780a7;
	}
	.page_path a:hover{
		color:#616163;
		text-decoration:underline;
	}
	
.page_left{
	float:left;
	width:98%;
	margin:0 1%;
	padding:0 10px;
}		
	.page_left_menu{
		float:left;
		width:100%;
		margin:0 0 20px;
		border:1px solid #F0F0F0;
	}
	.product_left_menu{
		display:none;
	}
		.page_left_menu_title{
			float:left;
			width:100%;
			padding:10px 0;
			text-align:center;
			background-color:#338861;
			color:#FFF;
			font-size:1.2em;
		}
	.page_left_community{
		float:left;
		width:100%;
	}
		.page_community_box{
			float:left;
			width:48%;
			margin:8px 1%;
		}
			.page_community_box img{
				width:100%;
				max-width:400px;
				border:1px solid #F0F0F0;
			}
		
.page_right{
	float:left;
	width:98%;
	margin:20px 1% 0;
}
.page_right h1{
	float:left;
	width:100%;
	padding:10px 0;
	text-align:center;
	font-size:1.5em;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
	color:#333;
}
	.page_productoverview_top{
		float:left;
		width:100%;
		margin:0 0 20px;
	}
		.page_productoverview_top_l{
			float:left;
			width:60%;
			padding:20px 0 0;
			text-align:left;
			font-size:0.9em;
			color:#333;
			display:inherit;
		}
		.page_productoverview_top_r{
			float:right;
			width:38%;
			margin:0 2% 0 0;
			text-align:right;		
		}
			#select-title {
				width:150px;
				height:40px;
				padding-left:5px;
				font-size: 1em;
				color: #FFF;
				background-color: #85a5b9;
				border:0;
				cursor: pointer; 
			}
				#select-project {
					font-size: 0.9em;
					color: #666;
					background-color: #FFF;
				}
	.page_product_project{
		float:left;
		width:31%;
		margin:20px 1%;
		padding:5px;
		border:1px solid #f0f0f0;
	}
		.page_product_project_img{
			float:left;
			width:100%;
			text-align:center;
		}
			.page_product_project_img img{
				width:100%;
				max-width:400px;
				_width:expression(this.width > 400 ? "400px" : this.width);
				max-height:400px;
				_height:expression(this.height > 400 ? "400px" : this.height);
			}
		.page_product_project_name{
			float:left;
			width:100%;
			height:2.8em;
			margin:10px 0;
			font-size:1.1em;
			color:#333;
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.page_product_project_price{
			float:left;
			width:100%;
		}				
			.page_product_project_price_special{
				float:left;
				width:60%;
				text-align:right;
				font-size:1.3em;
				color:#F00;
			}
			.page_product_project_price_original{
				float:left;
				width:40%;
				padding:4% 0 0 15px;
				font-size:0.8em;
				color:#999;
				text-decoration:line-through;
			}
		.page_product_project_button{
			float:left;
			width:100%;
			margin:20px 0 0;
			padding:8px 0;
			font-size:1em;
		}
		
.page_productintroduce{
	float:left;
	width:100%;
	margin:20px 0;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.page_productintroduce_content{
		float:left;
		width:100%;
		margin:0 0 30px;
		padding:0 2% 30px;
		border-bottom:1px solid #f0f0f0;
	}
		.productintroduce_content_img{
			float:left;
			width:98%;
			text-align:center;
			margin:0 1% 0;
		}
		.productintroduce_content_text{
			float:left;
			width:98%;
			margin:20px 1% 0;
		}
			.productintroduce_content_text_name{
				float:left;
				width:100%;
				margin:0 0 10px;
			}
				.productintroduce_content_text_name h1{
					font-size:1.5em;
					font-weight:bolder;
					padding:6px 0;
					color:#338861;
				}
				.productintroduce_content_text_name p{
					font-size:1.2em;
					font-weight:bold;
					color:#666;
					padding:3px 0;
				}
			.productintroduce_content_text_number{
				float:left;
				width:100%;
				margin:0 0 10px;
				font-size:1em;				
			}
			.productintroduce_content_text_introduce{
				float:left;
				width:100%;
				margin:0 0 10px;
			}
				.productintroduce_content_text_introduce p{
					font-size:1em;
					padding:1px 0;
				}
			.productintroduce_content_text_price{
				float:left;
				width:100%;
				margin:0 0 10px;
				text-align:left;
			}
				.productintroduce_content_text_price_l{
					float:left;
					width:44%;
					margin:0 1% 0 0;
					font-size:1.2em;
					text-align:left;
				}
					.productintroduce_content_text_price_l span{
						font-size:1.5em;
						color:#f00;
					}
				.productintroduce_content_text_price_r{
					float:left;
					width:55%;
					margin:0;
					padding:12px 0 0;
					font-size:0.9em;
					color:#999;
					text-align:left;
				}
					.productintroduce_content_text_price_r span{
						text-decoration:line-through;
					}
			.productintroduce_content_text_buy{
				float:left;
				width:100%;
				margin:5px 0;
				text-align:left;
				font-size:1em;
				font-weight:bold;
				color:#d95252;
			}
			.productintroduce_content_shareit{
				float:left;
				width:100%;
				margin:5px 0;
				padding:0 0 30px;
				border-bottom:1px dashed #d98f52;
				font-size:1em;
			}
			.productintroduce_content_plusselect{
				float:left;
				width:100%;
				margin:10px 0 10px;
				padding:0 0 30px;
				text-align:left;
			}
				.productintroduce_content_plusselect_box{
					float:left;
					width:48%;
					margin:10px 1%;
				}
					#proquantity-select {
						width:65%;
						height:40px;
						font-size: 1em;
						color: #666;
						border:1px solid #dedede;
						cursor: pointer;
					}
						#proquantity-select-box {
							font-size: 0.9em;
							color: #666;
							background-color: #FFF;
						}
			.productintroduce_content_text_button{
				float:left;
				width:98%;
				margin:10px 1%;
				text-align:center;
			}
				.productintroduce_content_text_button_box{
					float:left;
					width:40%;
					margin:0 5%;
				}
	.productintroduce_label{
		float:left;
		width:100%;
		margin:30px 0 0;
	}	
		.productintroduce_label_box{
			float:left;
			margin:8px;
			padding:8px;
			border:2px solid #ddd;
			font-size:1em;
			color:#aaa;
		}
			.productintroduce_label_box:hover{
				color:#89c4a9;
				border:2px solid #89c4a9;
			}
	.page_productintroduce_other{
		float:left;
		width:100%;
		margin:30px 0;
	}
		.page_productintroduce_other img{
			width:100%;
		}
		
.page_content{
	float:left;
	width:96%;
	margin:20px 2%;
	font-size:1.1em;
}
	.page_content img{
		width:100%;
		max-width:1200px;
		text-align:center;
	}
	
.news_project{
	float:left;
	width:100%;
	margin:15px 0;
	padding:0 0 10px;
	border-bottom:1px solid #f0f0f0;
}
	.news_project_l{
		float:left;
		width:96%;
		margin:0 2%;
		text-align:center;
	}
		.news_project_img{
			width:80%;
			margin:0 10%;
		}
		.news_project_img img{
			width:100%;
			max-width:500px;
			_width:expression(this.width > 500 ? "500px" : this.width);
			max-height:350px;
			_height:expression(this.height > 350 ? "350px" : this.height);
		}
	.news_project_r{
		float:left;
		width:96%;
		margin:10px 2%;
	}
		.news_project_title{
			float:left;
			width:100%;
			height:2.8em;
			margin:8px 0;
			font-size:1em;
			color:#333;
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
			.news_project_title a, .news_project_title a:visited{
				color:#333;
			}
			.news_project_title a:hover{
				color:#5ba683;
				text-decoration: underline;
			}
		.news_project_date{
			float:left;
			width:100%;
			margin:10px 0;
			font-size:0.6em;
			color:#85a5b9;
			font-weight:bold;
		}
		.news_project_synopsis{
			float:left;
			width:100%;
			height:4em;
			margin:5px 0;
			font-size:0.8em;
			color:#999;
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
		}
		.news_project_button{
			float:right;
			width:100%;
			margin:5px 0;
			text-align:right;
		}
			.news_project_button_box{
				float:left;
				width:100px;
				margin-left: calc(50% - 50px);
				padding:8px 0;
				text-align:center;
				border:1px solid #AAA;
				font-size:0.8em;
				color:#666;
			}
			.news_project_button_box:hover{
				background-color:#5ba683;
				color:#FFF;
			}		
	.news_content_date{
		float:left;
		width:100%;
		margin:20px 0;
		text-align:center;
		font-size:0.9em;
		color:#587f98;
	}
	.news_content_button{
		float:left;
		width:20%;
		margin:30px 40%;
	}
	
.member_registered_picture{
	float:left;
	width:100%;
	padding:10px 15px 0;
	font-size:1em;
	color:#333;
}
	#account_number-box{
		width:70%;
		height:43px;
		margin:0 15%;
		font-size: 1em;
		background: #fff url('../images/account_number.png') no-repeat 10px 4px;
		padding: 4px 4px 4px 55px;
		border:1px solid #f0f0f0;
	}
		#account_number-box:hover{
			border:1px solid #e1c7bb;
		}
		#account_number-box:active{
			border:1px solid #e1c7bb;
		}	
	#password-box{
		width:70%;
		height:43px;
		margin:0 15%;
		font-size: 1em;
		background: #fff url('../images/password.png') no-repeat 10px 4px;
		padding: 4px 4px 4px 55px;
		border:1px solid #f0f0f0;
	}
		#password-box:hover{
			border:1px solid #fedcb3;
		}
		#password-box:active{
			border:1px solid #fedcb3;
		}
	#signin-button{
		width:70%;
		height:50px;
		margin:0 15%;
		border:1px #fd8181 none;
		border-radius:10px;
		background-color:#EBEEF0;
		color:#333;
	}
		#signin-button:hover{
			background-color:#5ba683;
			color:#FFF;
		}	
	.member_other{
		float:left;
		width:100%;
		margin:20px 0;
	}
		.member_other_text{
			float:left;
			width:40%;
			text-align:center;
			margin:0 5%;
			font-size:1.1em;
		}
			.member_other_text a{
				color:#000;
			}
			.member_other_text a:visited{
				color:#000;
			}
			.member_other_text a:hover{
				color:#587f98;
				text-decoration:underline;
			}		
	.member_registered_picture p{
		margin:25px 0;
	}	
		#blank-box{
			width:100%;
			height:43px;
			margin:0;
			font-size: 1em;
			padding: 4px;
			border:1px solid #ddd;
		}
			#blank-box:hover{
				border:1px solid #d4b9ab;
			}
			#blank-box:active{
				border:1px solid #d4b9ab;
			}
		.member_registered_picture_button{
			float:left;
			width:42%;
			margin:20px 4%;
		}
	.member_information{
		float:left;
		width:100%;
		margin:4px 0;
	}
		.member_information_title{
			float:left;
			width:20%;
			padding:8px 0 8px 10px;
			background-color:#36607d;
			color:#fff;
			font-size:0.9em;
			text-align:center;
			border-right:1px solid #ddd;
			border-bottom:0px solid #ddd;
			line-height:28px;
		}
		.member_information_content{
			float:left;
			width:70%;
			padding:8px 0 8px 10px;
			background-color:#F7F7F7;
			line-height:28px;
			font-size:1em;
		}
		.member_information_amend{
			float:left;
			width:9%;
			padding:8px 0;
			background-color:#F7F7F7;
			color:#5ba683;
			font-size:0.8em;
			font-weight:bold;
			line-height:28px;
			letter-spacing:2px;
		}
			.member_information_amend a{
				color:#5ba683;
			}
			.member_information_amend a:visited{
				color:#5ba683;
			}
			.member_information_amend a:hover{
				color:#d95252;
			}
	.orders_form_title{
		display: inline;
		float:left;
		width:100%;
		background-color:#365F7C;
		color:#FFF;
		font-size:1.1em;
		font-weight:bold;
		letter-spacing:2px;
	}
		.orders_form_title_pc_date,.orders_form_title_pc_number,.orders_form_title_pc_status{
			display: inline;
			float:left;
			width:25%;
			padding:10px 0;
			text-align:center;
			border-right:1px solid #FFF;
		}
		.orders_form_title_pc_detailed{
			display: inline;
			float:left;
			width:25%;
			padding:10px 0;
			text-align:center;
		}
	.orders_form_content{
		float:left;
		width:100%;
		margin:0;
		padding:20px 0;
		border-bottom:1px solid #cecece;
		color:#000;
		font-size:0.9em;
	}
		.orders_form_content_date,.orders_form_content_number,.orders_form_content_status{
			float:left;
			width:25%;
			text-align:center;
			border-right:1px solid #ddd;
		}
			.orders_form_title_ph_date,.orders_form_title_ph_number,.orders_form_title_ph_status,.orders_form_title_ph_detailed{
				display:none;
			}
		.orders_form_content_detailed{
			float:left;
			width:25%;
			text-align:center;
			font-weight:bold;
			color:#5ba683;
		}
			.orders_form_content_detailed a{
				color:#5ba683;
			}
			.orders_form_content_detailed a:visited{
				color:#5ba683;
			}
			.orders_form_content_detailed a:hover{
				color:#F00;
			}
.orders_list_form{
	float:left;
	width:100%;
	margin:20px 0 0;
	background-color:#F6F6F6;
}
	.orders_list_form_title{
		display:inline;
		float:left;
		width:100%;
		background-color:#36607d;
		color:#FFF;
		font-size:1em;
		letter-spacing:2px;
		text-align:center;
	}
		.orders_list_form_title_product{
			float:left;
			width:65%;
			padding:10px 0;
			border-right:1px solid #fff;
		}
		.orders_list_form_title_quantity{
			float:left;
			width:10%;
			padding:10px 0;
			border-right:1px solid #fff;
		}
		.orders_list_form_title_price{
			float:left;
			width:25%;
			padding:10px 0;
		}
	.orders_list_form_content{
		float:left;
		width:100%;
		border-bottom:1px solid #E9E9E9;
		margin-bottom:0px;
	}
	.orders_list_form_content a{
		color:#000;
	}
	.orders_list_form_content a:visited{
		color:#000;
	}
	.orders_list_form_content a:hover{
		color:#fd8181;
	}
		.orders_list_form_content_product{
			float:left;
			width:65%;
			padding:10px 0;
		}
			.orders_list_form_content_product_img{
				float:left;
				width:30%;
				text-align:center;
			}
				.orders_list_form_content_product_img img{
					width:90%;
					max-width:120px;
				}
			.orders_list_form_content_product_name{
				float:left;
				width:70%;
				padding:5% 0 0;
				font-size:0.9em;
				text-align:left;	
			}
		.orders_list_form_content_quantity{
			float:left;
			width:10%;
			padding:8% 0 0;
			text-align:center;
			font-size:1em;	
		}
			.orders_list_form_content_quantity_ph{
				display: none;
			}
		.orders_list_form_content_price{
			float:left;
			width:25%;
			padding:8% 0 0;
			text-align:center;
			font-size:1em;	
		}
	.orders_list_calculation{
		float:left;
		width:100%;
		padding:20px 0;
		background-color:#FFF;
	}
		.orders_list_calculation_freight{
			float:left;
			width:100%;
			padding:8px 0;
			font-size:1em;
		}
			.orders_list_calculation_freight_l{
				float:left;
				width:80%;
				text-align:right;
			}
			.orders_list_calculation_freight_r{
				float:left;
				width:20%;
				padding:0 15px 0 0 ;
				text-align:right;
			}
		.orders_list_calculation_total{
			float:left;
			width:100%;
			padding:8px 0;
		}
			.orders_list_calculation_total_l{
				float:left;
				width:80%;
				text-align:right;
			}
			.orders_list_calculation_total_r{
				float:left;
				width:20%;
				padding:0 15px 0 0 ;
				text-align:right;
				font-size:1.2em;
				font-weight:bold;
				color:#F00;
			}
.orders_information{
	float:left;
	width:100%;
	margin:50px 0 0;
	background-color:#F6F6F6;
}
	.orders_information_project{
		float:left;
		width:100%;
		border-bottom:1px solid #f0f0f0;
		font-size:1em;
	}
		.orders_information_title{
			float:left;
			width:30%;
			padding:10px 0;
			text-align:center;
			border-right:1px solid #1a6e6e;
			border-bottom:none;
			background-color:#36607d;
			color:#FFF;
			letter-spacing:2px;
			font-weight:bold;
		}
		.orders_information_content{
			float:left;
			width:70%;
			padding:10px 0 10px 20px;
			text-align:left;
		}
		
.shoppingcart{
	float:left;
	width:98%;
	margin:0 1%;
	background-color:#FFF;
	padding:35px 15px;
}
	.shoppingcart_orderstep{
		float:left;
		width:100%;
		margin:0 0 40px;
		padding:0 5%;
	}
		.shoppingcart_orderstep_in{
			float:left;
			width:24%;
			text-align:center;
			margin:0 2%;
			padding:10px 0;
			color:#338861;
			font-size:1em;
		}
			.shoppingcart_orderstep_icon_in{
				float:left;
				width:100%;
				text-align:center;
			}
				.shoppingcart_orderstep_icon_in_box{
					float:left;
					width:64px;
					height:64px;
					margin-left:calc(50% - 32px);
					padding:10px 8px;
					text-align:center;
					border-radius:50%;
					font-size:1.8em;
					background-color:#338861;
					color:#FFF;
				}
		.shoppingcart_orderstep_step{
			float:left;
			width:8%;
			margin:5% 0;
			text-align:center;
			padding:10px 0;
			color:#666;
		}
		.shoppingcart_orderstep_out{
			float:left;
			width:24%;
			text-align:center;
			margin:2% 2% 0;
			padding:10px 0;
			border-bottom:0px solid #308282;
			color:#CCC;
			font-size:0.8em;
		}
			.shoppingcart_orderstep_icon_out{
				float:left;
				width:100%;
				text-align:center;
			}
				.shoppingcart_orderstep_icon_out_box{
					float:left;
					width:50px;
					height:50px;
					margin-left:calc(50% - 25px);
					padding:10px 8px;
					text-align:center;
					border-radius:50%;
					font-size:1.8em;
					background-color:#CCC;
					color:#FFF;
				}
	.shoppingcart_form_title{
		float:left;
		width:100%;
		text-align:center;
		font-size:0.9em;
		display:none;
	}
	.shoppingcart_form{
		float:left;
		width:100%;
		margin-bottom:0;
		border-bottom:1px solid #DDD;
	}
	.shoppingcart_form a:visited{
		color:#000;
	}
		.shoppingcart_form_pro{
			float:left;
			width:75%;
			margin:10px 0;
		}
			.shoppingcart_form_proimg{
				float:left;
				width:30%;
				padding:8px 0 0;
				text-align:center;
			}
				.shoppingcart_form_proimg img{
					width:90%;
					max-width:120px;
				}
			.shoppingcart_form_proname{
				float:left;
				width:70%;
				padding:1.5% 0 0;
				text-align:left;
			}
				.shoppingcart_form_proname p{
					font-size:0.9em;
				}
		.shoppingcart_form_proprice{
			float:left;
			width:25%;
			text-align:center;
			padding:12% 0 0;
			font-size:0.9em;
		}
		.shoppingcart_form_proquantity{
			float:left;
			width:60%;
			text-align:center;
			padding:5% 0;
			border-top:1px dashed #EAEAEA;
			border-bottom:none;
		}
			#shoppingcart_form_proquantity-select {
				width:60px;
				height:30px;
				font-size: 1em;
				color: #666;
				border:1px solid #dedede;
				cursor: pointer;
			}
				#shoppingcart_form_proquantity-select-box {
					font-size: 0.9em;
					color: #666;
					background-color: #FFF;
				}
			.shoppingcart_form_proquantity_ph{
				display: inline;
				margin-right:5px;
			}
		.shoppingcart_form_proallprice{
			float:left;
			width:30%;
			text-align:center;
			padding:6% 0 0;
			border-top:1px dashed #EAEAEA;
			border-bottom:none;
			font-size:0.9em;
		}
		.shoppingcart_form_prorevision{
			float:left;
			width:10%;
			text-align:center;
			padding:4% 0 0;
			font-size:1.5em;
			color:#4d9797;
			border-top:1px dashed #EAEAEA;
			border-bottom:none;
		}
			.shoppingcart_form_prorevision a:visited{
				color:#4d9797;
			}
			.shoppingcart_form_prorevision a:hover{
				color:#f00;
			}
	.shoppingcart_freight{
		float:left;
		width:100%;
		margin:30px 0 10px 0;
		font-size:1em;
	}
		.shoppingcart_freight_l{
			float:left;
			width:80%;
			text-align:right;
			padding:0 10px 0 0;
		}
		.shoppingcart_freight_r{
			float:left;
			width:20%;
			text-align:right;
			padding:0 10px 0 0;
		}
	.shoppingcart_clearing{
		float:left;
		width:100%;
		margin:0;
	}
		.shoppingcart_clearing_l{
			float:left;
			width:80%;
			text-align:right;
			padding:8px 10px 0 0;
			font-size:1em;
		}
		.shoppingcart_clearing_r{
			float:left;
			width:20%;
			text-align:right;
			padding:0 10px 0 0;
			font-size:1.5em;
			font-weight:bold;
			color:#f00;
		}
	.shoppingcart_button{
		float:left;
		width:100%;
		margin:50px 0 20px;
	}
.shoppingcart_fillinformation{
	float:left;
	width:100%;
	margin:100px 0 0;
}
	.shoppingcart_fillinformation_title{
		float:left;
		width:100%;
		margin:0 0 15px;
		padding:10px;
		font-size:1em;
		letter-spacing:2px;
		background-color:#36607d;
		color:#FFF;
	}
	.shoppingcart_fillinformation_text{
		float:left;
		width:100%;
		margin:0;
		font-size:0.9em;
		padding:10px 0;
	}
		.shoppingcart_fillinformation_text p{
			margin-bottom:20px;
		}
.shoppingcart_completeorder{
	float:left;
	width:100%;
	text-align:center;
	margin:20px 0;
}
	.shoppingcart_completeorder_title{
		float:left;
		width:100%;
		margin:0 0 15px;
		font-size:1.2em;
		font-weight:bold;
	}
	.shoppingcart_completeorder_text{
		float:left;
		width:100%;
		font-size:1em;
	}
		
.footer{
	float:left;
	width:100%;
	padding:30px 2%;
	background-color:#36607d;
}
.footer a, a:visited{
	color:#DEDEDE;
}
.footer a:hover{
	color:#fec5b3;
	text-decoration:underline;
}
	.footer_aboutus, .footer_contactus, .footer_email{
		float:left;
		width:98%;
		margin:10px 1%;
	}
		.footer_aboutus_title, .footer_contactus_title, .footer_email_title{
			float:left;
			width:100%;
			padding:15px 0 15px 8px;
			font-size:1.2em;
			color:#FFF;
			border-bottom:1px solid #F0F0F0;
		}
		.footer_aboutus_content, .footer_contactus_content, .footer_email_content{
			float:left;
			width:100%;
			padding:15px 0 15px 8px;
			font-size:1em;
			color:#DEDEDE;
		}
		.footer_about_button{
			float:left;
			width:16%;
			margin:5px 42% 0;
			padding:0;
			text-align:center;
			font-size:0.8em;
			border:1px solid #DDD;
		}
		.footer_email_content{
			text-align:center;
		}
			.footer_email_from{
				float:left;
				width:100%;
				margin:10px 0;
				padding:0 20%;
			}
				.footer_email_from_box{
					float:left;
					width:75%;
				}
				.footer_email_from_button{
					float:left;
					width:25%;
					padding:6px 0;
					text-align:center;
					background-color:#5ba683;
					border:0.5px solid #5ba683;
					color:#FFF;
				}
					.footer_email_from_button:hover{
						background-color:#36607d;
						border:0.5px solid #b6cbd9;
						color:#FFF;
					}
	.footer_project{
		float:left;
		width:100%;
		margin:20px 0;
		text-align:center;
		font-size:1em;
	}
		.footer_project p{
			float:left;
			width:31%;
			margin:0 1%;
		}
		.footer_project a, .footer_project a:visited{
			color:#FFF;
		}
		.footer_project a:hover{
			color:#fec5b3;
			text-decoration:underline;
		}
}

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

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

.top_project{
	float:left;
	width:100%;
	height:35px;
	padding:5px 3px;
	background-color:#36607d;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
	position: fixed;
	top:0;
	z-index:10000;
}
	.top_project_spacing{
		float:left;
		width:55%;
	}
	.top_project_box{
		float:left;
		width:45%;
		font-size:0.9em;
		text-align:center;
		color:#FFF;
	}
		.top_project_box a, .top_project_box a:visited, .top_project_box a:active{
			color:#FFF;
		}
		.top_project_box a:hover{
			color:#fedcb3;
		}
		.top_project_shoppingcart{
			float:right;
			width:31%;
			margin:0 1%;
			padding:2px 8px;
		}
			.top_project_shoppingcart span{
				border-radius:50%;
				background-color:#89c4a9;
				padding:2px 6px 2px 5px;
				margin-left:5px;
				font-size:0.8em;
				color:#333;
			}
			.top_project_box a:hover span{
				color:#FFF;
			}
		.top_project_member{
			float:right;
			width:31%;
			margin:0 1%;
			padding:2px 8px;
			border-left:1px solid #FFF;
			border-right:1px solid #FFF;
		}
		.top_project_signin{
			float:right;
			width:31%;
			margin:0 1%;
			padding:2px 8px;
		}
		
.top_menuproject{
	float:left;
	width:100%;
	height:100px;
	padding:3px 2%;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
	background-color:#FFF;
	position: fixed;
	top:35px;
	z-index:100;
	border-bottom:1px solid #DDD;
	/*
	-webkit-box-shadow: 0px 3px 8px #DDD;
	-moz-box-shadow: 0px 3px 8px #DDD;
	box-shadow: 0px 3px 8px #DDD; 
	*/
}
	.top_pc_menu_lmenu{
		display:inline;
		float:left;
		width:30%;
		padding:60px 0 0;
	}
		.top_pc_menu-demo{
			float:left;
			width:48%;
			text-align:center;
			font-size:1.2em;
			font-weight:bold;
			color:#5ba683;
		}
			.top_pc_menu-demo a{
				color:#5ba683;
			}
			.top_pc_menu-demo a:visited{
				color:#5ba683;
			}
			.top_pc_menu-demo a:hover{
				color:#89c4a9;
			}
		.top_pc_menu_news{
			float:left;
			width:48%;
			text-align:center;
			font-size:1.2em;
			color:#333;
		}
			.top_pc_menu_news a{
				color:#333;
			}
			.top_pc_menu_news a:visited{
				color:#333;
			}
			.top_pc_menu_news a:hover{
				color:#333;
				text-decoration:underline;
			}
	.top_ph_menu_lmenu{
		display:none;
	}
	.top_menu_logo{
		float:left;
		width:40%;
		text-align:center;
		padding:0;
	}
		.top_menu_logo img{
			width:100%;
			max-width:300px;
		}
		.top_menu_logo p{
			display:inline;
			float:left;
			width:100%;
			font-size:#0.8em;
			color:#333;
			text-align:center;
		}
	.top_menu_rsearch{
		display:inline;
		float:left;
		width:30%;
		padding:30px 0 0 0;
	}			
		.search_keyword_box{
			float:left;
			width:47%;
		}			
		.search_price_box{
			display:inline;
			float:left;
			width:40%;
		}
		.search_button{
			float:left;
			width:13%;
			height:35px;
			margin-left:-1.8%;
			padding-left:2.2%;
			text-align:left;
			border:2px solid #338861;
			border-top-right-radius: 3px;
			border-bottom-right-radius: 3px;
			background-color:#338861;
			color:#FFF;
			font-size:1.3em;
		}
			.search_button:hover{
				border:2px solid #606062;
				background-color:#606062;
				color:#FFF;
			}
			
.web_content{
	float:left;
	width:100%;
	margin-top:135px;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}

.index_runimg{
	float:left;
	width:100%;
	margin-bottom:15px;
}

.index_community{
	float:left;
	width:100%;
	margin-bottom:15px;
}
	.index_community_box{
		float:left;
		width:24%;
		margin:0 0.5%;
	}
		.index_community_box img{
			width:100%;
			max-width:400px;
			border:1px solid #F0F0F0;
		}
		
.index_product{
	float:left;
	width:92%;
	margin:10px 4%;
}
	.index_product_title{
		float:left;
		width:50%;
		margin:100px 25% 0;
		font-size: 2.2em;
		position: relative;
		text-align: center;
	}		
		.index_product_title:before {
			content: "";
			border-top: 1px solid #dadada;
			display: block;
			position: absolute;
			width: 80px;
			top: 25px;
			left: 0
		}		
		.index_product_title:after {
			content: "";
			border-top: 1px solid #dadada;
			display: block;
			position: absolute;
			width: 80px;
			top: 25px;
			right: 0
		}
	.index_product_project{
		float:left;
		width:23%;
		margin:20px 1%;
	}
		.index_product_project_img{
			float:left;
			width:100%;
			text-align:center;
		}
			.index_product_project_img img{
				width:100%;
				max-width:400px;
				_width:expression(this.width > 400 ? "400px" : this.width);
				max-height:400px;
				_height:expression(this.height > 400 ? "400px" : this.height);
			}
		.index_product_project_name{
			float:left;
			width:100%;
			height:2.8em;
			margin:10px 0;
			font-size:1.1em;
			color:#333;
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.index_product_project_price{
			float:left;
			width:100%;
		}				
			.index_product_project_price_special{
				float:left;
				width:60%;
				text-align:right;
				font-size:1.5em;
				color:#F00;
			}
			.index_product_project_price_original{
				float:left;
				width:40%;
				padding:4% 0 0 15px;
				font-size:0.8em;
				color:#999;
				text-decoration:line-through;
			}
		.index_product_project_button{
			float:left;
			width:100%;
			margin:20px 0;
			padding:8px 0;
			font-size:1em;
		}
		
.page_path{
	float:right;
	width:96%;
	margin:20px 2%;
	text-align:right;
	font-size:0.9em;
	letter-spacing:2px;
	color:#333;
}
	.page_path a{
		color:#4780a7;
	}
	.page_path a:visited{
		color:#4780a7;
	}
	.page_path a:hover{
		color:#616163;
		text-decoration:underline;
	}
	
.page_left{
	float:left;
	width:24%;
	margin:0 1% 0 0;
	padding:0 10px;
}
	.page_left_menu{
		float:left;
		width:100%;
		margin:0 0 20px;
		border:1px solid #F0F0F0;
	}
	.product_left_menu{
		display:inline;
	}
		.page_left_menu_title{
			float:left;
			width:100%;
			padding:10px 0;
			text-align:center;
			background-color:#338861;
			color:#FFF;
			font-size:1.2em;
		}
	.page_left_community{
		float:left;
		width:100%;
	}
		.page_community_box{
			float:left;
			width:100%;
			margin:8px 0;
		}
			.page_community_box img{
				width:100%;
				max-width:400px;
				border:1px solid #F0F0F0;
			}
		
.page_right{
	float:left;
	width:75%;
	margin:0;
}
.page_right h1{
	float:left;
	width:100%;
	padding:10px 0;
	text-align:center;
	font-size:1.5em;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
	color:#333;
}
	.page_productoverview_top{
		float:left;
		width:100%;
		margin:0 0 20px;
	}
		.page_productoverview_top_l{
			float:left;
			width:60%;
			padding:20px 0 0;
			text-align:left;
			font-size:0.9em;
			color:#333;
			display:inherit;
		}
		.page_productoverview_top_r{
			float:right;
			width:38%;
			margin:0 2% 0 0;
			text-align:right;		
		}
			#select-title {
				width:150px;
				height:40px;
				padding-left:5px;
				font-size: 1em;
				color: #FFF;
				background-color: #85a5b9;
				border:0;
				cursor: pointer; 
			}
				#select-project {
					font-size: 0.9em;
					color: #666;
					background-color: #FFF;
				}
	.page_product_project{
		float:left;
		width:31%;
		margin:20px 1%;
		padding:5px;
		border:1px solid #f0f0f0;
	}
		.page_product_project_img{
			float:left;
			width:100%;
			text-align:center;
		}
			.page_product_project_img img{
				width:100%;
				max-width:400px;
				_width:expression(this.width > 400 ? "400px" : this.width);
				max-height:400px;
				_height:expression(this.height > 400 ? "400px" : this.height);
			}
		.page_product_project_name{
			float:left;
			width:100%;
			height:2.8em;
			margin:10px 0;
			font-size:1.1em;
			color:#333;
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.page_product_project_price{
			float:left;
			width:100%;
		}				
			.page_product_project_price_special{
				float:left;
				width:60%;
				text-align:right;
				font-size:1.5em;
				color:#F00;
			}
			.page_product_project_price_original{
				float:left;
				width:40%;
				padding:4% 0 0 15px;
				font-size:0.8em;
				color:#999;
				text-decoration:line-through;
			}
		.page_product_project_button{
			float:left;
			width:100%;
			margin:20px 0 0;
			padding:8px 0;
			font-size:1.2em;
		}
		
.page_productintroduce{
	float:left;
	width:100%;
	margin:20px 0;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.page_productintroduce_content{
		float:left;
		width:100%;
		margin:0 0 30px;
		padding:0 2% 30px;
		border-bottom:1px solid #f0f0f0;
	}
		.productintroduce_content_img{
			float:left;
			width:48%;
			text-align:center;
			margin:0 1% 0;
		}
		.productintroduce_content_text{
			float:left;
			width:48%;
			margin:0 1% 0;
		}
			.productintroduce_content_text_name{
				float:left;
				width:100%;
				margin:0 0 10px;
			}
				.productintroduce_content_text_name h1{
					font-size:1.5em;
					font-weight:bolder;
					padding:6px 0;
					color:#338861;
				}
				.productintroduce_content_text_name p{
					font-size:1.2em;
					font-weight:bold;
					color:#666;
					padding:3px 0;
				}
			.productintroduce_content_text_number{
				float:left;
				width:100%;
				margin:0 0 10px;
				font-size:1em;				
			}
			.productintroduce_content_text_introduce{
				float:left;
				width:100%;
				margin:0 0 10px;
			}
				.productintroduce_content_text_introduce p{
					font-size:1em;
					padding:1px 0;
				}
			.productintroduce_content_text_price{
				float:left;
				width:100%;
				margin:0 0 10px;
				text-align:left;
			}
				.productintroduce_content_text_price_l{
					float:left;
					width:34%;
					margin:0 1% 0 0;
					font-size:1.2em;
					text-align:left;
				}
					.productintroduce_content_text_price_l span{
						font-size:1.5em;
						color:#f00;
					}
				.productintroduce_content_text_price_r{
					float:left;
					width:65%;
					margin:0;
					padding:12px 0 0;
					font-size:0.9em;
					color:#999;
					text-align:left;
				}
					.productintroduce_content_text_price_r span{
						text-decoration:line-through;
					}
			.productintroduce_content_text_buy{
				float:left;
				width:100%;
				margin:5px 0;
				text-align:left;
				font-size:1em;
				font-weight:bold;
				color:#d95252;
			}
			.productintroduce_content_shareit{
				float:left;
				width:100%;
				margin:5px 0;
				padding:0 0 30px;
				border-bottom:1px dashed #d98f52;
				font-size:1em;
			}
			.productintroduce_content_plusselect{
				float:left;
				width:100%;
				margin:10px 0 10px;
				padding:0 0 30px;
				text-align:left;
			}
				.productintroduce_content_plusselect_box{
					float:left;
					width:48%;
					margin:10px 1%;
				}
					#proquantity-select {
						width:65%;
						height:40px;
						font-size: 1em;
						color: #666;
						border:1px solid #dedede;
						cursor: pointer;
					}
						#proquantity-select-box {
							font-size: 0.9em;
							color: #666;
							background-color: #FFF;
						}
			.productintroduce_content_text_button{
				float:left;
				width:98%;
				margin:10px 1%;
				text-align:center;
			}
				.productintroduce_content_text_button_box{
					float:left;
					width:40%;
					margin:0 5%;
				}
	.productintroduce_label{
		float:left;
		width:100%;
		margin:30px 0 0;
	}	
		.productintroduce_label_box{
			float:left;
			margin:8px;
			padding:8px;
			border:2px solid #ddd;
			font-size:1em;
			color:#aaa;
		}
			.productintroduce_label_box:hover{
				color:#89c4a9;
				border:2px solid #89c4a9;
			}
	.page_productintroduce_other{
		float:left;
		width:100%;
		margin:30px 0;
	}
		.page_productintroduce_other img{
			width:100%;
		}
				
.page_content{
	float:left;
	width:96%;
	margin:20px 2%;
	font-size:1.1em;
}
	.page_content img{
		width:100%;
		max-width:1200px;
		text-align:center;
	}
	
.news_project{
	float:left;
	width:100%;
	margin:15px 0;
	padding:0 0 10px;
	border-bottom:1px solid #f0f0f0;
}
	.news_project_l{
		float:left;
		width:44%;
		margin:0 1% 0 0;
		text-align:center;
	}
		.news_project_img{
			width:80%;
			margin:0;
		}
		.news_project_img img{
			width:100%;
			max-width:500px;
			_width:expression(this.width > 500 ? "500px" : this.width);
			max-height:350px;
			_height:expression(this.height > 350 ? "350px" : this.height);
		}
	.news_project_r{
		float:left;
		width:55%;
		margin:0;
	}
		.news_project_title{
			float:left;
			width:100%;
			height:2.8em;
			margin:8px 0;
			font-size:1em;
			color:#333;
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
			.news_project_title a, .news_project_title a:visited{
				color:#333;
			}
			.news_project_title a:hover{
				color:#5ba683;
				text-decoration: underline;
			}
		.news_project_date{
			float:left;
			width:100%;
			margin:10px 0;
			font-size:0.6em;
			color:#85a5b9;
			font-weight:bold;
		}
		.news_project_synopsis{
			float:left;
			width:100%;
			height:4em;
			margin:5px 0;
			font-size:0.8em;
			color:#999;
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
		}
		.news_project_button{
			float:right;
			width:100%;
			margin:5px 0;
			text-align:right;
		}
			.news_project_button_box{
				float:left;
				width:100px;
				margin-left: calc(100% - 100px);
				padding:8px 0;
				text-align:center;
				border:1px solid #AAA;
				font-size:0.8em;
				color:#666;
			}
			.news_project_button_box:hover{
				background-color:#5ba683;
				color:#FFF;
			}
	.news_content_date{
		float:left;
		width:100%;
		margin:20px 0;
		text-align:center;
		font-size:0.9em;
		color:#587f98;
	}
	.news_content_button{
		float:left;
		width:14%;
		margin:30px 43%;
	}
	
.member_registered_picture{
	float:left;
	width:100%;
	padding:10px 15px 0;
	font-size:1em;
	color:#333;
}
	#account_number-box{
		width:60%;
		height:43px;
		margin:0 20%;
		font-size: 1em;
		background: #fff url('../images/account_number.png') no-repeat 10px 4px;
		padding: 4px 4px 4px 55px;
		border:1px solid #f0f0f0;
	}
		#account_number-box:hover{
			border:1px solid #e1c7bb;
		}
		#account_number-box:active{
			border:1px solid #e1c7bb;
		}	
	#password-box{
		width:60%;
		height:43px;
		margin:0 20%;
		font-size: 1em;
		background: #fff url('../images/password.png') no-repeat 10px 4px;
		padding: 4px 4px 4px 55px;
		border:1px solid #f0f0f0;
	}
		#password-box:hover{
			border:1px solid #fedcb3;
		}
		#password-box:active{
			border:1px solid #fedcb3;
		}
	#signin-button{
		width:60%;
		height:50px;
		margin:0 20%;
		border:1px #fd8181 none;
		border-radius:10px;
		background-color:#EBEEF0;
		color:#333;
	}
		#signin-button:hover{
			background-color:#5ba683;
			color:#FFF;
		}	
	.member_other{
		float:left;
		width:100%;
		margin:20px 0;
	}
		.member_other_text{
			float:left;
			width:40%;
			text-align:center;
			margin:0 5%;
			font-size:1.1em;
		}
			.member_other_text a{
				color:#000;
			}
			.member_other_text a:visited{
				color:#000;
			}
			.member_other_text a:hover{
				color:#587f98;
				text-decoration:underline;
			}		
	.member_registered_picture p{
		margin:25px 0;
	}	
		#blank-box{
			width:100%;
			height:43px;
			margin:0;
			font-size: 1em;
			padding: 4px;
			border:1px solid #ddd;
		}
			#blank-box:hover{
				border:1px solid #d4b9ab;
			}
			#blank-box:active{
				border:1px solid #d4b9ab;
			}
		.member_registered_picture_button{
			float:left;
			width:42%;
			margin:20px 4%;
		}	
	.member_information{
		float:left;
		width:100%;
		margin:4px 0;
	}
		.member_information_title{
			float:left;
			width:15%;
			padding:8px 0 8px 10px;
			background-color:#36607d;
			color:#fff;
			font-size:1em;
			text-align:center;
			border-right:1px solid #ddd;
			border-bottom:0px solid #ddd;
			line-height:28px;
		}
		.member_information_content{
			float:left;
			width:79%;
			padding:8px 0 8px 10px;
			background-color:#F7F7F7;
			line-height:28px;
			font-size:1em;
		}
		.member_information_amend{
			float:left;
			width:5%;
			padding:8px 0;
			background-color:#F7F7F7;
			color:#5ba683;
			font-size:0.8em;
			font-weight:bold;
			line-height:28px;
			letter-spacing:2px;
		}
			.member_information_amend a{
				color:#5ba683;
			}
			.member_information_amend a:visited{
				color:#5ba683;
			}
			.member_information_amend a:hover{
				color:#d95252;
			}
	.orders_form_title{
		display: inline;
		float:left;
		width:100%;
		background-color:#365F7C;
		color:#FFF;
		font-size:1.1em;
		font-weight:bold;
		letter-spacing:2px;
	}
		.orders_form_title_pc_date,.orders_form_title_pc_number,.orders_form_title_pc_status{
			display: inline;
			float:left;
			width:25%;
			padding:10px 0;
			text-align:center;
			border-right:1px solid #FFF;
		}
		.orders_form_title_pc_detailed{
			display: inline;
			float:left;
			width:25%;
			padding:10px 0;
			text-align:center;
		}
	.orders_form_content{
		float:left;
		width:100%;
		margin:0;
		padding:20px 0;
		border-bottom:1px solid #cecece;
		color:#000;
		font-size:0.9em;
	}
		.orders_form_content_date,.orders_form_content_number,.orders_form_content_status{
			float:left;
			width:25%;
			text-align:center;
			border-right:1px solid #ddd;
		}
			.orders_form_title_ph_date,.orders_form_title_ph_number,.orders_form_title_ph_status,.orders_form_title_ph_detailed{
				display:none;
			}
		.orders_form_content_detailed{
			float:left;
			width:25%;
			text-align:center;
			font-weight:bold;
			color:#5ba683;
		}
			.orders_form_content_detailed a{
				color:#5ba683;
			}
			.orders_form_content_detailed a:visited{
				color:#5ba683;
			}
			.orders_form_content_detailed a:hover{
				color:#F00;
			}
.orders_list_form{
	float:left;
	width:100%;
	margin:20px 0 0;
	background-color:#F6F6F6;
}
	.orders_list_form_title{
		display:inline;
		float:left;
		width:100%;
		background-color:#36607d;
		color:#FFF;
		font-size:1em;
		letter-spacing:2px;
		text-align:center;
	}
		.orders_list_form_title_product{
			float:left;
			width:65%;
			padding:10px 0;
			border-right:1px solid #fff;
		}
		.orders_list_form_title_quantity{
			float:left;
			width:10%;
			padding:10px 0;
			border-right:1px solid #fff;
		}
		.orders_list_form_title_price{
			float:left;
			width:25%;
			padding:10px 0;
		}
	.orders_list_form_content{
		float:left;
		width:100%;
		border-bottom:1px solid #E9E9E9;
		margin-bottom:0px;
	}
	.orders_list_form_content a{
		color:#000;
	}
	.orders_list_form_content a:visited{
		color:#000;
	}
	.orders_list_form_content a:hover{
		color:#fd8181;
	}
		.orders_list_form_content_product{
			float:left;
			width:65%;
			padding:10px 0;
		}
			.orders_list_form_content_product_img{
				float:left;
				width:30%;
				text-align:center;
			}
				.orders_list_form_content_product_img img{
					width:90%;
					max-width:120px;
				}
			.orders_list_form_content_product_name{
				float:left;
				width:70%;
				padding:5% 0 0;
				font-size:0.9em;
				text-align:left;	
			}
		.orders_list_form_content_quantity{
			float:left;
			width:10%;
			padding:8% 0 0;
			text-align:center;
			font-size:1.2em;	
		}
			.orders_list_form_content_quantity_ph{
				display: none;
			}
		.orders_list_form_content_price{
			float:left;
			width:25%;
			padding:8% 0 0;
			text-align:center;
			font-size:1.2em;	
		}
	.orders_list_calculation{
		float:left;
		width:100%;
		padding:20px 0;
		background-color:#FFF;
	}
		.orders_list_calculation_freight{
			float:left;
			width:100%;
			padding:8px 0;
			font-size:1em;
		}
			.orders_list_calculation_freight_l{
				float:left;
				width:85%;
				text-align:right;
			}
			.orders_list_calculation_freight_r{
				float:left;
				width:15%;
				padding:0 15px 0 0 ;
				text-align:right;
			}
		.orders_list_calculation_total{
			float:left;
			width:100%;
			padding:8px 0;
		}
			.orders_list_calculation_total_l{
				float:left;
				width:85%;
				text-align:right;
			}
			.orders_list_calculation_total_r{
				float:left;
				width:15%;
				padding:0 15px 0 0 ;
				text-align:right;
				font-size:1.2em;
				font-weight:bold;
				color:#F00;
			}
.orders_information{
	float:left;
	width:100%;
	margin:50px 0 0;
	background-color:#F6F6F6;
}
	.orders_information_project{
		float:left;
		width:100%;
		border-bottom:1px solid #f0f0f0;
		font-size:1.1em;
	}
		.orders_information_title{
			float:left;
			width:30%;
			padding:10px 0;
			text-align:center;
			border-right:1px solid #1a6e6e;
			border-bottom:none;
			background-color:#36607d;
			color:#FFF;
			letter-spacing:2px;
			font-weight:bold;
		}
		.orders_information_content{
			float:left;
			width:70%;
			padding:10px 0 10px 20px;
			text-align:left;
		}
		
.shoppingcart{
	float:left;
	width:98%;
	margin:0 1%;
	background-color:#FFF;
	padding:35px 15px;
}
	.shoppingcart_orderstep{
		float:left;
		width:100%;
		margin:0 0 40px;
		padding:0 5%;
	}
		.shoppingcart_orderstep_in{
			float:left;
			width:24%;
			text-align:center;
			margin:0 2%;
			padding:10px 0;
			color:#338861;
			font-size:1em;
		}
			.shoppingcart_orderstep_icon_in{
				float:left;
				width:100%;
				text-align:center;
			}
				.shoppingcart_orderstep_icon_in_box{
					float:left;
					width:64px;
					height:64px;
					margin-left:calc(50% - 32px);
					padding:10px 8px;
					text-align:center;
					border-radius:50%;
					font-size:1.8em;
					background-color:#338861;
					color:#FFF;
				}
		.shoppingcart_orderstep_step{
			float:left;
			width:8%;
			margin:3% 0;
			text-align:center;
			padding:10px 0;
			color:#666;
		}
		.shoppingcart_orderstep_out{
			float:left;
			width:24%;
			text-align:center;
			margin:1% 2% 0;
			padding:10px 0;
			border-bottom:0px solid #308282;
			color:#CCC;
			font-size:0.8em;
		}
			.shoppingcart_orderstep_icon_out{
				float:left;
				width:100%;
				text-align:center;
			}
				.shoppingcart_orderstep_icon_out_box{
					float:left;
					width:50px;
					height:50px;
					margin-left:calc(50% - 25px);
					padding:10px 8px;
					text-align:center;
					border-radius:50%;
					font-size:1.8em;
					background-color:#CCC;
					color:#FFF;
				}
	.shoppingcart_form_title{
		float:left;
		width:100%;
		text-align:center;
		font-size:0.9em;
		display:inline;
	}
		.shoppingcart_form_product_title{
			float:left;
			width:55%;
			padding:8px;
			background-color:#36607d;
			color:#FFF;
			border-right:1px solid #FFF;
			letter-spacing:5px;
		}
		.shoppingcart_form_proprice_title{
			float:left;
			width:10%;
			padding:8px;
			background-color:#36607d;
			color:#FFF;
			border-right:1px solid #FFF;
			letter-spacing:3px;
		}
		.shoppingcart_form_proquantity_title{
			float:left;
			width:15%;
			padding:8px;
			background-color:#36607d;
			color:#FFF;
			border-right:1px solid #FFF;
			letter-spacing:3px;
		}
		.shoppingcart_form_proallprice_title{
			float:left;
			width:10%;
			padding:8px;
			background-color:#36607d;
			color:#FFF;
			border-right:1px solid #FFF;
			letter-spacing:3px;
		}
		.shoppingcart_form_prorevision_title{
			float:left;
			width:10%;
			padding:8px;
			background-color:#36607d;
			color:#FFF;
			letter-spacing:2px;
		}
	.shoppingcart_form{
		float:left;
		width:100%;
		margin-bottom:0;
		border-bottom:1px solid #DDD;
	}
	.shoppingcart_form a:visited{
		color:#000;
	}
		.shoppingcart_form_pro{
			float:left;
			width:55%;
			margin:0;
		}
			.shoppingcart_form_proimg{
				float:left;
				width:30%;
				padding:8px 0 0;
				text-align:center;
			}
				.shoppingcart_form_proimg img{
					width:90%;
					max-width:120px;
				}
			.shoppingcart_form_proname{
				float:left;
				width:70%;
				padding:0 0 0;
				text-align:left;
			}
				.shoppingcart_form_proname p{
					font-size:0.9em;
				}
		.shoppingcart_form_proprice{
			float:left;
			width:10%;
			text-align:center;
			padding:6% 0 0;
			font-size:0.9em;
		}
		.shoppingcart_form_proquantity{
			float:left;
			width:15%;
			text-align:center;
			padding:5% 0;
			border-top:none;
			border-bottom:none;
		}
			#shoppingcart_form_proquantity-select {
				width:60px;
				height:30px;
				font-size: 1em;
				color: #666;
				border:1px solid #dedede;
				cursor: pointer;
			}
				#shoppingcart_form_proquantity-select-box {
					font-size: 0.9em;
					color: #666;
					background-color: #FFF;
				}
			.shoppingcart_form_proquantity_ph{
				display: none;
			}
		.shoppingcart_form_proallprice{
			float:left;
			width:10%;
			text-align:center;
			padding:6% 0 0;
			border-top:none;
			border-bottom:none;
			font-size:0.9em;
		}
		.shoppingcart_form_prorevision{
			float:left;
			width:10%;
			text-align:center;
			padding:4% 0 0;
			font-size:1.5em;
			color:#4d9797;
			border-top:none;
			border-bottom:none;
		}
			.shoppingcart_form_prorevision a:visited{
				color:#4d9797;
			}
			.shoppingcart_form_prorevision a:hover{
				color:#f00;
			}
	.shoppingcart_freight{
		float:left;
		width:100%;
		margin:30px 0 10px 0;
		font-size:1em;
	}
		.shoppingcart_freight_l{
			float:left;
			width:80%;
			text-align:right;
			padding:0 10px 0 0;
		}
		.shoppingcart_freight_r{
			float:left;
			width:20%;
			text-align:right;
			padding:0 10px 0 0;
		}
	.shoppingcart_clearing{
		float:left;
		width:100%;
		margin:0;
	}
		.shoppingcart_clearing_l{
			float:left;
			width:80%;
			text-align:right;
			padding:8px 10px 0 0;
			font-size:1em;
		}
		.shoppingcart_clearing_r{
			float:left;
			width:20%;
			text-align:right;
			padding:0 10px 0 0;
			font-size:1.5em;
			font-weight:bold;
			color:#f00;
		}
	.shoppingcart_button{
		float:left;
		width:100%;
		margin:50px 0 20px;
	}
.shoppingcart_fillinformation{
	float:left;
	width:100%;
	margin:100px 0 0;
}
	.shoppingcart_fillinformation_title{
		float:left;
		width:100%;
		margin:0 0 15px;
		padding:10px;
		font-size:1em;
		letter-spacing:2px;
		background-color:#36607d;
		color:#FFF;
	}
	.shoppingcart_fillinformation_text{
		float:left;
		width:100%;
		margin:0;
		font-size:0.9em;
		padding:10px 0;
	}
		.shoppingcart_fillinformation_text p{
			margin-bottom:20px;
		}
.shoppingcart_completeorder{
	float:left;
	width:100%;
	text-align:center;
	margin:20px 0;
}
	.shoppingcart_completeorder_title{
		float:left;
		width:100%;
		margin:0 0 15px;
		font-size:1.2em;
		font-weight:bold;
	}
	.shoppingcart_completeorder_text{
		float:left;
		width:100%;
		font-size:1em;
	}
		
.footer{
	float:left;
	width:100%;
	padding:30px 2%;
	background-color:#36607d;
}
.footer a, a:visited{
	color:#DEDEDE;
}
.footer a:hover{
	color:#fec5b3;
	text-decoration:underline;
}
	.footer_aboutus{
		float:left;
		width:38%;
		margin:0 1%;
	}
	.footer_contactus{
		float:left;
		width:36%;
		margin:0 1%;
	}
	.footer_email{
		float:left;
		width:20%;
		margin:0 1%;
	}
		.footer_aboutus_title, .footer_contactus_title, .footer_email_title{
			float:left;
			width:100%;
			padding:15px 0 15px 8px;
			font-size:1.2em;
			color:#FFF;
			border-bottom:1px solid #F0F0F0;
		}
		.footer_aboutus_content, .footer_contactus_content, .footer_email_content{
			float:left;
			width:100%;
			padding:15px 0 15px 8px;
			font-size:1em;
			color:#DEDEDE;
		}
		.footer_about_button{
			float:left;
			width:20%;
			margin:5px 40% 0;
			padding:0;
			text-align:center;
			font-size:0.8em;
			border:1px solid #DDD;
		}
		.footer_email_content{
			text-align:center;
		}
			.footer_email_from{
				float:left;
				width:100%;
				margin:10px 0;
				padding:0 2%;
			}
				.footer_email_from_box{
					float:left;
					width:75%;
				}
				.footer_email_from_button{
					float:left;
					width:25%;
					padding:6px 0;
					text-align:center;
					background-color:#5ba683;
					border:0.5px solid #5ba683;
					color:#FFF;
				}
					.footer_email_from_button:hover{
						background-color:#36607d;
						border:0.5px solid #b6cbd9;
						color:#FFF;
					}
	.footer_project{
		float:left;
		width:100%;
		margin:20px 0;
		text-align:center;
		font-size:1em;
	}
		.footer_project p{
			float:left;
			width:98%;
			margin:0 1%;
		}
		.footer_project a, .footer_project a:visited{
			color:#FFF;
		}
		.footer_project a:hover{
			color:#fec5b3;
			text-decoration:underline;
		}
}

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

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

.top_project{
	float:left;
	width:100%;
	height:35px;
	padding:5px 3px;
	background-color:#36607d;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
	position: fixed;
	top:0;
	z-index:10000;
}
	.top_project_spacing{
		float:left;
		width:65%;
	}
	.top_project_box{
		float:left;
		width:35%;
		font-size:0.9em;
		text-align:center;
		color:#FFF;
	}
		.top_project_box a, .top_project_box a:visited, .top_project_box a:active{
			color:#FFF;
		}
		.top_project_box a:hover{
			color:#fedcb3;
		}
		.top_project_shoppingcart{
			float:right;
			width:31%;
			margin:0 1%;
			padding:2px 8px;
		}
			.top_project_shoppingcart span{
				border-radius:50%;
				background-color:#89c4a9;
				padding:2px 6px 2px 5px;
				margin-left:5px;
				font-size:0.8em;
				color:#333;
			}
			.top_project_box a:hover span{
				color:#FFF;
			}
		.top_project_member{
			float:right;
			width:31%;
			margin:0 1%;
			padding:2px 8px;
			border-left:1px solid #FFF;
			border-right:1px solid #FFF;
		}
		.top_project_signin{
			float:right;
			width:31%;
			margin:0 1%;
			padding:2px 8px;
		}
		
.top_menuproject{
	float:left;
	width:100%;
	height:100px;
	padding:3px 8%;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
	background-color:#FFF;
	position: fixed;
	top:35px;
	z-index:100;
	border-bottom:1px solid #DDD;
	/*
	-webkit-box-shadow: 0px 3px 8px #DDD;
	-moz-box-shadow: 0px 3px 8px #DDD;
	box-shadow: 0px 3px 8px #DDD; 
	*/
}
	.top_pc_menu_lmenu{
		display:inline;
		float:left;
		width:30%;
		padding:60px 0 0;
	}
		.top_pc_menu-demo{
			float:left;
			width:48%;
			text-align:center;
			font-size:1.2em;
			font-weight:bold;
			color:#5ba683;
		}
			.top_pc_menu-demo a{
				color:#5ba683;
			}
			.top_pc_menu-demo a:visited{
				color:#5ba683;
			}
			.top_pc_menu-demo a:hover{
				color:#89c4a9;
			}
		.top_pc_menu_news{
			float:left;
			width:48%;
			text-align:center;
			font-size:1.2em;
			color:#333;
		}
			.top_pc_menu_news a{
				color:#333;
			}
			.top_pc_menu_news a:visited{
				color:#333;
			}
			.top_pc_menu_news a:hover{
				color:#333;
				text-decoration:underline;
			}
	.top_ph_menu_lmenu{
		display:none;
	}
	.top_menu_logo{
		float:left;
		width:40%;
		text-align:center;
		padding:0;
	}
		.top_menu_logo img{
			width:100%;
			max-width:300px;
		}
		.top_menu_logo p{
			display:inline;
			float:left;
			width:100%;
			font-size:#0.8em;
			color:#333;
			text-align:center;
		}
	.top_menu_rsearch{
		display:inline;
		float:left;
		width:30%;
		padding:30px 0 0;
	}			
		.search_keyword_box{
			float:left;
			width:47%;
		}			
		.search_price_box{
			display:inline;
			float:left;
			width:40%;
		}
		.search_button{
			float:left;
			width:13%;
			height:35px;
			margin-left:-1.8%;
			padding-left:2.2%;
			text-align:left;
			border:2px solid #338861;
			border-top-right-radius: 3px;
			border-bottom-right-radius: 3px;
			background-color:#338861;
			color:#FFF;
			font-size:1.3em;
		}
			.search_button:hover{
				border:2px solid #606062;
				background-color:#606062;
				color:#FFF;
			}
			
.web_content{
	float:left;
	width:100%;
	margin-top:135px;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}

.index_runimg{
	float:left;
	width:100%;
	margin-bottom:20px;
}
	
.index_community{
	float:left;
	width:100%;
	margin-bottom:20px;
}
	.index_community_box{
		float:left;
		width:23%;
		margin:0 1%;
	}
		.index_community_box img{
			width:100%;
			max-width:400px;
			border:1px solid #F0F0F0;
		}

.index_product{
	float:left;
	width:92%;
	margin:10px 4%;
}
	.index_product_title{
		float:left;
		width:40%;
		margin:130px 30% 0;
		font-size: 2.2em;
		position: relative;
		text-align: center;
	}		
		.index_product_title:before {
			content: "";
			border-top: 1px solid #dadada;
			display: block;
			position: absolute;
			width: 80px;
			top: 25px;
			left: 0
		}		
		.index_product_title:after {
			content: "";
			border-top: 1px solid #dadada;
			display: block;
			position: absolute;
			width: 80px;
			top: 25px;
			right: 0
		}
	.index_product_project{
		float:left;
		width:23%;
		margin:20px 1%;
	}
		.index_product_project_img{
			float:left;
			width:100%;
			text-align:center;
		}
			.index_product_project_img img{
				width:100%;
				max-width:400px;
				_width:expression(this.width > 400 ? "400px" : this.width);
				max-height:400px;
				_height:expression(this.height > 400 ? "400px" : this.height);
			}
		.index_product_project_name{
			float:left;
			width:100%;
			height:2.8em;
			margin:10px 0;
			font-size:1.1em;
			color:#333;
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.index_product_project_price{
			float:left;
			width:100%;
		}				
			.index_product_project_price_special{
				float:left;
				width:60%;
				text-align:right;
				font-size:1.5em;
				color:#F00;
			}
			.index_product_project_price_original{
				float:left;
				width:40%;
				padding:4% 0 0 15px;
				font-size:0.8em;
				color:#999;
				text-decoration:line-through;
			}
		.index_product_project_button{
			float:left;
			width:100%;
			margin:20px 0;
			padding:8px 0;
			font-size:1.2em;
		}
		
.page_path{
	float:right;
	width:96%;
	margin:20px 2%;
	text-align:right;
	font-size:0.9em;
	letter-spacing:2px;
	color:#333;
}
	.page_path a{
		color:#4780a7;
	}
	.page_path a:visited{
		color:#4780a7;
	}
	.page_path a:hover{
		color:#616163;
		text-decoration:underline;
	}
	
.page_left{
	float:left;
	width:24%;
	margin:0 1% 0 0;
	padding:0 10px;
}
	.page_left_menu{
		float:left;
		width:100%;
		margin:0 0 20px;
		border:1px solid #F0F0F0;
	}
	.product_left_menu{
		display:inline;
	}
		.page_left_menu_title{
			float:left;
			width:100%;
			padding:10px 0;
			text-align:center;
			background-color:#338861;
			color:#FFF;
			font-size:1.2em;
		}
	.page_left_community{
		float:left;
		width:100%;
	}
		.page_community_box{
			float:left;
			width:100%;
			margin:8px 0;
		}
			.page_community_box img{
				width:100%;
				max-width:400px;
				border:1px solid #F0F0F0;
			}
		
.page_right{
	float:left;
	width:75%;
	margin:0;
}
.page_right h1{
	float:left;
	width:100%;
	padding:10px 0;
	text-align:center;
	font-size:1.5em;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
	color:#333;
}
	.page_productoverview_top{
		float:left;
		width:100%;
		margin:0 0 20px;
	}
		.page_productoverview_top_l{
			float:left;
			width:60%;
			padding:20px 0 0;
			text-align:left;
			font-size:0.9em;
			color:#333;
			display:inherit;
		}
		.page_productoverview_top_r{
			float:right;
			width:38%;
			margin:0 2% 0 0;
			text-align:right;		
		}
			#select-title {
				width:150px;
				height:40px;
				padding-left:5px;
				font-size: 1em;
				color: #FFF;
				background-color: #85a5b9;
				border:0;
				cursor: pointer; 
			}
				#select-project {
					font-size: 0.9em;
					color: #666;
					background-color: #FFF;
				}
	.page_product_project{
		float:left;
		width:31%;
		margin:20px 1%;
		padding:5px;
		border:1px solid #f0f0f0;
	}
		.page_product_project_img{
			float:left;
			width:100%;
			text-align:center;
		}
			.page_product_project_img img{
				width:100%;
				max-width:400px;
				_width:expression(this.width > 400 ? "400px" : this.width);
				max-height:400px;
				_height:expression(this.height > 400 ? "400px" : this.height);
			}
		.page_product_project_name{
			float:left;
			width:100%;
			height:2.8em;
			margin:10px 0;
			font-size:1.1em;
			color:#333;
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.page_product_project_price{
			float:left;
			width:100%;
		}				
			.page_product_project_price_special{
				float:left;
				width:60%;
				text-align:right;
				font-size:1.5em;
				color:#F00;
			}
			.page_product_project_price_original{
				float:left;
				width:40%;
				padding:4% 0 0 15px;
				font-size:0.8em;
				color:#999;
				text-decoration:line-through;
			}
		.page_product_project_button{
			float:left;
			width:100%;
			margin:20px 0 0;
			padding:8px 0;
			font-size:1.2em;
		}
		
.page_productintroduce{
	float:left;
	width:100%;
	margin:20px 0;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.page_productintroduce_content{
		float:left;
		width:100%;
		margin:0 0 30px;
		padding:0 2% 30px;
		border-bottom:1px solid #f0f0f0;
	}
		.productintroduce_content_img{
			float:left;
			width:48%;
			text-align:center;
			margin:0 1% 0;
		}
		.productintroduce_content_text{
			float:left;
			width:48%;
			margin:0 1% 0;
		}
			.productintroduce_content_text_name{
				float:left;
				width:100%;
				margin:0 0 10px;
			}
				.productintroduce_content_text_name h1{
					font-size:1.5em;
					font-weight:bolder;
					padding:6px 0;
					color:#338861;
				}
				.productintroduce_content_text_name p{
					font-size:1.2em;
					font-weight:bold;
					color:#666;
					padding:3px 0;
				}
			.productintroduce_content_text_number{
				float:left;
				width:100%;
				margin:0 0 10px;
				font-size:1em;				
			}
			.productintroduce_content_text_introduce{
				float:left;
				width:100%;
				margin:0 0 10px;
			}
				.productintroduce_content_text_introduce p{
					font-size:1em;
					padding:1px 0;
				}
			.productintroduce_content_text_price{
				float:left;
				width:100%;
				margin:0 0 10px;
				text-align:left;
			}
				.productintroduce_content_text_price_l{
					float:left;
					width:34%;
					margin:0 1% 0 0;
					font-size:1.2em;
					text-align:left;
				}
					.productintroduce_content_text_price_l span{
						font-size:1.5em;
						color:#f00;
					}
				.productintroduce_content_text_price_r{
					float:left;
					width:65%;
					margin:0;
					padding:12px 0 0;
					font-size:0.9em;
					color:#999;
					text-align:left;
				}
					.productintroduce_content_text_price_r span{
						text-decoration:line-through;
					}
			.productintroduce_content_text_buy{
				float:left;
				width:100%;
				margin:5px 0;
				text-align:left;
				font-size:1em;
				font-weight:bold;
				color:#d95252;
			}
			.productintroduce_content_shareit{
				float:left;
				width:100%;
				margin:5px 0;
				padding:0 0 30px;
				border-bottom:1px dashed #d98f52;
				font-size:1em;
			}
			.productintroduce_content_plusselect{
				float:left;
				width:100%;
				margin:10px 0 10px;
				padding:0 0 30px;
				text-align:left;
			}
				.productintroduce_content_plusselect_box{
					float:left;
					width:48%;
					margin:10px 1%;
				}
					#proquantity-select {
						width:65%;
						height:40px;
						font-size: 1em;
						color: #666;
						border:1px solid #dedede;
						cursor: pointer;
					}
						#proquantity-select-box {
							font-size: 0.9em;
							color: #666;
							background-color: #FFF;
						}
			.productintroduce_content_text_button{
				float:left;
				width:98%;
				margin:10px 1%;
				text-align:center;
			}
				.productintroduce_content_text_button_box{
					float:left;
					width:40%;
					margin:0 5%;
				}
	.productintroduce_label{
		float:left;
		width:100%;
		margin:30px 0 0;
	}	
		.productintroduce_label_box{
			float:left;
			margin:8px;
			padding:8px;
			border:2px solid #ddd;
			font-size:1em;
			color:#aaa;
		}
			.productintroduce_label_box:hover{
				color:#89c4a9;
				border:2px solid #89c4a9;
			}
	.page_productintroduce_other{
		float:left;
		width:100%;
		margin:30px 0;
	}
		.page_productintroduce_other img{
			width:100%;
		}
		
.page_content{
	float:left;
	width:96%;
	margin:20px 2%;
	font-size:1.1em;
}
	.page_content img{
		width:100%;
		max-width:1200px;
		text-align:center;
	}
	
.news_project{
	float:left;
	width:100%;
	margin:15px 0;
	padding:0 0 10px;
	border-bottom:1px solid #f0f0f0;
}
	.news_project_l{
		float:left;
		width:44%;
		margin:0 1% 0 0;
		text-align:center;
	}
		.news_project_img{
			width:80%;
			margin:0;
		}
		.news_project_img img{
			width:100%;
			max-width:500px;
			_width:expression(this.width > 500 ? "500px" : this.width);
			max-height:350px;
			_height:expression(this.height > 350 ? "350px" : this.height);
		}
	.news_project_r{
		float:left;
		width:55%;
		margin:0;
	}
		.news_project_title{
			float:left;
			width:100%;
			height:2.8em;
			margin:8px 0;
			font-size:1em;
			color:#333;
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
			.news_project_title a, .news_project_title a:visited{
				color:#333;
			}
			.news_project_title a:hover{
				color:#5ba683;
				text-decoration: underline;
			}
		.news_project_date{
			float:left;
			width:100%;
			margin:10px 0;
			font-size:0.6em;
			color:#85a5b9;
			font-weight:bold;
		}
		.news_project_synopsis{
			float:left;
			width:100%;
			height:4em;
			margin:5px 0;
			font-size:0.8em;
			color:#999;
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
		}
		.news_project_button{
			float:right;
			width:100%;
			margin:5px 0;
			text-align:right;
		}
			.news_project_button_box{
				float:left;
				width:100px;
				margin-left: calc(100% - 100px);
				padding:8px 0;
				text-align:center;
				border:1px solid #AAA;
				font-size:0.8em;
				color:#666;
			}
			.news_project_button_box:hover{
				background-color:#5ba683;
				color:#FFF;
			}
	.news_content_date{
		float:left;
		width:100%;
		margin:20px 0;
		text-align:center;
		font-size:0.9em;
		color:#587f98;
	}
	.news_content_button{
		float:left;
		width:14%;
		margin:30px 43%;
	}
	
.member_registered_picture{
	float:left;
	width:100%;
	padding:10px 15px 0;
	font-size:1em;
	color:#333;
}
	#account_number-box{
		width:50%;
		height:43px;
		margin:0 25%;
		font-size: 1em;
		background: #fff url('../images/account_number.png') no-repeat 10px 4px;
		padding: 4px 4px 4px 55px;
		border:1px solid #f0f0f0;
	}
		#account_number-box:hover{
			border:1px solid #e1c7bb;
		}
		#account_number-box:active{
			border:1px solid #e1c7bb;
		}	
	#password-box{
		width:50%;
		height:43px;
		margin:0 25%;
		font-size: 1em;
		background: #fff url('../images/password.png') no-repeat 10px 4px;
		padding: 4px 4px 4px 55px;
		border:1px solid #f0f0f0;
	}
		#password-box:hover{
			border:1px solid #fedcb3;
		}
		#password-box:active{
			border:1px solid #fedcb3;
		}
	#signin-button{
		width:50%;
		height:50px;
		margin:0 25%;
		border:1px #fd8181 none;
		border-radius:10px;
		background-color:#EBEEF0;
		color:#333;
	}
		#signin-button:hover{
			background-color:#5ba683;
			color:#FFF;
		}	
	.member_other{
		float:left;
		width:100%;
		margin:20px 0;
	}
		.member_other_text{
			float:left;
			width:40%;
			text-align:center;
			margin:0 5%;
			font-size:1.1em;
		}
			.member_other_text a{
				color:#000;
			}
			.member_other_text a:visited{
				color:#000;
			}
			.member_other_text a:hover{
				color:#587f98;
				text-decoration:underline;
			}	
	.member_registered_picture p{
		margin:25px 0;
	}	
		#blank-box{
			width:100%;
			height:43px;
			margin:0;
			font-size: 1em;
			padding: 4px;
			border:1px solid #ddd;
		}
			#blank-box:hover{
				border:1px solid #d4b9ab;
			}
			#blank-box:active{
				border:1px solid #d4b9ab;
			}
		.member_registered_picture_button{
			float:left;
			width:42%;
			margin:20px 4%;
		}
	.member_information{
		float:left;
		width:100%;
		margin:4px 0;
	}
		.member_information_title{
			float:left;
			width:15%;
			padding:8px 0 8px 10px;
			background-color:#36607d;
			color:#fff;
			font-size:1em;
			text-align:center;
			border-right:1px solid #ddd;
			border-bottom:0px solid #ddd;
			line-height:28px;
		}
		.member_information_content{
			float:left;
			width:79%;
			padding:8px 0 8px 10px;
			background-color:#F7F7F7;
			line-height:28px;
			font-size:1em;
		}
		.member_information_amend{
			float:left;
			width:5%;
			padding:8px 0;
			background-color:#F7F7F7;
			color:#5ba683;
			font-size:0.8em;
			font-weight:bold;
			line-height:28px;
			letter-spacing:2px;
		}
			.member_information_amend a{
				color:#5ba683;
			}
			.member_information_amend a:visited{
				color:#5ba683;
			}
			.member_information_amend a:hover{
				color:#d95252;
			}
	.orders_form_title{
		display: inline;
		float:left;
		width:100%;
		background-color:#365F7C;
		color:#FFF;
		font-size:1.1em;
		font-weight:bold;
		letter-spacing:2px;
	}
		.orders_form_title_pc_date,.orders_form_title_pc_number,.orders_form_title_pc_status{
			display: inline;
			float:left;
			width:25%;
			padding:10px 0;
			text-align:center;
			border-right:1px solid #FFF;
		}
		.orders_form_title_pc_detailed{
			display: inline;
			float:left;
			width:25%;
			padding:10px 0;
			text-align:center;
		}
	.orders_form_content{
		float:left;
		width:100%;
		margin:0;
		padding:20px 0;
		border-bottom:1px solid #cecece;
		color:#000;
		font-size:1em;
	}
		.orders_form_content_date,.orders_form_content_number,.orders_form_content_status{
			float:left;
			width:25%;
			text-align:center;
			border-right:1px solid #ddd;
		}
			.orders_form_title_ph_date,.orders_form_title_ph_number,.orders_form_title_ph_status,.orders_form_title_ph_detailed{
				display:none;
			}
		.orders_form_content_detailed{
			float:left;
			width:25%;
			text-align:center;
			font-size:0.9em;
			font-weight:bold;
			color:#5ba683;
		}
			.orders_form_content_detailed a{
				color:#5ba683;
			}
			.orders_form_content_detailed a:visited{
				color:#5ba683;
			}
			.orders_form_content_detailed a:hover{
				color:#F00;
			}
.orders_list_form{
	float:left;
	width:100%;
	margin:20px 0 0;
	background-color:#F6F6F6;
}
	.orders_list_form_title{
		display:inline;
		float:left;
		width:100%;
		background-color:#36607d;
		color:#FFF;
		font-size:1em;
		letter-spacing:2px;
		text-align:center;
	}
		.orders_list_form_title_product{
			float:left;
			width:65%;
			padding:10px 0;
			border-right:1px solid #fff;
		}
		.orders_list_form_title_quantity{
			float:left;
			width:10%;
			padding:10px 0;
			border-right:1px solid #fff;
		}
		.orders_list_form_title_price{
			float:left;
			width:25%;
			padding:10px 0;
		}
	.orders_list_form_content{
		float:left;
		width:100%;
		border-bottom:1px solid #E9E9E9;
		margin-bottom:0px;
	}
	.orders_list_form_content a{
		color:#000;
	}
	.orders_list_form_content a:visited{
		color:#000;
	}
	.orders_list_form_content a:hover{
		color:#fd8181;
	}
		.orders_list_form_content_product{
			float:left;
			width:65%;
			padding:10px 0;
		}
			.orders_list_form_content_product_img{
				float:left;
				width:30%;
				text-align:center;
			}
				.orders_list_form_content_product_img img{
					width:90%;
					max-width:120px;
				}
			.orders_list_form_content_product_name{
				float:left;
				width:70%;
				padding:5% 0 0;
				font-size:1em;
				text-align:left;	
			}
		.orders_list_form_content_quantity{
			float:left;
			width:10%;
			padding:6% 0 0;
			text-align:center;
			font-size:1.2em;	
		}
			.orders_list_form_content_quantity_ph{
				display: none;
			}
		.orders_list_form_content_price{
			float:left;
			width:25%;
			padding:6% 0 0;
			text-align:center;
			font-size:1.2em;	
		}
	.orders_list_calculation{
		float:left;
		width:100%;
		padding:20px 0;
		background-color:#FFF;
	}
		.orders_list_calculation_freight{
			float:left;
			width:100%;
			padding:8px 0;
			font-size:1em;
		}
			.orders_list_calculation_freight_l{
				float:left;
				width:85%;
				text-align:right;
			}
			.orders_list_calculation_freight_r{
				float:left;
				width:15%;
				padding:0 15px 0 0 ;
				text-align:right;
			}
		.orders_list_calculation_total{
			float:left;
			width:100%;
			padding:8px 0;
		}
			.orders_list_calculation_total_l{
				float:left;
				width:85%;
				text-align:right;
			}
			.orders_list_calculation_total_r{
				float:left;
				width:15%;
				padding:0 15px 0 0 ;
				text-align:right;
				font-size:1.2em;
				font-weight:bold;
				color:#F00;
			}
.orders_information{
	float:left;
	width:100%;
	margin:50px 0 0;
	background-color:#F6F6F6;
}
	.orders_information_project{
		float:left;
		width:100%;
		border-bottom:1px solid #f0f0f0;
		font-size:1.1em;
	}
		.orders_information_title{
			float:left;
			width:30%;
			padding:10px 0;
			text-align:center;
			border-right:1px solid #1a6e6e;
			border-bottom:none;
			background-color:#36607d;
			color:#FFF;
			letter-spacing:2px;
			font-weight:bold;
		}
		.orders_information_content{
			float:left;
			width:70%;
			padding:10px 0 10px 20px;
			text-align:left;
		}
		
.shoppingcart{
	float:left;
	width:98%;
	margin:0 1%;
	background-color:#FFF;
	padding:35px 15px;
}
	.shoppingcart_orderstep{
		float:left;
		width:100%;
		margin:0 0 40px;
		padding:0 5%;
	}
		.shoppingcart_orderstep_in{
			float:left;
			width:24%;
			text-align:center;
			margin:0 2%;
			padding:10px 0;
			color:#338861;
			font-size:1em;
		}
			.shoppingcart_orderstep_icon_in{
				float:left;
				width:100%;
				text-align:center;
			}
				.shoppingcart_orderstep_icon_in_box{
					float:left;
					width:64px;
					height:64px;
					margin-left:calc(50% - 32px);
					padding:10px 8px;
					text-align:center;
					border-radius:50%;
					font-size:1.8em;
					background-color:#338861;
					color:#FFF;
				}
		.shoppingcart_orderstep_step{
			float:left;
			width:8%;
			margin:3% 0;
			text-align:center;
			padding:10px 0;
			color:#666;
		}
		.shoppingcart_orderstep_out{
			float:left;
			width:24%;
			text-align:center;
			margin:1% 2% 0;
			padding:10px 0;
			border-bottom:0px solid #308282;
			color:#CCC;
			font-size:0.8em;
		}
			.shoppingcart_orderstep_icon_out{
				float:left;
				width:100%;
				text-align:center;
			}
				.shoppingcart_orderstep_icon_out_box{
					float:left;
					width:50px;
					height:50px;
					margin-left:calc(50% - 25px);
					padding:10px 8px;
					text-align:center;
					border-radius:50%;
					font-size:1.8em;
					background-color:#CCC;
					color:#FFF;
				}
	.shoppingcart_form_title{
		float:left;
		width:100%;
		text-align:center;
		font-size:1em;
		display:inline;
	}
		.shoppingcart_form_product_title{
			float:left;
			width:55%;
			padding:8px;
			background-color:#36607d;
			color:#FFF;
			border-right:1px solid #FFF;
			letter-spacing:5px;
		}
		.shoppingcart_form_proprice_title{
			float:left;
			width:10%;
			padding:8px;
			background-color:#36607d;
			color:#FFF;
			border-right:1px solid #FFF;
			letter-spacing:3px;
		}
		.shoppingcart_form_proquantity_title{
			float:left;
			width:15%;
			padding:8px;
			background-color:#36607d;
			color:#FFF;
			border-right:1px solid #FFF;
			letter-spacing:3px;
		}
		.shoppingcart_form_proallprice_title{
			float:left;
			width:10%;
			padding:8px;
			background-color:#36607d;
			color:#FFF;
			border-right:1px solid #FFF;
			letter-spacing:3px;
		}
		.shoppingcart_form_prorevision_title{
			float:left;
			width:10%;
			padding:8px;
			background-color:#36607d;
			color:#FFF;
			letter-spacing:2px;
		}
	.shoppingcart_form{
		float:left;
		width:100%;
		margin-bottom:0;
		border-bottom:1px solid #DDD;
	}
	.shoppingcart_form a:visited{
		color:#000;
	}
		.shoppingcart_form_pro{
			float:left;
			width:55%;
			margin:0;
		}
			.shoppingcart_form_proimg{
				float:left;
				width:30%;
				padding:8px 0 0;
				text-align:center;
			}
				.shoppingcart_form_proimg img{
					width:90%;
					max-width:120px;
				}
			.shoppingcart_form_proname{
				float:left;
				width:70%;
				padding:2% 0 0;
				text-align:left;
			}
				.shoppingcart_form_proname p{
					font-size:0.9em;
				}
		.shoppingcart_form_proprice{
			float:left;
			width:10%;
			text-align:center;
			padding:5% 0 0;
			font-size:1em;
		}
		.shoppingcart_form_proquantity{
			float:left;
			width:15%;
			text-align:center;
			padding:5% 0;
			border-top:none;
			border-bottom:none;
		}
			#shoppingcart_form_proquantity-select {
				width:60px;
				height:30px;
				font-size: 1em;
				color: #666;
				border:1px solid #dedede;
				cursor: pointer;
			}
				#shoppingcart_form_proquantity-select-box {
					font-size: 0.9em;
					color: #666;
					background-color: #FFF;
				}
			.shoppingcart_form_proquantity_ph{
				display: none;
			}
		.shoppingcart_form_proallprice{
			float:left;
			width:10%;
			text-align:center;
			padding:5% 0 0;
			border-top:none;
			border-bottom:none;
			font-size:1em;
		}
		.shoppingcart_form_prorevision{
			float:left;
			width:10%;
			text-align:center;
			padding:4% 0 0;
			font-size:1.5em;
			color:#4d9797;
			border-top:none;
			border-bottom:none;
		}
			.shoppingcart_form_prorevision a:visited{
				color:#4d9797;
			}
			.shoppingcart_form_prorevision a:hover{
				color:#f00;
			}
	.shoppingcart_freight{
		float:left;
		width:100%;
		margin:30px 0 10px 0;
		font-size:1em;
	}
		.shoppingcart_freight_l{
			float:left;
			width:85%;
			text-align:right;
			padding:0 10px 0 0;
		}
		.shoppingcart_freight_r{
			float:left;
			width:15%;
			text-align:right;
			padding:0 10px 0 0;
		}
	.shoppingcart_clearing{
		float:left;
		width:100%;
		margin:0;
	}
		.shoppingcart_clearing_l{
			float:left;
			width:85%;
			text-align:right;
			padding:8px 10px 0 0;
			font-size:1em;
		}
		.shoppingcart_clearing_r{
			float:left;
			width:15%;
			text-align:right;
			padding:0 10px 0 0;
			font-size:1.5em;
			font-weight:bold;
			color:#f00;
		}
	.shoppingcart_button{
		float:left;
		width:100%;
		margin:50px 0 20px;
	}
.shoppingcart_fillinformation{
	float:left;
	width:100%;
	margin:100px 0 0;
}
	.shoppingcart_fillinformation_title{
		float:left;
		width:100%;
		margin:0 0 15px;
		padding:10px;
		font-size:1em;
		letter-spacing:2px;
		background-color:#36607d;
		color:#FFF;
	}
	.shoppingcart_fillinformation_text{
		float:left;
		width:100%;
		margin:0;
		font-size:0.9em;
		padding:10px 0;
	}
		.shoppingcart_fillinformation_text p{
			margin-bottom:20px;
		}
.shoppingcart_completeorder{
	float:left;
	width:100%;
	text-align:center;
	margin:20px 0;
}
	.shoppingcart_completeorder_title{
		float:left;
		width:100%;
		margin:0 0 15px;
		font-size:1.2em;
		font-weight:bold;
	}
	.shoppingcart_completeorder_text{
		float:left;
		width:100%;
		font-size:1em;
	}
		
.footer{
	float:left;
	width:100%;
	padding:30px 2%;
	background-color:#36607d;
}
.footer a, a:visited{
	color:#DEDEDE;
}
.footer a:hover{
	color:#fec5b3;
	text-decoration:underline;
}
	.footer_aboutus{
		float:left;
		width:38%;
		margin:0 1%;
	}
	.footer_contactus{
		float:left;
		width:28%;
		margin:0 1%;
	}
	.footer_email{
		float:left;
		width:28%;
		margin:0 1%;
	}
		.footer_aboutus_title, .footer_contactus_title, .footer_email_title{
			float:left;
			width:100%;
			padding:15px 0 15px 8px;
			font-size:1.2em;
			color:#FFF;
			border-bottom:1px solid #F0F0F0;
		}
		.footer_aboutus_content, .footer_contactus_content, .footer_email_content{
			float:left;
			width:100%;
			padding:15px 0 15px 8px;
			font-size:1em;
			color:#DEDEDE;
		}
		/*
		.footer_aboutus_content{
			height:7em;			
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 4;
			-webkit-box-orient: vertical;
		}
		*/
		.footer_about_button{
			float:left;
			width:16%;
			margin:5px 42% 0;
			padding:0;
			text-align:center;
			font-size:0.8em;
			border:1px solid #DDD;
		}
		.footer_email_content{
			text-align:center;
		}
			.footer_email_from{
				float:left;
				width:100%;
				margin:10px 0;
				padding:0 10%;
			}
				.footer_email_from_box{
					float:left;
					width:75%;
				}
				.footer_email_from_button{
					float:left;
					width:25%;
					padding:6px 0;
					text-align:center;
					background-color:#5ba683;
					border:0.5px solid #5ba683;
					color:#FFF;
				}
					.footer_email_from_button:hover{
						background-color:#36607d;
						border:0.5px solid #b6cbd9;
						color:#FFF;
					}
	.footer_project{
		float:left;
		width:100%;
		margin:20px 0;
		text-align:center;
		font-size:1em;
	}
		.footer_project p{
			float:left;
			width:31%;
			margin:0 1%;
		}
		.footer_project a, .footer_project a:visited{
			color:#FFF;
		}
		.footer_project a:hover{
			color:#fec5b3;
			text-decoration:underline;
		}
}

.footer_copyright{
	float:left;
	width:100%;
	margin:0;
	padding:15px 0;
	text-align:center;
	font-size:0.8em;
	background-color:#333;
	color:#FFF;
}

/*totop*/
#gotop {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 5px;    
    padding: 2px 10px 6px;    
    font-size: 1.5em;
    color: #FFF;
    cursor: pointer;
	z-index:100;
	border:none;
	border-radius:50%;
	background-color:#DDD;
}
#gotop:hover{
    color: #FFF;
	border:none;
	border-radius:50%;
	background-color:#999;
}

/*add shopping cart*/
#addshoppingcart{
    display: none;
    position: fixed;
    right: 25px;
    bottom: 25%; 
    cursor: pointer;
	z-index:1000000;
	width:20px;
	font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;
}
	.addshoppingcart_box{
		float:left;
		width:40px;
		height: auto;
		margin-top:-1px;
		padding:10px 13px;
		font-size:0.9em;
		color:#FFF;
		border:1px solid #f0f0f0;
		background-color:#adadad;
	}
	.addshoppingcart_box:hover{
		color:#36607d;
		border:1px solid #f0f0f0;
		background-color:#fedcb3;
	}

/*pagenumber*/
.page_productoverview_pagenumber{
	float:left;
	width:100%;
	text-align:center;
	margin:30px 0 20px;
}
div.jogger{padding:2px;margin:7px;font-family: "Microsoft JhengHei UI", "微軟正黑體", "Helvetica Neue", Helvetica, Arial;}
div.jogger a{padding:0.5em 0.84em;margin:2px;color:#fff;background-color:#999;text-decoration:none; border-radius:5px; border:1px solid #777;}
div.jogger a:hover{padding:0.5em 0.84em;margin:2px;color:#fff;background-color:#338861;}
div.jogger a:active{padding:0.5em 0.84em;margin:2px;color:#fff;background-color:#b3b7cd;}
div.jogger span.current{padding:0.5em 0.84em;margin:2px;color:#333;background-color:#b9dfce; border-radius:5px; border:1px solid #aaa;}
div.jogger span.disabled{display:none; border-radius:5px;}


/*分享按鈕*/
.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.1em
}

.resp-sharing-button {
  border-radius: 50%;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  position: relative;
  top:0;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}
.resp-sharing-button:hover{		
	transition-property: top;
 	transition-duration: 0.2s;
	-moz-transition-property: top;
 	-moz-transition-duration: 0.2s;
	-webkit-transition-property: top;
 	-webkit-transition-duration: 0.2s;	
	-o-transition-property: top;
 	-o-transition-duration: 0.2s;		
	
	top: -5px;
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--google {
  background-color: #dd4b39;
  border-color: #dd4b39;
}

.resp-sharing-button--google:hover,
.resp-sharing-button--google:active {
  background-color: #c23321;
  border-color: #c23321;
}

.resp-sharing-button--tumblr {
  background-color: #35465C;
  border-color: #35465C;
}

.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
  background-color: #222d3c;
  border-color: #222d3c;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

.resp-sharing-button--pinterest {
  background-color: #bd081c;
  border-color: #bd081c;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
  background-color: #8c0615;
  border-color: #8c0615;
}

.resp-sharing-button--linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
  background-color: #046293;
  border-color: #046293;
}

/* product feedback */
.box-pic{
	background-image: url(../images/customerservice.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	min-height:200px;
}
.qu-box {
    background-color: #2e8fc8;
    margin: 0;
    padding: 20px 10px;
    margin:5%;
}
@media (max-width: 767px){
.qu-box {
    padding: 20px 0;
    margin:130px 0 0 0;
}
}
.qu-box:after{
    position: absolute;
    bottom: -9px;
    left: 48%;
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
	content:"";
	border-top: 10px solid #2e8fc8;
    z-index: 51;
}
.qu-box h2{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	line-height: 40px;
	margin: 0;
}
.qu-box span{
	font-size: 16px;
	color: #fff;
	width:100%;
	padding:0;
	margin:0;
}
a.qa-bot-1,a.qa-bot-2,a.qa-bot-3{
    background-color: #fff;
	border-radius:0;
	font-size:15px;
	padding:8px 15px;
	text-align:center;
	color: #757575;
	border: 1px solid #e7e7e7;
	margin-right:5px;
	flex:1;
}
a.qa-bot-1:hover,a.qa-bot-2:hover,a.qa-bot-3:hover{
	background:#e7e7e7;
	cursor:pointer;
	color:#000;
}
.box-3a{
    display: flex;
	padding-top:20px;
}
.border-1{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-right-color: #D4D4D4;
	border-bottom-color: #BCBCBC;
	border-left-color: #BCBCBC;
	position: relative;
}
a.qa-send{
	text-align: center;
    min-height: 50px;
    color: white;
    font-size: 17px;
    line-height: 26px;
    background-color: #CCCCCC;
    padding: 5px 40px;
}
a.qa-send:hover{
	background-color: #B4B4B4;
}
.send-bot{
	margin:20px 0;
}
@media (max-width: 768px){
.fancyitem{
	width:100%;
}
.border-1{
	padding: 10px;
}
}
@media (min-width: 769px){
.fancyitem{
	width:50%;
}
.border-1{
	padding: 20px 30px;
}
.fancybox-content {
	padding: 24px 24px 40px 24px;
}
}