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

/* line 17, ../../../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 493, ../../../Sass/sass/base/Header/_base.scss */
a.noUrlLink {
  cursor: auto !important;
}

/* line 499, ../../../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 352, ../../../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 356, ../../../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 361, ../../../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 366, ../../../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 372, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header #menu-main > .menu-level-1 > .content-menu a:hover {
  color: white;
}
/* line 377, ../../../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 392, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header .content-other div.content-other-items > div a {
  color: #ffffff;
}
/* line 396, ../../../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 400, ../../../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 408, ../../../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 412, ../../../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 419, ../../../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 428, ../../../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 447, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header .content-logo img#original_logo_black {
  display: none;
}
/* line 451, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header .content-logo img#original_logo_white {
  display: block;
}
/* line 461, ../../../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 499, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar {
    z-index: 99999;
  }
}
/* line 515, ../../../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 515, ../../../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 528, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .cnAd {
  top: 0;
  position: absolute;
  right: 23px;
  height: 100%;
  display: table;
}
/* line 535, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .cnAd span {
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 960px) {
  /* line 528, ../../../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 550, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.openMobile .cnAd, .topBg #header-bar.opensearch .cnAd {
    margin-right: 2px;
  }
}
/* line 557, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .EmailSalesButton {
  display: none;
}
/* line 578, ../../../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 578, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar .mobileEnterpriseButtonArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
/* line 590, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .mobileEnterpriseButtonArea .mobileEnterpriseButton,
.topBg #header-bar .mobileEnterpriseButtonArea .mobileLanguage {
  display: inline-block;
  font-weight: bold;
}
/* line 563, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .mobileEnterpriseButtonArea a.mobileEnterpriseButton {
  color: #008CD6;
}
/* line 567, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .mobileEnterpriseButtonArea a.mobileLanguage {
  color: rgba(66, 63, 63, 0.65);
}
/* line 570, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .mobileEnterpriseButtonArea a.mobileLanguage .LanguageIcon {
  fill: #423F3F;
}
/* line 599, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .mobileEnterpriseButtonArea a.mobileEnterpriseButton {
  font-size: 15px;
}
/* line 603, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .mobileEnterpriseButtonArea a.mobileLanguage {
  font-size: 12px;
  display: flex;
  align-items: center;
}
/* line 608, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .mobileEnterpriseButtonArea a.mobileLanguage .LanguageIcon {
  width: 17px;
  margin: 0 10px;
}
/* line 618, ../../../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;
  z-index: 100002;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 618, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar .EnterpriseButton {
    right: 6vW;
  }
}
/* line 629, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .EnterpriseButton a {
  color: #fff;
}
/* line 633, ../../../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 633, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar .EnterpriseButton .EnterprisePath {
    padding-left: 2.4vw;
    padding-right: 2.4vw;
  }
}
/* line 647, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .hidden {
  display: none;
}
/* line 651, ../../../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 656, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.CoverHeader .mobileEnterpriseButtonArea {
    background-color: #000;
  }
}
/* line 662, ../../../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 667, ../../../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 670, ../../../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 678, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.CoverHeader.openMobile .mobileEnterpriseButtonArea, .topBg #header-bar.CoverHeader.opensearch .mobileEnterpriseButtonArea {
  display: none;
}
/* line 688, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.CoverHeader .mobileEnterpriseButtonArea a.mobileEnterpriseButton, .topBg #header-bar.CoverHeader .mobileEnterpriseButtonArea a.mobileLanguage {
  color: #fff;
}
/* line 692, ../../../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 701, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar {
    padding-left: 0;
    padding-right: 0;
    position: fixed;
    top: inherit;
  }
}
/* line 710, ../../../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 715, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar div[id^="for-menu-header-"] .menu-slide-background {
  background: #ffffff;
}
/* line 720, ../../../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 720, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header {
    position: relative;
  }
}
/* line 728, ../../../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 735, ../../../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 741, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header #mobileMenuShowBodyBlock {
  display: none;
}
/* line 745, ../../../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 745, ../../../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 765, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header > .content-logo a {
  display: table-cell;
  vertical-align: middle;
}
/* line 769, ../../../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 769, ../../../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 769, ../../../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 769, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header > .content-logo a img {
    max-width: 115px;
  }
}
/* line 792, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .mobileBtmMenu {
  display: none;
}
/* line 796, ../../../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 796, ../../../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 807, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-menu .menuHeader {
    height: auto;
  }
  /* line 810, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-menu .menuHeader.menuHeader {
    display: block;
    width: 100%;
  }
  /* line 815, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-menu .menuHeader.menuTitle {
    display: block;
    width: 100%;
  }
  /* line 821, ../../../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 827, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-menu .mobileBtmMenuArea {
    display: none;
  }
}
/* line 833, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .HeaderActivity {
  display: none;
}
/* line 837, ../../../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 837, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .MobileMenu {
    display: inline-block;
  }
}
/* line 849, ../../../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 857, ../../../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 867, ../../../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 872, ../../../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 877, ../../../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 886, ../../../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 893, ../../../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 899, ../../../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 909, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .MobileMenu div#mobile-menu.showClose {
  z-index: 99999;
}
/* line 913, ../../../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 919, ../../../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 926, ../../../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 941, ../../../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 949, ../../../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 949, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-other {
    position: absolute;
    top: 0;
    right: 0;
  }
}
/* line 963, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items {
  display: table-row;
}
/* line 968, ../../../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 979, ../../../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 985, ../../../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 985, ../../../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 985, ../../../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 1008, ../../../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 1008, ../../../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 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 {
  display: none;
}
/* line 1020, ../../../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 1029, ../../../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 1029, ../../../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 1029, ../../../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 1046, ../../../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 1054, ../../../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 1067, ../../../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 1072, ../../../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 1080, ../../../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 1090, ../../../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 1104, ../../../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 1112, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-other.cn_contentOther {
    right: 15px;
  }
}
/* line 1123, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch {
  z-index: 100002;
}
@media screen and (max-width: 960px) {
  /* line 1123, ../../../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 1136, ../../../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 1144, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .MobileMenu {
    display: none;
  }
}
/* line 1150, ../../../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 1157, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .EmailSalesButton {
  display: none;
}
/* line 1163, ../../../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 1163, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header #recentlySearch {
    padding-top: 20px;
  }
}
/* line 1175, ../../../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 1175, ../../../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 1186, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header #recentlySearch li.item:hover {
    background-color: transparent !important;
  }
  /* line 1190, ../../../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 1196, ../../../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 1205, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header #recentlySearch.show li {
    color: #000000 !important;
    font-size: 125%;
  }
  /* line 1210, ../../../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 1220, ../../../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 1230, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header #recentlySearchWord.show {
    display: block;
  }
}
/* line 1238, ../../../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 1240, ../../../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 1252, ../../../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 1252, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other {
    width: 100%;
    left: 0;
    right: 0;
  }
}
/* line 1264, ../../../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 1269, ../../../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 1276, ../../../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 1283, ../../../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 1287, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form {
  height: 100%;
}
/* line 1290, ../../../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 1290, ../../../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 1300, ../../../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 1300, ../../../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 1310, ../../../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 1316, ../../../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 1326, ../../../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 1330, ../../../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 1335, ../../../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 1340, ../../../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 1349, ../../../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 1349, ../../../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 1364, ../../../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 1376, ../../../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 1388, ../../../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 1388, ../../../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 1395, ../../../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 1403, ../../../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 1407, ../../../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 1414, ../../../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 1414, ../../../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 1428, ../../../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 1428, ../../../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 1439, ../../../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 1439, ../../../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 1450, ../../../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 1457, ../../../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 1461, ../../../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 1471, ../../../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 1471, ../../../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 1481, ../../../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 1492, ../../../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 1502, ../../../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 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 {
    right: 30px;
  }
  /* line 1523, ../../../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 1536, ../../../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 1558, ../../../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 1565, ../../../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 1572, ../../../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 1580, ../../../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 1586, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch.done .container-header .navbar-header #recentlySearch.show li.item:hover {
  background-color: #1E9FF2;
}
/* line 1591, ../../../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 1600, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch.done .container-header .navbar-header #recentlySearch.show.showAutoComplete {
  display: none;
}
/* line 1614, ../../../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 173, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .cnAd span {
  color: #000000;
}
/* line 182, ../../../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 182, ../../../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 182, ../../../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 182, ../../../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 182, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.BlackWord .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
/* line 207, ../../../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 211, ../../../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 216, ../../../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 221, ../../../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 227, ../../../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 232, ../../../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 241, ../../../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 246, ../../../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 262, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .content-other div.content-other-items > div a {
  color: #000000;
}
/* line 266, ../../../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 270, ../../../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 278, ../../../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 282, ../../../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 289, ../../../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 301, ../../../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 320, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .content-logo img#original_logo_black {
  display: block;
}
/* line 324, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .content-logo img#original_logo_white {
  display: none;
}
/* line 333, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #000000;
  height: 3px !important;
}
/* line 1622, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .mobileEnterpriseButtonArea {
  background-color: #fff;
}
/* line 563, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .mobileEnterpriseButtonArea a.mobileEnterpriseButton {
  color: #008CD6;
}
/* line 567, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .mobileEnterpriseButtonArea a.mobileLanguage {
  color: rgba(66, 63, 63, 0.65);
}
/* line 570, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .mobileEnterpriseButtonArea a.mobileLanguage .LanguageIcon {
  fill: #423F3F;
}
/* line 1629, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .EnterpriseButton a {
  color: #008CD6;
}
/* line 1638, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader {
  background: none;
  background-color: #ffffff;
  border-bottom: 1px solid #e5e5e5;
}
/* line 173, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .cnAd span {
  color: #000000;
}
/* line 182, ../../../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 182, ../../../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 182, ../../../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 182, ../../../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 182, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
/* line 207, ../../../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 211, ../../../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 216, ../../../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 221, ../../../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 227, ../../../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 232, ../../../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 241, ../../../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 246, ../../../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 262, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .content-other div.content-other-items > div a {
  color: #000000;
}
/* line 266, ../../../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 270, ../../../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 278, ../../../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 282, ../../../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 289, ../../../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 301, ../../../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 320, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .content-logo img#original_logo_black {
  display: block;
}
/* line 324, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .content-logo img#original_logo_white {
  display: none;
}
/* line 333, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #000000;
  height: 3px !important;
}
/* line 1644, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .EnterpriseButton {
  background-color: #ffffff;
}
/* line 1647, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .EnterpriseButton a {
  color: #008CD6;
}
/* line 1656, ../../../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 1665, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .EnterpriseButton {
  background-color: #ffffff;
}
/* line 1668, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .EnterpriseButton a {
  color: #008CD6;
}
/* line 1673, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu.fixTop {
  position: fixed;
  top: 0px;
  left: 0px;
}
/* line 1682, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch {
  background: none;
  background-color: #ffffff;
}
/* line 173, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .cnAd span {
  color: #000000;
}
/* line 182, ../../../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 182, ../../../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 182, ../../../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 182, ../../../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 182, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
/* line 207, ../../../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 211, ../../../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 216, ../../../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 221, ../../../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 227, ../../../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 232, ../../../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 241, ../../../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 246, ../../../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 262, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .content-other div.content-other-items > div a {
  color: #000000;
}
/* line 266, ../../../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 270, ../../../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 278, ../../../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 282, ../../../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 289, ../../../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 301, ../../../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 320, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .content-logo img#original_logo_black {
  display: block;
}
/* line 324, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .content-logo img#original_logo_white {
  display: none;
}
/* line 333, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #000000;
  height: 3px !important;
}
/* line 1687, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .EnterpriseButton {
  background-color: #ffffff;
}
/* line 1690, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .EnterpriseButton a {
  color: #008CD6;
}
/* line 1696, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu {
  background-color: #ffffff;
}
/* line 352, ../../../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 356, ../../../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 361, ../../../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 366, ../../../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 372, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header #menu-main > .menu-level-1 > .content-menu a:hover {
  color: white;
}
/* line 377, ../../../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 392, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .content-other div.content-other-items > div a {
  color: #ffffff;
}
/* line 396, ../../../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 400, ../../../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 408, ../../../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 412, ../../../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 419, ../../../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 428, ../../../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 447, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .content-logo img#original_logo_black {
  display: none;
}
/* line 451, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .content-logo img#original_logo_white {
  display: block;
}
/* line 461, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #ffffff;
}
/* line 1706, ../../../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 1724, ../../../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 1737, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar .EnterpriseButton {
    display: none;
  }
}
/* line 1743, ../../../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 173, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .cnAd span {
  color: #000000;
}
/* line 182, ../../../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 182, ../../../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 182, ../../../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 182, ../../../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 182, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.HaveEmailButton .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
/* line 207, ../../../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 211, ../../../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 216, ../../../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 221, ../../../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 227, ../../../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 232, ../../../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 241, ../../../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 246, ../../../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 262, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header .content-other div.content-other-items > div a {
  color: #000000;
}
/* line 266, ../../../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 270, ../../../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 278, ../../../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 282, ../../../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 289, ../../../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 301, ../../../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 320, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header .content-logo img#original_logo_black {
  display: block;
}
/* line 324, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header .content-logo img#original_logo_white {
  display: none;
}
/* line 333, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #000000;
  height: 3px !important;
}
/* line 1752, ../../../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 1752, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.HaveEmailButton .EmailSalesButton {
    display: none;
  }
}
/* line 1766, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .EmailSalesButton:hover .backGroundTransition {
  height: 60%;
}
/* line 1772, ../../../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 1782, ../../../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 1782, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.HaveEmailButton .EmailSalesButton .EmailSalesArea {
    margin: 0 1vw;
  }
}
/* line 1794, ../../../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 1794, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.HaveEmailButton .EmailSalesButton .EmailSalesArea .EmailIcon {
    display: none;
  }
}
/* line 1803, ../../../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 1803, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.HaveEmailButton .EmailSalesButton .EmailSalesArea .EmailSalesText {
    font-size: 1.5vW;
  }
}
/* line 1817, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .navbar-header .content-other div.content-other-items div.member {
  display: none;
}
/* line 1822, ../../../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 1822, ../../../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 1832, ../../../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 1843, ../../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.HaveEmailButton .EnterpriseButton {
  background-color: #ffffff;
}
/* line 1846, ../../../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 1846, ../../../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 1860, ../../../Sass/sass/base/Header/_base.scss */
.topBg #mobileMenuShowBlock {
  display: none;
}
/* line 1864, ../../../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 1875, ../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock.showMenu {
  display: block;
}
/* line 1881, ../../../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 1893, ../../../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 1901, ../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li {
  text-align: left;
}
/* line 1904, ../../../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 1924, ../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > a {
  display: table;
  padding: 7% 0;
  /*&.noUrlLink {
      cursor: auto;
  }*/
}
/* line 1933, ../../../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 1941, ../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > a.listNext {
  display: none;
}
/* line 1947, ../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > a.hasUrlLink:hover.text {
  color: #1E9FF2;
}
/* line 1957, ../../../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 1965, ../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle.menu-title-81 {
  min-width: 11%;
  max-width: 15%;
}
/* line 1970, ../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle.menu-title-81 > a {
  padding: 9% 0;
}
/* line 1976, ../../../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 1983, ../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area li.viewallItem {
  cursor: pointer;
}
/* line 1986, ../../../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 1992, ../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area li.menuBody {
  padding-bottom: 7%;
}
/* line 1996, ../../../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 1998, ../../../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 2010, ../../../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 2019, ../../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area li.AorusLogoIcon {
  display: none;
}
/* line 2023, ../../../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 2033, ../../../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 2036, ../../../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 2046, ../../../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 2063, ../../../Sass/sass/base/Header/_base.scss */
.topBg.Rwd #pcMenuShowBlock {
  min-width: auto;
}

