|
.meTitle {
font-size: 15px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.meForm {
width: auto;
margin: 0 auto;
}
.meIntro {
margin-bottom: 10px;
}
.meMemo {
margin-bottom: 10px;
margin-top: 10px;
}
.meLine {
margin-bottom: 20px;
margin-top: 10px;
border: unset;
}
.gap {
display: none;
}
input {
border: 1px solid #aaaaaa;
border-radius: 5px;
}
.mobile .meCSS * {
font-size: 16px;
}
.mobile .meCSS {
margin-bottom: 20px;
}
.mobile .meCSS .meTitle {
width: 99%;
border-bottom: 2px solid #888888;
}
.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 .content input {
display: block;
height: 24px;
font-size: 16px;
max-width: 270px;
}
.mobile .meForm .trMemSex .content {
display: flex;
align-items: center;
}
.mobile .meCSS .meForm .content select {
display: block;
height: 32px;
font-size: 16px;
width: fit-content;
padding: 2px 15px;
}
.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: 16px;
max-width: 270px;
}
.mobile .meCSS .meForm .detail select {
display: block;
height: 28px;
font-size: 20px;
width: 224px;
}
.mobile .meCSS .meBtn {
width: 99%;
border-top: 2px solid #888888;
padding-top: 10px;
}
span.spanBtn.meBtn2, input#btnQryRegBack2Home {
display: none;
}
.mobile .meCSS .formButton {
font-size: 20px;
}
.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;
}
.mobile .imgChkCode {
height: 26px;
vertical-align: middle;
}
.mobile .tdChkCodeRenew {
display: none;
}
body .meCSS {
width: 100%;
max-width: 600px;
margin: 50px auto;
display: block;
}
body:is(.phpQryReg) .meCSS {
padding: 60px 50px 60px;
background-color: #fff;
max-width: 600px;
margin: 0 auto;
box-sizing: border-box;
font-size: 14px;
}
body .meCSS * {
font-size: 15px;
}
.meCSS .meTitle {
font-size: 15px;
font-weight: bold;
text-align: center;
display: block;
padding-bottom: 10px;
margin: 0px auto 15px auto;
border-bottom: 2px solid #cccccc;
}
body .meCSS .meForm {
border: 0px;
margin: 15px 0px;
width: auto;
padding: 0 16px;
}
body .meCSS .meForm td {
vertical-align: middle;
border: 0px;
padding-bottom: 4px;
}
body .meCSS input {
padding: 5px;
margin: 5px;
}
.meCSS .tbChkCode > tbody > tr {
display: flex;
}
body .meCSS #imgChkCode {
height: 37px;
}
.meCSS .txt_RenewChkCode {
display: flex;
height: 37px;
align-items: center;
margin-left: 10px;
}
body .meCSS input.formButton {
padding: 7px 20px;
font-weight: bold;
background: #ffffff;
color: #bf1f2e;
border: 1px solid #bf1f2d;
border-radius: 35px;
margin: 10px;
cursor: pointer;
}
body .meCSS input.formButton:hover {
background: #bf1f2d;
color: #fff;
border: 1px solid #bf1f2d;
}
.meForm0.tbChkCode {
width: auto;
}
body .nsLogin {
margin-bottom: 30px;
}
.oxLogin {
margin: 15px auto;
margin-bottom: 20px;
}
.fbIntro {
margin-top: 20px;
}
.fbLogin {
background: #3b589e;
border-bottom: 2px solid #2a478d;
color: #ffffff;
font-size: 15px;
font-weight: bold;
padding: 10px;
border-radius: 4px;
cursor: pointer;
width: 45%;
float: left;
white-space: nowrap;
}
.fbLogin:hover {
background: #4c69af;
}
.gpIntro {
margin-top: 20px;
}
.gpLogin {
background: #d74634;
border-bottom: 2px solid #c63523;
color: #ffffff;
font-weight: bold;
padding: 10px;
border-radius: 4px;
cursor: pointer;
width: 45%;
float: right;
white-space: nowrap;
}
.gpLogin:hover {
background: #e85745;
}
#oxLoginMemo {
clear: both;
}
@media all and (max-width: 799px) {
.fbLogin,
.gpLogin {
width: 80%;
float: none;
}
}
@media all and (max-width: 599px) {
body .meCSS {
padding-right: 0%;
margin: 20px auto;
}
body .meCSS .meTitle {
width: 95%;
}
body .meCSS .meForm td {
display: block;
text-align: left;
}
body .meCSS .meForm td.header {
text-align: left !important;
margin-top: 15px;
}
body .meCSS .meForm td a {
display: block;
text-align: right;
}
body .meCSS .meForm td .meForm0 td {
display: table-cell;
}
.oxLogin {
width: 95%;
}
}
html body.fr .meCSS .meForm td a {
display: block;
text-align: left;
width: 100%;
white-space: break-spaces;
margin-bottom: 10px;
}
html body.fr .meCSS .meForm td .meForm0 td {
display: block;
}
html body.fr .meCSS .meForm td a {
display: block;
text-align: left;
white-space: break-spaces;
width: 100%;
margin-bottom: 15px;
}
html body.fr .meCSS .meForm td .meForm0 td {
display: block;
text-align: left;
}
.meErr {
font-size: 13px;
font-weight: bold;
color: #a00000;
}
#idCouponDesc {
max-width: 400px;
margin: 0 auto;
}
body.phpRegForm .meCSS .meForm td {
text-align: left !important;
}
* {
line-height: 150%;
}
body .meCSS form input {
height: auto;
border-radius: 0;
margin: 0;
min-height: 37px;
}
.cFloatLeft {
}
.cFloatLeft {
float: left;
margin: 20px;
margin-right: 30px;
}
.cFloatLeft .meMsg_MsgBlk .meMsg_MsgTitle {
font-size: 20px;
font-weight: bold;
white-space: nowrap;
}
.cFloatLeft .meMsg_MsgList {
margin-top: 15px;
margin-left: 15px;
}
.cFloatLeft .meMsg_MsgList .meMsg_ItemTitle {
}
.cFloatLeft .meMsg_MsgList .meMsg_MsgSpot {
color: #880000;
font-weight: bold;
}
.meCSS {
display: none;
}
.jp .cFloatLeft .meMsg_MsgList {
margin-left: 0;
}
/* .jp .cFloatLeft .meMsg_MsgList .meMsg_MsgSpot {
display: none;
} */
@media (max-width: 700px) {
.phpQryPwd .meDesc {
padding: 0 20px 0 30px;
}
}
@media screen and (max-width: 450px) {
body .meCSS form input {
max-width: 270px;
}
}
| 
