@charset "utf-8";

/* //////////////// universal class ////////////////////////////////  */

.ofh {
  overflow: hidden;
}

.ofh {
  overflow: hidden;
}

.ofa {
  overflow: auto;
}

.center,
.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.cb {
  clear: both;
}

.cl {
  clear: left;
}

.cr {
  clear: right;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.ib {
  display: inline-block;
}

.vat {
  vertical-align: top;
}

.posr {
  position: relative;
}

.posa {
  position: absolute;
}

.fs50p {
  font-size: 50%;
}

.fs60p {
  font-size: 60%;
}

.fs70p {
  font-size: 70%;
}

.fs80p {
  font-size: 80%;
}

.fs90p {
  font-size: 90%;
}

.fs100p {
  font-size: 100%;
}

.fs110p {
  font-size: 110%;
}

.fs120p {
  font-size: 120%;
}

.fs130p {
  font-size: 130%;
}

.fs140p {
  font-size: 140%;
}

.fs150p {
  font-size: 150%;
}

.fs160p {
  font-size: 160%;
}

.fs170p {
  font-size: 170%;
}

.fs180p {
  font-size: 180%;
}

.fs190p {
  font-size: 190%;
}

.fs200p {
  font-size: 200%;
}

.norm {
  font-weight: normal;
}

.bold {
  font-weight: bold;
}

.bgf {
  background: #fff;
}

.bdr {
  border: 1px solid #999;
}

.bdrshadow {
  border: 1px solid #999;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.bdrpink {
  border: 1px solid #ff9090;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.br5 {
  border-radius: 5px;
}

.br6 {
  border-radius: 6px;
}

.br8 {
  border-radius: 8px;
}

.br10 {
  border-radius: 10px;
}

.pd36 {
  padding: 3px 6px;
}

.pd48 {
  padding: 4px 8px;
}
.pd105 {
  padding: 15px 5px;
}
.pd510 {
  padding: 5px 10px;
}

.pd612 {
  padding: 6px 12px;
}

.pd816 {
  padding: 8px 16px;
}

.bgw5 {
  background: rgba(255, 255, 255, 0.5);
}

.bgw6 {
  background: rgba(255, 255, 255, 0.6);
}

.bgw7 {
  background: rgba(255, 255, 255, 0.7);
}

.bgw8 {
  background: rgba(255, 255, 255, 0.8);
}

.bgw9 {
  background: rgba(255, 255, 255, 0.9);
}

.bgw10 {
  background: rgba(255, 255, 255, 1);
}

.bgk0 {
  background: rgba(0, 0, 0, 0.05);
}

.bgk1 {
  background: rgba(0, 0, 0, 0.1);
}

.bgk2 {
  background: rgba(0, 0, 0, 0.2);
}

.bgs0 {
  background: rgba(68, 22, 10, 0.05);
}

.bgs1 {
  background: rgba(68, 22, 10, 0.1);
}

.bgs2 {
  background: rgba(68, 22, 10, 0.2);
}

.bgy {
  background: #ffb100;
}

.wh {
  color: #fff;
}

.bk {
  color: #000;
}

.bk2 {
  color: #222;
}

.bk3 {
  color: #333;
}

.bk4 {
  color: #444;
}

.pink {
  color: pink;
}

.hpink {
  color: hotpink;
}

.red {
  color: red;
}

.dred {
  color: crimson;
}

.sred {
  color: #e95513;
}

.orange {
  color: orange;
}

.yellow {
  color: yellow;
}

.gold {
  color: gold;
}

.green {
  color: green;
}

.lgreen {
  color: limegreen;
}

.lime {
  color: lime;
}

.silver {
  color: silver;
}

.gray {
  color: gray;
}

.cyan {
  color: cyan;
}

.blue {
  color: blue;
}

.dblue {
  color: darkblue;
}