/* CSS Document */

.row.nth-child-2 .article.news-recent-list {
	display: block;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 18px;
    top: 101px !important;
    right: 125px;
    color: #FFF;
    width: 33%;
    max-width: 33%;
    height: auto;
    margin-left: -22px;
    padding-top: 0px !important;
    position: absolute;
    z-index: 999;
    bottom: 0;
}

.row.nth-child-2 > div > .group > .margin > .padding > .article.news-recent-list > .margin > .padding {
	float: left;
	width: 100%;
	padding: 30px;
}

.left-top > .all {
	text-align: right;
}

.left-top > .all a {
	font-size: 14px;
	color: #4a63ae;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.left-top > .all a:hover {
	text-decoration: none;
	color: #fff;
}

.left-top > .head {
	float: left;
	font-weight: 400;
	font-size: 18px;
	border-bottom: solid 2px #fff;
	width: auto;
	padding: 20px 20px 5px 0px;
}

.article.item-recent-news-list {
}

.article.item-recent-news-list > .margin {
	
}

.article.item-recent-news-list > .margin > .padding {
	padding:10px 0px;
}

.article.item-recent-news-list > .margin > .padding > .image {
	width:20%;
	background-repeat:no-repeat;
	background-size:contain;
	float:left;
}

.article.item-recent-news-list > .margin > .padding > .image > a {
	
}

.article.item-recent-news-list > .margin > .padding > .image img {
	width:100%;
	border:solid 1px #E5E5E5;
}

.article.item-newslist-detail > .margin > .padding .masterslider-newslist .ms-thumb-list.hide {
	display:none;	
}


.article.item-recent-news-list > .margin > .padding > .date {
	width:80%;
	font-size:12px;
	float:left;
	padding-left:15px;
}

.article.item-recent-news-list > .margin > .padding > .introduction-text {
	font-weight:normal;	
	font-size:13px;
	margin-top:5px;
	float:left;
	width:100%;
	padding-left: 0px;
	
	/* max intro height + ellipse*/
	line-height: 22px;
}

.article.item-recent-news-list > .margin > .padding > .introduction-text > * {
	max-height:100%;	
}

.article.item-recent-news-list > .margin > .padding > .button {
	width:100%;
	text-align:right;
	margin-top:10px;
	display:inline-block;
	float:left;
}

.article.item-recent-news-list > .margin > .padding > .button > a {
	text-decoration:none;
	color:#4a63ae;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.article.item-recent-news-list > .margin > .padding > .button > a:after {
	content: '\f061';
	font-family: 'FontAwesome';
	display: inline-block;
	width: 46px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	color: #fff;
	background-color: #4a63ae;
	margin-left: 10px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.article.item-recent-news-list > .margin > .padding > .button > a:hover {
	color:#fff;
}

.article.item-recent-news-list > .margin > .padding > .button > a:hover:after {
	color:#4a63ae;
	background-color: #fff; 
}

 .navigation-wrap {
	clear:both;	
	width:100%;
	text-align:right;
	margin-top:30px;
	float:left;
}

 .navigation-wrap > a {
	display:inline-block;
	padding:10px 20px;
}

.navigation-wrap > a:not(.disabled):hover {
	background-color:#F1F1F1;
}

 .navigation-wrap > a > i {
		color:#5E5E5E; 
 }
 
.navigation-wrap > a.disabled {
   cursor:auto;
}
   
.navigation-wrap > a.disabled > i {
	color:#B0B0B0; 	
 }

 .navigation-wrap > span {
	color:#727272 ;
 }




/* A */
@media (max-device-width:1023px) and (orientation:landscape)
{
}

/* B*/
@media (max-width: 1000px),(max-device-width:1000px) and (orientation:portrait),(max-device-width:767px) and (orientation:landscape)
{
}

/* C */
@media (max-width:767px),(max-device-width:767px) and (orientation:portrait),(max-device-width:499px) and  (orientation:landscape)
{
}

/* D */
@media (max-width:499px),(max-device-width:499px) and (orientation:portrait)
{
}