@font-face {
    	font-family: my; 
    	src: url(font/4864.ttf); 
}
.box-shadow {
	box-shadow: 1px 2px 10px rgba(0,0,0,0.5);
}
*, html, body  {
	margin: 0;
	padding: 0;
	border: 0;
}
html, body  {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
}
body{
	margin: 0;
	/* min-width: 1024px; */
	font-family: Arial, sans-serif;
	background:#dddddd;
/* 	min-height:100%;
	height: 100%; */
}
#main{
	height: auto !important;
 	min-height:100%;
 	height: 100%;
	position:relative;
	margin: auto!important;
}
#page_header {
	height: 137px;
 	width: 100%; 
	position: relative;
	top: 0;
	margin-bottom:50px!important;
	background: #00b3e4;
}
#page_footer {
	width: 100%;
	background: #00b3e4;
	/*position: absolute;*/
	bottom: 0;
	margin: auto;
	margin-top: -100px;
	height: 100px;
	clear: both;
}
#main:after {
  content: "";
  display: block;
  height:120px;	
  clear: both;

}
#logo {
	margin: 0 auto;
	background:50% 0% url('../img/header.png') no-repeat;
	z-index:10;
	margin: auto;
	/* min-width:1024px; */
	position:center;
	height:180px;
}

.block {
    display: block;
}

.button {
    cursor:pointer;
}

.center {
    text-align: center;
}

.f-left {
    /*display:block;
    float:left;*/
}

.uppercase {
    text-transform: uppercase;
}

.white {
    color:#fff;
}

#room {
    /* width:770px; */
	padding-right:0px;
	margin: 0 auto;

}


#room-head {
    
	background: #0a97d8;
    border-radius: 10px;
    
	padding:15px 0 15px 0;
	margin:47px 0 30px 0;
    /* width:700px; */
	
    color:#fff;
	text-align: center;
	letter-spacing: 2px;
	font-size:15pt;

	background-image: linear-gradient(bottom, rgb(10,151,216) 1%, rgb(37,171,233) 76%);
	background-image: -o-linear-gradient(bottom, rgb(10,151,216) 1%, rgb(37,171,233) 76%);
	background-image: -moz-linear-gradient(bottom, rgb(10,151,216) 1%, rgb(37,171,233) 76%);
	background-image: -webkit-linear-gradient(bottom, rgb(10,151,216) 1%, rgb(37,171,233) 76%);
	background-image: -ms-linear-gradient(bottom, rgb(10,151,216) 1%, rgb(37,171,233) 76%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.01, rgb(10,151,216)),
		color-stop(0.76, rgb(37,171,233))
	);
}
#login_box{
	width:300px;
	font-size:12pt;
	height:55px;
	text-align: center;
	background-image: url(../img/login_placeholder_icon.png);
	background-position: 15px center;
    background-repeat: no-repeat;
	box-shadow: 1px 2px 10px rgba(0,0,0,0.5);
	border:#f7941e 2px solid;
    border-radius: 7px;
}
#login-room {
	text-align:center;
	padding-top:20px!important;
    padding-bottom:20px!important;
 	margin: 0 auto;
	padding: 0 30px 0 30px;
    border: 5px solid #f7941e;
	border-radius:10px;
	background:#fff;
	height:320px;
	width:330px;
}
#login_text {
	text-align:center;
	margin:40px 0 20px 0;
	width:100%;
}
#login_submit_button{
	color:#fff;
	font-size:15pt;
	margin:20px auto;
	display:block;
	width:304px;
	height:50px;
	border:0;
	
	border-radius:5px;
	box-shadow: 1px 2px 10px rgba(0,0,0,0.5);
	background:#0a97d8;
}
#room-content {
 	margin-top: 0;
	padding: 0 30px 0 30px;
    border: 5px solid #f7941e;
	border-radius:10px;
	background:#fff;
}
#room-content-text, #room-content-manage {
    /* width: 335px; */
	display:inline-block;
	vertical-align:top;
	margin-top:10px;
}
#room-content-text {
	margin-top:0px;
	font-size:13pt;
	text-align:justify;
}
#room-content-text h3 {
	letter-spacing: 2px;
    color:orange;
	margin-top:0px;
	margin-bottom:14px;
}

#room-content-manage {
    margin-top: 10px;
	margin-left:25px;
}
#room-content-manage div.text {
	display: inline-block;
	padding-bottom: 15px;
	vertical-align: middle;
}
#room-content-manage img {
	margin-top:10px;
	margin-left:10px;
	margin-right:15px;
    display: inline-block;
	border:0px;
}

#room-content-manage a.manage-button {
    background: #0489ae;
	border:#00b3e4 2px solid;
    border-radius: 5px;
    height:50px;
    margin: 15px 0;
    text-decoration: none;
    width:331px;
	
	background-image: linear-gradient(bottom, rgb(4,137,174) 8%, rgb(182,229,250) 84%);
	background-image: -o-linear-gradient(bottom, rgb(4,137,174) 8%, rgb(182,229,250) 84%);
	background-image: -moz-linear-gradient(bottom, rgb(4,137,174) 8%, rgb(182,229,250) 84%);
	background-image: -webkit-linear-gradient(bottom, rgb(4,137,174) 8%, rgb(182,229,250) 84%);
	background-image: -ms-linear-gradient(bottom, rgb(4,137,174) 8%, rgb(182,229,250) 84%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.08, rgb(4,137,174)),
		color-stop(0.84, rgb(182,229,250))
	);
}

#room-content-manage a.manage-button:hover {
	border:#f7941e 2px solid;
}


#content_box {
	width:30%;
	display:inline-block;
	margin:0;
	height:200px;
	float:right;
	padding:40px 0 0 0;
}




/* Mobile */

@media screen and (max-width: 480px) {
	
/* 	#room-content {
		width: 420px
	} */
	
	#page_header {
		height: 77px;
		margin-bottom:5px!important;
	}
	
	#logo {
		background:50% 0% url('../img/smallheader.png') no-repeat ;
		height:90px;
	}
	
	#page_footer {
		margin: auto;
		/* margin-top: -35px; */
		height: 0px;
		bottom:0;
	}

/* 	#page_header:after {
	  content: "";
	  display: block;
	  height:20px;	
	  clear: both;

	} */
	
	#main:after {
	  content: "";
	  display: block;
	  height:20px;	
	  clear: both;
	}
	
	#room-video-comleted {
		width:420px;
	}
	
}