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

/*@media screen and (max-width : 1440px) {
.content{
		width: auto;
		float: none;}
}*/


@font-face
{
font-family: moviefont;
src: url('moviefont.ttc');
}

body {
    overflow:hidden;
}

#bg{
	background: url("preview_bg.jpg") no-repeat;
    display: block;
    height: 0;
    background-size: 100%;
    padding-bottom:55%; /* bg-height / bg-width * 100*/
}

.login{
  position: relative;
  top: 54%;
  left:47%;
  z-index: 2;
  height: 0;
}

#message{
	position:absolute;
	width: 90% ;
	top: 45%;
	margin-left: 6%;
	margin-right: auto;
	z-index: 2;
	color: #000;
	font-size:36px;
	font-family:"moviefont";
	text-align:center;
}


#name{
	margin-top: 50%;
	position:absolute;
	z-index: 100;
}

#player{
	/*width:100%;
	position: relative;
	padding-bottom: 56.25%; /*16:9 Aspect Ratio*/
	z-index: 1;
	top:0px;
	left:0px;	
}



#h2{
	z-index: 2;
}