.pw100 {
    width: 100%;
}
.pw90 {
    width: 90%;
}
.pw85 {
    width: 85%;
}
.pw80 {
    width: 80%;
}
.pw50 {
    width: 50%;
}
.pw25 {
    width: 25%;
}
.ph100 {
    height: 100%;
}
.ph50 {
    height: 50%;
}

.width-all {
    width: 100%;
}

.h100 {
    height: 100px;
}

/* font style */
.bold {
    font-weight: bold;
}
.no-bold {
    font-weight: normal;
}

/* text style */
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.text-underline {
    text-decoration: underline;
}
/* position */
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.fixed {
    position: fixed;
}

.top-center {
    top: 50%;
    transform: translateY(-50%);
}

/* // border */
.border {
    border: 1px solid #eee;
}
.border-bottom {
    border-bottom: 1px solid #eee;
}
.border-left {
    border-left: 1px solid #eee;
}
.border-right {
    border-right: 1px solid #eee;
}
.border-top {
    border-bottom: 1px solid #eee;
}

/* // visibility */
.dom-hidden {
    visibility: hidden;
}
.dom-visible {
    visibility: visible;
}

.rotate180 {
    transform: rotate(180deg);
}
.rotate-180 {
    transform: rotate(0deg);
}