body {
	color: #FFFFFF;
	background: #000;
	margin: 0 auto;
	max-width: 440px;
	font-size:16px;
	font-family:stl1;
}

.index{
	position:relative;
	height:800px;
	background:url(img/background/000.jpg) 50% 0% no-repeat;
}

.logo{
	position:absolute;
	top:30px;right:10px;
	background:url(img/background/logo.png) 50% 0% no-repeat;
	height:132px;width:300px;
}

.butReg{
	width:224px;
	height:48px;
	position:absolute;top:500px;left:50%;
	transform:translate(-50%,0);
	background:url(img/background/reg.png) 50% 50% no-repeat;
	cursor:pointer;
}

.butReg text{
	position:absolute;top:50%;left:50%;
	transform:translate(-50%,-50%);
	font-family:stl3;
	width:100%;
	text-align:center;
	
}

.authText{
	width:224px;
	height:48px;
	position:absolute;top:550px;left:50%;
	transform:translate(-50%,0);
	cursor:pointer;
	text-align:center;
	text-decoration:underline;
}

.authText2{
	width:224px;
	height:48px;
	position:absolute;top:550px;left:50%;
	transform:translate(-50%,0);
	cursor:pointer;
	text-align:center;
	text-decoration:underline;
	display:none;
}


.authPanel{
	width:350px;
	height:238px;
	position:absolute;top:300px;left:50%;
	transform:translate(-50%,0);
	background:url(img/background/panel.png) 50% 50% no-repeat;
	display:none;
}

.authpanelTopText{
	position:absolute;
	top:8px;left:50%;
	transform:translate(-50%,0);
}

.authPanel form{
	position:absolute;
	left:50%;top:50px;
	transform:translate(-50%,0);
}

.inputAuth{
	width:224px;
	height:46px;
	background:url(img/background/input.png) 50% 50% no-repeat;
	margin-top:3px;
	position:relative;
}
.inputAuth input{
	position:absolute;
	top:3px;bottom:3px;left:20px;right:20px;
	text-align:center;
	background:none;
	border:none;
	color:#fff;
	font-family:stl1;
	font-size:18px;
}

.submitAuth{
	width:224px;
	height:48px;
	background:url(img/background/auth.png) 50% 50% no-repeat;
	margin-top:3px;
	border:none;
	font-family:stl3;
	color:#fff;
	font-size:18px;
}

.authErr{
	color:#f22;
	text-align:center;
	line-height:0.9;
	margin-top:-5px;
}

.regFORM{
	position:absolute;
	left:50%;top:50px;
	transform:translate(-50%,0);
}


.down {
	position:fixed;
	margin: 0 auto;
	max-width: 440px;
	bottom:0;left:0;right:0;
	height:60px;
	background:url(../img/inter/footer.png) 50% 0% no-repeat;
	background-size:cover;
}

.in_info{
	position:absolute;
	bottom:2px;
	left:50%;
	transform:translate(-50%,0);
	font-family:stl2;
	color:#999;
	font-size:12px;
	text-align:center;
}

.tb {
	text-shadow:1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000,1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
}

table {border: 0; border-spacing: 0px; border-collapse: collapse; table-layout: fixed; display: table;}


@font-face{font-family: 'stl1';src: url('../font/001.otf') format("truetype");font-style: normal;font-weight: normal;}
@font-face{font-family: 'stl2';src: url('../font/002.otf') format("truetype");font-style: normal;font-weight: normal;}
@font-face{font-family: 'stl3';src: url('../font/003.ttf') format("truetype");font-style: normal;font-weight: normal;}
@font-face{font-family: 'stl4';src: url('../font/004.otf') format("truetype");font-style: normal;font-weight: normal;}

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-button {
    background: #f22;height:2px;
}
::-webkit-scrollbar-track-piece {
    background: #01244b;
}
::-webkit-scrollbar-thumb {
    background: #fff;
}​