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

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

main{position: relative;width: 100%;max-width:1024px;min-width:320px;margin:auto;z-index:100;}
header{position: relative;z-index:1000;}
header img{position: relative;width: 80%;display:block;}
nav.n1{position: relative;text-align:right;color:#ffffff;margin-bottom:10px;box-sizing:border-box;}
nav.n2{position: relative;width:100%;}
nav.n1 a{display:inline-block;color:#ffffff;margin:1px 3px;font-size:0.9em;}
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;text-align: center;margin: 5px;color:#000000;border:1px solid #666666;box-shadow:2px 2px 4px #444444;}
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: #ffffff;}
div.dh_n{position:relative;display:none;background: #ffffff;padding:2px 0;}
div.dh_w a{position: relative;display:inline-block;margin:3px 3px 5px 3px;padding: 0px 10px;color:#000000;text-decoration:none;border:1px solid #666666;box-shadow:2px 2px 4px #444444;font-weight:700;}
div.dh_w a.a1{color:#ff0000;}
div.dh_n a.nm{display:inline-block;margin:3px 3px 5px 3px;padding: 0px 10px;color:#000000;text-decoration:none;border:1px solid #666666;box-shadow:2px 2px 4px #444444;font-weight:700;}
div#nm{position:absolute;left:5px;top:30px;display:none;border:1px solid #000000;background:#ffffff;width:190px;}
div#nm a{position: relative;display:block;margin:3px 5px 5px 3px;padding: 3px 20px;color:#000000;text-decoration:none;text-align:center;border:1px solid #666666;box-shadow:2px 2px 4px #444444;font-weight:700;}
div#nm a.a1{color:#ff0000;}
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 0;color:#000000;font:1.0em arial;background:#ffffff;box-sizing: border-box;}
qdiv.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:#ff2000 linear-gradient(to bottom,#ff2000,#cc6600);box-sizing: border-box;}
div.dh2_1{position: relative;padding:3px 5px 5px 5px;font:1.2em verdana;color:#000000;}
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;}
qdiv.dh3 ol{position: relative;padding-left:20px;font:0.9em arial;margin:auto;}
qdiv.dh3 ol a,div.dh3 a{color:#006699;}
qdiv.dh3 ol a:hover,div.dh3 a:hover{text-decoration:none;}

qdiv.dpf{position: relative;margin: 9px auto;padding: 0px 9px 9px 9px;text-align: left;color: #ffffff;font: 700 2.0em verdana;background:#022a9bc1;}
qdiv.dpf span.r{color: #fe0202;}
qdiv.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;}
qdiv.dpf1_1{position: relative;margin: 5px 20px;color: #0b3398;font: 1.1em verdana;}
qdiv.dpf1_1 strong{font: 700 italic 1.2em verdana;}
qdiv.dpf1_1 strong.p1{font: 700 italic 1.7em verdana;color: #fe0202;}

div.dp0{position: relative;text-align: center;}
div.dp{position: relative;display:inline-block;width: 30%;margin:0.5%;height:110px;padding: 10px 9px 0px 9px;font: 1.1em tahoma;border:1px solid #000000;box-shadow:2px 2px 4px #888888;vertical-align:middle;}
div.dp1{margin: 2px;color: #666666;box-sizing:border-box;}
div.dp1_1{margin-bottom: 2px;color: #666666;width: 100%;padding: 2px 9px;}
div.dp1_2{margin: 0px;color: #666666;}
div.dp2{font-weight: 700;margin: 2px;text-align: center;padding-top: 15px;}
div.dp2 a{display:block;font-weight:400;color: #666666;}
div.dp2 a:hover{color: #000000;text-decoration: none;}
span.sp3{color: #000000;}
span.sp4{color: #aaaaaa;}

table.tbpick{position: relative;width: 100%;font:0.9em arial;color:#000000;background:#ffffff;}
table.tbpick tr:nth-child(odd){background:#f8f8f8;}
table.tbpick td{text-align:center;border-bottom:1px solid #dddddd;}
table.tbpick td span.w{font:1.0em verdana;font-weight:700;}
table.tbpick td span.l{font:1.0em verdana;}
table.tbpick td span.d{font:1.0em verdana;}
table.tbpick tr.trh4 td{font:700 1.0em verdana;color:#000000;padding:5px 0;background:#cccccc;}
table.tbpick tr.trh2 td{font:1.2em arial;}

div.arch{position: relative;margin: 0px;display:inline-block;}
div.arch a{display: inline-block;color:#000000;margin: 2px 3px;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:#000000;text-align: left;background:#cccccc;}


div.p1{margin: 10px;line-height: 1.5em;}
div.p{color: #bbbbbb;}

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{margin:1px 5px 1px 1px;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;}
	qdiv.dpf1{width: 90%;}
	div.dp{width: 91%;}
	
	
	input.in1{width:100px;}
	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.dp{width: 93%;}
	
	
	qdiv.dpf1{width: 90%;}
	input.in1{width:120px;}
	textarea{width:80%;}
}

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