.z-total-title { text-align: center; margin-bottom: 80px; }
.z-total-title h3{ font-size: 30px; display: inline-block; font-weight: bold; padding-bottom: 20px; color: #000000; border-bottom: 2px solid #4699f1; }

.list-content a{ display: block; border-bottom: 1px dotted #ccc; list-style: none; padding: 40px 26px 40px 150px; cursor: pointer; position: relative; box-sizing: border-box; }
.list-content p{ display: block; margin-bottom: 0; }
.list-content .details-box{ word-break: break-all; }
.list-content .details-box .title{ width: 100%; display: block; font-size: 20px; color: #333333; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 20px; font-weight: bold; }
.list-content .details-box .details{ font-size: 16px; color: #999; word-break: break-all; }
.list-content .title small{ color: #909090; font-size: 16px; background-color: #e9e9e9; padding: 4px 20px; margin-right: 10px; }
.list-content .time{ color: #000; font-style: italic; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.list-content .time b{ display: block; font-size: 40px; font-style: italic; margin-bottom: 10px; }
.list-content .time span{ display: block;  font-style: italic; font-size: 18px; }

.list-content:hover .title small{ background: #4699f1; color: #fff; }
.list-content:hover .time, .list-content:hover .details-box .title{ color: #4699f1; }
.list-content:hover .details-box .details { color: #4699f1; }

.my-page-box{ margin-top: 40px; }


@media (max-width: 1170px){
	
}

@media (max-width: 992px){
	.list-content a{ padding-left: 120px; }
}

@media (max-width: 768px) {
	
	.z-total-title{ margin-bottom: 40px; }
	.z-total-title h3{ font-size: 24px; padding-bottom: 10px; }
	
	.list-content a{ padding: 15px 0; }
	.list-content .details-box .title{ font-size: 18px; margin-bottom: 10px; }
	.list-content .details-box .details { font-size: 16px; }
	.list-content .time{ position: static; transform: none; margin-bottom: 20px; }
	.list-content .time b{ margin-bottom: 0; font-size: 34px; }
	.list-content .title small{ font-size: 14px; padding: 4px 15px; }
	
	.my-page-box{ text-align: center; }
	.my-page .my-page-group li{ font-size: 14px; padding: 0 10px; }
}