@charset "UTF-8";
/*@mixin flexbox($value...) {
    inspect($value);
}*/
/* line 5, ../../../../Sass/sass/base/Compass/reset/_utilities.scss */
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../Sass/sass/base/Compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../Sass/sass/base/Compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../Sass/sass/base/Compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../Sass/sass/base/Compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../Sass/sass/base/Compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../Sass/sass/base/Compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../Sass/sass/base/Compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../Sass/sass/base/Compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://fonts.gstatic.com/s/materialicons/v22/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format("woff2");
}
/* line 26, ../../../../Sass/sass/base/_base.scss */
*,
*:before,
*:after {
  box-sizing: border-box;
}

/* line 34, ../../../../Sass/sass/base/Compass/typography/_vertical_rhythm.scss */
html {
  font-size: 100%;
  line-height: 1.5em;
}

/*Mobile font-size*/
/*@mixin pc-width() {
    @media all and (min-width: $ScreenSize-1281) {
        @content;
    }
}*/
/* line 7, ../../../../Sass/sass/base/_footer.scss */
footer {
  background-color: #ffffff;
  color: #666666;
  font-size: 0.9em;
  bottom: 0;
  width: 100%;
  z-index: 999;
}
/* line 16, ../../../../Sass/sass/base/_footer.scss */
footer a {
  color: #666666;
}
/* line 19, ../../../../Sass/sass/base/_footer.scss */
footer a:hover {
  color: #010101;
}
/* line 24, ../../../../Sass/sass/base/_footer.scss */
footer .container-footer {
  margin: 0 auto;
  width: 90%;
  padding-bottom: 5%;
}
/* line 30, ../../../../Sass/sass/base/_footer.scss */
footer .footer-top {
  margin: 2% 0 5% 0;
  font-family: Segoe UI, 'Noto Sans', 'Noto Sans TC', 'Noto Sans SC', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
  src: local("Segoe UI Semilight"), local("Segoe UI");
}
/* line 34, ../../../../Sass/sass/base/_footer.scss */
footer .footer-top .footer-info-area {
  width: 75%;
  display: inline-block;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 34, ../../../../Sass/sass/base/_footer.scss */
  footer .footer-top .footer-info-area {
    width: 77%;
  }
}
/* line 42, ../../../../Sass/sass/base/_footer.scss */
footer .footer-top .footer-info-area .footer-info {
  display: inline-block;
  vertical-align: top;
  padding-top: 2%;
  margin: auto 2em;
  margin-left: 0;
  margin-right: 7%;
}
/* line 50, ../../../../Sass/sass/base/_footer.scss */
footer .footer-top .footer-info-area .footer-info li {
  padding-bottom: 5%;
}
/* line 53, ../../../../Sass/sass/base/_footer.scss */
footer .footer-top .footer-info-area .footer-info li.footer-info-first {
  font-size: 1.38em;
  font-weight: bold;
}
/* line 59, ../../../../Sass/sass/base/_footer.scss */
footer .footer-top .footer-info-area .footer-info .local_customer_number {
  color: #006ac6;
}
/* line 65, ../../../../Sass/sass/base/_footer.scss */
footer .footer-top .footer-info-area .footer-info.isMainCustomized .footer-info-other font {
  color: #006ac6;
}
/* line 73, ../../../../Sass/sass/base/_footer.scss */
footer .footer-top .local_customer {
  font-size: 120%;
}
/* line 78, ../../../../Sass/sass/base/_footer.scss */
footer .footer-bottom {
  margin: auto 0;
}
/* line 81, ../../../../Sass/sass/base/_footer.scss */
footer .footer-bottom div {
  display: inline-block;
}
/* line 84, ../../../../Sass/sass/base/_footer.scss */
footer .footer-bottom div.language {
  font-weight: bold;
  font-family: Segoe UI, 'Noto Sans', 'Noto Sans TC', 'Noto Sans SC', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
  src: local("Segoe UI Semilight"), local("Segoe UI");
}
/* line 88, ../../../../Sass/sass/base/_footer.scss */
footer .footer-bottom div.language img {
  opacity: 0.5;
  max-width: 24px;
  vertical-align: middle;
  display: inherit;
}
/* line 95, ../../../../Sass/sass/base/_footer.scss */
footer .footer-bottom div.language a {
  vertical-align: middle;
  font-size: 130%;
}
/* line 101, ../../../../Sass/sass/base/_footer.scss */
footer .footer-bottom div.language:hover img {
  opacity: 1;
}
/* line 105, ../../../../Sass/sass/base/_footer.scss */
footer .footer-bottom div.language:hover a {
  color: #010101;
}
/* line 111, ../../../../Sass/sass/base/_footer.scss */
footer .footer-bottom div.copy-right {
  color: #666666;
  float: right;
  font-weight: bold;
  font-size: 80%;
  font-family: Segoe UI, 'Noto Sans', 'Noto Sans TC', 'Noto Sans SC', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
  src: local("Segoe UI Semilight"), local("Segoe UI");
}
/* line 118, ../../../../Sass/sass/base/_footer.scss */
footer .footer-bottom div.copy-right span {
  margin: auto 0.2em;
}
/* line 121, ../../../../Sass/sass/base/_footer.scss */
footer .footer-bottom div.copy-right span a {
  text-decoration: underline;
}
/* line 128, ../../../../Sass/sass/base/_footer.scss */
footer .footer-bottom > .footer-cn {
  display: none;
}
/* line 134, ../../../../Sass/sass/base/_footer.scss */
footer .footer-sns {
  margin-right: inherit;
  display: inline-block;
  text-align: right;
  width: 23%;
  float: right;
}
/* line 141, ../../../../Sass/sass/base/_footer.scss */
footer .footer-sns .social-btn {
  border: 1px solid #666666;
  border-radius: 99em;
  background: inherit;
  height: 30px;
  width: 30px;
  font-size: 1.5em;
  text-align: center;
  line-height: 1.5em;
  display: inline-block;
  margin: 8px;
}
/* line 154, ../../../../Sass/sass/base/_footer.scss */
footer .footer-sns .social-btn img {
  width: 90%;
  opacity: 0.7;
  margin-top: 3%;
  display: inherit;
}
/* line 161, ../../../../Sass/sass/base/_footer.scss */
footer .footer-sns .social-btn:hover {
  border: 1px solid #111111;
}
/* line 164, ../../../../Sass/sass/base/_footer.scss */
footer .footer-sns .social-btn:hover img {
  opacity: 1;
}
/* line 171, ../../../../Sass/sass/base/_footer.scss */
footer .sns-slider {
  background-color: #f2f2f2;
  margin: 0 auto;
  width: 72%;
  position: relative;
  z-index: 1000;
  display: inherit;
}
/* line 180, ../../../../Sass/sass/base/_footer.scss */
footer .sns-slider-Content {
  border: 1px solid #c6c6c6;
  background-color: #f2f2f2;
  position: absolute;
  right: 0;
  padding: 0.1%;
  display: none;
}
/* line 188, ../../../../Sass/sass/base/_footer.scss */
footer .sns-slider-Content .sns-Item {
  margin: 4%;
}
/* line 191, ../../../../Sass/sass/base/_footer.scss */
footer .sns-slider-Content .sns-Item .social-btn {
  border: 1px solid #666666;
  border-radius: 99em;
  width: 30px;
  height: 30px;
  font-size: 1.5em;
  text-align: center;
  line-height: 1.5em;
  display: inline-block;
  vertical-align: middle;
}
/* line 202, ../../../../Sass/sass/base/_footer.scss */
footer .sns-slider-Content .sns-Item .social-btn img {
  width: 90%;
  opacity: 0.7;
  margin-top: 3%;
}
/* line 212, ../../../../Sass/sass/base/_footer.scss */
footer .sns-slider-Content .sns-Item a:hover .social-btn img {
  opacity: 1;
}
/* line 220, ../../../../Sass/sass/base/_footer.scss */
footer .sns-slider-Content span {
  margin: 0 3%;
}

/* line 229, ../../../../Sass/sass/base/_footer.scss */
.Rwd footer {
  min-width: 100%;
}

/*rtl footer start----*/
/* line 242, ../../../../Sass/sass/base/_footer.scss */
.topBg.RTL footer .container-footer .footer-top .footer-info-area .footer-info {
  margin-left: 7%;
  margin-right: 0;
}
/* line 249, ../../../../Sass/sass/base/_footer.scss */
.topBg.RTL footer .container-footer .footer-top ul.footer-sns {
  margin-right: 0%;
  margin-left: 0%;
  float: left;
}
/* line 254, ../../../../Sass/sass/base/_footer.scss */
.topBg.RTL footer .container-footer .footer-top ul.footer-sns .social-btn {
  float: left;
}
/* line 263, ../../../../Sass/sass/base/_footer.scss */
.topBg.RTL footer .container-footer .footer-bottom div.language {
  float: right;
}
/* line 266, ../../../../Sass/sass/base/_footer.scss */
.topBg.RTL footer .container-footer .footer-bottom div.language img {
  display: inline-block;
}
/* line 271, ../../../../Sass/sass/base/_footer.scss */
.topBg.RTL footer .container-footer .footer-bottom div.copy-right {
  float: left;
}

/*rtl footer end----*/
@media (max-width: 1600px) and (min-width: 961px) {
  /* line 285, ../../../../Sass/sass/base/_footer.scss */
  footer .sns-slider {
    width: 86%;
  }
}
@media only screen and (max-width: 960px) {
  /* line 294, ../../../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-top {
    text-align: left;
    margin: 10% 0;
  }
  /* line 298, ../../../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-top .footer-info-area {
    width: 100%;
  }
  /* line 301, ../../../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-top .footer-info-area .footer-info {
    width: 100%;
    margin: 0px 0px;
    padding-bottom: inherit;
  }
  /* line 306, ../../../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-top .footer-info-area .footer-info li {
    padding: 0;
    padding-bottom: 7px;
    text-align: center;
  }
  /* line 311, ../../../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-top .footer-info-area .footer-info li.footer-info-other {
    display: none;
  }
  /* line 316, ../../../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-top .footer-info-area .footer-info.local_customer {
    display: none;
  }
  /* line 322, ../../../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-top .footer-info-area .footer-info.isMainCustomized li.footer-info-first {
    display: none;
  }
  /* line 326, ../../../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-top .footer-info-area .footer-info.isMainCustomized li.footer-info-other {
    display: block;
  }
  /* line 334, ../../../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-top .footer-sns {
    display: none;
  }
  /* line 340, ../../../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-cn-PC {
    display: none;
  }
  /* line 344, ../../../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-bottom {
    margin: 0px 0px;
    text-align: center;
  }
  /* line 348, ../../../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-bottom > .footer-cn {
    display: block;
  }
  /* line 353, ../../../../Sass/sass/base/_footer.scss */
  .Rwd footer .copy-right {
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }
  /* line 358, ../../../../Sass/sass/base/_footer.scss */
  .Rwd footer .copy-right .policy-area {
    display: block;
  }
  /* line 362, ../../../../Sass/sass/base/_footer.scss */
  .Rwd footer .copy-right .policy-area span.separate {
    display: none;
  }
  /* line 378, ../../../../Sass/sass/base/_footer.scss */
  .Rwd.RTL footer .container-footer div.footer-top div.footer-info-area > div.footer-info {
    margin-left: 0;
  }
  /* line 388, ../../../../Sass/sass/base/_footer.scss */
  .Rwd.RTL footer .container-footer div.footer-bottom div.language {
    float: unset;
  }
  /* line 392, ../../../../Sass/sass/base/_footer.scss */
  .Rwd.RTL footer .container-footer div.footer-bottom div.copy-right {
    float: unset;
  }
  /* line 396, ../../../../Sass/sass/base/_footer.scss */
  .Rwd.RTL footer .container-footer div.footer-bottom div.copy-right span.policy-area {
    float: unset;
  }
  /* line 399, ../../../../Sass/sass/base/_footer.scss */
  .Rwd.RTL footer .container-footer div.footer-bottom div.copy-right span.policy-area span {
    float: unset;
  }
}
/* line 15, ../../../../Sass/sass/base/_common.scss */
html,
body {
  height: 100%;
}

/* line 21, ../../../../Sass/sass/base/_common.scss */
.topBg {
  min-height: 100%;
  position: relative;
}

/* line 26, ../../../../Sass/sass/base/_common.scss */
.fake-body {
  position: relative;
}

/* line 30, ../../../../Sass/sass/base/_common.scss */
body {
  color: #FFFFFF;
  margin: 0;
  font-family: 'Arial', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
}

/* line 36, ../../../../Sass/sass/base/_common.scss */
a {
  color: #1E5BF6;
  /*#1d6cfe;/*#3399ff;/*#428bca;*/
  text-decoration: none;
}
/* line 41, ../../../../Sass/sass/base/_common.scss */
a:hover {
  text-decoration: none;
  color: #1E5BF6;
}

/* line 48, ../../../../Sass/sass/base/_common.scss */
b,
strong {
  font-weight: bold;
}

/* line 53, ../../../../Sass/sass/base/_common.scss */
.ajax-loading {
  width: 100% !important;
  left: 0 !important;
  text-align: center !important;
}
/* line 58, ../../../../Sass/sass/base/_common.scss */
.ajax-loading img {
  width: 60px !important;
}

/* line 63, ../../../../Sass/sass/base/_common.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 71, ../../../../Sass/sass/base/_common.scss */
sup {
  top: -0.5em;
}

/* line 75, ../../../../Sass/sass/base/_common.scss */
sub {
  bottom: -0.25em;
}

/* line 79, ../../../../Sass/sass/base/_common.scss */
.scroll-style {
  height: 100%;
  overflow: auto;
  position: relative;
  display: none;
}

/* line 86, ../../../../Sass/sass/base/_common.scss */
.main-content-background {
  background-color: #FFFFFF;
  /*color: $blackColor;*/
  color: #434343;
  overflow: hidden;
  position: relative;
}

/* line 94, ../../../../Sass/sass/base/_common.scss */
.container,
.container-header,
.container-footer {
  /*padding: {
      right: 15px;
      left: 15px;
  }*/
  margin-left: auto;
  margin-right: auto;
  /*max-width: ($maxContentWidth/$maxScreenWidth)*100%;*/
  max-width: 74%;
}
/* line 110, ../../../../Sass/sass/base/_common.scss */
.container:before, .container:after,
.container-header:before,
.container-header:after,
.container-footer:before,
.container-footer:after {
  display: table;
  content: " ";
}
/* line 116, ../../../../Sass/sass/base/_common.scss */
.container:after,
.container-header:after,
.container-footer:after {
  clear: both;
}

/* line 121, ../../../../Sass/sass/base/_common.scss */
#header-bar {
  margin-bottom: 0;
  z-index: 100002;
}

/* line 126, ../../../../Sass/sass/base/_common.scss */
.hide {
  display: none;
}

/* line 130, ../../../../Sass/sass/base/_common.scss */
.show {
  display: block;
}

/* line 134, ../../../../Sass/sass/base/_common.scss */
.red {
  color: red;
}

/* line 138, ../../../../Sass/sass/base/_common.scss */
.clear {
  clear: both;
}

/* line 142, ../../../../Sass/sass/base/_common.scss */
.float-left {
  float: left;
}

/* line 146, ../../../../Sass/sass/base/_common.scss */
.float-right {
  float: right;
}

/* line 150, ../../../../Sass/sass/base/_common.scss */
.SearchAutoComplete {
  max-height: inherit !important;
  background-color: #666 !important;
  color: #fff !important;
  line-height: 123% !important;
  border: initial !important;
  overflow-y: hidden !important;
}
/* line 160, ../../../../Sass/sass/base/_common.scss */
.SearchAutoComplete li div.ui-state-active {
  background-color: #000 !important;
  border: 1px solid #000 !important;
}

/* line 170, ../../../../Sass/sass/base/_common.scss */
input[type="text"] {
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  height: 30px;
  width: 160px;
  padding: 5px 5px 5px 5px;
  outline: none;
  font-family: 'Arial', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
}

/* line 181, ../../../../Sass/sass/base/_common.scss */
textarea {
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  padding: 5px 5px 5px 5px;
  outline: none;
  font-family: 'Arial', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
}

/* line 190, ../../../../Sass/sass/base/_common.scss */
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 1px solid #b3b3b3;
  background-image: url(/Images/select_bg.jpg);
  background-size: cover;
  border-radius: 3px;
  min-width: 160px;
  min-height: 30px;
  outline: none;
  background-position: right center;
  padding: 0 10px;
  cursor: pointer;
  padding-right: 30px;
  font-family: 'Arial', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
}

/* line 207, ../../../../Sass/sass/base/_common.scss */
select::-ms-expand {
  display: none;
}

/* line 211, ../../../../Sass/sass/base/_common.scss */
.mt-customer-selector-layout {
  position: relative;
}
/* line 214, ../../../../Sass/sass/base/_common.scss */
.mt-customer-selector-layout select {
  opacity: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  min-width: 160px;
  padding-right: 30px;
  position: absolute;
  width: 100%;
}
/* line 223, ../../../../Sass/sass/base/_common.scss */
.mt-customer-selector-layout .csutomer-select {
  font-size: 95%;
}
/* line 226, ../../../../Sass/sass/base/_common.scss */
.mt-customer-selector-layout .csutomer-select span {
  color: #000000;
}

/*BTN Page*/
/* line 234, ../../../../Sass/sass/base/_common.scss */
.btn-group-next, .btn-group-prev {
  text-align: center;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  background-size: cover;
}

/* line 246, ../../../../Sass/sass/base/_common.scss */
.btn-group-next:hover, .btn-group-prev:hover {
  background-color: #2c58c8;
  border: 1px solid #3333cc;
}

/* line 251, ../../../../Sass/sass/base/_common.scss */
.btn-group-next {
  background-image: url("/Images/next_btn.png");
}

/* line 256, ../../../../Sass/sass/base/_common.scss */
.btn-group-next:hover {
  background-image: url("/Images/wh_next_btn_hover.png");
}

/* line 261, ../../../../Sass/sass/base/_common.scss */
.btn-group-prev {
  background-image: url("/Images/pre_btn.png");
}

/* line 267, ../../../../Sass/sass/base/_common.scss */
.btn-group-prev:hover {
  background-image: url("/Images/wh_pre_btn_hover.png");
}

/* line 272, ../../../../Sass/sass/base/_common.scss */
.overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1010;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
}

/* line 284, ../../../../Sass/sass/base/_common.scss */
.paging {
  display: inline-block;
  width: 100%;
  padding-top: 10px;
}
/* line 289, ../../../../Sass/sass/base/_common.scss */
.paging a {
  display: inline-block;
}
/* line 298, ../../../../Sass/sass/base/_common.scss */
.paging .totalItem {
  float: left;
}
/* line 302, ../../../../Sass/sass/base/_common.scss */
.paging .paging-result {
  float: left;
}
/* line 306, ../../../../Sass/sass/base/_common.scss */
.paging .paging-nav {
  float: right;
}
/* line 309, ../../../../Sass/sass/base/_common.scss */
.paging .paging-nav .navpageinp,
.paging .paging-nav #navpageinp {
  width: 36px;
  height: 20px;
  padding: 2px;
}

/* line 319, ../../../../Sass/sass/base/_common.scss */
.btn {
  display: inline-block;
  padding: 0.2em 1em;
  background-color: #1E5BF6;
  color: #ffffff;
  padding: 0.3em 1.5em;
  min-width: 100px;
  border-radius: 2px;
  cursor: pointer;
}

/* line 330, ../../../../Sass/sass/base/_common.scss */
.grey {
  color: #F5F5F5;
}

/*SearchBtn*/
/* line 335, ../../../../Sass/sass/base/_common.scss */
.SearchBtn {
  vertical-align: middle;
  height: 30px;
  width: 30px;
  display: inline-block;
  border: 1px solid #b3b3b3;
  cursor: pointer;
  border-radius: 5px;
  background: url(/Images/search-128.png) center no-repeat;
  background-size: 70%;
  margin: 0 13px;
  cursor: pointer;
}

