ul.category{
	display:block;
	margin:0 0 8px 0;
	padding:0;
	width:100%;
	list-style-type:none;
	}
ul.category.size{
	margin:0 0 20px 0;
	}
	ul.category li{
		display:inline-block;
		margin:0 5px 0 0;
		padding:0 0 10px 0;
		font-family:microsoft yahei,sans-serif;
		font-size:12px;
		color:#CCCCCC;		
		}	
	ul.category li u{
		font-family: "Open Sans", Helvetica, Arial, STHeiti, "Microsoft JhengHei", 微軟正黑體, sans-serif;
		text-decoration: none;
		font-weight: 500;
		font-size:13.5px;
		}	
		ul.category li a:link,
		ul.category li a:active,
		ul.category li a{
			padding:0 0 10px 0;
			font-size:15px;
			letter-spacing:1px;
			text-decoration:none;
			color:#222222;
			font-weight:bold;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;			
			}	
			ul.category li a:hover,
			ul.category li:hover label{ 
				color:#ba9a68;
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;	
				}
	ul.category.size li{
		margin:0 8px 0 0;
		}	
		ul.category.size li a:link,
		ul.category.size li a:active,
		ul.category.size li a{
			padding:5px 25px;
			font-size:14px;
			line-height: 14px;
			border-radius: 6px;
			letter-spacing:2px;
			color:#707070;
			background-color:#ffffff;
			border:1px solid #cccccc;
			font-weight:600;		
			}	
			ul.category.size li a:hover{ 
				color: #ffffff;
				background-color:#ba9a68;
				border:1px solid #ba9a68;
				}

					
	ul.category li label{
		margin:0 0 0 2px;
		font-size:12px;
		letter-spacing: 0;
		font-family: "Open Sans",Helvetica,Arial,sans-serif;
		cursor:pointer;
		font-weight:normal;		
		color:#707070;	
		}
ul.category li a.active,
ul.category li a.active label{color:#a74523;}
ul.category li a.active:hover label{color:#a74523;}	

ul.category.size li a.active{
	color: #ffffff;
	background-color:#a74523;
	border:1px solid #a74523;
	}


.product-container{
	display:block;
	padding:30px;
	margin:0 0 15px 0;
	background-color:#ffffff;
	text-decoration:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;	
	}
	.product-container img{
		display:block;
		width:100%;
		max-width:627px;
		margin:0 0 30px 0;
		}
		
.product-container p{
	width:80%;
	max-width:555px;
	font-family: 'HYQiHei-45S', 'Microsoft YaHei', Helvetica,Hiragino Sans GB;
	color:#8A8A8A;
	font-size:15px;
	letter-spacing:1.2px;
	line-height:180%;
	padding:0;
	margin:0 auto 17% auto;
	}
	.product-container p a:link,
	.product-container p a:visited	{ color:#b1a486; font-weight:bold	}
	.product-container p a:hover	{ color:#222222; text-decoration:none;	}
	
	
.item-title{
	display:block;
	width:100%;
	padding:11% 0 9% 0;
	font-family:microsoft yahei,sans-serif;
	font-size:18px;
	letter-spacing:6px;
	font-weight:normal;
	color:#2c2c2c;
	text-align:center;
	}			
.back-date{
	position:relative;
	display:inline-block;
	width:100%;
	font-size:12px;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	color:#b4b4b4;
	}
.item-area{ position:absolute; left:0;}
.item-date{ position:absolute; right:0;}


.item-list{
	display:block;
	padding:30px;
	margin:0 0 15px 0;
	background-color:#ffffff;
	text-decoration:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;	
	}
.item-list:hover{
	background-color:#f5f7f8;
	}		
	.item-list img{
		display:inline-block;
		margin:0 30px 0 0;
		width:50%;
		max-width:282px;
		vertical-align:top;		
		}	

@media screen and (max-width: 940px) {	
	.item-list img{
		margin:0 20px 0 0;
		}
}

		.img_gray{
			-webkit-transition: 0.5s ease-out;
			-moz-transition: 0.5s ease-out;
			-ms-transition: 0.5s ease-out;
			-o-transition: 0.5s ease-out;
			transition: 0.5s ease-out;				
			filter: url('../JSFiles/filters.svg#grayscale'); 
			filter: none; 
			-webkit-filter: grayscale(1);
				z-index:1;
			}
			.item-list:hover img {
				filter: gray; 
				-webkit-filter: grayscale(0);
				}	


            .card_image {
				  height:100%;
				  display:inline-flex;
				  overflow: hidden;
				  position: relative;
					 }
					.card_image img {
						display:block;
						width:100%;
						 } 
					.overlay {
					  content: "";
					  bottom: 0;
					  display: block;
					  max-width:280px;
					  height: 100%;
					  left: 0;
					  position: absolute;
					  right: 0;
					  top: 0;					  
					  z-index: 1;
					  }	
					 .mask{
							background: rgba(0, 0, 0, .3); /*半透明黑色遮罩*/
							z-index: 2;
							-webkit-transition: all 0.5s ease;
							-moz-transition: all 0.5s ease;
							-o-transition: all 0.5s ease;
							transition: all 0.5s ease;  
							}
							.item-list:hover .mask{
								  background: rgba(0, 0, 0, 0); /*半透明黑色遮罩*/
								  z-index: 2;
								  }
@media screen and (max-width: 670px) {	

            .card_image {
				width:100%;
					 }

	.item-list img{
		display:block;
		margin:0;
		width:100%;
		max-width:100%;	
		}	
		.overlay {
		  max-width:100%;
		  }	
		
}

@media screen and (max-width: 640px) {	
	ul.category li label{	display:none;	}	
    ul.category li a:link, ul.category li a:active, ul.category li a {  letter-spacing: 0;  }
		
    ul.category.size li { margin: 0 5px 0 0; }
	ul.category.size li a:link,
	ul.category.size li a:active,
	ul.category.size li a{
		padding:5px 12px;
		}	
}	 

@media screen and (max-width: 380px) {	
    ul.category li a:link, ul.category li a:active, ul.category li a {  font-size: 13px;  }
}

@media screen and (max-width: 360px) {	
	ul.category li{	margin:0 6px 0 0;	}
	ul.category li:last-child{	margin:0;	}	
}

.item-spec{
	display:inline-block;
	width:42%;
	vertical-align:top;
	text-decoration:none;
	}
@media screen and (max-width: 670px) {	
.item-spec{
	display:block;
	width:80%;
	margin:20px 0 0 0;
	}

}
	
.date, .area{
	display:block;
	margin:0 0 10px 0;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	color:#bababa;
	font-size:12px;
	}
.item-name{
	margin:0 0 10px 0;
	font-family:microsoft yahei,sans-serif;
	font-size:14px;
	letter-spacing:3px;
	color:#222222;
	font-weight:bold;	
	}
.feature{
	font-family:microsoft yahei,sans-serif;
	font-size:12px;
	letter-spacing:1px;
	color:#a3a3a3;
	}