/* CSS Document */
@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  utility.css
=================================================================== */

/* ----------------------------------------------------------------------
 margin
---------------------------------------------------------------------- */
.m0{margin:0 !important}			
.mt0{margin-top:0 !important}		
.mr0{margin-right:0 !important}	
.mb0{margin-bottom:0 !important}	
.ml0{margin-left:0 !important}	
.m5{margin:5px !important}
.mt5{margin-top:5px !important}
.mr5{margin-right:5px !important}
.mb5{margin-bottom:5px !important}
.ml5{margin-left:5px !important}
.m10{margin:10px !important}
.mt10{margin-top:10px !important}
.mr10{margin-right:10px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}
.m15{margin:15px !important}
.mt15{margin-top:15px !important}
.mr15{margin-right:15px !important}
.mb15{margin-bottom:15px !important}
.ml15{margin-left:15px !important}
.m20{margin:20px !important}
.mt20{margin-top:20px !important}
.mr20{margin-right:20px !important}
.mb20{margin-bottom:20px !important}
.ml20{margin-left:20px !important}
.m30{margin:30px !important}
.mt30{margin-top:30px !important}
.mr30{margin-right:30px !important}
.mb30{margin-bottom:30px !important}
.ml30{margin-left:30px !important}
.m40{margin:40px !important}
.mt40{margin-top:40px !important}
.mr40{margin-right:40px !important}
.mb40{margin-bottom:40px !important}
.ml40{margin-left:40px !important}
.m50{margin:50px !important}
.mt50{margin-top:50px !important}
.mr50{margin-right:50px !important}
.mb50{margin-bottom:50px !important}
.ml50{margin-left:50px !important}
.m60{margin:60px !important}
.mt60{margin-top:60px !important}
.mr60{margin-right:60px !important}
.mb60{margin-bottom:60px !important}
.ml60{margin-left:60p !importantx}
.m70{margin:70px !important}
.mt70{margin-top:70px !important}
.mr70{margin-right:70px !important}
.mb70{margin-bottom:70px !important}
.ml70{margin-left:70px !important}
.m80{margin:80px !important}
.mt80{margin-top:80px !important}
.mr80{margin-right:80px !important}
.mb80{margin-bottom:80px !important}
.ml80{margin-left:80px !important}
/* ----------------------------------------------------------------------
 padding
---------------------------------------------------------------------- */
.p0{padding:0 !important}			
.pt0{padding-top:0 !important}		
.pr0{padding-right:0 !important}	
.pb0{padding-bottom:0 !important}	
.pl0{padding-left:0 !important}
.p5{padding:5px !important}
.pt5{padding-top:5px !important}
.pr5{padding-right:5px !important}
.pb5{padding-bottom:5px !important}
.pl5{padding-left:5px !important}
.p10{padding:10px !important}
.pt10{padding-top:10px !important}
.pr10{padding-right:10px !important}
.pb10{padding-bottom:10px !important}
.pl10{padding-left:10px !important}
.p15{padding:15px !important}
.pt15{padding-top:15px !important}
.pr15{padding-right:15px !important}
.pb15{padding-bottom:15px !important}
.pl15{padding-left:15px !important}
.p20{padding:20px !important}
.pt20{padding-top:20px !important}
.pr20{padding-right:20px !important}
.pb20{padding-bottom:20px !important}
.pl20{padding-left:20px !important}
.p30{padding:30px !important}
.pt30{padding-top:30px !important}
.pr30{padding-right:30px !important}
.pb30{padding-bottom:30px !important}
.pl30{padding-left:30px !important}

/* ----------------------------------------------------------------------
 text-utility
---------------------------------------------------------------------- */
/* font size px % */
.fs10{font-size:10px}
.fs11{font-size:11px}
.fs12{font-size:12px}
.fs13{font-size:13px}
.fs14{font-size:14px}
.fs16{font-size:16px}
.fs18{font-size:18px}
.fs24{font-size:24px}
.fs32{font-size:32px}
.fs36{font-size:36px}
.fp70{font-size:70%}
.fp80{font-size:80%}
.fp90{font-size:90%}
.fp100{font-size:100%}
.fp110{font-size:110%}
.fp120{font-size:120%}
.fp130{font-size:130%}
.fp140{font-size:140%}
.fp150{font-size:150%}
.fp160{font-size:160%}
.fp170{font-size:170%}
.fp180{font-size:180%}
.fp190{font-size:190%}
.fp200{font-size:200%}
/* text decoration */
strong{font-weight:bold}
.b{font-weight:bold}			
.u{text-decoration:underline}

/* text-color */
.txt-red{color:red !important}				
.txt-blue{color:#2ca9e1 !important}		
.txt-green{color:#82ae46 !important}		
.txt-orange{color:#ff7d00 !important}		
.txt-yellow{
	color: #CCCC00 !important
}		
.txt-pink{color:#ff0084 !important}		
.txt-gray{color:#999 !important}		
.txt-black{color:#000 !important}	
.txt-white{color:#FFF !important}	

/* indent */
.ind1em{padding-left: 1em;text-indent:-1em;text-indent: -1em;}
.ind2em{padding-left: 2em;text-indent:-2em;text-indent: -2em;}

/* lin height */
.lh100{line-height:1em !important}
.lh120{line-height:1.2em !important}
.lh150{line-height:1.5em !important}
.lh200{line-height:2em !important}
.lh300{line-height:3em !important}



/* ----------------------------------------------------------------------
 centerling menu
---------------------------------------------------------------------- */
.menuC {
	position: relative;
	overflow: hidden;
	margin-top: 15px;
}
.menuC ul {
	float: left;
	left: 50%;
	position: relative;
	margin-bottom: 10px;
}
 .menuC li {
float:left;
margin-right:20px;
left:-50%;
position:relative;
}

/* ----------------------------------------------------------------------
 Box
---------------------------------------------------------------------- */
.boxBorder {
	margin-right: auto;
	margin-left: auto;
	border: thick solid;
	background-color: #FFFFFF;
	padding: 0.5em;
}