/* line 349, ../../../../Sass/sass/base/_common.scss */
.SearchBtn:hover {
  box-shadow: -1px 0px 8px -2px #ccc;
}

/* line 353, ../../../../Sass/sass/base/_common.scss */
.SearchBtn:active {
  box-shadow: inset -1px 4px 4px 0px #ccc;
}

/* line 357, ../../../../Sass/sass/base/_common.scss */
.page-title {
  font-weight: bold;
}

/* line 361, ../../../../Sass/sass/base/_common.scss */
.ProductFilterItemSetGray {
  background-color: #cccccc;
  cursor: pointer;
}

/* line 371, ../../../../Sass/sass/base/_common.scss */
#ProductFilterChildSetHover a {
  color: #1d6cfe;
}

/* line 377, ../../../../Sass/sass/base/_common.scss */
.paging-bottom .totalItem {
  display: none;
}

/* line 386, ../../../../Sass/sass/base/_common.scss */
.Content-TopArea .breadArea .breadcrumb,
.Content-TopArea .breadArea .bread {
  padding: 0.5% 5%;
}
/* line 391, ../../../../Sass/sass/base/_common.scss */
.Content-TopArea .breadArea .bread {
  overflow: auto;
  -ms-overflow-style: none;
  z-index: 1;
  background-color: #EEEEEE;
  position: relative;
  font-family: Segoe UI, 'Noto Sans', 'Noto Sans TC', 'Noto Sans SC', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
  src: local("Segoe UI Semilight"), local("Segoe UI");
}
/* line 401, ../../../../Sass/sass/base/_common.scss */
.Content-TopArea .breadArea .bread .bread-Link, .Content-TopArea .breadArea .bread .bread-Icon {
  display: table-cell;
  vertical-align: middle;
}
/* line 409, ../../../../Sass/sass/base/_common.scss */
.Content-TopArea .breadArea .bread .bread-Link a,
.Content-TopArea .breadArea .bread .bread-Link span {
  display: block;
  word-wrap: unset;
  white-space: nowrap;
  color: #423F3F;
  font-weight: initial;
  font-size: 0.9vw;
  line-height: 1.1vw;
}
@media screen and (max-width: 960px) {
  /* line 409, ../../../../Sass/sass/base/_common.scss */
  .Content-TopArea .breadArea .bread .bread-Link a,
  .Content-TopArea .breadArea .bread .bread-Link span {
    font-size: 14.5px;
  }
}
/* line 426, ../../../../Sass/sass/base/_common.scss */
.Content-TopArea .breadArea .bread .bread-Link a:hover,
.Content-TopArea .breadArea .bread .bread-Link span:hover {
  text-decoration: none;
}
/* line 433, ../../../../Sass/sass/base/_common.scss */
.Content-TopArea .breadArea .bread .bread-Link a:hover,
.Content-TopArea .breadArea .bread .bread-Link span:not(.noHover):hover {
  text-decoration: none;
}
/* line 439, ../../../../Sass/sass/base/_common.scss */
.Content-TopArea .breadArea .bread .bread-Icon {
  height: 20px;
  padding: 0px 5px;
}
/* line 443, ../../../../Sass/sass/base/_common.scss */
.Content-TopArea .breadArea .bread .bread-Icon img {
  height: 100%;
  width: auto;
  vertical-align: middle;
}
/* line 453, ../../../../Sass/sass/base/_common.scss */
.Content-TopArea .breadArea .bread .whiteFont a,
.Content-TopArea .breadArea .bread .whiteFont span {
  color: #FFF;
}

/* line 462, ../../../../Sass/sass/base/_common.scss */
#PageMainContent {
  min-width: 1007px;
  min-height: 670px;
}

/* line 468, ../../../../Sass/sass/base/_common.scss */
.Rwd #PageMainContent {
  min-width: 100%;
}

/* line 473, ../../../../Sass/sass/base/_common.scss */
#policy-div {
  position: fixed;
  bottom: 0;
}
/* line 478, ../../../../Sass/sass/base/_common.scss */
#policy-div .policy-div-sub .policy-div-txt {
  font-family: Segoe UI, 'Noto Sans', 'Noto Sans TC', 'Noto Sans SC', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
  src: local("Segoe UI Semilight"), local("Segoe UI");
  font-size: 1vw;
}
/* line 484, ../../../../Sass/sass/base/_common.scss */
#policy-div .policy-div-sub #policy-close img {
  background-color: #FFFFFF29;
  padding: 0.2vw;
  margin-top: 2px;
}
/* line 490, ../../../../Sass/sass/base/_common.scss */
#policy-div .policy-div-sub #policy-close::after {
  content: "";
  background: #FFFFFF8C;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 5px;
}
/* line 501, ../../../../Sass/sass/base/_common.scss */
#policy-div .policy-div-sub #policy-close:hover path {
  fill: #de5b78;
}
/* line 505, ../../../../Sass/sass/base/_common.scss */
#policy-div .policy-div-sub #policy-close:hover::after {
  content: "";
  background: transparent linear-gradient(90deg, #41bbfb 0%, #2cdd95 100%) 0% 0% no-repeat padding-box;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 5px;
}

@media (max-width: 1024px) and (min-width: 961px) {
  /* line 520, ../../../../Sass/sass/base/_common.scss */
  .container {
    max-width: 80%;
  }
}
@media (max-width: 1600px) and (min-width: 1211px) {
  /* line 526, ../../../../Sass/sass/base/_common.scss */
  .container {
    max-width: 88%;
    min-width: 88%;
  }
}
@media (min-width: 961px) and (max-width: 1210px) {
  /* line 535, ../../../../Sass/sass/base/_common.scss */
  .container {
    max-width: 92%;
    min-width: 92%;
  }

  /* line 542, ../../../../Sass/sass/base/_common.scss */
  #policy-div .policy-div-sub .policy-div-txt {
    max-width: 95% !important;
  }
}
@media screen and (max-width: 960px) {
  /* line 551, ../../../../Sass/sass/base/_common.scss */
  body.lockScroll {
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden;
    -webkit-overflow-scrolling: auto;
  }

  /* line 562, ../../../../Sass/sass/base/_common.scss */
  .Rwd #PageMainContent {
    min-height: 400px;
  }
  /* line 568, ../../../../Sass/sass/base/_common.scss */
  .Rwd #PageMainContent.header-scrolling.FrontIndex {
    padding-top: 0;
  }
  /* line 573, ../../../../Sass/sass/base/_common.scss */
  .Rwd #PageMainContent.NotCoverHeader {
    padding-top: 96px;
  }
  /* line 579, ../../../../Sass/sass/base/_common.scss */
  .Rwd .overlay.active {
    display: block;
  }
  /* line 584, ../../../../Sass/sass/base/_common.scss */
  .Rwd #policy-div {
    background-color: #000000f2;
    margin: 0 2% 2% 2%;
    width: initial !important;
  }
  /* line 590, ../../../../Sass/sass/base/_common.scss */
  .Rwd #policy-div .policy-div-sub .policy-div-txt {
    line-height: 19px !important;
    overflow-y: scroll;
    max-height: 110px;
    max-width: 83% !important;
    padding: 2px 0;
    font-size: 100%;
  }
  /* line 599, ../../../../Sass/sass/base/_common.scss */
  .Rwd #policy-div .policy-div-sub #policy-close {
    min-width: 66px !important;
  }
  /* line 602, ../../../../Sass/sass/base/_common.scss */
  .Rwd #policy-div .policy-div-sub #policy-close img {
    background-color: #FFFFFF29;
    padding: 7px;
    margin-top: 2px;
    max-width: 66px !important;
  }
  /* line 609, ../../../../Sass/sass/base/_common.scss */
  .Rwd #policy-div .policy-div-sub #policy-close::after {
    content: "";
    background: transparent linear-gradient(90deg, #41bbfb 0%, #2cdd95 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 5px;
  }
  /* line 621, ../../../../Sass/sass/base/_common.scss */
  .Rwd #policy-div.showMobileMenu, .Rwd #policy-div.showSearch {
    display: none;
  }
  /* line 626, ../../../../Sass/sass/base/_common.scss */
  .Rwd #policy-div.scrolling {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  /* line 637, ../../../../Sass/sass/base/_common.scss */
  .Rwd #policy-div .policy-div-sub .policy-div-txt {
    max-width: 80% !important;
  }
  /* line 641, ../../../../Sass/sass/base/_common.scss */
  .Rwd #policy-div .policy-div-sub #policy-close {
    right: 20px !important;
  }
}
@media screen and (max-width: 320px) {
  /* line 653, ../../../../Sass/sass/base/_common.scss */
  .Rwd #policy-div .policy-div-sub .policy-div-txt {
    max-width: 73% !important;
  }
}
/*No rwd start*/
/* line 663, ../../../../Sass/sass/base/_common.scss */
.topBg.NoRwd {
  min-width: 1280px;
}

@media only screen and (max-width: 960px) {
  /* line 670, ../../../../Sass/sass/base/_common.scss */
  .topBg.NoRwd {
    min-width: 1280px;
  }
  /* line 677, ../../../../Sass/sass/base/_common.scss */
  .topBg.NoRwd #header-bar .container .navbar-header ul.content-menu {
    width: 50%;
    margin: 0 auto;
    display: block;
  }
}
/*No rwd end*/
/* new GoTopIcon / mailIcon*/
/* line 731, ../../../../Sass/sass/base/_common.scss */
.LowerRightCorner svg.goTopIcon, .LowerRightCorner svg.mailIcon, .LowerRightCorner svg.EmailIcon {
  display: block;
  width: 3.4vW;
  height: 3.4vW;
}
@media screen and (max-width: 960px) {
  /* line 731, ../../../../Sass/sass/base/_common.scss */
  .LowerRightCorner svg.goTopIcon, .LowerRightCorner svg.mailIcon, .LowerRightCorner svg.EmailIcon {
    width: 40px;
    height: 40px;
  }
}
/* line 745, ../../../../Sass/sass/base/_common.scss */
.LowerRightCorner svg.goTopIcon .a {
  fill: rgba(66, 63, 63, 0);
}
/* line 749, ../../../../Sass/sass/base/_common.scss */
.LowerRightCorner svg.goTopIcon .b {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 5px;
}
/* line 757, ../../../../Sass/sass/base/_common.scss */
.LowerRightCorner svg.goTopIcon, .LowerRightCorner svg.mailIcon, .LowerRightCorner svg.EmailIcon {
  background-color: rgba(51, 51, 51, 0.5);
}
/* line 765, ../../../../Sass/sass/base/_common.scss */
.LowerRightCorner svg.mailIcon .a, .LowerRightCorner svg.EmailIcon .a {
  fill: rgba(66, 63, 63, 0);
}
/* line 769, ../../../../Sass/sass/base/_common.scss */
.LowerRightCorner svg.mailIcon .b,
.LowerRightCorner svg.mailIcon .c, .LowerRightCorner svg.EmailIcon .b,
.LowerRightCorner svg.EmailIcon .c {
  fill: none;
  stroke: #fff;
  stroke-width: 4px;
}
/* line 776, ../../../../Sass/sass/base/_common.scss */
.LowerRightCorner svg.mailIcon .b, .LowerRightCorner svg.EmailIcon .b {
  stroke-miterlimit: 10;
}

@-webkit-keyframes menuOpenFirst {
  0% {
    top: 0px;
    transform: rotate(0deg);
  }
  50% {
    top: 7.3px;
    transform: rotate(0deg);
    border-radius: 0px;
  }
  100% {
    top: 7.3px;
    transform: rotate(45deg);
    border-radius: 0px;
  }
}
@-moz-keyframes menuOpenFirst {
  0% {
    top: 0px;
    transform: rotate(0deg);
  }
  50% {
    top: 7.3px;
    transform: rotate(0deg);
    border-radius: 0px;
  }
  100% {
    top: 7.3px;
    transform: rotate(45deg);
    border-radius: 0px;
  }
}
@-ms-keyframes menuOpenFirst {
  0% {
    top: 0px;
    transform: rotate(0deg);
  }
  50% {
    top: 7.3px;
    transform: rotate(0deg);
    border-radius: 0px;
  }
  100% {
    top: 7.3px;
    transform: rotate(45deg);
    border-radius: 0px;
  }
}
@keyframes menuOpenFirst {
  0% {
    top: 0px;
    transform: rotate(0deg);
  }
  50% {
    top: 7.3px;
    transform: rotate(0deg);
    border-radius: 0px;
  }
  100% {
    top: 7.3px;
    transform: rotate(45deg);
    border-radius: 0px;
  }
}
@-webkit-keyframes menuOpenSecond {
  0% {
    opacity: 1;
    top: 7.3px;
  }
  50% {
    opacity: 1;
    top: 7.3px;
  }
  51% {
    top: 7.3px;
    opacity: 0;
  }
  100% {
    opacity: 0;
    top: 7.3px;
  }
}
@-moz-keyframes menuOpenSecond {
  0% {
    opacity: 1;
    top: 7.3px;
  }
  50% {
    opacity: 1;
    top: 7.3px;
  }
  51% {
    top: 7.3px;
    opacity: 0;
  }
  100% {
    opacity: 0;
    top: 7.3px;
  }
}
@-ms-keyframes menuOpenSecond {
  0% {
    opacity: 1;
    top: 7.3px;
  }
  50% {
    opacity: 1;
    top: 7.3px;
  }
  51% {
    top: 7.3px;
    opacity: 0;
  }
  100% {
    opacity: 0;
    top: 7.3px;
  }
}
@keyframes menuOpenSecond {
  0% {
    opacity: 1;
    top: 7.3px;
  }
  50% {
    opacity: 1;
    top: 7.3px;
  }
  51% {
    top: 7.3px;
    opacity: 0;
  }
  100% {
    opacity: 0;
    top: 7.3px;
  }
}
@-webkit-keyframes menuOpenThird {
  0% {
    top: 14px;
    transform: rotate(0deg);
  }
  50% {
    top: 7.3px;
    transform: rotate(0deg);
    border-radius: 0px;
  }
  100% {
    top: 7.3px;
    transform: rotate(-45deg);
    border-radius: 0px;
  }
}
@-moz-keyframes menuOpenThird {
  0% {
    top: 14px;
    transform: rotate(0deg);
  }
  50% {
    top: 7.3px;
    transform: rotate(0deg);
    border-radius: 0px;
  }
  100% {
    top: 7.3px;
    transform: rotate(-45deg);
    border-radius: 0px;
  }
}
@-ms-keyframes menuOpenThird {
  0% {
    top: 14px;
    transform: rotate(0deg);
  }
  50% {
    top: 7.3px;
    transform: rotate(0deg);
    border-radius: 0px;
  }
  100% {
    top: 7.3px;
    transform: rotate(-45deg);
    border-radius: 0px;
  }
}
@keyframes menuOpenThird {
  0% {
    top: 14px;
    transform: rotate(0deg);
  }
  50% {
    top: 7.3px;
    transform: rotate(0deg);
    border-radius: 0px;
  }
  100% {
    top: 7.3px;
    transform: rotate(-45deg);
    border-radius: 0px;
  }
}
@-webkit-keyframes menuCloseFirst {
  0% {
    top: 7.3px;
    transform: rotate(45deg);
    border-radius: 0px;
  }
  50% {
    top: 7.3px;
    transform: rotate(0deg);
    border-radius: 0px;
  }
  100% {
    top: 0px;
    transform: rotate(0deg);
  }
}
@-moz-keyframes menuCloseFirst {
  0% {
    top: 7.3px;
    transform: rotate(45deg);
    border-radius: 0px;
  }
  50% {
    top: 7.3px;
    transform: rotate(0deg);
    border-radius: 0px;
  }
  100% {
    top: 0px;
    transform: rotate(0deg);
  }
}
@-ms-keyframes menuCloseFirst {
  0% {
    top: 7.3px;
    transform: rotate(45deg);
    border-radius: 0px;
  }
  50% {
    top: 7.3px;
    transform: rotate(0deg);
    border-radius: 0px;
  }
  100% {
    top: 0px;
    transform: rotate(0deg);
  }
}
@keyframes menuCloseFirst {
  0% {
    top: 7.3px;
    transform: rotate(45deg);
    border-radius: 0px;
  }
  50% {
    top: 7.3px;
    transform: rotate(0deg);
    border-radius: 0px;
  }
  100% {
    top: 0px;
    transform: rotate(0deg);
  }
}
@-webkit-keyframes menuCloseSecond {
  0% {
    opacity: 0;
    top: 7.3px;
  }
  50% {
    opacity: 1;
    top: 7.3px;
  }
  51% {
    top: 7.3px;
    opacity: 1;
  }
  100% {
    opacity: 1;
    top: 7.3px;
  }
}
@-moz-keyframes menuCloseSecond {
  0% {
    opacity: 0;
    top: 7.3px;
  }
  50% {
    opacity: 1;
    top: 7.3px;
  }
  51% {
    top: 7.3px;
    opacity: 1;
  }
  100% {
    opacity: 1;
    top: 7.3px;
  }
}
@-ms-keyframes menuCloseSecond {
  0% {
    opacity: 0;
    top: 7.3px;
  }
  50% {
    opacity: 1;
    top: 7.3px;
  }
  51% {
    top: 7.3px;
    opacity: 1;
  }
  100% {
    opacity: 1;
    top: 7.3px;
  }
}
@keyframes menuCloseSecond {
  0% {
    opacity: 0;
    top: 7.3px;
  }
  50% {
    opacity: 1;
    top: 7.3px;
  }
  51% {
    top: 7.3px;
    opacity: 1;
  }
  100% {
    opacity: 1;
    top: 7.3px;
  }
}
@-webkit-keyframes menuCloseThird {
  0% {
    top: 7.3px;
    transform: rotate(-45deg);
    border-radius: 0px;
  }
  50% {
    top: 7.3px;
    transform: rotate(0deg);
    border-radius: 0px;
  }
  100% {
    top: 14px;
    transform: rotate(0deg);
  }
}
@-moz-keyframes menuCloseThird {
  0% {
    top: 7.3px;
    transform: rotate(-45deg);
    border-radius: 0px;
  }
  50% {
    top: 7.3px;
    transform: rotate(0deg);
    border-radius: 0px;
  }
  100% {
    top: 14px;
    transform: rotate(0deg);
  }
}
@-ms-keyframes menuCloseThird {
  0% {
    top: 7.3px;
    transform: rotate(-45deg);
    border-radius: 0px;
  }
  50% {
    top: 7.3px;
    transform: rotate(0deg);
    border-radius: 0px;
  }
  100% {
    top: 14px;
    transform: rotate(0deg);
  }
}
@keyframes menuCloseThird {
  0% {
    top: 7.3px;
    transform: rotate(-45deg);
    border-radius: 0px;
  }
  50% {
    top: 7.3px;
    transform: rotate(0deg);
    border-radius: 0px;
  }
  100% {
    top: 14px;
    transform: rotate(0deg);
  }
}
/*black word menu start*/
/*black word menu end*/
/*white word menu start*/
/*white word menu end*/
/*menu sticky on top end*/
/*menu sticky on top end*/
/* line 491, ../../../../Sass/sass/base/Header/_base.scss */
a.noUrlLink {
  cursor: auto !important;
}

