|
.meForm { width: 100%; }
.meTitle { color: #333f48; font-size: 36px; line-height: 130%; font-weight:bold; text-align:center; margin:30px 0; }
.meCSS { font-size:16px; }
.meIntro { margin-bottom:10px; }
.meMemo { margin-bottom:10px; margin-top:10px; }
.meLine { margin-bottom:0px; margin-top:10px; width: 100%; }
.meDesc { width: 100%; }
.gap { display:none; }
.meDesc td { padding: 2px 0; }
.meForm input, input {
padding: 8px 16px;
height: 48px;
box-shadow: none;
display: block;
width: 100%;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
input[type="button"], input[type="submit"] {
display: block;
width: 100%; max-width: 300px;
background-color: #3494fb;
border: 0; margin-bottom: 20px;
padding: 16px;
border-radius: 7px;
font-size: 20px;
line-height: 20px;
color: #fff;
transition: background-color .3s ease-in-out;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
user-select: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
input[type="button"]:hover, input[type="submit"]:hover { background-color: #3494fb; border: 0; }
.mobile .meCSS * { font-size:16px; }
.mobile .meCSS { margin-bottom: 20px; }
.mobile .meCSS .meForm .captionTop { display:block; text-align:left; padding:0px; display: none; }
.mobile .meCSS .meForm .content { display:block; padding:0px; padding-bottom:10px; text-align:right; }
.mobile .meCSS .meForm .detail { display:block; padding:0px; padding-bottom:10px; text-align:right; }
.mobile .meCSS .meForm .detail input { display:block; height:24px; width:220px; }
.mobile .meCSS .meForm .detail select { display:block; height:28px; width:224px; }
.mobile .meCSS .meBtn { width:100%; }
.mobile .meCSS .formButton { }
.mobile .meCSS .meIntro { text-align:left; width:90%; }
.mobile .meCSS #meQryRegBtnClose { display:none; }
.mobile .meCSS #ChgPwdSubmitForm .memberid { text-align:center; }
.mobile .chkEmail { display:none; }
.mobile .meCSS .meForm .content input.chkcode { width:60px; }
/*自訂css開始-------------------------------------------------------------------------*/
#meContent, .meCSS { max-width: 550px; margin: 0 auto; }
#meDescTitle {
font-size: 20px;
margin-bottom: 0;
}
.phpLoginForm .meForm .captionTop, .phpChgPwdForm .meForm .captionTop, .phpChgPwdSubmit .meForm .captionTop { display: none; }
/*忘記帳號 設定*/
#meLoginFormBtnQryUID { display: none; }
/*忘記密碼 設定*/
#meLoginFormBtnQryPWD {
font-weight: 400;
color: #333f48;
text-decoration: none;
padding: 10px 15px 0;
display: block;
}
/*驗證碼 設定*/
input#chkcode {
width: 150px;
border-radius: 4px;
text-align: left;
}
input#chkcode::placeholder {
text-align: left;
}
.imgChkCode {
border: 1px solid #888888;
margin: 3px 5px 3px;
}
#tdChkCodeImg {
vertical-align: middle;
display: inline-block;
margin-left: 0;
}
.tdChkCodeRenew a, .mobile .tdChkCodeRenew a { color: #333f48; }
@media (max-width:700px) {
.meTitle { font-size: 24px; margin: 30px 0 20px; }
}
/*自訂css結束-------------------------------------------------------------------------*/
| |