html , body {   background:#fff;}


.wrap{width:100%;height: auto;position:relative; line-height:1.6; font-size:1em; padding-top:5em;}

.note{font-size:.9em;color:#FF0000;}
		

/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 會員登入 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.register { width:412px; margin:0 auto ;  }

.register .logo{ width:80%; margin:0 auto 3em;}
.register .logo img{ width:100%; max-width:320px;height:auto; margin:0 auto;}
.register .logo h2{ font-size:1.6em; line-height:1; padding-left:.2em;}

.register h3 { font-size:1.3em; margin:.3em; letter-spacing:4px; color: #666; text-align:center; font-weight:bold; color: #000; }
.register h3 span{ color:#FF0000}
.register a.forgot{ float:right;font-size:.9em; }

/*.register  [type="password"],.register [type="text"],.register [type="email"]
{width:100%;  padding-left:10px;line-height:40px; height:40px;margin-bottom:6px; display:block;  }*/

.register .userName,.register .phone{width:49%; display:inline-block;   }
.register .userName{ margin-right:3px;}

/*------按鈕--------*/
.register input[type="submit"],.register input[type="button"] { width:50%; height:50px; cursor:pointer; font-size:1.2em; font-weight:bold; margin:.7em  auto; font-family:"微軟正黑體"}

/*------生日--------*/
.register .birthday{ display:none; width:100%; height:40px;letter-spacing:-5px;text-align:center;border: 1px solid #bfbfbf; border-radius:3px; background:#FFF; white-space:nowrap;margin-bottom:6px;}
.register .birthday  select {  position:relative;width:100%;  height:40px; font-size:15px; text-align:center;border:none;  background: transparent;
					-webkit-appearance: none;/*隱藏箭頭*/-moz-appearance: none;outline:none; z-index:1;}
.register .birthday  div  {display:inline-block; position:relative;  letter-spacing:0px; vertical-align:top; font-family:  Helvetica, sans-serif; padding-left:10px;}
.register .birthday  .name{ width:18%;color:#999; background:#f0f0f0; line-height:40px;height:100%; padding-left:0; vertical-align: middle; font-family:"微軟正黑體" ; border-radius:3px 0 0 3px; }
.register .birthday  .year  { width:27%;}
.register .birthday  .month  { width:33%;}
.register .birthday  .day  { width:22%;}
.register .birthday  .arr{ position:absolute; top:18px; right:15px;  border: 6px solid transparent; border-top-color: #bfbfbf ; line-height: 0; height: 0; width: 0; z-index:0;}
.register .birthday  .arr:before{ content:"";position:absolute; left:17px; top:-16px; position:relative;  border-left:1px solid #bfbfbf;  height:22px; display:block; }
.register .birthday  div:last-child .arr:before{border-left: none;}

/*------驗證碼--------*/

.register .code{ margin-bottom:4px; margin-top:10px; }
.register .code > div{ display:inline-block; vertical-align:middle;}
.register .code .content{ width:calc(100% - 87px);}
.register .code .btn {width:48%; display:inline-block; letter-spacing:0; font-size:14px; line-height:36px;}
.register .code .btn span:before {font-family: 'FontAwesome';content: "\f10b"; font-size:24px; padding-right:5px; vertical-align:middle;}
.register .code .btn:last-child { margin-right:0px;}
.register .code .input{ margin-top:5px; width:100%;}


/*.register .code .refresh{ display:block;width:30px; text-align:center; font-size:1.1em;}
.register .code .refresh:before{content:"\f021";font-family: 'FontAwesome'; text-decoration:none; }
.register .code .refresh:hover{  text-decoration:none;}*/



.register .select { margin-bottom:6px;}

/*------已有帳號登入--------*/
.register p.login{ font-size:15px;text-align:center;letter-spacing:2px; margin-bottom:5px;}
.register p.login a{font-size:16px;color: #F30; font-weight:bold; border:1px solid  #F30; padding:2px 4px; text-decoration:none; border-radius:3px;}
.register p.login a:hover{ background:#fff;}

.register p.text-big{ font-size:20px;}

.copyright{ text-align:center; width:100%; text-align:center;margin:0 auto 1em; position:absolute;bottom:0;font-size:.9em;  letter-spacing:1px; color: #999;}



	

	



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

.wrap{ padding-top:3em;}
.register .logo{  margin:0 auto 1.5em;}

}

/*------手機版--------*/

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

.copyright{width:300px; display:block;  position: relative; margin:3em  auto 2em ; }

}
	

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


html , body { height: auto  }

body { font-size:100%;}

.wrap{ padding-top:2em; margin-bottom:1em; }
.register {width:90%; max-width:400px; margin:0 auto ; }
.register .logo{ width:80%; margin:0 auto 2em;}

}


@media screen and (max-width: 640px) {	
.register .code .btn {width:100%; margin-top:5px;}
.register .code .btn:first-child { margin-top:0px;}
}



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

.register .userName,.register .phone{width:100%; display:block;   }

.register h3 {
    font-size: 1em;
    letter-spacing: 1px;
    margin: 0;
}


}
	

u