/*	---------------------------------------------------------------------------------------
Basic styles
---------------------------------------------------------------------------------------*/

.narrow-30 {
  width: 30rem !important;
  max-width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}
.narrow-42 {
  width: 42rem !important;
  max-width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}
@media all and (max-width: 44rem) {
  .narrow-42 {
    width: 100% !important;
    max-width: 42rem !important;
  }
}
@media all and (max-width: 32rem) {
  .narrow-30 {
    width: 100% !important;
    max-width: 30rem !important;
  }
}

/* ------------------------------- Font  --------------------------*/

.fz85p {font-size: 85%;}
.fz10 {font-size: 1.0em;}
.fz11 {font-size: 1.1em;}
.fz12 {font-size: 1.2em;}
.fz13 {font-size: 1.3em;}
.fz15 {font-size: 1.5em;}
.fz20 {font-size: 2.0em;}
.fz25 {font-size: 2.5em;}
.fz05 {font-size: 0.5em;}
.fz08 {font-size: 0.8em;}
.fz09 {font-size: 0.9em;}

/* ------------------------------- Float --------------------------*/


.fll {float: left;}
.flr {float: right;}
.cleaner {clear: both;}

span.cleaner {
  clear: both;
  display: block;
  position: relative;
}

/* ------------------------------- padding --------------------------*/



.p10 {padding: 10px;}
.p20 {padding: 20px;}

.p0 {padding: 0;}
.p1em {padding: 1em;}
.p2em {padding: 2em;}
.p3em {padding: 2em;}

.pt0 {padding-top: 0;}
.pt1em {padding-top: 1em;}
.pt2em {padding-top: 2em;}
.pt3em {padding-top: 3em;}

.pb0 {padding-bottom: 0;}
.pb1em {padding-bottom: 1em;}
.pb2em {padding-bottom: 2em;}
.pb3em {padding-bottom: 3em;}

.pl0 {padding-left: 0;}
.pl1em {padding-left: 1em;}
.pl2em {padding-left: 2em;}
.pl3em {padding-left: 3em;}

.pr0 {padding-right: 0;}
.pr1em {padding-right: 1em;}
.pr2em {padding-right: 2em;}
.pr3em {padding-right: 3em;}

.pv0 {padding-top: 0;padding-bottom: 0;}
.pv1em {padding-top:1em ;padding-bottom: 1em;}
.pv2em {padding-top:2em ;padding-bottom: 2em;}
.pv3em {padding-top:3em ;padding-bottom: 3em;}

.ph0 {padding-left: 0;padding-right: 0;}
.ph1em {padding-left:1em ;padding-right: 1em;}
.ph2em {padding-left:2em ;padding-right: 2em;}
.ph3em {padding-left:3em ;padding-right: 3em;}


/* ------------------------------- margin --------------------------*/
.m0 {margin: 0;}
.m025em {margin: .25em;}
.m05em {margin: .5em;}
.m1em {margin: 1em;}
.m2em {margin: 2em;}
.m3em {margin: 3em;}

.mt0 {margin-top: 0;}
.mt025em {margin-top: .25em;}
.mt05em {margin-top: .5em;}
.mt1em {margin-top: 1em;}
.mt2em {margin-top: 2em;}
.mt3em {margin-top: 3em;}

.mb0 {margin-bottom: 0;}
.mb025em {margin-bottom: .25em;}
.mb05em {margin-bottom: .5em;}
.mb1em {margin-bottom: 1em;}
.mb2em {margin-bottom: 2em;}
.mb3em {margin-bottom: 3em;}

.ml0 {margin-left: 0;}
.ml025 {margin-left: .25em;}
.ml05 {margin-left: .5em;}
.ml1em {margin-left: 1em;}
.ml2em {margin-left: 2em;}
.ml3em {margin-left: 3em;}

.mr0 {margin-right: 0;}
.mr025 {margin-right: .25em;}
.mr05 {margin-right: .5em;}
.mr1em {margin-right: 1em;}
.mr2em {margin-right: 2em;}
.mr3em {margin-right: 3em;}

.mv0 {margin-top: 0;margin-bottom: 0;}
.mh0 {margin-left: 0;margin-right: 0;}

.mv1em {margin-top:1em ;margin-bottom: 1em;}
.mv2em {margin-top:2em ;margin-bottom: 2em;}
.mv3em {margin-top:3em ;margin-bottom: 3em;}

.mh1em {margin-left:1em ;margin-right: 1em;}
.mh2em {margin-left:2em ;margin-right: 2em;}
.mh3em {margin-left:3em ;margin-right: 3em;}

.m0 {margin: 0;}
/* ------------------------------- border  --------------------------*/

.bt1so {border-top: 1px solid #eee;}
.bt1da {border-top: 1px dashed #eee;}
.bt1do {border-top: 1px dotted #eee;}
.bb1so {border-bottom: 1px solid #eee;}
.bb1da {border-bottom: 1px dashed #eee;}
.bb1do {border-bottom: 1px dotted #eee;}
.bl1so {border-left: 1px solid #eee;}
.bl1da {border-left: 1px dashed #eee;}
.bl1do {border-left: 1px dotted #eee;}
.br1so {border-right: 1px solid #eee;}
.br1da {border-right: 1px dashed #eee;}
.br1do {border-right: 1px dotted #eee;}

.bt1so-d {border-top: 1px solid #ddd;}
.bt1da-d {border-top: 1px dashed #ddd;}
.bt1do-d {border-top: 1px dotted #ddd;}
.bb1so-d {border-bottom: 1px solid #ddd;}
.bb1da-d {border-bottom: 1px dashed #ddd;}
.bb1do-d {border-bottom: 1px dotted #ddd;}
.bl1so-d {border-left: 1px solid #ddd;}
.bl1da-d {border-left: 1px dashed #ddd;}
.bl1do-d {border-left: 1px dotted #ddd;}
.br1so-d {border-right: 1px solid #ddd;}
.br1da-d {border-right: 1px dashed #ddd;}
.br1do-d {border-right: 1px dotted #ddd;}

/* ------------------------------- position and display  --------------------------*/

.relative {position: relative;}
.absolute {position: absolute;}

.dnone {display: none;}
.dblock {display: block;}

.tal {text-align: left;}
.tar {text-align: right;}
.tac {text-align: center;}