html{
  font-size:50px;
}
@no:15;
@media screen and (min-width: 320px){
  html{
    font-size:320px / @no;
  }
}
@media screen and (min-width: 360px){
  html{
    font-size:360px / @no;
  }
}
@media screen and (min-width: 375px){
  html{
    font-size:375px / @no;
  }
}
@media screen and (min-width: 384px){
  html{
    font-size:384px / @no;
  }
}
@media screen and (min-width: 400px){
  html{
    font-size:400px / @no;
  }
}
@media screen and (min-width: 414px){
  html{
    font-size:414px / @no;
  }
}
@media screen and (min-width: 424px){
  html{
    font-size:424px / @no;
  }
}
@media screen and (min-width: 480px){
  html{
    font-size:480px / @no;
  }
}
@media screen and (min-width: 540px){
  html{
    font-size:540px / @no;
  }
}
@media screen and (min-width: 720px){
  html{
    font-size:720px / @no;
  }
}
@media screen and (min-width: 750px){
  html{
    font-size:750px / @no;
  }
}
.active_op:active{
    opacity:.7;
}
.active_col:active{
    background-color: #f8f8f8;
}
