@media (max-width:992px){
 #main_container { width:100% !important; }  
}
html {
  height: 100%;
}
body{
    padding: 0;
	background-image:url("img/S__1794051.jpg");
	background-size: auto 100%;
	min-height: 100%;
}
#main_container{
	margin:auto;
	display:block;
	width:auto;
	height: auto;
	background-image:url("img/phoneborder.png");
	background-position: 0% 0%;
	background-repeat: no-repeat;
	width: 900px;
	height:1900px;
	background-size: 100% 100%;
	padding-top:30px;
	padding-left:35px;
	padding-right:35px;
	padding-bottom:30px;
}

#content_box {
	position: relative;
    width: 100%;
	height:100%;
	display:block;
	margin-left: auto;
	margin-right: auto;
	padding-top:10px;
	border-radius: 5em;
	border:1px solid #000000;
	background-color: #0050e3de;
}
	.logo_img{
		position:absolute;
		left: 3%;
		top: 2%
	}
	.engy_img{
		bottom: 0;
		position: absolute;
		left: 30%;
	}
	h1{
		font-family: Tahoma, Geneva, sans-serif;
		margin-top: 40px;
		margin-bottom: 20px;
		text-align: right;
		padding-right: 5%;
		font-size: 3.3em;
		line-height:1.2em;
	}
	#switch_box{
		position: relative;
		display:block;
		width:100%;
		height: 180px;
		padding-top:50px;
	}
		.s_img{
			display:inline-block;
			float:right;
			margin-right:50px;
			padding-top:20px;
		}
		.s_text{
			display:inline-block;
			float:right;
			margin-right:30px;
		}
		#s_text_em{
		}
		#s_text_gu{
			display:none;
		}
		thtext{
			color:#FFFFFF;
			font-size: 3em;
		}
		entext{
			color:#fff700;
			font-size: 2.5em;
		}
		.switch_img{
			display:inline;
		}

	#content_emp{
		padding:50px;
	}
	#content_guest{
		padding:50px;
		display:none;	
	}

#table_x{
	max-width: 100%;
    background-color: transparent;
    font-size: 2.2em;
}
	td {
		height: 130px;
	}
	thtext2{
		color:#FFFFFF;
		font-size: 1.5em;
		line-height:1em;
	}
	entext2{
		color:#fff700;
		font-size: 1.3em;
	}
	alertform{
		color:#ffab2e;
		font-size:1em;
		font-weight:bold;
	}
	
.btn-lg{
	font-size: 1.5em;
	padding:20px;
	padding-left:40px;
	padding-right:40px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #dddddd;
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ffffff;
}
	
.nav > li > a {
    background: #ffffff78;
	color: #616161;
    text-decoration: none;
}
.form-control {
	height:90px;
	border-radius: 0.5em;
	font-size: 1em;
}

#report_box{
	max-width: 900px;
	padding:10px;
	padding-top:30px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	margin-top:-50px;
	border-radius-bottom: 1em;
	border:1px solid #999999;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;
	background-color:#FFFFFF;
}
h3{
	margin-top:20px;
	margin-bottom:20px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    height:20px
}
.clickTR:hover, .clickTR:focus { 
	color: blue; }
.clickTR{
	cursor:pointer;
}