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

body {margin: 0px;padding: 0px; background: #3e556e; color: #ffffff;font: 14px verdana;}

div.dline{position: relative;width: 100%;background:#132330;}
div.dline>div{position: relative;width: 100%;max-width:1150px;min-width:320px;margin:auto;padding:6px;} 
div.dline>div>a{color:#ffffff;font:700 1.0em verdana;}
div.dline>div>a.a1{text-decoration:none;}

main{position: relative;width: 100%;max-width:1150px;min-width:320px;margin:auto;border-left:1px solid #000000;border-right:1px solid #000000;}
header{position: relative;width: 100%;z-index:1000;}
header img.im1{display:block;width:100%;}
nav#n3{position: absolute;bottom:10px;left:0;width: 100%;background:rgba(50,70,90,0.7);text-align:right;}
div.dh_w{position:relative;display:block;}
div.dh_n{position:relative;display:none;}
nav#n3 a{position:relative;display:inline-block;padding:2px 5px 4px 5px;font:1.1em verdana;color:#ffffff;text-align:center;}
nav#n3 a:hover{text-decoration:none;border-bottom:4px solid #5cbfeb;}
nav#n3 a.a1{font-weight:700;text-decoration:none;border-bottom:4px solid #5cbfeb;}
nav#n3 div.dh_n a.nm{display:inline-block;font-weight:700;padding:2px 5px 4px 5px;text-decoration:none;border-bottom:4px solid #5cbfeb;}
nav#n3 div.dh_n a{display:block;padding:10px 15px;border-bottom:1px solid #bbbbbb;}
nav#n3 div.dh_n a:last-child{border:none;}
nav#n3 div.dh_n a.a1{font-weight:700;text-decoration:}
nav#n3 div#nm{position:absolute;right:15px;top:25px;display:none;border:1px solid #000000;background:rgba(50,70,90,0.7);}
div.dline1{float:left;padding:2px 0px 4px 5px;text-align:left;color:#ffd700;font:italic 1.4em arial;}


section.flex{position:relative;display:flex;clear:both;z-ndex:900;}
section.side{position:relative;flex:1 1 25%;margin:5px;display: flex;flex-direction: column;order:1;}
section.main{position:relative;flex:1 1 75%;margin:5px;order:2;background: radial-gradient(at 50% 0,#7ba9db, transparent 70%);}

section.side div.acc{position: relative;width: 100%;margin-bottom:5px;background:#2f4254;border: 1px solid #000000;border-top-left-radius: 5px;border-top-right-radius: 5px;box-sizing:border-box;}
section.side div.dh2{position: relative;font: 700 1.2em arial;background: #1f3244 url(images/bg_left.jpg);margin: 0px 0px 10px 0px;padding: 4px 5px 5px 7px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom: 1px solid #006699;color:#ffffff;}
section.side div.dh3{position: relative;font: 700 1.2em arial;color:#cccccc;padding:10px;text-align:center;}
section.side div.dh3 span{font-size:1.3em;color:#ffcc00;}
section.side div.dh3 ol{position: relative;padding-left:15px;font:400 0.9em arial;color:#bbbbbb;margin:auto;text-align:left;}
section.side div.dh3 ol a{color:#ffffff;font-size:1.1em;}
section.side img{margin: -20px 0 -10px 0;}
section.side div#dbi{position: relative;text-align:center;}
section.side div#dbi img{display:inline-block;width:88px;height:31px;margin:2px;border:1px solid #888888;}

section.main div.dh1{position: relative;font: 700 1.2em arial;background: #1f3244 url(images/bg_left.jpg);margin: 0px 0px 10px 0px;padding: 4px 5px 5px 7px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom: 1px solid #006699;color:#ffffff;}
section.main div.dh1 span{width: 60%;float: right;font: italic 0.7em arial;margin: 6px 5px 0px 0px;color: #ad0707;display: inline-block;text-align: right;}

table.tbmail{width: 100%;}
table.tbmail td.tdl{text-align: left;width:60%;}
table.tbmail td.tdr{text-align: right;}

table.tbpick{width: 100%;margin-bottom: 20px;}
table.tbpick td{text-align:center;color:#ffffff;border: none;border-bottom: 1px solid #aaaaaa;}
table.tbpick tr.trh4 td{font: 0.8em arial;color:#ffffff;background: #45647e;}
table.tbpick tr.trh1 td{font: 1.0em verdana;}
table.tbpick tr.tt1{background: #45647e;font: 700 1.0em verdana;color:#666666;}
table.tbpick tr.tt1 td.td1{text-align: right;}
table.tbpick tr.tt1 td.td2{text-align: center;}
table.tbpick tr.tt2 td{background:#34536d url(images/bg_left.jpg) repeat-x;}
table.tbpick tr.tt2 td{text-align: left;font: 700 14px verdana;color:#ffffff;}

div.frd1{position: relative;width: 97%;border: 5px double #aaaaaa;border-radius: 10px;margin: 10px auto;}
div.frd2{position: relative;background:#3e556e;border-bottom: 1px solid #aeaeae;border-top-left-radius: 5px;border-top-right-radius: 5px;text-align: left;padding:5px 20px 5px 0px;font: 700 1.6em verdana;color:#ffffff;text-align:right;}
div.frd3{position: relative;text-align: center;padding:5px auto;font: 700 2.5em verdana;color: #ffd700;text-shadow:1px 1px black;}
div.frd4{position: relative;width:70%;text-align: center;margin: 5px auto;padding:2px;font:700 1.8em verdana;color: #ffd700;border-bottom:1px solid #aaaaaa;}
div.frd5{position: relative;width:60%;text-align: center;margin: 5px auto 15px auto;padding:2px;font: 1.1em verdana;color: #ffffff;}
div.frd5 span{font:700 1.2em verdana;color: #ffd700;}

div.arch{margin: 10px 0px;}
div.arch a{display: inline-block;color: #ffffff;margin: 3px 10px;font: 1.2em verdana;}
div.arch a:hover{text-decoration:none;}
div.stat{font-size: 1.2em;background: #45647e;margin: 5px;padding:5px;color: #ffffff;font-weight: 700;text-align: left;border: 1px solid #aaaaaa;}

div.how{position: relative;color:#aaaaaa;font:0.9em verdana;}
ol.ol1 li{font:700 1.1em courier;}
ol.ol1 ul li{font:700 1.2em courier;color:#cccccc;}
ol.ol1 ul li:hover{color:#ffcc00;}
ol.ol1 a{color:#ffffff;}
ol.ol1 a:hover{text-decoration:none;}
div.how1{position: relative;color:#cccccc;font:1.1em verdana;}
div.how1 a{color:#ffffff;}
div.how1 img{margin:3px;}

input.in1{width: 150px;height: 18px;margin: 2px 5px 4px 0px;font-size: 1.0em;border: 1px solid #cccccc;color: #000000;vertical-align: middle;}
input.in2{width: 30px;height: 16px;margin: 2px 5px 2px 0px;font-size: 1.0em;color: #000000;vertical-align: middle;}
footer{position: relative;width:100%;padding:5px 0px;font:0.9em verdana;color:#dddddd;text-align:center;}

@media all and (max-width:410px) {
	body{font-size:11px;}
	div.dh_n{display:block;}
	div.dh_w{display:none;}	
	section.flex{display:block;}
	section.main{margin:5px;order:1;}
	section.side{order:2;}
	table.tbmail td.tdl{width:80%;}
	
	textarea{width:90%;}

}
@media all and (min-width: 410.1px) and  (max-width:768px) {
	body{font-size:12px;}
	div.dh_n{display:block;}
	div.dh_w{display:none;}
	section.flex{display:block;}
	section.main{margin:5px;order:1}
	section.side{order:2;}
	table.tbmail td.tdl{width:70%;}
	
	textarea{width:90%;}
}

@media all and (min-width: 768.1px) and (max-width:1024px) {
	
	textarea{width:70%;}
}
@media all and (min-width: 1024.1px)  {
	
	textarea{width:60%;}
	
}