@font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(open-sans-regular.woff) format('woff');}
* {font-family:"Open Sans", Segoe UI, SegoeUI, Verdana, Arial, Helvetica, Sans-serif;}
html,body{margin:0;padding:0;font-size:15px;line-height:1.5;background:white;color:black;}
img {border:0;vertical-align: middle;}
img.shadow {filter:drop-shadow(2px 2px 2px #999);}
img.hcenter{display:block;margin:0 auto;}
a {color:#2a4acb;}
a:visited {color:#2a4a99;}
a:hover{color:#a03300;}
h1, h2, h3, h4 {margin:1.5rem 0 1rem 0;color:#268726;font-weight:600;}
h1 {font-size:2.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
h2 {font-size:1.8rem;}
h3 {font-size:1.4rem;}
h4 {font-size:1.2rem;color:#1c631c;}
h1 a, h1 a:visited{color:#268726;}
h1 a:hover{color:#1c631c;}
input, textarea, select{font-size:1rem;padding:2px 6px;}
select{font-size:1rem;padding:2px 6px;}
input[type="submit"],input[type="reset"],input[type="button"]{cursor:pointer;min-width:110px;padding:.3em;border-radius:3px;border:1px solid #aaa;}
input[type="image"]{border:0;box-shadow:none;padding:0;}
input[type="text"], textarea, select{box-sizing:border-box; min-width:90px;width:100%;}
textarea{resize:none;}
input[type="text"].buttonleft{width:auto;margin-right:0.5em;}
form>label, div>label{margin:1em 0 0.4em 0;display:block;}
form>p.buttons{text-align:right;}

ol, ul{overflow:hidden;list-style:none;counter-reset:num;padding-left:0;margin:0.5em 0;}
li {position:relative;padding-left:1.8em;margin:0 0 0.5em 0;}
ul>li{padding-left:1.2em;}
li:before{position:absolute;border:0;text-align:center;content:"";left:0;height:1.5em;width:1.5em;border-radius:50%;background:#005aa3;color:white;}
ol>li:before{content:counter(num); counter-increment:num;}
ul>li:before{top:0.45em;left:0.15em;width:0.6em;height:0.6em;}
ul.compact{margin:0;}
ul.compact li{margin:0;}
ul.simple>li{padding-left:0;}
ul.simple>li:before{background:transparent;}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, p:first-child{margin-top:0;}
h1:only-child, h2:only-child, h3:only-child, h4:only-child, p:only-child{margin-bottom:0;}
p:last-child, ul:last-child, ol:last-child{margin-bottom:0;}

/*layout:
g_header
	g_fw
g_main
	g_fw --contents here--
g_footer
	g_fw
*/

.g_fw {min-width:720px;max-width:1140px;padding:0 1em; margin:0 auto;}

.g_header {z-index:8;position:fixed;width:100%;padding-top:9px;height:51px;font-size:0.9rem;white-space:nowrap;overflow:hidden;color:white;background:#005aa3;}
.g_header a {text-decoration:none;color:white;}
.g_header>.g_fw>a {margin-right:20px;}
.g_header .button {display:inline-block; margin:23px 10px 0 10px; height:28px;vertical-align: top;}
.g_header .button .menu {z-index:9;display:none;position:fixed;top:60px;min-width:200px;background:white;border:1px solid #aaa; box-shadow:1px 1px 5px #999;}
.g_header .button:hover .menu {display: block;}
.g_header .button>.menu>* {margin:1px;}
.g_header .button>.menu a{display:block;padding:0.5em;color:#333;}
.g_header .button>.menu a:hover{background:#76b900;}
.g_header .button>.menu .sp{margin:0.5em 1px;border-top:1px solid #ddd;}

.g_main {min-height:100vh;padding-top:60px;box-sizing:border-box;background:transparent;}
.g_main .g_fw{padding-top:2em;padding-bottom:5em;}

.g_footer {height:40px;margin-top:-40px;background:#333;color:white;}
.g_footer .g_fw {height:100%;text-align:right;white-space:nowrap;overflow:hidden;}
.g_footer p {text-align:right;line-height:40px;margin:0;font-size:0.8rem;}
.g_footer p:first-child{float:left;margin-right:1em;}
.g_footer a {text-decoration:none; margin:0 0.5em;color:#76b900;}
.g_footer a:hover {text-decoration:underline;}
.g_footer a:last-child {margin-right:0;}

.s_title{display:flex;display:-webkit-flex;margin-bottom:1em;}
.s_title>*:first-child{flex:1;padding:0;margin:0;}
.s_title>*:first-child h2 a, .s_title>*:first-child h2 a:visited{color:inherit;text-decoration:none;}
.s_title>*:first-child h2 a:hover{text-decoration:underline;}
.s_title>*:last-child{flex:none;max-width:40%;margin-left:1em;}
.s_title img{display:block;margin:0 auto;max-width:100%;height:auto;}

.s_float_r, .s_float_r2{float:right; margin:0 0 1em 1em;}
.s_float_l, .s_float_l2{float:left; margin:0 1em 1em 0;}
.s_float_r2, .s_float_l2{max-width:30%;}
img.s_float_r, img.s_float_l, img.s_float_r2, img.s_float_l2{height:auto;}

.s_button, .s_button:visited{min-width:100px;display:inline-block;text-align:center;text-decoration:none;margin:8px 18px 8px 0;padding:5px 8px;border-radius:3px;transition:background 0.2s;background:#268726;color:white;}
.s_button:last-child, .s_button:last-child:visited{margin-right:0;}
.s_button:hover{color:white;background:#1c631c;}
.s_button2, .s_button2:visited{background:#d6750a;}
.s_button2:hover{background:#b76409;}
.s_button3, .s_button3:visited{background:#0076d6;}
.s_button3:hover{background:#005aa3;}
.s_buttonsmall, .s_buttonsmall:visited{display:inline-block;text-decoration:none;margin:1px 0;padding:0 4px;border-radius:3px;background:#eee;border:1px solid #aaa;}

.s_tip {font-size:0.9rem;margin:1em 0;padding:8px;border-radius:3px;background:#eee; border:1px solid #aaa;}
.s_tipicon:before{content:"i";display:inline-block;line-height:1.4em;width:1.4em;text-align:center;margin-right:0.3em;border-radius:50%;color:white;background:#005aa3;}
.s_tip>ul:first-child, .s_tip>ol:first-child{margin-top:0;}

.s_sp {clear:both;height:1px;margin:1.4em 0;border-bottom:1px solid #268726; border-bottom:1px solid rgba(38, 135, 38, 0.5);}
.s_sp2 {clear:both;height:0;margin:1.4em 0;}

.s_smallfont{font-size:0.9rem;}
.s_clrheader{color:white;background:#005aa3;}
.s_clrgreen{border:3px solid #00cc00;background:transparent;}
.s_bline{border-bottom:1px solid #268726; border-bottom:1px solid rgba(38, 135, 38, 0.5);}
.subtitle{font-size:1.1rem;margin:0.5em 0;color:#1c631c;}

/* Use 2 col to show icon on left, title on right*/
.icontitle{display:flex;align-items:flex-start;}
.icontitle>*{flex:1;}
.icontitle>*:first-child{flex:none;margin:0 0.5em 0 0;}
.icontitle>*:last-child{align-self:center;margin:0;}

div.s_switch {overflow:hidden;;margin:1em 0;}
div.s_switch>ul{float:left;min-width:160px;max-width:30%;font-size:0.9rem;padding-left:0;margin:0 2em 0 0;text-align:right;}
div.s_switch>ul>li:before{content:inherit;}
div.s_switch>ul>li{cursor:pointer;margin:0;padding:0.5em;margin-bottom:1em;border-radius:3px;background:#eee;border:1px solid #aaa;}
div.s_switch>ul>li.show{background:inherit;}
div.s_switch>div{overflow:hidden;z-index:0;display:none;visibility:hidden;margin-bottom:1em;}
div.s_switch>div.show{z-index:1;display:block;visibility:visible;}

.anchor{display:block;position:relative; top:-60px;visibility:hidden;}

.sr{display:flex;display:-webkit-flex;justify-content:space-between;margin:1em 0;}
.sr>*{flex:1;overflow:hidden;margin-right:1.5em;}
.sr>*:last-child{margin-right:0;}
.sr>* img{max-width:100%;height:auto;}
.srwithsp>*{padding:0;padding-right:1em;border-right:1px solid #bbb;}
.srwithsp>*:last-child{padding-right:0;border-right:0;}
.srwithbg>*{padding:0.6em 1em;background:#f2f2f2;}
.srwithborder>*{padding:0.6em 1em;border:1px solid #aaa;}
.srround>*{border-radius:12px;}
.srcenterall>*{text-align:center;}
.srcenterall>* img{display:block;margin:0.2em auto;}
.srmax2{flex-wrap:wrap;}
.srmax2>*{min-width:40%;margin-bottom:1.5em;}
.srmax2>*:nth-child(2n){margin-right:0;}

/* r = last col dync size, r2 = last col align right but take same width to other cols*/
.sr_floatr, .sr_floatr2{align-items:center;}
.sr_floatr>*:last-child{flex:none;margin-top:0;}
.sr_floatr2>*:last-child{text-align:right;}

@media screen and (max-width:768px) {
  .g_fw{min-width:auto;}
  .s_title{display:block;}
  .s_title>*{max-width:100% !important;margin:0 !important;}
  .s_title img{margin:1em auto;}
  .s_float_r, .s_float_l, .s_float_r2, .s_float_l2{float:none;max-width:100%;margin:0;}
  img.s_float_r, img.s_float_l, img.s_float_r2, img.s_float_l2{margin:1em auto;display:block;}
  div.s_switch>ul{display:none;}
  div.s_switch>div{display:block; visibility:visible;}
  .sr{display:block;}
  .sr>*{width:auto;max-width:100%;margin-right:0;}
  .srwithborder>*{border:0;}
  .srround>*{border-radius:0;}
  .srwithsp>*{padding-right:0;border-right:0;padding-bottom:1em;}
  .srcenterall>*{text-align:left;}
  .srcenterall>* img{display:inline; margin:0 0.3em 0 0;}
  .srmax2>*{margin-bottom:0;}
  .sr_floatr>*:last-child{margin-top:1em;}
}