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

body {margin: 0px;padding: 0px; background: #000000;color: #eeeeee;font: 14px verdana;}
main{position: relative;width: 100%;max-width:1190px;min-width:320px;margin:auto;border:1px solid #333333;}
header{position: relative;z-index:1000;}
header img{position: relative;width: 100%;display:block;}
nav.n1{position: relative;color:#ffffff;background:#333333;}
nav.n1 a{display:inline-block;color:#ffd700;margin:1px 3px;font-size:0.9em;}
nav.n1 a:hover{color:#ffff00;text-decoration:none;}
nav.n1 a.a1{text-decoration:none;font-weight:700;}
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{position: absolute; top: 30px;border: 1px solid #888888;background: #000000;display: none;z-index:100;}
nav.n1 div.d a.a1{text-align: center;margin: 5px;color:#ffffff;text-decoration:underline;}
nav.n1 div.d1{font-size: 11px;margin: 5px;}
nav.n1 div.d2{font-size: 12px;margin: 5px;border: 1px solid #ffffff;}

nav.n2{position: relative;width:100%;}
div.dh_w{position:relative;display:block;background: #000000 linear-gradient(to bottom,#333333,#888888,#333333);}
div.dh_n{position:relative;display:none;background: #000000 linear-gradient(to bottom,#333333,#888888,#333333);}
div.dh_w a{position: relative;display:inline-block;margin:3px 0 5px 0;padding: 0px 10px;color:#ffd700;}
div.dh_w a.a1{font-weight:700;text-decoration:none;}
div.dh_n a.nm{display:inline-block;margin:3px 0 5px 0;padding: 0px 10px;color:#ffd700;font-weight:700;}
div#nm{position:absolute;left:5px;top:30px;display:none;border:1px solid #888888;background:#000000;width:190px;}
div#nm a{position: relative;display:block;margin:3px 5px 7px 3px;padding: 3px 20px;color:#ffffff;text-align:center;background:#333333;}
div#nm a:last-child{border-bottom:none;}
div#nm a.a1{font-weight:700;text-decoration:none;}

div.acc{position: relative;margin:10px;color:#ffffff;font:1.0em arial;border:1px solid #333333;background:#000000;}
div.dh2{position: relative;padding:3px 5px 5px 5px;font:1.1em verdana;color:#ffffff;background:#333333;text-align:right;}
div.dh2_1{position: relative;padding:3px 5px 5px 5px;font:1.2em verdana;color:#000000;}
div.dh3{position: relative;font: 1.1em verdana;padding:10px;}
div.dh3 span{font-size:1.2em;font-weight:700;color:#ffd700;}
div.dh3 a{color:#ffd700;}
div.dh3 a:hover{color:#ffff00;text-decoration:none;}

div.dp0{position: relative;text-align: center;}
div.dp{position: relative;display:inline-block;width: 32%;margin:0.5%;min-height:130px;font: 1.1em tahoma;border:1px solid #666666;vertical-align:middle;;color: #ffffff;text-align:left;background:#333333;}
div.dp1{margin:2px;padding: 2px;font-size:1.2em;}
div.dp1_2{color:#00ff00;}
div.dp2{margin: 2px;text-align: center;padding: 7px 0;}
div.dp2 a{display:block;font-weight:400;color: #ffd700;text-decoration:underline;}
div.dp2 a:hover{color: #ffff00;text-decoration: none;}
div.dp2_1{font-size:1.2em;}
div.dp2_1 a{font-size:1.0em;color:#ffd700;margin-bottom:15px;}
div.dp2_1 a:hover{color:#ffff00;text-decoration: none;}


table.tbpick{position: relative;width: 100%;font:0.9em arial;color:#ffffff;}
table.tbpick tr:nth-child(odd){background:#222222;}
table.tbpick td{text-align:center;}
table.tbpick tr.trh4 td{font:700 1.0em verdana;color:#ffffff;padding:5px 0;background: #000000 linear-gradient(to bottom,#333333,#666666,#333333);}

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

table.tbmail{width: 100%;color:#ffffff;}
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;}

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

input.in1{height: 18px;margin: 2px 0 2px 4px;font-size: 0.9em;border: 1px solid #888888;color: #ffffff;background:#888888;}
input::placeholder{color:#cccccc;}
input.in2{margin:1px 5px 1px 1px;color: #ffffff;background:#888888;}

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.dp{width: 95%;}
		
	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: 95%;}
	
	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: 48%;}
	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%;}
	
}