#XSplit {
    background-color: #000;
    background-image: url(../images/XSplit.jpg);
    background-position: 45% 80px;
    background-repeat: no-repeat;
    min-height: 740px;
}

.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: 1440px) {
    #XSplit {
        background-color: #000;
        background-image: url(../images/XSplit.jpg);
        background-position: 45% 85px;
        background-repeat: no-repeat;
        min-height: 740px;
    }
    
    .XSplit_MV {
        position: absolute;
        color: #fff;
        left: 62%;
        top: 40%;
        z-index: 10;
        display: block;
    }
    
    .MV2 {
        width: 400px;
        height: 270px;
    }
    
    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: 1200px) {
    #XSplit {
        background-image: url(../images/XSplit-1600.jpg);
        background-position: 28% 120px;
        background-repeat: no-repeat;
        min-height: 750px;
    }
    
    .XSplit_MV {
        position: absolute;
        color: #fff;
        left: 62%;
        top: 50%;
        z-index: 10;
        display: block;
    }
    
    .MV2 {
        width: 320px;
        height: 200px;
    }
    
    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: 800px) {
    #XSplit {
        background-image: url(../images/XSplit-800.jpg);
        background-position: 60% 400px;
        background-repeat: no-repeat;
        min-height: 1100px;
    }
    
    .XSplit_MV {
        position: absolute;
        color: #fff;
        left: 14%;
        top: 23%;
        z-index: 10;
        display: block;
    }
    
    .MV2 {
        width: 540px;
        height: 350px;
    }
    
    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: 640px) {
    #XSplit {
        background-image: url(../images/xsplit_640.jpg);
        background-position: 30% 320px;
        background-repeat: no-repeat;
        min-height: 950px;
    }
    
    .XSplit_MV {
        position: absolute;
        color: #fff;
        left: 18%;
        top: 30%;
        z-index: 10;
        display: block;
    }
    
    .MV2 {
        width: 393px;
        height: 255px;
    }
}

/*@media screen and (max-width: 500px) {
    #XSplit {
        background-image: url(../images/XSplit-500.jpg);
        background-position: 50% 510px;
        background-repeat: no-repeat;
        min-height: 980px;
    }
    
    .XSplit_MV {
        position: absolute;
        color: #fff;
        left: 8%;
        top: 33%;
        z-index: 10;
        display: block;
    }
    
    .MV2 {
        width: 393px;
        height: 255px;
    }
}*/
@media screen and (max-width: 360px) {
    #XSplit {
        background-image: url(../images/XSplit-360.jpg);
        background-position: 55% 200px;
        background-repeat: no-repeat;
        min-height: 900px;
    }
    
    .XSplit_MV {
        position: absolute;
        color: #fff;
        left: 3%;
        top: 48%;
        z-index: 10;
        display: block;
    }
    
    .MV2 {
        width: 287px;
        height: 200px;
    }
}