@charset "utf-8";

/* ----------------------------
Latest			: 2017-03-14
Version			: v1.7
Author			: WF
---------------------------- */


/*------------------------------------*\
  Display-level
\*------------------------------------*/

/* show */
.dn{ display: none!important; }
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.bc{margin-left:auto;margin-right:auto;}
.vm{ vertical-align: middle; }
.pr{ position: relative; }
.pa{ position: absolute; }
.replaced{ display: block; width: 1px; height: 1px; outline: none; overflow: hidden; text-indent: -9999px; }
.clear{ clear: both; }
.clearer{ clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.zoom1{ zoom: 1; }

/* list */
.overflow-hidden{ overflow: hidden; }
.break { word-wrap:break-word; word-break:break-all; }
.ellipsis, .one-line { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.block { display:block; }
.inline{ display:inline;}
.inline-block{ display:inline-block; }

/* text */
.fb{ font-weight: bold; }
.fn{ font-weight: normal; }
.t2{ text-indent: 2em; }
.unl{ text-decoration: underline!important; }
.no-unl{ text-decoration: none!important; }
.pointer { cursor:pointer; }


/*------------------------------------*\
  Self-level
\*------------------------------------*/

/* blank */
.blank5 { height:5px; }
.blank10 { height:10px; }
.blank15 { height:15px; }
.blank20 { height:20px; }

/* weight and height */
.w100{ width: 100%; }
.h100{ height: 100%; }

/* margin */
.m0 { margin:0; }
.mt0 { margin-top:0; }
.mr0 { margin-right:0; }
.mb0 { margin-bottom:0; }
.ml0 { margin-left:0; }
.m5 { margin:5px; }
.mt5 { margin-top:5px; }
.mr5 { margin-right:5px; }
.mb5 { margin-bottom:5px; }
.ml5 { margin-left:5px; }
.m10 { margin:10px; }
.mt10 { margin-top:10px; }
.mr10 { margin-right:10px; }
.mb10 { margin-bottom:10px; }
.ml10 { margin-left:10px; }
.m15 { margin:15px; }
.mt15 { margin-top:15px; }
.mr15 { margin-right:15px; }
.mb15 { margin-bottom:15px; }
.ml15 { margin-left:15px; }
.m20 { margin:20px; }
.mt20 { margin-top:20px; }
.mr20 { margin-right:20px; }
.mb20 { margin-bottom:20px; }
.ml20 { margin-left:20px; }

/* padding */
.p0 { padding:0; }
.pt0 { padding-top:0; }
.pr0 { padding-right:0; }
.pb0 { padding-bottom:0; }
.pl0 { padding-left:0; }
.p5 { padding:5px; }
.pt5 { padding-top:5px; }
.pr5 { padding-right:5px; }
.pb5 { padding-bottom:5px; }
.pl5 { padding-left:5px; }
.p10 { padding:10px; }
.pt10 { padding-top:10px; }
.pr10 { padding-right:10px; }
.pb10 { padding-bottom:10px; }
.pl10 { padding-left:10px; }
.p15 { padding:15px; }
.pt15 { padding-top:15px; }
.pr15 { padding-right:15px; }
.pb15 { padding-bottom:15px; }
.pl15 { padding-left:15px; }
.p20 { padding:20px; }
.pt20 { padding-top:20px; }
.pr20 { padding-right:20px; }
.pb20 { padding-bottom:20px; }
.pl20 { padding-left:20px; }

/* border */
.b0 { border: 0; }
.b1 { border-width: 1px; }
.bt1 { border-top-width: 1px; }
.bb1 { border-bottom-width: 1px; }

/* border-color */
.bcfff { border-color: #FFF; }
.bceee { border-color: #EEE; }
.bcddd { border-color: #DDD; }
.bcccc { border-color: #CCC; }
.bc999 { border-color: #999; }
.bc666 { border-color: #666; }
.bc333 { border-color: #333; }
.bc000 { border-color: #000; }

/* border-style */
.solid { border-style: solid; }
.dashed { border-style: dashed; }
.dotted { border-style: dotted; }

/* bg background */
.transparent { background: transparent!important; }
.bgfff { background: #fff; }
.bgeee { background: #eee; }
.bgddd { background: #ddd; }
.bgccc { background: #ccc; }
.bg999 { background: #999; }
.bg666 { background: #666; }
.bg333 { background: #333; }
.bg000 { background: #000; }

/* border-radius */
.r0 { border-radius:0!important; -webkit-border-radius:0!important;; }
.r2 { border-radius:2px; -webkit-border-radius:2px; }
.r4 { border-radius:4px; -webkit-border-radius:4px; }
.r5 { border-radius:5px; -webkit-border-radius:5px; }
.r6 { border-radius:6px; -webkit-border-radius:6px; }
.r8 { border-radius:8px; -webkit-border-radius:8px; }
.r10 { border-radius:10px; -webkit-border-radius:10px; }


/*------------------------------------*\
  Text-level
\*------------------------------------*/

/* font */
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px; }
.f28 { font-size: 28px; }
.f30 { font-size: 30px; }
.f32 { font-size: 32px; }
.f36 { font-size: 36px; }
.f44 { font-size: 44px; }
.f48 { font-size: 48px; }
.f72 { font-size: 72px; }

/* text-level */
.lh100 { line-height: 100%; }
.lh150 { line-height: 150%; }
.lh167 { line-height: 167%; }
.lh180 { line-height: 180%; }
.lh200 { line-height: 200%; }

/* colors */
.cfff { color: #fff; }
.ceee { color: #eee; }
.cddd { color: #ddd; }
.cccc { color: #ccc; }
.c999 { color: #999; }
.c666 { color: #666; }
.c333 { color: #333; }
.c000 { color: #000; }