@charset "utf-8";

/*---------------------news----------------*/
.newsPageBg{
	background:url(../img/newbg.png) no-repeat top center;
	height:auto;
	padding-top: 12px;
	padding-bottom:12px;
	padding-left: 2%;
	padding-right: 2%;
	text-align:center;
	width: 100%;
	overflow: hidden;
}
.newsPageBox{
	width:40%;
	margin:1% 5% 5% 5%;
	float:left;
}
.titleBorder{
	width:98%;
	padding-bottom: 12px;
	margin-left: 1%;
	float:left;
	margin-bottom:25px;
	height:auto;
	border-bottom: 1px solid #d1d1d1;
}
.titleBorder >span.newsSub{
	font-size:1.4em;
	font-weight: bold;
	width: 100%;
}
.titleBorder_nobroderB{
	width:98%;
	padding-bottom: 12px;
	margin-left: 1%;
	float:left;
	margin-bottom:12px;
	height:auto;
}
.no_titleBorder{ /*沒有資料的時候放圖片用*/
	width:99%;
	padding-left:1%;
	padding-bottom: 12px;
	margin-left: 1%;
	float:left;
	margin-bottom:25px;
	height:auto;
	text-align: center;
}
.no_titleBorder img{
	margin: auto;
	display: block;
	text-align: center;
	max-width: 70%;
	height: auto;
}

span.newsdate{
	font-size:1em;
	color:#7d7d7d;
	font-weight:500;
	float:left;
	width:100%;
	height:auto;
	line-height:1.2em;
	margin-bottom:12px;
	margin-top: 6px;
}
span.onlinecourseprice{
	font-size:2em;
	margin-left:1%;
	float:left;
	color:#ff5777;
	width:90%;
	margin-bottom:12px;
}
span.collectsorCost{
	font-size:1em;
	margin-left:1%;
	float:left;
	color:#79afbc;
	text-decoration: line-through;
	width:99%;
	margin-bottom:2px;
}
span.collectseprice{
	font-size:1.3em;
	margin-left:1%;
	float:left;
	color:#ff5777;
	width:99%;
	margin-bottom:3px;
}
span.onlinecoursetimes{
	font-size:1em;
	margin-left:1%;
	float:left;
	color:#969696;
	width:99%;
	margin-bottom:2px;
}
span.collectList{
	text-align: right;
	float: right;
	width: 99%;
	margin-right: 1%;
	margin-top: 12px;
	margin-bottom: 8px;
}
span.collectList a.info_edit{
	color:#fff;
	padding: 14px 25px;
	border-radius: 22px;
	background: #dc513b;
}
span.collectList a.info_edit:hover{
	background:#971e2c;
	transition: 0.5s;
}
/*文章左邊列表 升級vip文章按鈕*/
div.flex_left_navi a.info_edit{
	text-align: center;
	color:#fff;
	padding: 14px 25px;
	border-radius: 29px;
	background: #5dceaf;
	margin: 12px 3px;
}
div.flex_left_navi a.info_edit:hover{
	background:#40ac8f;
	transition: 0.5s;
}
/*文章左邊列表 升級vip文章按鈕*/
span.newsclass{
	font-size:1em;
	font-weight:600;
	color:#1abc9c;
	height:auto;
	margin-bottom:2px;
	width: 100%;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
}
.textBorder, .textBorder p, .textBorder_member, .textBorder_member p{
	width:98%;
	height:auto;
	float:left;
	text-align:left;
	margin:1%;
	word-wrap:break-word;
}
.textBorder > ul,.textBorder > ul li, .textBorder_member >ul ,.textBorder_member >ul li{
	list-style:disc;
	list-style-position: inside; 
}
.textBorder > ol, .textBorder > ol li, .textBorder_member > ol, .textBorder_member >ol li{
	list-style:decimal;
	list-style-position: inside; 
}
.textBorder_member{
	height:auto;
	width: 98%;
	overflow: hidden;
	float:left;
	text-align:left;
	margin:0 1%;
	word-wrap:break-word;
	position: relative;
	
}
.textBorder_member_mask{
	height:500px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	z-index: 97;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.9)40%, rgba(255, 255, 255, 1)85%);
	background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.9)40%, rgba(255, 255, 255, 0)85%);
	background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.9)40%, rgba(255, 255, 255, 0)85%);
	background: -o-linear-gradient(90deg, rgba(255, 255, 255, 0.9)40%, rgba(255, 255, 255, 0)85%);
	
}
.textBorder img, .textBorder_member img{
	width:100%;
	height:auto;
	}
