/* member */

/*-------------------------------------------
member form
-------------------------------------------*/
.data-field-wrap{
	border:2px solid #e1c9af;
	background-color:#fff;
	padding:40px;
	margin:0 auto;
	width:560px;
}
	.data-field{
		list-style:none;
		margin:0 auto;
		padding:0;
	}
		.data-field li{
			padding-left:95px;
			padding-bottom:15px;
			position:relative;
		}
			.data-field a{
				color:#0499ef;
			}
			.data-field a:hover, .data-field a:focus{
				color:#ed1c24;
			}
			.data-field h5{
				margin:0;
				position:absolute;
				left:0px; top:5px;
				font-size:100%;
				color:#be8b52;
			}
			.data-field input[name="m_code"],
			.data-field input[name="pwd"]{
				width:300px;
			}
			.data-field .vCode{
				width:160px;
			}
			.data-field #captcha{
				height:36px;
				margin:0 13px;
			}
			.data-field .btn-submit{
				width:300px;
				font-size:110%;
				margin:10px 0 0;
			}
/*-------------------------------------------
aobut form
-------------------------------------------*/
.data-field .explanation{
	margin-left:5px;
}
.data-field input[name="address"]{
	width:350px;
}
.data-field-wrap .buttons{
	border-top:1px solid #ddd;
}
	.data-field-wrap .buttons .btn-submit{
		width:150px;
	}
@media screen and (max-width:812px){/* iX Landscape */
	.data-field input{
		margin-bottom:3px;
	}
	.data-field .explanation{
		display:block;
		padding-top:3px;
	}
}
@media screen and (max-width:568px){/* i5 Landscape */
	.data-field-wrap{
		width:100%;
		padding:25px 65px;
	}
		.data-field li{
			padding-left:0;
		}
			.data-field h5{
				position:static;
				padding:0 0 3px 3px;
			}
}
@media screen and (max-width:414px){/* i6,i7,i8 Plus */
	.data-field-wrap{
		width:100%;
		padding:25px;
	}
	.data-field input[name="m_code"],
	.data-field input[name="pwd"]{
		width:240px;
	}
	.data-field .vCode{
		width:135px;
		font-size:90%;
	}
	.data-field #captcha{
		margin:0 5px;
	}
	.data-field input[name="address"]{
		width:100%;
	}
}
@media screen and (max-width:375px){/* i6,i7,i8 */
	.data-field input[name="m_code"],
	.data-field input[name="pwd"]{
		width:100%;
		margin-bottom:5px;
	}
	.data-field .aSignup,
	.data-field .aForgot{
		float:right;
	}
	.data-field .reVcode{
		font-size:90%;
		position:absolute;
		margin:35px 0 0 -70px;
	}
	.data-field .btn-submit{
		width:100%;
		margin-top:15px;
	}
}
@media screen and (max-width:320px){/* i5 */
	.data-field #captcha{
		width:72px;
		height:auto;
	}
}
/*-------------------------------------------
signup
-------------------------------------------*/
#signup .data-field-wrap{
	width:100%;
}
	#signup .data-field li{
		padding-left:135px;
	}
		#signup .btn-check{
			background:#390;
			color:#fff !important;
			font-size:85%;
		}
		#signup .btn-submit{
			margin-bottom:10px;
		}
@media screen and (max-width:736px){/* i6 Plus Landscape */
	#signup .data-field-wrap{
		padding:25px;
	}
		#signup .data-field li{
			padding-left:110px;
		}
}
@media screen and (max-width:568px){/* i5 Landscape */
	#signup .data-field li{
		padding-left:0;
	}
}
@media screen and (max-width:414px){/* i6,i7,i8 Plus */
	#signup .btn-check{
		margin:3px 0;
	}
	#signup .safeCode{
		width:150px;
	}
}
/*-------------------------------------------
profile
-------------------------------------------*/
#profile{
	margin:60px 0 0px 0;
}
#profile ul{
	width:80%;
	margin:0 auto;
	border:2px solid #e1c9af;
	padding:30px;
}
/*-------------------------------------------
record
-------------------------------------------*/
#record-list {
}
	#record-list .list{
		background-color:#fff;
	}
		#record-list .list thead th{
			text-align:left;
			padding:10px;
			color:#000; font-weight:400;
			border:1px solid #dac1a8;
			background-color:#f5ecd8;
		}
		#record-list .list tbody td{
			padding:10px;
			border:1px solid #dac1a8;
			text-align:left;
		}
		#record-list .list tbody td.td-products{
			padding:0;
		}
		#record-list .list tbody td:nth-child(1){} 
		#record-list .list tbody td:nth-child(2){text-align:center; width:15%;}
		#record-list .list tbody td:nth-child(3){text-align:center; width:15%;} 
		#record-list .list tbody td:nth-child(4){text-align:center; width:15%;}
			
			#record-list .order-info{
				display:inline;
				margin-right:3em;
			}
			#record-list .products{
				margin:0; padding:0; list-style:none;
			}
			#record-list .products li{
				position:relative;
				border-bottom:1px solid #dac1a8;
				padding:10px;
			}
			#record-list .products li:last-child{
				border-bottom:0;
			}
				#record-list .products .picture{
					float:left;
					margin-right:20px;
				}
				#record-list .products .name{
					display:inline-block;*display:inline;zoom:1;
					color:#111; font-size:16px;
					margin-top:6px;
				}
				#record-list .products .quantity{
					position:absolute; top:18px; right:10px;
				}
			#record-list .total{
				
			}
			#record-list .total-amount{
				margin-top:10px;
			}
				#record-list .total-amount strong{
					color:#111;
				}
			#record-list .pay-type{
				
			}
			#record-list .btn-pay{
				margin-top:10px;
			}
			#record-list .status{
				
			}
			#record-list .status-type{
				margin-top:10px;
			}
