@-ms-viewport{
  width: device-width;
}

@media (max-width: 1024px) {
	#header {
		width:100%;
		background-position:left top;
	}
	

	
	
	body {
		box-sizing:border-box;
		padding:0 20px;	
	}
	
	#page {
		width:100%;	
		box-sizing:border-box;
	}
	
	.narrowcolumn {
		float:left;
		width:68%;
		box-sizing:border-box;	
		padding:0 15px;
	}	
	
	#sidebar {
		float:left;
		width:30%;
		box-sizing:border-box;	
		padding:15px;
	}
	
	#sidebar ul ul, #sidebar ul ol{
		margin:5px 0;	
	}
	
	#sidebar ul ul li, #sidebar ul ol li {
		font-size:13px;	
	}
	
	#sidebar ul ul li a , #sidebar ul ol li a {
		font-size:13px;
		display:inline-block;
		padding:10px 0;
		
	}
	
	#sidebar ul ul li::before {
		content:"";	
	}
	
	#sidebar ul ul li a::before {
		content: "» ";	
	}
	
	#sidebar h2 {
		font-size:16px;	
	}
	
	#footer {
		width:100%;
		box-sizing:border-box;
		padding:0 15px;
	}
	
	#content iframe {
		width:100%;
	}
	
}

@media (max-width: 767px) {
	body {
		box-sizing:border-box;
		padding:0 15px;	
	}
	
	#header {
		width:100%;
		background-position:left top;
	}
	
	
	
	#page {
		width:100%;	
		box-sizing:border-box;
	}
	
	.narrowcolumn {
		float:none;
		width:100%;
		box-sizing:border-box;	
		padding:0 15px;
	}	
	
	#sidebar {
		float:none;
		width:100%;
		box-sizing:border-box;	
		padding:0 20px;
	}
	
	#sidebar ul ul li, #sidebar ul ol li {
		padding:10px 0;
		font-size:13px;	
	}
	
	#sidebar ul ul li a , #sidebar ul ol li a {
		font-size:13px;
		display:inline-block;
		padding:10px 0;
		
	}
	
	#sidebar ul ul li::before {
		content:"";	
	}
	
	#sidebar ul ul li a::before {
		content: "» ";	
	}
	
	#sidebar h2 {
		font-size:16px;	
	}
	
	#footer {
		width:100%;
		box-sizing:border-box;
		padding:0 15px;
	}
	
	#content iframe {
		width:100%;
	}
	
}

@media (max-width: 480px) {
#hide{display:none;}
.auto-style3 tbody tr td{padding:5px 0;}
#sidebar ul ul dt{padding:7px;}
	body {
		box-sizing:border-box;
		padding:0 8px;	
	}
	
	#header {
		width:100%;
		background-position:left top;
	}
	
	#headerimg {
		width:100%;
		float:none;
		padding:0;
	}
	
	#headerimg h1 {
		width:100%;	
		float:none;
		text-align:center;
		background:rgba(0,0,0,0.49);
		padding:10px 10px;
		box-sizing:border-box;
		font-size:22px;
	}
	
	#page {
		width:100%;	
		box-sizing:border-box;
	}
	
	.narrowcolumn {
		float:none;
		width:100%;
		box-sizing:border-box;	
		padding:0 15px;
	}	
	
	#sidebar {
		float:none;
		width:100%;
		box-sizing:border-box;	
		padding:0 20px;
	}
	
	#sidebar ul ul li, #sidebar ul ol li {
		padding:10px 0;
		font-size:13px;	
	}
	
	#sidebar ul ul li a , #sidebar ul ol li a {
		font-size:13px;
		display:inline-block;
		padding:10px 0;
		
	}
	
	#sidebar ul ul li::before {
		content:"";	
	}
	
	#sidebar ul ul li a::before {
		content: "» ";	
	}
	
	#sidebar h2 {
		font-size:16px;	
	}
	
	#footer {
		width:100%;
		box-sizing:border-box;
		padding:0 15px;
	}
	
	#content iframe {
		width:100%;
	}
	
	#sidebar a>img {
		text-align:center;	
	}
}

@media screen and (max-width: 360px){
#hide{display:none;}
.auto-style3 tbody tr td{padding:5px 0;}
#sidebar ul ul dt{padding:7px;}
	body {
		box-sizing:border-box;
		padding:0 8px;	
	}
	
	#header {
		width:100%;
		background-position:left top;
	}
	
	#headerimg {
		width:100%;
		float:none;
		padding:0;
	}
	
	#headerimg h1 {
		width:100%;	
		float:none;
		text-align:center;
		background:rgba(0,0,0,0.49);
		padding:10px 10px;
		box-sizing:border-box;
		font-size:22px;
	}
	
	#page {
		width:100%;	
		box-sizing:border-box;
	}
	
	.narrowcolumn {
		float:none;
		width:100%;
		box-sizing:border-box;	
		padding:0 15px;
	}	
	
	#sidebar {
		float:none;
		width:100%;
		box-sizing:border-box;	
		padding:0 20px;
	}
	
	#sidebar ul ul li, #sidebar ul ol li {
		padding:10px 0;
		font-size:13px;	
	}
	
	#sidebar ul ul li a , #sidebar ul ol li a {
		font-size:13px;
		display:inline-block;
		padding:10px 0;
		
	}
	
	#sidebar ul ul li::before {
		content:"";	
	}
	
	#sidebar ul ul li a::before {
		content: "» ";	
	}
	
	#sidebar h2 {
		font-size:16px;	
	}
	
	#footer {
		width:100%;
		box-sizing:border-box;
		padding:0 15px;
	}
	
	#content iframe {
		width:100%;
	}
	
	#sidebar a>img {
		text-align:center;	
	}
}