|
#ns_Main { max-width: 320px; }
.meTitle {
font-size: 36px;
color: #000;
font-weight: bolder;
padding-bottom: 10px;
border-bottom: 2px solid #1c1c1c;
text-align: left;
margin:1em 0;/*新增上下寬度 姬乃華*/
}
.meIntro { margin-bottom:10px;}
.meMemo { margin-bottom:10px; margin-top:10px; }
.meLine { margin-bottom:20px; margin-top:10px; border:0;}
.meCSS { font-size: 16px;}
.gap { display:none; }
input { border:1px solid #aaaaaa; border-radius:5px; }
.meForm {
max-width: 100%;
margin: auto;
}
.meForm .captionTop { display:block; text-align: left; color: ##585757; }
.meForm .content { display:block;}
/*.meForm .content select { display:block;}*/
.meForm td { display:block; padding:8px; }
.chkEmail {text-align: right; margin-top:10px;}
.meForm td.gap { display: none; }
.meForm .trMemTelD input[type="edit"] {
width: 100%;
height: 50px;
box-sizing: border-box;
border-radius: 8px;
padding: 10px 10px;
border: 1px solid #e8e8e8;
background: #fff;
font-size: 16px;
color: #8E8E8E;
}
.meForm input[type="edit"], .meForm input[type="text"], .meForm input[type="password"], .meForm select {
height: 50px;
vertical-align: middle;
margin: 0px;
width: 100%;
border-radius: 8px;
padding: 10px 10px;
font-size: 16px;
border: 1px solid #e8e8e8;
}
input[type="submit"], .meForm .formButton {
color: #fff;
width: 100%;
background: #8c1a1a;
padding: 10px 20px;
border-radius: 8px;
font-size: 20px;
border: 0;
display: block;
line-height: 20px;
border-color: transparent;
transition: background-color .3s ease-in-out;
text-transform: uppercase;
font-weight: bolder;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
white-space: nowrap;
user-select: none;
height: 50px;
margin: 0 auto 10px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
input[type="submit"]:hover , .meForm .formButton:hover {background: #5e1a1a;}
#meLoginFormBtn { margin-top: 10px;}
#tbChkCode td{ padding-right: 10px;}
select {
width: 32%;
height: 50px;
box-sizing: border-box;
border-radius: 8px;
padding: 10px 10px;
border: 1px solid #e8e8e8;
background: #fff;
font-size: 16px;
color: #8E8E8E;
}
.divCity select{
width: 28%;
height: 50px;
}
.trMemBirth > td {
display: block;
width: 100%;
}
.trMemBirth select { width: 30.5%;}
.divCity select { width: 30.5%;}
.trProfTy select { width: 100%;}
.trMemAddr div,.trMemTel div { padding-bottom: 10px; }.trMemAddr div:last-child,.trMemTel div:last-child { padding-bottom: 0px; }
.meBtn a , .meForm a { color: #000;}
.meBtn a:hover, .meForm a:hover { color: #b5ae8f;}
.meForm #tbChkCode td {
display: inline-block;
width: auto;
padding: 0 10px 0 0;
}
.meForm #tbChkCode input {
width: 120px;
}
.mobile .meCSS * { }
.mobile .meCSS { margin-bottom:20px; }
.mobile .meCSS .meTitle { width:99%; }
.mobile .meCSS .meForm .captionTop { display:block; text-align:left; padding:0px; }
.mobile .meCSS .meForm .content { display:block; padding:0px; padding-bottom:10px; text-align:left; }
.mobile .meCSS .meForm .detail { display:block; padding:0px; padding-bottom:10px; text-align:left; }
.mobile .meCSS .meBtn { width:99%; padding-top:10px; }
.mobile .meCSS .formButton { box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
width: 100%;
}
/*姬乃華*/
.mobile .meCSS .meIntro { text-align: left; width: 100%; font-size: 14px; }
.mobile .meCSS #meQryRegBtnClose { display:none; }
.mobile .meCSS #ChgPwdSubmitForm .memberid { text-align:center; }
.mobile .chkEmail { display:none; }
.mobile .imgChkCode { height:26px; vertical-align:middle; }
.mobile .tdChkCodeRenew { display:none; }
.mobile .meForm>tbody>tr { width: 100%; }
.meForm .trMemTelN input[type="edit"] {
width: 27%;
height: 50px;
box-sizing: border-box;
border-radius: 8px;
padding: 10px 10px;
border: 1px solid #e8e8e8;
background: #fff;
font-size: 16px;
color: #8E8E8E;
}
.meForm .trMemTelD input[type="edit"] {
width: 27%;
height: 50px;
box-sizing: border-box;
border-radius: 8px;
padding: 10px 10px;
border: 1px solid #e8e8e8;
background: #fff;
font-size: 16px;
color: #8E8E8E;
}
| |
