/* AUTHOR */



#ek {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_ek_1920.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 650px}
#ek .frame .cell {margin-top: 150px; width: 50%; float: right}
#Bitspower {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_bitspower_1920.jpg); background-position: top center; background-repeat: no-repeat; min-height: 1200px; margin-top: 40px}
#Bitspower .frame .cell {width: 60%; float: right}
#Bitspower .title {color: #3399ff; font-size: 3.2em}
#pc-hydrated img {width: 50%}
#TripleNVMe {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_triple_1920.jpg); background-position: top center; background-repeat: no-repeat; min-height: 1200px}
#TripleNVMe .text {width: 67%}
#TripleNVMe .trititle {color: #ffffff; margin-top: 1%; font-size: 150%}
#multigraphics {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_multigraphics_1920.jpg); background-position: center; min-height: 1100px; background-repeat: no-repeat}
#multigraphics .text {margin-top: 50px; font-size: 1em; color: #ff7200; font-weight: bold; font-family: "Oswald",sans-serif,Microsoft\ JhengHei}
#multigraphics .title {color: #ffffff}
#phases {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_phases_1920.jpg); background-position: top center; background-repeat: no-repeat; min-height: 1200px}
#phases .frame .cell {width: 55%; float: right}
#diagnostic {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_diagnostic_1920.jpg); background-position: center -10px; min-height: 550px; background-repeat: no-repeat}
#swappable {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_swappable_1920.jpg); background-position: top center; background-repeat: no-repeat; min-height: 1200px}
#swappable .title {margin-top: 40px}
@media screen and (max-width: 1366px) { #ek {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_ek_1366.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 650px} }
@media screen and (max-width: 1366px) { #Bitspower {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_bitspower_1366.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 1020px} }
@media screen and (max-width: 1366px) { #Bitspower .title {color: #3399ff; font-size: 1.7em} }
@media screen and (max-width: 1366px) { #TripleNVMe {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_triple_1366.jpg); background-position: center; background-repeat: no-repeat; min-height: 900px} }
@media screen and (max-width: 1366px) { #TripleNVMe .title {font-size: 1.4em} }
@media screen and (max-width: 1366px) { #TripleNVMe .trititle {font-size: 100%} }
@media screen and (max-width: 1366px) { #multigraphics {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_multigraphics_1366.jpg); background-position: center -10px; min-height: 800px; background-repeat: no-repeat} }
@media screen and (max-width: 1366px) { #multigraphics .text {margin-top: 50px; font-size: 0.7em} }
@media screen and (max-width: 1366px) { #multigraphics .title {font-size: 1.4em} }
@media screen and (max-width: 1366px) { #phases {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_phases_1366.jpg); background-position: top center; background-repeat: no-repeat; min-height: 833px} }
@media screen and (max-width: 1366px) { #swappable {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_swappable_1366.jpg); background-position: center; background-repeat: no-repeat; min-height: 1000px} }
@media screen and (max-width: 1366px) { #swappable img {padding-top: 30px} }
@media screen and (max-width: 960px) { #ek {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_ek_960.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 500px} }
@media screen and (max-width: 960px) { #Bitspower {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_bitspower_960.jpg); background-position: top center; background-repeat: no-repeat; min-height: 1000px; margin-top: 0} }
@media screen and (max-width: 960px) { #Bitspower .frame .cell {width: 100%; float: right} }
@media screen and (max-width: 960px) { #swappable img {padding-top: 100px} }
@media screen and (max-width: 960px) { #TripleNVMe {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_triple_960.jpg); background-position: top center; background-repeat: no-repeat; min-height: 900px} }
@media screen and (max-width: 960px) { #TripleNVMe .title {font-size: 1em} }
@media screen and (max-width: 960px) { #TripleNVMe .trititle {color: #ffffff; margin-top: 1%; font-size: 100%} }
@media screen and (max-width: 960px) { #multigraphics {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_multigraphics_960.jpg); background-position: center -10px; min-height: 800px; background-repeat: no-repeat} }
@media screen and (max-width: 960px) { #multigraphics .text {margin-top: 50px; font-size: 0.6em} }
@media screen and (max-width: 960px) { #multigraphics .title {font-size: 1.4em} }
@media screen and (max-width: 960px) { #phases {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_phases_1024.jpg); background-position: top center; background-repeat: no-repeat; min-height: 608px} }
@media screen and (max-width: 960px) { #phases .frame .cell {width: 55%; float: right} }
@media screen and (max-width: 960px) { #diagnostic {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_diagnostic_960.jpg); background-position: center -10px; min-height: 700px; background-repeat: no-repeat} }
@media screen and (max-width: 960px) { #diagnostic .title {margin-top: 50px} }
@media screen and (max-width: 640px) { #ek {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_ek_640.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 500px} }
@media screen and (max-width: 640px) { #ek .frame .cell {margin-top: 0px; width: 100%} }
@media screen and (max-width: 640px) { #Bitspower {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_bitspower_640.jpg); background-position: top center; min-height: 1200px; margin-top: 0px} }
@media screen and (max-width: 640px) { #Bitspower .title {font-size: 1em} }
@media screen and (max-width: 640px) { #Bitspower {margin-top: 100px} }
@media screen and (max-width: 640px) { #pc-hydrated img {width: 100%} }
@media screen and (max-width: 640px) { #lighting {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_lighting_640.jpg); background-position: center; min-height: 700px} }
@media screen and (max-width: 640px) { #swappable {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_swappable_640.jpg); background-position: top center; background-repeat: no-repeat; min-height: 700px} }
@media screen and (max-width: 640px) { #swappable .title {margin-top: 0px} }
@media screen and (max-width: 640px) { #swappable img {padding-top: 120px} }
@media screen and (max-width: 640px) { #TripleNVMe {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_triple_640.jpg); min-height: 970px} }
@media screen and (max-width: 640px) { #TripleNVMe .text {width: 100%} }
@media screen and (max-width: 640px) { #diagnostic {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_diagnostic_640.jpg); min-height: 700px} }
@media screen and (max-width: 640px) { #multigraphics {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_multigraphics_640.jpg); background-position: center -10px; min-height: 1250px} }
@media screen and (max-width: 640px) { #phases {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/562/images/mb_phases_640.jpg); background-position: top center; background-repeat: no-repeat; min-height: 800px} }
@media screen and (max-width: 640px) { #phases .frame .cell {width: 100%} }
