body
{
margin:0px;background:#9B002D;	
}
.main_home
{
float:left;min-width:1000px;width:100%;height:60px;background:#9B002D;border-bottom:1px solid #ededed;
}

.main_log
{
float:left;width:50px;height:50px;margin-leftk:30px;border-radius:30px;margin-top:10px;	
}
.main_text_title
{
float:left;line-height:30px;font-size:1.2em;color:#fff;backgroundk:red;margin-top:25px;margin-left:0.5%;margin-right:8%;	
}
.main_home_btn
{
float:left;width:100px;height:40px;color:#fff;font-size:1.2em;margin-left:5px;margin-top:20px;background:transparent;border:transparent;cursor:pointer;	
}
.main_home_btn:hover{color:#ccc;}
.log_in_input_email
{
float:left;width:20%;height:30px;margin-left:15%;margin-top:20px;font-size:1em;border-radius:5px;border:transparent;text-align:center;	
}
.log_in_input_pass
{
float:left;width:15%;height:30px;margin-left:1%;margin-top:20px;font-size:1em;border-radius:5px;border:transparent;text-align:center;	
}
.log_in_btn
{
float:left;width:80px;height:35px;margin-left:6px;margin-right:10px;margin-top:20px;font-size:1.1em;border-radius:10px;color:white;background:transparent;
cursor:pointer;border:transparent;	
}
.login_output
{
float:right;width:20%;height:30px;line-height:30px;margin-left:1%;margin-top:20px;font-size:1em;border-radius:5px;text-align:center;background:#fff;color:red;	
}
.show_create_new_acc_btn{display:none;}

.content_area
{
float:left;width:40%;height:85%;margin-left:30%;background:#fff;margin-top:10px;border-radius:10px;
}

.log_in_title
{
float:left;width:100%;height:30px;line-height:30px;font-size:1.2em;color:#9B002D;backgroundk:red;margin-top:15px;text-align:center;	
}
.name_input
{
float:left;width:60%;height:35px;margin-top:8px;margin-left:20%;color:#5B5B5B;font-size:1.1em;border-radius:10px;border:1px solid #9B002D;text-align:center;	
}
.create_ac_btn
{
float:left;width:30%;height:40px;margin-left:35%;margin-top:20px;margin-bottom:10px;border-radius:10px;font-size:1.1em;cursor:pointer;color:#9B002D;	
}



@media screen and (max-width: 700px) {

.main_home
{
float:left;min-width:100%;width:100%;height:auto;background:#9B002D;border-bottom:0px solid #ededed;
}

.log_in_input_email
{
float:left;width:80%;height:35px;margin-left:10%;margin-top:20%;font-size:1em;border-radius:5px;border:transparent;text-align:center;	
}
.log_in_input_pass
{
float:left;width:80%;height:35px;margin-left:10%;margin-top:20px;font-size:1em;border-radius:5px;border:transparent;text-align:center;	
}
.log_in_btn
{
float:left;width:50%;height:35px;margin-left:25%;margin-right:10px;margin-top:30px;font-size:1.1em;border-radius:10px;color:white;background:transparent;
cursor:pointer;border:1px solid #fff;margin-bottom:10px;	
}
.login_output
{
float:left;width:98%;height:30px;line-height:30px;margin-left:1%;margin-top:20px;font-size:1em;border-radius:5px;text-align:center;background:transparent;color:red;	
}
.show_create_new_acc_btn
{
float:left;display:block;width:50%;height:35px;margin-left:25%;margin-right:10px;margin-top:30px;font-size:1.1em;border-radius:10px;color:white;background:transparent;
cursor:pointer;border:1px solid #fff;margin-bottom:10px;	
}

.content_area
{
float:left;width:96%;height:auto;margin-left:2%;background:white;margin-top:10px;border-radius:10px;display:none;
}


.log_in_title
{
float:left;width:100%;height:30px;line-height:30px;font-size:1.2em;color:#9B002D;backgroundk:red;margin-top:15px;text-align:center;	
}
.name_input
{
float:left;width:80%;height:35px;margin-top:8px;margin-left:10%;color:#5B5B5B;font-size:1.1em;border-radius:10px;border:1px solid #9B002D;text-align:center;	
}



}