ul.product-item{
	display:inline-block;
	width:100%;
	margin:0 auto;
	list-style-type:none;
	padding:0;
	height:auto;
	vertical-align: top;
	outline: 4px solid #ffffff;
	}
ul.product-item li{
	margin:0;
	vertical-align:top;
	text-align:center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
ul.product-item li a.item-group{	
	display:block;
	width:100%;	
	height:100%;	
	text-decoration:none;
	}
ul.product-item li a.item-group img{	
	display:block;
	width:100%;		
	z-index:1;
	background-color:#f5f7f8;
	}	
ul.product-item li a.item-group label{
	bottom:13px;
	display: block;
	width:100%;
	min-height:40px;
	padding:0 5%;
	margin: 20px 0;
	color: #222222;
	font: normal 20px/20px 'Open Sans Condensed', 'Helvetica Narrow', arial, helvetica, sans-serif;
	letter-spacing: 1px;
	line-height:100%;
	text-align: left;
	z-index:2;
	cursor:pointer;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
ul.featured-products li a.item-group label.white{
	color:#ffffff;
	}
.item-group-mask{ 
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0);
	}
/*n row begin*/
.has-n-part li{
	float:left;
	width:20%;
	outline:4px solid #ffffff;	
	}
.has-n-part li a{	
	width:100%;
	text-align:center;
	}
@media screen and (max-width: 1366px) {
.has-n-part li{
	width:25%;
	}	
}
@media screen and (max-width: 1100px) {
.has-n-part li{
	width:33.3%;
	}	
}
@media screen and (max-width: 768px) {
ul.product-item li a.item-group label{
	font-size: calc( 0.55rem + 2.5vw - 8px ); 
	line-height:100%;
	}
}
@media screen and (max-width: 640px) {
.has-n-part li{
	width:50%;
	}	
ul.product-item li a.item-group label{
	min-height:35px;
	font-size:16px;
	}	
}
@media screen and (max-width: 390px) {
ul.product-item li a.item-group label{
	font-size: calc( 0.9rem + 2.5vw - 8px ); 
	}	
}

/* prroduct detail begin */
.product-content{
	display:block;
	width:90%;
	max-width:1050px;
	margin:0 auto;
	padding:5% 5% 0 5%;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	}
.product-content label{
	display:block;
	font-size:14px;
	color:#999999;
	}
.product-content h3{
	display:block;
	font-size:19px;
	color:#4f5a65;
	margin:0;
	}
.product-content h1{
	display:block;
	font-size:32px;
	color:#222222;
	line-height:100%;
	margin:20px 0 20px -2px;
	padding:0;
	}
.product-content p{
	display:block;
	font-size:15px;
	color:#666666;
	font-weight:normal;
	padding:0;
	line-height:160%;
	}
.product-content ul{
	padding:0 0 0 20px;
	margin:10px 0;
	}	
.product-content ul li{
	font-size:15px;
	color:#666666;
	line-height:160%;
	margin:0 0 5px 0;
	}	
.product-content a,
.product-content a:link{
	color:#92b500;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	}
.product-content a:hover{
	color:#222222;
	}	
/*item hover*/
.product-area{
	display:block;
	width:100%;
	max-width:600px;
	vertical-align:top;
	text-align:left;
	margin:5% auto;
	}
/* product-area Product img */
.product-details {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:block;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		}
ul.product-images{
		display:block;
		padding:0;
		margin:0;
		list-style-type:none;
		}  
.product-details .product-images {
	  width:100%;
	  max-width:850px;
	  }
	  
.product-details .product-images > li{
	  /* 小圖寬 */
	  display:inline-block;
	  width:94px;
	  height: product-dimenstions(94px);
	  overflow: hidden;
	  margin:5px 5px 0 0;
	  padding:5px;
	  outline:1px solid #f0f0f0;
	  }	 
.product-details .product-images > li:hover{
	  outline:1px solid #666666;
	  }	  
.product-details .product-images > li.preview {
	  width: 100%;
	  height: auto;
	  margin: 0 0 10px 0;
	  padding:0;
	  outline:0;	  
	  }
.product-details .product-images img {
	  width: 100%;
	  }	    
/* product-area Product img end */
  
@media screen and (max-width: 640px) {
.product-details .product-images > li a{
	cursor:default;
	}	 
.product-details .product-images > li:hover{
	outline:0;
	}	  
.product-content h1{
	font-size:24px;
	}	
.product-details .product-images > li.preview {
	display:none;	  
	}
.product-details .product-images > li{
	width: 100%;
    height: auto;
	margin: 0 0 10px 0;
	padding:0;
	outline:0;
	}	 
.product-area{
	width:90%;
	padding:5% 5% 0 5%;
	}
 
}
@media screen and (max-width: 480px) {
	
.product-content {
    width: 84%;
    padding:8% 8% 0 8%;
}
	
.product-area{
	width:95%;
	padding:2.5%;
	}	
}

.back-list{			
	display:block;
	width:280px;	
	margin:15px auto 30px auto;
	padding: 12px 0;
	font-family: 'HYQiHei-45S', 'Microsoft YaHei',Verdana,sans-serif;
	color:#222222;
	background-color:#ffffff;
	border:1px solid #dbdbdb;	
	font-size:12px;	
	letter-spacing:1px;
	text-decoration:none;
	text-align:center;	
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-ms-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;				
	}
.back-list:hover{ 
	background-color:#222222;
	border:1px solid #222222;
	color:#ffffff;
	}

/* prroduct detail end */