.tile-TOPICS a {
	color: black;
	display: block;
	overflow: hidden;
	padding: 3%;
	background-color: white;
	border-radius: 5px;
	position: relative;
	z-index: 0;
	/*transform: scale(1);*/
	/*transition: all .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);*/
}
.tile-TOPICS a::before {
	content: '';
	width: 100%;
	height: 100%;
	background: #f7f7f7;
	position: absolute;
	z-index: -1;
	margin: -3%;
	transition: all .3s cubic-bezier(0.075, 0.82, 0.165, 1);
	transform: scaleX(0);
	transform-origin: left;
}
.tile-TOPICS a:hover::before {
	transform: scaleX(1);
}
@media only screen and (min-width: 667px){
	.tile-TOPICS a {padding: 6%;}
	.tile-TOPICS a::before {
		margin: -6%;
	}
}
.tile-TOPICS a:hover {
	/*transform: scale(1.03);*/
	/*background-color: #f9f9f9;*/
}
.sectionLine {
	float:left;
	clear: both;
	transform-origin: left top;
	font-size: .8rem;
	font-weight: 500;
	height: 0;
	color: #ababab;
}
.date {
	font-weight: 500;
	font-size: .7rem;
	color: #ababab;
}
h2 {
	font-weight: 500;
	margin: .3vw 0 0.4rem;
	font-size: 1rem;
	line-height: 1.4;
	/*height: 2.8rem;*/
}
.thumLandscape {
	max-width:240px;
	width:100%;
	height:auto;
}
.thumPortrait {
	max-width:180px;
	width:100%;
	height:auto;
}
#next {
	position: relative;
	height: 3rem;
	margin: 5vw 4% 10vw 11%;
}
@media screen and (min-width: 667px) and (max-width: 864px){
	#next {margin: 5vw 3% 5vw 10.5%;}
}
@media only screen and (min-width: 667px){
	#next {margin: 5vw 0 5vw 9%;}
}

#next a {
	display: block;
	position: relative;
	font-weight: 500;
	text-align: center;
	line-height: 2.8rem;
	height: 3rem;
	color: black;
	border: #5d5d5d solid 2px;
}
@media only screen and (min-width: 701px){
	#next a, {margin-left: 5%;}
}
#autoPageLoading {
	width: 95%;
	margin-left: 5%;
	background: #fff;
	height: 3em;
	position: absolute;
	top: 0;
}

#autoPageLoading .loader::before {
	color:black !important;
}
@media screen and (max-width: 666px){
	.excerpt {
		line-height: 1.5;
		font-size: .7rem;
	}
	.topics-wrap {
		margin: 0 4% 0 11%;
		padding-top: 7rem;
	}
	.sectionLine {
		transform: rotate(90deg) translate(3vw,6vw);
	}
	.tile-TOPICS {
		float: left;
		width: 100%;
		margin-bottom: 7%;
	}
	.topicsAText {
		width: calc(70% - 1rem);
		float: left;
		margin-right: 1rem;
	}
	.thum700 {
		max-width: 150px;
		display: block;
		float: right;
		width: 30%;
		margin-top: 2rem;
	}
	.thum701 {
		display: none;
	}
	.thumLandscape {
		width:30%;
	}
	.thumPortrait {
		width:30%;
	}
}
@media screen and (max-width: 500px){
	.exce501 {display:none;}
}
@media screen and (min-width: 501px){
	.exce500 {display:none;}
}
@media screen and (min-width: 667px){
	.thum700 {
		display: none;
	}
	.topicsAText {
		padding-bottom: 1rem;
	}
}
@media screen and (min-width: 667px) and (max-width: 800px){
	.sectionLine {
		transform: rotate(90deg) translate(2.4vw,3vw);
	}
	.tile-TOPICS {
		float: left;
		width: calc(90% / 2);
		margin: 0 0 5vw 5%;
		height: 38.5rem;
	}
	.excerpt {
		line-height: 1.8;
		font-size: .8rem;
		font-weight: 500;
		height: 13.5rem;
		color: #383838;
	}
}
@media screen and (min-width: 801px) and (max-width: 864px){
	.sectionLine {
		transform: rotate(90deg) translate(2.6vw,4vw);
	}
	.tile-TOPICS {
		float: left;
		width: calc(90% / 2);
		margin: 0 0 7vw 5%;
		height: 38.5rem;
	}
	.excerpt {
		line-height: 1.8;
		font-size: .8rem;
		font-weight: 500;
		height: 12rem;
		color: #383838;
	}
}

@media screen and (min-width: 667px) and (max-width: 864px){
	.topics-wrap {
		margin: 0 3% 0 6%;
		padding-top: 6rem;
	}
}
@media screen and (min-width: 865px) and (max-width: 1024px){
	.tile-TOPICS {
		float: left;
		width: calc(91% / 3);
		margin: 5vw 0 0 3%;
		height: 42rem;
	}
	.excerpt {
		line-height: 1.7;
		font-size: .7rem;
		height: 15.5rem;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1152px){
	.tile-TOPICS {
		float: left;
		width: calc(91% / 3);
		margin: 5vw 0 0 3%;
		height: 35rem;
	}
	.excerpt {
		line-height: 1.7;
		font-size: .7rem;
		height: 13rem;
	}
}
@media screen and (min-width: 1153px){
	.tile-TOPICS {
		float: left;
		width: calc(91% / 3);
		margin: 5vw 0 0 3%;
		height: 39rem;
	}
	.excerpt {
		line-height: 1.7;
		font-size: .7rem;
		height: 11.5rem;
	}
}
@media screen and (min-width: 865px){
	.topics-wrap {
		margin: 0 0 0 6%;
		padding-top: 7rem;
	}
	h2 {
		margin: .3vw 0 .8rem;
		font-size: .95rem;
	}
}
@media screen and (min-width: 865px) and (max-width: 1280px){
	.sectionLine {
		transform: rotate(90deg) translate(6.8vw,4vw);
	}
}
@media screen and (min-width: 1281px) {
	.sectionLine {
		transform: rotate(90deg) translate(6.2vw,2.8vw);
	}
}
@media screen and (min-width: 1153px){
	.thumLandscape {max-width:320px;}
	.thumPortrait {max-width:240px;}
}