@charset "UTF-8";
/*登入會員後上標顯示名稱&訊息*/
.showName{
	display: flex;
    flex-wrap: wrap;
	padding: 5px 10px;
}
.showName .member-name{
	font-size: 15px;
}
.showName .member-name i{
	margin-right: 5px;
    font-size: 17px;
}
.showName .member-name .greet{
	margin-left: 5px;
}
.showName .icon{
	margin-left: 10px;
    position: relative;
}
.showName .icon i{
	font-size: 21px;
	color: #111111;
}
.showName .icon .count{
	font-size: 12px;
    width: 17px;
    height: 17px;
    background: #dc5b67;
    border-radius: 17px;
    text-align: center;
    color: #fff;
    display: inline-block;
    line-height: 17px;
    position: absolute;
    top: -7px;
    right: -8px;
}
.showName .SignOut{
	margin-left: 15px;
    font-size: 13px;
    padding: 1px 5px;
    background: #111;
    color: #fff;
    border-radius: 3px;
    line-height: 20px;
    text-decoration: none;
}

.showName .fa.touch-moment {
    animation-name: touchrotation;
    animation-duration: .3s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running;
}

@keyframes touchrotation {
    from {
        transform: rotate(-6deg);
    }

    to {
        transform: rotate(10deg);
    }
}