|
.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; }
.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 #tdChkCodeInp { padding: 0; padding-bottom: 8px; }
.mobile .meCSS .meForm .content input.chkcode { width:60px; }
.mobile .meCSS .fbJoin, .mobile .meCSS .nsJoin {display: block;}
/*自訂css開始-------------------------------------------------------------------------*/
@media (max-width: 700px){
#ns_Main {
padding: 0;
}
}
#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;
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;
}
@media (max-width:358px) {
.tbChkCode tr {
display: flex;
flex-wrap: wrap;
align-items: center;
}
#tdChkCodeInp { display: block; }
#tdChkCodeRenew {display: inline-block; }
.imgChkCode { margin-left: 0; }
}
/*會員登入按鈕*/
.abcRioButtonBlue .abcRioButtonContentWrapper {
border: none
background-color: none;
}
.abcRioButtonBlue, .abcRioButtonBlue:hover {
background-color: #3494fb;
border-radius: 8px;
}
body .abcRioButtonBlue .abcRioButtonIcon {
background-color: #3a93f6;
border-radius: 30px;
}
.abcRioButtonSvg {
display: block;
background-color: #fff;
padding: 3px;
border-radius: 30px;
}
svg[Attributes Style] {
width: 20px;
height: 20px;
}
.abcRioButtonContents {
letter-spacing: 0px;
margin-left: none;
}
@media (max-width:768px) {
.meTitle { font-size: 24px; margin: 30px 0 20px; }
}
/*自訂css結束-------------------------------------------------------------------------*/
| |
