﻿#BodyContainer {width:90%;}
/*---- nav 分類名稱分隔顯示 ----*/
#sChapterLevel a::after{;}
#sChapterLevel a:last-child:after{}
#sMediaTitle::before{content: '>';padding: 0 0.25rem 0 0;}
/* 分類選單*/
.media-menu {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: flex-start;	
}
.media-menu li {
	list-style-type:none;text-align: left;
	margin: auto 0.5rem;padding: 0.25rem 0;
}
/*---- AjPage 總筆數及跳頁選單範圍 ----*/
.AjPageBox {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: center;margin: auto;width: 100%;
}
/* 總筆數 */
.AjPagesRecord {line-height:2;padding-top: 0.3em;width: 100%;text-align: center;}
/*---- AjPage 跳頁選單 ----*/
.AjPages {line-height:2;z-index: 2;}
.AjPages span {
	background-color: var(--orange-red);
	border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;
	color: white;
	width: 1.5rem;
	height: 1.5rem;
	padding: 0.3em 0.6em;
	text-align:center;		
}
.AjPages a{
	border: 1px solid transparent;
	border-radius: 2px;
	box-sizing: border-box;
	color: #666;
	cursor: pointer;
	display: inline-block;
	min-width: 1.5em;
	padding: 0.3em 0.5em;	
	text-align:center;
	text-decoration: none;
}
.AjPages a:hover {color: var(--orange-red);}

/* 經驗談列表 */
.MediaShowList {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;	
}
/* 經驗談單則 */
.media_content,.category {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.category,.media_title,.keyword {width:100%;}
/* 觀看次數 */ 
.media_view {
    text-align: center;
    background-color: #F26F8C;
    color: #FFF;
	padding:0 0.5rem;
}
.media_view:after {
	content:"瀏覽"	
}
/* 標題 */ 	
.media_title a {}
/* 副標題 */ 	
.media_titleSub {font-weight: bold;}
.media_titleSub:before {
	content:"考取類科：";color: var(--gold);font-weight: initial;
}
.media_titleSub:empty {display:none;}
/*分數 Apex*/
.media_Score:before {
	content:"分數：";color: var(--gold);
}
/* 學員型態 */ 
.degree {}
.degree:empty {display:none;}

/* 圖片 */
.MediaShowList .media_photo {text-align: center;}
.MediaShowList .media_photo img, .media_container .media_photo img {width:200px;height:200px;object-fit: cover;border-radius: 50%;margin: auto;}
.media_container .media_photo {}
.media_item {}
/* 學員 */ 
.media_Student:before {
	content:"考取學員：";color: var(--gold);
}
/* 作者 */ 
.media_Author:empty {display:none;}
.media_Author:before {
	content:"推薦師資：";color: var(--gold);
}
/* 學習型態 */ 
.learn_type {}
.learn_type:empty {display:none;}
.MediaShowList .learn_type:before {
	content:"學習型態：";color: var(--gold);
}
.learn_type a {
    background-color: var(--blue);
    color: #FFF;
    padding: 0 0.5rem;margin: auto 0.35rem;
    border-radius: 5px;
}
.learn_type a:first-of-type, .keyword a:first-of-type {margin-left: 0;}
/* 關鍵字 */ 
.keyword:empty {display:none;}
.keyword::before {
	content:"上榜關鍵：";color: var(--gold);
}
.keyword a {
    color: var(--blue);margin: auto 0.25rem;font-weight: bold;
}
/* 分班 */
.branch:empty {display:none;}
.branch:before {
	content:"分點分班：";color: var(--gold);
}
/* 年度 */
.Date {display:none;}
/* 可調整各欄位出現先後順序 
.media_item {
  display: flex;
  flex-direction: column;	
}
.media_item dd:first-child {
  order: 5;
}
.media_item dd:nth-child(2) {
  order: 3;
}
.media_item dd:nth-child(3) {
  order: 1;
}
.media_item dd:nth-child(4) {
  order: 2;
}*/
/*------------------ ListDetail.aspx ------------------*/

.pre li:before {content:"上一筆：";color: var(--blue);border-left: 3px solid var(--blue);padding-left: 0.5rem;}
.next li:before {content:"下一筆：";color: var(--blue);border-left: 3px solid var(--blue);padding-left: 0.5rem;}