@import url("reset.css");
* {-webkit-box-sizing: border-box; box-sizing: border-box; }



.grid { margin: 0 auto; }
.grid:after { content: ' '; display: block; clear: both; }

/* ---- grid-item ---- */
.grid-item {
 width: 300px;
 min-height: 150px;
 height: auto; 
 float: left;
 border: 1px solid rgba(155, 155, 155, 0.653);
 border-radius: 5px;
 overflow:hidden;
 padding: 2px 8px 18px;
 margin-bottom: 10px;
 background: rgba(255, 255, 255, 1);
 
}

/* ---- item內容 ---- */
.grid-item div { display: block; width: 100%; height: auto;}
.grid-item div label{  width: 31%; clear: right; color: #ffffff; text-align: right; background: rgba(224, 37, 137, 0.8); padding: 2px 10px; margin: 0 0 22px 69%; border-radius: 15px; font-size: 0.75em; }
.grid-item div h4 {display: block;  width: 100%; height: 30px; border-bottom: rgba(119, 38, 123, 0.7) 2px solid; color:rgba(119, 38, 123, 1); line-height: 1.6em; margin: 0 0 5px; font-weight: 400;}
.grid-item div h4 span {font-size: 0.8em;}
.grid-item div p{ font-size:0.9em; color: rgba(0, 0, 0, 0.65); }

/*跳頁*/
.pagination {
	width:80%;
	margin:30px auto 0; padding-top: 20px;
	text-align:center;
	clear: both;
}
.pagination ul {
	list-style:none;
}
.pagination ul li {
	margin:5px;
	display:inline;
	font-size:0.6em;
}
.pagination-item a {
	width:35px;
	height:35px;
	color:rgb(142, 142, 142) ;
	border: rgba(86,75,64,0.10) solid 1px;
	border-radius:50%;
	line-height:35px;
	display:inline-block;
	text-decoration: none;
}

.pagination-item a:hover {
	background:rgba(118, 2, 91, 0.954);
	color:#FFF;
}
.pagination-item.selected a {
	background: #e72a61;
	color:#ffffff;
	border:none;
}

.pagination-prew a {
	color:rgba(86,75,64,1.00);
}