body{margin:0em;padding:0em;font-family:Arial,Helvetica,sans-serif;font-size:10pt;color:#000;}
.dn{display:none;}
.blk{display:block;}
#header{overflow:hidden;max-width:990px;width:100%;margin:.6em auto 0;border-bottom:1px solid #d3d3d3;vertical-align:top;}

#logo{float:left;font-size:3.0em;font-weight:600;margin:0 0 7px;}
#logo a{color:#e7b604;text-decoration:none;}
#menu{float:left;margin:0 0 -8px 50px;}
#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:#342B09;color:#fff;border-radius:10px;}
#menu a.on{color:#fff;background:#212121;}
#menu .submenu{display:none;position:absolute;margin-top:40px;background:#342B09;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;border-left:1px solid #d3d3d3;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:0 auto;padding:5px 0;font-size:1.2em;}

.idxmainblk{display:flex;flex-direction:row;justify-content:space-around;}
.idxmainstack{display:flex;flex-direction:column;}

.block4{display:inline-block;width:24%;vertical-align:top;}
.block3{display:inline-block;width:31%;margin:0 1%;vertical-align:top;}
.block2{display:inline-block;width:48%;vertical-align:top;}
.eventbox{border:1px solid #c9c9c9;margin-top:7px;}
.eventbox .head{display:block;font-weight:600;background:#e7b604;padding:5px;font-size:1.2em;}
.eventbox div{padding:5px;margin-bottom:5px;}
.verse{display:block;clear:both;font-weight:600;font-size:2.0em;text-align:center;margin:25px 0;}
.verse div{display:inline-block;}

#highlight div{width:225px;}
#highlight a{display:block;width:225px;border:1px solid #c9c9c9;padding:4px;text-decoration:none;text-align:center;border-radius:5px;margin:5px auto;font-weight:600;}
#highlight a:hover{background:#e7b604;}
#footer-full{width:100%overflow:hidden;}
#footer{max-width:990px;width:98%;margin:0 auto;padding:10px 0;border-top:1px solid #d3d3d3;font-size:1.2em;}
#footer b{font-weight:800;}
#footer .block4 a{display:block;padding:15px 0 0;}

/*Slider css*/
* {box-sizing:border-box}
.slide{display:none;}
.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:16px;color:white;font-weight:bold;font-size:18px;transition:0.6s ease;border-radius:0 3px 3px 0; user-select:none;}
.next{right:0;border-radius:3px 0 0 3px;}
.prev:hover, .next:hover{background-color: rgba(0,0,0,0.8);}
.dot{cursor:pointer;height:9px;width:9px;margin:0 1px;background-color:#717171;border-radius:50%;display:inline-block;transition:background-color 0.6s ease;}
.active,.dot:hover{background-color:#fff;}
.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s;}
@-webkit-keyframes fade{from{opacity:.4} to {opacity:1}}
@keyframes fade{from{opacity:.4} to {opacity:1}}

@media (max-width:980px){
  .idxmainblk{flex-direction:column;}
  .idxmainstack{flex-direction:row;justify-content:center;margin-top:15px;}
  .eventbox{margin:0 0 0 15px;}
  #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;}

}
@media (max-width:705px){
  .verse div{display:block;}
}
@media (max-width:460px){
  .idxmainstack{display:block;text-align:center;}
  .eventbox{margin:10px auto 0;text-align:left;}
}
@media (max-width:460px){
  .verse{font-size:1.6em;}
}

#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;}