@charset "utf-8";

/* * * * * * * * * * * * * * * * * * *
 * GENERAL CLASSES
 * * * * * * * * * * * * * * * * * * */

/* width */
.wa			{ width: auto; }
.w0			{ width: 0; }
.wq			{ width: 25%; }
.w33per		{ width: 33.333%; }
.wh			{ width: 50%; _width: 49.9%; }
.w3q		{ width: 75%; }
.wf			{ width: 100%; }
.w260 		{ width: 260px; }

/* height */
.ha			{ height: auto; }
.h0			{ height: 0; }
.hq			{ height: 25%; }
.hh			{ height: 50%; }
.h3q		{ height: 75%; }
.hf			{ height: 100%; }
.h680		{ height: 680px; }
.h750		{ height: 750px; }

/* margin */
.mt0		{ margin-top: 0; }
.mt1		{ margin-top: 1px; }
.mt2		{ margin-top: 2px; }
.mt3		{ margin-top: 3px; }
.mt4		{ margin-top: 4px; }
.mt5		{ margin-top: 5px; }
.mt6		{ margin-top: 6px; }
.mt7		{ margin-top: 7px; }
.mt8		{ margin-top: 8px; }
.mt9		{ margin-top: 9px; }
.mt10		{ margin-top: 10px; }
.mt11		{ margin-top: 11px; }
.mt12		{ margin-top: 12px; }
.mt13		{ margin-top: 13px; }
.mt14		{ margin-top: 14px; }
.mt15		{ margin-top: 15px; }
.mt16		{ margin-top: 16px; }
.mt17		{ margin-top: 17px; }
.mt18		{ margin-top: 18px; }
.mt19		{ margin-top: 19px; }
.mt20		{ margin-top: 20px; }
.mt21		{ margin-top: 21px; }
.mt22		{ margin-top: 22px; }
.mt23		{ margin-top: 23px; }
.mt24		{ margin-top: 24px; }
.mt25		{ margin-top: 25px; }
.mt26		{ margin-top: 26px; }
.mt27		{ margin-top: 27px; }
.mt28		{ margin-top: 28px; }
.mt29		{ margin-top: 29px; }
.mt30		{ margin-top: 30px; }
.mt40		{ margin-top: 40px; }
.mt70		{ margin-top: 70px; }

.mr0		{ margin-right: 0; }
.mr1		{ margin-right: 1px; }
.mr2		{ margin-right: 2px; }
.mr3		{ margin-right: 3px; }
.mr4		{ margin-right: 4px; }
.mr5		{ margin-right: 5px; }
.mr6		{ margin-right: 6px; }
.mr7		{ margin-right: 7px; }
.mr8		{ margin-right: 8px; }
.mr9		{ margin-right: 9px; }
.mr10		{ margin-right: 10px; }
.mr11		{ margin-right: 11px; }
.mr12		{ margin-right: 12px; }
.mr13		{ margin-right: 13px; }
.mr14		{ margin-right: 14px; }
.mr15		{ margin-right: 15px; }
.mr16		{ margin-right: 16px; }
.mr17		{ margin-right: 17px; }
.mr18		{ margin-right: 18px; }
.mr19		{ margin-right: 19px; }
.mr20		{ margin-right: 20px; }
.mr21		{ margin-right: 21px; }
.mr22		{ margin-right: 22px; }
.mr23		{ margin-right: 23px; }
.mr24		{ margin-right: 24px; }
.mr25		{ margin-right: 25px; }
.mr26		{ margin-right: 26px; }
.mr27		{ margin-right: 27px; }
.mr28		{ margin-right: 28px; }
.mr29		{ margin-right: 29px; }
.mr30		{ margin-right: 30px; }

.mb0		{ margin-bottom: 0; }
.mb1		{ margin-bottom: 1px; }
.mb2		{ margin-bottom: 2px; }
.mb3		{ margin-bottom: 3px; }
.mb4		{ margin-bottom: 4px; }
.mb5		{ margin-bottom: 5px; }
.mb6		{ margin-bottom: 6px; }
.mb7		{ margin-bottom: 7px; }
.mb8		{ margin-bottom: 8px; }
.mb9		{ margin-bottom: 9px; }
.mb10		{ margin-bottom: 10px; }
.mb11		{ margin-bottom: 11px; }
.mb12		{ margin-bottom: 12px; }
.mb13		{ margin-bottom: 13px; }
.mb14		{ margin-bottom: 14px; }
.mb15		{ margin-bottom: 15px; }
.mb16		{ margin-bottom: 16px; }
.mb17		{ margin-bottom: 17px; }
.mb18		{ margin-bottom: 18px; }
.mb19		{ margin-bottom: 19px; }
.mb20		{ margin-bottom: 20px; }
.mb21		{ margin-bottom: 21px; }
.mb22		{ margin-bottom: 22px; }
.mb23		{ margin-bottom: 23px; }
.mb24		{ margin-bottom: 24px; }
.mb25		{ margin-bottom: 25px; }
.mb26		{ margin-bottom: 26px; }
.mb27		{ margin-bottom: 27px; }
.mb28		{ margin-bottom: 28px; }
.mb29		{ margin-bottom: 29px; }
.mb30		{ margin-bottom: 30px; }

