/*--會員登入頁面用-----------------------------------------------------------*/
#signin_error {
	width:100%;
	background-color:#f00;
	color:#fff;
	padding-left:30px;
	}

/*會員登入submit按鈕*/
.signin_btn
{
    text-align:center;
	text-decoration:none;
	background-color:#4284df; 
	border:0;
	color:#fff;
	padding:8px 60px;
}
.signin_btn:hover  /*會員登入submit按鈕滑入效果*/
{
  background-color:#3469b1;color:#fff;
}

/*創建會員帳號按鈕*/
.signin_btn2 {
	width:178px;
	border: 1px solid #000;
	background-color:#fff;
	padding: 9px 60px;
	}

@media (max-width: 767px) {
#signin {
	width:340px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	}
#signin0 {
	width:100%;
	}
#signin1 {
	width:300px;
	float:left;
	}
#signin2 {
	width:340px;
	float:left;
	}
}
@media (max-width: 480px) {
#signin {
	width:340px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	}
#signin0 {
	width:100%;
	}
#signin1 {
	width:300px;
	float:left;
	}
#signin2 {
	width:340px;
	float:left;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
#signin {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	}
#signin0 {
	width:100%;
	}
#signin1 {
	width:300px;
	float:left;
	}
#signin2 {
	width:340px;
	float:right;
	}
}
@media (min-width: 980px) {
#signin {
	width:700px;
	margin-left:auto;
	margin-right:auto;
	}
#signin0 {
	width:100%;
	}
#signin1 {
	width:300px;
	float:left;
	}
#signin2 {
	width:340px;
	float:right;
	}
}
@media (min-width: 1200px) {
#signin {
	width:700px;
	margin-left:auto;
	margin-right:auto;
	}
#signin0 {
	width:100%;
	}
#signin1 {
	width:300px;
	float:left;
	}
#signin2 {
	width:340px;
	float:right;
	}
}