/* ----------------------------
Latest		: 2019-01-03
Version		: v2.0
Author		: WF
---------------------------- */


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

/* show */
.dn { display: none!important; }
.block { display: block; }
.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; }
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

/* unuseful */
.replaced { display: block; width: 1px; height: 1px; outline: none; overflow: hidden; text-indent: -9999px; }
.zoom1 { zoom: 1; }
.invisible {visibility:hidden!important;}
.text-dn {font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.fixed{position:fixed;}

/* list */
.overflow-hidden { overflow: hidden; }
.break { word-wrap: break-word; word-break: break-all; }
.no-wrap, .one-line { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.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; }
.no-unl { text-decoration: none; }
.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; }
.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; -webkit-border-radius: 0;; }
.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,.cfff a { color: #fff; }
.ceee,.ceee a { color: #eee; }
.cddd,.cddd a { color: #ddd; }
.cccc,.cccc a { color: #ccc; }
.c999,.c999 a { color: #999; }
.c666,.c666 a { color: #666; }
.c333,.c333 a { color: #333; }
.c000,.c000 a { color: #000; }