@media screen and (max-width:812px){/* iX Landscape */
	#record-list .list{
		box-shadow:0 0 5px rgba(0,0,0,.1);
		margin-top:20px;
	}
	#record-list .list:first-of-type{
		margin-top:0;
	}
		#record-list .list thead tr{
			display:block;
		}
			#record-list .list thead tr th{
				display:block;
				border:none; border-top:1px solid #dac1a8;
			}
		#record-list .list tbody tr{
			display:block;
			position:relative;
			padding:15px;
		}
			#record-list .list tbody tr td{
				display:block;
				width:100%;
				border:none;
			}
			#record-list .list tbody td.td-products{
				
			}
			#record-list .list tbody td:nth-child(2),
			#record-list .list tbody td:nth-child(3),
			#record-list .list tbody td:nth-child(4){
				display:inline-block;
				vertical-align:top;
				width:32%;
			}
				#record-list .order-no{
					display:block;
					margin-bottom:5px;
				}
				#record-list .products li,
				#record-list .products li:last-child{
					border-bottom:1px solid #ddd;
					padding:5px;
				}
				#record-list .total-amount,
				#record-list .status-type{
					font-size:125%;
				}
				#record-list form{
					display:inline-block;
				}
}
@media screen and (max-width:414px){/* i6,i7,i8 Plus */
	#record-list .list tbody td{
		padding:5px;
	}
	#record-list .list tbody td:nth-child(2),
	#record-list .list tbody td:nth-child(3),
	#record-list .list tbody td:nth-child(4){
		display:block;
		width:100%;
		text-align:left;
	}
		#record-list .order-date{
			display:block;
			margin-bottom:5px;
		}
		#record-list .products{
			padding-bottom:10px;
		}
		#record-list .total,
		#record-list .total-amount,
		#record-list .pay-type,
		#record-list .btn-pay,
		#record-list .status,
		#record-list .status-type{
			display:inline-block;
			margin:0;
		}
		#record-list .total,
		#record-list .pay-type,
		#record-list .status{
			width:5em;
		}
}

/*-------------------------------------------
bonus
-------------------------------------------*/
#bonus{
	margin:60px 0 0px 0;
}
#bonus-list {
}
#bonus-list .list{
	background-color:#fff;
}
#bonus-list .list thead th{
	text-align:left;
	padding:10px;
	color:#111; font-weight:400;
	border:1px solid #dac1a8;
	background-color:#f5ecd8;
}
#bonus-list .list tbody td{
	padding:10px;
	border:1px solid #dac1a8;
	text-align:left;
}
#bonus-list .list tbody td.no-padding{
	padding:0;
}
#bonus-list .list tbody td:nth-child(1){} 
#bonus-list .list tbody td:nth-child(2){}
#bonus-list .list tbody td:nth-child(3){} 
#bonus-list .list tbody td:nth-child(4){}

/*-------------------------------------------
pupup-overlay
-------------------------------------------*/
.popup-overlay{
	display:none;
	background:url(../images/fancybox_overlay_white.png);
	position:fixed; left:0; top:0; z-index:99999;
	width:100%;
	height:100%;
}
.popup-overlay *{
	box-sizing:border-box;-webkit-box-sizing:border-box;
}
.popup-overlay .popup-wrapper{
	position:relative;
	width:100%;
	height:100%;
}
.popup-overlay section{	
	width:800px; height:480px;
	padding:30px 30px;
	background-color:#fff;
	border-radius:5px;-webkit-border-radius:5px;
	position:absolute; left:50%; margin-left:-400px; top:23%;
}
.popup-overlay .popup-title{
	margin:0;
	padding:0px;
	text-align:center;
	font-size:34px; line-height:1;
}
.popup-overlay .popup-content{
	margin-top:18px;
	padding:0;
	color:#777;
	height:300px;
	overflow:auto;
}
.popup-overlay .buttons{
	margin-top:20px;
}
.popup-open{
	overflow-y:hidden;
}

/*-------------------------------------------
AD
-------------------------------------------*/
#myCarousel{
	margin-top:20px;
}