@charset "utf-8";
/* CSS Document */
body {
   background-color:#CCC;
}
#myweb{
	position:absolute;
	top:0;
	left: 0;
	width: 100%;
	height:100%;
}

.header-wrap{
	position: relative;
	width: 100%;
	height:144px;
	z-index:999999;	
	background:url(../images/header4.jpg)no-repeat top center;
	background-color:#222222;
	border-bottom:1px solid #222222;
}
.header{
	width:100%;
	height:144px;
	position: relative;
	float:left;
	background:url(../images/logo3.png)no-repeat top center;
	z-index:999999;
}

.menu{
	width:100%;
	height:30px;
	position: relative;
	float:left;
	z-index:999999;
}

.container{
	position: relative;
	width: 100%;
	overflow:auto;
	
}

.content{
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:40px;
}

.bread{
	width:100%;
	height:20px;
	float:left;
	border-bottom:1px dotted #000;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#389ed9;
	text-decoration:none;	
}
.bread a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#389ed9;
	text-decoration:none;	
}
.bread a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#090;
	text-decoration:none;	
}
.entry-report{
	width:150px;
	height:150px;
	float:left;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	text-decoration:none;	
}
.style-ul a{
	color:#000;
	margin-left:3px;
	padding-left:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
.style-ul a:hover{
	color:#06F;
	margin-left:3px;
	padding-left:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
.table-title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
}
.table-title2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
}
.table-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
.table-text2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
.menuicon{
	width:100%;
	float:left;
	display:none;
}
.welcome{
	width:100%;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
}
.iconmenu{
	width:50%;
	float:left;
	height:150px;
	display:none;
}
.menu-left{
	width:20%;
	float:left;
}
.isi-menu{
	width:80%;
	overflow:auto;
}

.footer-wrap{
	width:100%;
	height:30px;
	bottom:0;
	position:fixed;
	background-color:#222222;
}
.footer{
	padding:10px 10px 5px 10px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	line-height:13px;
}
@media screen and (max-width: 549px){
	.menu{
		width:100%;
		z-index:999;
	}
	.menu-left{
		display:none;
	}
	.menuicon{
		display:block;
	}
	.iconmenu{
		display:block;
		width:50%;
	}
	.welcome{
		display:none;	
	}
	.isi-menu{
		width:100%;
	}
	
}
@media screen and (max-width: 600px) and (min-width: 550px){
	.menu{
		width:100%;
		z-index:999;
	}
	.menu-left{
		display:none;
	}
	.menuicon{
		display:block;
	}
	
	.iconmenu{
		display:block;
		width:25%;
	}
	.welcome{
		display:none;	
	}
	.isi-menu{
		width:100%;
	}
	
}