/* line 2073, ../../../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 2088, ../../../Sass/sass/base/Header/_base.scss */
body div.blockTopMenuBackground.hidden {
  display: none;
}
/* line 2092, ../../../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 2109, ../../../Sass/sass/base/Header/_base.scss */
body.showPcMenu div#PageMainContentBlock {
  display: block;
}
/* line 2117, ../../../Sass/sass/base/Header/_base.scss */
body.showSearch div#PageMainContentBlock {
  top: 0;
  display: block;
  opacity: 0.8;
}
/* line 2127, ../../../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 2137, ../../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li {
  padding: 15px 0 !important;
  padding-left: 35px !important;
}
/* line 2142, ../../../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 2148, ../../../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 2155, ../../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li.ui-autocomplete-category {
  background-color: #000000;
  font-weight: bold;
}
/* line 2160, ../../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li > div {
  padding: 0 !important;
  padding-left: 5% !important;
  padding-right: 5% !important;
}
/* line 2165, ../../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li > div.ui-state-active {
  background: none !important;
  border: none !important;
}
/* line 2169, ../../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li > div.ui-state-active:hover {
  background: none !important;
  border: none !important;
}
/* line 2175, ../../../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 173, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .cnAd span {
    color: #000000;
  }
  /* line 182, ../../../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 207, ../../../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 211, ../../../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 216, ../../../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 221, ../../../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 227, ../../../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 232, ../../../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 241, ../../../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 246, ../../../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 262, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header .content-other div.content-other-items > div a {
    color: #000000;
  }
  /* line 266, ../../../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 270, ../../../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 278, ../../../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 282, ../../../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 289, ../../../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 301, ../../../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 320, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header .content-logo img#original_logo_black {
    display: block;
  }
  /* line 324, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header .content-logo img#original_logo_white {
    display: none;
  }
  /* line 333, ../../../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 352, ../../../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 356, ../../../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 361, ../../../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 366, ../../../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 372, ../../../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 377, ../../../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 392, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header .content-other div.content-other-items > div a {
    color: #ffffff;
  }
  /* line 396, ../../../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 400, ../../../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 408, ../../../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 412, ../../../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 419, ../../../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 428, ../../../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 447, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header .content-logo img#original_logo_black {
    display: none;
  }
  /* line 451, ../../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header .content-logo img#original_logo_white {
    display: block;
  }
  /* line 461, ../../../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/PressRoom/_PressRoomBase.scss */
