html , body {   background:#f9f9f9;}


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

/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 忘記密碼 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.forgetPassword { width:360px; margin:0 auto ;  }

.forgetPassword .logo{ width:80%; margin:0 auto 3em;}
.forgetPassword .logo img{ width:100%; height:auto;}
.forgetPassword .logo h2{ font-size:1.6em; line-height:1; padding-top:.3em;}

.forgetPassword h3 { font-size:.9em; margin:.5em; letter-spacing:2px; color: #666; text-align: left; }
.forgetPassword a.forgot{ float:right;font-size:.9em; }


.forgetPassword .userName{width:100%;   }

/*------按鈕--------*/
.forgetPassword input[type="submit"] { width:100%; height:50px; cursor:pointer; font-size:1.2em; font-weight:bold; margin:.7em  auto;}


/*------已有帳號登入--------*/
.forgetPassword p.login{ font-size:15px;text-align:center;letter-spacing:2px;}
.forgetPassword p.login a{color:#00c1c3; font-weight:bold;}


.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:5em;}
.forgetPassword .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:3em; margin-bottom:1em; }
.forgetPassword {width:90%; max-width:400px; margin:0 auto ; }
.forgetPassword .logo{ width:80%; margin:0 auto 2em;}






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

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


.forgetPassword h3 { font-size:.7em;  letter-spacing:1px;  }




}