body{margin:0px;background:#ededed;}

.main_home_div
{
float:left;width:100%;height:60px;backgroundk:#F90569;position:fixed;background:purple;
}
.position_div{float:left;width:100%;height:60px;margin-bottom:20px;}
.main_log
{
float:left;width:45px;height:45px;line-height:45px;margin-left:2%;margin-top:7.5px;border-radius:50%;background:#fff;text-align:center;	
}
.head_title
{
float:left;width:96%;height:60px;line-height:60px;text-align:center;font-size:1.3em;color:#F50B8E;font-weight:bold;	
}
.main_title
{
float:left;height:60px;line-height:60px;margin-left:1%;font-size:1.3em;font-weight:bold;color:#fff;	
}
.right_home_btn
{
float:right;height:60px;backgroundk:green;margin-right:15px;	
}
.main_home_btn
{
float:left;width:100px;height:30px;margin-top:15px;margin-right:15px;font-size:1em;font-weight:bold;color:#fff;background:transparent;border:0px;cursor:pointer;	
}
.main_home_btn:hover{color:#ccc;}

name_input
.main_container
{
float:left;width:70%;margin-left:15%;backgroundk:#fff;	
}
.sub_title
{
float:left;width:96%;height:50px;line-height:50px;margin-left:2%;margin-bottom:20px;margin-top:20px;text-align:center;backgroundk:green;	
}
.name_input
{
float:left;width:70%;height:45px;line-height:45px;margin-left:15%;margin-bottom:10px;text-align:center;font-size:1em;border:1px solid #ccc;outline:none;border-radius:15px;	
}
.name_detail
{
float:left;width:70%;min-height:100px;line-height:30px;margin-left:15%;margin-bottom:10px;text-align:center;font-size:1em;border:1px solid #ccc;outline:none;border-radius:15px;	
}

.get_mean_btn
{
float:left;width:30%;height:50px;margin-left:35%;margin-top:20px;margin-bottom:20px;font-size:1em;background:lightgreen;color:green;border:3px solid green;border-radius:30px;cursor:pointer;
font-weight:bold;	
}
.get_list_btn{
float:left;width:30%;height:50px;margin-left:35%;margin-top:20px;margin-bottom:20px;font-size:1em;background:lightblue;color:blue;border:3px solid blue;border-radius:30px;cursor:pointer;
font-weight:bold;	
}
.get_celeb_btn{
float:left;width:30%;height:50px;margin-left:35%;margin-top:20px;margin-bottom:20px;font-size:1em;background:pink;color:purple;border:3px solid purple;border-radius:30px;cursor:pointer;
font-weight:bold;	
}
.get_mean_btn:hover{background:#fff;border:3px solid lightgreen;}
.get_list_btn:hover{background:#fff;border:3px solid lightblue;}
.get_celeb_btn:hover{background:#fff;border:3px solid pink;}

.sub_container
{
float:left;width:70%;margin-left:15%;margin-bottom:20px;background:#fff;border:1px solid #ccc;border-radius:15px;	
}

 @media screen and (max-width: 1200px) 
 {
.main_container
{
float:left;width:100%;margin-left:0%;backgroundk:#fff;	
}
.sub_container
{
float:left;width:80%;margin-left:10%;margin-bottom:20px;background:#fff;border:1px solid #ccc;border-radius:15px;	
}	 
 }
 

@media screen and (max-width: 700px) 
{
.main_title{display:none;}

.right_home_btn
{
float:right;height:60px;backgroundk:green;margin-right:0px;	
}
.main_home_btn
{
float:left;width:75px;height:30px;margin-top:15px;margin-right:10px;font-size:1em;font-weight:bold;color:#fff;backgroundk:red;border:0px;cursor:pointer;	
}
.main_container
{
float:left;width:100%;margin-left:0%;backgroundk:#fff;	
}
.sub_container
{
float:left;width:96%;margin-left:2%;margin-bottom:20px;background:#fff;border:1px solid #ccc;border-radius:15px;	
}
.sub_title
{
float:left;width:100%;height:50px;line-height:50px;margin-left:0%;margin-bottom:20px;margin-top:20px;text-align:center;backgroundk:green;font-size:1.3em;	
}

.name_input
{
float:left;width:90%;height:45px;line-height:45px;margin-left:5%;margin-bottomk:2px;text-align:center;font-size:1em;border:1px solid #ccc;outline:none;border-radius:15px;	
}
.get_mean_btn
{
float:left;width:50%;height:50px;margin-left:25%;margin-top:20px;margin-bottom:20px;font-size:1em;background:lightgreen;color:green;border:3px solid green;border-radius:30px;cursor:pointer;
font-weight:bold;	
}
.get_list_btn{
float:left;width:50%;height:50px;margin-left:25%;margin-top:20px;margin-bottom:20px;font-size:1em;background:lightblue;color:blue;border:3px solid blue;border-radius:30px;cursor:pointer;
font-weight:bold;	
}
.get_celeb_btn{
float:left;width:50%;height:50px;margin-left:25%;margin-top:20px;margin-bottom:20px;font-size:1em;background:pink;color:purple;border:3px solid purple;border-radius:30px;cursor:pointer;
font-weight:bold;	
}








}