body{margin:0px;backgroundk:#F4F3F1;background:#F9EAF4;}
input {border:0;outline:0;}
input:focus {outline:none!important;}

.main_home
{
/*float:left;width:100%;height:60px;margin-bottom:50px;background:#fff;border-bottom:1px solid #ccc;*/
float:left;width:100%;height:60px;background:#fff;border-bottom:1px solid #ccc;position: -webkit-sticky;position:sticky;top:0px;
margin-bottom:30px;	
}
.st_head_btn
{
float:right;width:60px;height:30px;margin-right:3%;margin-top:15px;background:#fff;color:#033AAA;border:none;border-radius:6px;cursor:pointer;
font-size:16px;font-weight:bold;	
}
.st_head_btn:hover{background:#ededed;}


.login_acc_title
{
float:left;width:80%;height:50px;line-height:50px;margin-left:10%;margin-top:30px;margin-bottom:30px;font-size:1.4em;	
}
.login_lebal
{
float:left;width:70%;height:30px;line-height:30px;margin-left:10%;margin-bottomk:18px;font-size:1em;padding-left:2%;borderk:1px solid #ccc;color:#505252;border-radius:5px;	
}
.sel_category
{
float:left;width:80%;height:40px;line-height:40px;margin-left:10%;margin-bottom:18px;font-size:1em;padding-left:2%;border:1px solid #ccc;color:#505252;border-radius:5px;
}


.login_output
{
float:left;width:80%;height:35px;line-height:35px;margin-left:10%;margin-bottom:10px;font-size:1.1em;backgroundk:green;text-align:center;color:red;
	
}

.new_blog_error_output
{
float:left;width:80%;height:35px;line-height:35px;margin-left:10%;margin-bottom:10px;font-size:1.1em;backgroundk:green;text-align:center;color:red;
	
}



.main_close_btn
{
float:left;width:50px;height:50px;margin-left:2%;margin-top:50px;border-radius:50%;background:#fff;color:red;cursor:pointer;
font-size:1.2em;	
}
.studio_title
{
float:left;width:80%;height:50px;line-height:50px;margin-left:10%;margin-top:30px;margin-bottom:30px;font-size:2em;
font-family:Arial, sans-serif;	
}
.create_studio_div
{
float:left;width:50%;min-height:200px;height:auto;margin-left:25%;margin-top:5%;border:1px solid #ccc;	backgroundk:red;border-radius:5px;margin-bottom:40px;	
}
.studio_create_btn
{
float:right;width:160px;height:45px;margin-right:10%;margin-top:5px;margin-bottom:15px;font-size:1em;cursor:pointer;color:#fff;
border:transparent;border-radius:5px;outline:none;background:#C60872;font-weight:bold;	
}
.studio_create_btn:hover{color:#59ADEF;}




.add_category_div
{
float:left;width:50%;min-height:200px;height:auto;margin-left:25%;margin-top:2%;border:1px solid #ccc;	backgroundk:red;border-radius:5px;margin-bottom:40px;	
}

.display_output
{
float:left;width:80%;height:35px;line-height:35px;margin-left:10%;margin-bottom:10px;font-size:1.1em;text-align:center;color:red;
	
}

.blog_publish_btn
{
float:right;width:160px;height:45px;margin-right:10%;margin-top:5px;margin-bottom:15px;font-size:1em;cursor:pointer;color:#fff;border:transparent;border-radius:5px;outline:none;background:green;font-weight:bold;	
}



.main_container
{
float:left;width:100%;height:auto;background:#F9EAF4;display:flex;justify-content:center;
background-imagek: linear-gradient(to right, #F9EAF4 , #F9EAF4);	
}
.sub_container
{
width:86%;height:auto;background:#fff;	
}
.studio_head
{
float:right;width:95%;height:130px;backgroundk:purple;border-bottom:1px solid #ededed;	
}
.st_head_profile
{
float:left;width:70px;height:70px;margin-top:30px;background:#000;border-radius:50%;	
}
.st_name
{
float:left;width:50%;height:30px;line-height:30px;margin-left:10px;margin-top:40px;backgroundk:green;font-size:1.4em;font-weight:bold;font-family:Arial, sans-serif;	
}
.st_description
{
float:left;width:50%;height:25px;line-height:25px;margin-left:10px;margin-topk:15px;backgroundk:red;font-size:1em;color:#505252;	
}

.earn_div
{
float:right;width:95%;height:40px;backgroundk:green;margin-topk:-50px;border-bottom:1px solid #ededed;border-left:1px solid #ededed;
}
.post_total
{
float:right;width:25%;height:35px;line-height:35px;margin-topk:5px;background:#fff;color:#0F8DFD;font-familyk:sans-serif;font-weight:bold;font-size:1em;	
}
.total_post_output
{
floatk:right;height:35px;line-height:30px;background:#fff;color:#505252;font-weightk:bold;font-familyk:sans-serif;		
}

/*.st_head_btn
{
float:right;width:100px;height:30px;margin-right:20px;margin-topk:5px;	
}*/

.main_content
{
float:left;width:100%;height:auto;margin-bottom:20px;margin-top:20px;background:#fff;
}


.post_image_div
{
float:left;width:23%;height:430px;margin-left:1.5%;background:#fff;margin-top:30px;borderk:5px solid #ededed;border-radius:20px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;	
}
.single_image_div
{
float:left;width:99%;height:360px;margin-left:0.5%;background:#000;
display:flex;flexk:column;justify-content:center;align-items:center;border-radius:0 0 5px 5px;
}
.img_cover
{
float:left;width:100%;height:360px;margin-top:-360px;background:#fff;opacity:0.0;
}

.img_post_header
{
float:left;width:100%;height:50px;backgroundk:#fff;	
}

.user_profile_img
{
float:left;width:14%;height:40px;margin:5px;background:#ededed;border-radius:50%;	
}
.user_name
{
float:left;width:77%;height:20px;line-height:20px;font-size:15px;color:#000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;	
font-weight:bold;backgroundk:green;
}
.channel_description
{
float:left;width:77%;height:20px;line-height:20px;font-size:13px;color:#505252;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;	
backgroundk:red;
}

.post_image
{
 width:100%;max-height:99%;
}
.post_text
{
max-height:100%;padding:2%;color:#fff;font-size:1.5em;font-family:Baskerville, serif;font-weightk:400;text-align:center;
}
.play_btn_icon
{
width:50px;height:50px;margin-right:-15px;background:#ededed;position:absolute;border-radius:50%;opacity:0.6;cursor:pointer;	
}

.loadMore_div
{
float:left;width:100%;height:40px;margin-bottom:15px;backgroundk:red;	
}
.loadMore_btn
{
float:left;width:30%;height:40px;margin-left:35%;font-weight:bold;font-size:0.9em;background:transparent;outline:none;border:0px;
cursor:pointer;
}






@media screen and (max-width: 700px)
{
.sub_container
{
width:98%;height:auto;background:transparent;	
}
.main_content
{
float:left;width:94%;height:auto;margin-left:3%;margin-bottom:20px;margin-top:20px;background:transparent;
}
.create_studio_div
{
float:left;width:100%;min-height:200px;height:auto;margin-left:0%;margin-top:5%;border:0px solid #ccc;	backgroundk:red;border-radius:5px;margin-bottom:40px;	
}
.studio_head
{
float:right;width:100%;height:130px;background:#fff;border-bottom:1px solid #ededed;	
}

.earn_div
{
float:right;width:100%;height:40px;backgroundk:green;margin-topk:5px;
}
.post_total
{
float:right;width:33.2%;height:40px;line-height:40px;background:#fff;color:#0F8DFD;font-familyk:sans-serif;font-weight:bold;font-size:1em;text-align:center;	
}
.total_post_output
{
floatk:right;height:35px;line-height:30px;background:#fff;color:#505252;font-weightk:bold;font-familyk:sans-serif;		
}

.post_image_div
{
float:left;width:97%;height:430px;margin-left:1.5%;background:#fff;margin-top:30px;borderk:5px solid #ededed;border-radius:20px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;	
}




	

}