.member{
	min-height: 45vw;
	padding: 100px 0;
}
.member .member-wrap{
	width: 700px;
	margin: 0 auto;
}
.member .topup-wrap{
	width: 1000px;
}
.member .member-wrap h1{
	font-size: 3.5rem;
	font-weight: 700;
	color: #f6921e;
	text-align: center;
	margin: 30px 0 0;
}
.member .member-wrap p{
	text-align: center;
	font-size: 1.1rem;
}
.member .member-wrap .profile-wrap{
	margin: 50px 0;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	padding: 0 80px;
}
.member .member-wrap .profile-picture{
	width: 40%;
	text-align: center;
}
.member .member-wrap .profile-picture img{
	border-radius: 20px;
	width: 160px;
	height: 160px;
	object-fit: contain;
}
.member .member-wrap .profile-detail{
	display: flex;
	width: 60%;
	align-items: center;
}
.member .member-wrap .profile-detail dl{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 1.5rem;
	margin-bottom: 0;
}
.member .member-wrap .profile-detail dl dt{
	width: 12%;
	margin-bottom: 12px;
}
.member .member-wrap .profile-detail dl dt:nth-last-child(2){
	margin-bottom: 0;
}
.member .member-wrap .profile-detail dl dd{
	width: 88%;
	font-weight: 600;
	margin-bottom: 12px;
}
.member .member-wrap .profile-detail dl dd:last-child{
	margin-bottom: 0;
}
.member .member-wrap .profile-detail dl dt i{
	color: #f6921e
}
.member .member-wrap .profile-button{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.member .member-wrap .profile-button a{
	width: calc(95% / 3);
	font-size: 1.1rem;
	font-weight: 600;
	margin: 0 5px 10px 5px;
}
@media(max-width: 768px){
	.member{
		min-height: 550px;
		padding: 100px 0;
	}
	.member .member-wrap,
	.member .topup-wrap{
		width: 100%;
		margin: 0 auto;
	}
	.member .member-wrap h1{
		font-size: 3rem;
		margin: 0;
	}
	.member .member-wrap p{
/*		margin: 0;*/
	}
	.member .member-wrap .profile-wrap{
		margin: 0;
		padding: 0;
	}
	.member .member-wrap .profile-picture{
		width: 35%;
		padding: 20px;
	}
	.member .member-wrap .profile-picture img{
		width: 100%;
		height: auto;
		border-radius: 10px;
	}
	.member .member-wrap .profile-detail{
		width: 65%;
	}
	.member .member-wrap .profile-detail dl{
		font-size: 1rem;
	}
	.member .member-wrap .profile-detail dl dt{
		margin-bottom: 5px;
	}
	.member .member-wrap .profile-detail dl dd{
		margin-bottom: 5px;
	}
	.member .member-wrap .profile-detail dl dt i{}
	.member .member-wrap .profile-button{
		flex-direction: column;
	}
	.member .member-wrap .profile-button a{
		width: 100%;
		margin-bottom: 10px;
		font-size: 1rem;
	}
}