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

.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 center;
        background-repeat: no-repeat;
        min-height: 740px;
    }
    
    #XSplit .frame {
        padding: 3.5em;
    }
    
    .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: 960px) {
    #XSplit {
        background-image: url(../images/xsplit_960.jpg);
        background-position: 45% 90px;
        background-repeat: no-repeat;
        min-height: 650px;
    }
    
    .XSplit_MV {
        position: absolute;
        color: #fff;
        left: 60%;
        top: 50%;
        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: 30% 360px;
        background-repeat: no-repeat;
        min-height: 900px;
		
    }
    
	#XSplit .title {
		font-size:1em;
    }
	
    .XSplit_MV {
        position: absolute;
        color: #fff;
        left: 30%;
        top: 46%;
        z-index: 10;
        display: block;
    }
    
    .MV2 {
        width: 220px;
        height: 124px;
    }
    
    a.more {
        display: block;
        width: 208px;
        height: 45px;
        background-image: url(../images/more.png);
        text-indent: -99999px;
        position: absolute;
        color: #fff;
        right: -2%;
        bottom: -45%;
        transition: background-image .5s;
    }
    
    a.more:hover {
        background-image: url(../images/more2.png);
    }
}

}