.df {
  display: flex;
}

.ffw {
  flex-flow: wrap;
}

.jcsa {
  justify-content: space-around;
}
.jcsb {
  justify-content: space-between;
}

.jcfe {
  justify-content: flex-end;
}

.jcc {
  justify-content: center;
}

.aic {
  align-items: center;
}


.aifs {
  align-items: flex-start;
}

.dib {
  display: inline-block;
}


.pointer {
  cursor: pointer;
}

.m0a{
  margin: 0 auto;
}

.mt5{
  margin-top: 5px;
}

.mt10{
  margin-top: 10px;
}

.mt20{
  margin-top: 20px;
}

.mt30{
  margin-top: 30px;
}

.mt40{
  margin-top: 40px;
}

.mr5{
  margin-right: 5px;
}

.mr10{
  margin-right: 10px;
}

.mr20{
  margin-right: 20px;
}

.mr30{
  margin-right: 30px;
}

.mb5{
  margin-bottom: 5px;
}

.mb10{
  margin-bottom: 10px;
}

.mb20{
  margin-bottom: 20px;
}

.mb30{
  margin-bottom: 30px;
}

.ml5{
  margin-left: 5px;
}

.ml10{
  margin-left: 10px;
}

.ml20{
  margin-left: 20px;
}

.ml30{
  margin-left: 30px;
}

.p5{
  padding: 5px;
}

.p10{
  padding: 10px;
}

.p20{
  padding: 20px;
}

.p30{
  padding: 30px;
}

.pt5{
  padding-top: 5px;
}

.pt10{
  padding-top: 10px;
}

.pt20{
  padding-top: 20px;
}

.pt30{
  padding-top: 30px;
}

.pr5{
  padding-right: 5px;
}

.pr10{
  padding-right: 10px;
}

.pr20{
  padding-right: 20px;
}

.pr30{
  padding-right: 30px;
}

.pb5{
  padding-bottom: 5px;
}

.pb10{
  padding-bottom: 10px;
}

.pb20{
  padding-bottom: 20px;
}

.pb30{
  padding-bottom: 30px;
}

.pl5{
  padding-left: 5px;
}

.pl10{
  padding-left: 10px;
}

.pl20{
  padding-left: 20px;
}

.pl30{
  padding-left: 30px;
}

.tac{
  text-align: center;
}