body{min-width:1200px;margin:0px;background:#ededed;} 
.home_header_area
{
float:left;width:100%;height:50px;background:#CD69E1;position:fixed;	
}
.home_header_postion{float:left;width:100%;height:50px;}

.home_main_title
{
float:left;width:auto;height:30px;line-height:30px;margin-left:1%;margin-top:10px;background:#CD69E1;color:white;text-align:left;font-size:1.2em;font-weight:bold;	
}


.check_sign_in_btn
{
float:left;width:50%;height:50px;line-height:50px;margin-left:25%;margin-top:40px;font-size:1.3em;background:#CD69E1;text-align:center;cursor:pointer;border-radius:10px;
color:#fff;	
}


.member_container
{
float:left;width:90%;height:auto;margin-left:5%;margin-top:10px;background:purple;displayk:none;	
}
.members_title
{
float:left;width:99%;height:40px;line-height:40px;padding-left:10px;background:#B2F8DB;color:#4B4C4C;font-size:1.1em;font-weight:bold;	
}
.single_member_div
{
float:left;width:23.7%;height:400px;margin-top:10px;margin-left:1%;margin-bottom:20px;background:#fff;
}
.single_name_div
{
float:left;width:98%;height:35px;line-height:35px;margin-bottom:2px;padding-left:5px;background:#F1F7F1;color:#656A65;	
}

.close_member_page
{
float:right;width:30px;height:30px;margin-right:8px;margin-top:10px;cursor:pointer;border-radius:10px;border:none;	
}
.close_member_page:hover{background:red;color:white;}



@media screen and (max-width: 700px)
{
body{min-width:100%;margin:0px;background:#ededed;}

.single_member_div
{
float:left;width:98%;height:400px;margin-top:10px;margin-left:1%;margin-bottom:20px;background:#fff;
}


.check_sign_in_btn
{
float:left;width:80%;height:50px;line-height:50px;margin-left:10%;margin-top:40px;font-size:1.3em;background:#CD69E1;text-align:center;cursor:pointer;border-radius:10px;
color:#fff;	
}


}