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

/*member-sort*/
.member-sort{ border: solid 1px #ccc; background-color:#fafafa; display:block; padding: 10px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.member-sort .btn{ display:block; float: left; margin-right: 10px;}
.member-sort span a{ text-decoration:none;}

.mail-icon{float: left;margin-top:5px;margin-right: 5px;height: 18px;width: 18px;border-radius: 50%;background-size: 12px;display: block;background-color: #999;background-image: url(../img/common/mail-icon12.png);background-repeat: no-repeat;background-position: center center;}

.cart-icon {float: left;margin-top:5px;margin-right: 5px;height: 18px;width: 18px;border-radius: 50%;background-size: 12px;display: block;background-color: #999;background-image: url(../img/common/cart-icon12.png);background-repeat: no-repeat;background-position: center center;}

.write-icon {float: left;margin-top:5px;margin-right: 5px;height: 18px;width: 18px;border-radius: 50%;background-size: 12px;display: block;background-color: #999;background-image: url(../img/common/write-icon12.png);background-repeat: no-repeat;background-position: center center;}

.mail-sort{font-family: 'Source Sans Pro';font-size: 12px;color: #F30; display:block;}
.mail-sort span{display: inline;border-right-width: 1px;border-right-style: dotted;border-right-color: #CCC;padding-right: 5px;padding-left: 5px;}
.mail-sort span a{ text-decoration:none;}
.member-sort #sort{ float:left; display:block; padding:0; margin:0;}
.member-sort #sort #sortBox{ display:inline; padding:0; margin:0; font-size: 12px;}

/*memmber-mail*/
#member .member-mail .clearfix{
	*height:0;
	}
#member .member-mail span{margin:0; padding:0; display: block;}	
#member .member-mail ul{ margin:0; padding:0; display: block;}
#member .member-mail li{
	padding: 5px 0 5px 0;
	list-style: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	/*line-height: 180%;*/
	display: block;
}

#member .member-mail li a{ text-decoration:none;}
#member .member-mail li:hover{ background-color:#fafafa;}
#member .member-mail .th-bg:hover{ background-color:inherit;}
#member .member-mail .th-bg{
	width:100%;
	height:auto;
	background: #D9B596 !important;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D9B596), to(#D9B596));
	background: -webkit-linear-gradient(#D9B596, #D9B596);
	background: -moz-linear-gradient(#D9B596, #D9B596);
	background: -ms-linear-gradient(#D9B596, #D9B596);
	background: -o-linear-gradient(#D9B596, #D9B596);
	background: linear-gradient(#D9B596, #D9B596);
	-pie-background: linear-gradient(#D9B596, #D9B596);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(corner/PIE.php);
	display: block;
	border:none !important;
	padding: 0;

	/*line-height: 250%;
	margin-bottom:10px !important;*/
	}

	
#member .member-mail .title{ width:65%; padding: 0% 2% 0% 1%; display:block; float:left;}
#member .member-mail .author{width:13%; padding: 0% 1% 0% 1%; display:block; text-align:center; float:left;}
#member .member-mail .date{width:15%; padding: 0% 1% 0% 1%; display:block; text-align:center; float:left;}

#member .member-mail .mail-mark{
	font-size:11px;
	display: inline;
	border: solid 1px #F2B723;
	background: #DA3D1A ;
	padding: 2px;
	margin-right:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#fff;

}


#member .member-mail .new-mark{
	font-size:11px;
	display: inline;
	border: solid 1px #9AE0E5;
	background: #40C0A9 ;
	padding: 2px;
	margin-right:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#fff;

}

/*order-history*/
#member .member-mail .order_nol{
	width: 50%;
	padding: 0% 1% 0% 2%;
	display: block;
	float: left;
	text-align: left;
}
#member .member-mail .order_quantity
{width:10%; 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:15%; padding: 0% 2% 0% 2%; display:block; text-align:center; float:left;}
.red{color: #E23C12;}

/*order-history end*/
/*order-deatil*/
#member .member-order-detail h1 {font-size: 13px;font-weight: normal;font-family: Arial;}
#member .member-order-detail .order_nol{padding: 0% 1% 0% 2%;display: block;float: left;text-align: left;}

#member .member-order-detail .order_mode
{ padding: 0% 2% 0% 2%; display:block; text-align:center; float:left;}

#member .member-order-detail .th-bg{
	width:100%;
	height:auto;
	background: #D9B596 !important;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D9B596), to(#D9B596));
	background: -webkit-linear-gradient(#D9B596, #D9B596);
	background: -moz-linear-gradient(#D9B596, #D9B596);
	background: -ms-linear-gradient(#D9B596, #D9B596);
	background: -o-linear-gradient(#D9B596, #D9B596);
	background: linear-gradient(#D9B596, #D9B596);
	-pie-background: linear-gradient(#D9B596, #D9B596);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(corner/PIE.php);
	display: block;
	border:none !important;
	padding: 0;

	/*line-height: 250%;
	margin-bottom:10px !important;*/
	}

/*order-deatil end*/
/*member-mail detail*/
#member .member-mail-detail h1 {font-size: 13px;font-weight: normal;font-family: Arial;}
#member .member-mail-detail .title{ width:97%; padding: 0% 2% 0% 1%; display:block; float:left;}


#member .member-mail-detail .update .author{padding: 0% 1% 0% 1%;display: block;text-align: left;float: left;color: #605C55;font-size: 11px;border-right-width: 1px;border-right-style: dotted;border-right-color: #CCC;
}
#member .member-mail-detail .update .date{ padding: 0% 1% 0% 1%; display:block; text-align:center; float:left; color: #605C55;font-size: 11px;}
#member .member-mail-detail .th-bg{
	width:100%;
	height:auto;
	background: #D9B596 !important;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D9B596), to(#D9B596));
	background: -webkit-linear-gradient(#D9B596, #D9B596);
	background: -moz-linear-gradient(#D9B596, #D9B596);
	background: -ms-linear-gradient(#D9B596, #D9B596);
	background: -o-linear-gradient(#D9B596, #D9B596);
	background: linear-gradient(#D9B596, #D9B596);
	-pie-background: linear-gradient(#D9B596, #D9B596);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(corner/PIE.php);
	display: block;
	border:none !important;
	padding: 0;

	/*line-height: 250%;
	margin-bottom:10px !important;*/
	}
#member .mail-block-detail{ padding:10px;}
#member .mail-img-detail{
	width: 40%;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	clear: both;
}