/* AUTHOR */



#XSplit {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/xsplit_1920.jpg); background-position: 50% 130px; background-repeat: no-repeat; min-height: 750px}
.XSplit_MV {position: absolute; color: #ffffff; 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(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/more.png); text-indent: -99999px; position: absolute; color: #ffffff; right: -2%; bottom: -20%; transition: background-image 0.5s}
a.more:hover {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/more2.png)}
@media screen and (max-width: 960px) { #XSplit {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/xsplit_960.jpg); background-position: 50% bottom; background-repeat: no-repeat; min-height: 680px} }
@media screen and (max-width: 960px) { .XSplit_MV {position: absolute; color: #ffffff; left: 60%; top: 60%; z-index: 10; display: block} }
@media screen and (max-width: 960px) { .MV2 {width: 250px; height: 170px} }
@media screen and (max-width: 960px) { a.more {display: block; width: 208px; height: 45px; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/more.png); text-indent: -99999px; position: absolute; color: #ffffff; right: -2%; bottom: -32%; transition: background-image 0.5s} }
@media screen and (max-width: 960px) { a.more:hover {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/more2.png)} }
@media screen and (max-width: 640px) { #XSplit {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/xsplit_640.jpg); background-position: 30% 360px; background-repeat: no-repeat; min-height: 900px} }
@media screen and (max-width: 640px) { #XSplit .title {font-size: 1em} }
@media screen and (max-width: 640px) { .XSplit_MV {position: absolute; color: #ffffff; left: 30%; top: 46%; z-index: 10; display: block} }
@media screen and (max-width: 640px) { .MV2 {width: 220px; height: 124px} }
@media screen and (max-width: 640px) { a.more {display: block; width: 208px; height: 45px; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/more.png); text-indent: -99999px; position: absolute; color: #ffffff; right: -2%; bottom: -45%; transition: background-image 0.5s} }
@media screen and (max-width: 640px) { a.more:hover {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/more2.png)} }