/* 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.8em; line-height: 1em; color: #ed1b2f}
.text {font-weight: 300; font-size: 20px; line-height: 1.2em; 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}
.m-wrap .section.dark {}
#top {}
.m-wrap .picnav-item .title {}
#top .picnav-item a:hover .title {color: #ed1b2f}
#top-wrap {margin: 0 auto; position: relative !important}
.pic4 {margin-top: -220px}
.m-wrap .picnav-item a:hover {cursor: pointer}
.m-wrap .picnav-item a:hover .pic {cursor: pointer}
.conc {min-width: 1024px; position: relative; overflow: hidden}
#board {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_board_1920.jpg); background-position: top center; background-repeat: no-repeat; min-height: 860px}
#board .title {text-align: center; margin-top: 10px; font-size: 3.4em; color: #ed1b2f}
#rgbfusion {margin-top: -40px; background-color: #000000; background-position: center; background-repeat: no-repeat; min-height: 200px}
#rgbfusion .frame .cell {width: 50%}
#rgbfusion .title {color: #ed1b2f; font-size: 3.4em; padding-top: 30px}
#rgbfusion .rgbtitle {color: #ffffff; font-size: 1.8em; margin-top: -30px}
#GTXSLI {min-height: 650px; position: relative; z-index: 15}
#GTXSLI .title {z-index: 16; position: relative; margin-bottom: 90px}
#GTXSLI .text {margin-top: -80px}
#GTXSLI .frame .cell {width: 40%}
#rgbapp {margin-top: -100px; background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_rgbapp_1920.jpg); background-position: center; background-repeat: no-repeat; min-height: 1400px}
#rgbapp .rgbqrcode {margin-top: 62%; margin-left: 2%}
#lighting {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_lighting_1920.jpg); background-position: center; background-repeat: no-repeat; min-height: 912px; position: relative}
#swappable {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_swappable_1920.jpg); background-position: center; background-repeat: no-repeat; min-height: 1000px}
#swappable .title {}
#rgbwlight {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_rgbw-light_1920.jpg); background-position: center; background-repeat: no-repeat; min-height: 1122px}
#rgbwlight .title {margin-top: 20px}
#rgbwlight .rgb50 {margin-top: 120px}
#rgbadvanced {background-color: #000000; background-position: center; background-repeat: no-repeat; min-height: 800px}
#rgbadvanced .title {margin-top: -80px}
#smart-fan {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_smart-fan_1920.jpg); background-position: 50% 0%; background-repeat: no-repeat; min-height: 1100px}
#smart-fan .frame .cell {width: 66%; float: right}
#smart-fan .title {margin-top: 60px; font-size: 2.1em}
#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/646/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/646/images/mb_enhancedbios_1920.jpg); background-position: center; background-repeat: no-repeat; min-height: 500px; position: relative}
#enhancedbios .title {margin-top: 50px}
#usbdacup {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_usbdacup_1920.jpg); background-position: center; background-repeat: no-repeat; min-height: 1200px}
#usbdacup .title {}
#usbdacup .subdacuptitle {font-size: 60%; color: #ffffff; padding-left: 20px; padding-right: 20px; display: inline-block}
#headphone {background-color: #000000; background-position: 50% 40%; background-repeat: no-repeat; min-height: 600px}
#headphone .title {margin-top: 30px}
#amp-up {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_amp-up_1920.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 600px}
#amp-up .text {margin-top: 3%; width: 50%; float: right}
#amp-up .title {font-size: 1.6em}
#core3d {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_core3d_1920.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 600px}
#core3d .text {margin-top: 10%; width: 54%; float: right}
#core3d .title {font-size: 1.6em}
#intellan {background-color: #000000; background-position: 50% 40%; background-repeat: no-repeat; min-height: 800px}
#vr {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_vr_1920.jpg); background-position: center; background-repeat: no-repeat; min-height: 900px; position: relative}
#vr .vrimg {width: auto; margin-right: 400px}
#vr .vrtitle {font-size: 1.1em; font-weight: bold}
#TripleNVMe {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_triple_1920.jpg); background-position: center; background-repeat: no-repeat; min-height: 1300px}
#TripleNVMe .trititle {color: #ffffff; margin-top: 1%; font-size: 150%}
#TripleNVMe .text {width: 67%}
#nvme {background-color: #000000; background-position: center; background-repeat: no-repeat; min-height: 1000px}
#nvme .title {}
#Thunderbolt {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_thunderbolt_1920.jpg); background-position: top center; background-repeat: no-repeat; min-height: 800px}
#Thunderbolt .thundtitle {color: #ffffff; margin-top: 40px; font-size: 1.6em}
#turbob {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_turbob_1920.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 600px}
#turbob .frame .cell {width: 60%; float: right}
#turbob .title {margin-top: 100px}
#turbob .turbotitle {font-weight: bold; font-size: 1.6em; line-height: 1.4em}
#alc {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_alc_1920.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 400px}
#alc .frame .cell {width: 60%; float: right}
#alc .title {margin-top: 0px}
#alc .turbotitle {font-weight: bold; font-size: 1.6em; line-height: 1.4em}
#audio {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_audio_1920.jpg); background-position: 50% 30%; background-repeat: no-repeat; min-height: 500px}
#audio .frame .cell {width: 58%; float: right}
#audio .title {margin-top: 100px}
#audio .turbotitle {font-weight: bold; font-size: 1.6em; line-height: 1.4em}
#diagnostic {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_diagnostic_1920.jpg); background-position: center -10px; min-height: 550px; background-repeat: no-repeat}
#diagnostic .title {margin-top: 50px}
#diagnostic .diatitle {font-weight: bold; font-size: 1.6em; line-height: 1.4em}
#exclusive {background-color: #000000; background-position: top center; background-repeat: no-repeat; min-height: 1100px}
#locking {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/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/646/images/mb_anti_1920.jpg); background-position: center; background-repeat: no-repeat; min-height: 1000px; position: relative}
#antisulfur .title {margin-top: 700px}
#bios {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/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/646/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}
#dualbios {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/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/646/images/mb_15u_1920.jpg); background-position: center -10px; min-height: 650px; background-repeat: no-repeat}
#gold .title {margin-top: 120px}
#gconnector {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_gconnector_1920.jpg); background-position: top center; background-repeat: no-repeat; min-height: 1050px; position: relative}
#hd4k img {width: auto; float: left}
#hdmiin img {width: auto; float: left}
#hd4k .text {padding-top: 4%}
#hdmiin .text {padding-top: 2%}
#smartcam {background: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/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) { #GTXSLI {background-position: center center; position: relative; min-height: 450px} }
@media screen and (max-width: 1366px) { .pic4 {margin-top: -100px} }
@media screen and (max-width: 1366px) { #board {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_board_1366.jpg); background-position: center; background-repeat: no-repeat; min-height: 498px} }
@media screen and (max-width: 1366px) { #board .title {margin-top: 0px; font-size: 2.2em} }
@media screen and (max-width: 1366px) { #rgbfusion .title {color: #ed1b2f; font-size: 2.8em; padding-top: 50px} }
@media screen and (max-width: 1366px) { #rgbfusion .rgbtitle {color: #ffffff; font-size: 1.2em; margin-top: -50px} }
@media screen and (max-width: 1366px) { #rgbapp {margin-top: 0px; background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_rgbapp_1366.jpg); background-position: center; background-repeat: no-repeat; min-height: 1200px} }
@media screen and (max-width: 1366px) { #rgbapp .rgbqrcode {margin-top: 70%; margin-left: 0%} }
@media screen and (max-width: 1366px) { #lighting {margin-top: 0px} }
@media screen and (max-width: 1366px) { #usbdacup {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_usbdacup_1366.jpg); background-position: center; background-repeat: no-repeat; min-height: 1200px} }
@media screen and (max-width: 1366px) { #usbdacup .title {margin-top: 0px} }
@media screen and (max-width: 1366px) { #usbdacup .subdacuptitle {font-size: 30%; color: #ffffff; padding-left: 20px; padding-right: 20px; display: inline-block} }
@media screen and (max-width: 1366px) { #amp-up {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_amp-up_1366.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 600px} }
@media screen and (max-width: 1366px) { #core3d {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_core3d_1366.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 600px} }
@media screen and (max-width: 1366px) { #intellan {background-color: #000000; background-position: 50% 40%; background-repeat: no-repeat; min-height: 600px} }
@media screen and (max-width: 1366px) { #exclusive {background-color: #000000; background-position: top center; background-repeat: no-repeat; min-height: 830px} }
@media screen and (max-width: 1366px) { #locking {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/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) { #antisulfur .title {margin-top: 700px; font-size: 1.4em} }
@media screen and (max-width: 1366px) { #bios {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/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/646/images/mb_appcenter_1366.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 500px} }
@media screen and (max-width: 1366px) { #gconnector {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_gconnector_1366.jpg); background-position: top center; background-repeat: no-repeat; min-height: 750px; position: relative} }
@media screen and (max-width: 1366px) { #swappable {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_swappable_1366.jpg); background-position: center; background-repeat: no-repeat; min-height: 1000px} }
@media screen and (max-width: 1366px) { #rgbwlight {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_rgbw-light_1366.jpg); background-position: center; background-repeat: no-repeat; min-height: 1000px} }
@media screen and (max-width: 1366px) { #rgbwlight .rgb50 {margin-top: 0px} }
@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) { #smart-fan {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_smart-fan_1366.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 850px} }
@media screen and (max-width: 1366px) { #smart-fan .title {margin-top: -10px} }
@media screen and (max-width: 1366px) { #smartfan5 {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/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/646/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/646/images/mb_vr_1366.jpg); background-position: center; background-repeat: no-repeat; min-height: 950px; position: relative} }
@media screen and (max-width: 1366px) { #vr .vrimg {width: auto; margin-right: 100px} }
@media screen and (max-width: 1366px) { #TripleNVMe {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_triple_1366.jpg); background-position: center; background-repeat: no-repeat; min-height: 1000px} }
@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) { #turbob {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_turbob_1366.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 600px} }
@media screen and (max-width: 1366px) { #turbob .turbotitle {font-weight: bold; font-size: 1.2em; line-height: 1.4em} }
@media screen and (max-width: 1366px) { #audio {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_audio_1366.jpg); background-position: 50% 20%; background-repeat: no-repeat; min-height: 450px} }
@media screen and (max-width: 1366px) { #audio .turbotitle {font-weight: bold; font-size: 1.2em; line-height: 1.4em} }
@media screen and (max-width: 1366px) { #audio .title {margin-top: 50px} }
@media screen and (max-width: 1366px) { #alc {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_alc_1366.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 350px} }
@media screen and (max-width: 1366px) { #alc .frame .cell {width: 56%; float: right} }
@media screen and (max-width: 1366px) { #alc .title {margin-top: -30px} }
@media screen and (max-width: 1366px) { #alc .turbotitle {font-weight: bold; font-size: 1.2em; line-height: 1.4em} }
@media screen and (max-width: 1366px) { #diagnostic .diatitle {font-weight: bold; font-size: 1.2em; line-height: 1.4em} }
@media screen and (max-width: 1366px) { #gold {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/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) { #easytune {margin-top: -60px} }
@media screen and (max-width: 1366px) { #smartcam {background: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/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/646/images/mb_board_1024.jpg); background-position: center; background-repeat: no-repeat; min-height: 373px} }
@media screen and (max-width: 960px) { #board .title {margin-left: 40px; margin-top: -30px; font-size: 1.8em} }
@media screen and (max-width: 960px) { #smart-fan {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_smart-fan_960.jpg); min-height: 1900px} }
@media screen and (max-width: 960px) { #rgbapp {margin-top: 0px; background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_rgbapp_960.jpg); background-position: center; background-repeat: no-repeat; min-height: 1000px} }
@media screen and (max-width: 960px) { #rgbapp .rgbqrcode {margin-top: 90%; margin-left: 0%} }
@media screen and (max-width: 960px) { #turbob {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_turbob_960.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 800px} }
@media screen and (max-width: 960px) { #turbob .title {margin-top: 0px} }
@media screen and (max-width: 960px) { #turbob .frame .cell {width: 60%; float: right} }
@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) { #audio {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_audio_960.jpg); background-position: 50% 40%; background-repeat: no-repeat; min-height: 600px} }
@media screen and (max-width: 960px) { #audio .title {margin-top: 0px} }
@media screen and (max-width: 960px) { #audio .frame .cell {width: 60%; float: right} }
@media screen and (max-width: 960px) { #alc {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_alc_960.jpg); background-position: 50% 100%; background-repeat: no-repeat; min-height: 640px} }
@media screen and (max-width: 960px) { #alc .title {margin-top: -10px} }
@media screen and (max-width: 960px) { #alc .frame .cell {width: 60%; float: right} }
@media screen and (max-width: 960px) { #swappable {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_swappable_960.jpg); background-position: center; background-repeat: no-repeat; min-height: 1000px} }
@media screen and (max-width: 960px) { #rgbadvanced .title {margin-top: 0px} }
@media screen and (max-width: 960px) { #diagnostic {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_diagnostic_960.jpg); background-position: center -10px; min-height: 450px; background-repeat: no-repeat} }
@media screen and (max-width: 960px) { #diagnostic .title {margin-top: 50px} }
@media screen and (max-width: 960px) { #intellan {background-color: #000000; background-position: 50% 40%; background-repeat: no-repeat; min-height: 600px} }
@media screen and (max-width: 960px) { #intellan .title {font-size: 1.1em} }
@media screen and (max-width: 960px) { #exclusive {background-color: #000000; background-position: top center; background-repeat: no-repeat; min-height: 460px} }
@media screen and (max-width: 960px) { #locking {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/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) { #smartfan5 {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_smartfan5_960.jpg); min-height: 1000px} }
@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) { #dualbios {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/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/646/images/mb_15u_960.jpg); background-position: center -10px; min-height: 400px; background-repeat: no-repeat} }
@media screen and (max-width: 960px) { #gconnector {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_gconnector_960.jpg); background-position: top center; background-repeat: no-repeat; min-height: 700px; position: relative} }
@media screen and (max-width: 960px) { #rgbfusion {background-color: #000000; background-position: center; background-repeat: no-repeat; min-height: 200px} }
@media screen and (max-width: 960px) { #rgbfusion .title {font-size: 1.8em} }
@media screen and (max-width: 960px) { #rgbfusion .rgbtitle {font-size: 1em} }
@media screen and (max-width: 960px) { #lighting {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_lighting_960.jpg); background-position: 50% bottom; background-repeat: no-repeat; min-height: 600px; position: relative} }
@media screen and (max-width: 960px) { #enhancedbios {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_enhancedbios_960.jpg); min-height: 500px} }
@media screen and (max-width: 960px) { #headphone {background-color: #000000; background-position: 50% 0%; background-repeat: no-repeat; min-height: 500px} }
@media screen and (max-width: 960px) { #amp-up {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_amp-up_960.jpg); background-position: 50% 0%; background-repeat: no-repeat; min-height: 500px} }
@media screen and (max-width: 960px) { #amp-up .text {margin-top: -30px} }
@media screen and (max-width: 960px) { #amp-up .frame .cell {width: 100%; float: right} }
@media screen and (max-width: 960px) { #amp-up .title {font-size: 1.1em} }
@media screen and (max-width: 960px) { #core3d {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_core3d_960.jpg); background-position: 50% 0%; background-repeat: no-repeat; min-height: 500px} }
@media screen and (max-width: 960px) { #core3d .text {margin-top: -30px} }
@media screen and (max-width: 960px) { #core3d .frame .cell {width: 100%; float: right} }
@media screen and (max-width: 960px) { #core3d .title {font-size: 1.1em} }
@media screen and (max-width: 960px) { #TripleNVMe {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_triple_960.jpg); background-position: top center; background-repeat: no-repeat; min-height: 800px} }
@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: 0.8em} }
@media screen and (max-width: 960px) { #TripleNVMe .text {width: 80%} }
@media screen and (max-width: 960px) { #nvme {min-height: 600px} }
@media screen and (max-width: 960px) { #usbdacup {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_usbdacup_960.jpg); background-position: center; background-repeat: no-repeat; min-height: 1000px} }
@media screen and (max-width: 960px) { #usbdacup .title {margin-top: 0px} }
@media screen and (max-width: 960px) { #usbdacup .text {width: 100%} }
@media screen and (max-width: 960px) { #rgbwlight {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_rgbwlight_960.jpg); background-position: center bottom; background-repeat: no-repeat; min-height: 1150px} }
@media screen and (max-width: 960px) { #rgbwlight .rgb50 {margin-top: -100px} }
@media screen and (max-width: 960px) { #GTXSLI {background-position: center center; background-repeat: no-repeat; min-height: 500px; position: relative} }
@media screen and (max-width: 960px) { #smartcam {background: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/smartcam_960.jpg) center bottom no-repeat; height: 850px} }
@media screen and (max-width: 960px) { #smartcam .title {margin-top: 0px} }
@media screen and (max-width: 960px) { #appcenter {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_appcenter_960.jpg); min-height: 500px} }
@media screen and (max-width: 960px) { #hd4k img {width: 110%} }
@media screen and (max-width: 960px) { #smart-fan .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) { #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-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_board_640.jpg); background-position: top center; background-repeat: no-repeat; min-height: 350px} }
@media screen and (max-width: 640px) { #board .title {margin-left: 20px; margin-top: -16px; font-size: 1.1em; width: 100%; line-height: 1.4em} }
@media screen and (max-width: 640px) { #GTXSLI {background-position: center 178px; min-height: 1300px; position: relative} }
@media screen and (max-width: 640px) { #GTXSLI .frame .cell {width: 80%} }
@media screen and (max-width: 640px) { #rgbfusion .title {font-size: 1.4em; width: 100%} }
@media screen and (max-width: 640px) { #rgbfusion .rgbtitle {font-size: 0.8em} }
@media screen and (max-width: 640px) { #rgbfusion .frame .cell {width: 100%} }
@media screen and (max-width: 640px) { #rgbfusion .text {width: 100%} }
@media screen and (max-width: 640px) { #rgbfusion-text .text {width: 100%} }
@media screen and (max-width: 640px) { #rgbapp {margin-top: 0px; background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_rgbapp_640.jpg); background-position: center; background-repeat: no-repeat; min-height: 800px} }
@media screen and (max-width: 640px) { #rgbapp .rgbqrcode {margin-top: 130%; margin-left: 0%} }
@media screen and (max-width: 640px) { #lighting {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_lighting_640.jpg); min-height: 700px} }
@media screen and (max-width: 640px) { #lighting .title {font-size: 0.8em} }
@media screen and (max-width: 640px) { #Thunderbolt .thundtitle {color: #ffffff; margin-top: 40px; font-size: 1em} }
@media screen and (max-width: 640px) { #gconnector {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_gconnector_640.jpg); min-height: 600px} }
@media screen and (max-width: 640px) { #usbdacup {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_usbdacup_640.jpg); background-position: top center; background-repeat: no-repeat; min-height: 1600px} }
@media screen and (max-width: 640px) { #usbdacup .subdacuptitle {font-size: 0.5em; padding-left: 0; line-height: 1.6em} }
@media screen and (max-width: 640px) { #swappable {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_swappable_640.jpg); background-position: top center; min-height: 700px} }
@media screen and (max-width: 640px) { #swappable .title {width: 100%} }
@media screen and (max-width: 640px) { #swappable .text {width: 100%} }
@media screen and (max-width: 640px) { #gold {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/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/646/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%} }
@media screen and (max-width: 640px) { #smart-fan {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_smart-fan_640.jpg); min-height: 1200px} }
@media screen and (max-width: 640px) { #smart-fan .title {margin-top: 0px; font-size: 1.4em} }
@media screen and (max-width: 640px) { #hybridfan {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/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/646/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) { #rgbwlight .rgb50 {margin-top: 0px} }
@media screen and (max-width: 640px) { #rgbwlight {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_rgbwlight_640.jpg); min-height: 1700px} }
@media screen and (max-width: 640px) { #rgbadvanced {min-height: 600px} }
@media screen and (max-width: 640px) { #enhancedbios {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_enhancedbios_640.jpg); min-height: 600px} }
@media screen and (max-width: 640px) { #appcenter {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/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) { #dualbios {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/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) { #siv .frame .cell {width: 90%} }
@media screen and (max-width: 640px) { #siv .title {margin-top: -100px} }
@media screen and (max-width: 640px) { #atbios .frame .cell {width: 90%} }
@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: -180px} }
@media screen and (max-width: 640px) { #nvme {background-color: #000000; background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/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) { #asmedia .title {margin-top: 40px} }
@media screen and (max-width: 640px) { #asmedia .asmediat1 {color: #ffffff; font-size: 0.8em} }
@media screen and (max-width: 640px) { #asmedia .asmediat2 {width: 500px; color: #ffffff; font-size: 0.8em; padding-left: 10px; padding-right: 10px; text-align: center} }
@media screen and (max-width: 640px) { #asmedia .typec {font-size: 1em; line-height: 1.4em} }
@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) { #headphone {min-height: 400px} }
@media screen and (max-width: 640px) { #exclusive {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/mb_exclusive_640.jpg); background-position: top center; background-repeat: no-repeat; min-height: 706px} }
@media screen and (max-width: 640px) { #exclusive img {display: none} }
@media screen and (max-width: 640px) { #locking {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/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) { #antisulfur {background-image: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/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/646/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) { #dosd3 .frame .cell {width: 90%} }
@media screen and (max-width: 640px) { #dosd3 {margin-top: -60px} }
@media screen and (max-width: 640px) { #hd4k .text {width: 100%} }
@media screen and (max-width: 640px) { .m-wrap .picnav-item .title {font-size: 1em; padding-bottom: 0} }
@media screen and (max-width: 640px) { .m-wrap .picnav-item .title span {vertical-align: bottom} }