.mainSections table{ width: 100%;}
.mainSections th,
.mainSections td{ line-height: 2.8rem;}
.mainSections th{
 background-color: #f3f5f7;
 vertical-align: top;
}
.mainSections td{
 width: 787px;
 position: relative;
}
@media (min-width:768px){.mainSections td.high{ line-height: 4rem;}}
.mainSections td a{
 position: relative;
 display: inline-block;
}
.mainSections .pageLink,
.mainSections .mapLink{
 display: block;
 width: 150px;
 text-align: center;
 font-size: 1.2rem;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 text-decoration: none;
}
	.mainSections td:not(.high) .pageLink,
	.mainSections td:not(.high) .mapLink{
	 margin: 10px 0 0 auto;
	}
	.mainSections td.high .pageLink,
	.mainSections td.high .mapLink{
	 position: absolute;
	  top: 20px;
	  right: 20px;
	}
.mainSections .pageLink{
 background-color: #f3f5f7;
 border: 1px solid #e9ecee;
 line-height: 38px;
 color: #333;
}
.mainSections .pageLink.hover{
 background-color: #e60012;
 color: #fff;
}
.mainSections .pageLink .redArrowS{ left: 20px;}
.mainSections .pageLink.hover .redArrowS{ border-color: #fff;}
.mainSections .mapLink{
 background-color: #e60012;
 color: #fff;
 font-weight: bold;
 box-shadow: 0 3px 7px rgba(0,0,0,0.25);
 transition-property: box-shadow;
}
.mainSections .mapLink.hover{ box-shadow: none;}
.mainSections .groupLink{
 position: relative;
 display: inline-block;
 padding-left: 18px;
 color: #333;
 text-decoration: none;
 margin-bottom: 3px;
}
.mainSections .groupLink.hover{ color: #e60012;}
.mainSections .groupLink .redArrowS{ left: 0; top: calc(50% - 5px);}