.textBorder p, .textBorder div, .textBorder_member p, .textBorder_member div{
	text-align:left;
}
.textBorder a, .textBorder_member a{
	color:#1E31FF;

}
.newsPageBox >span.moreBtu{
	width:20%;
	font-size:0.7em;
	height:auto;
	float:left;
	margin-top:12px;
	border-bottom:2px solid #e54072;
}
.newsPageBox >span.moreBtu:hover{
	border-bottom:2px solid #fc5033;
}
.newsPageBoxText{
	width: 100%;
	display: inline-block;
	position: relative;
}

.newsPageBoxText >span.backBtu a,span.backBtu a{
	width:20%;
	margin-left:40%;
	margin-right:40%;
	font-size:1.1em;
	padding:1.5% 1%;
	/*height:auto;*/
	float:left;
	margin-top:35px;
	background:#eeeeee;/*eeeeee*/
	border: 1px solid #d6d5d5;
	border-radius:6px;
	text-align:center;
	color:#7c7878;
	letter-spacing:2px;
	display: block;
}

.newsPageBoxText >span.backBtu a:hover,span.backBtu a:hover{
	background:#e1e1e1;
}

span.buyBtu a{
	width:70%;
	font-size:1.1em;
	padding-top:4%;
	padding-bottom: 4%;
	height: auto;
	float:right;
	background:#46d69b;
	border: 1px solid #4bac84;
	border-radius:6px;
	text-align:center;
	display:block;
	color:#ffffff;
	letter-spacing:2px;
	margin-top: -3%;
}
span.buyBtu a:hover{
	background:#2b9c6d;
}

/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/
@media (max-width: 1055px) {
	.newsPageBox >span.moreBtu{
	width:25%;
	}
	.textBorder{
		width:100%;
		font-size:1em;
		line-height:1.6em;
	}
}
@media (max-width: 991px) {
	.newsPageBox >span.moreBtu{
	width:25%;
	}
	.textBorder{
		width:100%;
		font-size:1em;
		line-height:1.6em;
	}
	/*span.newsdate{
		font-size:0.9em;
		float:left;
		width:90%;
		color:#c1beb6;
		margin-top:-7px;
		margin-bottom:1px;
		font-size:0.7em;
		float:left;
		width:90%;
		color:#c1beb6;
		margin-top:-7px;
		margin-bottom:1px;
	}*/
	/*span.newsSub{
		font-size:1.2em;
	}*/
}

/*---------- MEDIA 480px ----------*/
@media  (max-width: 768px) {
	.newsPageBox >span.moreBtu{
	width:25%;
	}
	/*span.newsSub{
		margin-top:-1px;
		float:left;
		font-weight:600;
		color:#000;
	}*/
	.newsPageBox{
		width:96%;
		margin:1% 5% 5% 5%;
		float:left;
	}
	.titleBorder{
		width:100%;
	}
	.no_titleBorder{
		width:100%;
	}
	span.newsdate{
		width:90%;
		margin-top:-7px;
		margin-bottom:1px;
	}
	span.newsSub{
		margin-top:-1px;
		float:left;
		font-weight:600;
		color:#000;
	}
	span.onlinecourseprice{
	font-size:1.8em;
}
	span.buyBtu a{
	width:100%;
	float:left;
	margin-top: 2%;
	}
	.textBorder{
		width:100%;
		margin-top:2%;
	}
	.pagination li{
	  margin-top:1%;
	  margin-bottom:1%;
	}
	
}

@media  (max-width: 480px) {
	.newsPageBg{
		border-bottom:1px solid #e8e8e8;
		padding-bottom:0.2%;
		text-align:center;
	}
	.newsPageBg > h1{
		font-size:1.5em;
		line-height:2em;
		font-weight:bolder;
	}
	.newsPageBg ul li{
		color:#575757;
		width:auto;
		display:inline-table;
		font-size:0.9em;
		font-weight:600;
		padding:0.5% 1.8%;
		background:#f3f3f3;
		margin:10px 0.5% 10px 0.5%;
	}
	
	.newsPageBg ul li a{
		text-decoration:none;
		display:block;
	}
	.newsPageBg ul li a:hover{
		color:#fff;
	}
	.newsPageBg ul li:hover{
		background:#fc462a;
		color:#fff;
	}
	.newsPageBox{
		width:96%;
		margin:1% 5% 5% 5%;
		float:left;
	}
	.newsPageBoxText{
		border-top:none;
	}
	.textBorder{
		width:100%;
		margin-top:2%;
	}
	.titleBorder{
		width:99%;
		padding-left:1%;
	}
	.newsPageBox >span.moreBtu{
		width:20%;
	}
	.newsPageBoxText >span.backBtu a{
		width:100%;
		margin-left:0;
		margin-right:0;
		font-size:1em;
		padding:4% 4%;
	}
	.pagination li{
	  margin-top:1%;
	  margin-bottom:1%;
	}
}