@charset "utf-8";

/* CSS Document */

/*---------------------------------------------------------
	clearfix 
---------------------------------------------------------*/
.cf:after{
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
*:first-child+html .cf{ zoom: 1;} /* IE7 */


/*---------------------------------------------------------
	margin
---------------------------------------------------------*/
.m0{ margin: 0!important;}
.m5px{ margin: 5px!important;}
.m10px{ margin: 10px!important;}
.m15px{ margin: 15px!important;}
.m20px{ margin: 20px!important;}
.m25px{ margin: 25px!important;}
.m30px{ margin: 30px!important;}
.m35px{ margin: 35px!important;}
.m40px{ margin: 40px!important;}
.m45px{ margin: 45px!important;}
.m50px{ margin: 50px!important;}

.mt0{ margin-top: 0!important;}
.mt5px{ margin-top: 5px!important;}
.mt10px{ margin-top: 10px!important;}
.mt15px{ margin-top: 15px!important;}
.mt20px{ margin-top: 20px!important;}
.mt25px{ margin-top: 25px!important;}
.mt30px{ margin-top: 30px!important;}
.mt35px{ margin-top: 35px!important;}
.mt40px{ margin-top: 40px!important;}
.mt45px{ margin-top: 45px!important;}
.mt50px{ margin-top: 50px!important;}

.mb0{ margin-bottom: 0!important;}
.mb5px{ margin-bottom: 5px!important;}
.mb10px{ margin-bottom: 10px!important;}
.mb15px{ margin-bottom: 15px!important;}
.mb20px{ margin-bottom: 20px!important;}
.mb25px{ margin-bottom: 25px!important;}
.mb30px{ margin-bottom: 30px!important;}
.mb35px{ margin-bottom: 35px!important;}
.mb40px{ margin-bottom: 40px!important;}
.mb45px{ margin-bottom: 45px!important;}
.mb50px{ margin-bottom: 50px!important;}

.ml0{ margin-left: 0!important;}
.ml5px{ margin-left: 5px!important;}
.ml10px{ margin-left: 10px!important;}
.ml15px{ margin-left: 15px!important;}
.ml20px{ margin-left: 20px!important;}
.ml25px{ margin-left: 25px!important;}
.ml30px{ margin-left: 30px!important;}
.ml35px{ margin-left: 35px!important;}
.ml40px{ margin-left: 40px!important;}
.ml45px{ margin-left: 45px!important;}
.ml50px{ margin-left: 50px!important;}

.mr0{ margin-right: 0!important;}
.mr5px{ margin-right: 5px!important;}
.mr10px{ margin-right: 10px!important;}
.mr15px{ margin-right: 15px!important;}
.mr20px{ margin-right: 20px!important;}
.mr25px{ margin-right: 25px!important;}
.mr30px{ margin-right: 30px!important;}
.mr35px{ margin-right: 35px!important;}
.mr40px{ margin-right: 40px!important;}
.mr45px{ margin-right: 45px!important;}
.mr50px{ margin-right: 50px!important;}


/*---------------------------------------------------------
	padding
---------------------------------------------------------*/
.p0{ padding: 0!important;}
.p5px{ padding: 5px!important;}
.p10px{ padding: 10px!important;}
.p15px{ padding: 15px!important;}
.p20px{ padding: 20px!important;}
.p25px{ padding: 25px!important;}
.p30px{ padding: 30px!important;}
.p35px{ padding: 35px!important;}
.p40px{ padding: 40px!important;}
.p45px{ padding: 45px!important;}
.p50px{ padding: 50px!important;}

.pt0{ padding-top: 0!important;}
.pt5px{ padding-top: 5px!important;}
.pt10px{ padding-top: 10px!important;}
.pt15px{ padding-top: 15px!important;}
.pt20px{ padding-top: 20px!important;}
.pt25px{ padding-top: 25px!important;}
.pt30px{ padding-top: 30px!important;}
.pt35px{ padding-top: 35px!important;}
.pt40px{ padding-top: 40px!important;}
.pt45px{ padding-top: 45px!important;}
.pt50px{ padding-top: 50px!important;}

.pb0{ padding-bottom: 0!important;}
.pb5px{ padding-bottom: 5px!important;}
.pb10px{ padding-bottom: 10px!important;}
.pb15px{ padding-bottom: 15px!important;}
.pb20px{ padding-bottom: 20px!important;}
.pb25px{ padding-bottom: 25px!important;}
.pb30px{ padding-bottom: 30px!important;}
.pb35px{ padding-bottom: 35px!important;}
.pb40px{ padding-bottom: 40px!important;}
.pb45px{ padding-bottom: 45px!important;}
.pb50px{ padding-bottom: 50px!important;}


.pl0{ padding-left: 0!important;}
.pl5px{ padding-left: 5px!important;}
.pl10px{ padding-left: 10px!important;}
.pl15px{ padding-left: 15px!important;}
.pl20px{ padding-left: 20px!important;}
.pl25px{ padding-left: 25px!important;}
.pl30px{ padding-left: 30px!important;}
.pl35px{ padding-left: 35px!important;}
.pl40px{ padding-left: 40px!important;}
.pl45px{ padding-left: 45px!important;}
.pl50px{ padding-left: 50px!important;}

.pl0{ padding-right: 0!important;}
.pr5px{ padding-right: 5px!important;}
.pr10px{ padding-right: 10px!important;}
.pr15px{ padding-right: 15px!important;}
.pr20px{ padding-right: 20px!important;}
.pr25px{ padding-right: 25px!important;}
.pr30px{ padding-right: 30px!important;}
.pr35px{ padding-right: 35px!important;}
.pr40px{ padding-right: 40px!important;}
.pr45px{ padding-right: 45px!important;}
.pr50px{ padding-right: 50px!important;}


/*---------------------------------------------------------
	color 
---------------------------------------------------------*/
.red{ color: #ff0000!important; }
.blue{ color: #0000ff!important; }
.green{ color: #008000!important; }
.yellow{ color: #ffff00!important; }
.navy{ color: #000080!important; }
.orange{ color: #ff6600!important; }
.pink{ color: #ff00ff!important; }
.purple{ color: #660099!important; }
.olive{ color: #808000!important; }
.lime{ color: #00ff00!important; }
.aqua{ color: #00ffff!important; }
.black{ color: #000000!important; }
.gray{ color: #cccccc!important; }
.white{ color: #ffffff!important; }


/*---------------------------------------------------------
	font
---------------------------------------------------------*/
.f8px{ font-size: 8px!important;}
.f9px{ font-size: 9px!important;}
.f10px{ font-size: 10px!important;}
.f11px{ font-size: 11px!important;}
.f12px{ font-size: 12px!important;}
.f13px{ font-size: 13px!important;}
.f14px{ font-size: 14px!important;}
.f16px{ font-size: 16px!important;}
.f18px{ font-size: 18px!important;}
.f20px{ font-size: 20px!important;}
.f22px{ font-size: 22px!important;}
.f24px{ font-size: 24px!important;}
.f26px{ font-size: 26px!important;}
.f28px{ font-size: 28px!important;}
.f30px{ font-size: 30px!important;}
.f32px{ font-size: 32px!important;}

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

/*---------------------------------------------------------
	text-align
---------------------------------------------------------*/
.al-c{ text-align: center!important; }
.al-r{ text-align: right!important; }
.al-l{ text-align: left!important; }


/*---------------------------------------------------------
	vertical-align
---------------------------------------------------------*/
.vl-t{ vertical-align: top; }
.vl-m{ vertical-align: middle; }
.vl-b{ vertical-align: bottom; }


/*---------------------------------------------------------
	float
---------------------------------------------------------*/
.fl-r{ float: right; }
.fl-l{ float: left; }
.fl-c{ clear: both; }


/*---------------------------------------------------------
	line-height
---------------------------------------------------------*/
.lh10{ line-height: 1.0!important; }
.lh11{ line-height: 1.1!important; }
.lh12{ line-height: 1.2!important; }
.lh13{ line-height: 1.3!important; }
.lh14{ line-height: 1.4!important; }
.lh15{ line-height: 1.5!important; }
.lh16{ line-height: 1.6!important; }
.lh17{ line-height: 1.7!important; }
.lh18{ line-height: 1.8!important; }
.lh19{ line-height: 1.9!important; }
.lh20{ line-height: 2.0!important; }




/*---------------------------------------------------------
	news article
---------------------------------------------------------*/
em.small { font-size: 11px; font-weight: normal;}
em.large { font-size: 15px; font-weight: bold;}
.note { font-size: 11px; line-height: 1.5;}
.hide { display: none; }
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }
.alignLeft { text-align: left; }
.alignRight { text-align :right }
.alignCenter { text-align: center; }
.decimal { margin: 0 0 0 1.5em; list-style: decimal; }
.disc { margin: 0 0 0 1.5em; list-style: disc; }
.vMid { vertical-align: middle; }
.vTop { vertical-align: top; }
.vBottom { vertical-align: bottom; }