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

.banner_div
{
float:left;width:100%;height:200px;background:red;margin-bottomk:40px;background: linear-gradient(to right top, #033AAA, #2753F1, #6495ED, #F53AE5, #C002B0, #CF09BE);
}

.main_log_home
{
float:left;width:100;height:120px;margin-left:30%;border-radius:50%;margin-top:40px;	
}

.hi_title
{
float:left;widthk:60%;height:150px;line-height:150px;margin-left:5px;margin-top:30px;backgroundk:#fff;text-align:center;border-bottomk:1px solid #ccc;font-size:2em;color:#fff;font-family:system-ui;	
}
.title_site
{
float:left;widthk:60%;height:150px;line-height:150px;margin-left:5px;margin-top:30px;backgroundk:#fff;text-align:center;border-bottomk:1px solid #ccc;font-size:2em;color:#033AAA;font-family:system-ui;	
}

.setting_btn_div
{
float:right;width:80px;height:30px;margin-top:15px;margin-right:6px;background:green;border:1px solid #ccc;border-radius:5px;cursor:pointer;
display:none;	
}


.home_div
{
float:left;width:100%;height:60px;background:#fff;border-bottom:1px solid #ccc;position: -webkit-sticky;position:sticky;top:0px;
margin-bottom:20px;z-index:1;
}

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

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


.search_input_div
{
float:right;width:40%;height:40px;margin-top:10px;margin-right:2%;background:#ccc;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:#ededed;
}
.option_div
{
width:100px;height:300px;margin-top:260px;background:#fff;border:1px solid #ccc;position:absolute;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;
}

.main_content_div
{
float:left;widthK:1300px;width:100%;height:auto;background:#fff;display:flex;justify-content:center;
z-indexk:-1;positionk:relative;
}
.sub_content_div
{
float:left;width:97%;height:auto;margin-top:20px;background:#fff;
}
.post_image_div
{
float:left;width:24%;height:auto;margin-left:1%;margin-bottom:30px;background:#fff;
	
}
.single_image_div
{
float:left;width:100%;height:360px;background:#000;
display:flex;flexk:column;justify-content:center;align-items:center;
}
.img_cover
{
float:left;width:100%;height:360px;margin-top:-360px;background:transparent;
}

.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:360px;
}

.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)
{
.upload_btn_pc{display:none;	}
.upload_btn_mob{display:block;}
.clear_sea_input_btn{display:none;	}	

.search_btn_mob_help{display:block;}
.home_btn_pc_only{display:none;}

.banner_div
{
float:left;width:100%;height:150px;background:red;background: linear-gradient(to right top, #033AAA, #2753F1, #6495ED, #F53AE5, #C002B0, #CF09BE);
position:relative;
}
.main_log_home
{
float:left;width:90;height:90px;margin-left:5%;border-radius:50%;margin-top:15px;	
}
.hi_title
{
height:30px;line-height:30px;left:5%;top:80px;backgroundk:#ccc;text-align:center;border-bottomk:1px solid #ccc;font-size:1.3em;color:#fff;font-family:system-ui;	
position:absolute;
}
.title_site
{
float:left;height:30px;line-height:30px;margin-left:15px;margin-top:110px;backgroundk:#ccc;text-align:center;font-size:1.3em;color:#033AAA;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:absolute;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:10%;margin-right:6px;right:3px;background:transparent;border:1px solid #ccc;border-radius:5px;cursor:pointer;
display:block;position:absolute;
}	

.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_content_div
{
float:left;widthK:1300px;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%;height:auto;margin-left:1%;margin-bottom:30px;position:relative;
	
}
.single_image_div
{
float:left;width:100%;height:250px;background:#000;
displayk:flex;justify-contentk:center;align-itemsk:center;
}
.img_cover
{
float:left;width:100%;height:250px;margin-top:-250px;background:transparent;
}
.post_image
{
  width:auto;max-width:100%;max-height:100%;
}
	







}