@charset "utf-8";

body {
	position: relative;
	overflow: hidden;
}
.circle01 {
	border: 15px solid #303434;
	border-radius: 50%;
	background: #383c40;
	width: 120%;
	height: 200%;
	position: absolute;
	top: -90%;
	left: -2%;
	z-index: 10;
}
.circle02{
	border: 15px solid #c21212;
	border-radius: 50%;
	background: #c71b1b;
	width: 120%;
	height: 200%;
	position: absolute;
	top: -85%;
    left: -10%;
	z-index: 9;
}
.circle03{
	border-radius: 50%;
	background: #b80303;
	width: 120%;
	height: 200%;
	position: absolute;
	top: -75%;
    left: -30%;
	z-index: 8;
}

.square01 {
	background: #eee;
	width: 120%;
	height: 200%;
	z-index: 11;
	position: absolute;
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	-o-transform: rotate(150deg);
	transform: rotate(150deg);
    top: -143%;
    left: 27%;
}
.login_content {
    position: fixed;
	z-index: 12;
	width: 420px;
    left: 50%;
    top: 45%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    background-color: #f3f3f4 !important;
}
.logo_bg {
	position: absolute;
	z-index: 12;
	top: 20%;
	left: 20%;
}
.login_table {
	width: 100%;
}

.login_table th,
.login_table td{
	padding:10px 0;
}
.login_table th{
	padding-right: 5px;
	width: 10px;
	white-space: nowrap;
}
.login_table tr:last-child td{
	text-align: center;
}

@-moz-document url-prefix() {
	.login_table td .firefox_div{
		position: relative;
	}
	.login_table td .firefox_div:after{
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 1px;
		height: 100%;
		background: #f3f3f4;
	}
}