.left-menu{
  height: 40px;
  margin-top: 10px;
  cursor:pointer;
  
}

.left-menu .flag{
  height:40px;
  width:35px;
  float: left;
  background-color: #788C28;

  visibility: hidden;
}

.left-menu .active{
  visibility:visible;
}

.left-menu .name{
  width:125px;
  height: 40px;
  line-height:40px;
  float: left;
  text-align: center;
  background-color: #788C28;
}


.left-menu .flag .left_menu_logo_0{
  content: url(../images/menu_icon.png);

  margin-top: 12px;
  margin-left: 14px;
  width:15px;
  height:15px;
}

.left-menu .flag img{
  margin-top: 5px;
  margin-left: 5px;
  width:30px;
  height:30px;
}

.left-menu .flag .left_menu_logo_2{
  content: url(../images/type/2_white.png);
}

.left-menu .flag .left_menu_logo_3{
  content: url(../images/type/3_white.png);
}

.left-menu .flag .left_menu_logo_4{
  content: url(../images/type/4_white.png);
}

.left-menu .flag .left_menu_logo_5{
  content: url(../images/type/5_white.png);
}

.left-menu .flag .left_menu_logo_6{
  content: url(../images/type/6_white.png);
}

.left-menu .flag .left_menu_logo_8{
  content: url(../images/type/8_white.png);
}

.left-menu .flag .left_menu_logo_9{
  content: url(../images/type/9_white.png);
}

.left-menu .flag .left_menu_logo_10{
  content: url(../images/type/10_white.png);
}

.left-menu .flag .left_menu_logo_11{
  content: url(../images/type/11_white.png);
}

.left-menu .flag .left_menu_logo_12{
  content: url(../images/type/12_white.png);
}