.area-list .image-wrap {padding-top: 60%;}
.area-list .al-intro {margin-top: 24px; margin-bottom: 48px;}
.area-list .article--grid{margin-bottom: 24px;}
.area-list .article--grid__header .article__title .hN {height: auto; min-height: 34px; max-height: 68px; text-overflow: ellipsis;}
.area-featured-image {margin-bottom: 0; position: relative;}
.area-featured-image .image-wrap {padding-top: 0;}
.area-featured-image .image-wrap img {position: relative;}
.area-featured-header { position: relative; background: transparent; color: #444; padding: 1.71429rem;}
.area-featured-header h2 {color: #444; font-size: 19px !important; line-height: 28px; margin: 0;}
/*.area-featured-header:hover {background-color: #ef8400;}
.area-featured-header:hover h2 {color: #fff;}*/

.article-sub-list>li {display: block; padding-bottom: 24px;}
.article-sub-list>li>a {color: #444; cursor: pointer; display: block;}
.article-sub-list>li>a:hover {text-decoration: underline;}
.article-sub-list>li>a::after {content: ""; display: block; clear: both;}
.article-sub-list .al-sub-thumb, .article-sub-list .al-sub-title {display: table-cell; vertical-align: top;}
.article-sub-list .al-sub-thumb {width: 33.33%; padding-top: 20%; position: relative; overflow: hidden; display: inline-block; float: left;}
.article-sub-list .al-sub-thumb img {position: absolute; top: 0; left: 0; width: 100%; }
.article-sub-list .al-sub-title {width: 66.66%; padding-left: 16px; display: inline-block; float: left; line-height: 1.65;}
.article-sub-list .al-sub-title>span {display: block; max-height: 80px; overflow: hidden;}
.article-sub-list>li:last-child {border-bottom: 0.14285rem solid #444;}

.area-list .article--grid__header .article__featured-image {height: auto;}

@media (max-width: 768px) {
	.area-list .one-third {width: 50%;}
	.area-featured-header {position: relative; bottom: 0; width: 100%; padding: 0; margin: 0; display: block; background: transparent; margin-top: 24px;}
	.area-featured-header h2 {font-size: 18px; margin: 0; padding: 0; color: #fff; color: #444;}
}

@media (max-width: 599px) {
	.area-featured-image {margin-bottom: 24px;}
	.area-list .one-third {width: 100%;}
	.area-featured-header h2 {font-size: 16.2px !important;}
}

.scrollup {
    width: 40px;
    height: 38px;
    border-radius: 50%;
    color: #FFF;
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0% 0%;
    transition: all 0.2s ease-out 0s;
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    text-align: center;
    padding-top: 2px;
    display: none;
    opacity: 0.4;
    z-index: 99;
}
.scrollup:hover {
    opacity: 0.7;
}