@charset "utf-8";

/* =========================================================
    margin and padding
========================================================= */
.mp0 { margin:0 !important;padding:0 !important; }

/* margin-top
------------------------------------------*/
.mt0 { margin-top:0 !important; }
.mt5 { 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; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mt_5 { margin-top:-5px !important; }
.mt_10 { margin-top:-10px !important; }
.mt_15 { margin-top:-15px !important; }
.mt_20 { margin-top:-20px !important; }
.mt_25 { margin-top:-25px !important; }
.mt_30 { margin-top:-30px !important; }

/* margin-right
------------------------------------------*/
.mr5 { margin-right:5px !important; }
.mr8 { margin-right:8px !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; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }

/* margin-bottom
------------------------------------------*/
.mb0 { margin-bottom:0 !important; }
.mb5 { 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; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mb100 { margin-bottom:100px !important; }
.mb_5 { margin-bottom:-5px !important; }
.mb_10 { margin-bottom:-10px !important; }
.mb_15 { margin-bottom:-15px !important; }
.mb_20 { margin-bottom:-20px !important; }
.mb_25 { margin-bottom:-25px !important; }
.mb_30 { margin-bottom:-30px !important; }

/* margin-left
------------------------------------------*/
.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; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }

/* padding all
------------------------------------------*/
.pA0 { padding:0 !important; }
.pA05 { padding:5px !important; }
.pA10 { padding:10px !important; }
.pA15 { padding:15px !important; }
.pA20 { padding:20px !important; }
.pA25 { padding:25px !important; }
.pA30 { padding:30px !important; }
.pA35 { padding:35px !important; }
.pA40 { padding:40px !important; }
.pA45 { padding:45px !important; }
.pA50 { padding:50px !important; }

/* padding-top
------------------------------------------*/
.pt0 { padding-top:0px !important; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt35 { padding-top:35px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }
.pt50 { padding-top:50px; }
.pt55 { padding-top:55px; }

/* padding-right
------------------------------------------*/
.pr5 { padding-right:5px; }
.pr7 { padding-right:7px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr17 { padding-right:17px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px; }
.pr35 { padding-right:35px; }
.pr40 { padding-right:40px; }
.pr45 { padding-right:45px; }
.pr50 { padding-right:50px; }

/* padding-bottom
------------------------------------------*/
.pb0 { padding-bottom:0px; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb35 { padding-bottom:35px; }
.pb40 { padding-bottom:40px; }
.pb45 { padding-bottom:45px; }
.pb50 { padding-bottom:50px; }

/* padding-left
------------------------------------------*/
.pl5 { padding-left:5px; }
.pl7 { padding-left:7px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pl35 { padding-left:35px; }
.pl40 { padding-left:40px; }
.pl45 { padding-left:45px; }
.pl50 { padding-left:50px; }


/* =========================================================
    box
========================================================= */

/* float
------------------------------------------*/
.clear { clear:both; }
.fl { float:left; }
.fr { float:right; }

/* line-height
------------------------------------------*/
.lh10 { line-height:100%; }
.lh14 { line-height:140%; }
.lh15 { line-height:150%; }
.lh16 { line-height:160%; }
.lh18 { line-height:180%; }
.lh20 { line-height:200%; }
.lh22 { line-height:220%; }
.lh24 { line-height:240%; }


/* =========================================================
    font
========================================================= */

/* font-weight
------------------------------------------*/
.b { font-weight:bold !important; }
.n { font-weight:normal !important; }

/* font-size
------------------------------------------*/
.f-xxs { font-size:77%; }
.f-xs { font-size:85%; }
.f-s { font-size:93%; }
.f-l { font-size:108%; }
.f-xl { font-size:146.5%; }
.f-xxl { font-size:167%; }
.f-xxxl { font-size:197%; }
.f10 { font-size:10px; }
.f12 { font-size:12px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }

/* =========================================================
    text
========================================================= */

/* text-indent
------------------------------------------*/
.ti1 { display:inline-block; text-indent:1em; }
.ti2 { display:inline-block; text-indent:2em; }

/* text-align
------------------------------------------*/
.txtR { text-align:right !important; }
.txtL { text-align:left !important; }
.txtC { text-align:center !important; }
.txtJ { text-align:justify !important;text-justify:inter-ideograph !important; }

/* =========================================================
    clearfix
========================================================= */
.clearfix:before, .clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {
	clear:both;
}
.clearfix {
	zoom:1;
}