|
.meTitle { font-size:15px; 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 #aaaaaa;}
.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:20px; width:220px; }
.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:2px solid #888888; padding-top:10px; }
.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; }
.imgChkCode {
margin: 0 5px;
}
body ul, body li{
margin:0;
padding:0;
}
#ns_Main{
height: 855px;
background-size: cover;
background-image: url(https://comet.noonspace.com/w58NoonSpace/ifancy/MsgInfo/bgWoman.jpg);
background-position: center;
}
#id_Main{
height:auto;
}
#id_Content .meCSS{
padding: 60px;
background-color: white;
max-width: 510px;
margin: 0 auto;
box-sizing: border-box;
font-size:14px;
}
.meCSS .meForm captionTop{
vertical-align: middle;
}
.meCSS .meForm input{
//width: 100%;
height: auto;
padding: 12px 4px 13px;
border-radius: unset;
background-color: #f3f3f3;
vertical-align: middle;
box-sizing: content-box;
}
.meCSS .meForm input#userid, #LoginForm input#userpw{
//max-width: 310px;
}
.meCSS .meForm #meLoginFormBtnQryUID, #LoginForm #meLoginFormBtnQryPWD,
.meCSS .meForm #tdChkCodeRenew {
display: block;
margin-top: 5px;
}
.meCSS input[type=submit]{
width: 100%;
height: 40px;
background-color: #7a3d5c;
color: white;
font-size: 16px;
max-width: 262px;
//float: right;
//margin-right: 3px;
}
.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;
}
@media (max-width:600px){
.meCSS .meForm input, .meCSS .meForm input#userid, #LoginForm input#userpw { width: 97%;}
.imgChkCode {
margin: 0;
}
.meCSS .meForm{
width: 100%;
}
#id_Content .meCSS{
padding: 40px 10px;
}
.meCSS .meForm td{
display:block;
text-align: left;
}
.meCSS .meForm td:nth-child(1) {
display: inline-block;
}
.meCSS .meForm .gap{
display:none;
}
#tbChkCode{
width:100%;
}
#tbChkCode td{
display:block;
padding: 0 2px 5px
}
}
| |