#XSplit {
    background-color: #000;
    background-image: url(../images/xsplit_1920.jpg);
    background-position: 50% 74px;
    background-repeat: no-repeat;
    min-height: 668px;
}

.XSplit_MV {
    position: absolute;
    color: #fff;
    left: 57%;
    top: 40%;
    z-index: 10;
    display: block;
}

.MV2 {
    width: 440px;
    height: 285px;
}

a.more {
    display: block;
    width: 208px;
    height: 45px;
    background-image: url(../images/more.png);
    text-indent: -99999px;
    position: absolute;
    color: #fff;
    right: -2%;
    bottom: -20%;
    transition: background-image .5s;
}

a.more:hover {
    background-image: url(../images/more2.png);
}

@media screen and (max-width: 1366px) {
    #XSplit {
        background-color: #000;
        background-image: url(../images/xsplit_1366.jpg);
        background-position: center 75px;
        background-repeat: no-repeat;
        min-height: 600px;
    }
    #XSplit .frame {
        padding: 3.5em;
    }
    .XSplit_MV {
        position: absolute;
        color: #fff;
        left: 60%;
        top: 46%;
        z-index: 10;
        display: block;
    }
    .MV2 {
        width: 370px;
        height: 208px;
    }
    a.more {
        display: block;
        width: 208px;
        height: 45px;
        background-image: url(../images/more.png);
        text-indent: -99999px;
        position: absolute;
        color: #fff;
        right: -2%;
        bottom: -25%;
        transition: background-image .5s;
    }
    a.more:hover {
        background-image: url(../images/more2.png);
    }
}

@media screen and (max-width: 960px) {
    #XSplit {
        background-image: url(../images/xsplit_960.jpg);
        background-position: center 100px;
        background-repeat: no-repeat;
        min-height: 600px;
    }
    .XSplit_MV {
        position: absolute;
        color: #fff;
        left: 60%;
        top: 56%;
        z-index: 10;
        display: block;
    }
    .MV2 {
        width: 250px;
        height: 170px;
    }
    a.more {
        display: block;
        width: 208px;
        height: 45px;
        background-image: url(../images/more.png);
        text-indent: -99999px;
        position: absolute;
        color: #fff;
        right: -2%;
        bottom: -32%;
        transition: background-image .5s;
    }
    a.more:hover {
        background-image: url(../images/more2.png);
    }
}

@media screen and (max-width: 640px) {
    #XSplit {
        background-image: url(../images/xsplit_640.jpg);
        background-position: center 380px;
        background-repeat: no-repeat;
        min-height: 856px;
    }     
    #XSplit .frame{
        padding: 1em;
    }
    .XSplit_MV {                    
    position: static;
    width: 100%;
    }
    .MV2 {                 
        width: 100%;
        height: auto;
    }
    a.more {                            
        position:static;
    }
    a.more:hover {
        background-image: url(../images/more2.png);
    }
}


}