* 
{
  margin: 0 auto;
  padding:0;
}

a
{
text-decoration: none; 
color:inherit;
}

ul li 
{
  list-style: none;
}



/*login*/
#bg{
background-image:url("http://onestopmember.co.kr/login/image/hanshake.gif");
background-repeat:no-repeat;
background-position:center;
background-size:100%;
}

#logintitleimg{
margin:9% auto;
width:160px;
}

#login_box
{
margin:-9% auto 5%;
width:340px;
height:340px;
background-color:#fff;
border-radius:10px;
}
#logintitle{
height:50px;
text-align:center;
line-height:65px;
font-size:28px;
color:rgb(100,100,100);
font-weight:500;
}

/*table*/
table 
{
  margin-top:10px;
}

.mem{
text-indent:10px;
margin-top:5px;
border-top:0.5px solid #ccc;
padding-top:8px;
height:40px;
line-height:40px;
}
.mem a:hover 
{
color:#a97c50;
}
#sex{
height:45px;
}


/*button*/

#btn 
{
margin-top:10px;
margin-bottom:10px;
  width:300px;
  height:50px;
  background: skyblue;
  border:none;
  border-radius:5px;
  color:white;
  font-size:16px;
}
#idbtn 
{
margin-left:20px;
margin-top:10px;
margin-bottom:10px;
width:160px;
height:40px;
background: skyblue;
border:none;
border-radius:5px;
color:white;
font-size:16px;
}
#rewrite 
{
margin-left:10px;
margin-bottom:10px;
width:430px;
height:40px;
background-color:#ff3333;
border:none;
border-radius:5px;
color:white;
font-size:16px;
}
#memberin 
{
margin-left:10px;
margin-bottom:10px;
width:430px;
height:40px;
background-color:skyblue;
border:none;
border-radius:5px;
color:white;
font-size:16px;
}


/*select*/
select {
width: 300px;
height:40px;
padding: .9em .5em;
font-size:12px;
border: 1px solid #999;
font-family: inherit;
background: url('arrow.jpg') no-repeat 95% 50%;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

/*radio*/
.checks {position:relative; text-indent:20px;}
.checks input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip:rect(0,0,0,0);  border: 0}
 
.checks input[type="checkbox"] + label {  display: inline-block;  position: relative;  cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;}
.checks input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
content: ' ';  display: inline-block;  width: 21px;  /* 체크박스의 너비를 지정 */  height: 21px;  /* 체크박스의 높이를 지정 */  line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */  margin: -2px 8px 0 0;  text-align: center; 
vertical-align: middle;  background: #fafafa;  border: 1px solid #cacece;  border-radius : 3px;  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.checks input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
content: '\2714';  /* 체크표시 유니코드 사용 */  color: #99a1a7;  text-shadow: 1px 1px #fff;  background: #e9ecee;  border-color: #adb8c0;
box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); font-size:14px; color:red;}






/*input*/
.input{width:600px; height:35px; margin-top:10px; margin-left:20px;}
.email{width:300px; height:35px; margin-top:10px; margin-left:20px;}

.inph 
{
text-indent:30px;
font-size:14px;
border-radius:4px;
margin:5px;
width:300px;
height:35px;
}
#inph1{background: transparent url(http://onestopmember.co.kr/login/image/inputbg.gif) no-repeat;}
#inph2{background: transparent url(http://onestopmember.co.kr/login/image/inputbg2.gif) no-repeat;}


.input_focus   { background: #eee ; color: #000;height:35px;width:300px;
}

/*placeholder*/
input::-webkit-input-placeholder { font-size: 14px; color:#ccc; font-weight:300; text-indent:30px;}
input::-moz-placeholder { font-size: 14px; color:#ccc; font-weight:300; text-indent:30px;}
input:-ms-input-placeholder{ font-size: 14px; color:#ccc; font-weight:300; text-indent:30px;}
input:-moz-placeholder { font-size: 14px; color:#ccc; font-weight:300; text-indent:30px;}
input::placeholder{ font-size: 14px; color:#ccc; font-weight:300; text-indent:30px;}



fieldset{
width:60%;
background-color:white;
}
legend{
font-size:24px;
width:100px;
text-align:center;
color:rgb(100,100,100);
background-color:white;
}
#tablenull{
height:60px;
}