.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;font-size: 22px !important;}
.area-featured-image {margin-bottom: 0; position: relative;}
.area-featured-image .image-wrap {padding-top: 0; background-color: #fff;}
.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:-webkit-box; max-height: 80px; overflow: hidden; text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.article-sub-list>li:last-child {border-bottom: 0.14285rem solid #444;}

#area-select {display: block; width: 100%; margin-bottom: 24px;}
#area-select select:focus {outline: none;}
/*.custom-select {position: relative;}*/
/*.custom-select select {display: none;}*/
/*.select-selected {background-color: #fff; border: 1px solid #444; padding: 8px 32px 8px 16px;}*/
/*.select-selected:after {position: absolute; content: ""; top: 20px; right: 14px; width: 0; height: 0; border: 6px solid transparent; border-color: #444 transparent transparent transparent; }*/
/*.select-selected.select-arrow-active:after {border-color: transparent transparent #444 transparent; top: 14px; }*/
/*.select-items {margin-top: 1px; border: 1px solid #444;}*/
/*.select-items div {padding: 8px 16px; }*/
/*.select-items {position: absolute; background-color: #fff; top: 100%; left: 0; right: 0; z-index: 99; }*/
/*.select-hide {display: none; }*/
/*.select-items div:hover, .same-as-selected {background-color: #444; color: #fff;}*/

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

@media (min-width: 768px) {
	#area-select {display: none;}
}

@media (max-width: 767.98px) {
	.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,.area-list .one-half {width: 100%;}
	.area-featured-header h2 {font-size: 16.2px !important;}
}