body, select {
  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 5, ../../../Sass/sass/PressRoom/_PressRoomBase.scss */
.main-content {
  min-height: 500px;
  margin: 2% auto;
  margin-left: 10%;
  margin-right: 10%;
}
/* line 10, ../../../Sass/sass/PressRoom/_PressRoomBase.scss */
.main-content .page-title {
  font-size: 2em;
}
/* line 13, ../../../Sass/sass/PressRoom/_PressRoomBase.scss */
.main-content .page-title + select {
  margin: 2em auto;
}

/* line 7, ../../../Sass/sass/PressRoom/NewsPage.scss */
.main-content ol {
  list-style: decimal;
  padding-left: 40px;
}
/* line 12, ../../../Sass/sass/PressRoom/NewsPage.scss */
.main-content .side-menu {
  width: 20%;
  display: inline-block;
  vertical-align: top;
}
/* line 18, ../../../Sass/sass/PressRoom/NewsPage.scss */
.main-content .back-to-list {
  font-size: 1em;
  font-weight: bold;
  margin-top: 3em;
  display: table;
}
/* line 24, ../../../Sass/sass/PressRoom/NewsPage.scss */
.main-content .back-to-list a {
  color: #000000;
  display: table-row;
}
/* line 29, ../../../Sass/sass/PressRoom/NewsPage.scss */
.main-content .back-to-list .materialIconSvg {
  fill: #999999;
  width: 15px;
  vertical-align: middle;
  display: table-cell;
}
/* line 36, ../../../Sass/sass/PressRoom/NewsPage.scss */
.main-content .back-to-list span {
  vertical-align: middle;
  display: table-cell;
}
/* line 42, ../../../Sass/sass/PressRoom/NewsPage.scss */
.main-content .current-info {
  border: none;
  display: inline-block;
  height: 100%;
  width: 79%;
  vertical-align: top;
}
/* line 49, ../../../Sass/sass/PressRoom/NewsPage.scss */
.main-content .current-info-title {
  font-size: 2em;
  font-weight: bold;
  margin: 0 auto 2% auto;
  line-height: 1.35em;
}
/* line 55, ../../../Sass/sass/PressRoom/NewsPage.scss */
.main-content .current-info-title p {
  font-size: 70%;
}
/* line 60, ../../../Sass/sass/PressRoom/NewsPage.scss */
.main-content .current-info-other {
  font-weight: bold;
  color: #9e9e9e;
  margin: 1em auto;
}
/* line 66, ../../../Sass/sass/PressRoom/NewsPage.scss */
.main-content .current-info-date {
  margin: 1em auto;
}
/* line 71, ../../../Sass/sass/PressRoom/NewsPage.scss */
.main-content .current-info-desc img {
  width: auto;
}

@media only screen and (max-width: 960px) {
  /* line 81, ../../../Sass/sass/PressRoom/NewsPage.scss */
  .Rwd #PageMainContent .main-content {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 85, ../../../Sass/sass/PressRoom/NewsPage.scss */
  .Rwd #PageMainContent .main-content .side-menu {
    width: 100%;
  }
  /* line 88, ../../../Sass/sass/PressRoom/NewsPage.scss */
  .Rwd #PageMainContent .main-content .side-menu .back-to-list {
    margin-bottom: 50px;
  }
  /* line 93, ../../../Sass/sass/PressRoom/NewsPage.scss */
  .Rwd #PageMainContent .main-content .current-info {
    width: 100%;
  }
}