html, body, address, blockquote, div, dl, form, ol, pre, dd, dt, tbody, tfoot, th, thead, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { 
    display: block;
}
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 17px;
	color: #000;
	background-color: #FFF;
}
h1, h2, h3, h4, h5, p {
	line-height:1.2;
}
.page_width {
	width: 1200px;
	margin: 0 auto;
    overflow: auto;
}
.bg1 {
	background-color: #FFF;
}

.color1 {
	color:#C000FF;
}

.m_show {
		display:none;
}
.m_hide {
	display:block;
}

.p50 {
	width:50%;
}
.p30 {
	width:30%;
}
.p70 {
	width:70%;
}
.p50, .p30, .p70 {
	float:left;
}
.h_box {
    font-size: 28px;
    margin-top: 10px;
    border: dashed 3px #04759D;
    padding: 5px;
    color: #000DFF;
}
nav#main {
	clear:both;
	background-color:#04759d;
}
nav ul {
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
nav ul li {
	display: inline-block;
	line-height:2.2em;
	padding: 2px 5px;
	margin:4px 8px;
	background-color: #04759d;
	border: 1px solid #FFF;
	font-weight: bold;
}

nav ul li a {
	color: #FFF;
	text-decoration: none;
	font-size:22px;
}
nav ul li:hover {
	background-color:#000;
}
@media screen and (max-width: 1470px) {
	nav ul a {
		font-size: 20px;
		padding: 0 10px;
	}
}
@media screen and (max-width: 1200px) {
  .page_width {
	  width: 100%;
  }
  .bg1 {
	  padding: 0 7px;	
  }
  nav ul li a {
		font-size: 18px;
	}
	nav ul li {
		line-height:1.8em;
		padding:0 4px;
		margin:6px;
	}
}
@media all and (max-width : 768px) {
.p50, .p30, .p70 {
	  width:100%;
	  float:none;
	  clear:both;
}

body {
	font-size:15px;
}
.h_box {
    font-size: 23px;
    margin-top: 8px;
}
nav ul li {
	
	padding: 8px 15px;
	margin: 3px 4px;
	line-height:1.3em;
}
nav ul li a {
	
	font-size: 18px;
}

h1 {
	font-size:20px;
}
}
@media screen and (max-width: 530px) {
	.m_show {
		display:block;
	}
	.m_hide {
		display:none;
	}
    .h_box {
    font-size: 20px;
    margin-top: 5px;
}
	nav ul li { 
		padding:6px;
		line-height:1em;
	}
	nav ul li a { 
		font-size:15px;
	}
}

.d_padding {
	padding:0 3px 0 4px;
}
.txt_center {
	text-align: center;
}
.txt_left {
	text-align: left;
}
.txt_right {
	text-align: right;
}
.c_both {
	clear:both;
}
footer {
	clear:both;
	margin-top:3px;
	color:#CCC;
	font-family:Courier, monospace;
	font-size:12px;
	line-height:2em;
	text-align:center;
}
footer a {
	display:inline-block;
}
h1 {
	color:#006;
	text-decoration:underline;
}
.bigger1 {
	font-size:  17px;
}
.smaller1 {
	font-size: 12px;
}
.font2 {
	font-size:15px;
	line-height:1;
}
.red {
	font-family: Tahoma, Geneva, sans-serif;
	color: #F00;
	background-color: #FFF;
}
.adm_link {
	text-align:right;
	padding:4px;
	font-size:16px;
	background-color:#FBB8B9;
	font-weight:bold;
	display:inline-block;
}
input, textarea, select {
	border: 1px solid #000;
	background-color: #FFF;
}
input, textarea {
	max-width:100%;
}
input[type="submit"] {
	background-color: #00A3FF;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px;
	margin: 6px;
}
input[type="submit"]:hover {
	background-color: #00006F;
	color: #8ED5FD;
}