@charset "utf-8";

/*---------------------news----------------*/
.newsPageBorder{
	display:block;
	width:100%;
	height:auto;
	margin:1% 0 5% 0;
	float:left;
	padding:2% 1%;
	border-bottom:0.5px solid #e1e1e1;
}
.newsPageBorder >span.newsSub{
	font-size:1.3em;
	color:#000;
	font-weight:600;
	float:left;
	width:98%;
	height:auto;
	line-height:1.3em;
	margin-bottom:3%;
	margin-top:12px;
	overflow:hidden;
}

.newsPageBorder > span.newsDate{
	font-size:0.9em;
	color:#7d7d7d;
	font-weight:300;
	float:left;
	width:98%;
	height:15px;
	line-height:1.1em;
	margin-top:2%;
	margin-bottom:2%;
	overflow:hidden;
}
.newsPageBorder > span.newsTxt{
	font-weight:300;
	float:left;
	width:98%;
	height:auto;
	line-height:1.3em;
	margin-top:15px;
	margin-bottom:12px;
	overflow:hidden;
}
.newsPageBorder > div.moreBorder{
	margin:2% 0% 2% 0;
	background:#2c3e62;
	padding:1% 3.5%;
	width:auto;
	height:auto;
	float:left;
	display:block;
}
.newsPageBorder > div.moreBorder a{
	display:block;
}
.newsPageBorder > div.moreBorder:hover{
	background:#435881;
}
.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:#000;
	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;
	color:#000;
}
.newsPageBg ul li a:hover{
	color:#000;
}
.newsPageBg ul li:hover{
	background:#fcd846;
	color:#000;
}
.newsPageBox{
	width:40%;
	margin:1% 5% 5% 5%;
	float:left;
}
.newsPageBoxText{
	width:100%;
	margin:1% 0 5% 0;
	padding-top:2%;
	float:left;
	border-bottom:1px solid #efefef;
}
.titleBorder{
	width:99%;
	/*padding-left:40px;*/
	padding-left:1%;
	float:left;
	/*background:url(../img/newsIcon.jpg) no-repeat left top;*/
	height:auto;
}
span.newsdate{
	font-size:0.7em;
	float:left;
	width:90%;
	color:#c1beb6;
	margin-top:-7px;
	margin-bottom:1px;
}
span.newsSub{
	font-size:1em;
	margin-top:-5px;
	margin-bottom:4%;
	float:left;
	font-weight:600;
	color:#000;
}
.textBorder{
	width:98%;
	margin:1%;
	float:left;
	font-size:1em;
	line-height:1.8em;
	font-weight:500;
	color:#7b7363;
}
.textBorder a{
	color:#00C;
}
.newsPageBox >span.moreBtu{
	width:15%;
	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;
}
span.backBtu a{
	width:auto;
	font-size:0.9em;
	padding:1% 3%;
	height:auto;
	float:right;
	margin-top:8px;
	margin-right:2%;
	border: 0.5px solid #d6d5d5;
	text-align:center;
	display:block;
	color:#000;
}
span.backBtu a:hover{
	background:#e1e1e1;
}
span.nextBtu a{
	width:auto;
	font-size:0.9em;
	padding:1% 3%;
	height:auto;
	float:right;
	margin-top:8px;
	border: 0.5px solid #d6d5d5;
	background:#ec6941;
	text-align:center;
	display:block;
	color:#fff;
}
span.nextBtu a:hover{
	background:#f87c57;
}

/*------------------------------------------------------*/
/* 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;
	}
	.newsPageBoxText{
		width:90%;
		margin:1% 5% 9% 5%;
		float:left;
	}
	.newsPageBoxText table{
		max-width:100%; 
	}
	.titleBorder{
		width:100%;
		padding-left:40px;
		margin-top:4%;
	}
	span.newsdate{
		width:90%;
		margin-top:-7px;
		margin-bottom:1px;
	}
	span.newsSub{
		margin-top:-1px;
		float:left;
		font-weight:600;
		color:#000;
	}
	.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;
	}
	.newsPageBorder{
	width:90%;
	margin:1% 5% 5% 5%;
}
	.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{
		width:90%;
		margin:1% 5% 9% 5%;
		float:left;
	}
	.newsPageBoxText{
		border-top:none;
		width:90%;
		margin:1% 5% 5% 5%;
		padding:2%;
	}
	.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%;
	}
span.backBtu a{
	font-size:0.9em;
	padding:3% 6%;
}
span.nextBtu a{
	font-size:0.9em;
	padding:3% 6%;
}
}