.ml0		{ margin-left: 0; }
.ml1		{ margin-left: 1px; }
.ml2		{ margin-left: 2px; }
.ml3		{ margin-left: 3px; }
.ml4		{ margin-left: 4px; }
.ml5		{ margin-left: 5px; }
.ml6		{ margin-left: 6px; }
.ml7		{ margin-left: 7px; }
.ml8		{ margin-left: 8px; }
.ml9		{ margin-left: 9px; }
.ml10		{ margin-left: 10px; }
.ml11		{ margin-left: 11px; }
.ml12		{ margin-left: 12px; }
.ml13		{ margin-left: 13px; }
.ml14		{ margin-left: 14px; }
.ml15		{ margin-left: 15px; }
.ml16		{ margin-left: 16px; }
.ml17		{ margin-left: 17px; }
.ml18		{ margin-left: 18px; }
.ml19		{ margin-left: 19px; }
.ml20		{ margin-left: 20px; }
.ml21		{ margin-left: 21px; }
.ml22		{ margin-left: 22px; }
.ml23		{ margin-left: 23px; }
.ml24		{ margin-left: 24px; }
.ml25		{ margin-left: 25px; }
.ml26		{ margin-left: 26px; }
.ml27		{ margin-left: 27px; }
.ml28		{ margin-left: 28px; }
.ml29		{ margin-left: 29px; }
.ml30		{ margin-left: 30px; }

/* padding */
.pt0		{ padding-top: 0; }
.pt1		{ padding-top: 1px; }
.pt2		{ padding-top: 2px; }
.pt3		{ padding-top: 3px; }
.pt4		{ padding-top: 4px; }
.pt5		{ padding-top: 5px; }
.pt6		{ padding-top: 6px; }
.pt7		{ padding-top: 7px; }
.pt8		{ padding-top: 8px; }
.pt9		{ padding-top: 9px; }
.pt10		{ padding-top: 10px; }
.pt11		{ padding-top: 11px; }
.pt12		{ padding-top: 12px; }
.pt13		{ padding-top: 13px; }
.pt14		{ padding-top: 14px; }
.pt15		{ padding-top: 15px; }
.pt16		{ padding-top: 16px; }
.pt17		{ padding-top: 17px; }
.pt18		{ padding-top: 18px; }
.pt19		{ padding-top: 19px; }
.pt20		{ padding-top: 20px; }
.pt21		{ padding-top: 21px; }
.pt22		{ padding-top: 22px; }
.pt23		{ padding-top: 23px; }
.pt24		{ padding-top: 24px; }
.pt25		{ padding-top: 25px; }
.pt26		{ padding-top: 26px; }
.pt27		{ padding-top: 27px; }
.pt28		{ padding-top: 28px; }
.pt29		{ padding-top: 29px; }
.pt30		{ padding-top: 30px; }
.pt70		{ padding-top: 70px; }

.pr0		{ padding-right: 0; }
.pr1		{ padding-right: 1px; }
.pr2		{ padding-right: 2px; }
.pr3		{ padding-right: 3px; }
.pr4		{ padding-right: 4px; }
.pr5		{ padding-right: 5px; }
.pr6		{ padding-right: 6px; }
.pr7		{ padding-right: 7px; }
.pr8		{ padding-right: 8px; }
.pr9		{ padding-right: 9px; }
.pr10		{ padding-right: 10px; }
.pr11		{ padding-right: 11px; }
.pr12		{ padding-right: 12px; }
.pr13		{ padding-right: 13px; }
.pr14		{ padding-right: 14px; }
.pr15		{ padding-right: 15px; }
.pr16		{ padding-right: 16px; }
.pr17		{ padding-right: 17px; }
.pr18		{ padding-right: 18px; }
.pr19		{ padding-right: 19px; }
.pr20		{ padding-right: 20px; }
.pr21		{ padding-right: 21px; }
.pr22		{ padding-right: 22px; }
.pr23		{ padding-right: 23px; }
.pr24		{ padding-right: 24px; }
.pr25		{ padding-right: 25px; }
.pr26		{ padding-right: 26px; }
.pr27		{ padding-right: 27px; }
.pr28		{ padding-right: 28px; }
.pr29		{ padding-right: 29px; }
.pr30		{ padding-right: 30px; }

