@charset "utf-8";
html, body { font:16px/100% Arial, Verdana, Helvetica, sans-serif; height:100%; margin:0; padding:0; }
body { background: #fff url(img/bg/jpg_001.jpg) repeat;color:#686868; font-family:Arial,微軟正黑體; }
.container { 
    box-sizing: border-box;
    float: left;
    height: 100%;
    position: relative;
    width: 100%;
    }
.wrapper {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: auto;
    height: 300px;
    padding: 16px;
    position: absolute;
    top: 0;
    right: 0;
    max-width: 400px;
    }
.logo {
    float: left;
	margin: 0;
	padding: 0;
    position: relative;
    text-align: center;
	width: 100%;
	}
.logo img { margin:8px auto; width:158px; }
.email {
    background:#fff;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-sizing: border-box;
    color:#686868;
    font-family:Arial,微軟正黑體;
    font-size:88%;
    margin: 0;
    padding: 8px 3% 8px 26px;
    width: 100%;
    }
.email:active, .email:focus {
    background:url("img/login/email.png") #fafafa no-repeat 5px 8px;
    }
.pswd {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;	
    box-sizing: border-box;
    color: #686868;
    font-family:Arial,微軟正黑體;
    font-size: 88%;
    margin: 0 0 4px 0;	
    padding: 8px 3% 8px 26px;
    width: 100%;
    }
.pswd:active, .pswd:focus{
    background: url("img/login/pswd.png") #fafafa no-repeat 5px 8px;
    }
._login_ {
	background: #3e3e3e;
	border: 1px solid #e6e6e6;
	border-radius: 30px;
	box-sizing: border-box;
	color: #fff;
	display: block;
	font-size:99%;
	margin: 4px auto 8px auto;
	padding: 8px 30px;
	text-align: center;
	width: 111px;
	}
._login_:hover { background:#f2f2f2; border:1px solid #e3e3e3;color:#333; cursor:pointer; }
.loader { box-sizing:border-box; padding:4px 0 3px 0; text-align:center; width:100%; }
.help { color:red; display:none; font-size:88%; padding:5px 0; text-align:center; width:100%; }
.msg { color:red; display:none; font-size:88%; padding:5px 0; text-align:center; width:100%; }
._login-fb_ {
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	box-sizing: border-box;
	color:#868686;
	display:block;
	font-size:88%;
	margin:8px 0 8px 0;
	padding: 8px 3% 8px 25px;
	text-align:right;
	width: 100%;
	}
._login-fb_:hover { background:#6085c9; color:#fff; cursor:pointer; }
._login-google_ {
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	box-sizing: border-box;
	color:#868686;
	display:block;
	font-size:88%;
	margin:8px 0 18px 0;
	padding: 8px 3% 8px 25px;
	text-align:right;
	width: 100%;
	}
._login-google_:hover { background:#ea4335; color:#fff; cursor:pointer; }
._reg_ {
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	box-sizing: border-box;
	color:#868686;
	display:block;
	font-size:88%;
	margin:48px 0 8px 0;
	padding: 8px 3%;
	text-align:right;
	width: 100%;
	}
._reg_:hover { background:#529335; color:#fff; cursor:pointer; }
.authtext { border-radius: 5px; margin:0; padding:3px;width:80px; }
._pswdLost_ { color:#868686; font-size:88%; }