.wrap-exercise.wrap-exercise-shoot {
    background: url("/application/templates/images/common/games/shoot-content.png") center center no-repeat,
                url("/application/templates/images/common/games/bg-shoot.png") left center no-repeat;
    /* background-image: url("/application/templates/images/common/games/bg-shoot.png"); */
}

.wrap-exercise.wrap-exercise-shoot .ex-title h3 {
    padding-top: 5%;
}

.wrap-exercise.wrap-exercise-shoot .ex-title {
    background-image: url("/application/templates/images/common/games/shoot-title.png");
}

.wrap-exercise.wrap-exercise-shoot .ex-restart {
    background-image: url("/application/templates/images/common/games/ex-restart.png");
}

.wrap-exercise.wrap-exercise-shoot .exercise-play {
    position: relative;
    height: 70%;
    overflow: hidden;
}

.wrap-exercise.wrap-exercise-shoot .item-game {
    cursor: pointer;
}


/* shoot */

/* .wrap-exercise.wrap-exercise-shoot .shoot-arrow {
    height: 30%;
    width: 5%;

    background-image: url("/application/templates/images/common/games/shoot-arrow-1.png");
    background-repeat: repeat-y;
    background-size: contain;
    background-position: center;

    border: 1px solid red;

    position: absolute;

    bottom: 15%;
    left: 50%;
}

.wrap-exercise.wrap-exercise-shoot .shoot-arrow .bullet {
    width: 100%;
    height: 100%;
    background-image: url("/application/templates/images/common/games/shoot-ball.png");
    background-repeat: no-repeat;
    background-size: contain;
} */

.wrap-exercise.wrap-exercise-shoot .shoot-arrow {
    height: 8%;
    width: 20%;

    background-image: url("/application/templates/images/common/games/shoot-arrow.png");
    background-repeat: repeat-x;
    background-size: contain;
    background-position: center;

    position: absolute;
    transform: rotate(90deg);

    bottom: 15%;
    left: 50%;
}

.wrap-exercise.wrap-exercise-shoot .shoot-arrow .bullet {
    height: 100%;
    background-image: url("/application/templates/images/common/games/shoot-ball.png");
    background-repeat: no-repeat;
    background-size: contain;
}

/**/

.wrap-exercise.wrap-exercise-shoot .exercise-bottom {
    position: absolute;
    height: 25%;
    bottom: 0;
    
    width: 100%;

    background-image: url(/application/templates/images/common/games/shoot-bottom.png);
    background-repeat: no-repeat;
    background-position: top;
}

.wrap-exercise.wrap-exercise-shoot .exercise-bottom .phrases {
    position: absolute;
    bottom: 10%;
    
    width: 20%;

    left: calc((100% - 20%) / 2);
}

.wrap-exercise.wrap-exercise-shoot .exercise-bottom .phrases .item-phrase {
    background-color: transparent;
}