// font
.fs(@sz){font-size: @sz;}

//display
.dnone(){display: none}
.db(){display: block}
.di(){display: inline}
.dib(){display: inline-block}

//
.tdn(){text-decoration: none;}

//background
//.back(@url,@c){@c @url center center no-repeat;}
//margin padding
.m(@m){margin: @m;}
.mt(@mt){margin-top: @mt;}
.ml(@ml){margin-left: @ml;}
.mr(@mr){margin-right: @mr;}
.mb(@mb){margin-bottom: @mb;}
.p(@p){padding: @p;}
.pt(@pt){padding-top: @pt;}
.pl(@pl){padding-left: @pl;}
.pr(@pr){padding-right: @pr;}
.pb(@pb){padding-bottom: @pb;}

.m0{.m(0)}
.mt0{.mt(0)}
.mb0{.mb(0)}
.mr0{.mr(0)}
.ml0{.ml(0)}
.p0{.p(0)}
.pt0{.pt(0)}
.pb0{.pb(0)}
.pr0{.pr(0)}
.pl0{.pl(0)}

//height line-height
.h(@h){height:@h}
.lh(@lh){line-height:@lh}
.w(@w){width:@w}
//fz
.fz(@fz){font-size: @fz;}
//fw
.fw(@fw){font-weight: @fw}

//color
.c(@c) when (iscolor(@c)){color:@c}
//text
.tl(){text-align: left}
.tr(){text-align: right}
.tc(){text-align: center}
.tj(){text-align: justify}
.tin2(){text-indent: 2em;}

.vm(){vertical-align: middle;}
.vb(){vertical-align: bottom;}

//border
.b(@c:#f00,@w:1px,@s:solid) when (iscolor(@c)) and (isnumber(@w)) and (iskeyword(@s)){border:@w @s @c}
.bb(@c:#f00,@w:1px,@s:solid) when (iscolor(@c)) and (isnumber(@w)) and (iskeyword(@s)){border-bottom:@w @s @c}
.bt(@c:#f00,@w:1px,@s:solid) when (iscolor(@c)) and (isnumber(@w)) and (iskeyword(@s)){border-top:@w @s @c}
.bl(@c:#f00,@w:1px,@s:solid) when (iscolor(@c)) and (isnumber(@w)) and (iskeyword(@s)){border-left:@w @s @c}
.br(@c:#f00,@w:1px,@s:solid) when (iscolor(@c)) and (isnumber(@w)) and (iskeyword(@s)){border-right:@w @s @c}
//bra
.bra(@bra) {border-radius: @bra}
//bs
.bs(@bs) {box-shadow: @bs;}
//background
.bgc(@bgc){background-color: @bgc}