/*popArea*/
.blackLayer{
    position: fixed;
    width:100%;
    height:100%;
    z-index:1000;
    left:0;
    top:0;
    background:rgba(0,0,0,0.5);
    display:none;
}
.popLayer{
    position: fixed;
    width:100%;
    height:100%;
    z-index:1001;
    left:0;
    top:0;
    display:none;
}
.memLoginBox{
    max-width: 600px;
    margin:0 auto;
    padding:15px;
    border:5px solid #78a1ff;
    background-color:#fff;
    font:normal 100%/1.4 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
    position: relative;
}
.memLoginBox .closeBtx{
    display:block;
    width:24px;
    height: 24px;
    position: absolute;
    z-index: 2;
    background:url(../img/closeBtn.png) left top no-repeat;
    background-size: cover;
    cursor: pointer;
    right:0;
    top:0;
    margin:-10px -10px 0 0;
}

#mktEvent .row{
	margin:0 auto;
	padding:0;
}

.signin{
	margin:0 auto;
	padding:0;
	font:normal 100%/1.4 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
}

.signin h3{
	 font:normal 160%/1.4 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
	 color:#333;
	 text-align: center;
	 margin:0 auto 15px;
	 padding:0;
	 background:url(../img/splineBg.jpg) left center repeat-x;
}
.signin h3 b{
	 font:normal 100%/1.4 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
	 padding:0 5px;
	 background-color:#fff;
}
.signin #memLoginForm{
	display:block;
	margin:0 auto;
	padding:0;
}
.signin #memLoginForm dl{
	display:block;
	margin:0 auto;
	text-align: center;
	vertical-align: middle;
	font:normal 100%/1.4 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
}
.signin #memLoginForm dl dt{
	display: inline-block;
	width:15%;
	font:normal 100%/1.4 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
	color:#333;
	margin:0;
	text-align: right;
	margin:0 0 10px 0;
}
.signin #memLoginForm dl dt label{
	font:normal 120%/1.8 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
	color:#333;	
}
.signin #memLoginForm dl dd{
	display: inline-block;
	width:75%;
	font:normal 100%/1.4 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
	color:#333;
	text-align: left;
	margin:0 0 10px 0;
}
.signin #memLoginForm dl dd input[type=text],
.signin #memLoginForm dl dd input[type=password]{
	border:1px solid #d8d8d8;
	font:normal 120%/1.8 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
	color:#333;	
	display:inline-block;	
	padding: 5px;
	box-sizing: border-box;
}

#personId,#password{
	width:80%;
}
.submitter{
	display: inline-block;
	width:100%;
	vertical-align: middle;

}
#submitBtn{
	display: inline-block;
    font:normal 16px/1 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
    color:#fff;
    background-color:#3e79ff;
    border-radius:3px;
    margin: 0 auto;
    padding:12px 3em;
    border:1px solid #81a8ff;
    box-shadow: 0 2px 0 #ccc;
    cursor:pointer;
    text-decoration: none;
    box-sizing: border-box;
}
#validImg{
	vertical-align: middle;
}
.submitter .sign-help{
	display: inline-block;
	font:normal 100%/1.4 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
}
.submitter .sign-help .fgtPw,
.submitter .sign-help .joinMem,
#memLoginForm dl dd .refresh{
	font:normal 100%/1.4 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
	color:#3e79ff;
	padding:0 0 0 4px;
	text-decoration: underline;
}
.submitter .sign-help .joinMem{
	border-left:1px solid #ddd;
}

#mktMsg{
	font:normal 124%/1.4 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
	color:#666;	
}
@media screen and (min-width: 690px) and (max-width: 799px) {
.memLoginBox{
    max-width: 600px;
    padding:15px;
}
}

@media screen and (min-width: 575px) and (max-width: 689px) {
.memLoginBox{
    max-width: 90%;
    padding:15px;
}
}

@media screen and (max-width: 574px) {
.memLoginBox{
    max-width: 90%;
    padding:8px;
}
.signin #memLoginForm dl{
	font:normal 90%/1.4 Arial,"微軟正黑體", "Microsoft JhengHei",sans-serif;
}
.signin #memLoginForm dl dt{
	display: block;
	width:100%;
	text-align: left;
	margin:0 0 2px 0;
}
.signin #memLoginForm dl dd{
	display: block;
	width:100%;
	margin:0 0 10px 0;
}
#personId,#password{
	width:96%;
}
#submitBtn{
	width:100%;
	display: block;
    margin: 0 auto 8px;
}
.submitter .sign-help{
	display: block;
	text-align: center;
}
}