*{
    margin: 0;
    padding: 0;

}

#slide_animate{
   position: relative;
   top:0;
    bottom:0;
 width:100%;
 height:43vw;
    overflow: hidden;

 /*display:none;*/
 z-index:10;
}
#menu_slide{
position: absolute;
top:25%;
width:25px;
right:1%;
padding: 0;
margin: 0;
display:flex;
flex-wrap:wrap;
justify-content:center;
z-index: 10;
}
#slide{
width: 100%;
  height:100%;
      overflow: hidden;

}
[id ^=img]{
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  height:auto;
  top:0; 
 
    overflow: hidden;
   
}

#imgload{
    width:100%;
    height:auto;
    display:block;
   
}
#imgloadmobile{
    display:none;
}
[id^=rule]{
    width:17px;
   height:17px;
   background-color: #f1f1f1;
   margin: 5px 0;
   border-radius: 50%;
   
}
#rule1{
    width:25px;
   height:25px;
   background-color:#fff;
   margin: 5px 0;
   border-radius: 50%;
   
}
#slide img{
    position: absolute;
   width:100%;
 height: auto;
       overflow: hidden;
}

#img1{
    display:block;
  width:100%;
  height: auto;
      overflow: hidden;
}
/*[id^="img"]{*/
/*      width:100%;*/
/*    height:0;*/
/*}*/

[data=active]{
display:block;
 z-index: 1;
}


 @media only screen and (max-width: 500px) { 
        #slide_animate{
   position: relative; top:0px;
    width:100%;
    height:200vw;
    margin: 0;
    padding: 0; 
    overflow: hidden;
     /*display:none;*/
}

  #slide_animate [id ^=img]{
  position: absolute;
  display: flex;
  justify-content: center;
  width:100%;
  height:auto;
 overflow: hidden;
 
}
  #slide_animate #slide {
    width: 100%;
    
      height:auto;
 overflow: hidden;

}
#imgload{
    display:none;
}
#imgloadmobile{
    width:100%;
      height:auto;
 overflow: hidden;
    display:block;
}
#slide div{
   width:100%;
 overflow: hidden;
}
#slide img{
    position: absolute;
width:100%;
      height:auto;
 overflow: hidden;
}
#menu_slide{
    display:flex;
    flex-wrap:wrap;
position: relative;
top:185vw;
/*justify-content:center;*/
align-content:center;
bottom:-36px;
width:100%;
height:25px;
  /*height:2px;*/
right:2px;
padding: 0;
margin: 0;
    
   z-index: 10;
}
[id^=rule]{
    width:17px;
   height:17px;
   background-color: #f1f1f1;
   margin:auto 5px ;
   border-radius: 50%;
    display:flex;
    flex-wrap:wrap;
   align-content:center;
}
#rule1{
    width:25px;
   height:25px;
   background-color:#fff;
   margin:auto 5px;
   border-radius: 50%;
   
}
       }