@CHARSET "UTF-8";

a{
	color : #DC4C18!important;
}

input,
select{
	font-size : 16px;
}

#header{
	background : #DC4C18!important;
	color : #FFFFFF;
}

#header a{
	color : #FFFFFF!important;
}

#header h1{
	padding-top : 20px;
	padding-left : 10px;
	height : 42px;
	float : left;
	
	font-size : 150%;
	font-weight : 800;
}

#header h1 a{
	color : #000000;
}

#menu{
	float : right;
}
#menu a{
	margin-left : 20px;
	display : block;
	float : left;
}

#contents{

}

#contents2{
	padding : 0 20px;
}

#sidebar{
	background : #39a0e1;
	color : #FFFFFF;
}

#sidebar #body{
	padding : 10px;
	font-size : 150%;
}

#sidebar #body a{
	color : #FFFFFF;
}

#sidebar dl{	
	position:relative;
	float : left;
}

#sidebar dt{
	text-align : center;	
}

#sidebar dd{
	margin-top : 20px;
	position:absolute;
	display : none;	
	text-align : center;
	width : 100%;
	background : #39a0e1;
}

#sidebar dd a{
	display : block;
	border-top : solid #FFFFFF 1px; 	
}



.smartView{
	display : none !important;
}

#footer{
	margin-top : 100px;
	padding : 10px;
	background : #DC4C18!important;
	color : #FFFFFF!important;
}

#footer a{
	color : #FFFFFF!important;
}

.timeAll{
	width : 60%;
}

@media only screen and (max-width: 1024px){
	#sidebar{
		position : absolute !important;
		display : none;
		top : 0px;
	
		width : 100% !important;

		background : #000000;
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}

	#sidebar .mark1{
		margin-left : 1%;
		width : 45% !important;
		float : left !important;
		border : solid 1px #FFFFFF;
		padding : 5px;
		padding-left : 20px;
	}

	#contentsBody{
		
	}
	.smartView{
		display : block !important;
	}

	
	#login .th,
	#login .td{
		display : block;
		width : 100%;
	}
	.timeAll{
		width : 100%;
	}

}

@media only screen and (max-width: 900px){
}