/* line 497, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar {
  position: relative;
  background-image: url(/Images/2017NewFront/headerbackground_black.png);
  background-size: 1px 101%;
  background-repeat: repeat;
  width: 100%;
  padding-right: 5%;
  padding-left: 5%;
  font-family: Segoe UI, 'Noto Sans', 'Noto Sans TC', 'Noto Sans SC', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
  src: local("Segoe UI Semilight"), local("Segoe UI");
}
/* line 350, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header #menu-main > .menu-level-1 > .content-menu a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
/* line 354, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header #menu-main > .menu-level-1 > .content-menu a .menuLevel1-arrow {
  padding: 0 0.42vw;
  display: inline-block;
}
/* line 359, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header #menu-main > .menu-level-1 > .content-menu a .menuLevel1-arrow svg.arrow-down {
  width: 0.42vw;
  height: 0.42vw;
}
/* line 364, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header #menu-main > .menu-level-1 > .content-menu a .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: rgba(255, 255, 255, 0.7);
}
/* line 370, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header #menu-main > .menu-level-1 > .content-menu a:hover {
  color: white;
}
/* line 375, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header #menu-main > .menu-level-1 > .content-menu a:hover .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: white;
}
/* line 390, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header .content-other div.content-other-items > div a {
  color: #ffffff;
}
/* line 394, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header .content-other div.content-other-items > div a img.black_img {
  display: none;
}
/* line 398, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header .content-other div.content-other-items > div a img.white_img {
  display: block;
}
/* line 406, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header .content-other div.content-other-items > div.search img.black_img {
  display: none;
}
/* line 410, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header .content-other div.content-other-items > div.search img.white_img {
  display: block;
}
/* line 417, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search #full-search-keyword {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
/* line 426, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search span.close > span.first, .topBg #header-bar .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search span.close > span.second {
  background: #ffffff;
}
/* line 445, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header .content-logo img#original_logo_black {
  display: none;
}
/* line 449, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header .content-logo img#original_logo_white {
  display: block;
}
/* line 459, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #ffffff;
}
@media screen and (max-width: 960px) {
  /* line 497, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar {
    z-index: 99999;
  }
}
/* line 513, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .container-header {
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: initial;
}
@media screen and (max-width: 960px) {
  /* line 513, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar .container-header {
    box-shadow: 0px -1px 6px rgba(0, 0, 0, 0.16);
    padding: 0 15px;
  }
}
/* line 526, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .cnAd {
  top: 0;
  position: absolute;
  right: 23px;
  height: 100%;
  display: table;
}
/* line 533, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .cnAd span {
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 960px) {
  /* line 526, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar .cnAd {
    height: 60px;
    right: 0;
    width: 17px;
    margin-right: -13px;
  }
}
@media screen and (max-width: 960px) {
  /* line 548, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.openMobile .cnAd, .topBg #header-bar.opensearch .cnAd {
    margin-right: 2px;
  }
}
/* line 555, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .EmailSalesButton {
  display: none;
}
/* line 576, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .mobileEnterpriseButtonArea {
  display: none;
  padding: 0 15px;
  height: 36px;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 960px) {
  /* line 576, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar .mobileEnterpriseButtonArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
/* line 588, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .mobileEnterpriseButtonArea .mobileEnterpriseButton,
.topBg #header-bar .mobileEnterpriseButtonArea .mobileLanguage {
  display: inline-block;
  font-weight: bold;
}
/* line 561, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .mobileEnterpriseButtonArea a.mobileEnterpriseButton {
  color: #008CD6;
}
/* line 565, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .mobileEnterpriseButtonArea a.mobileLanguage {
  color: rgba(66, 63, 63, 0.65);
}
/* line 568, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .mobileEnterpriseButtonArea a.mobileLanguage .LanguageIcon {
  fill: #423F3F;
}
/* line 597, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .mobileEnterpriseButtonArea a.mobileEnterpriseButton {
  font-size: 15px;
}
/* line 601, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .mobileEnterpriseButtonArea a.mobileLanguage {
  font-size: 12px;
  display: flex;
  align-items: center;
}
/* line 606, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .mobileEnterpriseButtonArea a.mobileLanguage .LanguageIcon {
  width: 17px;
  margin: 0 10px;
}
/* line 616, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .EnterpriseButton {
  box-shadow: 0px 3px 4px rgba(177, 177, 177, 0.45);
  position: absolute;
  right: 5vW;
  border-radius: 0 0 5px 5px;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 616, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar .EnterpriseButton {
    right: 6vW;
  }
}
/* line 626, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .EnterpriseButton a {
  color: #fff;
}
/* line 630, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .EnterpriseButton .EnterprisePath {
  padding: 0.7vW 1.3vW;
  display: block;
  font-weight: bold;
  line-height: 1vw;
  font-size: 0.95vw;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 630, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar .EnterpriseButton .EnterprisePath {
    padding-left: 2.4vw;
    padding-right: 2.4vw;
  }
}
/* line 644, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .hidden {
  display: none;
}
/* line 648, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.CoverHeader {
  position: fixed;
  background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%) 0% 0% no-repeat padding-box;
}
@media screen and (max-width: 960px) {
  /* line 653, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.CoverHeader .mobileEnterpriseButtonArea {
    background-color: #000;
  }
}
/* line 659, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.CoverHeader .EnterpriseButton {
  background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(221, 221, 221, 0.3) 100%) 0% 0% no-repeat padding-box;
}
/* line 664, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.CoverHeader:not(.BlackWord, .showPcMenu, .scrolling, .opensearch) .EnterpriseButton {
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.32);
}
/* line 667, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.CoverHeader:not(.BlackWord, .showPcMenu, .scrolling, .opensearch) .EnterpriseButton .EnterprisePath {
  text-shadow: 0px 3px 0.5vw rgba(0, 0, 0, 0.32);
}
/* line 675, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.CoverHeader.openMobile .mobileEnterpriseButtonArea, .topBg #header-bar.CoverHeader.opensearch .mobileEnterpriseButtonArea {
  display: none;
}
/* line 685, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.CoverHeader .mobileEnterpriseButtonArea a.mobileEnterpriseButton, .topBg #header-bar.CoverHeader .mobileEnterpriseButtonArea a.mobileLanguage {
  color: #fff;
}
/* line 689, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.CoverHeader .mobileEnterpriseButtonArea a.mobileEnterpriseButton .LanguageIcon, .topBg #header-bar.CoverHeader .mobileEnterpriseButtonArea a.mobileLanguage .LanguageIcon {
  fill: #fff;
}
@media screen and (max-width: 960px) {
  /* line 698, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar {
    padding-left: 0;
    padding-right: 0;
    position: fixed;
    top: inherit;
  }
}
/* line 707, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar div[id^="for-menu-header-"] .new_menu_slide_area {
  margin-left: 16%;
  width: 68%;
}
/* line 712, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar div[id^="for-menu-header-"] .menu-slide-background {
  background: #ffffff;
}
/* line 717, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header {
  height: 100%;
  position: initial;
}
@media screen and (max-width: 960px) {
  /* line 717, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header {
    position: relative;
  }
}
/* line 725, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header #recentlySearch,
.topBg #header-bar.new-header-bar .navbar-header #recentlySearchWord {
  display: none;
}
/* line 732, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header #recentlySearch.show li {
  font-family: Segoe UI, 'Noto Sans', 'Noto Sans TC', 'Noto Sans SC', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
  src: local("Segoe UI Semilight"), local("Segoe UI");
}
/* line 738, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header #mobileMenuShowBodyBlock {
  display: none;
}
/* line 742, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header > .content-logo {
  top: 0;
  min-width: 150px;
  width: 12.5%;
  position: absolute;
  display: table;
  height: 100%;
  float: left;
}
@media screen and (max-width: 960px) {
  /* line 742, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header > .content-logo {
    width: 150px;
    float: inherit;
    left: 0;
    position: relative;
    margin: 0 auto;
    height: 60px;
  }
}
/* line 762, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header > .content-logo a {
  display: table-cell;
  vertical-align: middle;
}
/* line 766, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header > .content-logo a img {
  width: 8vw;
  display: block;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 766, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header > .content-logo a img {
    width: 10vw;
  }
}
@media screen and (max-width: 960px) {
  /* line 766, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header > .content-logo a img {
    width: 180px;
    margin: 0px auto;
    max-width: 150px;
  }
}
@media screen and (max-width: 480px) {
  /* line 766, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header > .content-logo a img {
    max-width: 115px;
  }
}
/* line 789, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .mobileBtmMenu {
  display: none;
}
/* line 793, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .content-menu {
  display: none;
}
@media screen and (max-width: 960px) {
  /* line 793, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-menu {
    top: 60px;
    position: absolute;
    width: 100%;
    left: 0;
  }
  /* line 804, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-menu .menuHeader {
    height: auto;
  }
  /* line 807, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-menu .menuHeader.menuHeader {
    display: block;
    width: 100%;
  }
  /* line 812, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-menu .menuHeader.menuTitle {
    display: block;
    width: 100%;
  }
  /* line 818, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-menu .menuBody,
  .topBg #header-bar.new-header-bar .navbar-header .content-menu .viewallItem,
  .topBg #header-bar.new-header-bar .navbar-header .content-menu .AorusLogoIcon {
    display: none;
  }
  /* line 824, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-menu .mobileBtmMenuArea {
    display: none;
  }
}
/* line 830, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .HeaderActivity {
  display: none;
}
/* line 834, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .MobileMenu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 21px;
}
@media screen and (max-width: 960px) {
  /* line 834, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .MobileMenu {
    display: inline-block;
  }
}
/* line 846, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .MobileMenu div#mobile-menu {
  transform: rotate(0deg);
  width: 27px;
  height: 17px;
  position: relative;
  cursor: pointer;
}
/* line 854, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .MobileMenu div#mobile-menu span {
  transform: rotate(0deg);
  display: block;
  position: absolute;
  height: 2.8px;
  width: 100%;
  opacity: 1;
  left: 0;
}
/* line 864, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .MobileMenu div#mobile-menu span.first {
  top: 0px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
/* line 869, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .MobileMenu div#mobile-menu span.second {
  top: 7.3px;
  height: 2.6px;
}
/* line 874, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .MobileMenu div#mobile-menu span.third {
  top: 14px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
/* line 883, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .MobileMenu div#mobile-menu.useTransition span.first {
  top: 0px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  transform: rotate(0deg);
  animation: menuCloseFirst .5s ease forwards;
}
/* line 890, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .MobileMenu div#mobile-menu.useTransition span.second {
  top: 7.3px;
  transform: rotate(0deg);
  animation: menuCloseSecond .5s ease forwards;
}
/* line 896, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .MobileMenu div#mobile-menu.useTransition span.third {
  top: 14px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  transform: rotate(0deg);
  animation: menuCloseThird .5s ease forwards;
}
/* line 906, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .MobileMenu div#mobile-menu.showClose {
  z-index: 99999;
}
/* line 910, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .MobileMenu div#mobile-menu.showClose span.second {
  top: 7.3px;
  opacity: 0;
  animation: menuOpenSecond .5s ease forwards;
}
/* line 916, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .MobileMenu div#mobile-menu.showClose span.first {
  top: 7.3px;
  border-radius: 0;
  transform: rotate(45deg);
  animation: menuOpenFirst .5s ease forwards;
}
/* line 923, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .MobileMenu div#mobile-menu.showClose span.third {
  top: 7.3px;
  border-radius: 0;
  transform: rotate(-45deg);
  animation: menuOpenThird .5s ease forwards;
}
@media screen and (max-width: 960px) {
  /* line 938, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .MobileSearch i#mobile-search-open-img {
    display: inline-block;
    font-size: 25px;
  }
}
/* line 946, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .content-other {
  position: absolute;
  top: 0;
  right: 5%;
  float: right;
  display: table;
}
@media screen and (max-width: 960px) {
  /* line 946, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-other {
    position: absolute;
    top: 0;
    right: 0;
  }
}
/* line 960, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items {
  display: table-row;
}
/* line 965, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.language, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.member, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.search, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.businessCenter, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.aorus {
  font-size: 150%;
  cursor: pointer;
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 40px;
}
/* line 976, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.language a, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.member a, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.search a, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.businessCenter a, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.aorus a {
  text-align: right;
  display: block;
  position: relative;
}
/* line 982, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.language img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.member img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.search img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.businessCenter img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.aorus img {
  width: 1.05vW;
                                        /*@include pc-1025-1280-width {
                                            width: 16px;
                                        }

                                        @include pc-1281-1440-width {
                                            width: 18px;
                                        }*/
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 982, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.language img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.member img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.search img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.businessCenter img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.aorus img {
    width: 1.5vW;
  }
}
@media screen and (max-width: 960px) {
  /* line 982, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.language img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.member img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.search img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.businessCenter img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.aorus img {
    width: 20px;
  }
}
/* line 1005, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.search {
  font-size: 150%;
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  /* line 1005, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.search {
    font-size: 30px;
  }
}
/* line 1014, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.search form#Top-Menu-Search {
  display: none;
}
/* line 1017, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.search form#Top-Menu-Search .popularArea {
  display: none;
}
/* line 1026, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.aorus a img {
  width: auto;
  height: 1vw;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 1026, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.aorus a img {
    height: 13px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 1026, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.aorus a img {
    height: 16px;
  }
}
/* line 1043, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.businessCenter a img {
  width: auto;
  height: 20px;
}
@media screen and (max-width: 960px) {
  /* line 1051, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.language, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.member, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.businessCenter, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.aorus {
    display: none;
  }
}
/* line 1064, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .content-other div.menuSearchToolTip {
  position: absolute;
  top: 105%;
  z-index: 999999;
}
/* line 1069, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .content-other div.menuSearchToolTip .toolTipArea {
  background-color: #ffffff;
  color: #000000;
  padding: 8px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}
/* line 1077, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .content-other div.menuSearchToolTip .toolTipArea i.arr {
  position: absolute;
  width: 30px;
  height: 15px;
  left: 30px;
  overflow: hidden;
  top: -15px;
}
/* line 1087, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .content-other div.menuSearchToolTip .toolTipArea i.arr::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  right: 0px;
  transform: translate(-50%, 50%) rotate(45deg);
  background-color: #ffffff;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}
/* line 1101, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .content-other div.menuSearchToolTip.openMobileSearch {
  left: 13%;
}
@media screen and (max-width: 960px) {
  /* line 1109, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-other.cn_contentOther {
    right: 15px;
  }
}
/* line 1120, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch {
  z-index: 100002;
}
@media screen and (max-width: 960px) {
  /* line 1120, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch {
    padding: 0;
    width: 100%;
    position: fixed;
    height: 100%;
    background: none;
    background-color: #ffffff;
    overflow: auto;
  }
}
@media screen and (max-width: 960px) {
  /* line 1133, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 960px) {
  /* line 1141, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .MobileMenu {
    display: none;
  }
}
/* line 1147, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-logo,
.topBg #header-bar.opensearch .container-header .navbar-header #menu-main {
  display: none;
}
/* line 1154, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .EmailSalesButton {
  display: none;
}
/* line 1160, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header #recentlySearch {
  width: 100%;
  top: 60px;
  position: fixed;
  z-index: 99998;
}
@media screen and (max-width: 960px) {
  /* line 1160, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header #recentlySearch {
    padding-top: 20px;
  }
}
/* line 1172, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header #recentlySearch li.item {
  color: #000000;
}
@media screen and (max-width: 960px) {
  /* line 1172, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header #recentlySearch li.item {
    font-size: 130%;
    color: #423F3F;
    text-align: left;
    padding: 15px 0 15px 13%;
    padding-right: 25px;
    padding-left: 33px !important;
  }
  /* line 1183, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header #recentlySearch li.item:hover {
    background-color: transparent !important;
  }
  /* line 1187, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header #recentlySearch li.item.active {
    background-color: #1E9FF2 !important;
  }
}
@media screen and (max-width: 960px) {
  /* line 1193, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header #recentlySearch li.itemRecently {
    display: none !important;
  }
}
@media screen and (max-width: 960px) {
  /* line 1202, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header #recentlySearch.show li {
    color: #000000 !important;
    font-size: 125%;
  }
  /* line 1207, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header #recentlySearch.show li span.text {
    padding-left: 30px !important;
    font-size: 96%;
  }
}
@media screen and (max-width: 960px) {
  /* line 1217, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header #recentlySearchWord {
    position: absolute;
    top: 55px;
    width: 100%;
    padding-left: 30px;
    left: 30px;
    text-align: left;
  }
}
@media screen and (max-width: 960px) {
  /* line 1227, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header #recentlySearchWord.show {
    display: block;
  }
}
/* line 1235, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header #recentlySearchWord span {
  font-family: Segoe UI, 'Noto Sans', 'Noto Sans TC', 'Noto Sans SC', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
  src: local("Segoe UI Semilight"), local("Segoe UI");
}
/* line 1237, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header #recentlySearchWord span.text {
  color: #423F3F;
  font-size: 13px;
  opacity: 0.35;
}
/* line 1249, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other {
  display: block;
  width: 90%;
  left: 5%;
  right: 5%;
}
@media screen and (max-width: 960px) {
  /* line 1249, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other {
    width: 100%;
    left: 0;
    right: 0;
  }
}
/* line 1261, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 1266, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .language,
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .member,
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .businessCenter,
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .aorus {
  display: none;
}
/* line 1273, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search {
  width: 100%;
  display: block;
  height: 100%;
  display: table;
  padding: 0;
}
/* line 1280, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search > .search_icon {
  display: none !important;
}
/* line 1284, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form {
  height: 100%;
}
/* line 1287, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
@media screen and (max-width: 960px) {
  /* line 1287, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search {
    padding-left: 55px;
  }
}
/* line 1297, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content {
  position: relative;
}
@media screen and (max-width: 960px) {
  /* line 1297, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content {
    margin: 0 25px 0 0;
    height: 45px;
    border-bottom: 1px solid #000000;
    border: none;
  }
}
/* line 1307, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content > input {
  width: 100%;
  text-indent: 30px;
  border: 0;
  background: transparent;
}
@media screen and (max-width: 960px) {
  /* line 1313, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content > input#full-search-keyword {
    border: none;
    color: #000000;
    font-size: 80%;
    height: 100%;
    text-indent: 0px;
    padding-right: 10px;
    font-size: 60%;
  }
  /* line 1323, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content > input#full-search-keyword.notEmpty {
    padding-right: 96px;
  }
  /* line 1327, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content > input#full-search-keyword::placeholder {
    color: #999999;
    /* Firefox */
  }
  /* line 1332, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content > input#full-search-keyword:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999999;
  }
  /* line 1337, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content > input#full-search-keyword::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #999999;
  }
}
/* line 1346, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content span.submit_area {
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 960px) {
  /* line 1346, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content span.submit_area {
    display: block;
    top: 13px;
    right: 0;
    left: unset;
  }
}
/* line 1361, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content span.submit_area > input.sb-search-submit {
  opacity: 0;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
/* line 1373, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content span.clear {
  display: none;
  position: absolute;
  z-index: 999999;
  color: #000000;
  font-size: 90%;
  right: 40px;
  top: 3px;
  font-weight: normal;
  cursor: pointer;
}
/* line 1385, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content span.clear span.icon {
  display: none;
}
@media screen and (max-width: 960px) {
  /* line 1385, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content span.clear span.icon {
    width: 20px;
    height: 20px;
  }
  /* line 1392, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content span.clear span.icon span {
    background-color: #000000;
    height: 1.6px;
    position: absolute;
    top: 9px;
    left: 0;
    width: 100%;
  }
  /* line 1400, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content span.clear span.icon span.first {
    transform: rotate(45deg);
  }
  /* line 1404, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content span.clear span.icon span.second {
    transform: rotate(-45deg);
  }
}
/* line 1411, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content span.clear span.text {
  display: block;
  font-size: 97%;
}
@media screen and (max-width: 960px) {
  /* line 1411, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content span.clear span.text {
    padding-left: 10px;
    border-left: 1px solid #000000;
    display: block;
    color: #000000;
    font-size: 70%;
  }
}
/* line 1425, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content span.clear.show {
  display: block;
}
@media screen and (max-width: 960px) {
  /* line 1425, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content span.clear.show {
    padding-left: 10px;
    top: 12px;
    right: 30px;
  }
}
/* line 1436, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content span.close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 5px;
}
@media screen and (max-width: 960px) {
  /* line 1436, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content span.close {
    display: none;
  }
}
/* line 1447, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content span.close > span {
  height: 2px;
  width: 100%;
  display: block;
  position: absolute;
  top: 9px;
}
/* line 1454, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content span.close > span.first {
  transform: rotate(45deg);
}
/* line 1458, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content span.close > span.second {
  transform: rotate(-45deg);
}
/* line 1468, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search span.back {
  display: none;
}
@media screen and (max-width: 960px) {
  /* line 1468, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search span.back {
    display: inline-block;
    position: absolute;
    top: 18px;
    left: 15px;
  }
  /* line 1478, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search span.back img.black_img {
    display: block;
    width: 24px;
  }
}
/* line 1489, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.popularArea {
  display: none;
}
@media screen and (max-width: 960px) {
  /* line 1499, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search.active .content span.submit_area, .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search.active .content span.close {
    top: 13px;
    left: unset;
    right: 0;
  }
  /* line 1517, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search.active .content span.close {
    right: 30px;
  }
  /* line 1520, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search.active .content span.close > span {
    background-color: #000000;
  }
}
/* line 1533, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search.animating div.content span.close {
  display: none;
}
/* line 1555, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch.done .container-header .navbar-header #recentlySearch.show {
  display: block;
  position: absolute;
  left: 0%;
  right: 0%;
  width: 100%;
}
/* line 1562, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch.done .container-header .navbar-header #recentlySearch.show li {
  color: #ffffff;
  padding: 15px 0;
  padding-left: 35px;
  display: block;
}
/* line 1569, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch.done .container-header .navbar-header #recentlySearch.show li span.text {
  padding-left: 5%;
  padding-right: 5%;
  display: block;
  word-break: break-all;
}
/* line 1577, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch.done .container-header .navbar-header #recentlySearch.show li.item {
  font-size: 130%;
  cursor: pointer;
  font-family: Segoe UI, 'Noto Sans', 'Noto Sans TC', 'Noto Sans SC', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
  src: local("Segoe UI Semilight"), local("Segoe UI");
}
/* line 1583, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch.done .container-header .navbar-header #recentlySearch.show li.item:hover {
  background-color: #1E9FF2;
}
/* line 1588, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch.done .container-header .navbar-header #recentlySearch.show li.itemRecently {
  font-size: 130%;
  opacity: 0.35;
}
/* line 1597, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch.done .container-header .navbar-header #recentlySearch.show.showAutoComplete {
  display: none;
}
/* line 1611, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord {
  background: none;
  background-image: url(/Images/2017NewFront/headerbackground_white.png);
  background-size: 1px 101%;
  background-repeat: repeat;
}
/* line 171, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .cnAd span {
  color: #000000;
}
/* line 180, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header #menu-main .menu-level-1 .content-menu li {
  margin: 1.05vw;
  font-size: 0.95vw;
  line-height: 1.10vw;
  font-weight: bold;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 180, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.BlackWord .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
    display: flex;
    align-items: center;
    font-size: 1.29vw;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 180, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.BlackWord .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
  /* line 180, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.BlackWord .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1441px) {
  /* line 180, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.BlackWord .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
/* line 205, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header #menu-main .menu-level-1 .content-menu li a {
  color: rgba(66, 63, 63, 0.7);
  text-decoration: none;
}
/* line 209, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header #menu-main .menu-level-1 .content-menu li a .menuLevel1-arrow {
  padding: 0 0.42vw;
  display: inline-block;
}
/* line 214, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header #menu-main .menu-level-1 .content-menu li a .menuLevel1-arrow svg.arrow-down {
  width: 0.42vw;
  height: 0.42vw;
}
/* line 219, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header #menu-main .menu-level-1 .content-menu li a .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: rgba(66, 63, 63, 0.7);
}
/* line 225, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header #menu-main .menu-level-1 .content-menu li a:hover {
  color: #423f3f;
}
/* line 230, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header #menu-main .menu-level-1 .content-menu li a:hover .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: #423f3f;
}
/* line 239, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header #menu-main .menu-level-1 .content-menu li.active a {
  color: #423F3F;
}
/* line 244, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header #menu-main .menu-level-1 .content-menu li.active a .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: #423F3F;
}
/* line 260, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .content-other div.content-other-items > div a {
  color: #000000;
}
/* line 264, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .content-other div.content-other-items > div a img.black_img {
  display: block;
}
/* line 268, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .content-other div.content-other-items > div a img.white_img {
  display: none;
}
/* line 276, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .content-other div.content-other-items > div.search img.black_img {
  display: block;
}
/* line 280, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .content-other div.content-other-items > div.search img.white_img {
  display: none;
}
/* line 287, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search #full-search-keyword {
  color: #000000;
  font-size: 86%;
  border: none;
  padding-right: 88px;
}
/* line 299, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search span.close > span.first, .topBg #header-bar.BlackWord .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search span.close > span.second {
  background: #000000;
}
/* line 318, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .content-logo img#original_logo_black {
  display: block;
}
/* line 322, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .content-logo img#original_logo_white {
  display: none;
}
/* line 331, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #000000;
  height: 3px !important;
}
/* line 1619, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .mobileEnterpriseButtonArea {
  background-color: #fff;
}
/* line 561, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .mobileEnterpriseButtonArea a.mobileEnterpriseButton {
  color: #008CD6;
}
/* line 565, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .mobileEnterpriseButtonArea a.mobileLanguage {
  color: rgba(66, 63, 63, 0.65);
}
/* line 568, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .mobileEnterpriseButtonArea a.mobileLanguage .LanguageIcon {
  fill: #423F3F;
}
/* line 1626, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .EnterpriseButton a {
  color: #008CD6;
}
/* line 1635, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader {
  background: none;
  background-color: #ffffff;
  border-bottom: 1px solid #e5e5e5;
}
/* line 171, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .cnAd span {
  color: #000000;
}
/* line 180, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li {
  margin: 1.05vw;
  font-size: 0.95vw;
  line-height: 1.10vw;
  font-weight: bold;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 180, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
    display: flex;
    align-items: center;
    font-size: 1.29vw;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 180, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
  /* line 180, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1441px) {
  /* line 180, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
/* line 205, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li a {
  color: rgba(66, 63, 63, 0.7);
  text-decoration: none;
}
/* line 209, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li a .menuLevel1-arrow {
  padding: 0 0.42vw;
  display: inline-block;
}
/* line 214, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li a .menuLevel1-arrow svg.arrow-down {
  width: 0.42vw;
  height: 0.42vw;
}
/* line 219, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li a .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: rgba(66, 63, 63, 0.7);
}
/* line 225, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li a:hover {
  color: #423f3f;
}
/* line 230, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li a:hover .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: #423f3f;
}
/* line 239, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li.active a {
  color: #423F3F;
}
/* line 244, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li.active a .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: #423F3F;
}
/* line 260, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .content-other div.content-other-items > div a {
  color: #000000;
}
/* line 264, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .content-other div.content-other-items > div a img.black_img {
  display: block;
}
/* line 268, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .content-other div.content-other-items > div a img.white_img {
  display: none;
}
/* line 276, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .content-other div.content-other-items > div.search img.black_img {
  display: block;
}
/* line 280, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .content-other div.content-other-items > div.search img.white_img {
  display: none;
}
/* line 287, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search #full-search-keyword {
  color: #000000;
  font-size: 86%;
  border: none;
  padding-right: 88px;
}
/* line 299, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search span.close > span.first, .topBg #header-bar.NotCoverHeader .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search span.close > span.second {
  background: #000000;
}
/* line 318, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .content-logo img#original_logo_black {
  display: block;
}
/* line 322, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .content-logo img#original_logo_white {
  display: none;
}
/* line 331, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #000000;
  height: 3px !important;
}
/* line 1641, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .EnterpriseButton {
  background-color: #ffffff;
}
/* line 1644, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .EnterpriseButton a {
  color: #008CD6;
}
/* line 1653, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu {
  z-index: 100002;
  top: 0px;
  left: 0px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
/* line 1662, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .EnterpriseButton {
  background-color: #ffffff;
}
/* line 1665, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .EnterpriseButton a {
  color: #008CD6;
}
/* line 1670, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu.fixTop {
  position: fixed;
  top: 0px;
  left: 0px;
}
/* line 1679, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch {
  background: none;
  background-color: #ffffff;
}
/* line 171, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .cnAd span {
  color: #000000;
}
/* line 180, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header #menu-main .menu-level-1 .content-menu li {
  margin: 1.05vw;
  font-size: 0.95vw;
  line-height: 1.10vw;
  font-weight: bold;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 180, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
    display: flex;
    align-items: center;
    font-size: 1.29vw;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 180, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
  /* line 180, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1441px) {
  /* line 180, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
/* line 205, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header #menu-main .menu-level-1 .content-menu li a {
  color: rgba(66, 63, 63, 0.7);
  text-decoration: none;
}
/* line 209, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header #menu-main .menu-level-1 .content-menu li a .menuLevel1-arrow {
  padding: 0 0.42vw;
  display: inline-block;
}
/* line 214, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header #menu-main .menu-level-1 .content-menu li a .menuLevel1-arrow svg.arrow-down {
  width: 0.42vw;
  height: 0.42vw;
}
/* line 219, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header #menu-main .menu-level-1 .content-menu li a .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: rgba(66, 63, 63, 0.7);
}
/* line 225, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header #menu-main .menu-level-1 .content-menu li a:hover {
  color: #423f3f;
}
/* line 230, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header #menu-main .menu-level-1 .content-menu li a:hover .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: #423f3f;
}
/* line 239, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header #menu-main .menu-level-1 .content-menu li.active a {
  color: #423F3F;
}
/* line 244, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header #menu-main .menu-level-1 .content-menu li.active a .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: #423F3F;
}
/* line 260, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .content-other div.content-other-items > div a {
  color: #000000;
}
/* line 264, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .content-other div.content-other-items > div a img.black_img {
  display: block;
}
/* line 268, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .content-other div.content-other-items > div a img.white_img {
  display: none;
}
/* line 276, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .content-other div.content-other-items > div.search img.black_img {
  display: block;
}
/* line 280, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .content-other div.content-other-items > div.search img.white_img {
  display: none;
}
/* line 287, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search #full-search-keyword {
  color: #000000;
  font-size: 86%;
  border: none;
  padding-right: 88px;
}
/* line 299, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search span.close > span.first, .topBg #header-bar.opensearch .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search span.close > span.second {
  background: #000000;
}
/* line 318, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .content-logo img#original_logo_black {
  display: block;
}
/* line 322, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .content-logo img#original_logo_white {
  display: none;
}
/* line 331, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #000000;
  height: 3px !important;
}
/* line 1684, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .EnterpriseButton {
  background-color: #ffffff;
}
/* line 1687, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .EnterpriseButton a {
  color: #008CD6;
}
/* line 1693, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu {
  background-color: #ffffff;
}
/* line 350, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header #menu-main > .menu-level-1 > .content-menu a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
/* line 354, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header #menu-main > .menu-level-1 > .content-menu a .menuLevel1-arrow {
  padding: 0 0.42vw;
  display: inline-block;
}
/* line 359, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header #menu-main > .menu-level-1 > .content-menu a .menuLevel1-arrow svg.arrow-down {
  width: 0.42vw;
  height: 0.42vw;
}
/* line 364, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header #menu-main > .menu-level-1 > .content-menu a .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: rgba(255, 255, 255, 0.7);
}
/* line 370, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header #menu-main > .menu-level-1 > .content-menu a:hover {
  color: white;
}
/* line 375, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header #menu-main > .menu-level-1 > .content-menu a:hover .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: white;
}
/* line 390, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .content-other div.content-other-items > div a {
  color: #ffffff;
}
/* line 394, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .content-other div.content-other-items > div a img.black_img {
  display: none;
}
/* line 398, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .content-other div.content-other-items > div a img.white_img {
  display: block;
}
/* line 406, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .content-other div.content-other-items > div.search img.black_img {
  display: none;
}
/* line 410, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .content-other div.content-other-items > div.search img.white_img {
  display: block;
}
/* line 417, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search #full-search-keyword {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
/* line 426, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search span.close > span.first, .topBg #header-bar.b2bMenu .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search span.close > span.second {
  background: #ffffff;
}
/* line 445, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .content-logo img#original_logo_black {
  display: none;
}
/* line 449, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .content-logo img#original_logo_white {
  display: block;
}
/* line 459, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #ffffff;
}
/* line 1703, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .container-header .navbar-header div.content-other-items div.language, .topBg #header-bar.b2bMenu .container-header .navbar-header div.content-other-items div.aorus {
  display: none;
}
/* line 1721, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NoHeaderBold.new-header-bar .navbar-header > .content-menu .menuHeadera.text {
  font-weight: inherit;
  font-weight: initial;
}
@media screen and (max-width: 960px) {
  /* line 1734, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar .EnterpriseButton {
    display: none;
  }
}
/* line 1740, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  background: none;
  background-color: #ffffff;
}
/* line 171, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .cnAd span {
  color: #000000;
}
/* line 180, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header #menu-main .menu-level-1 .content-menu li {
  margin: 1.05vw;
  font-size: 0.95vw;
  line-height: 1.10vw;
  font-weight: bold;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 180, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.HaveEmailButton .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
    display: flex;
    align-items: center;
    font-size: 1.29vw;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 180, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.HaveEmailButton .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
  /* line 180, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.HaveEmailButton .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1441px) {
  /* line 180, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.HaveEmailButton .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
/* line 205, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header #menu-main .menu-level-1 .content-menu li a {
  color: rgba(66, 63, 63, 0.7);
  text-decoration: none;
}
/* line 209, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header #menu-main .menu-level-1 .content-menu li a .menuLevel1-arrow {
  padding: 0 0.42vw;
  display: inline-block;
}
/* line 214, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header #menu-main .menu-level-1 .content-menu li a .menuLevel1-arrow svg.arrow-down {
  width: 0.42vw;
  height: 0.42vw;
}
/* line 219, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header #menu-main .menu-level-1 .content-menu li a .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: rgba(66, 63, 63, 0.7);
}
/* line 225, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header #menu-main .menu-level-1 .content-menu li a:hover {
  color: #423f3f;
}
/* line 230, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header #menu-main .menu-level-1 .content-menu li a:hover .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: #423f3f;
}
/* line 239, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header #menu-main .menu-level-1 .content-menu li.active a {
  color: #423F3F;
}
/* line 244, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header #menu-main .menu-level-1 .content-menu li.active a .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: #423F3F;
}
/* line 260, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header .content-other div.content-other-items > div a {
  color: #000000;
}
/* line 264, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header .content-other div.content-other-items > div a img.black_img {
  display: block;
}
/* line 268, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header .content-other div.content-other-items > div a img.white_img {
  display: none;
}
/* line 276, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header .content-other div.content-other-items > div.search img.black_img {
  display: block;
}
/* line 280, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header .content-other div.content-other-items > div.search img.white_img {
  display: none;
}
/* line 287, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search #full-search-keyword {
  color: #000000;
  font-size: 86%;
  border: none;
  padding-right: 88px;
}
/* line 299, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search span.close > span.first, .topBg #header-bar.HaveEmailButton .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search span.close > span.second {
  background: #000000;
}
/* line 318, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header .content-logo img#original_logo_black {
  display: block;
}
/* line 322, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header .content-logo img#original_logo_white {
  display: none;
}
/* line 331, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #000000;
  height: 3px !important;
}
/* line 1749, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .EmailSalesButton {
  display: block;
  cursor: pointer;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  position: relative;
}
@media screen and (max-width: 960px) {
  /* line 1749, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.HaveEmailButton .EmailSalesButton {
    display: none;
  }
}
/* line 1763, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .EmailSalesButton:hover .backGroundTransition {
  height: 60%;
}
/* line 1769, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .EmailSalesButton .backGroundTransition {
  transition: all .3s ease-in-out;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #008cd6;
  width: 100%;
  height: 100%;
}
/* line 1779, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .EmailSalesButton .EmailSalesArea {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  padding: 0 1vw;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 1779, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.HaveEmailButton .EmailSalesButton .EmailSalesArea {
    margin: 0 1vw;
  }
}
/* line 1791, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .EmailSalesButton .EmailSalesArea .EmailIcon {
  width: 1.18vW;
  margin-right: 1vw;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 1791, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.HaveEmailButton .EmailSalesButton .EmailSalesArea .EmailIcon {
    display: none;
  }
}
/* line 1800, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .EmailSalesButton .EmailSalesArea .EmailSalesText {
  font-size: 0.79vW;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 1800, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.HaveEmailButton .EmailSalesButton .EmailSalesArea .EmailSalesText {
    font-size: 1.5vW;
  }
}
/* line 1814, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header .content-other div.content-other-items div.member {
  display: none;
}
/* line 1819, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header .content-other div.content-other-items div.aorus .AORUSIcon {
  width: 1.05vW;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 1819, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.HaveEmailButton .navbar-header .content-other div.content-other-items div.aorus .AORUSIcon {
    width: 1.5vW;
  }
}
/* line 1829, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header .content-other div.content-other-items div.aorus img.white_img, .topBg #header-bar.HaveEmailButton .navbar-header .content-other div.content-other-items div.aorus img.black_img {
  display: none;
}
/* line 1840, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .EnterpriseButton {
  background-color: #ffffff;
}
/* line 1843, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .EnterpriseButton a {
  font-size: 0.95vw;
  color: #008CD6;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 1843, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.HaveEmailButton .EnterpriseButton a {
    padding-top: 1.1vW;
    padding-bottom: 1.1vW;
    font-size: 1.29vW;
  }
}
/* line 1857, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #mobileMenuShowBlock {
  display: none;
}
/* line 1861, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock {
  display: none;
  position: fixed;
  width: 100%;
  z-index: 999999;
  background-color: #eeeeee;
  padding: 0px 0 7px 0;
  font-size: 105%;
  min-width: 1007px;
}
/* line 1872, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock.showMenu {
  display: block;
}
/* line 1878, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock div#divBg {
  z-index: 1;
  position: fixed;
  width: 100%;
  min-height: 50px;
  background-color: #008CD6;
  top: 6%;
}
/* line 1890, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area {
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 2;
  font-family: Segoe UI, 'Noto Sans', 'Noto Sans TC', 'Noto Sans SC', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
  src: local("Segoe UI Semilight"), local("Segoe UI");
}
/* line 1898, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li {
  text-align: left;
}
/* line 1901, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle {
  display: inline-block;
  margin: 0 1.5%;
  vertical-align: top;
  min-width: 14%;
  max-width: 15%;
  margin-left: 0;
}
/* line 1921, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > a {
  display: table;
  padding: 7% 0;
  /*&.noUrlLink {
      cursor: auto;
  }*/
}
/* line 1930, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > a.text {
  padding-left: 10px;
  display: table-cell;
  vertical-align: middle;
  color: #ffffff;
  font-weight: bold;
}
/* line 1938, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > a.listNext {
  display: none;
}
/* line 1944, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > a.hasUrlLink:hover.text {
  color: #1E9FF2;
}
/* line 1954, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle.secondMenu > .menuTtitleHref:hover {
  border-bottom: 5px solid;
  padding-bottom: 5px;
}
/* line 1962, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle.menu-title-81 {
  min-width: 11%;
  max-width: 15%;
}
/* line 1967, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle.menu-title-81 > a {
  padding: 9% 0;
}
/* line 1973, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area {
  padding-top: 5%;
  padding-bottom: 10%;
  font-family: Segoe UI, 'Noto Sans', 'Noto Sans TC', 'Noto Sans SC', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
  src: local("Segoe UI Semilight"), local("Segoe UI");
}
/* line 1980, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area li.viewallItem {
  cursor: pointer;
}
/* line 1983, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area li.viewallItem > a {
  color: #1E9FF2;
  font-weight: bold;
}
/* line 1989, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area li.menuBody {
  padding-bottom: 7%;
}
/* line 1993, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area li.menuBody a {
  /*&.noUrlLink {
      cursor: auto;
  }*/
}
/* line 1995, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area li.menuBody a span.text {
  color: #666666;
}
/* line 2007, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area li.menuBody a.hasUrlLink:hover span.text {
  color: #1E9FF2;
}
/* line 2016, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area li.AorusLogoIcon {
  display: none;
}
/* line 2020, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area li.AorusLogoIcon > a img {
  width: 50px;
}
/* line 2030, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area.GamingMenuTitle li a img {
  width: 50%;
}
/* line 2033, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area.GamingMenuTitle li a img.white_logo {
  display: none;
}
/* line 2043, ../../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area.menu-body-area-for-title-81 li.menuBody {
  padding-bottom: 9%;
}
/* line 2060, ../../../../Sass/sass/base/Header/_base.scss */
.topBg.Rwd #pcMenuShowBlock {
  min-width: auto;
}