.pb0		{ padding-bottom: 0; }
.pb1		{ padding-bottom: 1px; }
.pb2		{ padding-bottom: 2px; }
.pb3		{ padding-bottom: 3px; }
.pb4		{ padding-bottom: 4px; }
.pb5		{ padding-bottom: 5px; }
.pb6		{ padding-bottom: 6px; }
.pb7		{ padding-bottom: 7px; }
.pb8		{ padding-bottom: 8px; }
.pb9		{ padding-bottom: 9px; }
.pb10		{ padding-bottom: 10px; }
.pb11		{ padding-bottom: 11px; }
.pb12		{ padding-bottom: 12px; }
.pb13		{ padding-bottom: 13px; }
.pb14		{ padding-bottom: 14px; }
.pb15		{ padding-bottom: 15px; }
.pb16		{ padding-bottom: 16px; }
.pb17		{ padding-bottom: 17px; }
.pb18		{ padding-bottom: 18px; }
.pb19		{ padding-bottom: 19px; }
.pb20		{ padding-bottom: 20px; }
.pb21		{ padding-bottom: 21px; }
.pb22		{ padding-bottom: 22px; }
.pb23		{ padding-bottom: 23px; }
.pb24		{ padding-bottom: 24px; }
.pb25		{ padding-bottom: 25px; }
.pb26		{ padding-bottom: 26px; }
.pb27		{ padding-bottom: 27px; }
.pb28		{ padding-bottom: 28px; }
.pb29		{ padding-bottom: 29px; }
.pb30		{ padding-bottom: 30px; }

.pl0		{ padding-left: 0; }
.pl1		{ padding-left: 1px; }
.pl2		{ padding-left: 2px; }
.pl3		{ padding-left: 3px; }
.pl4		{ padding-left: 4px; }
.pl5		{ padding-left: 5px; }
.pl6		{ padding-left: 6px; }
.pl7		{ padding-left: 7px; }
.pl8		{ padding-left: 8px; }
.pl9		{ padding-left: 9px; }
.pl10		{ padding-left: 10px; }
.pl11		{ padding-left: 11px; }
.pl12		{ padding-left: 12px; }
.pl13		{ padding-left: 13px; }
.pl14		{ padding-left: 14px; }
.pl15		{ padding-left: 15px; }
.pl16		{ padding-left: 16px; }
.pl17		{ padding-left: 17px; }
.pl18		{ padding-left: 18px; }
.pl19		{ padding-left: 19px; }
.pl20		{ padding-left: 20px; }
.pl21		{ padding-left: 21px; }
.pl22		{ padding-left: 22px; }
.pl23		{ padding-left: 23px; }
.pl24		{ padding-left: 24px; }
.pl25		{ padding-left: 25px; }
.pl26		{ padding-left: 26px; }
.pl27		{ padding-left: 27px; }
.pl28		{ padding-left: 28px; }
.pl29		{ padding-left: 29px; }
.pl30		{ padding-left: 30px; }

.p0			{ padding: 0; }
.p1			{ padding: 1px; }
.p2			{ padding: 2px; }
.p3			{ padding: 3px; }
.p4			{ padding: 4px; }
.p5			{ padding: 5px; }
.p6			{ padding: 6px; }
.p7			{ padding: 7px; }
.p8			{ padding: 8px; }
.p9			{ padding: 9px; }
.p10		{ padding: 10px; }
.p11		{ padding: 11px; }
.p12		{ padding: 12px; }
.p13		{ padding: 13px; }
.p14		{ padding: 14px; }
.p15		{ padding: 15px; }
.p16		{ padding: 16px; }
.p17		{ padding: 17px; }
.p18		{ padding: 18px; }
.p19		{ padding: 19px; }
.p20		{ padding: 20px; }
.p21		{ padding: 21px; }
.p22		{ padding: 22px; }
.p23		{ padding: 23px; }
.p24		{ padding: 24px; }
.p25		{ padding: 25px; }
.p26		{ padding: 26px; }
.p27		{ padding: 27px; }
.p28		{ padding: 28px; }
.p29		{ padding: 29px; }
.p30		{ padding: 30px; }

