.more {background-color:#fff; -webkit-transition:background-color 0.5s, color 0.5s; -moz-transition:background-color 0.5s, color 0.5s; -o-transition:background-color 0.5s, color 0.5s; -ms-transition:background-color 0.5s, color 0.5s; transition:background-color 0.5s, color 0.5s;}
.more{color:#0287c9; background-color:#fff; padding:8px 20px; border:1px solid #dadada; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; display:block; clear:both; margin:0 !important; width:auto; float:left; font-size:14px; font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:400;}
a.more {color:#0287c9; padding:8px 20px; border:1px solid #dadada; font-size:12px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; display:block; float:left; margin-top:20px;}
a.more:hover {background-color:#0287c9; color:#ffffff !important; text-decoration:none;}
a.more.center {display:inline-block; float:none !important;}
.more:hover {background-color:#0287c9;}

.warbeli{z-index:2; background-color:#666666; border:none; color:#fff; position:relative; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.warbeli:hover:after {width:100%; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.more.warbeli {color:#cacaca; border-color:#666666; TEXT-DECORATION: none}
.more.warbeli:hover {background-color:#666666;}
.warbeli:hover {color:#fff;}
.warbeli:after {opacity:0.4; z-index:-1; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; content:""; position:absolute; top:0; bottom:0; left:0; right:0; width:0; background-color:#CCCCCC; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.buffer0 {margin-top:0; margin-bottom:0;}

.wardown{z-index:2; background-color:#C0C0C0; border:none; color:#fff; position:relative; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.wardown:hover:after {width:100%; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.more.wardown {color:#000000; border-color:#666666; TEXT-DECORATION: none}
.more.wardown:hover {background-color:#666666;}
.wardown:hover {color:#fff;}
.wardown:after {opacity:0.4; z-index:-1; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; content:""; position:absolute; top:0; bottom:0; left:0; right:0; width:0; background-color:#CCCCCC; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.buffer0 {margin-top:0; margin-bottom:0;}

.warmore{z-index:2; background-color:#fff; border:none; color:#fff; position:relative; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.warmore:hover:after {width:100%; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.more.warmore {color:#0287c9; border-color:#dadada; TEXT-DECORATION: none}
.more.warmore:hover {background-color:#0287c9;}
.warmore:hover {color:#fff;}
.warmore:after {opacity:0.4; z-index:-1; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; content:""; position:absolute; top:0; bottom:0; left:0; right:0; width:0; background-color:#CCCCCC; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.buffer0 {margin-top:0; margin-bottom:0;}

A.homelink {FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: none}
A.homelink:visited {FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: none}
A.homelink:hover {FONT-SIZE: 13px; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; COLOR: #ff9900; TEXT-DECORATION: underline overline}





/* Menampilkan elemen dengan class 'tampilkan-hp' pada layar mobile */
@media (min-width: 767px) {
  .tampilkan-hp {
    display: none;
  }
}

/* Menyembunyikan elemen dengan class 'sembunyikan-hp' pada layar mobile */
@media (max-width: 767px) {
  .sembunyikan-hp {
    display: none;
  }
}

/* Menampilkan elemen dengan class 'header' pada layar mobile */
@media (max-width: 767px) {
  #header {
    Z-INDEX: 99; POSITION: relative; PADDING-BOTTOM: 4px; MAX-WIDTH: 767px; MARGIN-BOTTOM: 7px; HEIGHT: 80px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto;
  }
}

/* Menampilkan elemen dengan class 'header top' pada layar mobile */
@media (max-width: 767px) {
  .tampilkan-hp #header #top {
    Z-INDEX: 9; POSITION: absolute; MIN-WIDTH: 400px; TOP: 0px; LEFT: 0px; RIGHT: 210px;
  }
}

/* Menampilkan elemen dengan class 'header top' pada layar mobile */
@media (max-width: 767px) {
  .tampilkan-hp #header #search {
    Z-INDEX: 15; POSITION: absolute; MARGIN-TOP: 100px; WIDTH: 50px; MARGIN-LEFT: 335px;
  }
}

/* Menampilkan elemen dengan class 'header search input' pada layar mobile */
@media (max-width: 767px) {
  .tampilkan-hp #header #search INPUT {
    BORDER-BOTTOM: #333 1px solid; BORDER-LEFT: #333 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 33px; WIDTH: 130px; PADDING-RIGHT: 1px; BACKGROUND: #000; HEIGHT: 21px; COLOR: #999; BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; PADDING-TOP: 1px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;
  }
}

/* Menampilkan elemen dengan class 'container' pada layar mobile */
@media (max-width: 767px) {
  #container {
    TEXT-ALIGN: left; PADDING-BOTTOM: 8px; PADDING-LEFT: 8px; MIN-WIDTH: 93%; PADDING-RIGHT: 8px; BACKGROUND: #e0e0e0; MARGIN-LEFT: auto; MARGIN-RIGHT: auto; PADDING-TOP: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 0px 0px 8px #000; -webkit-box-shadow: 0px 0px 8px #000; box-shadow: 0px 0px 8px #000;
  }

}/* Menyembunyikan elemen dengan class '.frmkiri_submenu.sembunyikan-hp + .frmkanan_submenu' pada layar mobile */
@media (max-width: 767px) {
  .frmkiri_submenu.sembunyikan-hp + .frmkanan_submenu {
    MARGIN-LEFT: 0px;  MARGIN-RIGHT: 2px;
  }
}