body{
	font-family:"�L�n������";
	-webkit-text-size-adjust:none;
	-webkit-box-sizing:border-box; /* �ѨM�e�שMpadding�����D */
}

@media screen and (max-width: 699px){
#Name{
width:100%;
height:96px;
line-height:96px;
font-style: oblique;
font-weight:bold;
text-align:center;
border-bottom:1px solid #448aca;
margin:0 auto;
padding-top:120px;
color:#2f5b9d;
font-size:32px;
}

#Member{
width:100%;
margin:0 auto;
}  

#Member h1{
text-align:center;
height:45px;
line-height:45px;
margin-bottom:30px;
color:#0068b7;
padding-top:15px;
overflow:hidden;
}

/*�ססת���סס�*/
#Member .Form{
width:90%;
margin:0 auto;
overflow:hidden;
}

#Member .Form .title{
float:none;
font-size:18px;
width:96%;
height:25px;
line-height:25px;
text-align:left;
margin:5px auto;
}

#Member .Form .input{
float:none;
width:100%;
height:45px;
line-height:45px;
text-align:left;
margin:5px auto 15px auto;
}


#Member .Form .title2{
display:none;
float:none;
font-size:18px;
width:25%;
height:40px;
line-height:1.5px;
text-align:left;
margin:5px 0;
}

#Member .Form .input2{
float:none;
width:100%;
height:40px;
line-height:1.5;
text-align:left;
margin:5px 0;
}


/*�ѰO�K�X����U ������*/
#Member .Form .input2 a{
text-align:center;
text-decoration:underline;
color:#0068b7;
font-size:22px;
line-height:1.5;
}

#Member .Form .title3{
display:none;
float:none;
font-size:18px;
width:90%;
height:45px;
line-height:45px;
text-align:left;
margin:5px auto 10px auto;
}

#Member .Form .input3{
float:none;
width:100%;

height:85px;

text-align:left;
margin:5px auto 10px auto;
}

#Member .Form .input3 input.Login{
display:inline-block;
width:96%;
font-size:18px;
height:40px;
color:#FFFFFF;
background-color:#0068b7;
border-radius:45px;
text-align:center;
text-decoration:none;
border:none;
margin:10px 0 10px 15px;
}

#Member .Form .input3 .Login{
width:96%;
font-size:18px;
height:40px;
line-height:40px;
background-color:#0068b7;
border-radius:45px;
text-align:center;
border:none;
margin:10px 0 0 15px;

}

#Member .Form .input3 .Login a{
	text-decoration:none;
	color:#FFFFFF;
}



#Member .Form .input3 p{

font-size:18px;
color:#999;
}

#Member .Form .input input{
font-size:18px;
width:90%;
height:35px;
margin:0;
padding:0 10px;
border-radius:15px;
border:1px solid #dbdbdb;
}

#Member .Form .input select{
font-size:18px;
width:97%;
height:35px;
margin:0;
padding:0 10px;
border-radius:15px;
border:1px solid #dbdbdb;
}


#Member .Form .input a{
color:#0066CC;
}

#Member .Form .input input.small{
width:30%;
margin-right:10px;
}

#Member .Form .input3 input.Login{
clear:both;
display:inline-block;
width:96%;
font-size:18px;
height:40px;
line-height:40px;
background-color:#0068b7;
color:#FFFFFF;
border-radius:45px;
text-align:center;
text-decoration:none;
border:none;
}


#Member .Form .input input.check{
width:20px;
height:20px;
}

#Member .Form .input table{
margin:0 auto;
}

#Member .Form .input table td{
padding:0 15px;
text-align:center;
color:#0068b7;
}



}



@media screen and (min-width: 700px) and (max-width: 1023px){
#Name{
width:100%;
height:96px;
line-height:96px;
font-style: oblique;
font-weight:bold;
text-align:center;
border-bottom:1px solid #448aca;
margin:0 auto;
padding-top:120px;
color:#2f5b9d;
font-size:32px;
}

#Member{
width:100%;
margin:0 auto;
}  

#Member h1{
text-align:center;
height:45px;
line-height:45px;
margin-bottom:30px;
color:#0068b7;
padding-top:15px;
overflow:hidden;
}

/*�ססת���סס�*/
#Member .Form{
width:80%;

margin:0 auto;
overflow:hidden;
}

#Member .Form .title{
float:left;
width:40%;
height:45px;
line-height:45px;
text-align:right;
margin:5px 0;
}

#Member .Form .input{
float:right;
width:60%;
height:45px;
line-height:45px;
text-align:left;
margin:5px 0;
}


#Member .Form .title2{
float:left;
width:40%;
height:45px;
line-height:45px;
text-align:right;
margin:5px 0;
}

