@charset "UTF-8";

/* reset */
a, a:hover, a:active {
    text-decoration: none !important;
}

input:focus {
    border: none !important;
    box-shadow: none !important;
    outline: 0 !important;
}

/* font */
.ft-10-px {
    font-size: 10px !important;
}

.ft-12-px {
    font-size: 12px !important;
}

.ft-14-px {
    font-size: 14px !important;
}

/* line-height */
.lh-1 {
    line-height: 1 !important;
}


/* border */
.border-eee {
    border-color: #eeeeee !important;
}

.border-bottom-dashed{
    border-bottom-style: dashed !important;
}

/* height */
.h-40-px {
    height: 40px !important;
}

/* object */
.object-cover-center {
    object-fit: cover !important;
    object-position: center center;
}


/* user */
.user-head-bg{
    background-image: url("../image/user/bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.user-wave::before, .user-wave::after {
    content: "";
    position: absolute;
    width: 707px;
    height: 717px;
    border-radius: 50%;
    top: 30%;
    left: 27%;
    background-color: #f8f9fa;
    animation: rotate-z 3s linear infinite;
}

.user-wave::after {
    left: 77%;
    top: 35%;
    border-radius: 49% 51%;
    opacity: .8;
}

@keyframes rotate-z {
    0% {
        transform: translate(-50%) rotateZ(0deg);
    }
    100% {
        transform: translate(-50%) rotateZ(360deg);
    }
}