*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
body{
	background-color:#242424;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 14pt;
	font-family: arial;
	color:#000;
}
.frans_container{
	width: auto;
	height: auto;
	padding:0.01em 1px;
}
.frans_logo_atas{
	width: auto;
	height: auto;
	padding: 10px 0;
}
.frans_logo_atas_br{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
}
.frans_logo_atas_logo{
	width: 20%;
	height: auto;
	float: left;
	padding: 0 10px;
	text-align: center;
	margin: auto;
}
.div_judul{
	font-size: 26pt;
	height: 40px;

}
.judul{
	opacity: 1;
	font-family: Times New Roman;
	letter-spacing: 2px;
	font-weight: 750;
	
}
.frans_logo_atas_judul{
	width: 79.88889%;
	height: auto;
	float: left;
	padding-right:10px;
	text-align: center;
	margin: auto;
	box-shadow:0 10px 16px 0 rgba(39,208,95,0.8),0 20px 40px 0 rgba(39,208,95,0.29) !important;
}
.segok{
	opacity: 0;
}
@media screen and (max-width: 600px){.frans_logo_atas_logo{width: 100%;}.frans_logo_atas_judul{display: none !important;}}
.frans_container:after{content:"";display:table;clear:both}
.frans_kanan{float: right !important;font-size: 8pt;color:#ccc;font-family: arial;letter-spacing: 1px;margin-top: 10px;}
.frans_wrapper_log{
	width: auto;
	max-width: 400px;
	height: auto;
	margin: auto;
	margin-top: 55px;
}
.frans_divv{
	border-radius: 23px;
}
.frans_con_form hr{
	width: 100%;
	font-size: 2px;color:#fff;
	box-shadow:0 10px 16px 0 rgba(39,208,95,0.8),0 20px 40px 0 rgba(39,208,95,0.29) !important;
}
.frans_divv:hover{
	box-shadow:0 10px 16px 0 rgba(39,208,95,0.8),0 20px 40px 0 rgba(39,208,95,0.29) !important;
	border-radius: 23px;
}
.frans_logo_login{
	width: 80%;
	height: auto;
	margin: auto;
	margin-bottom: 10px;
	cursor: text;
}
.frans_kecah1{clear: both;width: auto;height: 5px;}
.frans_logo_login1{
	border-radius: 10% 30% 10% 30%;
	width: 5%;
	height: auto;
	margin: auto;
	margin-bottom: 10px;
	cursor: text;
	min-width: 100px;
}
.frans_logo_login1:hover{
	border-radius: 10% 30% 10% 30%;
	cursor: default;
	opacity: 0.8;
	box-shadow:0 16px 20px 0 rgba(253,15,32,0.8),0 20px 40px 0 rgba(253,15,32,0.29) !important;
	box-shadow:0 10px 16px 0 rgba(39,208,95,0.8),0 20px 40px 0 rgba(39,208,95,0.29) !important;
	
}
.frans_con_log{
	width: auto;
	height: auto;
	margin: auto;
	padding: 20px;
	background-color: rgba(0,0,0,0.8);
	color: #fff;
	
}
.frans_con_form{
	width: auto;
	height: auto;
	padding-bottom: 10px;
	text-align: left;
}
.frans_con_form input{
	width: 100%;
	padding: 4px;
	font-size: 13pt;
	background-color: rgba(255,255,255,0);
	color: #fff;
	border:1px solid rgba(39,208,95,0.5);
}
.frans_con_form input:focus{
	width: 100%;
	background-color: #333;
	color: #27d05f;
}
.frans_con_form label{
	font-family: Embassy BT;
	margin-bottom: 5px;
	font-size: 13pt;
}
.frans_btn{
	width: 100%;
	height: auto;
	padding: 8px 4px;
	cursor: pointer;
	display: block;
	background: #333;
	color: #fff;
	border-radius: 5px;
	font-size: 14pt;
	border:1px solid rgba(39,208,95,0.5);
}
.frans_btn:hover{
	background: #333;
	color: #fff;
	opacity: 0.9;
	border:1px solid #27d05f;
	box-shadow:0 4px 8px 0 rgba(39,208,95,0.5),0 10px 30px 0 rgba(39,208,95,0.29) !important;
}