/* line 2070, ../../../../Sass/sass/base/Header/_base.scss */
body div#PageMainContentBlock {
  display: none;
  width: 100%;
  height: 200%;
  position: fixed;
  background-color: #000000;
  z-index: 100001;
  top: 0px;
  opacity: 0.5;
}
/* line 2085, ../../../../Sass/sass/base/Header/_base.scss */
body div.blockTopMenuBackground.hidden {
  display: none;
}
/* line 2089, ../../../../Sass/sass/base/Header/_base.scss */
body div.blockTopMenuBackground.show {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 200%;
  background-color: #000000;
  z-index: 100001;
  opacity: 0.7;
}
/* line 2106, ../../../../Sass/sass/base/Header/_base.scss */
body.showPcMenu div#PageMainContentBlock {
  display: block;
}
/* line 2114, ../../../../Sass/sass/base/Header/_base.scss */
body.showSearch div#PageMainContentBlock {
  top: 0;
  display: block;
  opacity: 0.8;
}
/* line 2124, ../../../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete {
  z-index: 100002 !important;
  left: 0 !important;
  background: none !important;
  color: #ffffff !important;
  font-size: 130% !important;
  width: 100% !important;
  border: none !important;
  font-family: Segoe UI, 'Noto Sans', 'Noto Sans TC', 'Noto Sans SC', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
  src: local("Segoe UI Semilight"), local("Segoe UI");
}
/* line 2134, ../../../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li {
  padding: 15px 0 !important;
  padding-left: 35px !important;
}
/* line 2139, ../../../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li.ui-menu-item:hover {
  background: none !important;
  border: none !important;
  background-color: #1E9FF2 !important;
}
/* line 2145, ../../../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li.ui-menu-item.focus {
  background: none !important;
  border: none !important;
  background-color: #1E9FF2 !important;
}
/* line 2152, ../../../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li.ui-autocomplete-category {
  background-color: #000000;
  font-weight: bold;
}
/* line 2157, ../../../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li > div {
  padding: 0 !important;
  padding-left: 5% !important;
  padding-right: 5% !important;
}
/* line 2162, ../../../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li > div.ui-state-active {
  background: none !important;
  border: none !important;
}
/* line 2166, ../../../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li > div.ui-state-active:hover {
  background: none !important;
  border: none !important;
}
/* line 2172, ../../../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li > div:hover {
  background: none !important;
  border: none !important;
}

/* line 7, ../../../../Sass/sass/base/Header/_default.scss */
.topBg #menu-main .menu-type-default {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 auto;
  padding: 0;
  width: calc(19.71vw * 4);
  background: #FFFFFF 0% 0% no-repeat padding-box;
  padding-top: 1.84vw;
  padding-bottom: 3.84vw;
}
/* line 19, ../../../../Sass/sass/base/Header/_default.scss */
.topBg #menu-main .menu-type-default.show {
  display: flex;
}
/* line 23, ../../../../Sass/sass/base/Header/_default.scss */
.topBg #menu-main .menu-type-default.hidden {
  display: none;
}
/* line 27, ../../../../Sass/sass/base/Header/_default.scss */
.topBg #menu-main .menu-type-default .menu-level-3 {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
  flex-basis: 19.71vw;
  padding: 0 1.84vw;
}
/* line 35, ../../../../Sass/sass/base/Header/_default.scss */
.topBg #menu-main .menu-type-default .menu-level-3 .menu-title {
  text-align: left;
  line-height: 1.26vw;
}
/* line 39, ../../../../Sass/sass/base/Header/_default.scss */
.topBg #menu-main .menu-type-default .menu-level-3 .menu-title a {
  color: #423F3F;
  font-size: 0.95vw;
  font-weight: bold;
}
/* line 44, ../../../../Sass/sass/base/Header/_default.scss */
.topBg #menu-main .menu-type-default .menu-level-3 .menu-title a:hover {
  color: #008cd6;
}
/* line 50, ../../../../Sass/sass/base/Header/_default.scss */
.topBg #menu-main .menu-type-default .menu-level-3 .menu-item {
  text-align: left;
}
/* line 53, ../../../../Sass/sass/base/Header/_default.scss */
.topBg #menu-main .menu-type-default .menu-level-3 .menu-item ul {
  list-style: none;
}
/* line 56, ../../../../Sass/sass/base/Header/_default.scss */
.topBg #menu-main .menu-type-default .menu-level-3 .menu-item ul li {
  line-height: 1.16vw;
  padding-top: 0.79vw;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 56, ../../../../Sass/sass/base/Header/_default.scss */
  .topBg #menu-main .menu-type-default .menu-level-3 .menu-item ul li {
    line-height: calc(1.16vw + 6px);
    padding-top: 1.5vw;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 56, ../../../../Sass/sass/base/Header/_default.scss */
  .topBg #menu-main .menu-type-default .menu-level-3 .menu-item ul li {
    line-height: calc(1.16vw + 6px);
  }
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
  /* line 56, ../../../../Sass/sass/base/Header/_default.scss */
  .topBg #menu-main .menu-type-default .menu-level-3 .menu-item ul li {
    line-height: calc(1.16vw + 6px);
  }
}
/* line 73, ../../../../Sass/sass/base/Header/_default.scss */
.topBg #menu-main .menu-type-default .menu-level-3 .menu-item ul li a {
  color: #423F3F;
  font-size: 0.89vw;
}
/* line 77, ../../../../Sass/sass/base/Header/_default.scss */
.topBg #menu-main .menu-type-default .menu-level-3 .menu-item ul li a:hover {
  color: #008cd6;
}
/* line 85, ../../../../Sass/sass/base/Header/_default.scss */
.topBg #menu-main .menu-type-default .menu-level-3 .menu-button-more {
  text-align: left;
  line-height: 1.31vw;
  padding-top: 1.31vw;
  padding-bottom: 2.6vw;
}
/* line 91, ../../../../Sass/sass/base/Header/_default.scss */
.topBg #menu-main .menu-type-default .menu-level-3 .menu-button-more a {
  background: rgba(255, 255, 255, 0) 0% 0% no-repeat padding-box;
  border: 0.5px solid #A1A1A1;
  text-align: center;
  color: #008cd6;
  line-height: 1.31vw;
  padding: 0.16vw 1.05vw;
  text-transform: uppercase;
  font-size: 0.79vw;
}
/* line 101, ../../../../Sass/sass/base/Header/_default.scss */
.topBg #menu-main .menu-type-default .menu-level-3 .menu-button-more a:hover {
  border: 2px solid #A1A1A1;
  font-weight: 600;
}

