/* CSS Document */

/* mailmaga_back -----------------------------*/
.mailmaga_back{
	max-width: 550px;
	margin: 0 auto;
}

.mailmaga_back h1{
	
}
.mailmaga_back_list{
	text-align: left;
}
.mailmaga_back_list .fs-pt-column__item{
	padding-bottom: 20px;
	display: block;
}
.mailmaga_back_list .fs-pt-column__heading{
	display: inline-block;
	width: 28%;
	position: relative;
	top: -24px;
}
.mailmaga_back_list .fs-pt-column__description{
	display: inline-block;
	width: 70%;
}
.mailmaga_back_list .fs-pt-column__description h2{
	font-size: 14px;
	font-size: .14rem;
	display: block;
}
.mailmaga_back_list .fs-pt-column__description span{}
@media screen and (min-width: 768px) {
	.mailmaga_back_list .fs-pt-column__heading{
		width: 20%;
	}
}
/* mailmaga_back End -------------------------*/


/* mail_article -----------------------------*/
.mail_article{
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom: 50px;
	max-width: 800px;
    margin: 0 auto;
}
.mail_article h1{
	color: #59B9C6;
	text-align: center;
	line-height: 1.8;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 18px;
	font-size: .18rem;
}
.mail_article .date{
	color: #59B9C6;
	padding-bottom: 20px;
	text-align: right;
}
.mail_article h2{
	color: #59B9C6;
	padding-top: 30px;
	padding-bottom: 20px;
	font-size: 16px;
	font-size: .16rem;
}
.mail_article a{
	color: #59B9C6;
	border-bottom: #59B9C6 1px solid;
	padding-bottom: 2px;
	font-size: 12px;
	font-size: .12rem;
	position: relative;
}


.mail_article .txt{
	padding-bottom: 20px;
	line-height: 1.8;
}

.mail_article .txt i{
	color: #59B9C6;
	padding-right: 5px;
}

@media screen and (min-width: 768px) {
	.mail_article{
		padding-bottom: 100px;
	}
	.mail_article h1{
		padding-bottom: 50px;
		font-size: 22px;
		font-size: .22rem;
	}
	.mail_article .date{
		font-size: 16px;
		font-size: .16rem;
	}
	.mail_article a{
		font-size: 14px;
		font-size: .14rem;
	}

/* mail_article End -------------------------*/