@charset "utf-8";
/* CSS Document */

#status_send 
{
	width:100%;
	height:100%;
	overflow:auto;
	top:0px;
	left:0px;
	position:fixed; 
	background-color: rgba(0, 0, 0, 0.55);
	display:none;
	z-index:999999999;  
} 


.flaying_footer
{
	width:100%;
	height:40px;
	overflow: hidden;
	position:fixed;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:#C00;
	z-index:210;
}
.frame_fr
{
	width:190px;
	height:40px;
	line-height:40px;
	position:relative;
	float:right;
}

.tittle_fr
{
	width:110px;
	height:40px;
	line-height:40px;
	position:relative;
	float:left;
	text-align:center;
	color:#FFF;
}
.tombol_fr
{
	width:40px;
	height:40px;
	line-height:40px;
	position:relative;
	float:left;
	background-color:#C00;
	text-align:center;
	cursor:pointer;
}
.partisi_fr
{
	width:5px;
	height:40;
	line-height:40px;
	position:relative;
	float:left;
	background-color:#B70000;
	text-align:center;
}
.minimize_fr
{
	width:25px;
	height:25px;
	position:relative;
	float:right;
	margin-top:5px;
	margin-right:5px;
	line-height:25px;
	background-color:#333;
	cursor:pointer;
	color:#FFF;
	font-size:20px;
	text-align:center;
}
#area_form_fr
{
	width:200px;
	height:0px;
	max-height:60%;
	position:fixed;
	bottom:40px;
	right:0px;
	background-color:#EBEBEB;
	z-index:200;
	text-align:center;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);	
}
@media (max-width:768px) 
{
	#area_form_fr
	{
		overflow: auto;
	}
}

#area_contact_fr
{
	width:200px;
	height:0px;
	max-height:80%;
	overflow:hidden;
	position:fixed;
	bottom:40px;
	right:0px;
	background-color:#EBEBEB;
	z-index:200;
	text-align:center;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);	
}