/* line 7, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-direction: row;
  margin: 0;
  padding: 0;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  padding-bottom: 2vw;
}
/* line 17, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer.show {
  display: flex;
}
/* line 21, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer.hidden {
  display: none;
}
/* line 25, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  width: calc(14.08vw * 4);
}
/* line 32, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-list .menu-level-3 {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
  flex-basis: 14.08vw;
  padding: 1.84vw;
}
/* line 40, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-list .menu-level-3 .menu-title {
  text-align: left;
  line-height: 1.26vw;
}
/* line 44, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-list .menu-level-3 .menu-title a {
  color: #423F3F;
  font-size: 0.95vw;
  font-weight: bold;
}
/* line 49, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-list .menu-level-3 .menu-title a:hover {
  color: #008cd6;
}
/* line 55, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-list .menu-level-3 .menu-item {
  text-align: left;
}
/* line 58, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-list .menu-level-3 .menu-item ul {
  list-style: none;
}
/* line 61, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-list .menu-level-3 .menu-item ul li {
  line-height: 1.16vw;
  padding-top: 0.79vw;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 61, ../../../../Sass/sass/base/Header/_consumer.scss */
  .topBg #menu-main .menu-type-consumer .menu-list .menu-level-3 .menu-item ul li {
    line-height: calc(1.16vw + 6px);
    padding-top: 1vw;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 61, ../../../../Sass/sass/base/Header/_consumer.scss */
  .topBg #menu-main .menu-type-consumer .menu-list .menu-level-3 .menu-item ul li {
    line-height: calc(1.16vw + 6px);
    padding-top: 0.69vw;
  }
}
/* line 77, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-list .menu-level-3 .menu-item ul li a {
  color: #423F3F;
  font-size: 0.89vw;
}
/* line 81, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-list .menu-level-3 .menu-item ul li a:hover {
  color: #008cd6;
}
/* line 91, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-ad-list {
  width: 25.54vw;
  height: 28.9vw;
}
/* line 95, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-ad-list .menu-ad-item {
  position: relative;
  height: 100%;
}
/* line 99, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-ad-list .menu-ad-item.show {
  display: block;
}
/* line 103, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-ad-list .menu-ad-item.hidden {
  display: none;
}
/* line 107, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-ad-list .menu-ad-item .menu-ad-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  overflow: hidden;
  background: transparent linear-gradient(180deg, #eeeeee 0%, rgba(239, 239, 239, 0.96) 37%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box;
  margin-right: 4.8vw;
  width: 22.07vw;
}
/* line 117, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-ad-list .menu-ad-item .menu-ad-bg .bg-crop {
  background-size: cover;
  background-repeat: no-repeat;
  height: 90%;
  background-position: center top;
  filter: blur(30px);
}
/* line 128, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-ad-list .menu-ad-item .menu-ad-cover {
  position: relative;
  float: right;
  width: 20.49vw;
  height: 20.49vw;
  margin-right: 4.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 138, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-ad-list .menu-ad-item .menu-ad-cover img {
  width: 90%;
}
/* line 143, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-ad-list .menu-ad-item .menu-ad-title {
  position: relative;
  float: left;
  width: 14.19vw;
  text-align: center;
  margin-left: 3.15vw;
  line-height: 1.42vw;
}
/* line 151, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-ad-list .menu-ad-item .menu-ad-title a {
  font-weight: bold;
  color: #423F3F;
  text-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
  font-size: 0.95vw;
}
/* line 159, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-ad-list .menu-ad-item .menu-ad-explore {
  position: relative;
  float: left;
  width: 14.19vw;
  text-align: center;
  margin-left: 3.15vw;
  line-height: 1.42vw;
  padding-top: 25px;
  padding-bottom: 40px;
}
/* line 169, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-ad-list .menu-ad-item .menu-ad-explore a {
  background: rgba(255, 255, 255, 0) 0% 0% no-repeat padding-box;
  border: 0.5px solid #A1A1A1;
  text-align: center;
  color: #008cd6;
  padding: 0.16vw 1.05vw;
  text-transform: uppercase;
  font-size: 0.79vw;
}
/* line 178, ../../../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-ad-list .menu-ad-item .menu-ad-explore a:hover {
  border: 2px solid #A1A1A1;
  font-weight: 600;
}

/* line 11, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-1 {
  width: 8.33%;
}
/* line 15, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-2 {
  width: 16.67%;
}
/* line 19, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-3 {
  width: 25%;
}
/* line 23, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-4 {
  width: 33.33%;
}
/* line 27, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-5 {
  width: 41.67%;
}
/* line 31, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-6 {
  width: 50.00%;
}
/* line 35, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-7 {
  width: 58.33%;
}
/* line 39, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-8 {
  width: 66.67%;
}
/* line 43, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-9 {
  width: 75.00%;
}
/* line 47, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-10 {
  width: 83.33%;
}
/* line 51, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-11 {
  width: 91.67%;
}
/* line 55, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-12 {
  width: 100%;
}

/* line 75, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-1 .menu-desc,
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-2 .menu-desc,
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-3 .menu-desc,
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-4 .menu-desc,
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-5 .menu-desc,
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-6 .menu-desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/* line 89, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-7 .menu-desc,
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-8 .menu-desc,
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-9 .menu-desc,
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-10 .menu-desc,
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-11 .menu-desc,
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-12 .menu-desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

/* line 105, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  margin: 0;
  padding: 0;
  background: #FFFFFF 0% 0% no-repeat padding-box;
}
/* line 114, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise.show {
  display: flex;
}
/* line 118, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise.hidden {
  display: none;
}
/* line 122, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-left {
  width: 22.81vw;
  background: #EEEEEE 0% 0% no-repeat padding-box;
  padding-bottom: 2vw;
}
/* line 127, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-left ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 0.92vw;
}
/* line 133, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-left ul li {
  padding-left: 8.72vw;
  padding-top: 0.92vw;
  padding-bottom: 0.92vw;
  text-align: left;
}
/* line 139, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-left ul li a {
  color: rgba(66, 63, 63, 0.5);
  font-size: 1.05vw;
  font-weight: bold;
  line-height: 1.42vw;
}
/* line 145, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-left ul li a:hover {
  color: #008cd6;
}
/* line 149, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-left ul li a.active {
  color: #008cd6;
}
/* line 157, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center {
  width: 58.54vw;
  padding-bottom: 2vw;
}
/* line 162, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  padding-left: 2.79vw;
  padding-right: 1.26vw;
}
/* line 170, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list.show {
  display: flex;
}
/* line 174, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list.hidden {
  display: none;
}
/* line 178, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 {
  padding: 0.89vw;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 178, ../../../../Sass/sass/base/Header/_enterprise.scss */
  .topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 {
    padding: 1.5vw;
  }
}
/* line 189, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 .menu-title {
  padding: 0.42vw 0px;
  text-align: left;
  font-size: 0.95vw;
  font-weight: bold;
  line-height: 1.26vw;
  padding-top: 0.84vw;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 189, ../../../../Sass/sass/base/Header/_enterprise.scss */
  .topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 .menu-title {
    line-height: calc(1.26vw + 6px);
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 189, ../../../../Sass/sass/base/Header/_enterprise.scss */
  .topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 .menu-title {
    line-height: calc(1.26vw + 6px);
  }
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
  /* line 189, ../../../../Sass/sass/base/Header/_enterprise.scss */
  .topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 .menu-title {
    line-height: calc(1.26vw + 6px);
  }
}
/* line 209, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 .menu-title a {
  color: #423F3F;
}
/* line 212, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 .menu-title a:hover {
  color: #008cd6;
}
/* line 218, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 .menu-desc {
  text-align: left;
  color: rgba(66, 63, 63, 0.7);
  font-size: 0.79vw;
  line-height: 1.05vw;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 218, ../../../../Sass/sass/base/Header/_enterprise.scss */
  .topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 .menu-desc {
    line-height: calc(1.05vw + 6px);
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 218, ../../../../Sass/sass/base/Header/_enterprise.scss */
  .topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 .menu-desc {
    line-height: calc(1.05vw + 6px);
  }
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
  /* line 218, ../../../../Sass/sass/base/Header/_enterprise.scss */
  .topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 .menu-desc {
    line-height: calc(1.05vw + 6px);
  }
}
/* line 240, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 .menu-item {
  height: 1.58vw;
}
/* line 243, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 .menu-item ul {
  margin: 0.42vw 0px;
  text-align: left;
  line-height: 1.10vw;
  font-size: 0.84vw;
  font-weight: bold;
  color: rgba(66, 63, 63, 0.7);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transform: translateX(-1.84vw);
  /*
  &.lihover:hover {
      background: #FFFFFF 0% 0% no-repeat padding-box;
      box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.32);
      border-radius: 5px;
      overflow: visible;
      -webkit-box-orient: unset;
      display: flex;
      flex-wrap: wrap;
      position: absolute;
      // padding: 0.68vw 0px;
      padding-top: 0.58vw;
      padding-bottom: 0.68vw;
      z-index: 1;
      line-height: 1.58vw;
      // transform: translate(-1.84vw, -0.95vw);
      transform: translate(-1.84vw, -0.84vw);
  }
  */
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 243, ../../../../Sass/sass/base/Header/_enterprise.scss */
  .topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 .menu-item ul {
    line-height: calc(2.10vw + 4px);
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 243, ../../../../Sass/sass/base/Header/_enterprise.scss */
  .topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 .menu-item ul {
    line-height: calc(1.10vw + 4px);
  }
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
  /* line 243, ../../../../Sass/sass/base/Header/_enterprise.scss */
  .topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 .menu-item ul {
    line-height: calc(1.10vw + 4px);
  }
}
/* line 270, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 .menu-item ul li {
  display: inline;
}
/* line 273, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 .menu-item ul li a {
  color: rgba(66, 63, 63, 0.7);
  border-right: 1px solid #7e7e7eb3;
  padding: 0 1.84vw;
  text-decoration: none;
}
/* line 279, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 .menu-item ul li a:hover {
  color: #008cd6;
}
/* line 285, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 .menu-item ul li:last-child a {
  border-right: none;
}
/* line 313, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4:hover .menu-item ul.lihover {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.32);
  border-radius: 5px;
  overflow: visible;
  -webkit-box-orient: unset;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  padding-top: 0.58vw;
  padding-bottom: 0.68vw;
  z-index: 1;
  line-height: 1.58vw;
  transform: translate(-1.84vw, -0.25vw);
}
/* line 335, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-right {
  margin-top: 1.18vw;
  padding-bottom: 2vw;
}
/* line 339, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-right .menu-ad-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
}
/* line 345, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-right .menu-ad-list .menu-ad-item {
  width: 13.45vw;
  height: 3.47vw;
  position: relative;
  background: transparent linear-gradient(90deg, rgba(112, 112, 112, 0.1) 0%, rgba(112, 112, 112, 0.1) 100%) 0% 0% no-repeat padding-box;
  margin-top: 0.66vw;
  margin-bottom: 0.66vw;
  cursor: pointer;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 345, ../../../../Sass/sass/base/Header/_enterprise.scss */
  .topBg #menu-main .menu-type-enterprise .menu-section-right .menu-ad-list .menu-ad-item {
    margin-top: 1.05vw;
    margin-bottom: 1.05vw;
  }
}
/* line 359, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-right .menu-ad-list .menu-ad-item::before {
  content: "";
  width: 0.47vw;
  height: 3.47vw;
  background: rgba(112, 112, 112, 0.35) 0% 0% no-repeat padding-box;
  position: absolute;
  left: -1.05vw;
  top: 0px;
  transition: all 0.25s;
}
@media all and (min-width: 1281px) {
  /* line 372, ../../../../Sass/sass/base/Header/_enterprise.scss */
  .topBg #menu-main .menu-type-enterprise .menu-section-right .menu-ad-list .menu-ad-item:hover .menu-ad-title {
    transform: translateY(-0.74vw);
  }
  /* line 376, ../../../../Sass/sass/base/Header/_enterprise.scss */
  .topBg #menu-main .menu-type-enterprise .menu-section-right .menu-ad-list .menu-ad-item:hover .menu-ad-desc {
    opacity: 1;
  }
}
/* line 383, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-right .menu-ad-list .menu-ad-item:hover::before {
  content: "";
  width: 0.47vw;
  height: 3.47vw;
  background: #008CD6 0% 0% no-repeat padding-box;
  position: absolute;
  left: -1.05vw;
  top: 0px;
}
/* line 393, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-right .menu-ad-list .menu-ad-item.show {
  display: block;
}
/* line 397, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-right .menu-ad-list .menu-ad-item.hidden {
  display: none;
}
/* line 401, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-right .menu-ad-list .menu-ad-item .menu-ad-image {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
}
/* line 408, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-right .menu-ad-list .menu-ad-item .menu-ad-title {
  position: relative;
  width: 6.73vw;
  height: 3.47vw;
  line-height: 3.47vw;
  text-align: center;
  padding-left: 1.42vw;
  transition: all 0.25s;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 408, ../../../../Sass/sass/base/Header/_enterprise.scss */
  .topBg #menu-main .menu-type-enterprise .menu-section-right .menu-ad-list .menu-ad-item .menu-ad-title {
    width: calc(6.73vw + 10px);
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 408, ../../../../Sass/sass/base/Header/_enterprise.scss */
  .topBg #menu-main .menu-type-enterprise .menu-section-right .menu-ad-list .menu-ad-item .menu-ad-title {
    width: calc(6.73vw + 10px);
  }
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
  /* line 408, ../../../../Sass/sass/base/Header/_enterprise.scss */
  .topBg #menu-main .menu-type-enterprise .menu-section-right .menu-ad-list .menu-ad-item .menu-ad-title {
    width: calc(6.73vw + 10px);
  }
}
/* line 431, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-right .menu-ad-list .menu-ad-item .menu-ad-title a {
  color: #423F3F;
  font-size: 0.79vw;
}
/* line 438, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-right .menu-ad-list .menu-ad-item .menu-ad-desc {
  position: absolute;
  width: 6.73vw;
  height: 3.47vw;
  top: 1.31vw;
  left: 0px;
  line-height: 0.95vw;
  text-align: center;
  padding-left: 1.42vw;
  transition: all 0.25s;
  opacity: 0;
}
/* line 451, ../../../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-right .menu-ad-list .menu-ad-item .menu-ad-desc a {
  color: #423F3F;
  font-size: 0.68vw;
}

/* line 11, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  margin: 0;
  padding: 0;
  background: #FFFFFF 0% 0% no-repeat padding-box;
}
/* line 20, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution.show {
  display: flex;
}
/* line 24, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution.hidden {
  display: none;
}
/* line 28, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-left {
  width: 18.81vw;
  background: #EEEEEE 0% 0% no-repeat padding-box;
  padding-bottom: 2vw;
}
/* line 33, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-left ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 0.92vw;
}
/* line 39, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-left ul li {
  padding-left: 8.72vw;
  padding-top: 0.92vw;
  padding-bottom: 0.92vw;
  text-align: left;
}
/* line 45, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-left ul li a {
  color: rgba(66, 63, 63, 0.5);
  font-size: 1.05vw;
  font-weight: bold;
  line-height: 1.42vw;
}
/* line 51, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-left ul li a:hover {
  color: #008cd6;
}
/* line 55, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-left ul li a.active {
  color: #008cd6;
}
/* line 63, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-center {
  width: 76.8vw;
}
/* line 66, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-center .menu-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 auto;
  padding: 0;
  width: calc(19.5vw * 4 + 2vw);
  background: #FFFFFF 0% 0% no-repeat padding-box;
  padding-top: 1.84vw;
  padding-bottom: 3.84vw;
  padding-left: 2vw;
}
/* line 79, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-center .menu-list.show {
  display: flex;
}
/* line 83, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-center .menu-list.hidden {
  display: none;
}
/* line 87, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-center .menu-list .menu-level-4 {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
  flex-basis: 19.5vw;
  padding-left: 2.5vw;
}
/* line 95, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-center .menu-list .menu-level-4 .menu-title {
  text-align: left;
  line-height: 1.26vw;
}
/* line 99, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-center .menu-list .menu-level-4 .menu-title a {
  color: #423F3F;
  font-size: 0.95vw;
  font-weight: bold;
}
/* line 104, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-center .menu-list .menu-level-4 .menu-title a:hover {
  color: #008cd6;
}
/* line 110, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-center .menu-list .menu-level-4 .menu-item {
  text-align: left;
}
/* line 113, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-center .menu-list .menu-level-4 .menu-item ul {
  list-style: none;
}
/* line 116, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-center .menu-list .menu-level-4 .menu-item ul li {
  line-height: 1.16vw;
  padding-top: 0.79vw;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 116, ../../../../Sass/sass/base/Header/_solution.scss */
  .topBg #menu-main .menu-type-solution .menu-section-center .menu-list .menu-level-4 .menu-item ul li {
    line-height: calc(1.16vw + 6px);
    padding-top: 1.5vw;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 116, ../../../../Sass/sass/base/Header/_solution.scss */
  .topBg #menu-main .menu-type-solution .menu-section-center .menu-list .menu-level-4 .menu-item ul li {
    line-height: calc(1.16vw + 6px);
  }
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
  /* line 116, ../../../../Sass/sass/base/Header/_solution.scss */
  .topBg #menu-main .menu-type-solution .menu-section-center .menu-list .menu-level-4 .menu-item ul li {
    line-height: calc(1.16vw + 6px);
  }
}
/* line 136, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-center .menu-list .menu-level-4 .menu-item ul li a {
  color: #423F3F;
  font-size: 0.89vw;
}
/* line 140, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-center .menu-list .menu-level-4 .menu-item ul li a:hover {
  color: #008cd6;
}
/* line 148, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-center .menu-list .menu-level-4 .menu-button-more {
  padding-top: 1.31vw;
  padding-bottom: 2.6vw;
}
/* line 152, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-center .menu-list .menu-level-4 .menu-button-more a {
  background: rgba(255, 255, 255, 0) 0% 0% no-repeat padding-box;
  border: 0.5px solid #A1A1A1;
  text-align: center;
  color: #008cd6;
  padding: 0.16vw 1.05vw;
  text-transform: uppercase;
  font-size: 0.79vw;
}
/* line 161, ../../../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-center .menu-list .menu-level-4 .menu-button-more a:hover {
  border: 2px solid #A1A1A1;
  font-weight: 600;
}

/* line 10, ../../../../Sass/sass/base/Header/_rwd.scss */
.showOpacity {
  opacity: 1 !important;
}

