.mobile-menu{ display:none;}
.mbfor { display: none;}


@media all and (max-width:640px){

/* Mobile Menu Start Here */
.mobile-menu { display:block; font-size:18px; margin-bottom:70px;}
.mobile-header {
  padding: 0 5%;
  position: fixed;
  top: 0;
  width: 90%;
  z-index: 99;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-wrap: wrap;
  height:70px;
  background: #fff;
}
.mobile-header img{ max-height:40px;}
.header-bar { width: 25px; height: 25px; position: relative; cursor: pointer;}
.header-bar span {
      background: #000;
      width: 100%;
      height: 3px;
      display: block;
      left: 0;
      top: 50%;
      margin-top: -1px;
      transform-origin: center;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
	  position: absolute;
}
.header-bar span:nth-child(1) { margin-top: -9px;}
.header-bar span:nth-child(2) { opacity: 1;}
.header-bar span:nth-child(3) { margin-top: 7px;}
.header-bar.close { opacity: 1;}
.header-bar.close span:nth-child(1) { transform: rotate(-45deg); margin-top: -1px;}
.header-bar.close span:nth-child(2) { opacity: 0;}
.header-bar.close span:nth-child(3) { transform: rotate(45deg); margin-top: -1px;}
.mobile-menu .mobile-menu {
  position: fixed;
  top: 70px;
  bottom: 0px;
  left: 0;
  z-index: 99;
  background: #fff;
  width: 50%;
  transform: scaleY(0);
  transform-origin: top;
  overflow-y: scroll;
  padding: 0 5%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-right: 4px solid rgba(39, 87, 185, 0.5);
}
.mobile-menu .mobile-menu.open { transform: scaleY(1);}
.mobile-menu-area-inner ul { padding: 30px 0; width: 100%;}
.mobile-menu-area-inner ul li { position: relative;}
.mobile-menu-area-inner ul li a {
          display: block;
          padding: 10px 0;
          color: #181818;
          width: 100%;
          border-bottom: 1px solid #f0f0f0;
		  transition: 0.4s;
}
.mobile-menu-area-inner ul li:last-child > a { border-bottom: none;}
.mobile-menu-area-inner ul li.open > a { color: #2757b9;}
.menu-expand { top: 0; left: 94%; position: absolute;}
.menu-expand i {
        display: block;
        position: relative;
        width: 10px;
        margin-top: 18px;
        border-bottom: 1px solid #252525;
		transition: 0.4s;
}
.menu-expand i:before {
        top: 0;
        width: 100%;
        content: "";
        display: block;
        position: absolute;
        transform: rotate(90deg);
        border-bottom: 1px solid #252525;
        transition: 0.4s;
}
.mobile-menu-area-inner ul li.open > a .menu-expand i, .mobile-menu-area-inner ul li.open > a .menu-expand i:before { border-bottom: 1px solid #2757b9;}
.mobile-menu-area-inner ul li.open > a .menu-expand i:before { transform: rotate(0);}
.mobile-menu-area-inner ul li ul { display: none; padding: 0;}
.mobile-menu-area-inner ul li ul li { padding-left: 10%;}


/* ÊÖ»ú°æµ×²¿ */
.mbfor { display: block;}

.tbottom{ display:block; height:70px; clear:both;}
.bottomNav {
    display:block;
    width:100%;
	height:70px;
	position:fixed;
	bottom:0;
	z-index:9;
}
.bottomNav_item {
    width:20%;
	height:70px; border-top:1px solid #d8d8d8;
	float:left; color:#333;
	text-align:center; background:#fff;
}
.bottomNav_icon {
	margin:auto;
	width:30px;
	height:30px; margin-top:11px;
}
.bottomNav_icon img {
	width:100%;
	height:100%;
}
.bottomNav_item p { margin-top:3px; font-size:0.85rem;}
.inital_color { color:#2757b9;}

}