@charset "UTF-8";
html { overflow-y: scroll; }
body {
  width: 100%;
  background-color:#f5f5f5;
  line-height: 1;
}


blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/** page structure **/
#content {
background-color:#fff;
  max-width: 1000px;
  padding: 5px 0px;
  margin: 5px auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;

}

header {

}

#navbar {
	display: block;
  max-width: 1000px;
  margin: 0 auto;
}

#navbar ul { background-color:#fff;height:50px;line-height:50px;vertical-align:middle;display: block;padding:0px; margin:0px;}
#navbar ul li{margin:0px 20px;}
#navbar ul li a:visited{background-color:red}

.sh-logo {
    margin: 10px 0px !important;
    float: left;
    width: 100px;
    height: 30px;
    text-indent: -999px;
    background: url(/images/sh-logo.png) no-repeat 0 0;
	background-size:100px 45px;
}

.m1-logo {
    margin: 0px 0px !important;
    float: left;
    width: 45px;
    height: 45px;
    text-indent: -999px;
    background: url(/images/m1-logo.png) no-repeat 0 center;
	background-size:45px 45px;
}

.xincard-logo {
    margin: 10px 0px !important;
    float: left;
    width: 100px;
    height: 30px;
    text-indent: -999px;
    background: url(/images/logo/logo-long.png) no-repeat 0 center;
	background-size:100px 30px;
}

.menubtn {
	display: block;
	position: relative; 
	z-index: 101;
	color: #274a61;
	
}
.menubtn:hover, .openmenu .menubtn {
  color: #bdd43e;

}

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

#pgcontainer {
  padding: 0px 0;
  margin: 0;
}

.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: #373737;
  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 ul {
  margin-top: 45px;
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
}
#hamburgermenu ul li {
  display: block;
}
#hamburgermenu ul li a {
  display: block;
  min-width: 130px;
  padding: 18px 8px;
  color: #cdcdcd;
  font-size: 1.45em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#hamburgermenu li a:hover {
  color: #fff;
  background: #2c2c2c;
}