.f {
    display: flex;
}

.fc {
    flex-flow: column;
}

.jfs {
    justify-content: flex-start;
}

.jfe {
    justify-content: flex-end;
}

.ja {
    justify-content: space-around;
}

.jb {
    justify-content: space-between;
}

.jc {
    justify-content: center;
}

.je {
    justify-content: space-evenly;
}

.ac {
    align-items: center;
}

.ab {
    align-items: baseline;
}

.as {
    align-items: flex-start;
}

.ae {
    align-items: flex-end;
}

.tc {
    text-align: center;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.w {
    flex-wrap: wrap;
}

.p_r {
    position: relative;
    z-index: 9;
}

.p_a {
    position: absolute;
}

.hand {
    cursor: pointer;
}

.ellipsis {
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.clearfix {
    zoom: 1;
}

.clearfix::after,
.clearfix::before {
    content: '';
    display: table;
}

.clearfix::after {
    clear: both;
}

.scroll {
    overflow-x: scroll;
}

.border {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.writing-rl {
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
}

.writing-lr {
    writing-mode: vertical-lr;
    -moz-writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
}

.no {
    display: none;
}
.vm{
    vertical-align: middle;
}