/* sizing */
/* p -- percent */
/*
	width
*/
.w100p{
width:100% !important;
}

.w75p{
width:75% !important;
}
.w50p{
width:50% !important;
}
.w40p{
width:40% !important;
}
.w60p{
width:60% !important;
}
.w25p{
width:25% !important;
}
.w33p{
width:33.33% !important;
}
.w66p{
width:66.66% !important;
}

.w48{
width:48px !important;
}
.w50{
width:50px !important;
}
.w100{
width:100px !important;
}

.w150{
width:150px !important;
}

.w300{
width:300px !important;
}


/*
	height
*/
.h100p{
height:100% !important;
}
.h75p{
height:75% !important;
}
.h50p{
height:50% !important;
}
.h25p{
height:25% !important;
}
.h33p{
height:33.33% !important;
}

.h48{
height:48px !important;
}

.h80{
height:80px !important;
}

.h100{
height:100px !important;
}
.h120{
height:120px !important;
}

.h150{
height:150px !important;
}

.h300{
height:300px !important;
}



/* margin */
.ma{
margin: auto  !important;
}
.mva{
    margin-top:auto !important;
    margin-bottom:auto !important;
}
.mta{
    margin-top:auto !important;
}
.mba{
    margin-bottom:auto !important;
}
.mha{
    margin-left:auto !important;
    margin-right:auto !important;
}
.mla{
    margin-left:auto !important;
}
.mra{
    margin-right:auto !important;
}


.m0{
margin: 0  !important;
}
.mv0{
    margin-top:0 !important;
    margin-bottom:0 !important;
}
.mt0{
    margin-top:0 !important;
}
.mb0{
    margin-bottom:0 !important;
}
.mh0{
    margin-left:0 !important;
    margin-right:0 !important;
}
.ml0{
    margin-left:0 !important;
}
.mr0{
    margin-right:0 !important;
}



.md{
/* margin default(10px) */
	margin:10px !important;
}
.mvd{
/* margin vertical default */
	margin-top:10px !important;
	margin-bottom:10px !important;
}
.mhd{
	margin-right:10px !important;
	margin-left:10px !important;
}
.mhd-erase{
	margin-right:-10px !important;
	margin-left:-10px !important;
}

.mud{
	margin:10px auto !important;
}
.mtd{
	margin-top:10px !important
}
.mtd-erase{
	margin-top:-10px !important;
}
.mbd{
	margin-bottom:10px !important;
}
.mbd-erase{
	margin-bottom:-10px !important;
}
.mrd{
	margin-right:10px !important;
}
.mld{
	margin-left:10px !important;
}

.mh{
/* margin half */
	margin:5px;
}
.mvh{
/* margin vertical half */
	margin-top:5px;
	margin-bottom:5px;
}
.mhh{
	margin-right:5px;
	margin-left:5px;
}
.muh{
	margin:5px auto;
}
.mth{
	margin-top:5px;
}
.mbh{
	margin-bottom:5px;
}
.mrh{
	margin-right:5px;
}
.mlh{
	margin-left:5px;
}

/* double */
.mw{
	margin:20px;
}
.mrw{
	margin-right:20px;
}
.mlw{
	margin-left:20px;
}
.mhw{
	margin-left:20px;
	margin-right:20px;
}
.mvw{
	margin-top:20px;
	margin-bottom:20px;
}
.mtw{
	margin-top:20px;
}
.mbw{
	margin-bottom:20px;
}


/* half-double */
.margin-halfdouble,
.mv{
	margin:15px;
}
.mrv{
	margin-right:15px;
}
.mlv{
	margin-left:15px;
}
.mhv{
	margin-left:15px;
	margin-right:15px;
}
.mvv{
	margin-top:15px;
	margin-bottom:15px;
}
.mtv{
	margin-top:15px;
}
.mbv{
	margin-bottom:15px;
}


