/*##########################################*/
body 
* { box-sizing: border-box; font-family: 'Apercu Pro Normal'; }
button:hover { cursor:pointer; }
/*##########################################*/
/* header */

@media screen and (min-width: 1000px){
 p.ph1main { text-align: center; font-weight: bold; font-size:22px; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; margin:0px; padding:16px; }
 p.ph2main { text-align: center; font-weight: bold; font-size:16px; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; margin:0px; }
 p.ph3main { text-align: center; font-weight: bold; font-size:15px; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; display: block; height:50px; padding: 14px 16px; text-decoration: none; transition: background-color 0.2s ease; margin: 0px; }
 a.ah1main { text-align: center; font-weight: bold; font-size:15px; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; display: block; height:50px; padding: 14px 16px; text-decoration: none; transition: background-color 0.2s ease; }
 a.ah2main { text-align: center; font-weight: bold; font-size:15px; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; display: block; height:50px; padding:  7px 16px; text-decoration: none; transition: background-color 0.2s ease; }
 img.ih1main { padding: 5px 3px; width:150px; height:60px; margin: 0px; display: block; cursor:pointer; }
 img.ih3main { padding: 0px 2px 0px 5px; width: 57px; height:50px; margin: 0px; display: block; }
 li.lh1main { float:left; height: 50px; }
 li.lh2main { height: 50px; }
 div.dh2main { margin: auto; height:50px; padding: 5px 5px; }
 ul.uh1main { list-style-type: none; margin: 0 auto; padding: 0; height: 50px; background-color:#0a5943; border-spacing: 0; }
 ul.uh2main { list-style-type: none; margin: 0 auto; padding: 0; background-color:#0a5943; border-spacing: 0; display : none; }
}

@media screen and (max-width: 1000px) and (min-width: 800px) {
 p.ph1main { text-align: center; font-weight: bold; font-size:16px; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; margin:0px; padding:20px; }
 p.ph2main { text-align: center; font-weight: bold; font-size:13px; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; margin:0px; }
 p.ph3main { text-align: center; font-weight: bold; font-size:13px; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; display: block; height:50px; padding: 15px 10px; text-decoration: none; transition: background-color 0.2s ease; margin: 0px; }
 a.ah1main { text-align: center; font-weight: bold; font-size:13px; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; display: block; height:50px; padding: 15px 10px; text-decoration: none; transition: background-color 0.2s ease; }
 a.ah2main { text-align: center; font-weight: bold; font-size:13px; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; display: block; height:50px; padding:  8px 10px; text-decoration: none; transition: background-color 0.2s ease; }
 img.ih1main { padding: 10px 3px; width:120px; height:60px; margin: 0px; display: block; cursor:pointer; }
 img.ih3main { padding: 0px 2px 0px 5px; width: 57px; height:50px; margin: 0px; display: block; }
 li.lh1main { float:left; height: 50px; }
 li.lh2main { height: 50px; }
 div.dh2main { margin: auto; height:50px; padding: 8px 5px; }
 ul.uh1main { list-style-type: none; margin: 0 auto; padding: 0; height: 50px; background-color:#0a5943; border-spacing: 0; }
 ul.uh2main { list-style-type: none; margin: 0 auto; padding: 0; background-color:#0a5943; border-spacing: 0; display : none; }
}

@media screen and (max-width: 800px) {
 p.ph1main { text-align: center; font-weight: bold; font-size:13px; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; margin:0px; padding:21px; }
 p.ph2main { text-align: center; font-weight: bold; font-size:10px; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; margin:0px; }
 p.ph3main { text-align: center; font-weight: bold; font-size:10px; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; display: block; height:45px; padding: 15px 4px; text-decoration: none; transition: background-color 0.2s ease; margin: 0px; }
 a.ah1main { text-align: center; font-weight: bold; font-size:10px; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; display: block; height:45px; padding: 15px 4px; text-decoration: none; transition: background-color 0.2s ease; }
 a.ah2main { text-align: center; font-weight: bold; font-size:10px; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; display: block; height:45px; padding:  8px 4px; text-decoration: none; transition: background-color 0.2s ease; }
 img.ih1main { padding: 10px 3px; width:100px; height:60px; margin: 0px; display: block; cursor:pointer; }
 img.ih3main { padding: 0px 2px 0px 5px; width: 52px; height:45px; margin: 0px; display: block; }
 li.lh1main { float:left; height: 50px; }
 li.lh1main { height: 45px; }
 div.dh2main { margin: auto; height:45px; padding: 9px 5px; }
 ul.uh1main { list-style-type: none; margin: 0 auto; padding: 0; height: 45px; background-color:#0a5943; border-spacing: 0; }
 ul.uh2main { list-style-type: none; margin: 0 auto; padding: 0; background-color:#0a5943; border-spacing: 0; display : none; }
}

table.th1main { width:100%; background-color:#0a5943; border: 4px solid #f1f8f9; border-radius: 13px; border-spacing: 0; }
td.th2main { width: 25%; height:60px; padding:1px; }
td.th3main { width: 50%; height:60px; padding:1px; }
div.dh1main { margin: auto; height:60px; }

img.ih2main { float: right; margin: 0px 5px; padding:12px 0px; width:35px; height:60px; }
input.ih3main { display: block; margin: auto; width:40px; height:40px; }

header.hh1main { position: sticky; z-index: 10; display: block; padding: 15px 0px 10px 0px; }
nav.nh1main { display: block; }

li.lh1main:last-child::before { content: none; }
li.lh1main::before { content: ''; position: absolute; border-color: transparent transparent transparent #bbb; border-style:solid; border-width:1px; }

a.ah1main:hover { background-color: #f1f8f9; color: #0a5943; text-decoration: none; cursor: pointer; }
a.ah2main:hover { background-color: #f1f8f9; color: #0a5943; text-decoration: none; cursor: pointer; }
p.ph3main:hover { background-color: #f1f8f9; color: #0a5943; text-decoration: none; cursor: pointer; }

li.lh3main { float:right; }

/*##########################################*/
/* footer */

table.tf1main { width:100%; background-color:#0a5943; border: 4px solid #f1f8f9; border-radius: 13px; border-spacing: 0; }
table.tf5main { width:100%; border-spacing: 0; }
td.tf2main { width:42%; }
td.tf3main { width:16%; }
td.tf4main { width:100%; }
div.df1main { margin:auto; text-align: center; padding: 2px; }
div.df2main { margin:auto; text-align: center; padding: 2px; }
a.af1main:hover { text-decoration: none; cursor: pointer; }
img.if2main { height:20px; vertical-align: middle; display: inline-block; }

@media screen and (min-width: 1000px){
 p.pf1main { font-size:16px; font-weight: bold; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; margin: 5px; text-align: left; }
 p.pf2main { font-size:15px; font-weight: bold; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; margin: 5px; text-align: left; }
 p.pf3main { font-size:16px; font-weight: bold; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; margin: 5px; text-align: right; }
 p.pf4main { font-size:15px; font-weight: bold; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; margin: 5px; text-align: right; }
 p.pf5main { font-size:12px; font-weight: bold; color:#000000; float:right; margin:0px; }
 p.pf6main { font-size:15px; font-weight: bold; font-style: italic; margin-right:140px; }
 a.af1main { font-size:15px; font-weight: bold;  color:#0a5943; text-shadow:1px 1px 1px #aaa; padding: 0px; text-align: center; height:25px; display: block;  text-decoration: none; transition: background-color 0.2s ease; }
 img.if1main { border: 2px solid #f1f8f9; border-radius: 5px; border-spacing: 0; padding: 5px; width:140px; height:50px; display:block; margin:auto; }
}

@media screen and (max-width: 1000px) and (min-width: 800px) {
 p.pf1main { font-size:13px; font-weight: bold; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; margin: 5px; text-align: left; }
 p.pf2main { font-size:12px; font-weight: bold; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; margin: 5px; text-align: left; }
 p.pf3main { font-size:13px; font-weight: bold; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; margin: 5px; text-align: right; }
 p.pf4main { font-size:12px; font-weight: bold; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; margin: 5px; text-align: right; }
 p.pf5main { font-size:11px; font-weight: bold; color:#000000; float:right; margin:0px; }
 p.pf6main { font-size:11px; font-weight: bold; font-style: italic; margin-right:140px; }
 a.af1main { font-size:13px; font-weight: bold;  color:#0a5943; text-shadow:1px 1px 1px #aaa; padding: 0px; text-align: center; height:25px; display: block;  text-decoration: none; transition: background-color 0.2s ease; }
 img.if1main { border: 2px solid #f1f8f9; border-radius: 5px; border-spacing: 0; padding: 5px; width:112px; height:40px; display:block; margin:auto; }
}

@media screen and (max-width: 800px) {
 p.pf1main { font-size:12px; font-weight: bold; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; margin: 5px; text-align: left; }
 p.pf2main { font-size:11px; font-weight: bold; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; margin: 5px; text-align: left; }
 p.pf3main { font-size:12px; font-weight: bold; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; margin: 5px; text-align: right; }
 p.pf4main { font-size:11px; font-weight: bold; color:#f1f8f9; text-shadow:1px 1px 1px #aaa; margin: 5px; text-align: right; }
 p.pf5main { font-size:10px; font-weight: bold; color:#000000; float:right; margin:0px; }
 p.pf6main { font-size:10px; font-weight: bold; font-style: italic; margin-right:140px; }
 a.af1main { font-size:10px; font-weight: bold;  color:#0a5943; text-shadow:1px 1px 1px #aaa; padding: 0px; text-align: center; height:25px; display: block;  text-decoration: none; transition: background-color 0.2s ease; }
 img.if1main { border: 2px solid #f1f8f9; border-radius: 5px; border-spacing: 0; padding: 5px; width:84px; height:30px; display:block; margin:auto; }
}
/*##########################################*/