|
.meTabList {
font-weight: bold;
color: #000;
}
.meTitle { font-weight:bold; text-align:center; margin-bottom:10px; }
.meIntro { margin-bottom:10px; }
.meMemo { margin-bottom:10px; margin-top:10px; }
.meLine { margin-bottom:20px; margin-top:10px; }
.gap { display:none; }
input { border:1px solid #dcdcdc;}
.mobile .meCSS * { }
.mobile .meCSS { margin-bottom:20px; margin-top:20px;}
.mobile .meCSS .meTitle { font-size: 1.2rem; width:99%; border-bottom:0px solid #888888; }
.mobile .meCSS .meForm .captionTop { display:block; text-align:left; padding:0px; }
.mobile .meCSS .meForm .content { display:block; padding:0px; padding-bottom:10px; }
.mobile .meCSS .meForm .content input { display:block; height:40px; font-size:1.1rem; width:220px; }
.mobile .meCSS .meForm .content select { display:block; height:28px; font-size:1.1rem; width:224px; }
.mobile .meCSS .meForm .detail { display:block; padding:0px; padding-bottom:10px; text-align:right; }
.mobile .meCSS .meForm .detail input { display:block; height:40px; font-size:1.1rem; width:220px; }
.mobile .meCSS .meForm .detail select { display:block; height:28px; font-size:1.1rem; width:224px; }
.mobile .meCSS .meBtn { }
.mobile .meCSS .formButton { font-size:1.1rem; }
.mobile .meCSS .meIntro { font-size: 1rem; text-align:left; }
.mobile .meCSS #meQryRegBtnClose { display:none; }
.mobile .meCSS #ChgPwdSubmitForm .memberid { text-align:center; }
.mobile .chkEmail { display:none; }
.mobile .meCSS .meForm .content input.chkcode { width:110px; }
.mobile .imgChkCode {
padding: 0px;
width: 120px;
height: 44px;
vertical-align: middle;
}
.meForm .captionTop {
padding: 4px;
line-height: 150%;
text-align: right;
vertical-align: middle;
}
.mobile .tdChkCodeRenew { display:none; }
.meForm select {
border: 1px solid #aaaaaa;
background-color: #f3f3f3;
height: 40px;
}
.meForm .header { vertical-align: middle; }
.imgChkCode {
margin: 0 5px;
width: auto;
}
body ul, body li{
/*margin:0;*/
/*padding:0;*/
}
#id_Main{
height:auto;
}
.meCSS {
padding: 60px 50px 60px;
background-color: #fff;
max-width: 600px;
margin: 0 auto;
box-sizing: border-box;
font-size: 14px;
}
.meCSS .meForm captionTop{
vertical-align: middle;
}
.meCSS .meForm input {
width: 100%;
border-radius: 10px;
border-radius: 10px;
background-color: #fff;
vertical-align: middle;
font-size: 15px;
border: 1px solid #ced4da;
height: 60px;
}
.meDesc img {
width: auto;
}
.meCSS .meForm #meLoginFormBtnQryUID,
.meCSS .meForm #tdChkCodeRenew {
display: inline-block;
margin-top: 5px;
white-space: normal;
text-align: center;
}
#LoginForm #meLoginFormBtnQryPWD {
display: none;
}
.meCSS input[type=submit] {
width: 100%;
max-width: 490px;
height: auto;
border: 0;
margin-top: 10px;
border-radius: 5px;
cursor: pointer;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: #17a8be;
color: #fff;
font-size: 18px;
padding: 15px 10px;
transition: .4s;
margin: 0 auto 10px;
}
.meCSS input[type=submit]:hover {
background: #0f6774;
}
.meCSS .meForm #meJoinFormBtn{
display:none;
}
.meCSS #meJoinFormBtn{
margin-top: 20px;
}
.meCSS .meForm input[name=memtelda],.meCSS .meForm input[name=memteld],.meCSS .meForm input[name=memtelde],.meCSS .meForm input[name=memtelna],.meCSS .meForm input[name=memteln],.meCSS .meForm input[name=memtelne]{
width:auto;
}
.meCSS .meBtn{
text-align:center;
}
.meCSS .meIntro{
text-align:center;
}
.meCSS .meDesc{
margin:0 auto;
}
#LoginForm .captionTop, #LoginForm .content {
vertical-align: middle;
}
.nsJoin .captionTop {
padding-top: 20px;
}
td#tdChkCodeImg {
display: inline-block;
}
#LoginForm td#tdChkCodeInp input {
width: 110px;
}
#LoginForm td#tdChkCodeInp input::placeholder {
text-align: left;
}
.meCSS .meForm input::placeholder {
font-size: 15px;
padding-left: 5px;
}
span.spanBtn.meBtn2, input#btnQryRegBack2Home {
display: none;
}
/*修改會員資料按鈕*/
input#btnQryRegRegister {
height: auto;
cursor: pointer;
touch-action: manipulation;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border: 0;
border-radius: 5px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: #17a8be;
color: #fff;
transition: .4s;
margin: 0 auto 10px;
}
input#btnQryRegRegister:hover {
background: #0f6774;
}
/*性別隱藏*/
tr.memsex {
display: none;
}
/*生日隱藏*/
/* tr.membirth {
display: none;
} */
/*地址顯示*/
tr.memaddr {
display: table-row !important;
}
/*=================手機版 開始===================*/
@media (max-width:600px){
#ns_Content {
padding: 0 0px;
}
.meCSS .meForm input, .meCSS .meForm input#userid, #LoginForm input#userpw { width: 98%; }
.imgChkCode {
margin: 0;
}
.meCSS .meForm{
width: 100%;
}
#id_Content .meCSS{
padding: 40px 10px;
}
.meCSS .meForm td{
display:block;
text-align: left; vertical-align: middle;
}
.meCSS .meForm td:nth-child(1) {
display: inline-block;
}
.meCSS .meForm .gap{
display:none;
}
#LoginForm td#tdChkCodeInp input {
width: 150px;
}
#tbChkCode{
width:100%;
}
#tbChkCode td{
display:inline-block;
padding: 0 2px 5px
}
.meCSS input[type=submit] {
max-width: 100%;
}
.meCSS .meForm #tdChkCodeRenew {
text-align: left;
}
span.txt_RenewChkCode.txt_ {
font-size: 1rem;
}
body .meDesc {
width: 100%;
}
.memTab .listTabList .itemTabList:nth-last-child(2) {
border-right: solid 0px #ddd;
}
}
body #ns_Main input[type="checkbox"], body #ns_Main input[type="radio"] {
margin-right: 8px;
vertical-align: middle;
width: auto;
display: inline-block;
}
/*=================手機版 結束===================*/
| |