.pv0		{ padding-top: 0; padding-bottom: 0; }
.pv1		{ padding-top: 1px; padding-bottom: 1px; }
.pv2		{ padding-top: 2px; padding-bottom: 2px; }
.pv3		{ padding-top: 3px; padding-bottom: 3px; }
.pv4		{ padding-top: 4px; padding-bottom: 4px; }
.pv5		{ padding-top: 5px; padding-bottom: 5px; }
.pv6		{ padding-top: 6px; padding-bottom: 6px; }
.pv7		{ padding-top: 7px; padding-bottom: 7px; }
.pv8		{ padding-top: 8px; padding-bottom: 8px; }
.pv9		{ padding-top: 9px; padding-bottom: 9px; }
.pv10		{ padding-top: 10px; padding-bottom: 10px; }
.pv11		{ padding-top: 11px; padding-bottom: 11px; }
.pv12		{ padding-top: 12px; padding-bottom: 12px; }
.pv13		{ padding-top: 13px; padding-bottom: 13px; }
.pv14		{ padding-top: 14px; padding-bottom: 14px; }
.pv15		{ padding-top: 15px; padding-bottom: 15px; }
.pv16		{ padding-top: 16px; padding-bottom: 16px; }
.pv17		{ padding-top: 17px; padding-bottom: 17px; }
.pv18		{ padding-top: 18px; padding-bottom: 18px; }
.pv19		{ padding-top: 19px; padding-bottom: 19px; }
.pv20		{ padding-top: 20px; padding-bottom: 20px; }
.pv21		{ padding-top: 21px; padding-bottom: 21px; }
.pv22		{ padding-top: 22px; padding-bottom: 22px; }
.pv23		{ padding-top: 23px; padding-bottom: 23px; }
.pv24		{ padding-top: 24px; padding-bottom: 24px; }
.pv25		{ padding-top: 25px; padding-bottom: 25px; }
.pv26		{ padding-top: 26px; padding-bottom: 26px; }
.pv27		{ padding-top: 27px; padding-bottom: 27px; }
.pv28		{ padding-top: 28px; padding-bottom: 28px; }
.pv29		{ padding-top: 29px; padding-bottom: 29px; }
.pv30		{ padding-top: 30px; padding-bottom: 30px; }

.ph0		{ padding-right: 0; padding-left: 0; }
.ph1		{ padding-right: 1px; padding-left: 1px; }
.ph2		{ padding-right: 2px; padding-left: 2px; }
.ph3		{ padding-right: 3px; padding-left: 3px; }
.ph4		{ padding-right: 4px; padding-left: 4px; }
.ph5		{ padding-right: 5px; padding-left: 5px; }
.ph6		{ padding-right: 6px; padding-left: 6px; }
.ph7		{ padding-right: 7px; padding-left: 7px; }
.ph8		{ padding-right: 8px; padding-left: 8px; }
.ph9		{ padding-right: 9px; padding-left: 9px; }
.ph10		{ padding-right: 10px; padding-left: 10px; }
.ph11		{ padding-right: 11px; padding-left: 11px; }
.ph12		{ padding-right: 12px; padding-left: 12px; }
.ph13		{ padding-right: 13px; padding-left: 13px; }
.ph14		{ padding-right: 14px; padding-left: 14px; }
.ph15		{ padding-right: 15px; padding-left: 15px; }
.ph16		{ padding-right: 16px; padding-left: 16px; }
.ph17		{ padding-right: 17px; padding-left: 17px; }
.ph18		{ padding-right: 18px; padding-left: 18px; }
.ph19		{ padding-right: 19px; padding-left: 19px; }
.ph20		{ padding-right: 20px; padding-left: 20px; }
.ph21		{ padding-right: 21px; padding-left: 21px; }
.ph22		{ padding-right: 22px; padding-left: 22px; }
.ph23		{ padding-right: 23px; padding-left: 23px; }
.ph24		{ padding-right: 24px; padding-left: 24px; }
.ph25		{ padding-right: 25px; padding-left: 25px; }
.ph26		{ padding-right: 26px; padding-left: 26px; }
.ph27		{ padding-right: 27px; padding-left: 27px; }
.ph28		{ padding-right: 28px; padding-left: 28px; }
.ph29		{ padding-right: 29px; padding-left: 29px; }
.ph30		{ padding-right: 30px; padding-left: 30px; }

/* float */
.fl			{ float: left; }
.fr			{ float: right; }
.fn			{ float: none; }

/* clear */
.cl			{ clear: left; }
.cr			{ clear: right; }
.cb			{ clear: both; }
.cn			{ clear: none; }

/* clearfix */
.cf:after	{ content: ""; display: block; height: 0; clear: both; }
.cf			{ zoom: 1; }

