/*浮動*/
.anmtbox{
    position: fixed;
    right:0;
    bottom:0;
}

/*範圍*/
.anmtcontent{
    position: relative;
    background:url("shadow.png") no-repeat;
    background-size:cover;
    width:150px;
    height:225px;
}


/*縮小後感應區*/
.anmtsmall{
    position: relative;
    width:142px;
    height: 135px;
    cursor:pointer;
    display:none;
}

/*移上感應區*/
.anmtsmall:hover{
    background:url("small.png") no-repeat;
    background-size:cover;
}

/*頭*/
.anmthead{
    position:absolute;
    cursor:pointer;
    background:url("head.gif") no-repeat;
    background-size:cover;
    width:150px;
    height:120px;
    top:0;
    left:0;
    z-index:2;
}

/*書本*/
.anmtbook{
    position:absolute;
    background:url("book.gif") no-repeat;
    background-size:cover;
    width:45px;
    height:45px;
    top:78px;
    left:0;
    z-index:3;
    pointer-events: none;
}

/*身體*/
.anmtbody{
    position:absolute;
    cursor:pointer; 
    background:url("body.gif") no-repeat;
    background-size:cover;
    width:112px;
    height:112px;
    top:102px;
    left:14px;
    z-index:1;
    
}

/*對話文字1*/
.anmtspeak{
    position:absolute;
    pointer-events: none;
    width:150px;
    height:105px;
    top:-36px;
    left:-60px;
    z-index:6;
    animation: speak 8s infinite;
    background-size:cover !important;
}

@keyframes speak {
    60% {
        background:url("speak1.png?v=20230303") no-repeat;
        background-size:cover !important;
    }
}

/*滑鼠移上(對話框)*/
.anmtcontent:hover .anmtspeak{
    background:url("speak1.png?v=20230303") no-repeat !important;
    background-size:cover !important;
}

/*滑鼠移上(說話)*/
.anmtcontent:hover .anmthead{
    background:url("speak.gif") no-repeat !important;
    background-size:cover !important;
}




/*關閉*/
.anmtclose{
    position:absolute;
    background:url("close.png") no-repeat;
    background-size:cover;
    cursor:pointer; 
    width:58px;
    height:24px;
    top:-22px;
    right:0;
    z-index:5;
}