body{margin:0px;background:linear-gradient(to right, #000, #3C2545);}

.main_content_div
{
float:left;width:60%;height:100vh;margin-left:20%;backgroundk:purple;	
}
.main_player
{
float:left;width:100%;height:30vh;background:#000;display:flex;justify-content:center;align-items:center;	
}
.sub_play
{
float:left;max-width:100%;max-height:100%;	video::-webkit-media-controls { display:none !important;}

}

.movie_title
{
float:left;width:100%;height:30px;line-height:30px;margin-top:-30px;font-weight:bold;font-size:1em;color:#fff;opacity:0.7;
background:#000;text-align:center;	
}
.mov_name
{
float:left;width:70%;margin-left:2%;	
}
.mov_dur
{
float:right;margin-right:2%;	
}
.home_btn_div
{
float:left;width:100%;height:50px;backgroundk:#ccc;	
}
.home_btn
{
float:left;width:50;height:50px;margin-top:10px;margin-left:2%;cursor:pointer;outline:none;background:#fff;border-radius:50%;outline:none;
}
.play_btn
{
float:left;width:55px;height:55px;margin-top:10px;margin-left:31%;background:#fff;border-radius:50%;cursor:pointer;outline:none;
}
.fscreen_btn
{
float:right;width:50;height:50px;margin-top:10px;margin-right:2%;background:#fff;border-radius:50%;cursor:pointer;outline:none;	
}

.menu_btn
{
float:left;width:40;height:40px;margin-top:5px;margin-left:5px;cursor:pointer;outline:none;	
}
.memu_img_shell
{
float:left;width:50;height:50px;margin-top:10px;margin-left:2%;background:#fff;border-radius:20%;cursor:pointer;outline:none;	
}
.view_icon
{
float:right;width:30;height:30px;margin-top:10px;outline:none;	
}
.view_output
{
float:right;margin-right:1%;color:orange;font-size:1em;	
}
.join_btn
{
margin-left:10%;color:#25F303;font-size:1em;cursor:pointer;	
}
.room_title
{
float:left;width:96%;height:50px;line-height:50px;margin-left:2%;margin-top:20px;font-weight:bold;font-size:1em;color:#fff;backgroundk:green;	
}
.room_area
{
float:left;width:100%;height:auto;margin-leftk:1%;margin-top:20px;backgroundk:#1A0909;	
}
.single_sponser
{
float:left;width:22%;heightk:60px;margin-left:1.5%;margin-bottom:20px;backgroundk:yellow;border-radius:28px;	
}
.user_sit_span
{
float:left;width:65px;height:65px;line-height:65px;margin-left:13%;border-radius:100%;color:#462A2A;background:#fff;text-align:center;cursor:pointer;border:2px solid #fff;		
}
.user_img
{
float:left;width:65px;height:65px;margin-left:13%;border-radius:60%;backgroundk:#462A2A;border:2px solid #fff;
}
.user_name
{
float:left;width:100%;height:30px;line-height:30px;margin-left:1%;font-size:0.7em;color:#fff;font-weight:bold;text-align:center;backgroundk:red;	
}

.option_div
{
float:left;width:100%;height:55vh;background:#fff;position:fixed;bottom:0px;display:none;	
}
.icon_div
{
float:left;width:100%;height:50px;margin-top:15px;backgroundk:red;	
}
.like_btn
{
float:right;width:40px;height:40px;margin-topk:5px;margin-right:2%;	
}
.like_output
{
float:right;height:40px;line-height:40px;margin-right:1%;margin-top:7px;color:#2CA422;font-size:0.9em;font-weight:bold;	
}
.coment_btn
{
float:left;width:40px;height:40px;margin-top:5px;margin-left:2%;		
}
.coment_output
{
float:left;height:40px;line-height:40px;margin-left:1%;margin-top:5px;color:#2CA422;font-size:0.9em;font-weight:bold;	
}

.com_input_div
{
float:left;width:98%;height:50px;margin-left:0.5%;margin-top:15px;background:#EA6431;border-radius:30px;border:1px solid orange;	
}
.com_input
{
float:left;width:80%;height:40px;margin-left:2%;margin-top:5px;border-radius:30px;border:0px;outline:none;text-align:center;font-size:1em;	
}
.com_btn
{
float:right;height:40px;width:15%;margin-top:5px;margin-right:2%;border-radius:30px;border:0px;background:#fff;color:#EA6431;font-weight:bold;font-size:0.9em;	
cursor:pointer;
}

.com_disp_div
{
float:left;width:96%;height:300px;margin-left:2%;margin-top:10px;background:#fff;	
}
.single_com_div
{
float:left;width:98%;margin-left:1%;margin-top:10px;margin-bottom:15px;backgroundk:pink;	
}
.user_img_com
{
float:left;width:40px;height:40px;border-radius:20px;	
}
.com_user_name
{
float:left;width:82%;height:30px;line-height:30px;margin-left:2%;backgroundk:green;font-weight:bold;	
}
.com_detail
{
float:left;width:82%;heightk:30px;margin-left:2%;background:#fff;color:#505252;
}

.shell_error_output
{
float:left;width:100%;height:100%;background:#000;opacity:0.8;position:fixed;top:0%;display:flex;justify-content:center;align-items:center;z-index:1;display:none;	
}
.error_output
{
float:left;width:90%;height:150px;margin-left:5%;background:#fff;border-radius:20px;position:absolute;z-index:3;display:none;	
}
.sit_tip
{
float:left;width:100%;height:50px;line-height:50px;margin-top:20px;text-align:center;font-size:1.2em;color:red;	
}
.sit_tip_btn
{
float:left;width:30%;height:50px;margin-left:35%;margin-top:10px;border-radius:100%;font-size:1em;cursor:pointer;outline:none;border:0px;	
}




@media screen and (max-width: 700px) 
{

.main_content_div
{
float:left;width:100%;height:100vh;margin-left:0%;backgroundk:purple;	
}



}