/* line 16, ../../../../Sass/sass/base/Header/_rwd.scss */
svg.ArrowDown, svg.MoreDots {
  width: 10px;
  height: 9px;
}
/* line 21, ../../../../Sass/sass/base/Header/_rwd.scss */
svg.ArrowDown .GigabyteBlueColor, svg.MoreDots .GigabyteBlueColor {
  fill: #008CD6;
}
/* line 26, ../../../../Sass/sass/base/Header/_rwd.scss */
svg.ArrowLine {
  width: 6px;
  height: 9.6px;
  fill: #fff;
}
/* line 32, ../../../../Sass/sass/base/Header/_rwd.scss */
svg.MemberIcon, svg.LanguageIcon {
  width: 20px;
  height: 20px;
}
/* line 37, ../../../../Sass/sass/base/Header/_rwd.scss */
svg.MemberIcon .cls-1, svg.LanguageIcon .cls-1 {
  fill: none;
}

/* line 43, ../../../../Sass/sass/base/Header/_rwd.scss */
.RotationVertical {
  transform: scaleY(-1);
}

@media screen and (max-width: 960px) {
  /* line 52, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling {
    position: fixed;
  }
  /* line 56, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.opensearch {
    background: none;
    background-color: #ffffff;
  }
  /* line 66, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.new-header-bar .navbar-header .MobileMenu div#mobile-menu span {
    background-color: #ffffff;
  }
  /* line 80, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.new-header-bar .navbar-header .content-other div.content-other-items div.search > img.black_img {
    display: none;
  }
  /* line 84, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.new-header-bar .navbar-header .content-other div.content-other-items div.search > img.white_img {
    display: block;
  }
  /* line 97, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.new-header-bar .navbar-header .content-logo img#original_logo_black {
    display: none;
  }
  /* line 101, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.new-header-bar .navbar-header .content-logo img#original_logo_white {
    display: block;
  }
  /* line 111, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.NotCoverHeader {
    background: none;
    background-color: #ffffff;
  }
  /* line 171, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .cnAd span {
    color: #000000;
  }
  /* line 180, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li {
    margin: 1.05vw;
    font-size: 0.95vw;
    line-height: 1.10vw;
    font-weight: bold;
  }
  /* line 205, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li a {
    color: rgba(66, 63, 63, 0.7);
    text-decoration: none;
  }
  /* line 209, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li a .menuLevel1-arrow {
    padding: 0 0.42vw;
    display: inline-block;
  }
  /* line 214, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li a .menuLevel1-arrow svg.arrow-down {
    width: 0.42vw;
    height: 0.42vw;
  }
  /* line 219, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li a .menuLevel1-arrow svg .GigabyteBlueColor {
    fill: rgba(66, 63, 63, 0.7);
  }
  /* line 225, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li a:hover {
    color: #423f3f;
  }
  /* line 230, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li a:hover .menuLevel1-arrow svg .GigabyteBlueColor {
    fill: #423f3f;
  }
  /* line 239, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li.active a {
    color: #423F3F;
  }
  /* line 244, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li.active a .menuLevel1-arrow svg .GigabyteBlueColor {
    fill: #423F3F;
  }
  /* line 260, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header .content-other div.content-other-items > div a {
    color: #000000;
  }
  /* line 264, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header .content-other div.content-other-items > div a img.black_img {
    display: block;
  }
  /* line 268, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header .content-other div.content-other-items > div a img.white_img {
    display: none;
  }
  /* line 276, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header .content-other div.content-other-items > div.search img.black_img {
    display: block;
  }
  /* line 280, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header .content-other div.content-other-items > div.search img.white_img {
    display: none;
  }
  /* line 287, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search #full-search-keyword {
    color: #000000;
    font-size: 86%;
    border: none;
    padding-right: 88px;
  }
  /* line 299, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search span.close > span.first, .topBg #header-bar.scrolling.NotCoverHeader .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search span.close > span.second {
    background: #000000;
  }
  /* line 318, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header .content-logo img#original_logo_black {
    display: block;
  }
  /* line 322, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header .content-logo img#original_logo_white {
    display: none;
  }
  /* line 331, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header .MobileMenu div#mobile-menu > span {
    background-color: #000000;
    height: 3px !important;
  }
  /* line 118, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.CoverHeader .mobileEnterpriseButtonArea {
    height: 0px;
    opacity: 0;
  }
  /* line 124, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.b2bMenu {
    background-color: #000000;
  }
  /* line 350, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header #menu-main > .menu-level-1 > .content-menu a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
  }
  /* line 354, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header #menu-main > .menu-level-1 > .content-menu a .menuLevel1-arrow {
    padding: 0 0.42vw;
    display: inline-block;
  }
  /* line 359, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header #menu-main > .menu-level-1 > .content-menu a .menuLevel1-arrow svg.arrow-down {
    width: 0.42vw;
    height: 0.42vw;
  }
  /* line 364, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header #menu-main > .menu-level-1 > .content-menu a .menuLevel1-arrow svg .GigabyteBlueColor {
    fill: rgba(255, 255, 255, 0.7);
  }
  /* line 370, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header #menu-main > .menu-level-1 > .content-menu a:hover {
    color: white;
  }
  /* line 375, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header #menu-main > .menu-level-1 > .content-menu a:hover .menuLevel1-arrow svg .GigabyteBlueColor {
    fill: white;
  }
  /* line 390, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header .content-other div.content-other-items > div a {
    color: #ffffff;
  }
  /* line 394, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header .content-other div.content-other-items > div a img.black_img {
    display: none;
  }
  /* line 398, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header .content-other div.content-other-items > div a img.white_img {
    display: block;
  }
  /* line 406, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header .content-other div.content-other-items > div.search img.black_img {
    display: none;
  }
  /* line 410, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header .content-other div.content-other-items > div.search img.white_img {
    display: block;
  }
  /* line 417, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search #full-search-keyword {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
  }
  /* line 426, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search span.close > span.first, .topBg #header-bar.scrolling.b2bMenu .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search span.close > span.second {
    background: #ffffff;
  }
  /* line 445, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header .content-logo img#original_logo_black {
    display: none;
  }
  /* line 449, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header .content-logo img#original_logo_white {
    display: block;
  }
  /* line 459, ../../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header .MobileMenu div#mobile-menu > span {
    background-color: #ffffff;
  }
  /* line 131, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile {
    position: fixed;
    z-index: 100002;
    background: none;
    height: 100vH;
    padding: 0;
  }
  /* line 138, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header {
    height: 100vH;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 143, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header {
    height: 100vH;
  }
  /* line 147, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock {
    background-color: #ffffff;
    font-size: 130%;
    top: 60px;
    width: 100%;
    position: absolute;
    font-family: Segoe UI, 'Noto Sans', 'Noto Sans TC', 'Noto Sans SC', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
    src: local("Segoe UI Semilight"), local("Segoe UI");
  }
  /* line 150, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock.showBody {
    display: block;
    padding-bottom: 47vw;
  }
  /* line 162, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle {
    display: block;
    width: 100%;
    text-align: left;
    margin: 0;
    text-align: center;
    /*padding-left: 25px;
    padding-right: 25px;*/
  }
  /* line 172, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle .MenuTtitleHref {
    border-bottom: 1px solid rgba(112, 112, 112, 0.1);
    background-color: #EEEEEE;
    padding: 4vW 0;
    font-size: 18px;
    display: block;
    position: relative;
  }
  /* line 181, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle .MenuTtitleHref span.listStyle {
    display: inline-block;
    position: absolute;
    left: 35px;
  }
  /* line 186, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle .MenuTtitleHref span.listStyle img {
    height: 20px;
  }
  /* line 191, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle .MenuTtitleHref span.text {
    color: #000000;
    font-weight: bold;
  }
  /* line 199, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle > .titleContainer .listNext {
    display: none;
  }
  /* line 205, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle ul.menu-body-area {
    font-family: Segoe UI, 'Noto Sans', 'Noto Sans TC', 'Noto Sans SC', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
    src: local("Segoe UI Semilight"), local("Segoe UI");
  }
  /* line 211, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle ul.menu-body-area li.viewallItem {
    padding: 15px 0px 15px 0px;
  }
  /* line 214, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle ul.menu-body-area li.viewallItem > a {
    color: #1E9FF2;
  }
  /* line 219, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle ul.menu-body-area li.menuBody {
    display: block;
    width: 100%;
    font-size: 15px;
    margin: 0;
  }
  /* line 226, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle ul.menu-body-area li.menuBody .mobileMenuFadeOutButton {
    padding: 3.6vW 0;
    display: block;
    border-bottom: 1px solid rgba(112, 112, 112, 0.1);
  }
  /* line 232, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle ul.menu-body-area li.menuBody .mobileMenuFadeOutButton span.text {
    color: #423F3F;
  }
  /* line 239, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle ul.menu-body-area li.AorusLogoIcon {
    display: none;
  }
  /* line 248, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle ul.menu-body-area.GamingMenuTitle > a li.menuBody img {
    width: 150px;
  }
  /* line 251, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle ul.menu-body-area.GamingMenuTitle > a li.menuBody img.white_logo {
    display: none;
  }
  /* line 261, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle ul.menu-bodySub-area {
    display: none;
    text-align: left;
    font-size: 15px;
    border-bottom: 1px solid rgba(112, 112, 112, 0.1);
  }
  /* line 267, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle ul.menu-bodySub-area .MenuBodySubHref {
    font-weight: bold;
    color: #008CD6;
    padding: 3.6vW 15px;
    display: block;
  }
  /* line 273, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle ul.menu-bodySub-area .MenuBodySubHref .textDesc {
    font-size: 12px;
    color: rgba(66, 63, 63, 0.35);
  }
  /* line 282, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.backMainPage {
    display: none;
    position: fixed;
    bottom: 46px;
    width: 100%;
    height: 30px;
  }
  /* line 293, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.backMainPage div.circle {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: relative;
  }
  /* line 301, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.backMainPage div.circle img {
    width: 20px;
    position: absolute;
    top: 5px;
    left: 4px;
  }
  /* line 310, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.backMainPage.show {
    display: block;
  }
  /* line 317, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock.showAutoComplete {
    background-color: #ffffff;
  }
  /* line 320, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock.showAutoComplete li {
    display: none;
  }
  /* line 328, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-logo {
    display: none;
  }
  /* line 333, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-logo a img#original_logo_white {
    display: none;
  }
  /* line 337, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-logo a img#original_logo_black {
    display: block;
  }
  /* line 344, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other {
    width: 100%;
    display: none;
    padding-right: 15px;
    padding-left: 59px;
  }
  /* line 355, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other .content-other-items div.search {
    height: 100%;
    padding: 0;
  }
  /* line 360, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other .content-other-items div.search > img.black_img {
    display: none;
  }
  /* line 364, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other .content-other-items div.search > img.white_img {
    display: none;
  }
  /* line 370, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other .content-other-items div.search form#Top-Menu-Search {
    display: block;
    height: 41px;
    border-left: 1px solid #999999;
    padding-left: 20px;
  }
  /* line 376, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other .content-other-items div.search form#Top-Menu-Search .content {
    width: 100%;
    height: 100%;
    position: relative;
  }
  /* line 382, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other .content-other-items div.search form#Top-Menu-Search .content input#full-search-keyword {
    position: absolute;
    left: 0;
    top: 5.5px;
    width: 100%;
    height: 30px;
    font-size: 60%;
    border: none;
    color: #423F3F;
    padding: 0;
    padding-right: 55px;
  }
  /* line 394, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other .content-other-items div.search form#Top-Menu-Search .content input#full-search-keyword::placeholder {
    color: #999999;
    /* Firefox */
  }
  /* line 399, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other .content-other-items div.search form#Top-Menu-Search .content input#full-search-keyword:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999999;
  }
  /* line 404, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other .content-other-items div.search form#Top-Menu-Search .content input#full-search-keyword::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #999999;
  }
  /* line 413, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other .content-other-items div.search form#Top-Menu-Search span.submit_area {
    display: none;
  }
  /* line 417, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other .content-other-items div.search form#Top-Menu-Search span.back {
    display: none;
  }
  /* line 421, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other .content-other-items div.search form#Top-Menu-Search span.clear {
    display: none;
    position: absolute;
    height: 20px;
    right: 0px;
    top: 8px;
    font-size: 60%;
    padding-left: 10px;
  }
  /* line 432, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other .content-other-items div.search form#Top-Menu-Search span.clear span.icon {
    display: none;
    width: 20px;
    height: 20px;
  }
  /* line 437, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other .content-other-items div.search form#Top-Menu-Search span.clear span.icon span {
    background-color: #000000;
    height: 1.6px;
    position: absolute;
    top: 9px;
    left: 0;
    width: 100%;
  }
  /* line 445, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other .content-other-items div.search form#Top-Menu-Search span.clear span.icon span.first {
    transform: rotate(45deg);
  }
  /* line 449, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other .content-other-items div.search form#Top-Menu-Search span.clear span.icon span.second {
    transform: rotate(-45deg);
  }
  /* line 455, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other .content-other-items div.search form#Top-Menu-Search span.clear span.text {
    display: block;
    color: #000000;
    padding-left: 10px;
    border-left: 1px solid #000000;
    width: auto;
  }
  /* line 464, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other .content-other-items div.search form#Top-Menu-Search span.clear.show {
    display: block;
  }
  /* line 475, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other.cn_contentOther {
    padding-left: 69px;
  }
  /* line 483, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other.cn_contentOther div.content-other-items div.search form#Top-Menu-Search {
    padding-left: 15px;
  }
  /* line 496, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .titleContainer {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
  }
  /* line 502, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .titleContainer a {
    width: 100%;
  }
  /* line 506, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .titleContainer .listNext {
    position: absolute;
    right: 15px;
  }
  /* line 512, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .mobileBtmMenuArea {
    position: fixed;
    bottom: 0;
    display: block;
    width: 100%;
    z-index: 1000;
  }
  /* line 519, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .mobileBtmMenuArea .mobileBtmMenu {
    display: block;
  }
  /* line 522, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .mobileBtmMenuArea .mobileBtmMenu li {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* line 529, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .mobileBtmMenuArea .mobileBtmMenuBack {
    opacity: 0;
    padding: 3vW 0;
    background-color: rgba(255, 255, 255, 0.88);
    transition: all 0.3s ease-in-out;
  }
  /* line 536, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .mobileBtmMenuArea .mobileBtmMenuBack span.img {
    width: 22px;
    height: 22px;
    border-radius: 22px;
    background-color: rgba(0, 0, 0, 0.2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  /* line 547, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .mobileBtmMenuArea .mobileBtmMenuBack span.text {
    margin: 0 10px;
    color: #423F3F;
  }
  /* line 555, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .mobileBtmMenuArea .mobileBtmMenuCommon {
    border-top: 5px solid #008CD6;
    background-color: #fff;
  }
  /* line 559, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .mobileBtmMenuArea .mobileBtmMenuCommon .member {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
  }
  /* line 563, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .mobileBtmMenuArea .mobileBtmMenuCommon .member,
  .topBg #header-bar.openMobile .container-header .navbar-header .mobileBtmMenuArea .mobileBtmMenuCommon .language {
    width: 49%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 3vW 0;
  }
  /* line 571, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .mobileBtmMenuArea .mobileBtmMenuCommon .member a,
  .topBg #header-bar.openMobile .container-header .navbar-header .mobileBtmMenuArea .mobileBtmMenuCommon .language a {
    color: #423F3F;
    display: block;
  }
  /* line 576, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .mobileBtmMenuArea .mobileBtmMenuCommon .member .img,
  .topBg #header-bar.openMobile .container-header .navbar-header .mobileBtmMenuArea .mobileBtmMenuCommon .language .img {
    margin: 0 3vW;
    display: inline-flex;
    align-items: center;
  }
  /* line 587, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header #mobileMenuShowBodyBlock,
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu {
    overflow: auto;
    height: 86vH;
    padding-bottom: 15vH;
  }
  /* line 594, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu {
    display: block;
    -webkit-transition: min-height 0.5s;
    /* Safari */
    transition: min-height 0.5s;
    text-align: center;
    min-height: unset !important;
  }
  /* line 603, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu.showBody {
    display: none;
  }
  /* line 607, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu li {
    height: auto;
  }
  /* line 611, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu li.menuHeader {
    display: block;
    width: 100%;
    color: #423F3F;
    margin: 0;
  }
  /* line 618, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu li.menuHeader:not(:last-child) .mobileMenuFadeOutButton {
    border-bottom: 1px solid rgba(112, 112, 112, 0.1);
  }
  /* line 623, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu li.menuHeader .mobileMenuFadeOutButton {
    display: block;
    position: relative;
    padding: 4vW 0;
    font-size: 18px;
    width: 100%;
  }
  /* line 631, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu li.menuHeader .mobileMenuFadeOutButton span.listStyle {
    display: inline-block;
    position: absolute;
    left: 4px;
  }
  /* line 636, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu li.menuHeader .mobileMenuFadeOutButton span.listStyle img {
    height: 20px;
  }
  /* line 641, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu li.menuHeader .mobileMenuFadeOutButton span.text {
    font-weight: bold;
  }
  /* line 663, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu li.menuHeader ul.menu-title-area {
    /*padding: 0px 0px 10px 32px;
         margin-bottom: 10px;*/
    display: none;
  }
  /* line 675, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu li.menuTitle {
    display: inline-flex;
    width: 100%;
    margin: 0;
    background-color: #EEEEEE;
    border-bottom: 1px solid rgba(112, 112, 112, 0.1);
    position: relative;
  }
  /* line 684, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu li.menuTitle a {
    display: block;
    width: 100%;
    padding: 3.6vW 0;
    font-size: 15px;
  }
  /* line 691, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu li.menuTitle a span.text {
    color: #423F3F;
  }
  /* line 697, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu li.menuTitle .listNext {
    display: inline-flex;
    align-items: center;
  }
  /* line 701, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu li.menuTitle .listNext img {
    width: 18px;
  }
  /* line 711, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu.showAutoComplete {
    background-color: #ffffff;
  }
  /* line 714, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu.showAutoComplete li {
    display: none;
  }
  /* line 720, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu a span {
    color: #000000;
  }
  /* line 726, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .MobileMenu {
    left: 15px;
  }
  /* line 730, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .MobileMenu i#mobile-menu-open-img {
    color: #000000;
  }
  /* line 737, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .MobileMenu div#mobile-menu span {
    background-color: #000000;
  }
  /* line 747, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .MobileSearch i#mobile-search-open-img {
    color: #000000;
  }
  /* line 756, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile.done {
    background-color: #ffffff;
  }
  /* line 761, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile.done .container-header .navbar-header .content-other {
    display: table;
    border-bottom: 1px solid rgba(112, 112, 112, 0.1);
  }
  /* line 769, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile.done .cnAd {
    color: #000000;
  }
  /* line 774, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile.b2bMenu {
    color: #000000;
  }
  /* line 788, ../../../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile.b2bMenu .container-header .navbar-header ul.content-menu li.mobileBtmMenuArea > ul a.language, .topBg #header-bar.openMobile.b2bMenu .container-header .navbar-header ul.content-menu li.mobileBtmMenuArea > ul a.aorus {
    display: none;
  }

  /* line 809, ../../../../Sass/sass/base/Header/_rwd.scss */
  .MobileMenuArea.new-mobile-header-bar,
  .MobileMenuSubArea.new-mobile-header-bar {
    position: fixed;
    z-index: 99999;
    top: 70px;
  }

  /* line 816, ../../../../Sass/sass/base/Header/_rwd.scss */
  #mobileMenuShowBlock {
    display: none;
  }

  /* line 823, ../../../../Sass/sass/base/Header/_rwd.scss */
  #mobileMenuShowBlock {
    z-index: 99998;
    width: 100%;
    height: 300%;
    top: 0;
    background-color: #ffffff;
    position: fixed;
  }
  /* line 831, ../../../../Sass/sass/base/Header/_rwd.scss */
  #mobileMenuShowBlock.open {
    display: block;
  }

  /* line 841, ../../../../Sass/sass/base/Header/_rwd.scss */
  body.lockscroll {
    overflow: hidden;
  }
  /* line 845, ../../../../Sass/sass/base/Header/_rwd.scss */
  body.lockscroll div#PageMainContentBlock {
    background-color: #eeeeee;
    width: 100%;
    height: 200%;
    display: block;
    opacity: 1;
  }
  /* line 852, ../../../../Sass/sass/base/Header/_rwd.scss */
  body.lockscroll div#PageMainContentBlock.whiteBg {
    background-color: #ffffff;
  }
  /* line 861, ../../../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd {
    z-index: 999999 !important;
    top: 95px !important;
    left: 0 !important;
    width: 100% !important;
    border: none !important;
    position: fixed !important;
    overflow: auto !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    background-color: #ffffff !important;
    height: calc(100% - 60px) !important;
    font-family: Segoe UI, 'Noto Sans', 'Noto Sans TC', 'Noto Sans SC', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
    src: local("Segoe UI Semilight"), local("Segoe UI");
  }
  /* line 876, ../../../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd li {
    padding-left: 55px !important;
  }
  /* line 879, ../../../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd li.ui-menu-item {
    color: #000000 !important;
    font-size: 96%;
  }
  /* line 885, ../../../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd li.ui-menu-item div.ui-state-active {
    border: none !important;
    background: none !important;
    color: #000000 !important;
  }
  /* line 890, ../../../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd li.ui-menu-item div.ui-state-active:hover {
    border: none !important;
    background: none !important;
    color: #000000 !important;
  }
  /* line 899, ../../../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd li > div {
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 90%;
  }
  /* line 907, ../../../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd > li > div {
    padding-left: 5px !important;
    padding-left: 5px !important;
  }
  /* line 914, ../../../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd.openMobile > li {
    padding-left: 59px !important;
  }
  /* line 917, ../../../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd.openMobile > li > div {
    padding-left: 20px !important;
  }
  /* line 926, ../../../../Sass/sass/base/Header/_rwd.scss */
  body ul.RTL.MenuAutocompleteRwd li {
    padding-left: 0 !important;
    padding-right: 55px !important;
  }
  /* line 932, ../../../../Sass/sass/base/Header/_rwd.scss */
  body ul.RTL.MenuAutocompleteRwd.openMobile > li {
    padding-left: 0 !important;
    padding-right: 59px !important;
  }
  /* line 936, ../../../../Sass/sass/base/Header/_rwd.scss */
  body ul.RTL.MenuAutocompleteRwd.openMobile > li > div {
    padding-left: 0px !important;
    padding-right: 20px !important;
  }
}
/* line 15, ../../../../Sass/sass/base/Header/_main.scss */
.isIEBrowser > .topBg .Content-TopArea.filter-blur,
.isIEBrowser > .topBg #PageMainContent.filter-blur,
.isIEBrowser > .topBg footer.filter-blur {
  opacity: 1;
}

