@charset "utf-8";
/* CSS Document */

.ListPicText { margin-top:10px; }
.ListPicText .item { 
	background-color:#fff; margin-bottom:30px; overflow:hidden; 
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	}
.ListPicText .item > div { box-sizing:border-box; }
.ListPicText .img img { width:100%; }
.ListPicText .title { padding-top:5px; padding-bottom:10px; line-height:130%; }
.ListPicText .title span { display:none; }
.ListPicText .title a { display:block; color:#000; text-decoration:none; }
.ListPicText .title a:hover { color:#e60012; text-decoration:underline; }
.ListPicText .title a:visited { color:#b3b3b3; } .ListPicText .date { 
	display:inline-block; margin-right:20px; color:#8b8b8b; line-height:180%; 
	background:url("../images/icon_date.png") no-repeat 0 center; padding-left:16px;
	}
.ListPicText .date span { display:none; }
.ListPicText .cat { display:inline-block; margin-right:20px; padding:0 5px; background-color:#f2f2f2; color:#8b8b8b; line-height:180%; }
.ListPicText .cat span { display:none; }
.ListPicText .desc { color:#757575; line-height:180%; }

/* list-view */
.ListPicText.list-view .img { float:left; }
.ListPicText.list-view.single.staggered .item:nth-child(2n+2) .img { float:right; padding-right:0; padding-left:30px; }


@media screen and (min-width: 1024px) {
/* list-view */
.ListPicText.list-view .img { width:350px; max-width:50%; padding-right:30px; }
.ListPicText.list-view.single.staggered .item:nth-child(2n+2) .img { float:right; padding-right:0; padding-left:30px; }

/* grid-view */
/* 單欄 */
.ListPicText.single .cont { padding:30px; }
.ListPicText.single .title { font-size:187.5%; }
.ListPicText.single .date { font-size:81.25%; }
.ListPicText.single .cat { font-size:81.25%; }
.ListPicText.single .desc { font-size:100%; }

/* 兩欄 */
.ListPicText.bisection .item { float:left; width:48.5%; margin-left:3%; }
.ListPicText.bisection .item:nth-child(2n+1) {  margin-left:0; }
.ListPicText.list-view.bisection .img { padding:20px 10px 10px 20px; }
.ListPicText.bisection .cont { padding:20px; }
.ListPicText.bisection .title { font-size:150%; }
.ListPicText.bisection .date { font-size:81.25%; }
.ListPicText.bisection .cat { font-size:81.25%; }
.ListPicText.bisection .desc { font-size:93.75%; }

/* 三欄 */
.ListPicText.trisection .item { float:left; width:32%; margin-left:2%; }
.ListPicText.trisection .item:nth-child(3n+1) { margin-left:0; }
.ListPicText.list-view.trisection .img { padding:15px 10px 10px 15px; }
.ListPicText.trisection .cont { padding:15px; }
.ListPicText.trisection .title { font-size:125%; }
.ListPicText.trisection .date { font-size:81.25%; }
.ListPicText.trisection .cat { font-size:81.25%; }
.ListPicText.trisection .desc { font-size:87.5%; }

/* 四欄 */
.ListPicText.quarters .item { float:left; width:23.5%; margin-left:2%; }
.ListPicText.quarters .item:nth-child(4n+1) {  margin-left:0; }
.ListPicText.list-view.quarters .img { padding:15px 10px 10px 15px; }
.ListPicText.quarters .cont { padding:15px; }
.ListPicText.quarters .title { font-size:112.5%; }
.ListPicText.quarters .date { font-size:81.25%; }
.ListPicText.quarters .cat { font-size:81.25%; }
.ListPicText.quarters .desc { font-size:81.25%; }
}


@media screen and (min-width: 768px) and (max-width: 1023px) {
.ListPicText .cont { padding:20px; }
.ListPicText .title { font-size:150%; }
.ListPicText .date { font-size:81.25%; }
.ListPicText .cat { font-size:81.25%; }
.ListPicText .desc { font-size:100%; }

/* list-view 一律以單欄顯示 */
.ListPicText.list-view .img { width:335px; max-width:40%; padding:20px 15px 20px 20px; }

/* grid-view 一律以三欄顯示 */
.ListPicText.grid-view .item { float:left; width:32%; margin-left:2%; }
.ListPicText.grid-view .item:nth-child(3n+1) { margin-left:0; }
}


@media screen and (min-width: 640px) and (max-width: 767px) {
.ListPicText .cont { padding:15px; }
.ListPicText .title { font-size:150%; }
.ListPicText .date { font-size:81.25%; }
.ListPicText .cat { font-size:81.25%; }
.ListPicText .desc { font-size:100%; }

/* list-view 一律以單欄顯示 */
.ListPicText.list-view .img { width:335px; max-width:40%; padding:15px 15px 15px 15px; }

/* grid-view 一律以兩欄顯示 */
.ListPicText.grid-view .item { float:left; width:48.5%; margin-left:3%; }
.ListPicText.grid-view .item:nth-child(2n+1) { margin-left:0; }
}

@media screen and (max-width: 639px) {
/* 639px以下時 一律以圖左文右單欄顯示 */
.ListPicText .item { float:none; width:100%; margin-left:0; }
.ListPicText .img { float:left; width:335px; max-width:50%; padding:15px 15px 15px 15px; }
.ListPicText .cont { padding:15px; }
.ListPicText .title { font-size:125%; }
.ListPicText .date { font-size:81.25%; }
.ListPicText .cat { font-size:81.25%; }
.ListPicText .desc { font-size:87.5%; }
}