@media all and (min-width:320px) and (max-width:768px) {	
	
	
	/**************mobilejoin*********************/
	

	.join_text input, .join_select select, .join_email input, .join_text select{
		width:100%;
	}

	.join_text ul, .join_email ul {
		float:none;
		margin-right:0;
	}

	.join_text span, .join_email span {
		display:block;
		padding:10px 0;
		text-align:center;
	}


	#join_contents {
		padding:0 15px;
	}

	.join_text ul li {
		max-width:768px;
	}

	#join_header {
		background-position:center;
	}

	.leadform {
		padding:0 15px 25px 15px;
	}
	
	.star_up {
		top:28%;
	}
	
	/**************************login******************************/
	
	.top_logo {
		padding:57px 0 43px 0;
	}

	.top_logo h1 {
		width:100%;
	}

	.top_logo h1 img {
		max-width:80%;
	}

	.login_wrap {
		width:100%;
		padding:0 15px;
	}

	.login_login ul li input {
		width:100%;
		height:42px;
	}

	.login_fonud {
		padding-bottom:60px;
	}
	
	/***********************success************************/
		
	.welcom {
		font-size:25px;
		line-height:32px;
	}
	
	.success_login {
		padding-bottom:76px;
	}
	
	.success_data {
		font-size:17px;
		padding-left:11%;
	}

}

@media all and (min-width:768px) and (max-width:1024px) {
	#join_header {
		background-position:center;
	} 

	.join_text input, .join_select select, .join_email input {
		width:100%;
		height:44px;
	}

	.join_text ul li, .join_email ul li {
		max-width:1024px;
	}

	.join_text ul, .join_email ul {
		float:none;
		margin-right:0;
	}

	.join_text span, .join_email span {
		display:block;
		padding:15px 0;
		text-align:center;
	}

	.leadform {
		padding:0 30px 25px 30px;
	}
	
	.star_up {
		top:28%;
	}
}