@charset "utf-8";
/* CSS Document */
	
.content_wrap{
	width: 980px;
	margin: 0 auto;
}
.overview{
}
.member_form{
	width: 520px;
	margin: 0 auto;
}
.member_form ul{
	display: block;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom:1px solid #dcdcdc;
}
.member_form ul li{
	display: block;
    font-size: 1.5rem;
    line-height: 2;
    margin-bottom: 20px;
    clear: both;
    overflow: hidden;
}
.member_form ul li:nth-last-child(1){
	margin-bottom: 0px;
}
.register_form{
	width: 640px;
}
.register_form p.ps{
	padding-left:130px;
}


.login_btn{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
.login_btn a{
	margin: 0 5px;
}
.member_btn{
	font-size:1.5rem;
	font-weight:400;
	text-decoration: underline;
}
.social_login{
	display: flex;
	justify-content: center;
	align-items: center;
}
.social_login a{
	margin: 0 5px;
}
a.fb_login {
	background-color: #1877f2
}
a.google_login{
	background-color: #cf472e;
}
span.rdbt_wrap {
    width: 200px;
    display: inline-block;
    text-align: left;
}
.member_form input.css3radio {
    width: auto;
}
/*.member_form ul li input {
    font-family: 'Noto Sans TC', "微軟正黑體", "Microsoft JhengHei UI", sans-serif;
    height: 36px;
    font-size: 1.3rem;
    color: #333;
    padding: 5px;
}*/

li.birthday select{
	font-family: 'Noto Sans TC', "微軟正黑體", "Microsoft JhengHei UI", sans-serif;
	display: inline-block;
	height: 36px;
	padding: 5px;
	outline: none;
	border: 0px;
	background-color:#e5e5e5;
	font-size: 1.3rem;
}
li.birthday label{
	display: inline-block;
}
img.captcha{
	display: inline-block;
    width: auto;
    height: 36px;
    vertical-align: middle;
    margin-top: -5px;
	margin-right: 5px;
}
a.reload{
	margin-left: 5px;
	text-decoration: underline;
}
.member_ship{
	width: 100%;
	height: 300px;
	overflow: auto;
	margin: 0 auto;
	margin-bottom:10px;
	border: 1px solid #000;
}
.agree_wrap{
	display:block;
	width: 100%;
    text-align: center;
	font-size:1.5rem;
	    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dcdcdc;
}
@media screen and (max-width: 1024px) {
	
.content_wrap{
	width: 100%;
}
	
}

@media screen and (max-width: 768px) {
	
.content_wrap {
    /*width: 640px;*/
}
	
}
	
@media screen and (max-width: 736px) {
	

	
}

@media screen and (max-width: 567px) {
	
.content_wrap {
    width: 100%;
}

.member_form{
	width: 100%;
}
.social_login{
	flex-wrap: wrap;
}
.social_login a{
	min-width:200px;
	text-align: center;
}
a.fb_login{
	margin-bottom: 10px;
}
.register_form p.ps {
    padding-left: 0px;
}
}

@media screen and (max-width: 320px) {
	

	
}