/* line 24, ../../../../Sass/sass/base/Header/_main.scss */
html.noscroll {
  overflow-y: hidden;
}

/* line 35, ../../../../Sass/sass/base/Header/_main.scss */
.topBg .Content-TopArea.filter-blur,
.topBg #PageMainContent.filter-blur,
.topBg footer.filter-blur {
  filter: blur(15px);
  -webkit-filter: blur(15px);
}

/* line 45, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main {
  position: absolute;
  top: 0;
  left: 20%;
  width: 60%;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 45, ../../../../Sass/sass/base/Header/_main.scss */
  .topBg #header-bar #menu-main {
    left: 15%;
    width: 56%;
  }
}
@media screen and (max-width: 960px) {
  /* line 45, ../../../../Sass/sass/base/Header/_main.scss */
  .topBg #header-bar #menu-main {
    display: none;
  }
}
/* line 63, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main .menu-level-1 ul {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
/* line 71, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main .menu-level-1 ul li {
  margin: 1.05vw;
  font-size: 0.95vw;
  line-height: 1.10vw;
  font-weight: bold;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 71, ../../../../Sass/sass/base/Header/_main.scss */
  .topBg #header-bar #menu-main .menu-level-1 ul li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 71, ../../../../Sass/sass/base/Header/_main.scss */
  .topBg #header-bar #menu-main .menu-level-1 ul li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
  /* line 71, ../../../../Sass/sass/base/Header/_main.scss */
  .topBg #header-bar #menu-main .menu-level-1 ul li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1441px) {
  /* line 71, ../../../../Sass/sass/base/Header/_main.scss */
  .topBg #header-bar #menu-main .menu-level-1 ul li {
    padding-top: 0px;
  }
}
/* line 97, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main .menu-level-1 ul li a {
  color: rgba(66, 63, 63, 0.7);
  text-decoration: none;
}
/* line 101, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main .menu-level-1 ul li a .menuLevel1-arrow {
  padding: 0 0.42vw;
  display: inline-block;
}
/* line 106, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main .menu-level-1 ul li a .menuLevel1-arrow svg.arrow-down {
  width: 0.42vw;
  height: 0.42vw;
}
/* line 111, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main .menu-level-1 ul li a .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: rgba(66, 63, 63, 0.7);
}
/* line 117, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main .menu-level-1 ul li a:hover {
  color: #423f3f;
}
/* line 122, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main .menu-level-1 ul li a:hover .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: #423f3f;
}
/* line 131, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main .menu-level-1 ul li.active a {
  color: #423F3F;
}
/* line 136, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main .menu-level-1 ul li.active a .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: #423F3F;
}
/* line 147, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub {
  display: block;
  position: fixed;
  left: 0;
  width: 100vw;
}
/* line 154, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub .sub-content-1 {
  background-color: #008CD6;
}
/* line 157, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub .sub-content-1.closeMenu {
  display: none;
}
/* line 162, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub .sub-content-1 .menu-level-2.show {
  display: block;
}
/* line 166, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub .sub-content-1 .menu-level-2.hidden {
  display: none;
}
/* line 170, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub .sub-content-1 .menu-level-2 ul {
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
/* line 177, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub .sub-content-1 .menu-level-2 ul li {
  padding: 0.95vw 2.63vw;
  position: relative;
}
/* line 182, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub .sub-content-1 .menu-level-2 ul li:hover::after {
  content: "";
  background: #707070 0% 0% no-repeat padding-box;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 5px;
}
/* line 194, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub .sub-content-1 .menu-level-2 ul li.active::after {
  content: "";
  background: transparent linear-gradient(90deg, #41bbfb 0%, #2cdd95 100%) 0% 0% no-repeat padding-box;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 5px;
}
/* line 205, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub .sub-content-1 .menu-level-2 ul li a {
  font-size: 1.05vw;
  line-height: 1.26vw;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0px 3px 0.42vw #0000004F;
  font-family: 'Open Sans', Segoe UI, 'Noto Sans TC', 'Lato', 'Play', sans-serif, "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
}
/* line 221, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub .sub-content-2 {
  background: #FFFFFF 0% 0% no-repeat padding-box;
}
/* line 224, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub .sub-content-2.closeMenu {
  display: none;
}

/* line 238, ../../../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main a.noUrlLink {
  cursor: pointer !important;
}

@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 256, ../../../../Sass/sass/base/Header/_main.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.language, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.member, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.search, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.businessCenter, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.aorus {
    padding: 0 15px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 256, ../../../../Sass/sass/base/Header/_main.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.language, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.member, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.search, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.businessCenter, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.aorus {
    padding: 0 0 0 23px;
  }
}

/* line 1, ../../../../Sass/sass/base/Header/_mainMobile.scss */
#menu-main-mobile {
  display: none;
}

/* line 1, ../../../../Sass/sass/product/_baseListPage.scss */
.SideMenuSub,
.side-menu-sub {
  line-height: 90%;
  font-size: 80%;
  font-weight: normal;
}

/* line 8, ../../../../Sass/sass/product/_baseListPage.scss */
.model-info-section {
  display: inline-block;
  width: 73%;
  padding: 2% 0;
  margin: auto 2%;
}
/* line 14, ../../../../Sass/sass/product/_baseListPage.scss */
.model-info-section .ModelTitle {
  font-size: 105%;
  font-weight: bold;
}
/* line 20, ../../../../Sass/sass/product/_baseListPage.scss */
.model-info-section .ModelTitle .model-name {
  word-break: break-word;
}
/* line 24, ../../../../Sass/sass/product/_baseListPage.scss */
.model-info-section .ModelTitle .model-version {
  word-break: break-word;
}
/* line 8, ../../../../Sass/sass/base/_font.scss */
.model-info-section .ModelTitle.google-font {
  font-family: 'Lato', 'Play', sans-serif, "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
}
/* line 31, ../../../../Sass/sass/product/_baseListPage.scss */
.model-info-section .ModelTitle .LaptopScreenSize {
  position: relative;
  color: #FFF;
  background: #666;
  font-size: 11px;
  padding: 1px 4px;
  bottom: 2px;
  border-radius: 3px;
  margin-left: 5px;
}

/* line 45, ../../../../Sass/sass/product/_baseListPage.scss */
.list-area .model-info-section {
  width: 92%;
}

/* line 50, ../../../../Sass/sass/product/_baseListPage.scss */
.DarkGray {
  background-color: #1E1E1E !important;
}

/* line 75, ../../../../Sass/sass/product/_baseListPage.scss */
.main-content > .content > .main-page-content > .section-left .ResetButton {
  text-align: right;
}
/* line 79, ../../../../Sass/sass/product/_baseListPage.scss */
.main-content > .content > .main-page-content > .section-left .ResetButton span {
  cursor: pointer;
  color: #008CD6;
  font-weight: bold;
}
@media screen and (max-width: 960px) {
  /* line 79, ../../../../Sass/sass/product/_baseListPage.scss */
  .main-content > .content > .main-page-content > .section-left .ResetButton span {
    font-size: 14px;
    padding: 10px 0;
    display: inline-block;
  }
}
@media screen and (max-width: 960px) {
  /* line 92, ../../../../Sass/sass/product/_baseListPage.scss */
  .main-content > .content > .main-page-content > .section-left::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    background-color: #F5F5F5;
  }
}
@media screen and (max-width: 960px) {
  /* line 101, ../../../../Sass/sass/product/_baseListPage.scss */
  .main-content > .content > .main-page-content > .section-left::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
  }
}
@media screen and (max-width: 960px) {
  /* line 109, ../../../../Sass/sass/product/_baseListPage.scss */
  .main-content > .content > .main-page-content > .section-left::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    background-color: #555;
  }
}
/* line 124, ../../../../Sass/sass/product/_baseListPage.scss */
.main-content > .content > .main-page-content > .section-right .model-image-section .compare-section input, .main-content > .content > .main-page-content > .section-right .model-list-info .compare-section input {
  display: none;
}
/* line 127, ../../../../Sass/sass/product/_baseListPage.scss */
.main-content > .content > .main-page-content > .section-right .model-image-section .compare-section input + span, .main-content > .content > .main-page-content > .section-right .model-list-info .compare-section input + span {
  display: flex;
  align-items: center;
  cursor: pointer;
}
/* line 133, ../../../../Sass/sass/product/_baseListPage.scss */
.main-content > .content > .main-page-content > .section-right .model-image-section .compare-section input + span:before, .main-content > .content > .main-page-content > .section-right .model-list-info .compare-section input + span:before {
  content: "";
  background: url("/Images/Object/IconCheckNo-VGAList.png") no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: -2px 9px 0px 0;
  border-radius: 4px;
  vertical-align: middle;
}
/* line 137, ../../../../Sass/sass/product/_baseListPage.scss */
.main-content > .content > .main-page-content > .section-right .model-image-section .compare-section input:checked + span:before, .main-content > .content > .main-page-content > .section-right .model-list-info .compare-section input:checked + span:before {
  background: url("/Images/Object/IconCheckYes-VGAList.png") no-repeat;
  background-position: 100% 0;
}

@media screen and (max-width: 960px) {
  /* line 182, ../../../../Sass/sass/product/_baseListPage.scss */
  .Rwd #PageMainContent .section-mobile-top .FilterIcon {
    border: 1px solid #008CD6;
  }
  /* line 185, ../../../../Sass/sass/product/_baseListPage.scss */
  .Rwd #PageMainContent .section-mobile-top .FilterIcon span {
    color: #008CD6;
  }
}
/* line 15, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
input {
  outline: none;
}

/* line 19, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.container,
.container-header,
.container-footer {
  max-width: 90%;
}

/* line 28, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
#normalSort.active,
#gridSort.active {
  border: 1px solid #999999;
}
/* line 33, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
#normalSort img,
#gridSort img {
  width: 100%;
  display: block;
}

/* line 39, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.paging {
  float: right;
  line-height: 30px;
}
/* line 45, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.paging > .paging-result, .paging > .paging-nav {
  display: inline-block;
}

/* line 56, ../../../../Sass/sass/base/_gridWall.scss */
.b4-container > ul {
  position: relative;
  height: 300px;
}
/* line 60, ../../../../Sass/sass/base/_gridWall.scss */
.b4-container > ul > li {
  border: 0.5em solid transparent;
  cursor: pointer;
  float: left;
  max-height: 300px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  width: 25%;
  vertical-align: top;
  line-height: 1.3em;
  transition: all 400ms ease 0ms;
}
/* line 80, ../../../../Sass/sass/base/_gridWall.scss */
.b4-container > ul > li:hover img {
  transform: scale(1.1, 1.1);
}
/* line 85, ../../../../Sass/sass/base/_gridWall.scss */
.b4-container > ul > li:hover .wording-background {
  background-color: #FF9963;
  opacity: 0.8;
}
/* line 92, ../../../../Sass/sass/base/_gridWall.scss */
.b4-container > ul > li:hover .wording-text {
  color: #FFFFFF;
}
/* line 98, ../../../../Sass/sass/base/_gridWall.scss */
.b4-container > ul > li img {
  display: block;
  width: 100%;
  transition: all 400ms ease 0ms;
}
/* line 104, ../../../../Sass/sass/base/_gridWall.scss */
.b4-container > ul > li a {
  color: inherit;
}
/* line 110, ../../../../Sass/sass/base/_gridWall.scss */
.b4-container > ul > li .wording-background, .b4-container > ul > li .wording-text {
  bottom: 0;
  padding: 1em;
  position: absolute;
  width: 100%;
}
/* line 121, ../../../../Sass/sass/base/_gridWall.scss */
.b4-container > ul > li .wording-background {
  background-color: #000000;
  opacity: 0.8;
  transition: all 400ms ease 0ms;
}
/* line 127, ../../../../Sass/sass/base/_gridWall.scss */
.b4-container > ul > li .wording-text {
  text-align: left;
  font-size: 120%;
}
/* line 8, ../../../../Sass/sass/base/_font.scss */
.b4-container > ul > li .wording-text.google-font {
  font-family: 'Lato', 'Play', sans-serif, "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
}
/* line 135, ../../../../Sass/sass/base/_gridWall.scss */
.b4-container > ul > li[data-row="1"] {
  top: 0;
}
/* line 149, ../../../../Sass/sass/base/_gridWall.scss */
.b4-container > ul > li[data-col="1"] {
  left: 0%;
}
/* line 149, ../../../../Sass/sass/base/_gridWall.scss */
.b4-container > ul > li[data-col="2"] {
  left: 25%;
}
/* line 149, ../../../../Sass/sass/base/_gridWall.scss */
.b4-container > ul > li[data-col="3"] {
  left: 50%;
}
/* line 149, ../../../../Sass/sass/base/_gridWall.scss */
.b4-container > ul > li[data-col="4"] {
  left: 75%;
}
/* line 154, ../../../../Sass/sass/base/_gridWall.scss */
.b4-container > ul > li[data-combo="2"] {
  width: 50%;
}
/* line 158, ../../../../Sass/sass/base/_gridWall.scss */
.b4-container > ul > li[data-combo="4"] {
  max-height: 600px;
  width: 50%;
}

