body{margin:0px;
float:le;width:100%;height:150%;backgroundk:linear-gradient(to right top, #fff, #FB6ED1);

}
textarea:focus, input:focus{ border: none; }


.main_home_div
{
float:left;width:100%;height:60px;background:red;background:#F90569;position:fixed;z-index:2;
}
.banner_help_div{float:left;width:100%;height:60px;background:red;}

.main_log_home
{
float:left;width:40px;height:40px;margin-left:2%;border-radius:50%;margin-top:10px;	
}

.hi_title
{
float:left;widthk:60%;height:40px;line-height:40px;margin-left:5px;margin-top:10px;text-align:center;font-size:1.3em;color:#fff;font-family:system-ui;font-weight:600;	
}


.option_btn
{
float:right;width:30px;height:30px;margin-right:8px;margin-top:15px;border:1px solid #ccc;border-radius:50%;backgroundk:#ededed;display:block;
cursor:pointer;
}
.option_btn:hover{background:#ccc;}
.main_upload_btn
{
float:right;height:30px;margin-right:3%;margin-top:15px;background:transparent;color:#fff;border:none;border-radius:6px;cursor:pointer;
font-size:16px;font-weight:bold;	
}
.main_upload_btn:hover{color:#EAAEC5;}

.main_upload_btn2
{
float:left;width:80%;height:25px;line-height:25px;margin-left:10%;margin-top:15px;background:#fff;color:#000;border:none;border-radius:6px;cursor:pointer;
font-size:14px;	
}

.upload_btn_pc{display:block;}
.search_btn_mob_help{display:none;}
.close_search_mob_btn{display:none;}
.upload_btn_mob{display:none;}
.home_btn_pc_only{display:block;}
.help_option_div_mob{display:none;}
.setting_btn_div{display:none;}


.search_input_div
{
float:right;width:30%;height:40px;margin-top:10px;margin-right:2%;background:#fff;border-radius:20px;display:flex;justify-content:space-evenly;
align-items:center;	
}
.search_go_btn
{
width:25px;height:25px;margink:1.2%;border:none;cursor:pointer;font-size:1em;background:transparent;	
}
.clear_sea_input_btn
{
width:25px;height:25px;margink:1.2%;border:none;cursor:pointer;font-size:1em;background:transparent;display:block;	
}
.search_input
{
width:76%;height:40px;outline:none;border:none;font-size:0.9em;background:#fff;
}
.option_div
{
width:100px;height:300px;margin-top:60px;background:#fff;border:1px solid #ccc;position:fixed;display:none;
right:0px;
}

.search_title
{
width:100%;height:50px;line-heightk:50px;backgroundk:red;text-align:center;font-size:17px;font-weight:bold;
color:#505252;
}

















.search_output
{
float:right;width:40%;height:400px;margin-right:17%;margin-top:10px;
}

.main_search_div
{
float:left;min-width:1000px;width:100%;height:auto;background:#fff;display:flex;justify-content:center;
}
.sub_search_div
{
float:left;width:97%;height:auto;margin-top:20px;backgroundk:blue;
}
/*
.main_content_div
{
float:left;width:100%;height:auto;background:#fff;display:flex;justify-content:center;
z-indexk:-1;positionk:relative;
}
.sub_content_div
{
float:left;min-width:1000px;width:97%;height:auto;margin-top:20px;background:green;
}*/

.post_image_div
{
float:left;width:23%;height:430px;background:#fff;margin-top:30px;borderk:5px solid #ededed;border-radius:20px;margin-left:1.5%;
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;
}
.img_cover
{
float:left;width:100%;height:360px;margin-top:-360px;background:transparent;
}

@media screen and (max-width: 700px)
{
.upload_btn_pc{display:none;}
.upload_btn_mob{display:block;}
.clear_sea_input_btn{display:none;	}	
.option_btn{display:none;}
.search_btn_mob_help{display:block;}
.home_btn_pc_only{display:none;}

.main_home_div
{
float:left;width:100%;height:60px;background: linear-gradient(to right top, #F90569, #fff);

}
.main_log_home
{
float:left;width:40;height:40px;margin-left:2%;border-radius:50%;margin-top:10px;	
}
.hi_title
{
height:40px;line-height:40px;backgroundk:#ccc;text-align:center;font-size:1.3em;color:#fff;font-family:system-ui;	

}


.option_div
{
width:70%;height:100%;margin-top:0px;background:#fff;border:1px solid #ccc;position:fixed;display:none;
left:0px;z-index:2;
}
.help_option_div_mob
{
right:0px;width:30%;height:100%;margin-top:0px;position:fixed;background:#000;display:none;opacity:0.5;z-index:2;	
}
.main_upload_btn2
{
float:left;width:50%;height:25px;line-height:25px;margin-left:10%;margin-top:15px;background:#fff;color:#000;border:none;border-radius:6px;cursor:pointer;
font-size:14px;font-weight:bold;border:0px;outline:none;	
}
.main_upload_btn2:hover{background:#ededed;}

.setting_btn_div
{
float:right;width:40px;height:40px;margin-top:10px;margin-right:6px;right:3px;background:transparent;border:1px solid #ccc;border-radius:5px;cursor:pointer;
display:block;position:absolute;
}
.menu_mob_icon
{
float:right;width:40px;height:40px;	
}	

.search_btn_mob
{
float:right;width:40px;height:40px;margin-top:10px;margin-right:20px;cursor:pointer;display:block;
}

.search_input_div
{
float:right;width:96%;height:40px;margin-top:10px;margin-right:2%;background:#ccc;border-radius:20px;display:flex;justify-content:space-evenly;
align-items:center;	display:none;
}
.search_input
{
width:76%;height:40px;outline:none;border:none;font-size:0.9em;background:#ededed;padding-left:3px;
}
.close_search_mob_btn
{
width:25px;height:25px;margink:1.2%;border:none;cursor:pointer;font-size:1em;background:transparent;display:block;	
}

.search_output
{
float:right;width:60%;height:400px;margin-right:17%;margin-top:10px;background:red;
}

.main_search_div
{
float:left;min-width:100%;width:100%;height:auto;background:#fff;display:flex;justify-content:center;
}

.post_image_div
{
float:left;width:98%;height:430px;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:green;opacity:0.0;
}

.post_image
{
  width:auto;max-width:100%;max-height:99%;
}
.post_text
{
height:60%;padding:2%;color:#fff;font-size:1.2em;font-family:Baskerville, serif;background:green;font-weightk:400;text-align:center;
}



}