BODY{
	background: #222;
	text-align: center;
	color: #f7f7f7;
}

#joinBox{
	margin:auto;
	margin-top:20px;
	max-width: 500px;
	text-align: left;	
	padding: 0px 20px 50px 20px;
}

#joinBox .alert{
	padding:10px;
	margin: 0px;
	margin-top: 10px;
	display: none;
}

#joinBox .alert .glyphicon{
	position: relative;
	top:3px;
}

#joinBox .logo{
	text-align: center;
}

#joinBox .form{
	margin-top:20px;	
}

#joinBox TABLE{
	width: 100%;
	table-layout: fixed;
}

#joinBox TABLE TD{
	padding: 5px 0px;	
	
}

/* #joinBox .txt{
	padding: 12px 10px;
	border: solid #dadada 1px;
	width: 100%;
}
 */
#joinBox .txt{
	padding: 12px 10px;
	
	background-color: #000;
    background-image: none;
    
    border: solid #333 1px; 
	width: 100%;
	color: #fff;
}

input:-internal-autofill-selected {
    background-color: rgb(0, 0, 0) !important;
}

#joinBox .ac{
	cursor: pointer;
}

#joinBox .fbox{
	color: #777;
	position: relative;
	z-index: 1;
}

#joinBox .name{
	padding-left: 10px;
	color: #ccc;
}

#joinBox .form2{
	padding: 10px;
	color: #fff;
	background: #333;
	margin-top: 10px;
}

#joinBox .more{
	position: absolute;
	z-index: 1;
	right: 0px;
	top:7px;
	font-size: 13px;
	letter-spacing: -1px;
	color: #999;
	cursor: pointer;
}

#joinBox .inp{
	padding: 5px 0px;
	margin-top: 10px;
	
}

#joinBox .btn-danger{
	width: 100%;
	border-radius:0px;
	padding: 12px 0px;
	font-size: 20px;
}

#joinBox .snsBox{
	text-align: center;
	margin-top: 10px;
}

#joinBox .snsBox .title{
	color: #999;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: -1px;
}

#joinBox .snsBox UL{
	max-width: 280px;
	margin: auto;
}

#joinBox .snsBox LI{
	display: inline-block;
	float: left;
	width: 33%;
	text-align: center;
}

#joinBox .snsBox LI .img{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius:8px;
	overflow: hidden;
	width: 50px;
	margin: auto;
}

#joinBox .snsBox LI .img IMG{
	width: 50px;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius:8px;
	
	cursor: pointer;
}

#joinBox .snsBox LI .img IMG:HOVER{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    transition: 0.2s ease-in;
}
   
#joinBox .snsBox .aname{
	color:#999;
	font-size: 12px;
	padding-top: 5px;
}