/*---- 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: space-between;
}
/* 總筆數 */
.AjPagesRecord {line-height:2;padding-top: 0.3em;}
/*---- AjPage 跳頁選單 ----*/
.AjPages {line-height:2;text-align:right;}
.AjPages span {
	background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 2px;
	color: #333;
	display: inline-block;
	min-width: 1.5em;
	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 {background-color:#333;color:#FFF;}

/*---- AjZone List範圍 ----*/
.AjZone {
		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;
		width:100%;
}
/*---- AjShowTopBox(首頁)、AjShowBox 單一筆MediaItemShow 以下各項資料依序，如需調整次序，可透過flex order處理----*/
/*---- AjGroupTopBox(首頁)、AjGroupBox、AjGroupTypeBox、AjGroupNewBox 單一筆MediaGroup 以下各項資料依序，如需調整次序，可透過flex order處理----*/
.AjShowTopBox{ }
.AjGroupTopBox{ }
.AjShowBox,.AjGroupBox,.AjGroupTypeBox,.AjGroupNewBox {margin:0 0.5em;padding:0.5em;width:calc(95% / 3);}	
.AjShowBox:hover,.AjGroupBox:hover {background-color:#EBEBEB;}
/* 圖片 */ 
.AjPhoto {text-align: center;}
.AjPhoto img {    
    max-width: 250px;
    height: 144px;
    vertical-align: middle;
    text-align: center;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display: inline-block;
    border: 1px solid #CCC;}
/* 標題 */ 	
.AjTitle { 
    font-size: 20px;
    color: #0a7b6f;
    margin-top: 3px;
    margin-right: 0;
    margin-bottom: 3px;
    margin-left: 0;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    padding-left: 1em;
	text-align: left;
}	
/* 分類 */ 
.AjChapter {
	font-size:16px;
	color: #000000;
    font-weight: normal;
    background-color: #f5ebd0;
    display: inline;
    border: 1px solid #dccea9;
    padding-right: 5px;
    padding-left: 5px;
	margin-left: 1em;
}
/* 日期 */ 
.AjDate {
    font-size: 14px;
    color: #797979;
    font-weight: normal;
    display: block;
    line-height: 1.5em;
    margin: 0px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 1em;
}
/* 作者 */ 
.AjAuthor {
	font-size:18px;
    padding-top: 3px;
    padding-left: 1em;	
}
/* 有包含此MediaItemShow在內的MediaGroup */ 
.AjShowGroup {}
/* ---------------------- Media Link 延伸連結 ----------------------*/
#sMGLink .AjZone{align-items:flex-end;}
#sMGLink .more{width:40%;padding-bottom:0.2em;}
#sMGLink .more a {background-color:#FF0000;color:#ffffff;padding:0 0.2em 0 0.3em;}
.AjMGLinkTitle,.AjMShowLinkTitle{color:#b20808;font-size:22px;font-weight:bold;border-bottom:1px solid #efb94b;width:50%;margin-top:1em;padding-bottom:0.2em;}
/* 相關書籍 */
.AjMGBook,.AjMShowBook {
		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;
		width:100%;	
}
.AjMGBookBox,.AjMShowBookBox {margin:0 0.2em;padding:0.2em;width:calc(88% / 4);}
.AjMGBookBox img,.AjMShowBookBox img {width:125px;height:180px;}
.AjMGBookBox span,.AjMShowBookBox span {font-size: 17px;}
.AjMGBookBox a span,.AjMShowBookBox a span{color: #004b95;}
.AjMGBookBox a:hover span,.AjMShowBookBox a:hover span{color: #C00;transition: 0.5s;}
.AjMGBookBox .AjAuthor::before,.AjMShowBookBox .AjAuthor::before{content:"/";}
/* 群組影音 */
.AjMGRMG,.AjMShowRMG {padding:0.5em;font-size: 17px;width:100%;}
.AjMGRMG li,.AjMShowRMG li {list-style-type:square;line-height:1.8;}
.AjMGRMG li a:hover,.AjMShowRMG li a:hover{color: #C00;transition: 0.5s;}
.AjMGRMG li a span:nth-child(2)::before,.AjMShowRMG li a span:nth-child(2)::before{content:" / ";}
.AjMGRMG li a span ,.AjMShowRMG li a span {display:inline!important;color: #004b95;font-size: 17px!important;}
.AjMGRMG li a:hover span,.AjMShowRMG li a:hover span{ color: #C00;	transition: 0.5s;}
/* 延伸閱讀 */
.AjMGExtending,.AjMShowExtending {padding:0.5em;font-size: 17px;width:100%;}
.AjMGExtending li,.AjMShowExtending li  {list-style-type:square;line-height:1.8;}
.AjMGExtending li a:hover,.AjMShowExtending li a:hover{color: #C00;transition: 0.5s;}
.AjMGExtending li a span:nth-child(2)::before,.AjMShowExtending li a span:nth-child(2)::before{content:" , ";}
.AjMGExtending li a span:nth-child(3)::before,.AjMShowExtending li a span:nth-child(3)::before{content:" , ";}
.AjMGExtending li a span,.AjMShowExtending li a span  {display:inline!important;color: #004b95;font-size: 17px!important;}
.AjMGExtending li a:hover span,.AjMShowExtending li a:hover span{ color: #C00;	transition: 0.5s;}
/* ---------------------- Media Link 延伸連結 ----------------------*/
/* GroupDetail 試聽 完整影音 */
#sGroupRelationFree,#sGroupRelation {
	overflow: hidden;
    margin-bottom: 5px;
    border-top: 1px dashed rgb(153, 153, 153);
    padding-top: 5px;	
}
/* 標題  見語系檔*/
.AjTop {
	background-repeat: no-repeat;
	color: #FFF;
	font-size: 20px;
    font-weight: normal;	
    line-height: 30px;
    margin-bottom: 5px;	
    margin-top: 5px;	
	text-indent: 20px;
	width:100%;
}
#sGroupRelationFree .AjTop {background-image: url(../Image/GroupFree.jpg);}
#sGroupRelation .AjTop {background-image: url(../Image/GroupAll.jpg);}
.AjGroupRelationBox {margin:0 0.5em;padding:0.5em;width:calc(85% / 3);}	
.AjGroupRelationBox:hover {background-color:#EBEBEB;}
.AjGroupRelationBox .AjPhoto img{
    max-width: 218px;
    height: 125px;
    vertical-align: middle;
    text-align: center;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display: inline-block;
}
.AjGroupRelationBox .AjTitle,.AjGroupRelationBox .AjAuthor {color:#000;font-size:15px;}
/* ---------------------- ListDetail.aspx ShowNext 上下篇 ----------------------*/
.AjMShowNext .AjShowNextBoxN,.AjShowNextBoxP {width: 50%;float: left;}

.AjMShowNext .AjShowNextBoxN a { /* Next */
	border-right: 5px solid #900;
    border-bottom: 1px solid #900;
    border-left: 1px solid #900;
    border-top: 1px solid #900;
    width: 95%;
    display: block;
    padding: 10px 0;
    color: #333;	
} 
.AjMShowNext .AjShowNextBoxN a::before {
	content:"下一篇";
	padding: 0 20px;
	font-size: 17px;
	font-weight: bold;	
	}
.AjMShowNext .AjShowNextBoxP a { /* Pre */
	border-left: 5px solid #900;
    border-right: 1px solid #900;
    border-bottom: 1px solid #900;
    border-top: 1px solid #900;
    width: 95%;
    display: block;
    padding: 10px 0;
    color: #333;	
} 
.AjMShowNext .AjShowNextBoxP a::before {
	content:"上一篇";
	padding: 0 20px;
	font-size: 17px;
	font-weight: bold;	
	}
/* ---------------------- ListDetail.aspx ShowNext 上下篇 ----------------------*/
/* ---------------------- Ad.aspx 最新影音 ----------------------*/
#sMediaGropAd li {
	text-align: left;
    margin-top: 5px;
    margin-right: 25px;
    margin-bottom: 0px;
    margin-left: 0;
    list-style-position: outside;
    text-indent: -25px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #85bbb7;
    padding-top: 0px;
    padding-bottom: 10px;
    font-size: 16px;
}
#sMediaGropAd div {display: inline;}
#sMediaGropAd .AjTitle,#sMediaGropAd .AjAuthor {color:#000;font-size:16px;}
#sMediaGropAd .AjAuthor::before{content:" / ";}
/* ---------------------- Ad.aspx 最新影音 ----------------------*/
@media screen and (max-width: 767px){
	.AjShowBox,.AjGroupBox {width:95%;}
	.AjMGBookBox,.AjMShowBookBox {width:calc(85% / 2);}
	.AjGroupRelationBox {width:95%;}
}