/* AUTHOR */

@import url("https://fonts.googleapis.com/css?family=Oswald") ;

body {font-family: "Oswald",sans-serif,"微軟正黑體",Microsoft\ JhengHei; font-family: "Oswald","微軟正黑體" !important; font-size: 30px; background: #000000; padding: 0; margin: 0; color: #ffffff}
img {width: 100%; outline: none; border: 0}
.frame {margin: 0 auto; padding: 1em 0; overflow: hidden; width: 1366px}
#playBtn {cursor: pointer}
.frame.full {width: 100%}
.title {font-size: 1.6em; line-height: 1.3em; color: #ffd80e}
.text {font-weight: 300; font-size: 19px; line-height: 1.3em; margin-top: 1em; margin-bottom: 1em; color: #dddddd; font-family: "Roboto Condensed",sans-serif,"微軟正黑體",Microsoft\ JhengHei; font-family: "Roboto Condensed","微軟正黑體" !important}
.note {font-weight: 300; font-size: 12px; line-height: 1.25em; margin-left: 0.4em; text-indent: -0.4em; color: #bbbbbb}
.video {height: 0; overflow: hidden; position: relative; margin: auto; padding-bottom: 56.25%}
.video video, .video iframe {height: 100%; width: 100%; position: absolute; left: 0; top: 0}
p {margin: 0.5em 0}
.mainbar {width: 100%; background: #111111; overflow: auto; height: 140px; font-size: 15px; line-height: 22px; color: #666666; border-bottom: #111111 solid 1px; text-align: center; transition: all 300ms ease-in-out}
.mainbar:hover {height: 150px; background: #000000; color: #cccccc; border-bottom: #ec6c00 solid 1px}
.mainbar p {padding: 20px 0 0 0; font-size: 36px; line-height: 40px}
.mainbar .btn {}
.mainbar .btn a {color: #666666; margin-left: 1em; margin-right: 1em}
.mainbar .btn a:hover {color: #ec6c00}
.table {overflow: visible}
.table .cell {display: table-cell; vertical-align: middle}
.table .cell_HIDE {display: none; vertical-align: middle}
.table .cell_SHOW {display: table-cell; vertical-align: middle}
.table .cell .left {float: left; margin-left: 5%; text-align: left}
.table .cell .right {float: right; margin-right: 5%; text-align: left}
.table .cell .center {padding: 0em 30px 0; overflow: visible}
.table .cell .offsetRight {margin-right: -25%}
.table .cell .offsetLeft {margin-left: -25%}
.table .cell .btn a {color: #ffffff; background-color: #003366; border-radius: 5px; box-shadow: 0px 0px 16px rgba(4, 111, 204, 1) inset; padding: 8px 16px; text-decoration: none; -o-transition: background 0.1s linear; -webkit-transition: background 0.1s linear; -moz-transition: background 0.1s linear; transition: background 0.1s linear}
.table .cell .btn a:hover {background-color: #0033cc}
.table .img {margin-top: 30px}
.table .side {width: 10%; display: block}
.table .margin0auto {margin-left: auto; margin-right: auto}
.table .break {clear: both}
.table .col1, .table .col1s, .table .col1l {width: 9.5%}
.table .col2, .table .col2s, .table .col2l {width: 19%}
.table .col3, .table .col3s, .table .col3l {width: 28.5%}
.table .col4, .table .col4s, .table .col4l {width: 38%}
.table .col5, .table .col5s, .table .col5l {width: 47.5%}
.table .col52, .table .col52s {width: auto}
.table .col6, .table .col6s, .table .col6l {width: 40%}
.table .col7, .table .col7s, .table .col7l {width: 66.5%}
.table .col8, .table .col8s, .table .col8l {width: 76%}
.table .col9, .table .col9s, .table .col9l {width: 85.5%}
.table .col10, .table .col10s, .table .col10l {width: 95%}
.fade {position: relative; overflow: auto; display: block}
.fade .pic2 {position: absolute; display: none; top: 0; left: 0; z-index: 3}
.img-large {display: block}
.img-small {display: none}
#header {position: relative; background-repeat: no-repeat}
#header .title {margin: 0 auto; width: auto; z-index: 11; left: 50%; top: 50%; position: absolute; color: #ffffff; margin: -67px 0 0 13px}
#header .frame {padding-top: 0}
.img-responsive {display: block; max-width: 100%; height: auto}
.conc {min-width: 1024px; position: relative; overflow: hidden}
#board {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_board_1920.jpg); background-position: top center; background-repeat: no-repeat; min-height: 700px}
#smart-fan {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_smart-fan_1920.jpg); background-position: 50% 0%; background-repeat: no-repeat; min-height: 970px}
#smart-fan .frame .cell {margin-top: 7%; width: 53%; float: right}
#smart-fan .title {margin-left: 39%; font-size: 2.8em}
#hybridfan {background-color: #000000; background-position: center 30px; background-repeat: no-repeat}
#hybridfan .title {margin-top: 10px}
#hybridfan-ac {margin-top: -60px; min-height: 900px}
#hybridfan-ac .hybridbox {position: relative; width: 100%}
#hybridfan-ac .hybridimg {position: absolute}
#hybridfan-ac ul {position: absolute; width: 100%}
#hybridfan-ac ul li {float: left; margin-top: 25%; margin-left: 32px; width: 22%}
#hybridfan-ac ul li img {cursor: pointer; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; display: block; width: 100%; height: auto}
#hybridfan-ac ul li img:hover {transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5)}
#hybridfan-ac ul li #hybri01 {animation: ac-updown 0.6s alternate infinite; -webkit-animation: ac-updown 0.6s alternate infinite}
#hybridfan-ac ul li #hybri02 {animation: ac-updown 1s alternate infinite; -webkit-animation: ac-updown 1s alternate infinite}
#hybridfan-ac ul li #hybri03 {animation: ac-updown 1.2s alternate infinite; -webkit-animation: ac-updown 1.2s alternate infinite}
#hybridfan-ac ul li #hybri04 {animation: ac-updown 1.4s alternate infinite; -webkit-animation: ac-updown 1.4s alternate infinite}
#smartfan5 {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_smartfan5_1920.jpg); background-position: center 30px; background-repeat: no-repeat; min-height: 800px}
#smartfan5 .title {margin-top: 10px}
#smartfan5 .smartfan501 {position: absolute; width: 594px; left: 30px; top: 657px}
#smartfan5 .smartfan502 {position: absolute; width: 617px; left: 677px; top: 594px}
#enhancedbios {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_enhancedbios_1920.jpg); background-position: center; background-repeat: no-repeat; min-height: 500px; position: relative}
#enhancedbios .title {margin-top: 50px}
#vr {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_vr_1920.jpg); background-position: center; background-repeat: no-repeat; min-height: 1000px; position: relative}
#vr .vrimg {width: auto; margin-right: 400px}
#vr .vrtitle {font-size: 1.1em; font-weight: bold}
#nvme {background-color: #000000; background-position: center; background-repeat: no-repeat; min-height: 1000px}
#sli {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/sli_1920.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 630px}
#sli .text {width: 70%}
#sli .title {margin-top: 140px; font-size: 2em}
#locking {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_locking_1920.jpg); background-position: center; background-repeat: no-repeat; min-height: 1000px}
#locking .title {margin-top: 50px}
#antisulfur {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_anti_1920.jpg); background-position: center; background-repeat: no-repeat; min-height: 1000px; position: relative}
#antisulfur .title {margin-top: 700px}
#hdaudio .hdaudio-ac ul {margin-left: 12%}
#hdaudio .hdaudio-ac ul li {width: 38%; border: 3px solid #ffd80e; float: left; cursor: pointer; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; box-shadow: 0px 0px 20px #ffd80e; margin: 20px; text-align: center; font-size: 0.8em; line-height: 1.6em}
#hdaudio .hdaudio-ac ul li:hover {transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); box-shadow: 0px 0px 80px #ffd80e}
#hdmi {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_hdmi_1920.jpg); background-position: 50% 10%; background-repeat: no-repeat; min-height: 650px}
#hdmi .text {width: 72%; float: right}
#hdmi .title {margin-top: 3%; width: 72%; float: right; font-size: 1.9em}
#sataexpress {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_sataexpress_1920.jpg); background-position: 50% 10%; background-repeat: no-repeat; min-height: 550px}
#sataexpress .text {width: 72%; float: right}
#sataexpress .title {margin-top: 3%; width: 72%; float: right; font-size: 1.9em}
#bios {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_bios_1920.jpg); background-position: center; background-repeat: no-repeat; min-height: 1000px}
#bios .title {margin-top: 50px}
#appcenter {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_appcenter_1920.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 640px}
#appcenter .title {margin-top: 100px}
#easytune {background-position: center; background-repeat: no-repeat; min-height: 600px; margin-top: -100px}
#siv {background-color: #000000; background-position: center; background-repeat: no-repeat; min-height: 600px; margin-top: -40px}
#atbios {background-color: #000000; background-position: center; background-repeat: no-repeat; min-height: 400px; margin-top: -100px}
#dosd3 {margin-top: -100px}
#dualbios {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_dualbios_1920.jpg); background-position: center; background-repeat: no-repeat; min-height: 567px}
#dualbios .frame .cell {width: 40%}
#gold {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_15u_1920.jpg); background-position: center -10px; min-height: 650px; background-repeat: no-repeat}
#gold .title {margin-top: 120px}
#smartcam {background: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/smartcam_1920.jpg) center 0 no-repeat; height: 1041px}
@media screen and (max-width: 1366px) { .table .col6l {width: 50%} }
@media screen and (max-width: 1366px) { .table .col52, .table .col52s {width: auto} }
@media screen and (max-width: 1366px) { .frame {width: 960px} }
@media screen and (max-width: 1366px) { #header {background-color: #000000; background-position: center; position: relative} }
@media screen and (max-width: 1366px) { #board {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_board_1366.jpg); background-position: center; background-repeat: no-repeat; min-height: 497px} }
@media screen and (max-width: 1366px) { #smart-fan {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_smart-fan_1366.jpg); background-position: 50% 100%; background-repeat: no-repeat; min-height: 776px} }
@media screen and (max-width: 1366px) { #smart-fan .title {font-size: 1.9em} }
@media screen and (max-width: 1366px) { #hybridfan-ac {min-height: 640px} }
@media screen and (max-width: 1366px) { #hybridfan-ac ul li {margin-left: 22px; margin-top: 24%} }
@media screen and (max-width: 1366px) { #smartfan5 {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_smartfan5_1366.jpg); background-position: center 30px; background-repeat: no-repeat; min-height: 700px} }
@media screen and (max-width: 1366px) { #smartfan5 .smartfan501 {width: 400px; left: 30px; top: 520px} }
@media screen and (max-width: 1366px) { #smartfan5 .smartfan502 {width: 460px; left: 470px; top: 480px} }
@media screen and (max-width: 1366px) { #enhancedbios {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_enhancedbios_1366.jpg); background-position: top center; background-repeat: no-repeat; min-height: 400px; position: relative} }
@media screen and (max-width: 1366px) { #enhancedbios .title {margin-top: 0px} }
@media screen and (max-width: 1366px) { #vr {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_vr_1366.jpg); background-position: center; background-repeat: no-repeat; min-height: 1000px; position: relative} }
@media screen and (max-width: 1366px) { #vr .vrimg {width: auto; margin-right: 100px} }
@media screen and (max-width: 1366px) { #sli {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/sli_1366.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 600px} }
@media screen and (max-width: 1366px) { #locking {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_locking_1366.jpg); background-position: top center; background-repeat: no-repeat; min-height: 800px} }
@media screen and (max-width: 1366px) { #locking .title {margin-top: 50px} }
@media screen and (max-width: 1366px) { #sli .title {width: 70%; margin-top: 100px; font-size: 2em} }
@media screen and (max-width: 1366px) { #antisulfur .title {margin-top: 700px; font-size: 1.4em} }
@media screen and (max-width: 1366px) { #hdaudio .hdaudio-ac ul {margin-left: 10%} }
@media screen and (max-width: 1366px) { #hdaudio .hdaudio-ac ul li {width: 36%} }
@media screen and (max-width: 1366px) { #hdmi {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_hdmi_1366.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 600px} }
@media screen and (max-width: 1366px) { #sataexpress {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_sataexpress_1366.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 600px} }
@media screen and (max-width: 1366px) { #bios {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_bios_1366.jpg); background-position: center; background-repeat: no-repeat; min-height: 711px} }
@media screen and (max-width: 1366px) { #bios .title {margin-top: 0px; font-size: 1.6em} }
@media screen and (max-width: 1366px) { #appcenter {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_appcenter_1366.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 500px} }
@media screen and (max-width: 1366px) { #easytune {margin-top: -60px} }
@media screen and (max-width: 1366px) { #gold {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_15u_1366.jpg); background-position: center -10px; min-height: 500px; background-repeat: no-repeat} }
@media screen and (max-width: 1366px) { #gold .title {margin-top: 60px} }
@media screen and (max-width: 1366px) { #smartcam {background: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/smartcam_1366.jpg) center 0 no-repeat; height: 893px} }
@media screen and (max-width: 1366px) { #smartcam .title {font-size: 1.6em} }
@media screen and (max-width: 960px) { .frame {width: 640px; padding: 1.5em 0} }
@media screen and (max-width: 960px) { .table .col52, .table .col52s {width: 95%} }
@media screen and (max-width: 960px) { .title {font-size: 1.3em; line-height: 1.1em} }
@media screen and (max-width: 960px) { .text {font-size: 0.8em; line-height: 1.2em; margin-top: 1em} }
@media screen and (max-width: 960px) { .note {font-size: 0.5em; line-height: 1.5em; margin-top: 1.2em} }
@media screen and (max-width: 960px) { #header {background-color: #000000; background-position: center; position: relative} }
@media screen and (max-width: 960px) { #header .title {width: auto; font-size: 1.1em; margin-top: -24px} }
@media screen and (max-width: 960px) { #header .frame {padding: 0em 0 1em} }
@media screen and (max-width: 960px) { .table .col5, .table .col5s, .table .col5l {width: 95%} }
@media screen and (max-width: 960px) { #board {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_board_1024.jpg); background-position: top center; background-repeat: no-repeat} }
@media screen and (max-width: 960px) { #smart-fan {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_smart-fan_960.jpg); background-position: top center; min-height: 1880px} }
@media screen and (max-width: 960px) { #smart-fan .frame .cell {margin-top: 0%; width: 100%} }
@media screen and (max-width: 960px) { #smart-fan .title {margin-top: -100px; width: 100%; margin-left: 0} }
@media screen and (max-width: 960px) { #hybridfan-ac {min-height: 460px} }
@media screen and (max-width: 960px) { #hybridfan-ac ul li {margin-left: 18px; margin-top: 24%} }
@media screen and (max-width: 960px) { #smartfan5 {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_smartfan5_960.jpg); min-height: 960px} }
@media screen and (max-width: 960px) { #smartfan5 .smartfan501 {width: 500px; left: 0px; top: 780px} }
@media screen and (max-width: 960px) { #smartfan5 .smartfan502 {width: 400px; left: 30%; top: 300px} }
@media screen and (max-width: 960px) { #enhancedbios {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_enhancedbios_960.jpg); min-height: 500px} }
@media screen and (max-width: 960px) { #vr .vrimg {margin-right: 0px} }
@media screen and (max-width: 960px) { #nvme {min-height: 600px} }
@media screen and (max-width: 960px) { #sli {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/sli_960.jpg); background-position: 50% 0%; background-repeat: no-repeat; min-height: 560px} }
@media screen and (max-width: 960px) { #sli .frame .cell {width: 100%; float: right} }
@media screen and (max-width: 960px) { #sli .title {font-size: 1.1em; width: 100%; margin-top: 60px} }
@media screen and (max-width: 960px) { #locking {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_locking_960.jpg); background-position: center; background-repeat: no-repeat; min-height: 600px} }
@media screen and (max-width: 960px) { #locking .title {margin-top: -30px} }
@media screen and (max-width: 960px) { #antisulfur {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_anti_960.jpg); background-position: top center; min-height: 1000px} }
@media screen and (max-width: 960px) { #hdaudio .hdaudio-ac ul li {font-size: 0.7em; line-height: 1.5em} }
@media screen and (max-width: 960px) { #hdmi {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_hdmi_960.jpg); background-position: top center; background-repeat: no-repeat; min-height: 640px} }
@media screen and (max-width: 960px) { #sataexpress {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_sataexpress_960.jpg); background-position: top center; background-repeat: no-repeat; min-height: 580px} }
@media screen and (max-width: 960px) { #appcenter {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_appcenter_960.jpg); min-height: 500px} }
@media screen and (max-width: 960px) { #dualbios {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_dualbios_960.jpg); background-position: center; background-repeat: no-repeat; min-height: 800px} }
@media screen and (max-width: 960px) { #gold {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_15u_960.jpg); background-position: center -10px; min-height: 400px; background-repeat: no-repeat} }
@media screen and (max-width: 960px) { #smartcam {background: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/smartcam_960.jpg) center 0 no-repeat; height: 787px} }
@media screen and (max-width: 960px) { #ek .frame .cell {width: auto} }
@media screen and (max-width: 960px) { #Breath .frame .cell {width: auto} }
@media screen and (max-width: 960px) { #Bitspower .frame .cell {width: auto} }
@media screen and (max-width: 960px) { #smart-fan .frame .cell {width: auto} }
@media screen and (max-width: 960px) { #nichicon .frame .cell {width: auto} }
@media screen and (max-width: 960px) { #sbx .frame .cell {width: auto} }
@media screen and (max-width: 960px) { #headphone .frame .cell {width: auto} }
@media screen and (max-width: 960px) { #amp-up .frame .cell {width: auto} }
@media screen and (max-width: 960px) { #core3d .frame .cell {width: auto} }
@media screen and (max-width: 960px) { #type-c .frame .cell {width: auto} }
@media screen and (max-width: 960px) { #hdmi .frame .cell {width: auto} }
@media screen and (max-width: 960px) { #sataexpress .frame .cell {width: auto} }
@media screen and (max-width: 960px) { #killer-g7 .frame .cell {width: auto} }
@media screen and (max-width: 960px) { #sli .frame .cell {width: auto} }
@media screen and (max-width: 960px) { #phases .frame .cell {width: auto} }
@media screen and (max-width: 960px) { #turbob .frame .cell {width: auto} }
@media screen and (max-width: 960px) { #audio .frame .cell {width: auto} }
@media screen and (max-width: 960px) { #alc .frame .cell {width: auto} }
@media screen and (max-width: 960px) { #pcb .frame .cell {width: auto} }
@media screen and (max-width: 960px) { #qflash .frame .cell {width: auto} }
@media screen and (max-width: 960px) { #appcenter .frame .cell {width: auto} }
@media screen and (max-width: 640px) { .table .col6l {width: auto} }
@media screen and (max-width: 640px) { .frame {padding: 1em 0; width: 320px; padding-left: 10px; padding-right: 10px} }
@media screen and (max-width: 640px) { .title {font-size: 1.2em} }
@media screen and (max-width: 640px) { .text {font-size: 15px; line-height: 1.4em; margin-top: 1em} }
@media screen and (max-width: 640px) { .note {font-size: 12px; line-height: 1.5em; margin-top: 1.2em} }
@media screen and (max-width: 640px) { .table {display: block} }
@media screen and (max-width: 640px) { .table .cell {display: block} }
@media screen and (max-width: 640px) { .table .cell_HIDE {display: block} }
@media screen and (max-width: 640px) { .table .cell_SHOW {display: none} }
@media screen and (max-width: 640px) { .table .col1l, .table .col2l, .table .col3l, .table .col4l, .table .col5l, .table .col6l, .table .col7l, .table .col8l, .table .col9l, .table .col10l {width: 100%; margin: 0} }
@media screen and (max-width: 640px) { .table .col1, .table .col2, .table .col3, .table .col4, .table .col5, .table .col6, .table .col7, .table .col8, .table .col9, .table .col10 {width: 90%; margin: 0 0} }
@media screen and (max-width: 640px) { .table .col1s, .table .col2s, .table .col3s, .table .col4s, .table .col5s, .table .col6s, .table .col7s, .table .col8s, .table .col9s, .table .col10s {width: 60%; margin: 0 20%} }
@media screen and (max-width: 640px) { .table .cell .left, .table .cell .right, .table .cell .center {float: inherit; text-align: left} }
@media screen and (max-width: 640px) { .table .cell .center {padding: 0 0 0} }
@media screen and (max-width: 640px) { .table .cell .offsetRight, .table .cell .offsetLeft {margin-right: 0; margin-left: 0} }
@media screen and (max-width: 640px) { .table .side {display: none} }
@media screen and (max-width: 640px) { .img-large {display: none} }
@media screen and (max-width: 640px) { .img-small {display: block} }
@media screen and (max-width: 640px) { #header {background-color: #000000; background-position: center 80px; background-repeat: no-repeat; position: relative} }
@media screen and (max-width: 640px) { #header .title {font-size: 0.8em; margin: 7px 0 0 -128px} }
@media screen and (max-width: 640px) { #header .frame {} }
@media screen and (max-width: 640px) { #board {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_board_640.jpg); background-position: top center; min-height: 850px} }
@media screen and (max-width: 640px) { #smart-fan {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_smart-fan_640.jpg); background-position: 50% 0%; background-repeat: no-repeat; min-height: 1360px} }
@media screen and (max-width: 640px) { #smart-fan .title {margin-top: 0px; width: 100%; margin-left: 0} }
@media screen and (max-width: 640px) { #hybridfan {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_hybridfan_640.jpg); min-height: 500px} }
@media screen and (max-width: 640px) { #hybridfan-ac {display: none} }
@media screen and (max-width: 640px) { #smartfan5 {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_smartfan5_640.jpg); min-height: 860px} }
@media screen and (max-width: 640px) { #smartfan5 .smartfan501 {width: 300px; left: 0px; top: 700px} }
@media screen and (max-width: 640px) { #smartfan5 .smartfan502 {width: 300px; left: 0px; top: 400px} }
@media screen and (max-width: 640px) { #enhancedbios {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_enhancedbios_640.jpg); min-height: 600px} }
@media screen and (max-width: 640px) { #vr .vrimg {width: auto; margin-right: 0px} }
@media screen and (max-width: 640px) { #vr .vrtitle {font-size: 0.6em} }
@media screen and (max-width: 640px) { #nvme {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_nvme_640.jpg); background-position: center; background-repeat: no-repeat; min-height: 1300px} }
@media screen and (max-width: 640px) { #nvme img {display: none} }
@media screen and (max-width: 640px) { #sli {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/sli_640.jpg); background-position: 50% 0%; background-repeat: no-repeat; min-height: 500px} }
@media screen and (max-width: 640px) { #sli .title {margin-top: 0px} }
@media screen and (max-width: 640px) { #sli .text {width: 100%} }
@media screen and (max-width: 640px) { #locking {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_locking_640.jpg); background-position: top center; min-height: 500px} }
@media screen and (max-width: 640px) { #locking .title {width: 100%; margin-top: 10px} }
@media screen and (max-width: 640px) { #hdaudio .hdaudio-ac ul {margin-left: 0%} }
@media screen and (max-width: 640px) { #hdaudio .hdaudio-ac ul li {width: 100%} }
@media screen and (max-width: 640px) { #hdmi {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_hdmi_640.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 600px} }
@media screen and (max-width: 640px) { #hdmi .text {width: 100%; float: right} }
@media screen and (max-width: 640px) { #hdmi .title {margin-top: 3%; width: 100%; font-size: 1em} }
@media screen and (max-width: 640px) { #sataexpress {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_sataexpress_640.jpg); background-position: top center; background-repeat: no-repeat; min-height: 420px} }
@media screen and (max-width: 640px) { #sataexpress .text {width: 100%; float: right} }
@media screen and (max-width: 640px) { #sataexpress .title {margin-top: 3%; width: 100%; font-size: 1em} }
@media screen and (max-width: 640px) { #antisulfur {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_anti_640.jpg); min-height: 1000px} }
@media screen and (max-width: 640px) { #antisulfur .title {margin-top: -40px} }
@media screen and (max-width: 640px) { #bios {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_bios_640.jpg); min-height: 640px} }
@media screen and (max-width: 640px) { #bios .title {font-size: 1em} }
@media screen and (max-width: 640px) { #bios .frame .cell {width: 90%} }
@media screen and (max-width: 640px) { #appcenter {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_appcenter_640.jpg); min-height: 640px} }
@media screen and (max-width: 640px) { #appcenter .title {margin-top: 20px} }
@media screen and (max-width: 640px) { #easytune .frame .cell {width: 90%} }
@media screen and (max-width: 640px) { #siv .frame .cell {width: 90%} }
@media screen and (max-width: 640px) { #siv .title {margin-top: -40px} }
@media screen and (max-width: 640px) { #atbios .frame .cell {width: 90%} }
@media screen and (max-width: 640px) { #atbios img {margin-bottom: 80px} }
@media screen and (max-width: 640px) { #atbios .title {margin-top: -80px} }
@media screen and (max-width: 640px) { #dosd3 .frame .cell {width: 90%} }
@media screen and (max-width: 640px) { #dosd3 {margin-top: -120px} }
@media screen and (max-width: 640px) { #dualbios {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_dualbios_640.jpg); min-height: 900px} }
@media screen and (max-width: 640px) { #dualbios .frame .cell {width: 90%} }
@media screen and (max-width: 640px) { #gold {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/mb_15u_640.jpg); background-position: top center; min-height: 600px} }
@media screen and (max-width: 640px) { #gold .title {margin-top: 0px} }
@media screen and (max-width: 640px) { #smartcam {background: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/616/images/smartcam_640.jpg) center bottom no-repeat; height: 840px} }
@media screen and (max-width: 640px) { #smartcam .title {font-size: 0.8em; margin-top: -30px} }
@media screen and (max-width: 640px) { #smartcam .text {width: 100%} }