/* 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;
}


/* Styles */
* {-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;}
/* body {background: url(/images/common/body.jpg) no-repeat center 103px #000;} Background image */

strong  {font-weight:bold;}
em  {font-style:italic;}

a {color: #FCFCFC; text-decoration: none;}
a:hover {text-decoration: none; color: #F4A600;}

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="radio"] {margin-right: 5px; position: absolute; visibility: hidden;}
input[type="radio"] + label span {background: url("/common/checkbox.png") -38px top no-repeat; cursor: pointer; display: inline-block; margin: -1px 4px 0 0; vertical-align: middle; width: 25px; height: 25px;}
input[type="radio"]:checked + label span {background: url("/common/checkbox.png") -57px top no-repeat;}*/

input[type="email"], input[type="text"], input[type="password"], select, textarea {background-color: #161415; border: 1px solid #444; color: #F4A600; 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;}
select {background-image: url("/common/dd_arrow.png"); background-position: right 5px top 9px; background-repeat: no-repeat; background-size: 10px; padding-top: 4px; padding-right: 20px; padding-bottom: 3px; -moz-appearance: none; -webkit-appearance: none;}
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;}
/* End Global Conditions */

/* 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;}

/*#menuParent  {position:absolute; left:22px; top:80px;}*/
#mainSearch  {position:absolute; right:5px; top:77px; z-index: 1;}
#mainSearch .searchBox  {background-color:#999; border:0px; height:20px; width:150px; font-size:1.10em; padding:0 3px; line-height:20px;}

#navTop {margin: auto; max-width: 1080px; position:relative; height:30px; z-index:1000;}
#navTop #navLeftArrow {position: absolute; left: -75px; top: 40px; cursor: pointer; z-index: 9999;}
#navTop #navRightArrow  {position: absolute; right: -75px; top: 40px; cursor: pointer; z-index: 9999;}
#navTopShare {position:absolute; top:125px; right:-100px; /*height: 135px;*/ text-align:center;}
/* End Header CSS */

/* Global Content CSS */
#EVGAContent  {padding-bottom:1px;}
/* End Global Content CSS */

#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;}

/* 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 0 11px 15px; position: relative; width: 100%; z-index: 2000;}  /* Navigtion menu v1 : margin-top: 20px; padding: 17px 0 15px; */
header.float-over {position: absolute;}
header:after {clear: both; content: " "; display: table;}

.evga-logo-box {float: left; padding: 6px 15px; text-align: right; width: 25%;}  /* Navigtion menu v1 : padding: 0 15px; */
.evga-logo-box img {vertical-align: middle;}

.cbp-hrmenu {font-size: 14px; 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;}
.cbp-hrmenu > ul > li {display: inline-block; }
.cbp-hrmenu > ul > li > a:hover {color: #ffb330;}

.cbp-hrsub {background: rgba(25%, 25%, 25%, 0.90); display: none; position: absolute; left: 0; width: 100%; z-index: 9999;}
.cbp-hrsub h4 {color: #ffb330; font-size: 12px; font-weight: 700; padding: 2em 0 0.6em; margin: 0; text-transform:uppercase;}
.cbp-hropen > a {color: #ffb330;}
.cbp-hropen .cbp-hrsub {display: block; padding-bottom: 3em;}
.cbp-hrsub a {padding: 2px 5px 2px 0;}

.cbp-hrsub-inner {margin: 0 auto; max-width: 70em; width: 100%;}
.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%;}
.cbp-hrsub-inner-column li {font-size: 12px;}
.cbp-hrsub-inner-column  li a {color:#ddd;}
.cbp-hrsub-inner-column  li a:hover {color:#ffb330;}
/*.cbp-hrsub-inner-column a {line-height: 2em;}*/

.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: 25px;}
.cbp-login .cbp-hrsub a:hover {color: #ffb330;}

.menu-subcat {position: relative;}
.menu-subcat:hover {background: #404040; border: 1px solid #FFB300; border-right: none; left: -6px; padding-left: 5px;}
.menu-subcat:hover .subcat-list {display: block;}
.menu-subcat .subcat-list {background: #404040; border: 1px solid #FFB300; display: none; position: absolute; top: -1px; left: 90%; width: 100%; z-index: 1;}
.subcat-list li {padding-left: 16px; position: relative; left: -1px; width: 100%;}
.subcat-list li:first-child {background: #404040; border-left: none;}

.cbp-hrmenu > ul > li.cbp-country {display: none;}
.cbp-country .cbp-hrsub {padding-top: 2em; padding-bottom: 2em;}
.header-country {margin-bottom: 3px;}
/* END Dropdown Menu */

/* Footer */
.footer {background-color: rgb(30,28,29); padding-top: 40px; text-align: center;}
.secure .footer {padding-top: 0;}
.footer-column {display: inline-block; margin-right: 5%; text-align: left; text-transform: uppercase; vertical-align: top;}
.footer-block .footer-column:last-of-type {margin-right: 0;}
.footer-column p {/*display: none;*/ margin-bottom: 4px;}
.footer-column a {color: rgb(153, 153, 153); font-size: 12px; margin-bottom: 5px; /*text-decoration:none; */}
.footer-column a:hover {color: #fff; font-size: 12px; margin-bottom: 5px; text-decoration:none; }
.footer-column .current {display: block; margin-bottom: 20px;}
.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 {background: rgb(60 ,60 ,60 ); border-radius: 2px; color: #fff; display: inline-block; font-size: 28px; line-height: 38px; text-align: center; width: 36px; height: 36px; }
.footer-icons a:hover {background: rgb(100 ,100 ,100);}

.footer-menu {color: #fff; /*margin-bottom: 20px; */ 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;}

.footer-bottom {background: #000; font-size: 12px; padding: 15px 0;}
.footer-bottom a {color: #999; padding-right: 10px; padding-left: 10px; text-decoration: none;}
.footer-bottom a:hover {color: #ffb330;}
.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: #555; display: block; margin-top: 5px;}
/* END Footer */

.search-box {position: absolute; top: 2px; right: 3%; text-align: right; z-index: 2;}
.search-box .input-search {background: url("/common/search-white.png") no-repeat 10px 6px #000; border: none; border-radius: 20px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.2) inset; color: #d7d7d7; font-weight: 700; padding: 5px 15px 5px 35px; transition: all 0.7s ease 0s; width: 150px;}
.search-box .input-search:focus {background: url("/common/search-dark.png") no-repeat 10px 6px #fff; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; color: #F4A600; width: 200px;}
.button-search {position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 0;}
.login-text {cursor: pointer;}
.login-text:hover {color: #F4A600;}

.login-box {margin-top: 3px;}
.login-box .button {margin: 0;}
.login-popup-box {display: none;}
.login-popup {background: rgba(26, 26, 26, 0.8); border: 1px solid #736e71; border-radius: 3px; display: inline-block; margin-top: 3px; padding: 10px 15px;}
.login_arrow {padding: 0 0 2px 6px;}

.ddmenu-box {display: none; margin-top: 10px; margin-right: 25px; text-align: right;}
.ddmenu-button {color: #fff;}

.button  {background-color: #4a4a4a; border: 1px solid #736e71; color: #fff; cursor: pointer; padding: 4px 30px; text-transform: uppercase; vertical-align: middle;}
.button:hover  {background-color: #986700; border: 1px solid #f5ac2f; color: #fff;}

@media (min-width: 1101px)
{
  .cbp-hrmenu > ul {display: block !important;}
  .cbp-hrsub {top: 84px;}
  .footer-column p {width:180px; }
}
@media (max-width: 960px) /*20160608-Modify 1100px > 960px*/
{
  header {margin-top: 0;}
  .evga-logo-box {text-align: left; width: auto;}
  .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;}
  .cbp-hrmenu > ul > li > a {display: block; padding: 25px;}
  .cbp-hrmenu > ul > li.cbp-login, .cbp-hrmenu > ul > li.cbp-country {display: block;}
  .cbp-hrsub {text-align: left;}
  .cbp-hropen .cbp-hrsub {position: relative;}
  .cbp-hrsub-inner-column {float: none; width: 100%;}
  .search-box {display: none; top: 110px;}
  .search-login {display: none;}
  .ddmenu-box {display: block;}
  .evga-logo-box  img{ width:70%; }
  .evga-logo-box {padding:5px 15px 0 11px; }
  .cbp-hrmenu > ul {top:63px;}
  
  .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;}
  .subcat-list li {padding-left: 16px; position: relative; left: 0;}
  .subcat-list li:first-child {background: none;}
}
@media (max-width: 1000px)
{
  .cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner {max-width: 100%; width: 100%;}
}
@media (max-width: 900px)
{
  .footer {padding-top: 20px;}
  .footer-column {margin-right: 0; width: 100%;}
  .footer-column p, .footer-morelink {display: none;}
  .footer-column .current {border-top: 1px solid #444; display: block; padding-top: 20px; text-indent: 30%;}
  .footer-menu {display: block; text-align: center; padding-bottom:20px; }
  .footer-icons {display: none;}
  .footer-column > a {display: none;}
}
@media (max-width: 600px)
{
  /*.footer-bottom ul li {border: none; display: inline-block; font-size:12px; text-align: center; }
  .footer-bottom a {display: inline-block; padding: 5px;}*/
  .footer-bottom ul li {font-size:12px; }
  .footer-bottom a { padding: 8px;}
}
@media (max-width: 450px)
{
  /*.evga-logo-box { margin-left:15%; margin-right:15%;}*/
  .footer-bottom { font-size: 10px; margin-left:-2%; }
}
/*@media (max-width: 414px)
{

  /* header */
  /*header { height:86px; }
  .evga-logo-box {position: absolute; top:10px; left:50%; margin-left:-115px;}
}*/