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:15px 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:#000;}
#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:15px 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;}
#phone{display:block;float:right;width:150px;}
#phone a {margin-right:0.12em;text-decoration:none;font-size:1.5em;font-weight:600;color:#342B09;}

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

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

.block4{display:inline-block;width:24%;vertical-align:top;}
.catblock3{display:inline-block;max-width:302px;width:100%;margin:0 1%;vertical-align:top;}
.block2{display:inline-block;width:48%;vertical-align:top;}
.eventbox{border:1px solid #c9c9c9;height:100%;overflow-y:scroll;}
.eventbox div{padding:5px;margin-bottom:5px;}

#highlight{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;}
#highlight div{width:225px;margin:0 5px;}
#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:#e6b04c;}
#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;}

.catblock3 img{max-width:300px;width:100%;height:auto;}
.sold{z-index:2;position:relative;display:block;width:100%;max-width:300px;background:#c9c9c9;opacity:0.5;color:#ff0000;font-weight:600;text-align:center;margin-top:-25px;}
.inquire{z-index:2;position:relative;display:block;width:100%;max-width:300px;background:#c9c9c9;opacity:0.5;font-weight:600;text-align:center;margin-top:-25px;}
.pagination{clear:both;text-align:center;padding:5px 0 10px 0;}
.pagination a{border:1px solid #c9c9c9;padding:5px;text-decoration:none;}
.pagination a:hover{background:#c9c9c9;}
* {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}}

.switch{position:relative;display:inline-block;width:46px;height:25px;}
.switchsm{position:relative;display:inline-block;width:30px;height:16px;}

/*Toggle*/
.switchsm input{opacity:0;width:0;height:0;}
.slidersm{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}
.slidersm:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:2px;background-color:white;-webkit-transition:.4s;transition:.4s;}
input:checked + .slidersm{background-color:#228B22;}
input:checked + .slidersm:before{-webkit-transform:translateX(12px);-ms-transform: translateX(12px);transform: translateX(12px);}
.slidersm.round{border-radius:22px;}
.slidersm.round:before{border-radius: 50%;}
/*Toggle*/
.magnify{position:absolute;z-index:3;width:20px;height:20px;top:2px;right:2px;}

.dn{display:none}
.blk{display:block;}

@media (max-width:980px){
  #footer .block4{width:48%;margin-top:12px;}
  .idxmainstack{margin-left:8px;}
}
@media (max-width:935px){
  #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:725px){
  .idxmainblk{flex-direction:column;}
  .idxmainstack{max-width:100% !important;margin:7px 0 0;}
  .eventbox{margin-left:0 !important;}
  .idxmainstack{max-height:250px !important;}
}
@media (max-width:645px){
  .catblock3{max-width:202px !important;}
}
@media (max-width:500px){
#phone{float:none;width:250px;margin:0 0 0 88px;}
#phone a{margin:0;}
#hb{margin:15px 15px 0 10px !important;}
}
@media (max-width:460px){
  h1{font-size:1.4em;}
  h2{font-size:1.1em;}
}
@media (max-width:430px){
  .catblock3{max-width:302px !important;}
}

.editbtn,.editbtnsm{background-color:#009900;color:#fff;font-size:16px;padding:5px 10px;border:1px solid #000;cursor:pointer;margin:12px 0;}
.editbtnsm{font-size:12px;padding:2px 5px;}
.modal{border:5px solid #e6b04c;background-color:#fff;font-size:13px;padding:5px;z-index:20;overflow:auto;}
.closepop{position:absolute;top:0;right:5px;background:#fff;}
.closepop a{color:#990000;text-decoration:none;}
