.hidden-content {
  max-width: 650px;
  display: none;
}
#tabs path {
  cursor: pointer;
  opacity: 0.5;
}
#tabs path:hover {
  opacity: 1;
}
#tabs path.semoperacao {
  cursor: default;
  opacity: 1;
}
#tabs .regiao {
  color: #666666;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
}
#tabs .regiao span {
  font-size: 10px;
  margin-left: 5px;
}
#tabs .current {
  color: #52233d;
}
#tabs path.current {
  opacity: 1;
}
#tabs .tab-content {
  display: none;
}
#tabs #tabs-asia {
  display: block;
}
/*-----------------------for PC-----------------------*/
@media screen and (min-width:801px) {
  #container {
    display: block;
    width: 800px;
    height: 1000px;
    position: relative;
    margin: 0 auto;

 
  }
  #Mapframe {
    position: absolute;
    right: 0px
  }
  #tabs {
    color: #52233d;
    position: absolute;
    /*z-index: 2;*/
    right: 0px;
    z-index: 1;
  }
  svg {
    width: 100%
  }
}
/*------------------for mobile------------------------*/
@media screen and (max-width:800px) {
  #container {
    display: block;
     width: 100%;
     height: 400px;

    
  }
  #Mapframe {
    /*position: absolute;*/
    /*right: 0px;
    bottom: -700px;*/
      width: 100%;
    position: absolute;
      left: 0px;
     
    

  }
  #tabs {
    /*position: absolute;*/
    /*z-index: 2;*/
    /*right: 0px;
    bottom: -700px;*/
    z-index: 1;
      width: 100%;
    position: absolute;
      left: 0px;
     
      
  }
  svg {
    width: 100%;
      height: 500px;
      padding: 0px;
      margin: 0px;
  }
}