#Member .Form .input2{
float:right;
width:60%;
height:45px;
line-height:45px;
text-align:left;

margin:5px 0;
}

#Member .Form .input2 a{
text-decoration:underline;
color:#0068b7;
}

#Member .Form .title3{
float:left;
width:40%;
height:45px;
line-height:45px;
text-align:right;

margin:20px 0 0 0;
}

#Member .Form .input3{
float:right;
width:60%;

height:55px;

text-align:left;

margin:5px 0 5px 0;
}

#Member .Form .input3 p{


padding-left:15px;
}

#Member .Form .input3 input.Login{
display:inline-block;
width:96%;
font-size:18px;
height:40px;
line-height:40px;
background-color:#0068b7;
color:#FFFFFF;
border-radius:45px;
text-align:center;
text-decoration:none;
border:none;
margin:10px 0 0 15px;
}

#Member .Form .input3 .Login{
width:96%;
font-size:18px;
height:40px;
line-height:40px;
background-color:#0068b7;
border-radius:45px;
text-align:center;
border:none;
margin:10px 0 0 15px;

}

#Member .Form .input3 .Login a{
	text-decoration:none;
	color:#FFFFFF;
}

#Member .Form .input input{
font-size:18px;
width:90%;
height:35px;
margin:0 0 0 15px;
padding:0 10px;
border-radius:15px;
border:1px solid #dbdbdb;
}

#Member .Form .input select{
font-size:18px;
width:87%;
height:35px;
margin:0 0 0 15px;
padding:0 10px;
border-radius:15px;
border:1px solid #dbdbdb;
}

#Member .Form .input a{
color:#0066CC;
}

#Member .Form .input input.small{
width:30%;
margin-right:10px;
}



#Member .Form .input input.check{
width:20px;
height:20px;
}

#Member .Form .input table{
margin:0 auto;
}

#Member .Form .input table td{
padding:0 15px;
text-align:center;
color:#0068b7;
}



}


@media screen and (min-width: 1024px){
#Name{
width:100%;
height:96px;
line-height:96px;
font-style: oblique;
font-weight:bold;
text-align:center;
border-bottom:1px solid #448aca;
margin:0 auto;
padding-top:120px;
color:#2f5b9d;
font-size:32px;
}

#Member{
width:1096px;
margin:0 auto;
}  

#Member h1{
text-align:center;
height:45px;
line-height:45px;
margin-bottom:30px;
color:#0068b7;
padding-top:15px;
}

/*�ססת���סס�*/
#Member .Form{
width:80%;

margin:0 auto;
overflow:hidden;
}

#Member .Form .title{
float:left;
width:35%;
height:45px;
line-height:45px;
text-align:right;
margin:5px 0;
}

#Member .Form .input{
float:right;
width:65%;
height:45px;
line-height:45px;
text-align:left;
margin:5px 0;
}

#Member .Form .title2{
float:left;
width:35%;
height:45px;
line-height:1.5px;
text-align:right;
margin:5px 0;
}

#Member .Form .input2{
float:right;
width:65%;
height:45px;
line-height:45px;
text-align:left;
text-indent:18px;
margin:5px 0;
}

#Member .Form .title3{
float:left;
width:35%;
height:45px;
line-height:45px;
text-align:right;
margin:5px 0;
padding-bottom:10px;
}

#Member .Form .input3{
float:right;
width:65%;
height:45px;

text-align:left;
margin:5px 0;
padding-bottom:10px;
}

#Member .Form .input3 input.Login{
width:90%;
font-size:18px;
height:40px;
line-height:40px;
background-color:#0068b7;
color:#FFFFFF;
border-radius:45px;
text-align:center;
text-decoration:none;
border:none;
margin:10px 0 10px 15px;
}

#Member .Form .input3 .Login{
width:90%;
font-size:18px;
height:40px;
line-height:40px;
background-color:#0068b7;
border-radius:45px;
text-align:center;
border:none;
margin:10px 0 0 15px;

}

#Member .Form .input3 .Login a{
	text-decoration:none;
	color:#FFFFFF;
}

#Member .Form .input3 p{

padding-left:15px;
}

#Member .Form .input input{
font-size:18px;
width:90%;
height:35px;
margin:0 0 0 15px;
padding:0 10px;
border-radius:15px;
border:1px solid #dbdbdb;
}


#Member .Form .input select{
font-size:18px;
width:97%;
height:35px;
margin:0 0 0 10px;
padding:0 10px;
border-radius:15px;
border:1px solid #dbdbdb;
}

#Member .Form .input a{
color:#0066CC;
}

#Member .Form .input input.small{
width:30%;
margin-right:10px;
}


#Member .Form .input input.check{
width:20px;
height:20px;
}

}