/* position */
.pr			{ position: relative; *zoom: 1; }
.pa			{ position: absolute; }
.pf			{ position: fixed; }
.ps			{ position: static; }

/* overflow */
.ofh		{ overflow: hidden; }

/* display */
.db			{ display: block; }
.di			{ display: inline; }
.dib		{ display: inline-block; }
.dib4b		{ display: inline-block; *display: inline; *zoom: 1; }
.dt			{ display: table; }
.dit		{ display: inline-table; }
.dtc		{ display: table-cell; }
.dtrow		{ display: table-row; }
.dtrowg		{ display: table-row-group; }
.dtcol		{ display: table-column; }
.dtcolg		{ display: table-column-group; }
.dtcp		{ display: table-caption; }
.dthg		{ display: table-header-group; }
.dtfg		{ display: table-footer-group; }
.dn			{ display: none; }

/* ruby */
.ruby		{ display: ruby; }
.rb			{ display: ruby-base; }
.rbg		{ display: ruby-base-group; }
.rt			{ display: ruby-text; }
.rtg		{ display: ruby-text-group; }

/* visibility */
.vh			{ visibility: hidden; }
.vv			{ visibility: visible; }

/* z-index */
.zi-1		{ z-index: -1; }
.zi0		{ z-index: 0; }
.zi1		{ z-index: 1; }

/* zoom */
.zm1		{ zoom: 1; }

/* vertical-align */
.vat		{ vertical-align: top; }
.vam		{ vertical-align: middle; }
.vab		{ vertical-align: bottom; }
.vabl		{ vertical-align: baseline; }
.vasuper	{ vertical-align: super; }
.vasub		{ vertical-align: sub; }
.vatt		{ vertical-align: text-top; }
.vatb		{ vertical-align: text-bottom; }

/* text-align */
.tal		{ text-align: left; }
.tac		{ text-align: center; }
.tar		{ text-align: right; }
.taj		{ text-align: justify; }

/* block-align */
.bal		{ margin-right: auto; }
.bac		{ margin-left: auto; margin-right: auto; }
.bar		{ margin-left: auto; }

/* line-height */
.lh22		{ line-height: 22px; }

/* text-indent */
.ti30		{ text-indent: 30px; }

/* break control */
.nowrap	{ white-space: nowrap; }
.wrap		{ white-space: pre-wrap; word-break: break-all; word-wrap: break-word; }
.ellipsis	{ text-overflow: ellipsis; white-space: nowrap; }

/* border-collapse */
.bdcc		{ border-collapse: collapse; }
.bdcs		{ border-collapse: separate; }

/* table-layout */
.tlf		{ table-layout: fixed; }

/* font-weight */
.b				{ font-weight: bold; }
.b[data-text] {
	position: relative;
	font-weight: normal !important;
	white-space: nowrap;
	display: inline-block;
	letter-spacing: 1px;
}
.b[data-text]:before {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 1px;
	content: attr(data-text);
	text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.n				{ font-weight: normal; }

/* font-size */
.fs8			{ font-size: 8px; }
.fs9			{ font-size: 9px; }
.fs10			{ font-size: 10px; }
.fs11			{ font-size: 11px; }
.fs12			{ font-size: 12px; }
.fs13			{ font-size: 13px; }
.fs14			{ font-size: 14px; }
.fs15			{ font-size: 15px; }
.fs16			{ font-size: 16px; }
.fs17			{ font-size: 17px; }
.fs18			{ font-size: 18px; }
.fs19			{ font-size: 19px; }
.fs20			{ font-size: 20px; }
.fs21			{ font-size: 21px; }
.fs22			{ font-size: 22px; }
.fs23			{ font-size: 23px; }
.fs24			{ font-size: 24px; }
.fs25			{ font-size: 25px; }
.fs26			{ font-size: 26px; }
.fs27			{ font-size: 27px; }
.fs28			{ font-size: 28px; }
.fs29			{ font-size: 29px; }
.fs30			{ font-size: 30px; }

/* * * * * * * * * * * * * * * * * * *
 * GENERAL CLASSES ADDON
 * * * * * * * * * * * * * * * * * * */

/* width */
.w10per	{ width: 10%; }
.w20per	{ width: 20%; }
.w30per	{ width: 30%; }
.w40per	{ width: 40%; }
.w50per	{ width: 50%; }
.w60per	{ width: 60%; }
.w70per	{ width: 70%; }
.w80per	{ width: 80%; }
.w90per	{ width: 90%; }

/* height */
.h250	{ height: 250px; }

/* font */
.fs36	{ font-size: 36px; }
.fs48	{ font-size: 48px; }