@charset "utf-8";
/* CSS Document */

body {margin: 0px;padding: 0px; background: #022A9B;color: #666666;font: 14px verdana;}
div#bgc{position: absolute;top: 0px;left: 0px;width: 100%;height: 1024px;overflow: hidden;z-index:1;}
div#bgl{position: absolute;top: 0px;left: 50%;margin: 0px 0px 0px -1024px;width: 1024px;height: 719px;background: url(images/bg1000.jpg) no-repeat;}
div#bgr{position: absolute;top: 0px;left: 50%;margin: 0px 0px 0px 0px;width: 1024px;height: 719px;background: url(images/bg1000.jpg) no-repeat;}

main{position: relative;width: 100%;max-width:1024px;min-width:320px;margin:auto;background:#022a9bc1;z-index:100;}
header{position: relative;width: 100%;z-index:1000;}
header img{position: relative;width: 100%;display:block;}
nav.n1{position: relative;width:100%;background: #bfd9ff;box-sizing:border-box;}
nav.n2{position: relative;width:100%;}
nav.n1 a{display:inline-block;color:#000000;margin:1px 5px;}
nav.n1 a:hover{text-decoration:none;}
nav.n1 a.a1{text-decoration:none;}
nav.n1 div.d{position: absolute; top: 30px;border: 1px solid #888888;background: #ffffff;display: none;z-index:100;}
nav.n1 span.srf{display:none;} 
div#dfg{left: 5px;width: 270px;}
div#drg{left: 5px;width: 270px;}
div#dch{left: 5px;width: 270px;}
nav.n1 div.d a.a1{display: block;width: 95%;text-align: right;float: right;margin: 5px;}
nav.n1 div.d1{font-size: 11px;margin: 5px;}
nav.n1 div.d2{font-size: 12px;margin: 5px;border: 1px solid #ffffff;}
div.dh_w{position:relative;display:block;background: #bfd9ff;padding:2px 0;}
div.dh_n{position:relative;display:none;background: #bfd9ff;padding:2px 0;}
div.dh_w a{position: relative;display:inline-block;padding: 2px 10px;color: #022a9B;font:1.1em verdana;border-right: 1px solid #003399;}
div.dh_w a:hover{text-decoration:none;}
div.dh_w a.a1{font-weight:700;text-decoration:none;}
div.dh_n a.nm{display:block;color:#022a9B;font:700 1.1em verdana;padding-left:5px;}
div#nm{position:absolute;left:5px;top:30px;display:none;border:1px solid #000000;background:#bfd9ff;width:190px;}
div#nm a{position: relative;display:block;padding:6px 20px;color:#022a9B;font:1.1em verdana;border-bottom:1px solid #bbbbbb;margin:2px;}
div#nm a.a1{font-weight:700;text-decoration:none;}
div#nm a:hover{text-decoration: none;}
div#nm a:last-child{border-bottom:none;}
div.d_us{position: absolute;top:0;right:2px;color:#ffffff;}

div.dh1{position: relative;padding:4px 5px 6px 10px;font:700 1.0em verdana;color:#000000;box-sizing: border-box;}
div.acc{position: relative;margin:10px;color:#000000;font:1.0em arial;background:#bfd9ff;box-sizing: border-box;}
div.acc1{position: relative;width: 100%;color:#000000;font:1.0em arial;background:#022a9bc1;box-sizing: border-box;}
div.dh2{position: relative;width:100%;padding:3px 5px 5px 5px;font:1.1em verdana;color:#ffffff;background:#022a9b61;box-sizing: border-box;}
div.dh3{position: relative;width: 100%;font: 1.1em arial;padding:10px;box-sizing: border-box;}
div.dh3 span{font-size:1.2em;font-weight:700;color:#006699;}

div.dpf{position: relative;margin: 9px auto;padding: 0px 9px 9px 9px;text-align: left;color: #ffffff;font: 700 2.0em verdana;background:#022a9bc1;}
div.dpf span.r{color: #fe0202;}
div.dpf1{position: relative;width: 66%; border: 3px double #0b3398;border-radius: 5px;margin: 9px auto;padding: 0px 9px 9px 9px;text-align: left;background: url(images/bgf.jpg) no-repeat right;}
div.dpf1_1{position: relative;margin: 5px 20px;color: #0b3398;font: 1.1em verdana;}
div.dpf1_1 strong{font: 700 italic 1.2em verdana;}
div.dpf1_1 strong.p1{font: 700 italic 1.7em verdana;color: #fe0202;}

div.dp{position: relative;border: 3px double #000000;border-radius:5px;margin:9px;padding:9px;box-sizing: border-box;}
div.dp1{position: relative;display:inline-block;font:700 1.1em verdana;margin: 2px;color: #000000;}
div.dp2{position: relative;display:inline-block;font-size: 1.2em;margin:2px 10px 2px 2px;}
div.dp2 a{color: #666666;}
div.dp2 a:hover{color: #000000;text-decoration: none;}

table.tbpick{position: relative;width: 100%;font:0.9em arial;background:#bfd9ff;}
table.tbpick tr:nth-child(odd){background:#f0f0f0;}
table.tbpick td{text-align:center;color:#000000;border-bottom:1px solid #dddddd;}
table.tbpick td span.w{font:1.0em verdana;color:#d56300;}
table.tbpick td span.l{font:1.0em verdana;color:#aaaaaa;}
table.tbpick td span.d{font:1.0em verdana;color:#f5831f;}
table.tbpick tr.trh4 td{font:700 1.0em verdana;color:#ffffff;padding:5px 0;background:#022a9bc1;}
table.tbpick tr.trh2 td{color:#1b3412;font:1.2em arial;background:#ffeeee;border:none;}

div.arch{position: relative;margin: 0px;display:inline-block;}
div.arch a{display: inline-block;color:#000000;margin: 2px 1px;font:1.0em verdana;}
div.arch a:hover{text-decoration:none;}
div.arch strong{font-size:1.1em;margin-left:5px;}
div.stat{font: 1.1em verdana;margin: 5px 0;padding:5px;color:#ffffff;text-align: left;background:#003366;}


div.p1{margin: 10px;line-height: 1.5em;}
div.p{color: #999999;}
div.how1{position: relative;color:#000000;font:1.0em verdana;padding:10px;}
div.how1 a{color:#666666;font-weight:700;}
div.how1 a:hover{color:#000000;}
div.how1 img{border:1px solid #000000;}
div.how1 p.p1{font:1.2em verdana;padding:10px;}

table.tbmail{width: 100%;color:#000000;}
table.tbmail td{font:1.0em arial;}
table.tbmail td.tdr{text-align:right;width:35%;}
table.tbmail td.tdl{text-align:left;}
table.tbmail td.tdc{text-align:center;}
table.tbmail td.td66{color:#bbbbbb;}
table.tbmail td.td16{font-size:1.6em;}
table.tbmail td.td20{font-size:2.0em;}

table.tbmail1{border:1px solid #000000;border-radius:5px;}
table.tbmail1 td{padding:10px 5px;}
table.tbmail1 tr.trb{border:1px solid #000000;}
table.tbmail1 td.tdr1{text-align:right;}
table.tbmail1 a{color:#666666;font-weight:700;}
table.tbmail1 a:hover{color:#000000;text-decoration:none;}

input.in1{height: 18px;margin: 2px 0 2px 4px;font-size: 0.9em;border: 1px solid #888888;color: #000000;}
input::placeholder{color:#cccccc;}
input.in2{width: 30px;margin:3px 0 1px 0;font-size: 1.0em;color: #000000;}


textarea{width:70%;margin: 2px 5px 2px 0px;}

div#dbi{text-align:center;padding-top:5px;}
div#dbi img{display:inline-block;width:88px;height:31px;border:1px solid #888888;margin:2px;display:inline-block;}

footer{position:relative;width:100%;text-align:center;color:#aaaaaa;}
footer hr{width:75%;}

@media all and (max-width:410px) {
	body{font-size:11px;}
	div.dh_w{display:none;}	
	div.dh_n{display:block;}
	div.dpf1{width: 90%;}
	textarea{width:90%;}

}
@media all and (min-width: 410.1px) and  (max-width:768px) {
	body{font-size:12px;}
	div.dh_w{display:none;}	
	div.dh_n{display:block;}
	div.dpf1{width: 90%;}
	textarea{width:80%;}
}

@media all and (min-width: 768.1px) and (max-width:1024px) {
	nav.n1 span.srf{display:inline-block;}
	div.dpf1{width: 80%;}
	textarea{width:70%;}
}
@media all and (min-width: 1024.1px)  {
	nav.n1 span.srf{display:inline-block;}
	textarea{width:60%;}
	
}