body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}
#mmubox {
  position: absolute;
  height: 100%;
  background-color: #0e0e0e;
  display: none;
  top: 0;
  right: 0;
  z-index: 100;
  background-image: url(../image/header_mob.png);
  background-size: auto 100%;
  overflow-y: auto;
}
.m1 {
  display: block;
}
.m2 {
  display: none;
}
.ocbox_1 {
  position: fixed;
  width: 100px;
  height: 100%;
  left: 0;
  display: block;
  background-color: #0e0e0e;
  z-index: 101;
}
.ocbox_2 {
  position: fixed;
  width: 50px;
  height: 50px;
  display: none;
  background-color: #0e0e0e;
  z-index: 101;
}
.ocbox_1 > a {
  position: absolute;
  width: 50px;
  height: 100%;
  cursor: pointer;
  left: 20%;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}
.mobbtbox {
  display: none;
  position: fixed;
  z-index: 101;
  width: 50px;
  height: 50px;
  right: 0;
}
.mobbtbox > a {
  position: fixed;
  width: 50px;
  height: 50px;
  top: 0;
  /* right: 0; */
  cursor: pointer;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  z-index: 110;
}
.oc_1 {
  background-image: url(/tlccWeb/Content/Home/images/btnMemu.png);
  display: block;
}
.oc_2 {
  background-image: url(../image/btnMenuClose.png);
  display: none;
}
.ocm_1 {
  background-image: url(../image/mbtnMemu.png);
  display: block;
}
.ocm_2 {
  background-image: url(../image/btnMenuClose.png);
  display: none;
}
.muco {
  position: absolute;
  width: 200px;
  height: 100%;
  right: 0;
  background-color: #0f0;
}
.mllogo {
  width: 30%;
  margin: 5% auto;
  text-align: center;
}
.mllogo img {
  width: 100%;
}
.hmbt1 {
  width: 50%;
  margin: 3% auto;
  text-align: center;
  cursor: pointer;
}
.hmbt2 {
  width: 50%;
  margin: 3% auto;
  text-align: center;
  cursor: pointer;
}
.hmbt3 {
  width: 50%;
  margin: 3% auto;
  text-align: center;
  cursor: pointer;
}
.hmbt4 {
  width: 50%;
  margin: 3% auto;
  text-align: center;
  cursor: pointer;
}
.hmbt1 img {
  width: 100%;
}
.hmbt2 img {
  width: 100%;
}
.hmbt3 img {
  width: 100%;
}
.hmbt4 img {
  width: 100%;
}
.hmbox {
  width: 260px;
  margin: 5% auto;
}
.hmf1 {
  width: 45px;
  float: left;
  margin: 0 10px;
}
.hmf2 {
  width: 45px;
  float: left;
  margin: 0 10px;
}
.hmf3 {
  width: 45px;
  float: left;
  margin: 0 10px;
}
.hmf4 {
  width: 45px;
  float: left;
  margin: 0 10px;
}
@media only screen and (max-width: 1000px) {
  .mobbtbox {
    display: block;
  }
  .ocbox_2,
  .m2 {
    display: block;
  }
}
@media only screen and (max-width: 550px) {
  .mllogo {
    width: 30%;
  }
}