/* background img */
	#container {
		height: 100%;
		background: url('https://fanzoo.fun/wp-content/uploads/2024/06/tree-edge-left.png') no-repeat top left fixed !important;
		background-size: contain !important;
	}

	#container::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #f1f0e7 url('https://fanzoo.fun/wp-content/uploads/2024/06/tree-edge-right.png') no-repeat top right fixed !important;
		background-size: contain !important;
		z-index: -1;

	}
	#footer {
		position: absolute;
	}
/*
	m a i n
*/
	#main {
		padding-top: 75px !important;
	}

	.main_content {
		width: 100%;
	}
	.login_box {
		width: 345px;
		height: 235px;
		position:absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
		margin:auto;
		padding-bottom: 75px;
	}

	.login_box input[type=text], .login_box input[type=email], .login_box input[type=password], .login_box input[type=submit], .facebook_login {
	 	width: 300px;
		height: 55px;
		position: relative;
		margin: 0 auto;
		display: block;
		padding: 15px;
		margin-bottom: 5px;
		box-sizing: border-box;
		-webkit-text-stroke: 0.1px;
	}

	.login_box input[type=text], .login_box input[type=email], .login_box input[type=password] {
		font-weight: 300;
		font-size:16px; 
		border: thin solid #ccc;
		border-radius: 999px;
		color: #B1966B;
	}

	.login_box input[type=text]:focus, .login_box input[type=email]:focus, .login_box input[type=password]:focus {
		border: thin solid #B1966B;
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
	}

	.login_box input[type=text]:focus, .login_box input[type=email]:focus, .login_box input[type=password]:focus {
		border-left: thin solid #B1966B;
	}

	.login_box input[type=submit] {
		color: #fff;
		background-color: #B1966B;
		border: 1px solid #B1966B;
		border-radius: 999px;
		font-size: 16px;
		transition: all .3s ease;
		margin-top: 0px;
		cursor: pointer;
	}

	.login_box input[type=submit]:hover, .facebook_login:hover {
		background-color: #fff;
		border: 1px solid #B1966B;
		color: #B1966B;
	}
	
	.facebook_login {
		border: 1px solid #000;
		border-radius: 999px;
		font-size: 16px;
		transition: all .3s ease;
		line-height: 1.5;
		margin-top: 0px;
		cursor: pointer;
		background-color: #378DE5; 
		border-color: #378DE5;
		color: #fff;
		text-align: center;

	}
	.facebook_login:hover {
		background-color: #2375c9;
		color: #fff; 
		border-color: #2375c9;
	}
	.facebook_login:active {
		background-color: #378DE5;
	}
	.login_links {
		width: 300px;
		margin: 0 auto;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.login_links a {
		text-decoration: none;
		color: #5D584F;
		font-size: 14px;
		transition: all .3s ease;
		outline: none;
	}
	.login_links a:hover {
		color: #B1966B;
	}
	.reg_links a:hover {
		color: #fff;
		background-color: #B1966B;
		padding: 10px 20px;
		border-radius: 999px;
	}
	.error_log {
		text-align: center;
		color:#fff;
		background-color: #B1966B;
		border-radius: 999px;
		padding: 15px 0;
		width: 300px;
		margin: 15px auto;
	}
	.register_checkboxes {
		width: 300px;
		margin: 15px auto;
		text-align: center;
	}
	.register_checkbox {
		width: 125px;
		text-align: center;
		border-radius: 999px;
		padding: 15px 10px;
		background-color: #f9f8f5;
		color: #8d877d;
		float: left;
	}
	.register_chechbox label, .register_checkbox input {
		float: left;
	}