html { margin-top: unset; transition: all 0.9s linear; } body #ns_Wrapper { background-color: transparent; } #id_Header { display: none; } #id_Content { /* padding-left: 20px; */ /* padding-right: 20px; */ position: absolute; top: 0; right: 0; font-size: 20px; font-weight: bold; color: #c0bdbd; background: rgba(255, 255, 255, 0.7); width: 100%; max-width: 570px; height: 100%; padding-top: 50px; } #meTitle { font-size:22px; color:#131313; display:block; font-weight:bold; text-align:center; margin-bottom:10px; } input#userid { } input#chkcode { width: 100px; border-radius: 35px; } body .meQry { font-size: 16px; font-weight: bold; color: #000000; } .meIntro { margin-bottom:10px; } .meMemo { margin-bottom:10px; margin-top:10px; } body .meLine { margin-bottom:0px; margin-top:0px; border: 1px solid #ffffff; } .gap { display:none; } body .meForm input { font-size: 14px; border: 0px solid #aaaaaa; border-radius: 35px; height: 25px; padding: 5px 15px; } body .meCSS{ font-size:16px; color: #131313;} body .meCSS a { color: #fff; font-size: 14px; font-weight: normal; } body .meCSS .meForm .captionTop { padding: 4px; line-height: 150%; text-align: left; color: #131313; font-weight: normal; margin: 0px 15px; vertical-align: top; text-align: right; } .mobile .meCSS { } .mobile .meCSS .meTitle { width:99%; border-bottom:0px solid #888888; } .mobile .meCSS .meForm .content { display:block; padding:0px; padding-bottom:10px; text-align:right; } .mobile .meCSS .meForm .content input { display:block; height:24px; font-size:20px; width:220px; padding: 8px 15px;} .mobile .meCSS .meForm .content select { display:block; height:28px; font-size:20px; width:224px; } .mobile .meCSS .meForm .detail { display:block; padding:0px; padding-bottom:10px; text-align:right; } .mobile .meCSS .meForm .detail input { display:block; height:24px; font-size:20px; width:220px; } .mobile .meCSS .meForm .detail select { display:block; height:28px; font-size:20px; width:224px; } .mobile .meCSS .meBtn { width:99%; border-top:0px solid #888888; padding-top:10px; } .mobile .meCSS .formButton { -webkit-appearance: none; padding: 10px 20px; border-radius: 25px; border: 1px solid #77C11F; font-size: 14px; font-weight: bold; color: #FFF; background: #77C11F; height: auto; cursor: pointer; } .mobile .meCSS .formButton:hover { background-color: #75FFC0; border: 1px solid #75FFC0; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -o-transition: all .2s linear; } .mobile .meCSS .meIntro { text-align:center; 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; } .mobile .imgChkCode { height:34px; vertical-align:middle; border: 1px solid #ffffff;} .mobile .tdChkCodeRenew { display:none; } /*驗證碼 設定*/ body input#chkcode { width: 150px; border-radius: 4px; text-align: left; } body input#chkcode::placeholder { text-align: left; } body .imgChkCode { border: 1px solid #888888; margin: 3px 5px 3px; } body #tdChkCodeImg { vertical-align: middle; display: inline-block; margin-left: 0; } body.mobile .tdChkCodeRenew { display: block; } body .tdChkCodeRenew a, body.mobile .tdChkCodeRenew a { color: #fff; } body input[type="submit"], body.mobile .meCSS .formButton { position: relative; display: block; width: 100%; background-color: #3494fb; padding: 16px; border-radius: 7px; font-size: 20px; line-height: 20px; color: #fff; border-color: transparent; transition: background-color .3s ease-in-out; text-transform: uppercase; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; user-select: none; } body input[type="submit"]:hover { background-color: #3494fb; border-color: transparent; } body input[type="submit"]:after { content: '\f061'; font-family: FontAwesome; position: absolute; right: 22px; transition: right .3s ease-in-out; } body input[type="submit"]:hover:after { right: 14px; } .txt_QryUID.txt_ { display: none; } #tdChkCodeImg{ vertical-align: middle; display:inline; margin-left:15px; } /*=================手機版 開始===================*/ @media (max-width: 480px) { body .meForm td{ padding: 0px; line-height: 150%; text-align: left; display: block; vertical-align: top; padding-bottom: 8px; } .gap{ display:none; } body .meCSS .meForm .captionTop { text-align: left; } } /*=================手機版 結束===================*/ body .meErr { font-size: 14px; font-weight: bold; color: #C74060; }
@media all and (max-width:600px) { .tbLogin .nsLogin , .tbLogin .fbLogin { display:block; width:100%; } }