@media handheld and (min-width:360px),
screen and (min-width:480px),screen and (max-width:980px) {
    body {font-size:large;}
}

@media screen and (min-width:1024px) and (max-width:1280px) {
    body {font-size:medium;}
}

@media screen and (min-width:800px),print and (min-width:7in) {
    body {font-size:small;}
}

span, label {
    color: #f00;
}


div,
a:hover {
    color: #ccc;
}


span,
label {
    color: #f00;
}

p {
    width: 10px;height: 30px;
}


p,
i,.cc {
    width: 100px;height: 100px;
}

.foo {
    .transition(width 1s);
    .size(30px, 20px);
    .clearfix();
}

.textOverflowMulti(@line: 3, @bg: #fff) {
    position: relative;
    overflow: hidden;
    max-height: @line * 1.5em;
    margin-right: -1em;
    padding-right: 1em;
    line-height: 1.5em;
    text-align: justify;
    &:before {
        content: "...";
        position: absolute;
        right: 14px;
        bottom: 0;
        padding: 0 1px;
        background: @bg;
    }
    &:after {
        content: "";
        position: absolute;
        right: 14px;
        width: 1em;
        height: 1em;
        margin-top: .2em;
        background: #fff;
    }
}