/* line 55, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.b4-container {
  background-color: #333333;
  padding: 1% 0;
}
/* line 59, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.b4-container ul {
  height: auto;
  max-height: auto;
  display: table;
  width: 100%;
}
/* line 65, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.b4-container ul li {
  display: table-cell;
  padding: 5px;
  position: initial;
  float: none;
  transition: all 400ms ease 0ms;
}

/*
.b4-container {
    background-color: #333333;
    &>ul {
        padding: 1% 0;
        &>li {
            cursor: pointer;
            float: left;
            margin: 5px;
            max: {
                width: 760px;
                height: 300px;
            }
            overflow: hidden;
            width: 24.2%;
            height: 300px;
            &[data-col="2"] {
                width: 24.2%*2;
            }
            img {
                width: 100%;
                @include single-transition(all,400ms,ease,0ms);
                &:hover {                       
                    @include scale(1.1);
                }
            }
        }
    }
}
*/
/* line 113, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content {
  position: relative;
}
/* line 116, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content {
  margin-top: 2%;
}
/* line 121, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left, .main-content > .content > .main-page-content > .section-right {
  float: left;
  margin: auto 0.5%;
}
/* line 127, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left picture img.ProductImage, .main-content > .content > .main-page-content > .section-right picture img.ProductImage {
  width: 100%;
}
/* line 134, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left {
  width: 20%;
}
/* line 137, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left .mobile-close {
  display: none;
}
/* line 141, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left .side-menu {
  font-family: Segoe UI, 'Noto Sans', 'Noto Sans TC', 'Noto Sans SC', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
  src: local("Segoe UI Semilight"), local("Segoe UI");
}
/* line 144, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left .side-menu .disabled {
  color: #999999;
}
/* line 148, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left .side-menu > li {
  color: #000000;
  font-size: 140%;
  margin-bottom: 6%;
}
/* line 154, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left .side-menu > li > div {
  padding: 2% 0;
  font-weight: 700;
}
/* line 159, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left .side-menu > li > div > .material-icons {
  font-size: inherit;
  vertical-align: bottom;
  float: right;
  cursor: pointer;
}
/* line 166, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left .side-menu > li > div > .arrow-up {
  display: none;
}
/* line 171, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left .side-menu > li a {
  color: #000000;
}
/* line 178, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left .side-menu > li .side-menu-sub li {
  padding: 10px 0;
}
@media screen and (max-width: 960px) {
  /* line 181, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .main-content > .content > .main-page-content > .section-left .side-menu > li .side-menu-sub li .side-menu-name {
    color: #fff !important;
    position: relative;
  }
}
/* line 188, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left .side-menu > li .side-menu-sub li .side-menu-name label {
  cursor: pointer;
  vertical-align: middle;
}
/* line 193, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left .side-menu > li .side-menu-sub li .side-menu-name input {
  vertical-align: middle;
}
/* line 197, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left .side-menu > li .side-menu-sub li .side-menu-name .thisPageFilter {
  color: #008CD6;
}
/* line 202, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left .side-menu > li .side-menu-sub li .arrowIcon {
  float: right;
  margin: 0 4px;
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  /* line 202, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .main-content > .content > .main-page-content > .section-left .side-menu > li .side-menu-sub li .arrowIcon {
    float: inherit;
    position: absolute;
    right: 0;
    top: 0;
  }
}
/* line 214, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left .side-menu > li .side-menu-sub li .arrowIcon svg {
  width: 0.6vW;
}
@media screen and (max-width: 960px) {
  /* line 214, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .main-content > .content > .main-page-content > .section-left .side-menu > li .side-menu-sub li .arrowIcon svg {
    width: 10px;
  }
}
/* line 222, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left .side-menu > li .side-menu-sub li .arrowIcon .BuMinusSign {
  display: none;
}
/* line 227, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left .side-menu > li .side-menu-sub li.leaf {
  margin-left: 25px;
  text-indent: -25px;
}
/* line 231, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left .side-menu > li .side-menu-sub li.leaf label {
  cursor: pointer;
}
/* line 236, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left .side-menu > li .side-menu-sub li ul {
  margin: 3% 8% 2% 8%;
}
/* line 243, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-left .side-menu li.active {
  background-color: #cccccc;
}
/* line 249, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right {
  width: 75%;
}
/* line 252, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .section-mobile-top {
  display: none;
}
/* line 256, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .page-title {
  font-size: 200%;
  margin: 0 auto 2% auto;
}
/* line 8, ../../../../Sass/sass/base/_font.scss */
.main-content > .content > .main-page-content > .section-right .page-title.google-font {
  font-family: 'Lato', 'Play', sans-serif, "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
}
/* line 262, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .product-filter-container {
  font-size: 130%;
  margin: 1% auto;
  padding: 0 0 1% 0;
}
/* line 267, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .product-filter-container ul {
  width: 100%;
}
/* line 270, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .product-filter-container ul li {
  display: inline-block;
}
/* line 274, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .product-filter-container ul li.filter-checkbox {
  margin: auto 10px;
}
/* line 278, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .product-filter-container ul li.filter-chipset {
  margin: auto 20px;
  transition: all 400ms ease 0ms;
}
/* line 282, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .product-filter-container ul li.filter-chipset.ng-hide {
  line-height: 0;
  opacity: 0;
}
/* line 289, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .product-filter-container ul li:first-child {
  margin-left: 5%;
}
/* line 293, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .product-filter-container ul li input,
.main-content > .content > .main-page-content > .section-right .product-filter-container ul li select {
  outline: none;
}
/* line 303, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .model-image-section label {
  color: #888888;
}
/* line 309, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .model-list-info .model-List-Item {
  border-bottom: 1px solid #cccccc;
}
/* line 314, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .model-list-info .list-area li {
  width: 25%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-bottom: 60px;
}
/* line 321, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .model-list-info .list-area li .model-image-section {
  padding: 2%;
  margin: auto 2.5%;
}
/* line 325, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .model-list-info .list-area li .model-image-section img {
  width: 100%;
}
/* line 330, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .model-list-info .list-area li .compare-section {
  bottom: -10px;
  padding-right: 18px;
  width: 100%;
  color: #888888;
  position: absolute;
  padding-left: 2%;
}
/* line 343, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .model-list-info .model-info-section {
  padding: 2% 0 7% 0;
}
/* line 346, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .model-list-info .model-info-section a {
  color: inherit;
}
/* line 8, ../../../../Sass/sass/base/_font.scss */
.main-content > .content > .main-page-content > .section-right .model-list-info .model-info-section a.google-font {
  font-family: 'Lato', 'Play', sans-serif, "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
}
/* line 350, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .model-list-info .model-info-section a:hover {
  color: #999999;
}
/* line 356, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .model-list-info .model-name {
  font-size: 108%;
  letter-spacing: 0.6px;
}
/* line 361, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .model-list-info .model-summary {
  margin-top: 1%;
}
/* line 364, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .model-list-info .model-summary > div:first-child {
  font-size: 100% !important;
  line-height: 150% !important;
}
/* line 369, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content > .content > .main-page-content > .section-right .model-list-info .model-summary > ul {
  font-size: 120%;
  line-height: 130%;
  list-style: initial;
  padding: 0 20px;
  margin: auto 20px;
}

@media screen and (max-width: 960px) {
  /* line 388, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent {
    overflow-x: hidden;
  }
  /* line 391, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .b4-container {
    display: none;
  }
  /* line 397, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .content .main-page-content {
    width: 100%;
    margin-top: 0;
  }
  /* line 405, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .section-mobile-top {
    display: block;
    margin-bottom: 20px;
  }
  /* line 410, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .section-mobile-top .productLine {
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 220%;
    font-weight: bold;
    line-height: 1em;
  }
  /* line 8, ../../../../Sass/sass/base/_font.scss */
  .Rwd #PageMainContent .section-mobile-top .productLine.google-font {
    font-family: 'Lato', 'Play', sans-serif, "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
  }
  /* line 420, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .section-mobile-top .FilterIcon {
    display: table;
    border-radius: 4px;
    width: 80px;
    cursor: pointer;
  }
  /* line 426, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .section-mobile-top .FilterIcon span {
    display: table-cell;
    vertical-align: middle;
    font-size: 111%;
    font-weight: bold;
    padding: 1px;
  }
  /* line 433, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .section-mobile-top .FilterIcon span img {
    width: 25px;
    vertical-align: middle;
  }
  /* line 441, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .section-left {
    width: 70%;
    float: none;
    position: fixed;
    top: 0;
    left: -71%;
    height: 100%;
    background-color: #404040;
    padding-left: 3%;
    padding-right: 3%;
    font-size: 80%;
    z-index: 997;
    overflow-y: auto;
    background: black;
    /* Old browsers */
    background: -moz-linear-gradient(left, black 0%, #45484d 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, black 0%, #45484d 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, black 0%, #45484d 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#45484d', GradientType=1);
    /* IE6-9 */
    z-index: 99999;
    line-height: 1.5em;
    border-right: inherit;
  }
  /* line 31, ../../../../Sass/sass/base/_productMobileFilter.scss */
  .Rwd #PageMainContent .section-left ul.side-menu {
    margin-left: 2.5%;
    padding-bottom: 30px;
  }
  /* line 38, ../../../../Sass/sass/base/_productMobileFilter.scss */
  .Rwd #PageMainContent .section-left .mobile-logo {
    width: 180px;
    height: 70px;
    background: url(/Images/logo.png) no-repeat;
    background-position: center;
    background-size: 90%;
  }
  /* line 46, ../../../../Sass/sass/base/_productMobileFilter.scss */
  .Rwd #PageMainContent .section-left .mobile-close {
    display: block;
    width: 100%;
    height: 35px;
    margin-bottom: 20px;
  }
  /* line 53, ../../../../Sass/sass/base/_productMobileFilter.scss */
  .Rwd #PageMainContent .section-left .mobile-close .close {
    float: right;
    display: table;
    cursor: pointer;
  }
  /* line 60, ../../../../Sass/sass/base/_productMobileFilter.scss */
  .Rwd #PageMainContent .section-left .mobile-close .close span {
    display: table-cell;
    vertical-align: middle;
    padding: 3px 3px;
    color: #fff;
    font-size: 150%;
  }
  /* line 67, ../../../../Sass/sass/base/_productMobileFilter.scss */
  .Rwd #PageMainContent .section-left .mobile-close .close span img {
    vertical-align: middle;
    width: 20px;
  }
  /* line 77, ../../../../Sass/sass/base/_productMobileFilter.scss */
  .Rwd #PageMainContent .section-left .side-menu .side-menu-name {
    color: #888;
    font-size: 120%;
  }
  /* line 82, ../../../../Sass/sass/base/_productMobileFilter.scss */
  .Rwd #PageMainContent .section-left .side-menu .disabled {
    color: #888;
  }
  /* line 86, ../../../../Sass/sass/base/_productMobileFilter.scss */
  .Rwd #PageMainContent .section-left .side-menu .SideMenuSub {
    font-size: 90%;
  }
  /* line 90, ../../../../Sass/sass/base/_productMobileFilter.scss */
  .Rwd #PageMainContent .section-left .side-menu .side-menu-sub {
    font-size: 106%;
  }
  /* line 94, ../../../../Sass/sass/base/_productMobileFilter.scss */
  .Rwd #PageMainContent .section-left .side-menu li {
    color: #fff;
    line-height: 1.5em;
  }
  /* line 99, ../../../../Sass/sass/base/_productMobileFilter.scss */
  .Rwd #PageMainContent .section-left .side-menu a {
    color: #fff;
  }
  /* line 103, ../../../../Sass/sass/base/_productMobileFilter.scss */
  .Rwd #PageMainContent .section-left .side-menu i {
    color: #fff;
  }
  /* line 107, ../../../../Sass/sass/base/_productMobileFilter.scss */
  .Rwd #PageMainContent .section-left .side-menu-img {
    display: none;
  }
  /* line 111, ../../../../Sass/sass/base/_productMobileFilter.scss */
  .Rwd #PageMainContent .section-left .side-menu-sn {
    display: none;
  }
  /* line 116, ../../../../Sass/sass/base/_productMobileFilter.scss */
  .Rwd #PageMainContent .section-left .ProductFilterItemSetGray {
    background-color: #008CD6;
    cursor: pointer;
  }
  /* line 120, ../../../../Sass/sass/base/_productMobileFilter.scss */
  .Rwd #PageMainContent .section-left .ProductFilterItemSetGray a {
    color: #008CD6;
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  /* line 120, ../../../../Sass/sass/base/_productMobileFilter.scss */
  .Rwd #PageMainContent .section-left .ProductFilterItemSetGray a {
    color: #fff;
  }
}
@media screen and (max-width: 960px) {
  /* line 456, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .section-middle {
    display: none;
  }
  /* line 460, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .section-right {
    width: 100%;
    margin: 0;
  }
  /* line 465, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .section-right .model-list-info .sort-item {
    display: none;
  }
  /* line 469, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .section-right .model-list-info .text-area {
    display: none;
  }
  /* line 473, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .section-right .model-list-info .list-area {
    display: block;
  }
  /* line 476, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .section-right .model-list-info .list-area li {
    width: 50%;
  }
  /* line 490, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .section-right .page-title {
    font-size: 180%;
    line-height: 1em;
  }
  /* line 495, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .section-right .product-filter-container {
    background: none;
  }
  /* line 498, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .section-right .product-filter-container .left-tag {
    display: none;
  }
  /* line 502, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .section-right .product-filter-container .right-tag {
    display: none;
  }
  /* line 506, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .section-right .product-filter-container ul {
    margin: 0;
  }
  /* line 510, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .section-right .product-filter-container ul li.select-area {
    display: block;
    width: 100%;
    margin: 10px 0;
  }
  /* line 515, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .section-right .product-filter-container ul li.select-area .mt-customer-selector-layout {
    width: 72%;
    font-size: 70%;
  }
  /* line 520, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .section-right .product-filter-container ul li.select-area select {
    width: 100%;
    font-size: 100%;
  }
}
@media (min-width: 750px) and (max-width: 960px) {
  /* line 542, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
  .Rwd #PageMainContent .section-right .model-list-info .list-area li {
    width: 33%;
  }
}
/* line 555, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content-background {
  background-color: #000000;
  color: #cccccc;
}
/* line 560, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content .ProductFilterItemSetGray {
  background-color: inherit;
}
/* line 568, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content .content .main-page-content .section-left .side-menu > li {
  color: #ccc;
}
/* line 152, ../../../../Sass/sass/product/_baseListPage.scss */
.main-content .content .main-page-content .section-left .side-menu > li input {
  display: none;
}
/* line 157, ../../../../Sass/sass/product/_baseListPage.scss */
.main-content .content .main-page-content .section-left .side-menu > li.side-menu-item input[type="checkbox"] + label:before {
  content: "";
  background: url("/Images/Object/IconCheckNo-VGAList.png") no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: -2px 9px 0px 0;
  border-radius: 4px;
  vertical-align: middle;
}
/* line 161, ../../../../Sass/sass/product/_baseListPage.scss */
.main-content .content .main-page-content .section-left .side-menu > li.side-menu-item input[type="checkbox"]:checked + label:before {
  background: url("/Images/Object/IconCheckYes-VGAList.png") no-repeat;
  background-position: 100% 0;
}
/* line 165, ../../../../Sass/sass/product/_baseListPage.scss */
.main-content .content .main-page-content .section-left .side-menu > li.side-menu-item input[type="checkbox"]:disabled + label {
  color: #777;
  cursor: text;
}
/* line 170, ../../../../Sass/sass/product/_baseListPage.scss */
.main-content .content .main-page-content .section-left .side-menu > li.side-menu-item input[type="checkbox"]:disabled + label:before {
  opacity: 0.5;
}
/* line 573, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content .content .main-page-content .section-left .side-menu > li.side-menu-img img {
  width: 100%;
}
/* line 586, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content .content .main-page-content .section-left .side-menu > li a {
  /*color: $blackColor;
      &:hover {
          color: $garyColor;
      }*/
  color: #ccc;
}
/* line 594, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content .content .main-page-content .section-left .side-menu > li a:hover {
  color: #999999;
}
/* line 603, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content .content .main-page-content .section-right .product-filter-container {
  background-color: #000000;
  background: url(/Images/Object/pattern_12_gray_dropwown.png);
}
/* line 609, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content .content .main-page-content .section-right .product-filter-container ul li {
  position: relative;
}
/* line 613, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content .content .main-page-content .section-right .product-filter-container ul li input[type="checkbox"] {
  width: 15px;
  height: 15px;
}
/* line 619, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content .content .main-page-content .section-right .product-filter-container ul li:not(.select-area) {
  font-size: 150%;
  margin-left: 2%;
}
/* line 624, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content .content .main-page-content .section-right .product-filter-container ul li.name {
  margin-right: 0;
}
/* line 628, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content .content .main-page-content .section-right .product-filter-container ul li.select-area {
  margin: 0;
}
/* line 631, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content .content .main-page-content .section-right .product-filter-container ul li.select-area #filter-chipset-seletor {
  position: relative;
  z-index: 2;
  opacity: 0;
  margin: 0;
  cursor: pointer;
  vertical-align: inherit;
  font-size: inherit;
  background-color: #000000;
  color: inherit;
}
/* line 643, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content .content .main-page-content .section-right .product-filter-container ul li.select-area .customer-select-dropdownList {
  min-height: 30px;
  top: 0;
  position: absolute;
  width: 100%;
  right: 0;
  font-size: 90%;
  border: 1px solid #666666;
  border-radius: 4px;
  padding: 0 2px;
  z-index: 1;
  right: inherit;
  background-color: #000000;
}
/* line 657, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content .content .main-page-content .section-right .product-filter-container ul li.select-area .customer-select-dropdownList span {
  margin: auto 5px;
  vertical-align: middle;
}
/* line 662, ../../../../Sass/sass/product/graphicscard/GraphicsCardList.scss */
.main-content .content .main-page-content .section-right .product-filter-container ul li.select-area .customer-select-dropdownList i {
  float: right;
}