/* BASIC css start */
.memberstate{text-align:center;}

.memberstate form{display:inline-block;*display:inline;*zoom:1;vertical-align:top;margin:0 20px;}

.memberstate .statebox{width:380px;padding:0 40px;margin:0 auto 50px;text-align:left;}

.memberstate .statebox .inputarea {}

.memberstate .statebox .inputarea > ul {}

.memberstate .statebox .inputarea > ul > li{position:relative;margin:3px 0 0 0;font-size:0;}

.memberstate .statebox .inputarea > ul > li:first-child{margin:0;}

.memberstate .statebox .inputarea > ul > li > .ph{position:absolute;top:0px;left:15px;z-index:1;height:50px;line-height:50px;font-size:13px;color:#999;-ms-user-select: none;-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;}

.memberstate .statebox .inputarea > ul > li:hover > .ph,.memberstate .statebox .inputarea > ul > li:focus > .ph,.memberstate .statebox .inputarea > ul > li:active > .ph{color:#333;}

.memberstate .statebox .inputarea > ul > li .dash{position:relative;width:100%;font-size:0;line-height:0;display:block;}

.memberstate .statebox .inputarea > ul > li .dash:before{content:'-';position:absolute;top:0;left:65%;z-index:1;height:50px;line-height:50px;font-size:12px;display:block;}

.xans-member-login h3{margin:0 0 20px 0;text-align:center;}

.xans-member-login .login{}

.xans-member-login .login fieldset{position:relative;width:100%;}

.xans-member-login .login fieldset .id,.xans-member-login .login fieldset .password{overflow:hidden;display:block;width:100%;margin:0 0 4px;}

.xans-member-login .login fieldset .id span,.xans-member-login .login fieldset .password span{height:32px;line-height:32px;padding:0 0 0 8px;color:#c9c9c9;}

.xans-member-login .login fieldset input[type=text],.xans-member-login .login fieldset input[type=password]{width:100%;height:50px;line-height:50px;padding:10px 15px 10px 90px;font-size:13px;}

.xans-member-login .login fieldset .security{padding:0 0 0 5px;margin:20px 0;color:#757575;}

.xans-member-login .login fieldset .security img{vertical-align:middle;}

.xans-member-login .login fieldset > a{margin:10px 0 0 0;display:block;width:100%;border:1px solid #555;}

.xans-member-login .login fieldset .memberlink{border-top:1px solid #ddd;padding:30px 0;}

.xans-member-login .login fieldset .memberlink > ul{text-align:center;}

.xans-member-login .login fieldset .memberlink > ul > li{position:relative;display:inline-block;*display:inline;*zoom:1;margin:0 7px;}

.xans-member-login .login fieldset .memberlink > ul > li:before{position:absolute;content:"";display:block;width:1px;height:11px;background:#ddd;top:2px;left:-7px;}

.xans-member-login .login fieldset .memberlink > ul > li:first-child:before{display:none;}

.xans-member-login .login fieldset .memberlink > ul > li a{display:block;padding:0 3px;color:#333;}

.xans-member-login .login fieldset .memberlink > ul > li a:hover{color:#aaa;}

.xans-member-login .login fieldset .link{position:relative;margin:0 0 20px;}

.xans-member-login .login fieldset .link a{display:block;}

.xans-member-login .login fieldset .link p{position:absolute;top:50%;left:105%;z-index:1;margin:-18px 0 0 0;height:36px;line-height:36px;padding:0 10px;background:#333;border:1px solid #333;border-radius:5px;color:#fff;white-space:nowrap;opacity:0;filter:alpha(opacity=0);-ms-filter:alpha(opacity=0);}

.xans-member-login .login fieldset .link:hover p{opacity:1;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);}

.xans-member-login .login fieldset .snsloginlink{}

.xans-member-login .login fieldset .snsloginlink > ul {}

.xans-member-login .login fieldset .snsloginlink > ul > li{margin:0 0 3px;}

.xans-member-login .login fieldset .snsloginlink > ul > li a{display:block;}

.xans-member-login .login fieldset #noMemberWrap{border-top:0;margin-top:0;}

/* BASIC css end */