#mail_mag table {
	width: 100%;
}

#mail_mag th, 
#mail_mag td {
	font-weight:normal;
	vertical-align:middle;
}

#mail_mag_summary {
	background:url(../images/mail_mag/icon_mail.png) no-repeat left 30px;
}

#mail_mag_detail {
	background-color:#F4EFE5;
}


@media all and (min-width: 801px) {
	#mail_mag #contents {
		padding-top:0;
	}
	
	#mail_mag_summary {
		padding:30px 30px 30px 130px;
	}
	
	#mail_mag_summary h2 {
		font-size:1.5em;
		padding:0 0 15px 0;
	}
	
	#mail_mag_summary p {
		padding:0 0 30px 0;
	}
	
	#mail_mag_detail {
		padding:0 0 100px 0;
	}
	
	#mail_mag_entry, 
	#mail_mag_unsubscribe {
		padding:0 170px;
		text-align:left;
	}
	
	#mail_mag_entry h2, 
	#mail_mag_unsubscribe h2 {
		font-size:1.8em;
		font-family:serif;
		padding:50px;
	}
	
	#mail_mag_entry p {
		padding:30px 5px 5px 5px;
	}
	
	.submit_btn {
		margin:30px 135px 0 0;
	}
}


@media all and (max-width: 800px) {
	#mail_mag_summary {
		padding: 10px 0 30px 110px;
	}

	#mail_mag th, 
	#mail_mag td {
		display: block;
	}

	#mail_mag th {
		padding: 20px 0 0 0;
	}

	#mail_mag td {
		padding: 0;
	}

	#mail_mag input {
		margin: 5px 0;
	}

	#mail_mag_detail {
		padding: 30px 0;
	}

	.wh150 {
		width: calc(50% - 13px);
	}

	.wh400{
		width: calc(100% - 13px);
	}

	#mail_mag #mail_mag_unsubscribe {
		padding: 30px 0;
	}
}