.smile-heart {
    animation: smile-heart 1.2s steps(24) infinite;
    background-image: url(../images/heart.png);
    height: 26px;
    width: 30px;
}

@keyframes smile-heart {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 -624px;
    }
}

.smile {
    background-size: 100%;
    display: inline-block;
    margin: 0 4px;
    
    vertical-align: middle;
}

.iconJPG{
    width: 36px;
    height: 36px;
    border-radius: 18px;
    border: 1px solid #514128;
    background-image: url(../images/iconlist.jpg);
    background-size: 368px 736px;
    box-shadow: inset 0px 0px 7px 3px #373527d6;
}

.iconJPG:active {
    transform: scale(0.9); /* 按下時縮小至90%的大小 */
}

.icon-music {
    background-position: -7px -1242px;
}
.icon-champion {
    background-position: -220px -1187px;
}

.icon-record {
    background-position: -185px -1301px;
}

.icon-notify {
    background-position: -185px -806px;
}

.icon-home{
    background-position: -110px -859px;
}

.icon-magnifier{
    background-position: 42px -623px;
}

.icon-lock{
    background-position: -6px -344px;
}
.icon-key{
    background-position: 147px -21px;
}
.icon-camera{
    background-position: -290px -806px;
}