/* login.css */
/*
 * The 'u' represents up
 * The 'd' represents down
 * The 'r' represents register
 * The 'c' represents content
 */
.r_background{
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom right, #FFFFFF, #DEF3A2);
	position: absolute;
}

/*
 * The 'c' represents content
 * The 't' represents title
 */
.r_c{
	margin-top: 2%;
	margin-left: 15%;
	width: 70%;
	height: 90%;
	position: absolute;
	box-shadow: 4px 4px 10px #A7CE39,-4px -4px 10px #A7CE39;
	border-radius: 20px 20px 20px 20px;
}
.r_c_logo{
	width: 100%;
	height: 10%;
	font-size: 1.8vw;
}
.r_c_logo img{
	width: 10%;
	height: 90%;
}
.r_c_t{
	margin-top: 1%;
	width: 100%;
	height: 3%;
	font-size: 1.2vw;
}
.r_c_t a{
	color: #000000;
}
.r_c_t a:hover{
	color: #A7CE39;
}
.r_c_t div:nth-child(1){
	width: 56%;
	margin-left: 4%;
	height: 100%;
	float: left;
}
.r_c_t div:nth-child(2){
	width: 20%;
	margin-right: 6%;
	height: 100%;
	text-align: right;
	float: left;
}
.r_c_c{
	width: 100%;
	height: 50%;
	margin-top: 4%;
}
.r_c_c ul{
	list-style: none;
	padding: 0 0;
	margin:0 0;
	width: 100%;
	height: 100%;
}
.r_c_c ul li{
	list-style: none;
	padding: 0 0;
	margin:0 0;
	width: 100%;
	height: 14%;
	font-size: 1.2vw;
}
/*
 * The 'l' represents left
 * The 're' represents right
 */
.r_c_c_l{
	width: 20%;
	height: 100%;
	float: left;
}
.r_c_c_re{
	width: 78%;
	height: 100%;
	margin-left: 0.6%;
	float: left;
}
.r_c_c div ul li:last-child{
	width: 100%;
	height: 8%;
}
.r_c_c input{
	width: 50%;
	height: 60%;
	border: 0;
	padding: 0 0;
	outline-color: #A7CE39;
	letter-spacing: 1px;
	font-size:1.4vw;
	border: 0.1px solid #CCCCCC;
}
.r_c_c input:focus{
	background-color: #F1F1F1;
}

#check_num{
	width: 100%;
	height: 100%;
}
.r_c_c_re div:nth-child(1){
	width: 20%;
	height: 96%;
	margin-right: 1%;
	float: left;
}
.r_c_c_re div:nth-child(2){
	width: 10%;
	height: 90%;
	float: left;
}
.r_c_c_re span{
	color: #FF0000;
}
.r_c_c_re canvas{
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}
.r_c_c_re label{
	display: none;
}
/*
 * The 's' represents submit
 */
.r_c_c_s{
	width: 52%;
	height: 10%;
	margin-left: 24%;
}
#submit{
	width: 60%;
	height: 60%;
	outline: none;
	border-radius: 8px 8px 8px 8px;
	font-size: 1.4vw;
	color: #FFFFFF;
	box-shadow: 2px 2px 6px #A7CE39, -2px -2px 6px #A7CE39;
	font-weight: 600;
}
.submit{
	background-color: #A7CE39;
}