@charset "utf-8";
/* CSS Document */


@media only screen and (max-width: 700px) {
#member .member-mail .title{ width:70%; padding: 0% 2% 0% 1%; display:block; float:left;  font-size:12px;}
#member .member-mail .author{display: none;}
#member .member-mail .date{width:23%; padding: 0% 1% 0% 1%; display:block; text-align:center; float:left;  font-size:11px;}
#member .member-mail .orange{color:#D7651E;}
#member .member-mail .bule{color:#3DA8A1;}
/*member-mail-detail*/
#member .mail-img-detail{
	width: 100%;
	text-align:center;
	float: none;
	margin-right: 0px;
	margin-bottom: 15px;
	clear: both;
}
/*member-mail-detail- END*/
/*order-history*/
#member .member-mail .order_nol{
	width: 30%;
	padding: 0% 1% 0% 2%;
	display: block;
	float: left;
	text-align: left;
}
#member .member-mail .order_quantity
{width:15%; padding: 0% 2% 0% 2%; display:block; text-align:center; float:left;}
#member .member-mail .order_mode
{width:15%; padding: 0% 2% 0% 2%; display:block; text-align:center; float:left;}
#member .member-mail .order_date
{width:25%; padding: 0% 2% 0% 2%; display:block; text-align:center; float:left;}
/*order-history end*/

}


@media only screen and (max-width: 280px) {
	/*order-history*/
#member .member-mail .order_nol{
	width: 45%;
	padding: 0% 1% 0% 2%;
	display: block;
	float: left;
	text-align: left;
}
#member .member-mail .order_quantity
{width:5%; padding: 0% 2% 0% 2%; display:block; text-align:center; float:left;}
#member .member-mail .order_mode
{width:10%; padding: 0% 2% 0% 2%; display:block; text-align:center; float:left;}
#member .member-mail .order_date
{width:25%; padding: 0% 2% 0% 2%; display:block; text-align:center; float:left;}
/*order-history end*/
}