.p0{
	padding:0px !important;
}
.pu0,
.pv0{
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.ph0{
	padding-right:0px !important;
	padding-left:0px !important;
}
.pt0{
	padding-top:0px !important;
}
.pb0{
	padding-bottom:0px !important;
}
.pl0{
	padding-left:0px !important;
}
.pr0{
	padding-right:0px !important;
}


.padding-default,
.pd{
	padding:10px !important;
}
.padding-vertical-default,
.pvd{
	padding-top:10px !important;
	padding-bottom:10px !important;
}
.pud{
	padding-top:10px !important;
	padding-bottom:10px !important;
}
.padding-horizontal-default,
.phd{
	padding-right:10px !important;
	padding-left:10px !important;
}
.padding-top-default,
.ptd{
	padding-top:10px !important;
}
.padding-bottom-default,
.pbd{
	padding-bottom:10px !important;
}
.pld{
	padding-left:10px !important;
}
.prd{
	padding-right:10px !important;
}

.padding-default-half,
.ph{
	padding:5px !important;
}
.pvh{
	padding-top:5px !important;
	padding-bottom:5px !important;
}
.phh{
	padding-right:5px !important;
	padding-left:5px !important;
}

.padding-default-double,
.pw{
	padding:20px !important;
}
.pvw{
	padding-top:20px !important;
	padding-bottom:20px !important;
}
.puw{
	padding-top:20px !important;
	padding-bottom:20px !important;
}
.phw{
	padding-right:20px !important;
	padding-left:20px !important;
}
.ptw{
	padding-top:20px !important;
}
.pbw{
	padding-bottom:20px !important;
}


.padding-default-halfdouble,
.pv{
	padding:15px !important;
}
.pvv{
	padding-top:15px !important;
	padding-bottom:15px !important;
}
.puv{
	padding-top:15px !important;
	padding-bottom:15px !important;
}
.phv{
	padding-right:15px !important;
	padding-left:15px !important;
}
.ptv{
	padding-top:15px !important;
}
.pbv{
	padding-bottom:15px !important;
}




/* margin 16px */
.m16{
	margin:16px;
}
.mv16{
	margin-top:16px;
	margin-bottom:16px;
}
.mh16{
	margin-right:16px;
	margin-left:16px;
}
.mr16{
	margin-right:16px;
}
.ml16{
	margin-left:16px;
}
.mt16{
	margin-top:16px;
}
.mb16{
	margin-bottom:16px;
}

/* margin 10px */
.m10{
	margin:10px;
}
.mv10{
	margin-top:10px;
	margin-bottom:10px;
}
.mh10{
	margin-right:10px;
	margin-left:10px;
}
.mr10{
	margin-right:10px;
}
.ml10{
	margin-left:10px;
}
.mt10{
	margin-top:10px;
}
.mb10{
	margin-bottom:10px;
}

/* margin 8px */
.m8{
	margin:8px;
}
.mv8{
	margin-top:8px;
	margin-bottom:8px;
}
.mh8{
	margin-right:8px;
	margin-left:8px;
}
.mr8{
	margin-right:8px;
}
.ml8{
	margin-left:8px;
}
.mt8{
	margin-top:8px;
}
.mb8{
	margin-bottom:8px;
}

/* margin 4px */
.m4{
	margin:4px;
}
.mv4{
	margin-top:4px;
	margin-bottom:4px;
}
.mh4{
	margin-right:4px;
	margin-left:4px;
}
.mr4{
	margin-right:4px;
}
.ml4{
	margin-left:4px;
}
.mt4{
	margin-top:4px;
}
.mb4{
	margin-bottom:4px;
}


/* margin -10px */
.m-10{
	margin:-10px;
}
.mv-10{
	margin-top:-10px;
	margin-bottom:-10px;
}
.mh-10{
	margin-right:-10px;
	margin-left:-10px;
}
.mr-10{
	margin-right:-10px;
}
.ml-10{
	margin-left:-10px;
}
.mt-10{
	margin-top:-10px;
}
.mb-10{
	margin-bottom:-10px;
}


/* margin -8px */
.m-8{
	margin:-8px;
}
.mv-8{
	margin-top:-8px;
	margin-bottom:-8px;
}
.mh-8{
	margin-right:-8px;
	margin-left:-8px;
}
.mr-8{
	margin-right:-8px;
}
.ml-8{
	margin-left:-8px;
}
.mt-8{
	margin-top:-8px;
}
.mb-8{
	margin-bottom:-8px;
}

/* margin -4px */
.m-4{
	margin:-4px;
}
.mv-4{
	margin-top:-4px;
	margin-bottom:-4px;
}
.mh-4{
	margin-right:-4px;
	margin-left:-4px;
}
.mr-4{
	margin-right:-4px;
}
.ml-4{
	margin-left:-4px;
}
.mt-4{
	margin-top:-4px;
}
.mb-4{
	margin-bottom:-4px;
}

/* padding 16px */
.p16{
	padding:16px;
}
.pv16{
	padding-top:16px;
	padding-bottom:16px;
}
.ph16{
	padding-right:16px;
	padding-left:16px;
}
.pr16{
	padding-right:16px;
}
.pl16{
	padding-left:16px;
}
.pt16{
	padding-top:16px;
}
.pb16{
	padding-bottom:16px;
}



/* padding 8px */
.p8{
	padding:8px;
}
.pv8{
	padding-top:8px;
	padding-bottom:8px;
}
.ph8{
	padding-right:8px;
	padding-left:8px;
}
.pr8{
	padding-right:8px;
}
.pl8{
	padding-left:8px;
}
.pt8{
	padding-top:8px;
}
.pb8{
	padding-bottom:8px;
}




/* padding 4px */
.p4{
	padding:4px;
}
.pv4{
	padding-top:4px;
	padding-bottom:4px;
}
.ph4{
	padding-right:4px;
	padding-left:4px;
}
.pr4{
	padding-right:4px;
}
.pl4{
	padding-left:4px;
}
.pt4{
	padding-top:4px;
}
.pb4{
	padding-bottom:4px;
}