/* BASIC css start */
@font-face{font-family:timesi; src:url(/design/lusida/lusida0326/timesi_0.eot);}
@font-face{font-family:timesi; src:url(/design/lusida/lusida0326/timesi_0.ttf);} 

#loginWrap .page-head { width: 100%; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 50%; }#loginWrap .page-head .hd-bg { width: 700x; background-color: #fff; }
#loginWrap .page-body { width: 700x; margin: 120px auto 240px auto ; height: 532px; }
#loginWrap .mlog-sign { zoom: 1; width: 700px; }
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign { float: left; }

.page-lotit{background: url(id.gif) 0% 100% no-repeat; border-bottom:solid 1px #999; width:800px; height:40px; margin:0px 0px 30px 0px; text-align: center; font-family:timesi; font-size: 24px; color: #333; line-height: 24px; text-transform:uppercase;}

/* mlog-sign */
#loginWrap .frm-list { position: absolute; left: 0px; top: 0px; height: 262px; }
#loginWrap .frm-list li,
#loginWrap .frm-list li label,
#loginWrap .frm-list li .txt-frm { float: left; }
#loginWrap .frm-list li { width: 100%; }
#loginWrap .frm-list li .txt-frm { width: 245px; height: 32px; line-height: 30px; margin-right: 0px;  border: 0;  border:1px solid #999999;  padding:0px 0px 0px 60px; background:#ffffff url(/design/lusida/lusida0326/id.gif) 0% 100% no-repeat; }
#loginWrap .frm-list li .txt-frm2 { width: 245px; height: 32px; line-height: 30px; margin-right: 0px;  border: 0;  border:1px solid #999999; padding:0px 0px 0px 60px; background:#ffffff url(/design/lusida/lusida0326/pw.gif) 0% 100% no-repeat; }

/* member login */
#loginWrap .mlog { position: relative; width: 300px; height: 100px; margin-top: 10px; margin-right: 0px; }
#loginWrap .mlog .frm-list li label { width: 50px; line-height: 21px; font-size: 11px; letter-spacing: -1px; font-weight: bold; }
#loginWrap .mlog .frm-list li { margin-bottom: 10px; }
#loginWrap .mlog .btn-mlog { position: absolute; left: 0px; top: 120px; }
#loginWrap .mlog .security { position: absolute; left: 0px; top: 173px; }

/* sign up */
#loginWrap .sign {  position:relative; top:140px; width: 800px; height: 100px;  border-top:solid 1px #999; border-bottom:solid 1px #999; padding:20px 0px 20px 0px; }

#loginWrap .sign .frm-list li { margin-bottom: 4px; text-align: left; }
ul.frm-list li{float:left;}



#loginWrap .frm-list li .txt-frm3 { width: 245px; height: 32px; line-height: 30px; margin-right: 0px;  border: 0;  border:1px solid #999999;  padding:0px 0px 0px 60px; background:#ffffff url(/design/lusida/lusida0326/no-nam.gif) 0% 100% no-repeat; }
#loginWrap .frm-list li .txt-frm4 { width: 245px; height: 32px; line-height: 30px; margin-right: 0px;  border: 0;  border:1px solid #999999; padding:0px 0px 0px 60px; background:#ffffff url(/design/lusida/lusida0326/no-no.gif) 0% 100% no-repeat; }

/* nonmember login */
#loginWrap .nmlog { position: relative; height: 100px; margin-top: -60px; margin-left: 0px; text-align: left; }
#loginWrap .nmlog .frm-list { position: absolute; left: 60px; top: 0px; width: 350px; }
#loginWrap .nmlog .frm-list li label { width: 50px; line-height: 21px; font-size: 11px; letter-spacing: -1px; font-weight: bold; }
#loginWrap .nmlog .frm-list li { margin-bottom: 10px; }

#loginWrap .nmlog .dsc{position: relative; height: 60px; margin-top: 50px; margin-left: 0px;}

#loginWrap .nmlog .btn-nmorder { left: 0px;  }


     .login-001{width:350px; height:150px;  float:left;}      
     .login-002{width:350px; height:150px;  float:left;}
/* BASIC css end */