.spe-top { padding: 30px; background: #f2f2f2; }
.spe-top img { float: left; margin: 0 22px; }

.spe-attr li { float: left; margin-bottom: 30px; }
.spe-attr li img { width: 100%; height: 260px; }
.spe-attr li a h4, .spe-attr li a span { position: absolute; right: 0; top: 200px; width: 40%; height: 60px; }
.spe-attr li a h4 { z-index: 2; color: #fff; font-size: 20px; line-height: 60px; text-align: center; }
.spe-attr li a span { display: block; background: #de8b46; border-radius: 5px; }
.spe-attr li a span.bg1 { background: #de8b46; }
.spe-attr li a span.bg2 { background: #de465f; }
.spe-attr li a span.bg3 { background: #ca46de; }
.spe-attr li a span.bg4 { background: #467cde; }
.spe-attr li a span.bg5 { background: #46dedc; }
.spe-attr li a span.bg6 { background: #46de5f; }
.spe-attr li a span.bg7 { background: #b8de46; }
.spe-attr li a span.bg8 { background: #007a4e; }
.spe-attr li p { padding-top: 5px; font-size: 19px; }


.spe-tour li { border-bottom: 1px dashed #e8e8e8; }
.spe-tour li a { display: block; padding: 22px 0; }
.spe-tour li a:hover { background: #eee; }
.spe-tour li a h4 { font-size: 20px; font-weight: normal; }

.spe-info a { display: block; padding: 6px 0; font-size: 19px; text-decoration: underline; }
.spe-info h4 { font-size: 24px; }


@media (max-width: 768px) {
    .spe-top { padding: 0; }
    .spe-top img { margin: 0; margin-bottom: 10px; width: 100%; }
}