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

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

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

#loginBox .ifmsg{
	text-align: center;
	color: #f7f7f7;
}

#loginBox .loginfd{
	margin-top:20px;
}

#loginBox .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;
}
    
#loginBox .ac{
	cursor: pointer;
}

#loginBox .loginfd .inp{
	padding: 5px 0px;
	clear: both;
	
}

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

#loginBox .chkbox{
	font-size: 15px;
	letter-spacing: -1px;
	color: #999;
	padding: 5px 0px;
}

#loginBox .chkbox .left{
	float: left;
	width: 50%;	
}

#loginBox .chkbox .right{
	float: left;
	width: 50%;	
}

#loginBox .chkbox .name{
	position: relative;
	left:5px;
	top:2px;
}

#loginBox .msg{
	font-size: 12px;
	padding: 10px;
	color: #999;
	background: #000;
	letter-spacing: -1px;
}

#loginBox .msg .glyphicon{
	position: relative;
	top:2px;
}

#loginBox .etc{
	text-align: center;
	padding: 10px 0px;
	color: #999;
	letter-spacing: -1px;
	border-top: solid #444 1px;
	border-bottom: solid #444 1px;
	margin-top: 20px;
}

#loginBox .etc span{
	padding: 0px 8px;
	color: #555;
}

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

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

#loginBox .snsBox UL{
	max-width: 300px;
	margin: auto; 
}

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

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

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

#loginBox .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;
}
   
#loginBox .snsBox .aname{
	color:#999;
	font-size: 12px;
	padding-top: 5px;
}