/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ""; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
sup {vertical-align: super;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0;}
html {background: #000; height: 100%; margin: 0; padding: 0; position: relative;}
body {background-color: #161415; color: #fff; font: 14px Arial, Helvetica, sans-serif, "微軟正黑體", "新細明體"; line-height: 1.4; margin: 0; padding: 0; position: relative; /*width: 100%; height: 100%;*/ z-index: 1;}
strong {font-weight: bold;}
em {font-style: italic;}
a {color: #fcfcfc; text-decoration: none;}
a:hover {text-decoration: none; color: #fff;}
abbr {border-bottom: 1px dotted #fff; cursor: help;}
blockquote {margin: 20px 50px; border: 1px solid #ccc; padding: 20px;}
h1 {color: #fcfcfc; font-size: 24px; font-weight: 700;}
h2 {color: #fcfcfc; font-size: 20px;}
img {border: 0;}
.checkbox {margin-right: 5px; position: absolute; visibility: hidden;}
.checkbox + label span {background: url("/common/checkbox.png") left top no-repeat; cursor: pointer; display: inline-block; margin: 0 5px 0 0; vertical-align: middle; width: 25px; height: 25px;}
.checkbox:checked + label span {background: url("/common/checkbox.png") 0 -25px no-repeat;}
input[type="email"], input[type="text"], input[type="number"], input[type="password"], select, textarea {background-color: #161415; border: 1px solid #444; color: #fff; font-family: Arial, Helvetica, sans-serif, "微軟正黑體", "新細明體"; padding: 5px 10px; vertical-align: middle;}
input[type="email"]:disabled, input[type="text"]:disabled, input[type="password"]:disabled, select:disabled, textarea:disabled {color: #777;}
.scroll-text {display: none;}
.news-text {display: none;}
.carousel {background-color: #242424;}
.carousel .row {padding: 25px 1em; overflow: hidden; max-width: 1300px; margin: 0 auto;}
.carousel .row .column-3 {padding: 0; width: 22%; margin: 0 1.5%; text-align: center; transition: 0.3s; -moz-transition: 0.3s; overflow: hidden;}
.carousel .row .column-3:hover {position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 10px 25px rgba(0, 0, 0, 0.35), 0 100px 50px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 10px 25px rgba(0, 0, 0, 0.35), 0 100px 50px rgba(0, 0, 0, 0.2);}

/* pc-square/mobile-rectangle */
.carousel .row .column-3 .column-img {padding: 0 10%;}
.carousel .row .column-3 img {opacity: 1 !important; transform: scale(1.2); transition: 0.4s;}
.carousel .row .column-3:hover img {transform: scale(1.3);}

select {background-image: url("https://images.evga.com/common/dd_arrow.png"); background-position: right 5px top -23px; background-repeat: no-repeat; background-size: 10px; padding-top: 4px; padding-right: 20px; padding-bottom: 3px; -moz-appearance: none; -webkit-appearance: none;}
.mail {width: 80%;}
select:disabled {background-position: right 5px bottom 9px;}
select::-ms-expand {display: none;}
ul {margin: 10px 25px; list-style: disc;}
ol {margin: 10px 25px; list-style: decimal;}
ul li, ol li {margin: 2px 0; font-size: 0.9rem;}
ul > li > ul {margin: 0 25px; list-style: circle;}
ol > li > ol {margin: 0; list-style: lower-alpha;}
ul li ul li, ol li ol li {margin: 0;}
:focus {-moz-outline-style: none; outline-style: none;}
.message {color: #fff; display: block; font-weight: 700; margin: 20px 0; padding: 20px 10px; text-align: center;}
.message-important {background: #a40000;}
.message-information {background: #cd950c;}
.message-note {background: #0c3c43;}
.message-success {background: #60b100; border: 1px solid #274700;}
#EVGAHeaderBG {background: URL("/images/common/header.jpg") top center no-repeat; height: 103px;}
#EVGAHeader, #EVGAContent, #EVGAFooter {margin: 0 auto; position: relative; clear: both;}

/* Header CSS */
#EVGAHomeLink {display: block; text-indent: -9999em; height: 48px; width: 200px; position: absolute; top: 28px; left: 0;}
#mainLogin {position: absolute; right: 5px; top: 5px;}
#regionSelect {position: absolute; right: 5px; top: 38px;}
#regionSelect ul {margin: 0; list-style: none;}
#regionSelect ul li {width: 150px; float: left; text-align: right; margin-left: 20px;}
#mainSearch {position: absolute; right: 5px; top: 3px; z-index: 1;}
/* #mainSearch .searchBox {background-color: #999; border: 0px; height: 20px; width: 150px; font-size: 1.1em; padding: 0 3px; line-height: 20px;} */
#navTop {margin: auto; max-width: 1600px; position: relative; height: 30px; z-index: 1000;}
#navTop #navLeftArrow {position: absolute; left: 10px; top: 40px; cursor: pointer; z-index: 9999;}
#navTop #navRightArrow {position: absolute; right: 10px; top: 40px; cursor: pointer; z-index: 9999;}
#navTopShare {position: absolute; top: 125px; right: -100px; text-align: center;}

/* Global Content CSS */
#EVGAContent {padding-bottom: 1px;}
#backgroundOverlay {position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: none; z-index: -1;}
#languages {position: absolute; top: 275px; right: -100px; z-index: 9999;}
#languages ul {list-style: none; margin: 0; padding: 0;}
#languages ul li {margin: 5px 0px; padding: 5px; border: 1px solid #666; background: #fff;}
#languages ul li a {color: #000; font-weight: bold;}
.terms {font-size: 0.7rem; text-align: center;}

/*Keyboard indicators */
.evga-home .evga-logo-box a:focus-visible {outline: 2px dashed #fff; border-radius: 2rem; outline-offset: 3px;}
.evga-home .MainContent a:focus-visible {outline: 2px dashed #fff; border-radius: 2rem; outline-offset: 3px;}
.evga-home .MainContent input:focus-visible {outline: 2px dashed #fff; outline-offset: 3px;}
.evga-home #pnlForums a:focus-visible {outline: 2px dashed #fff; border-radius: 2rem; outline-offset: 3px;}
.evga-home .MainContent .RadGrid:focus-visible {outline: 2px dashed #fff; border-radius: 2rem; outline-offset: 3px;}
.evga-home .footer a:focus-visible {outline: 2px dashed #fff; border-radius: 2rem; outline-offset: 3px;}
.evga-home .search-box .login-box button {background: none; color: white; border: none; padding: 0; outline: inherit; width: 100%; margin: 5px 0 0 0;}
.evga-home .search-box .login-box button:focus-visible {outline: 2px dashed #fff; outline-offset: 3px;}
.evga-home .login-popup-box a:focus-visible .btn-a {outline: 2px dashed #fff; border-radius: 2rem; outline-offset: 3px;}

/* Dropdown Menu */
header {background: rgba(26, 26, 26, 0.8); border-top: 1px solid #444; border-bottom: 1px solid #444; margin-top: 0; padding: 11px 0px 11px 0px; position: relative; width: 100%; z-index: 2000;} /* Navigtion menu v1 : margin-top: 20px; padding: 17px 0 15px; */
header.float-over {position: relative;}
header:after {clear: both; content: " "; display: table;}
.evga-logo-box {display: inline-flex; position: absolute; top: 20px; left: 3%; text-align: left; z-index: 2;}
.evga-logo-box img {vertical-align: middle; margin-top: 6px;}
.cbp-hrmenu {font-size: 15px; margin-top: 10px;}
.cbp-hrmenu a {color: #cccccc; display: inline-block; font-weight: 400; padding: 10px 15px; text-decoration: none;}
.cbp-hrmenu ul {list-style: none; margin: 0; padding: 0; top: 150px; left: 0; text-align: center;}
.cbp-hrmenu > ul > li {display: inline-block; font-size: 1.0rem;}
.cbp-hrmenu > ul > li > a:hover,
.cbp-hrmenu > ul > li > button:hover {color: #ffffff;}
.cbp-hrmenu > ul > li > a:focus-visible,
.cbp-hrmenu > ul > li > button:focus-visible {outline: 2px dashed #fff; border-radius: 25px; }
.cbp-hrsub {background: rgba(0, 0, 0, 0.9); display: none; position: absolute; left: 0; width: 100%; z-index: 9999;}
.cbp-hrsub h4 {color: #ffffff; font-size: 12px; font-weight: 700; padding: 2em 0 0.6em; margin: 0; text-transform: uppercase;}
.cbp-hrsub .headingTitle {color: #ffffff; font-size: 12px; font-weight: 700; padding: 2em 0 0.6em; margin: 0; text-transform: uppercase;}
.cbp-hropen > a {color: #cccccc;}
.cbp-hropen .cbp-hrsub {display: block; padding-bottom: 3em; top: 77px;}
.cbp-hrsub a, 
.cbp-hrsub button {padding: 2px 5px 2px 0;}
.cbp-hrsub-inner {margin: 0 auto; max-width: 70em; width: 100%;}
.cbp-hrsub-inner ul li {font-size: 12px; line-height: 16.8px;}
.cbp-hrsub-inner ul li a,
.cbp-hrsub-inner ul li button {color: #c7c7c7;}
.cbp-hrsub-inner ul li button {background:none; border:0;}
.cbp-hrsub-inner:before, .cbp-hrsub-inner:after {content: " "; display: table;}
.cbp-hrsub-inner:after {clear: both;}
.cbp-hrsub-inner li a, .cbp-hrsub-inner li a:hover {color: #fff;}
.cbp-hrsub-inner-column {float: left; padding: 0 2em 0; width: 25%; text-align: left;}
.cbp-hrsub-inner-column ul {text-align: left;}
.cbp-hrsub-inner-column li {font-size: 12px;}
.cbp-hrsub-inner-column li a {color: #c7c7c7;}
.cbp-hrsub-inner-column li a:hover,
.cbp-hrsub-inner-column li button:hover {color: #ffffff;}
.cbp-hrmenu > ul > li.cbp-login {display: none;}
.cbp-login .cbp-hrsub {background: none; display: block; position: relative; text-align: center;}
.cbp-login .cbp-hrsub a {display: block; padding: 10px 15px;}
.cbp-login .cbp-hrsub a:hover {color: #ffb330;}

/* nav bottom line */
.cbp-hrmenu > ul > li > button { background:none; cursor:pointer; color: #cccccc; display: inline-block; font-weight: 400; padding: 10px 15px; font-size: unset; border:0; }
.cbp-hrmenu > ul > li > a,
.cbp-hrmenu > ul > li > button { position: relative; padding: 0 -10% 0 -10%; transition: .2s; }	
.cbp-hrmenu > ul > li > a::after,
.cbp-hrmenu > ul > li > button::after { content: ""; display: block; position: absolute; width: 75%; height: 1px; left: 13%; bottom: 15%; transform: scaleX(0) translateX(-50%) translateX(50%); background-color: #ffffff; transition: all 0.2s ease-out; }
.cbp-hrmenu > ul > li > a:hover::after,
.cbp-hrmenu > ul > li > button:hover::after{ content: ""; display: block; position: absolute; width: 75%; height: 1px; left: 13%; bottom: 15%; transform: scaleX(1) translateX(-50%) translateX(50%); background-color: #ffffff; transition: all 0.2s ease-out; }

.cbp-hrmenu > ul > li > a.navActive,
.cbp-hrmenu > ul > li > button.navActive { color: #fff; font-weight: 600; }
.cbp-hrmenu > ul > li > a:not(.navActive),
.cbp-hrmenu > ul > li > button:not(.navActive){ transform: scale(0.875); transform-origin: center; }
.cbp-hrmenu > ul > li > a.navActive::after,
.cbp-hrmenu > ul > li > button.navActive::after{ content: ""; display: block; position: absolute; width: 75%; height: 1px; left: 13%; bottom: 15%; transform: scaleX(1) translateX(-50%) translateX(50%); background-color: #ffffff; transition: all 0.2s ease-out; }

/* menu background color */
.menu-subcat {position: relative;}
.menu-subcat:hover {background: #000000; border: 1px solid #fff; border-right: none; left: -6px; padding-left: 5px;}
.menu-subcat:hover ul {border: 1px solid #fff;}
.menu-subcat:hover .subcat-list {display: block;}
.menu-subcat.show { background: #000000; border: 1px solid #fff; border-right: none; left: -6px; padding-left: 5px; }
.menu-subcat .subcat-list {background: #000000; border: 1px solid #000000; display: none; position: absolute; top: -1px; left: 90%; width: 100%; z-index: 1;}
.menu-subcat ul.show { display: block; border: 1px solid #fff;}
.subcat-list li {padding-left: 16px; position: relative; left: -1px; width: 100%;}
.subcat-list li:first-child {background: #000000; border-left: none;}
.cbp-hrmenu > ul > li.cbp-country {display: none;}
.cbp-country .cbp-hrsub {padding-top: 2em; padding-bottom: 2em;}

/* products link picture hide */
.pl-grid-info p img {display: none;}
/* products background hide */
.grid-item-outer .grid-item .pl-grid-image {background-image: none !important;} /* Grid View */
.grid-item-outer .grid-item .pl-grid-image img {width: 250px; height: 250px;}
.pl-list .group-container .list-item .pl-list-image {background-image: none !important;} /* List View */
.pl-list .group-container .list-item .pl-list-image img {width: 250px; height: 250px;}

/* Product menu */
@media only screen and (max-width: 1280px) and (min-width: 1025px) {.t-col-lg-2 {width: 16.66667% !important;}} /* 1row 6col */
@media only screen and (max-width: 1024px) and (min-width: 769px) {.t-col-md-2 {width: 20% !important;}} /* 1row 5col */
@media only screen and (max-width: 768px) and (min-width: 401px) {.t-col-sm-2 {width: 25% !important;}} /* 1row 4col */
@media only screen and (max-width: 400px) {.t-col-xs-4 {width: 33.33334% !important;}} /* 1row 3col */

.t-col {padding-left: 5px !important; padding-right: 5px !important;}
.footer {background-color: rgb(0, 0, 0); padding-top: 40px; text-align: center; margin: 0 auto;}
.secure .footer {padding-top: 0;}
.space-p {padding: 10px 0;}
.footer-block {max-width: 1100px; padding: auto 0; margin: 0 auto;}
.footer-column {display: inline-block; width: 15%; margin-right: 3%; text-align: left; vertical-align: top;}
.footer-block .footer-column:last-of-type {margin-right: 0;}
.footer-column a {color: rgb(153, 153, 153); font-size: 12px; margin-bottom: 5px;}
.footer-column a:hover {color: #fff; font-size: 12px; margin-bottom: 5px; text-decoration: none;}
.footer-column .current {display: block; padding: 20px 0px;}
.footer-column .current a {color: #fff; font-size: 14px;}
.footer-column > a {text-decoration: underline; color: #ffb330;}
.footer-column > a:hover {text-decoration: underline;}
.footer-icons {margin-top: 25px; margin-bottom: 10px;}
.footer-icons a {border-radius: 2px; display: inline-block; font-size: 28px; line-height: 36px; width: 36px; height: 36px; text-align: center;}
.footer-icons a:hover {color: #fff; border-radius: 2px; display: inline-block; font-size: 28px; line-height: 36px; width: 36px; height: 36px; text-align: center;}
.footer-menu {color: #fff; text-transform: uppercase; display: none;}
.footer-dropdown {display: block; margin: auto; text-transform: uppercase;}
.footer-more, .footer-closetext {display: none;}
.footer-morelink {color: #f4a600; cursor: pointer; font-size: 12px; text-decoration: underline; display: block;}
.footer-morelink:hover {color: #fcfcfc; text-decoration: none;}
.fa-globe:before {content: "\f0ac";} /* fontawesome */
.fa, .fas {font-weight: 900; font-family: "Font Awesome 5 Free";}
.footer-bottom {max-width: 1100px; margin: 0 auto; background: #000; font-size: 12px; padding: 2% 3% 2% 3%; padding-bottom: 100px; display: flex; justify-content: space-between;}
.footer-bottom a {color: #999; padding-right: 5px; padding-left: 5px; text-decoration: none;}
.footer-bottom a:hover {color: #fff;}
.footer-bottom ul {margin: 0; text-transform: uppercase;}
.footer-bottom li {border-right: 1px solid #ccc; display: inline-block;}
.footer-bottom li:last-child, .footer-bottom .footer-evgalogo {border-right: none;}
.footer-rightitem {border-left: 1px solid #ccc;}
.footer-evgalogo img {max-width: 130px; vertical-align: middle;}
.footer-copyright {font-size: 10px; color: #757575; display: block; margin-top: 5px;}

.search {padding: 0; margin: 0;}
.search-box {display: inline-flex; position: absolute; top: 20px; right: 3%; text-align: right; z-index: 2;}
.search-box .input-search {background: url("https://images.evga.com/common/Icon_Search.png") no-repeat 10px 5px rgba(0, 0, 0, 0); border: none; border-radius: 20px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0), 0 1px 3px rgba(0, 0, 0, 0) inset; color: #d7d7d7; font-weight: 700; transition: all 0.7s ease 0s; width: 50px; padding: 10px 10px 10px 50px;}
.search-box .input-search:focus {background: url("https://images.evga.com/common/search-dark.png") no-repeat 10px 10px #fff; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; color: #404040; width: 200px; padding-left: 30px;}
.search-box .input-search:focus-visible {outline: none;}
.search-box .search-CloseIcon {display: none; opacity: 1; position: absolute; top: 14px; right: 9px; width: 25px; height: 22px; border: 0; padding: 0; cursor: pointer; transition: 0.5s; background: url("https://images.evga.com/common/icon-searchclose.png") no-repeat;}
.button-search {position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 0;}
.login-text {cursor: pointer; color: #fff; font-size: 18px; margin-top: 4px;}
.login-text:hover {color: #fff;}
.inverted-triangle {margin: 0 0 0 140px; padding: 0; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 10px 7.5px; border-color: transparent transparent #666666 transparent;}
.login-box {margin: 5px 0 0 5px; position: relative;}
.login-box .button {margin: 0;}
.login-popup-box {display: none; margin: 16px 0 0 0; position: absolute; right: 0px;}
.login-popup {border-radius: 3px; display: inline-block;}
.login-popup .btn-a {background-color: #666666; width: 170px; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; font-size: 17px;}
.login-popup a {padding: 0;}
.login_arrow {padding: 1px 3px 1px 3px;}

/* ICON_USER animation */
/* #svg-login .contrast {-webkit-animation: contrast 3s cubic-bezier(0.4, 0, 0.2, 1) infinite; animation: contrast 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;}
@-webkit-keyframes contrast {from {opacity: 0;} to {opacity: 1;}}
@keyframes contrast {from {opacity: 0;} to {opacity: 1;}} */

/* footer icon update */
.globe-language {display: flex; align-items: center;}
.globe-icon {margin-right: 8px;}

/* CSS3 background parallax scrolling */
.parallaxBG {background: url("https://images.evga.com/concept/images/2019NewW/products/sky05.jpg") center center no-repeat; min-height: 100vh; background-attachment: fixed; background-size: cover;}

#scene {position: relative; overflow: hidden; width: 100%; height: 100%; margin: auto;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* For IE */
  /* #scene {position: static; overflow: hidden; width: 100%; height: 100%; margin: auto;} */
  #layer-wrap {position:absolute; left:0; top:-30% !important; height:100%; display:flex; align-items:stretch; margin:0 25%;}
  .layer-wrap-en {width:130%;} /* 5items-108.5% 6items-130% 7items-151.5% 8items-173% 9items-195% */
  .layer-wrap-tw, .layer-wrap-cn, .layer-wrap-asia, .layer-wrap-au, .layer-wrap-eu, .layer-wrap-br, .layer-wrap-jp, .layer-wrap-latam, .layer-wrap-de, .layer-wrap-fr, .layer-wrap-ru {width:108.5%;}
}
#layer-wrap {position:absolute; left:0; top:0; height:100%; display:flex; align-items:stretch; margin:0 25%;}
.layer-wrap-en {width:130%;}
.layer-wrap-tw, .layer-wrap-cn, .layer-wrap-asia, .layer-wrap-au, .layer-wrap-eu, .layer-wrap-br, .layer-wrap-jp, .layer-wrap-latam, .layer-wrap-de, .layer-wrap-fr, .layer-wrap-ru {width:108.5%;}

.col-hb {position:relative; width:100%; display:flex; margin: 0 5px; align-items:center; transform:scale(1.00);}
.hb-txt .hb-name, .hb-txt .hb-description, .hb-txt .hb-btn {position: absolute; cursor: default; border: 0 solid #fff; z-index: 2; transition: 500ms cubic-bezier(0.7, 0, 0.3, 1); transition-delay: 0;}
@font-face {font-family: 'Staatliches'; src: url('https://images.evga.com/common/fonts/Staatliches-Regular.ttf') format('truetype');}
@font-face {font-family: 'Open Sans'; src: url('https://images.evga.com/common/fonts/OpenSans-Regular.ttf') format('truetype');}
.hb-c .hb-txt .hb-name {opacity: 1; font-size: 2.7143em; text-shadow: 0px 1px 7px black; bottom: 50px; color: #fff; font-family: "Staatliches", Arial, Helvetica, sans-serif, "微軟正黑體";}
.hb-c .hb-txt .hb-description {opacity: 1; font-size: 0.857em; text-shadow: 0px 1px 7px black; line-height: 1.4; color: #dbdbdb; bottom: 20px; font-family: "Open Sans", Arial, Helvetica, sans-serif, "微軟正黑體";}
.hb-c .hb-txt .hb-btn {opacity: 0; font-size: 1.0714em; text-align: center; color: rgb(46, 46, 46); box-shadow: 0px 1px 7px black; background-color: #dbdbdb; border-radius: 50px; line-height: 30px; width: 120px; height: 30px; bottom: -10px; font-family: "Open Sans", Arial, Helvetica, sans-serif, "微軟正黑體";}
.hb-c:hover .hb-name, .hb-c:hover .hb-description, .hb-c:hover .hb-btn {transition: 300ms cubic-bezier(0.7, 0, 0.3, 1); cursor: pointer; opacity: 1;}
.hb-c:hover .hb-name {transition-delay: 0ms; bottom: 105px;}
.hb-c:hover .hb-description {transition-delay: 40ms; bottom: 73px;}
.hb-c:hover .hb-btn {transition-delay: 60ms; bottom: 30px;}
@media (max-width: 1750px) {.hb-c .hb-txt .hb-name {font-size: 2.5em;}}
@media (max-width: 1600px) {.hb-c .hb-txt .hb-name {font-size: 2.3em;}}
@media (max-width: 1600px) {.hb-c .hb-txt .hb-name {font-size: 2.0em;}}
@media (max-width: 1400px) {.hb-c .hb-txt .hb-name {font-size: 1.8em;} .hb-c .hb-txt .hb-description {-webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: 0px center; transform-origin: 0px center;}}
@media (max-width: 1300px) {.hb-c .hb-txt .hb-description {-webkit-transform: scale(0.75); transform: scale(0.75);}}
@media (max-width: 1200px) {.hb-c .hb-txt .hb-name {font-size: 1.6em;}}
#layer-wrap a .hb-c .hb-txt {padding: 0 30px;}
#layer-wrap a .hb-c {position: absolute; width: 100%; height: auto; display:block; max-width:406px; min-width: 100%; transition: 0.2s ease; color: white; overflow: hidden; box-shadow: 0px 5px 7px 0px black;}
#layer-wrap a .hb-c:after {content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: block; border: 0px solid #fff; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.5); opacity: 1; -webkit-transition: 0.2s ease; transition: 0.2s ease;}
#layer-wrap a .hb-c:hover:after {opacity: 1; background-color: rgba(0, 0, 0, 0); border: 4px solid #fff; -webkit-transition: 0.35s ease; transition: 0.2s ease;}
#layer-wrap a .hb-c img {display:block; padding: 0px; width: 100%; height: 100%; top: 0; left: 0; transform: scale(1); background-size: cover; background-position: 50% 50%; transition: 0.35s ease;}
#layer-wrap a .hb-c:hover img {transform: scale(1.05); transition: 0.35s ease;}

/* Waterfall Information */
.product-story .picture, .waterfall-info .picture {width: 100%;}
.product-story .picture img, .waterfall-info .picture img {width: 100%; display: block;}
.separateRow {width: 100%; font-size: 0px; padding: 5px 0;}
.max-width-1100 {max-width: 1100px;}
.max-width-1100, .max-width-1300, .max-width-1200 {margin: 0 auto;}
.separateRow > * {box-sizing: border-box; display: inline-block; font-size: 16px; vertical-align: top;}
.separateRow .separate-1-3 {width: 33.333%;}
.separateRow .separate-2-3 {width: 66.666%;}
.waterfall-info {background: linear-gradient(270deg, #242424 27%, #090909 77%); background: -moz-linear-gradient(270deg, #242424 27%, #090909 77%); background: -webkit-linear-gradient(270deg, #242424 27%, #090909 77%); background: -o-linear-gradient(270deg, #242424 27%, #090909 77%); padding: 65px 1em; /*padding-bottom: 20px;*/}
.waterfall-info .separate-7-12, .waterfall-info .separate-5-12 {padding: 0px 5px;}
.separateRow .separate-7-12 {width: 58.333%;}
.waterfall-info .more {position: relative;}
.separateRow .separate-5-12 {width: 41.666%;}
.waterfall-info .separate-7-12 .picture, .waterfall-info .separate-5-12 .picture  {overflow: hidden;}
.margin-bottom-12 {margin-bottom: 12px;}
.waterfall-info .content {transition: 0.3s; top: 42px; white-space: nowrap;}
.waterfall-info .content, a.see-more, a.download {color: #ffffff; position: absolute; text-align: center; left: 50%; transform: translateX(-50%);}
.waterfall-info .content .title {font-size: 28px; font-weight: 600; margin-bottom: 2px;}
.waterfall-info .content .description {font-size: 18px; font-weight: 200; margin-bottom: 10px;}
.waterfall-info a.download {transition: 0.3s; display: inline-block; bottom: 17%;}
.waterfall-info a.see-more {bottom: 17%;}
.waterfall-info a.see-more, .waterfall-info a.download {padding: 8px 26px; font-size: 18px; background-color: #4d09d6; cursor: pointer; opacity: 0; transition: 0.3s;}
.waterfall-info a.see-more:hover, .waterfall-info a.download:hover {background-color: #811ece;}
.separate-5-12 > .more:hover a.see-more, .separate-7-12 > .more:hover a.see-more {opacity: 1; bottom: 18%;}
.separate-5-12 > .more:hover a.download, .separate-7-12 > .more:hover a.download {opacity: 1; bottom: 18%;}
/* label.more-purple {text-align: center; margin: 20px auto 0px auto; width: 50px; cursor: pointer; display: block;}
.waterfall-info .more-purple .picture .seemore {color:#712aff; padding-bottom: 7px; margin-left: -11px; white-space: nowrap; font-size: 17px; font-weight: 700;}
.waterfall-info .more-purple .picture {-webkit-animation: MoreButtonMove 1s cubic-bezier(0.4, 0, 0.2, 1) infinite; animation: MoreButtonMove 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;}
@-webkit-keyframes MoreButtonMove {0% {transform: translateY(-5px);} 40% {transform: translateY(5px);} 100% {transform: translateY(-5px);}}
@keyframes MoreButtonMove {0% {transform: translateY(-5px);} 40% {transform: translateY(5px);} 100% {transform: translateY(-5px);}}
#check-purple {display: none;} */
.rwd-product {display: none;} /* Mobile version of product story */
.rwd-separateRow {display: none;} /* Mobile version of waterfall*/
.parallaxVideo {margin-bottom: -5px;}
.disNon {display: none !important;}
.disBlock {display: block !important;}
.ipadProHeight {height: 100% !important;}

/* Website Products - Triangle Block */
.column-3 {position: relative; text-align: center; transition: 0.3s; cursor: pointer; right: 0; overflow: hidden;}
.column-3 svg.three {position: absolute; top: 0px; right: 0px; opacity: 1; z-index: 999; transition: 0.7s; transform: translate(50%, -50%);}
.column-3 svg.three text {font-size: 19px; font-weight: bold; fill: #111; transform-origin: 0px 0px; text-align: center; display: block; white-space: nowrap;}
.column-3:hover svg.three {transform: translate(0%, 0%); opacity: 1;}

/* Mobile version - Hot Block */
.rwd-pNew {display: none; position: absolute; background: #4d0ad6; color: #fff; font-size: 0.75rem; z-index: 1; top: 10%; left: 50%; transform: translate(-50%, -10%); border: 1px solid transparent; border-radius: 0.35rem; font-weight: 700; padding: 0.1rem 0.4rem; box-sizing: border-box; white-space: nowrap;}
.ddmenu-box {display: none; margin-top: 10px; margin-right: 25px; text-align: right;}
.ddmenu-button {color: #fff;}
.button {background-color: #4a4a4a; border: 0px solid #736e71; color: #fff; cursor: pointer; padding: 4px 20px; text-transform: uppercase; vertical-align: middle;}
.button:hover { background-color: #986700; border: 1px solid #f5ac2f; color: #fff; }

button.slick-autoplay-toggle-button {display: none;}
section#rotators button.slick-autoplay-toggle-button {display: block;}

@media (min-width: 1601px) {
  .evga-logo-box img.logoIntelligent {display: block; margin-top: 6px;}
  .evga-logo-box img.logoWhite {display: none;}
}
@media (max-width: 1600px) {
  .evga-logo-box img.logoIntelligent {display: none;}
  .evga-logo-box img.logoWhite {display: block; margin-top: -3px;}
}
@media (min-width: 1101px) {
  .cbp-hrmenu > ul {display: block !important;}
  /* .cbp-hrsub {top: 84px;} */
  .footer-column p {width: 180px; margin-bottom: 0em;}
}
@media (max-width: 1100px) {
  /* .slick-slide {max-width: 100%; height: calc(100vh - 66px);} 20200730 */
  .slick-slide {max-width: 100%; width: 100%; height: 100%;}
  .slider-image {width: 100%; height: 100%; background: center center no-repeat; background-size: cover; cursor: move;}
  .slider-image.mobile {background-size: cover; display: none;}
  header {margin-top: 0; height: 67px;}
  header.float-over {position: relative; height: 67px;}
  .evga-logo-box {position: absolute; text-align: center; width: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0;}
  .evga-logo-box img {width: 100%; height: 100%; margin-top: 0 !important;}
  .cbp-hrmenu > ul {background: #222; display: none; position: absolute; top: 80px; left: 0; text-align: center; width: 100%; z-index: 1000;}
  .cbp-hrmenu > ul > li {border-bottom: 1px dotted #555; display: block; text-align: center;}
  .cbp-hrmenu > ul > li > a,
  .cbp-hrmenu > ul > li > button {display: block; padding: 25px; width:100%;}
  .cbp-hrmenu > ul > li > a:hover,
  .cbp-hrmenu > ul > li > button:hover {color: #ffffff;}
  .cbp-hrmenu > ul > li > a::after,
  .cbp-hrmenu > ul > li > button::after {content: ""; display: none;}
  .cbp-hrmenu > ul > li > a:hover::after,
  .cbp-hrmenu > ul > li > button:hover::after {content: ""; display: none;}
  .cbp-hrmenu > ul > li > a.navActive,
  .cbp-hrmenu > ul > li > button.navActive {color: #fff; font-weight: 400;}
  .cbp-hrmenu > ul > li > a:not(.navActive),
  .cbp-hrmenu > ul > li > button:not(.navActive) {transform: scale(1.0); transform-origin: initial;}
  .cbp-hrmenu > ul > li > a.navActive::after,
  .cbp-hrmenu > ul > li > button.navActive::after {content: ""; display: none;}
  .cbp-hrmenu > ul > li.cbp-login {display: block;}
  .cbp-hrmenu > ul > li.cbp-country {display: none;}
  .cbp-hrsub {text-align: left;}
  .cbp-hropen > a {color: #ffffff; position: relative;}
  .cbp-hrmenu .cbp-hropen .cbp-hrsub {position: relative; top: 0px; padding-bottom: 0;}
  .cbp-hrmenu .cbp-hropen .cbp-hrsub .cbp-hrsub-inner {max-width: 100%;}
  .cbp-hrmenu .cbp-hropen .cbp-hrsub .cbp-hrsub-inner-column {float: none; width: 100%; text-align: left; padding: 0;}
  .cbp-hrmenu .cbp-hropen .cbp-hrsub .cbp-hrsub-inner-column h4 {padding: 2em 3em; border-bottom: 1px solid rgb(30, 30, 30);}
  .cbp-hrsub .headingTitle {padding: 2em 3em; border-bottom: 1px solid rgb(30, 30, 30);}
  /* .cbp-hrmenu .cbp-hropen .cbp-hrsub .cbp-hrsub-inner-column h4::before {font-family: "FontAwesome"; content: "\f067"; float: right;} */
  .cbp-hrmenu .cbp-hropen .cbp-hrsub .cbp-hrsub-inner-column ul {width: 100%; margin: 0; padding: 0; text-align: left; background-color: rgb(45, 45, 45);}
  .cbp-hrmenu .cbp-hropen .cbp-hrsub .cbp-hrsub-inner-column ul li {border-bottom: 1px solid rgb(60, 60, 60);}
  /* #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(2), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(3), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(4), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(5), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(6), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(7), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(8), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(9), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(10), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(11), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(12), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(13), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(14), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(15), #cbp-hrmenu > ul > li:nth-child(4) > div > div > div:nth-child(1) > ul > li:nth-child(16) {display: none;} */
  .cbp-hrmenu .cbp-hropen .cbp-hrsub .cbp-hrsub-inner-column ul li a {display: block; padding: 13px 3em;}
  .cbp-hrmenu .cbp-hropen .cbp-hrsub .cbp-hrsub-inner-column ul li ul li {border-bottom: 0px solid rgb(60, 60, 60); padding: 0 3em;}
  .cbp-hrmenu .cbp-hropen .cbp-hrsub .cbp-hrsub-inner-column ul li ul li a {color: #a5a5a5;}
  .cbp-login .cbp-hrsub a {display: block; padding: 25px;}
  .search-box {top: 13px; right: 0%;}
  .login-box {display: none;}
  .ddmenu-box {display: block; text-align: left; padding-left: 15px; position: absolute; top: 13%; z-index: 1;}
  .cbp-hrmenu > ul {top: 63px;}
  .footer-bottom {padding: 3% 5% 2% 5%; padding-bottom: 100px;}

  .menu-subcat:hover {background: none; border: none; border-right: none; left: 0; padding-left: 0;}
  .menu-subcat .subcat-list {background: none; border: none; display: block; position: relative; top: 0; left: 0;}
  .menu-subcat button { display: none; }
  .subcat-list li {padding-left: 16px; position: relative; left: 0;}
  .subcat-list li:first-child {background: none;}
  .homestory-item .Button_text_R {width: 100% !important; right: -20% !important; top: 35% !important; background-size: Contain !important; background-position: center !important; background-repeat: no-repeat !important;}
  .homestory-item .Button_text_L {width: 100% !important; left: -20% !important; top: 35% !important; background-size: Contain !important; background-position: center !important; background-repeat: no-repeat !important;}

  .rwd-product {display: block;} /* Mobile version of product story */
  #scene {display: none;} /* Parallax scrolling */
  .waterfall-info {padding: 20px 1em;}
  .waterfall-info a.see-more, .waterfall-info a.download {opacity: 1;}
  .homestory-item {height: 200px !important;}
  .homestory-item .Button-rwd {height: 200px;}
  .homestory-item .Button-rwd .Button_text1 {font-size: 36px; position: absolute; left: 50%; transform: translate(-50%, 120px); z-index: 91; font-family: "Staatliches", Arial, Helvetica, sans-serif, "微軟正黑體"; text-shadow: black 0.1em 0.1em 0.2em; white-space: nowrap;}
  .homestory-item .Button-rwd .Button_text2 {font-size: 15px; position: absolute; left: 50%; transform: translate(-50%, 165px); line-height: 21px; z-index: 91; font-family: "Open Sans", Arial, Helvetica, sans-serif, "微軟正黑體"; color: rgba(200, 200, 200, 1); text-shadow: black 0.1em 0.1em 0.2em; white-space: nowrap;}
  .homestory-item .Button-rwd .Button_img {height: 300px; width: 100%;}
  .homestory-item .Button-rwd .Button_img img {max-width: 100%; width: auto; height: auto; object-fit: contain; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
  .waterfall-info .content {top: 20px;}
  .waterfall-info .content .title {font-size: 25px;}
  .waterfall-info .content .description {font-size: 16px;}
  .waterfall-info a.see-more, .waterfall-info a.download {padding: 5px 32px; font-size: 16px; white-space:nowrap;}
}
@media (max-width: 1000px) {
  .cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner {max-width: 100%; width: 100%;}
  /* .slick-slide {max-width: 100%; height: 100%;}
  .slider-image {width: 100%; height: 100%; background: center center no-repeat; background-size: cover; cursor: move;} */
  .footer-bottom {padding-bottom: 120px;}
}
@media (max-width: 900px) {
  /* .slick-slide {max-width: 100%; height: 100%;}
  .slider-image {width: 100%; height: 100%; background: center center no-repeat; background-size: cover; cursor: move;} */
  .carousel .row {width: 100%; display: block; text-align: center;}
  .slick-dots {bottom: 10px !important;}
  .footer {padding-top: 0px;}
  .footer-bottom {padding-bottom: 120px;}
  .footer-column {margin-right: 0; width: 100%;}
  .footer-column p, .footer-morelink {text-align: center; margin-bottom: 0em;}
  .fcol-item1, .fcol-item2, .fcol-item3, .fcol-item4, .fcol-item5, .fcol-item6, .fcol-item7 {display: none;} /* RWD menu */
  .fcol-item1 p, .fcol-item2 p, .fcol-item3 p, .fcol-item4 p, .fcol-item5 p, .fcol-item6 p, .fcol-item7 p {padding: 16px; border-top: 1px solid #444; background-color: #222;}
  .footer-column .current {border-top: 1px solid #444; display: block; font-size: 14.4px; padding: 24px 0px;}
  .footer-column .fcol6 .current {border-bottom: 1px solid #444;}
  .footer-column a {font-size: 14px; color: #a5a5a5;}
  .footer-column a:hover {font-size: 14px;}
  .footer-menu {display: block; text-align: center; padding-bottom: 20px;}
  .footer-icons {margin: 0px !important;}
  .footer-icons a {font-size: 24px;}
  .footer-icons p {border-top: 0px solid #444; border-bottom: 1px solid #444;}
  .footer-column > a {font-size: 20px;}
  .mail-box {padding-bottom: 30px; text-align: center;}
  .mail {width: 50%;}
  .space-p {display: none;}
}
@media (max-width: 851px) {
  .carousel .row .column-3 {width: 22%; float: left;}
  /* .slick-slide {width: 100%; height: calc(100vh - 66px) !important;} */
  /* .slider-image {width: 100%; height: 100%; background: center center no-repeat; background-size: cover; cursor: move;} */
  .three {display: none;}
  .rwd-pNew {display: block;}

  /* pc-square mobile-rectangle */
  .carousel .row .column-3 .column-img {padding: 0; margin-bottom: -20%;}
  .carousel .row .column-3 .column-img img {opacity: 1 !important; transform: scale(1); transition: 0.5s;}
  .carousel .row .column-3:hover .column-img img {transform: scale(1);}
  .waterfall-info .content {top: 15px;}
  .waterfall-info .content .title {font-size: 22px;}
  .waterfall-info a.see-more, .waterfall-info a.download {padding: 4px 32px;}
}
@media (max-width: 700px) {
  .homestory-item .Button_text_R {right: -10% !important;}
  .homestory-item .Button_text_L {left: -10% !important;}
  .waterfall-info .content {top: 10px;}
  .waterfall-info .content .title {font-size: 21px;}
  .waterfall-info a.see-more, .waterfall-info a.download {padding: 3px 32px;}
}
@media (max-width: 600px) {
  /* .slick-slide {max-width: 100%; height: 100%;}
  .slider-image {width: 100%; height: 100%; background: center center no-repeat; background-size: cover; cursor: move;} */
  .carousel .row {width: 100%; display: block; text-align: center;}
  .carousel .row .column-3 {max-width: 600px; width: 50%; margin: 0 auto; transition: 0.3s; -moz-transition: 0.3s; overflow: hidden;}
  /* .carousel .row .column-3:hover {box-shadow: 0 0 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.2);} */
  .search-box {top: 13px; right: 0%;}
  .search-box .input-search {background: url("https://images.evga.com/common/Icon_Search.png") no-repeat 10px 20px rgba(0, 0, 0, 0); border: none; border-radius: 0px; box-shadow: 0 0px 0 rgba(255, 255, 255, 0), 0 1px 3px rgba(0, 0, 0, 0) inset; color: #d7d7d7; font-weight: 700; transition: all 0.7s ease 0s; width: 50px; height: 67px; padding: 10px 10px 10px 50px; margin-top: -15px; font-size: 18px;}
  .search-box .input-search:focus {background: url("https://images.evga.com/common/Icon_Search_Gray.png") no-repeat 20px 20px #fff; color: #404040; box-shadow: 0 0px 0 rgba(255, 255, 255, 0), 0 1px 3px rgba(0, 0, 0, 0) inset; width: 100vw; height: 67px; margin-top: -15px; border-radius: 0px; padding-left: 60px; padding-right: 50px;}
  select {background-position: right 14px top -17px; background-size: 13px; padding: 0px;} /* Select-language drop-down arrow */
  .footer-bottom ul li {font-size: 12px;}
  .footer-bottom a {padding: 5px;}
  .footer-bottom {flex-direction: column; padding: 0; padding-bottom: 100px;}
  .header-country {width: 100%; padding: 20px; overflow: hidden;}
  .footer-copyright {margin: 20px 0;}
  .footer-column .fcol6 .current {border-bottom: 0px solid #444;}
  .footer-icons p:last-child {border-bottom: 0px solid #444;}
  .globe-icon {display: none;}
  .rwd-product {display: block;} /* Mobile version of product story */
  #scene {display: none;} /* Parallax scrolling */
  .waterfall-info {padding: 20px 1em;}
  .rwd-separateRow {display: block;} /* Mobile version of waterfall*/
  .separateRow {display: none;}
  /* .more-purple {display: none !important;} */
  .waterfall-info .content {top: 30px;}
  .waterfall-info .content .title {font-size: 28px;}
  .waterfall-info .content .description {font-size: 18px;}
  .waterfall-info a.see-more, .waterfall-info a.download {padding: 8px 26px; font-size: 18px;}
  .separate-5-12 > .more:hover a.see-more, .separate-7-12 > .more:hover a.see-more, .separate-5-12 > .more:hover a.download, .separate-7-12 > .more:hover a.download {bottom: 17%;}
  .rwd-separateRow {width: 100%; font-size: 0px; margin: -10px 0;}
  .rwd-separateRow > * {box-sizing: border-box; display: inline-block; font-size: 16px; vertical-align: top;}
  .waterfall-info .rwd-separateRow .separate-5-12 {width: 100%; padding: 5px 0px; overflow: hidden;}
  .waterfall-info .rwd-separateRow .separate-7-12 {width: 100%; padding: 5px 0px; overflow: hidden;}
  .rwd-separateRow a.see-more, .rwd-separateRow a.download {padding: 4px 35px; font-size: 15px; white-space:nowrap; bottom: 10%;}
  .rwd-separateRow .more:hover a.see-more, .rwd-separateRow .more:hover a.download {bottom: 10%;}
}
@media (max-width: 500px) {
  /* Mobile version concept text adjustment */
  .homestory-item .Button_text_R {right: 5px !important;}
  .homestory-item .Button_text_L {left: 5px !important;}
}
@media (max-width: 450px) {
  /* .slick-slide {max-width: 100%; width: 100%; height: 63vh !important;} 20200730 */
  .slider-image {width: auto; height: 100%; background: center center no-repeat; background-size: cover; cursor: move; /*display: none !important;*/}
  .slider-image.mobile {background-size: cover; /*display: block !important;*/}
  .slick-arrow {display: none !important;}
  .carousel .row .column-3 {padding: 2px 2px 0px 0px;}
  .carousel .row {padding: 0px 0px 2px 2px;}
  .column-3 svg.three {display: none;}
  .carousel .row .column-3 img {margin: 0;}
  .p-0 {padding: 0 !important;}
  .bg-c46 {background: #464646 !important;}
  .footer-bottom {font-size: 10px; margin-left: -2%; padding-bottom: 120px;}
}