@charset "UTF-8";
/** page structure **/
#navbar {
  max-width: 1000px;
  margin: 0 auto;
}

.menubtn {
  position: relative; 
  z-index: 101;
  text-decoration: none;
}
.menubtn:hover, .openmenu .menubtn {
}

/** toggle menu **/
body.openmenu {
  position: fixed;
  overflow: hidden;
}

#pgcontainer {}

.overlay {
  position: fixed;
  z-index: 99;
  background-color: rgba(0,0,0,0.5);
  bottom: 0;
  right: 0;
  left: 0;
}

.openmenu .overlay {  top: 0;}


#hamburgermenu {
  height: 100%;
  width: 0;
  background: #004b44;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  overflow: hidden;
  -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  box-shadow: 3px 0 7px rgba(0,0,0,0.55);
}
#hamburgermenu .logo{
	background-image: url(../images/logo_l.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top:60px; font-size:9px; margin-top:20px;
}
#hamburgermenu .logo a{ color:#fff;}
#hamburgermenu ul {
  margin-top: 45px;
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
}
#hamburgermenu ul li {
	width:150px;
	height:42px;
	line-height:42px;
	background-image: url(../images/bg_line.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#hamburgermenu ul li a {
  display: block;
  width: 150px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#hamburgermenu li a:active { color: #fcbb00;}

#hamburgermenu ul .leftup a{ color:#dab866;}