@charset "UTF-8";
/* ------------------------------------------------
 * 									module css
 * ------------------------------------------------ */
/* Clearfix
----------------------------------------------------*/

.clear {
  clear: both;
}

/* clearfix
-------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 1;
  height: 0;
  visibility: hidden;
}

/* --- IE6&7 --- */
.clearfix {
  zoom: 1;
}

/* 余白
----------------------------------------------------*/

/**/
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}

/**/
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}

/**/
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}

/**/
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}

/**/
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}

/**/
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}

/**/
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}

/**/
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}


@media screen and (max-width:767px) {

/**/
.mt1per {margin-top:1% !important;}
.mt2per {margin-top:2% !important;}
.mt4per {margin-top:4% !important;}
.mt5per {margin-top:5% !important;}
.mt6per {margin-top:6% !important;}
.mt8per {margin-top:8% !important;}

/**/
.mr1per {margin-right:1% !important;}
.mr2per {margin-right:2% !important;}
.mr4per {margin-right:4% !important;}
.mr5per {margin-right:5% !important;}
.mr6per {margin-right:6% !important;}
.mr8per {margin-right:8% !important;}

/**/
.ml1per {margin-left:1% !important;}
.ml2per {margin-left:2% !important;}
.ml4per {margin-left:4% !important;}
.ml5per {margin-left:5% !important;}
.ml6per {margin-left:6% !important;}
.ml8per {margin-left:8% !important;}

/**/
.mb1per {margin-bottom:1% !important;}
.mb2per {margin-bottom:2% !important;}
.mb4per {margin-bottom:4% !important;}
.mb5per {margin-bottom:5% !important;}
.mb6per {margin-bottom:6% !important;}
.mb8per {margin-bottom:8% !important;}

/**/
.pt1per {padding-top:1% !important;}
.pt2per {padding-top:2% !important;}
.pt4per {padding-top:4% !important;}
.pt5per {padding-top:5% !important;}
.pt6per {padding-top:6% !important;}
.pt8per {padding-top:8% !important;}

/**/
.pr1per {padding-right:1% !important;}
.pr2per {padding-right:2% !important;}
.pr4per {padding-right:4% !important;}
.pr5per {padding-right:5% !important;}
.pr6per {padding-right:6% !important;}
.pr8per {padding-right:8% !important;}

/**/
.pl1per {padding-left:1% !important;}
.pl2per {padding-left:2% !important;}
.pl4per {padding-left:4% !important;}
.pl5per {padding-left:5% !important;}
.pl6per {padding-left:6% !important;}
.pl8per {padding-left:8% !important;}

/**/
.pb1per {padding-bottom:1% !important;}
.pb2per {padding-bottom:2% !important;}
.pb4per {padding-bottom:4% !important;}
.pb5per {padding-bottom:5% !important;}
.pb6per {padding-bottom:6% !important;}
.pb8per {padding-bottom:8% !important;}
}


/*	Position
----------------------------------------------*/
.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center !important;
}

.center > * {
  margin-left: auto;
  margin-right: auto;
}

.middle {
  vertical-align: middle;
}

.right {
  text-align: right !important;
}

.right > * {
  margin-left: auto;
  margin-right: 0;
}

.left {
  text-align: left !important;
}

.left > * {
  margin-left: 0;
  margin-right: auto;
}

/* float */
.fLeft {
  float: left;
}

.fRight {
  float: right;
}