body{margin:0px;}

.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;}
.upload_btn_mob{display:none;}
.home_btn_pc_only{display:block;}
.help_option_div_mob{display:none;}
.help_setting_btn_div{display:none;}
.search_input_div_mob{display:none;}
.heip_mob_search_icon{display:none;}
.clear_sea_input_btn_mob{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;widthK:1300px;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;
}

.btn_lebal
{
float:left;width:100%;height:80px;margin-top:10px;backgroundk:green;display:flex;align-items:center;justify-content:space-around;border-bottom:1px solid #ccc;	
}
.sub_btn_lebal
{
float:left;min-width:50px;height:40px;padding:5px;color:#000;font-size:0.9em;font-weight:600;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #F870FF;
  border: none;
  border-radius: 15px;
	
}

.sub_btn_lebal:hover {background-color: #F24378}

.sub_btn_lebal:active {
  background-color: #F24378;
  box-shadow: 0 3px #ccc;
  transform: translateY(4px);
}

.main_content_div
{
float:left;min-width:1000px;width:100%;height:auto;background:#fff;margin-top:-10px;
}

.main_banner_div
{
float:left;width:90%;max-height:300px;margin-left:5%;margin-bottom:10px;

}

.main_single_post_div
{
float:left;width:94%;height:auto;backgroundk:yellow;displayk:flex;justify-contentk:space-around;flex-wrapk:wrap;margin-left:3%;

}

.post_image_div
{
float:left;width:23%;heightk:430px;height:460px;margin-left:1.6%;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:100%;max-heightk:360px;height:75%;margin-leftk:1%;margin-bottom:10px;backgroundk:purple;
display:flex;flexk:column;justify-content:center;align-itemsk:center;border-radius:10px 10px 0px 0px;
}





.play_btn_icon
{
width:50px;height:50px;margin-right:-15px;margin-top:100px;background:#ededed;position:absolute;border-radius:50%;opacity:0.6;cursor:pointer;	
}

.img_post_header
{
float:left;width:100%;height:100px;backgroundk:yellow;border-bottom:1px solid #ccc;border-radius:10px 10px 0 0;	
}

.userprofile
{
float:left;width:100%;border-bottom:1px solid #ccc;
}

.user_profile_img
{
float:left;width:40px;height:40px;margin:5px;margin-left:2.5%;background:#ededed;border-radius:50%;	
}
.user_name
{
float:left;width:95%;height:20px;line-height:20px;margin-left:2%;margin-top:5px;font-size:16px;color:#000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;	
font-weight:bold;backgroundk:green;
}
.channel_description
{
float:left;width:95%;height:20px;line-height:20px;margin-left:2%;font-size:14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;	
backgroundk:blue;
}

.post_image
{
 float:left;width:100%;max-height:99%;border-radius:10px 10px 0 0;
}
.post_text
{
max-width:100%;max-height:100%;padding:2%;color:#000;font-size:1.3em;font-family:Baskerville, serif;text-align:center;
}

.btn_arrow_left
{
float:left;width:150px;height:50px;margin-left:10%;margin-bottom:40px;margin-top:30px;background:#000;border-radius:10px 0px 0px 10px;cursor:pointer;
}
.prev_lebal
{
float:right;width:100px;height:40px;line-height:40px;margin-top:5px;backgroundk:green;font:1.1em;color:#fff;text-align:center;font-weight:bold;	
}
.prev_icon
{
width:40px;height:40px;margin:5px;	
}
.btn_arrow_right
{
float:right;width:150px;height:50px;margin-right:10%;margin-bottom:40px;margin-top:30px;background:#000;border-radius:0px 10px 10px 0px;cursor:pointer;
}
.left_lebal
{
float:left;width:100px;height:40px;line-height:40px;margin-top:5px;backgroundk:green;font:1.1em;color:#fff;text-align:center;font-weight:bold;	
}
.next_icon
{
float:right;width:40px;height:40px;margin:5px;background:#fff;	
}
.prev_lebal_next
{
float:left;width:100px;height:40px;line-height:40px;margin-top:5px;backgroundk:green;font:1.1em;color:#fff;text-align:center;font-weight:bold;	
}
.prev_lebal:hover{color:#16AB07;}
.left_lebal:hover{color:#16AB07;}

@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;}

.home_btn_pc_only{display:none;}



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

}
.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;}

.help_setting_btn_div{display:block;}
.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;	
}

.clear_sea_input_btn_mob
{
width:25px;height:25px;margink:1.2%;border:none;cursor:pointer;font-size:1em;background:transparent;display:block;	
}	

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

.search_input_div
{
float:left;width:90%;height:40px;margin-top:10px;margin-left:5%;background:#fff;border-radius:20px;display:flex;justify-content:space-evenly;
align-items:center;display:none;	
}


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

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

.main_content_div
{
float:left;min-width:100%;width:100%;height:auto;background:#fff;display:flex;justify-content:center;
z-index:-1;positionk:relative;displayk:none;
}

.post_image_div
{
float:left;width:98%;min-height:120px;height:auto;max-height:100%;background:#fff;margin-left:0%;margin-top:30px;borderk:5px solid #ededed;border-radius:10px;
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:100%;height:auto;max-height:100%;margin-left:0%;margin-bottom:10px;backgroundk:green;
display:flex;justify-content:center;align-itemsk:center;border-radius:10px 10px 0 0;
}

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







}