    /*男*/

.man {
    position: absolute;
    display: block;
    opacity: 0;
    width: 164px;
    height: 535px;
    top: 190px;
    left: 150px;
    background-position: 0px 0px;
    background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man.png);
    z-index: 999;
}


/*針對IE*/

*::-ms-backdrop,
.man {
    position: absolute;
    display: block;
    opacity: 0;
    width: 164px;
    height: 535px;
    top: 190px;
    left: 150px;
    background-position: 0px 0px;
    overflow: hidden;
    /*background-color: red;*/
    background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man.png);
}


/*男雙手合十*/

.man_mov_01 {
    animation-name: man_ten_ie;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: step-start;
    -moz-animation-name: man_ten;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-timing-function: step-start;
    -webkit-animation-name: man_ten;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: step-start;
    -o-animation-name: man_ten;
    -o-animation-duration: 1s;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-timing-function: step-start;
}

@keyframes man_ten_ie {
    0% {
        background-position: 0px 0px;
    }
    30% {
        background-position: -164px 0px;
    }
    60% {
        background-position: -328px 0px;
    }
    100% {
        background-position: -492px 0px;
    }
}

@-webkit-keyframes man_ten {
    0% {
        background-position: 0px 0px;
    }
    30% {
        background-position: -164px 0px;
    }
    60% {
        background-position: -328px 0px;
    }
    100% {
        background-position: -492px 0px;
    }
}

@-moz-keyframes man_ten {
    0% {
        background-position: 0px 0px;
    }
    30% {
        background-position: -164px 0px;
    }
    60% {
        background-position: -328px 0px;
    }
    100% {
        background-position: -492px 0px;
    }
}

@-o-keyframes man_ten {
    0% {
        background-position: 0px 0px;
    }
    30% {
        background-position: -164px 0px;
    }
    60% {
        background-position: -328px 0px;
    }
    100% {
        background-position: -492px 0px;
    }
}


/*男三拜*/

.man_mov_02 {
    animation-name: man_three_ie;
    animation-duration: 5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: step-start;
    -moz-animation-name: man_three_ie;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-timing-function: step-start;
    -webkit-animation-name: man_three_ie;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: step-start;
    -o-animation-name: man_three_ie;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-timing-function: step-start;
}


/*@keyframes man_three_ie{


 
0%   {background-position: -656px 0px;}
3%   {background-position: -820px 0px;}
19%  {background-position: -820px 0px;}
21%  {background-position: -656px 0px;}
22%  {background-position: -492px 0px;}


25%  {background-position: -492px 0px;}
26%  {background-position: -656px 0px;}
29%  {background-position: -820px 0px;}
43%  {background-position: -820px 0px;}
44%  {background-position: -656px 0px;}
45%  {background-position: -492px 0px;}



53%  {background-position: -492px 0px;}
54%  {background-position: -656px 0px;}
55%  {background-position: -820px 0px;}
69%  {background-position: -820px 0px;}


72%  {background-position: -656px 0px;}
78%  {background-position: -492px 0px;}
85%  {{background-position: -328px 0px;}
90%  {background-position: -164px 0px;}
100% {background-position: 0px 0px;}

  }
*/

@keyframes man_three_ie {
    0% {
        background-position: -656px 0px;
    }
    /*下彎*/
    5% {
        background-position: -820px 0px;
    }
    /*最下彎*/
    15% {
        background-position: -820px 0px;
    }
    /*最下彎*/
    20% {
        background-position: -656px 0px;
    }
    /*起身*/
    25% {
        background-position: -492px 0px;
    }
    /*挺起身*/
    35% {
        background-position: -492px 0px;
    }
    /*挺起身*/
    36% {
        background-position: -656px 0px;
    }
    /*下彎*/
    38% {
        background-position: -820px 0px;
    }
    /*最下彎*/
    48% {
        background-position: -820px 0px;
    }
    /*最下彎*/
    53% {
        background-position: -656px 0px;
    }
    /*起身*/
    58% {
        background-position: -492px 0px;
    }
    /*挺起身*/
    68% {
        background-position: -492px 0px;
    }
    /*挺起身*/
    69% {
        background-position: -656px 0px;
    }
    /*下彎*/
    71% {
        background-position: -820px 0px;
    }
    /*最下彎*/
    81% {
        background-position: -820px 0px;
    }
    /*最下彎*/
    86% {
        background-position: -656px 0px;
    }
    /*起身*/
    87% {
        background-position: -492px 0px;
    }
    /*挺起身*/
    89% {
        {
            background-position: -328px 0px;
        }
        92% {
            background-position: -164px 0px;
        }
        100% {
            background-position: 0px 0px;
        }
    }
    @-moz-keyframes man_three_ie {
        0% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_05.png);
        }
        3% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_06.png);
        }
        19% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_06.png);
        }
        21% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_05.png);
        }
        22% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_04.png);
        }
        25% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_04.png);
        }
        26% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_05.png);
        }
        29% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_06.png);
        }
        43% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_06.png);
        }
        44% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_05.png);
        }
        45% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_04.png);
        }
        53% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_04.png);
        }
        54% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_05.png);
        }
        55% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_06.png);
        }
        69% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_06.png);
        }
        72% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_05.png);
        }
        78% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_04.png);
        }
        85% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_03.png);
        }
        90% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_02.png);
        }
        100% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_01.png);
        }
    }
    @-o-keyframes man_three_ie {
        0% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_05.png);
        }
        3% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_06.png);
        }
        19% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_06.png);
        }
        21% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_05.png);
        }
        22% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_04.png);
        }
        25% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_04.png);
        }
        26% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_05.png);
        }
        29% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_06.png);
        }
        43% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_06.png);
        }
        44% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_05.png);
        }
        45% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_04.png);
        }
        53% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_04.png);
        }
        54% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_05.png);
        }
        55% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_06.png);
        }
        69% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_06.png);
        }
        72% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_05.png);
        }
        78% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_04.png);
        }
        85% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_03.png);
        }
        90% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_02.png);
        }
        100% {
            background-image: url(https://www.fe-amart.com.tw/event/2021ghostmonth/test/amart/Purdue/Content/NewShow/Images/man_01.png);
        }
    }