/* for common uses */

.nospace {
    margin: 0;
    padding: 0;
}

.space05 {
    display: inline-block;
    margin-right: 0.5em;
}

.space10 {
    display: inline-block;
    margin-right: 1.0em;
}

.space15 {
    display: inline-block;
    margin-right: 1.5em;
}

.space20 {
    display: inline-block;
    margin-right: 2.0em;
}

.space30 {
    display: inline-block;
    margin-right: 3.0em;
}

.space40 {
    display: inline-block;
    margin-right: 4.0em;
}

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.inline-grid {
    display: inline-grid;
}

.color-highlight {
    color: darkorange;
}

.full-width {
    width: 100%;
}

.full-height {
    height: 100%;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.clear {
    clear: both;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.nowrap {
    white-space: nowrap;
}

.ellipsis {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 解决input/textarea 100%时溢出问题 */
.boxsizing {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}


/*----常用图标资源--------------------------------------------------*/
.icon-x25 {
    display: inline-block;
    vertical-align: middle;
    background-attachment: fixed;
    background: url('../images/icons/x25.png') no-repeat;
}