body{margin:0em;padding:0em;font-family:Arial,Helvetica,sans-serif;font-size:10pt;color:#000;background:url('img/white-waves.png')}
.dn{display:none;}
.blk{display:block;}
#header{overflow:hidden;max-width:990px;width:100%;margin:.6em auto 0;vertical-align:top;}

#logo{float:left;font-size:3.0em;font-weight:600;margin:0 0 7px;padding:10px 15px;background:#c21460;border-radius:15px;}
#logo a{color:#fff;text-decoration:none;}
#menu{float:right;margin-top:15px;}
#menu a{display:block;float:left;margin-right:0.12em;padding:0.5em 1.0em;text-decoration:none;font-size:1.2em;font-weight:600;color:#342B09;}
#menu a:hover{background:#fe2712;border-radius:10px;color:#fff;}
#menu a.on{color:#fff;background:#212121;}
#menu .submenu{display:none;position:absolute;margin-top:40px;background:#fe2712;min-width:160px;box-shadow:1px 8px 16px 1px rgba(0,0,0,0.2);z-index:11;}
#menu .menu-drop{float:left;overflow:hidden;font-size:1.1em;color:#fff;padding:.3em 1.0em;margin:0;}
#menu .submenu a{font-size:1.0em;float:none;color:#fff;padding:.5em;text-decoration:none;display:block;text-align:left;}
#menu .submenu a:hover{background-color:#fff;color:#342B09;border-radius:0;}
#menu .menu-drop:hover .submenu{display: block;}

#hb{display:none;overflow:hidden;width:35px;margin:0 20px 0 10px;cursor:pointer;float:left;font-size:12px;font-weight:600;color:#000;}
#hb div{width:35px;height:5px;background-color:#000;margin: 6px 0;}
.togoff,.togon{display:block;}

#body{max-width:990px;width:98%;margin:20px auto 0;padding:5px 0;font-size:1.2em;}

.idxblock{background:#fff;border-radius:10px;padding:20px;margin:25px 0;border:1px solid #c9c9c95e;box-shadow:0 3px 0 #c9c9c9;display:flex;flex-flow:row wrap;justify-content:space-between;}
.buttgrn{display:block;border-radius:10px;background:rgb(34, 129, 71);text-decoration:none;padding:10px;color:#fff;font-weight:600;margin-top:5px;}
.block4{display:inline-block;width:24%;vertical-align:top;}
.block3{width:30%;vertical-align:top;}
.block2{display:inline-block;width:48%;vertical-align:top;}

#highlight{display:flex;flex-flow:row wrap;justify-content:space-between;}
#highlight .block3{background:#fff;border-radius:10px;border:1px solid #c9c9c95e;box-shadow:0 3px 0 #c9c9c9;}
#highlight .block3 img{border-radius:10px 10px 0 0;}
#footer-full{width:100%overflow:hidden;}
#footer{max-width:990px;width:98%;margin:0 auto;padding:10px 0;font-size:1.2em;}
#footer b{font-weight:800;}
#footer .block4 a{display:block;padding:7px 0 0;}

@media (max-width:980px){
  .idxmainblk{flex-direction:column;}
  #footer .block4{width:48%;margin-top:12px;}
}
@media (max-width:845px){
  #hb{display:block;}
  .togoff{display:none;}
  .togon{display:block;}
  #menu{background:#342B09;color:#fff;z-index:10;position:absolute;top:85px;left:-45px;border:1px solid #000;border-left:0;border-right:0;}
  #menu a{color:#fff;float:none;width:225px;text-align:left;}
  #menu .menu-drop{padding:.3em 0 .5em;border:0;float:none;}
  #menu .submenu{display:block;position:relative;margin:0 0 0 1.3em;box-shadow:none;}

}
#backtotemp a{z-index:1000;position:absolute;text-align:center;left:50%;margin-left:-80px;top:-40px;transition:0.3s;font-weight:600;padding:5px;height:60px;width:160px;text-decoration:none;font-size:16px;color:#fff;border-radius:0 0 5px 5px;}
#backtotemp a:hover{top:0}
#backbtn{top:20px;background-color:#4c75a1;}