.item-value{
	display:block;
	width:100%;
	background-color:#f7f8f9;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
    padding:10px 0;
	text-align:center;
	border-bottom:1px solid #e9e9e9;		
	}	
	.item-value ul{
		display:block;
		width:100%;
		padding:0;
		list-style-type:none;	
		}
		.item-value ul li{
			display:inline-block;
			margin:0 15px 0 0;	
			color:#CCCCCC;		
			}
			.item-value ul li .active{					
				color:#262626;	
				text-decoration:underline;
				}
			.item-value ul li a{
				font-size:21px;
				font-weight:bold;
				color:#CCCCCC;
				text-decoration:none;
				  -webkit-transition: color ease-in-out 0.2s;
				  -moz-transition: color ease-in-out 0.2s;
				  -o-transition: color ease-in-out 0.2s;
				  transition: color ease-in-out 0.2s;
				}
				.item-value ul li a:hover{ color:#1f62b4; }
				
@media (max-width: 480px) {
	
	.item-value{ 
		width:90%;
		padding:10px 0 10px 10%;
		text-align:left;
	}
	.item-value ul li{
		display:block;
		margin:0;		
	}			
	.item-value ul li:nth-child(2){ display:none; }
			
}	
	
.product-container{
	display:block;
	width:100%;
	margin:15% auto 0 auto;
	}	
.item-container h3{
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-size:16px;
	font-weight:normal;
	margin:0;
	color: #888888;
}

.item-container img{
	display:block;
	width:100%;
	margin:5% auto 0 auto;
	mix-blend-mode: lighten;
}
@media (max-width: 640px) {	
	.product-container {
	    margin: 5% auto 0 auto;
	}
	.item-container img {
	    margin: 0 auto;
	}
}
/* item list */
.grid-view:before,
.grid-view:after {
	content: '';
	display: table;
	clear: both;
}
/* items list/grid layout */
.grid-view {
	position: relative;
	}
	.grid-view .item-container {
		clear: none;
		float: left;
		padding: 30px;  /*間距*/
		box-sizing: border-box;
	    }
		.grid-view .item-container:before,
		.grid-view .item-container:after {
			content: '';
			position: absolute;
			overflow: hidden;
			background: #555555; /* 線的顏色 */
		    }
		.grid-view .item-container:before {
			left: 0;
			margin-top: -30px;  /*間距*/
			width: 100%;
			height: 1px; /* 底線 */
		    }
		.grid-view .item-container:after {
			top: 0;
			margin-left: -30px;  /*間距*/
			width: 1px; /* 邊線 */
			height: 100%;
		    }

@media (min-width: 1561px) {
	.grid-view .item-container:nth-child(n) { clear: none; }
	.grid-view .item-container:nth-child(n):before { height: 1px; }
	/* 消除 */
	.grid-view .item-container { width: 25%; }
	.grid-view .item-container:nth-child(4n+1) { clear: both; }
	.grid-view .item-container:nth-child(4n+1):after { width: 0; }
	.grid-view .item-container:nth-child(-n+4):before { height: 0; }

}
@media (max-width: 1560px) {	
	.grid-view .item-container:nth-child(n) { clear: none; }
	.grid-view .item-container:nth-child(n):before { height: 1px; }
	/* 消除 */
	.grid-view .item-container { width: 25%; }
	.grid-view .item-container:nth-child(4n+1) { clear: both; }
	.grid-view .item-container:nth-child(4n+1):after { width: 0; }
	.grid-view .item-container:nth-child(-n+4):before { height: 0; }

}
@media (max-width: 1400px) {
	.grid-view .item-container:nth-child(n) { clear: none; }
	.grid-view .item-container:nth-child(n):before { height: 1px; }
	/* 消除 */
	.grid-view .item-container { width: 25%; }
	.grid-view .item-container:nth-child(4n+1) { clear: both; }
	.grid-view .item-container:nth-child(4n+1):after { width: 0; }
	.grid-view .item-container:nth-child(-n+4):before { height: 0; }

}

@media (max-width: 1160px) {
	.grid-view .item-container:nth-child(n) { clear: none; }
	.grid-view .item-container:nth-child(n):before { height: 1px; }
	/* 消除 */
	.grid-view .item-container { width: 33.3333%; }
	.grid-view .item-container:nth-child(3n+1) { clear: both; }
	.grid-view .item-container:nth-child(3n+1):after { width: 0; }
	.grid-view .item-container:nth-child(-n+3):before { height: 0; }

}

@media (max-width: 865px) {

	.grid-view .item-container:nth-child(n) { clear: none; }
	.grid-view .item-container:nth-child(n):before { height: 1px; }
	/* 消除 */
	.grid-view .item-container { width: 50%; }
	.grid-view .item-container:nth-child(2n+1) { clear: both; }
	.grid-view .item-container:nth-child(2n+1):after { width: 0; }
	.grid-view .item-container:nth-child(-n+2):before { height: 0; }
	.grid-view .item-container {
		padding: 10px;  
	}
	.grid-view .item-container:before {
		margin-top: -10px; 
	}
	.grid-view .item-container:after {
		margin-left: -10px; 
	}

}

/*@media (max-width: 480px) {
	.grid-view .item-container:nth-child(n) { clear: none; }
	.grid-view .item-container:nth-child(n):before { height: 1px; }
	.grid-view .item-container { width: 100%; }
	.grid-view .item-container:nth-child(n+1) { clear: both; }
	.grid-view .item-container:nth-child(n+1):after { width: 0; }
	.grid-view .item-container:nth-child(-n+1):before { height: 0; }
}	*/