@charset "UTF-8";
/*@mixin flexbox($value...) {
    inspect($value);
}*/
/*Mobile font-size*/
/* line 5, ../../Sass/sass/base/Compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

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

/* 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;
}
@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 425, ../../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 432, ../../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 438, ../../Sass/sass/base/_common.scss */
.Content-TopArea .breadArea .bread .bread-Icon {
  height: 20px;
  padding: 0px 5px;
}
/* line 442, ../../Sass/sass/base/_common.scss */
.Content-TopArea .breadArea .bread .bread-Icon img {
  height: 100%;
  width: auto;
  vertical-align: middle;
}
/* line 452, ../../Sass/sass/base/_common.scss */
.Content-TopArea .breadArea .bread .whiteFont a,
.Content-TopArea .breadArea .bread .whiteFont span {
  color: #FFF;
}

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

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

/* line 472, ../../Sass/sass/base/_common.scss */
#policy-div {
  position: fixed;
  bottom: 0;
}
/* line 477, ../../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 483, ../../Sass/sass/base/_common.scss */
#policy-div .policy-div-sub #policy-close img {
  background-color: #FFFFFF29;
  padding: 0.2vw;
  margin-top: 2px;
}
/* line 489, ../../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 500, ../../Sass/sass/base/_common.scss */
#policy-div .policy-div-sub #policy-close:hover path {
  fill: #de5b78;
}
/* line 504, ../../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 519, ../../Sass/sass/base/_common.scss */
  .container {
    max-width: 80%;
  }
}
@media (max-width: 1600px) and (min-width: 1211px) {
  /* line 525, ../../Sass/sass/base/_common.scss */
  .container {
    max-width: 88%;
    min-width: 88%;
  }
}
@media (min-width: 961px) and (max-width: 1210px) {
  /* line 534, ../../Sass/sass/base/_common.scss */
  .container {
    max-width: 92%;
    min-width: 92%;
  }

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

  /* line 561, ../../Sass/sass/base/_common.scss */
  .Rwd #PageMainContent {
    min-height: 400px;
  }
  /* line 567, ../../Sass/sass/base/_common.scss */
  .Rwd #PageMainContent.header-scrolling.FrontIndex {
    padding-top: 0;
  }
  /* line 572, ../../Sass/sass/base/_common.scss */
  .Rwd #PageMainContent.NotCoverHeader {
    padding-top: 60px;
  }
  /* line 578, ../../Sass/sass/base/_common.scss */
  .Rwd .overlay.active {
    display: block;
  }
  /* line 583, ../../Sass/sass/base/_common.scss */
  .Rwd #policy-div {
    background-color: #000000f2;
    margin: 0 2% 2% 2%;
    width: initial !important;
  }
  /* line 589, ../../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 598, ../../Sass/sass/base/_common.scss */
  .Rwd #policy-div .policy-div-sub #policy-close {
    min-width: 66px !important;
  }
  /* line 601, ../../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 608, ../../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 620, ../../Sass/sass/base/_common.scss */
  .Rwd #policy-div.showMobileMenu, .Rwd #policy-div.showSearch {
    display: none;
  }
  /* line 625, ../../Sass/sass/base/_common.scss */
  .Rwd #policy-div.scrolling {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  /* line 636, ../../Sass/sass/base/_common.scss */
  .Rwd #policy-div .policy-div-sub .policy-div-txt {
    max-width: 80% !important;
  }
  /* line 640, ../../Sass/sass/base/_common.scss */
  .Rwd #policy-div .policy-div-sub #policy-close {
    right: 20px !important;
  }
}
@media screen and (max-width: 320px) {
  /* line 652, ../../Sass/sass/base/_common.scss */
  .Rwd #policy-div .policy-div-sub .policy-div-txt {
    max-width: 73% !important;
  }
}
/*No rwd start*/
/* line 662, ../../Sass/sass/base/_common.scss */
.topBg.NoRwd {
  min-width: 1280px;
}

@media only screen and (max-width: 960px) {
  /* line 669, ../../Sass/sass/base/_common.scss */
  .topBg.NoRwd {
    min-width: 1280px;
  }
  /* line 676, ../../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 729, ../../Sass/sass/base/_common.scss */
svg.goTopIcon, svg.mailIcon {
  display: block;
  width: 3.4vW;
  height: 3.4vW;
}
@media screen and (max-width: 960px) {
  /* line 729, ../../Sass/sass/base/_common.scss */
  svg.goTopIcon, svg.mailIcon {
    width: 40px;
    height: 40px;
  }
}
/* line 742, ../../Sass/sass/base/_common.scss */
svg.goTopIcon .a {
  fill: rgba(66, 63, 63, 0);
}
/* line 746, ../../Sass/sass/base/_common.scss */
svg.goTopIcon .b {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 5px;
}
/* line 754, ../../Sass/sass/base/_common.scss */
svg.goTopIcon, svg.mailIcon {
  background-color: rgba(51, 51, 51, 0.5);
}
/* line 760, ../../Sass/sass/base/_common.scss */
svg.mailIcon .a {
  fill: rgba(66, 63, 63, 0);
}
/* line 764, ../../Sass/sass/base/_common.scss */
svg.mailIcon .b,
svg.mailIcon .c {
  fill: none;
  stroke: #fff;
  stroke-width: 4px;
}
/* line 771, ../../Sass/sass/base/_common.scss */
svg.mailIcon .b {
  stroke-miterlimit: 10;
}

/* line 779, ../../Sass/sass/base/_common.scss */
.LowerRightCorner #divGoTop,
.LowerRightCorner #ContactUsIcon {
  cursor: pointer;
  text-align: center;
  position: fixed;
  right: 3vw;
  bottom: 7vw;
  z-index: 9999;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 960px) {
  /* line 779, ../../Sass/sass/base/_common.scss */
  .LowerRightCorner #divGoTop,
  .LowerRightCorner #ContactUsIcon {
    right: 15px;
    bottom: 10vw;
  }
}
/* line 795, ../../Sass/sass/base/_common.scss */
.LowerRightCorner #divGoTop .iconText,
.LowerRightCorner #ContactUsIcon .iconText {
  font-weight: bold;
  color: #949494;
  font-size: 0.8vw;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  position: absolute;
  margin-top: -2.5vh;
  white-space: nowrap;
}
@media screen and (max-width: 960px) {
  /* line 795, ../../Sass/sass/base/_common.scss */
  .LowerRightCorner #divGoTop .iconText,
  .LowerRightCorner #ContactUsIcon .iconText {
    display: none;
    margin-top: -6vw;
  }
}
@media all and (min-width: 961px) and (max-width: 1280px) {
  /* line 795, ../../Sass/sass/base/_common.scss */
  .LowerRightCorner #divGoTop .iconText,
  .LowerRightCorner #ContactUsIcon .iconText {
    margin-top: -2vw;
    font-size: 1.03vw;
  }
}
/* line 817, ../../Sass/sass/base/_common.scss */
.LowerRightCorner #divGoTop:hover .iconText,
.LowerRightCorner #ContactUsIcon:hover .iconText {
  opacity: 1;
}
/* line 821, ../../Sass/sass/base/_common.scss */
.LowerRightCorner #divGoTop:hover svg,
.LowerRightCorner #ContactUsIcon:hover svg {
  opacity: 1;
  background-color: #21D4FD;
}
/* line 828, ../../Sass/sass/base/_common.scss */
.LowerRightCorner #divGoTop {
  transition: all 0.5s ease-in-out;
  opacity: 0;
  margin-bottom: 6vw;
}
@media screen and (max-width: 960px) {
  /* line 828, ../../Sass/sass/base/_common.scss */
  .LowerRightCorner #divGoTop {
    margin-bottom: 60px;
  }
}
/* line 835, ../../Sass/sass/base/_common.scss */
.LowerRightCorner #divGoTop.fadeInOpacity {
  opacity: 1;
}

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

/* line 475, ../../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%;
}
/* line 347, ../../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 351, ../../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 356, ../../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 361, ../../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 367, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header #menu-main > .menu-level-1 > .content-menu a:hover {
  color: white;
}
/* line 372, ../../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 387, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header .content-other div.content-other-items > div a {
  color: #ffffff;
}
/* line 391, ../../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 395, ../../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 403, ../../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 407, ../../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 414, ../../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 423, ../../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 442, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header .content-logo img#original_logo_black {
  display: none;
}
/* line 446, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header .content-logo img#original_logo_white {
  display: block;
}
/* line 456, ../../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 475, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar {
    z-index: 99999;
  }
}
/* line 489, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .container-header {
  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");
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: initial;
}
/* line 497, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .cnAd {
  top: 0;
  position: absolute;
  right: 23px;
  height: 100%;
  display: table;
}
/* line 504, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .cnAd span {
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 960px) {
  /* line 497, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar .cnAd {
    height: 60px;
    right: 2px;
    width: 17px;
  }
}
/* line 516, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .hidden {
  display: none;
}
/* line 520, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.CoverHeader {
  position: fixed;
}
@media screen and (max-width: 960px) {
  /* line 525, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar {
    padding-left: 15px;
    padding-right: 15px;
    position: fixed;
    top: inherit;
  }
}
/* line 534, ../../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 539, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar div[id^="for-menu-header-"] .menu-slide-background {
  background: #ffffff;
}
/* line 544, ../../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 544, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header {
    position: relative;
  }
}
/* line 552, ../../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 559, ../../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 565, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header #mobileMenuShowBodyBlock {
  display: none;
}
/* line 569, ../../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 569, ../../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 589, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header > .content-logo a {
  display: table-cell;
  vertical-align: middle;
}
/* line 593, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header > .content-logo a img {
  width: 8vw;
  display: block;
}
@media screen and (max-width: 960px) {
  /* line 593, ../../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;
  }
}
/* line 607, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .mobileBtmMenu {
  display: none;
}
/* line 611, ../../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 611, ../../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 622, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-menu .menuHeader {
    height: auto;
  }
  /* line 625, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-menu .menuHeader.menuHeader {
    display: block;
    width: 100%;
  }
  /* line 630, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-menu .menuHeader.menuTitle {
    display: block;
    width: 100%;
  }
  /* line 636, ../../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 642, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-menu .mobileBtmMenuArea {
    display: none;
  }
}
/* line 648, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .HeaderActivity {
  display: none;
}
/* line 652, ../../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 652, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .MobileMenu {
    display: inline-block;
  }
}
/* line 664, ../../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 672, ../../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 682, ../../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 687, ../../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 692, ../../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 701, ../../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 708, ../../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 714, ../../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 724, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .MobileMenu div#mobile-menu.showClose {
  z-index: 99999;
}
/* line 728, ../../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 734, ../../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 741, ../../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 756, ../../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 764, ../../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 764, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-other {
    position: absolute;
    top: 0;
    right: 0;
  }
}
/* line 778, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items {
  display: table-row;
}
/* line 783, ../../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 794, ../../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 800, ../../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;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 800, ../../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: 14px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 800, ../../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: 16px;
  }
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
  /* line 800, ../../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: 18px;
  }
}
/* line 819, ../../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 819, ../../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 828, ../../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 831, ../../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 840, ../../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: 18px;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 840, ../../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 840, ../../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 857, ../../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 865, ../../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 878, ../../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 883, ../../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 891, ../../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 901, ../../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 915, ../../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 923, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-other.cn_contentOther {
    right: 15px;
  }
}
/* line 934, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch {
  z-index: 100002;
}
@media screen and (max-width: 960px) {
  /* line 934, ../../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 950, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .MobileMenu {
    display: none;
  }
}
/* line 956, ../../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 961, ../../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 961, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header #recentlySearch {
    padding-top: 20px;
  }
}
/* line 973, ../../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 973, ../../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 984, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header #recentlySearch li.item:hover {
    background-color: transparent !important;
  }
  /* line 988, ../../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 994, ../../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 1003, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header #recentlySearch.show li {
    color: #000000 !important;
    font-size: 125%;
  }
  /* line 1008, ../../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 1018, ../../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 1028, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header #recentlySearchWord.show {
    display: block;
  }
}
/* line 1036, ../../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 1038, ../../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 1050, ../../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 1050, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other {
    width: 100%;
    left: 0;
    right: 0;
  }
}
/* line 1062, ../../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 1067, ../../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 1074, ../../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 1081, ../../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 1085, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form {
  height: 100%;
}
/* line 1088, ../../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 1088, ../../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 1098, ../../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 1098, ../../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 1108, ../../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 1114, ../../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 1124, ../../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 1128, ../../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 1133, ../../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 1138, ../../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 1147, ../../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 1147, ../../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 1162, ../../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 1174, ../../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 1186, ../../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 1186, ../../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 1193, ../../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 1201, ../../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 1205, ../../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 1212, ../../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 1212, ../../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 1226, ../../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 1226, ../../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 1237, ../../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 1237, ../../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 1248, ../../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 1255, ../../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 1259, ../../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 1269, ../../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 1269, ../../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 1279, ../../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 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 div.popularArea {
  display: none;
}
@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.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 1318, ../../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 1321, ../../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 1334, ../../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 1354, ../../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 1361, ../../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 1368, ../../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 1376, ../../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 1382, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch.done .container-header .navbar-header #recentlySearch.show li.item:hover {
  background-color: #1E9FF2;
}
/* line 1387, ../../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 1396, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch.done .container-header .navbar-header #recentlySearch.show.showAutoComplete {
  display: none;
}
/* line 1410, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord {
  background: none;
  background-image: url(/Images/2017NewFront/headerbackground_white.png);
  background-size: 1px 101%;
  background-repeat: repeat;
}
/* line 171, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .cnAd span {
  color: #000000;
}
/* line 180, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header #menu-main .menu-level-1 .content-menu li {
  margin: 1.05vw;
  font-size: 0.95vw;
  line-height: 1.10vw;
  font-weight: bold;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.BlackWord .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.BlackWord .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.BlackWord .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1441px) {
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.BlackWord .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
/* line 202, ../../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 206, ../../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 211, ../../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 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 .GigabyteBlueColor {
  fill: rgba(66, 63, 63, 0.7);
}
/* line 222, ../../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 227, ../../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 236, ../../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 241, ../../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 257, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .content-other div.content-other-items > div a {
  color: #000000;
}
/* line 261, ../../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 265, ../../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 273, ../../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 277, ../../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 284, ../../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 296, ../../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 315, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .content-logo img#original_logo_black {
  display: block;
}
/* line 319, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .content-logo img#original_logo_white {
  display: none;
}
/* line 328, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #000000;
  height: 3px !important;
}
/* line 1422, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader {
  background: none;
  background-color: #ffffff;
  border-bottom: 1px solid #e5e5e5;
}
/* line 171, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .cnAd span {
  color: #000000;
}
/* line 180, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li {
  margin: 1.05vw;
  font-size: 0.95vw;
  line-height: 1.10vw;
  font-weight: bold;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1441px) {
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
/* line 202, ../../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 206, ../../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 211, ../../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 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 .GigabyteBlueColor {
  fill: rgba(66, 63, 63, 0.7);
}
/* line 222, ../../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 227, ../../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 236, ../../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 241, ../../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 257, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .content-other div.content-other-items > div a {
  color: #000000;
}
/* line 261, ../../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 265, ../../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 273, ../../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 277, ../../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 284, ../../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 296, ../../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 315, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .content-logo img#original_logo_black {
  display: block;
}
/* line 319, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .content-logo img#original_logo_white {
  display: none;
}
/* line 328, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #000000;
  height: 3px !important;
}
/* line 1432, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu {
  background: none;
  background-color: #ffffff;
  z-index: 100002;
}
/* line 171, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .cnAd span {
  color: #000000;
}
/* line 180, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li {
  margin: 1.05vw;
  font-size: 0.95vw;
  line-height: 1.10vw;
  font-weight: bold;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1441px) {
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
/* line 202, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li a {
  color: rgba(66, 63, 63, 0.7);
  text-decoration: none;
}
/* line 206, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li a .menuLevel1-arrow {
  padding: 0 0.42vw;
  display: inline-block;
}
/* line 211, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li a .menuLevel1-arrow svg.arrow-down {
  width: 0.42vw;
  height: 0.42vw;
}
/* line 216, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li a .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: rgba(66, 63, 63, 0.7);
}
/* line 222, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li a:hover {
  color: #423f3f;
}
/* line 227, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li a:hover .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: #423f3f;
}
/* line 236, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li.active a {
  color: #423F3F;
}
/* line 241, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li.active a .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: #423F3F;
}
/* line 257, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-other div.content-other-items > div a {
  color: #000000;
}
/* line 261, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-other div.content-other-items > div a img.black_img {
  display: block;
}
/* line 265, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-other div.content-other-items > div a img.white_img {
  display: none;
}
/* line 273, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-other div.content-other-items > div.search img.black_img {
  display: block;
}
/* line 277, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-other div.content-other-items > div.search img.white_img {
  display: none;
}
/* line 284, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .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 296, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search span.close > span.first, .topBg #header-bar.showPcMenu .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search span.close > span.second {
  background: #000000;
}
/* line 315, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-logo img#original_logo_black {
  display: block;
}
/* line 319, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-logo img#original_logo_white {
  display: none;
}
/* line 328, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #000000;
  height: 3px !important;
}
/* line 1438, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu.fixTop {
  position: fixed;
  top: 0px;
  left: 0px;
}
/* line 1447, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch {
  background: none;
  background-color: #ffffff;
}
/* line 171, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .cnAd span {
  color: #000000;
}
/* line 180, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header #menu-main .menu-level-1 .content-menu li {
  margin: 1.05vw;
  font-size: 0.95vw;
  line-height: 1.10vw;
  font-weight: bold;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1441px) {
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
/* line 202, ../../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 206, ../../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 211, ../../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 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 .GigabyteBlueColor {
  fill: rgba(66, 63, 63, 0.7);
}
/* line 222, ../../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 227, ../../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 236, ../../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 241, ../../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 257, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .content-other div.content-other-items > div a {
  color: #000000;
}
/* line 261, ../../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 265, ../../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 273, ../../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 277, ../../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 284, ../../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 296, ../../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 315, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .content-logo img#original_logo_black {
  display: block;
}
/* line 319, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .content-logo img#original_logo_white {
  display: none;
}
/* line 328, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #000000;
  height: 3px !important;
}
/* line 1453, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu {
  background-color: #ffffff;
}
/* line 347, ../../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 351, ../../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 356, ../../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 361, ../../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 367, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header #menu-main > .menu-level-1 > .content-menu a:hover {
  color: white;
}
/* line 372, ../../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 387, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .content-other div.content-other-items > div a {
  color: #ffffff;
}
/* line 391, ../../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 395, ../../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 403, ../../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 407, ../../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 414, ../../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 423, ../../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 442, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .content-logo img#original_logo_black {
  display: none;
}
/* line 446, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .content-logo img#original_logo_white {
  display: block;
}
/* line 456, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #ffffff;
}
/* line 1463, ../../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 1481, ../../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;
}
/* line 1495, ../../Sass/sass/base/Header/_base.scss */
.topBg #mobileMenuShowBlock {
  display: none;
}
/* line 1499, ../../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 1510, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock.showMenu {
  display: block;
}
/* line 1516, ../../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 1528, ../../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 1536, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li {
  text-align: left;
}
/* line 1539, ../../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 1559, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > a {
  display: table;
  padding: 7% 0;
  /*&.noUrlLink {
      cursor: auto;
  }*/
}
/* line 1568, ../../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 1576, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > a.listNext {
  display: none;
}
/* line 1582, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > a.hasUrlLink:hover.text {
  color: #1E9FF2;
}
/* line 1592, ../../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 1600, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle.menu-title-81 {
  min-width: 11%;
  max-width: 15%;
}
/* line 1605, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle.menu-title-81 > a {
  padding: 9% 0;
}
/* line 1611, ../../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 1618, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area li.viewallItem {
  cursor: pointer;
}
/* line 1621, ../../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 1627, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area li.menuBody {
  padding-bottom: 7%;
}
/* line 1631, ../../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 1633, ../../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 1645, ../../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 1654, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area li.AorusLogoIcon {
  display: none;
}
/* line 1658, ../../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 1668, ../../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 1671, ../../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 1681, ../../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 1698, ../../Sass/sass/base/Header/_base.scss */
.topBg.Rwd #pcMenuShowBlock {
  min-width: auto;
}

/* line 1708, ../../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 1723, ../../Sass/sass/base/Header/_base.scss */
body div.blockTopMenuBackground.hidden {
  display: none;
}
/* line 1727, ../../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 1744, ../../Sass/sass/base/Header/_base.scss */
body.showPcMenu div#PageMainContentBlock {
  display: block;
}
/* line 1752, ../../Sass/sass/base/Header/_base.scss */
body.showSearch div#PageMainContentBlock {
  top: 0;
  display: block;
  opacity: 0.8;
}
/* line 1762, ../../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 1772, ../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li {
  padding: 15px 0 !important;
  padding-left: 35px !important;
}
/* line 1777, ../../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 1783, ../../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 1790, ../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li.ui-autocomplete-category {
  background-color: #000000;
  font-weight: bold;
}
/* line 1795, ../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li > div {
  padding: 0 !important;
  padding-left: 5% !important;
  padding-right: 5% !important;
}
/* line 1800, ../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li > div.ui-state-active {
  background: none !important;
  border: none !important;
}
/* line 1804, ../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li > div.ui-state-active:hover {
  background: none !important;
  border: none !important;
}
/* line 1810, ../../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 {
    background-image: url(/Images/2017NewFront/headerbackground_black.png);
    position: fixed;
  }
  /* line 56, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.opensearch {
    background: none;
    background-color: #ffffff;
  }
  /* line 66, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.new-header-bar .navbar-header .MobileMenu div#mobile-menu span {
    background-color: #ffffff;
  }
  /* line 80, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.new-header-bar .navbar-header .content-other div.content-other-items div.search > img.black_img {
    display: none;
  }
  /* line 84, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.new-header-bar .navbar-header .content-other div.content-other-items div.search > img.white_img {
    display: block;
  }
  /* line 97, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.new-header-bar .navbar-header .content-logo img#original_logo_black {
    display: none;
  }
  /* line 101, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.new-header-bar .navbar-header .content-logo img#original_logo_white {
    display: block;
  }
  /* line 111, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.NotCoverHeader {
    background: none;
    background-color: #ffffff;
  }
  /* line 171, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .cnAd span {
    color: #000000;
  }
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li {
    margin: 1.05vw;
    font-size: 0.95vw;
    line-height: 1.10vw;
    font-weight: bold;
  }
  /* line 202, ../../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 206, ../../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 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 svg.arrow-down {
    width: 0.42vw;
    height: 0.42vw;
  }
  /* 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 .GigabyteBlueColor {
    fill: rgba(66, 63, 63, 0.7);
  }
  /* line 222, ../../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 227, ../../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 236, ../../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 241, ../../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 257, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header .content-other div.content-other-items > div a {
    color: #000000;
  }
  /* line 261, ../../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 265, ../../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 273, ../../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 277, ../../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 284, ../../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 296, ../../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 315, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header .content-logo img#original_logo_black {
    display: block;
  }
  /* line 319, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header .content-logo img#original_logo_white {
    display: none;
  }
  /* line 328, ../../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 117, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.b2bMenu {
    background-color: #000000;
  }
  /* line 347, ../../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 351, ../../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 356, ../../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 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 .GigabyteBlueColor {
    fill: rgba(255, 255, 255, 0.7);
  }
  /* line 367, ../../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 372, ../../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 387, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header .content-other div.content-other-items > div a {
    color: #ffffff;
  }
  /* line 391, ../../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 395, ../../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 403, ../../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 407, ../../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 414, ../../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 423, ../../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 442, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header .content-logo img#original_logo_black {
    display: none;
  }
  /* line 446, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header .content-logo img#original_logo_white {
    display: block;
  }
  /* line 456, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header .MobileMenu div#mobile-menu > span {
    background-color: #ffffff;
  }
  /* line 124, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile {
    position: fixed;
    z-index: 100002;
    background: none;
    height: 100vH;
    padding: 0;
  }
  /* line 131, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header {
    height: 100vH;
  }
  /* line 134, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header {
    height: 100vH;
  }
  /* line 138, ../../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 141, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock.showBody {
    display: block;
    padding-bottom: 105px;
  }
  /* line 153, ../../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 163, ../../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 172, ../../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 177, ../../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 182, ../../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 190, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle > .titleContainer .listNext {
    display: none;
  }
  /* line 196, ../../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 202, ../../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 205, ../../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 210, ../../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 217, ../../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 223, ../../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 230, ../../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 239, ../../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 242, ../../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 252, ../../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 258, ../../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 264, ../../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 273, ../../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 284, ../../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 292, ../../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 301, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.backMainPage.show {
    display: block;
  }
  /* line 308, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock.showAutoComplete {
    background-color: #ffffff;
  }
  /* line 311, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock.showAutoComplete li {
    display: none;
  }
  /* line 319, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-logo {
    display: none;
  }
  /* line 324, ../../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 328, ../../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 335, ../../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 346, ../../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 351, ../../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 355, ../../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 361, ../../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 367, ../../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 373, ../../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 385, ../../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 390, ../../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 395, ../../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 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 span.submit_area {
    display: none;
  }
  /* line 408, ../../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 412, ../../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 423, ../../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 428, ../../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 436, ../../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 440, ../../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 446, ../../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 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.show {
    display: block;
  }
  /* line 466, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other.cn_contentOther {
    padding-left: 69px;
  }
  /* line 474, ../../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 487, ../../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 493, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .titleContainer a {
    width: 100%;
  }
  /* line 497, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .titleContainer .listNext {
    position: absolute;
    right: 15px;
  }
  /* line 503, ../../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 510, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .mobileBtmMenuArea .mobileBtmMenu {
    display: block;
  }
  /* line 513, ../../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 520, ../../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 527, ../../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 538, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .mobileBtmMenuArea .mobileBtmMenuBack span.text {
    margin: 0 10px;
    color: #423F3F;
  }
  /* line 546, ../../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 550, ../../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 554, ../../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 562, ../../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 567, ../../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 578, ../../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 585, ../../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 594, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu.showBody {
    display: none;
  }
  /* line 598, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu li {
    height: auto;
  }
  /* line 602, ../../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 609, ../../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 614, ../../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 622, ../../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 627, ../../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 632, ../../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 654, ../../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 666, ../../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 675, ../../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 682, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu li.menuTitle a span.text {
    color: #423F3F;
  }
  /* line 688, ../../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 692, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu li.menuTitle .listNext img {
    width: 18px;
  }
  /* line 702, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu.showAutoComplete {
    background-color: #ffffff;
  }
  /* line 705, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu.showAutoComplete li {
    display: none;
  }
  /* line 711, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu a span {
    color: #000000;
  }
  /* line 717, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .MobileMenu {
    left: 15px;
  }
  /* line 721, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .MobileMenu i#mobile-menu-open-img {
    color: #000000;
  }
  /* line 728, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .MobileMenu div#mobile-menu span {
    background-color: #000000;
  }
  /* line 738, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .MobileSearch i#mobile-search-open-img {
    color: #000000;
  }
  /* line 747, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile.done {
    background-color: #ffffff;
  }
  /* line 752, ../../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 760, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile.done .cnAd {
    color: #000000;
  }
  /* line 765, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile.b2bMenu {
    color: #000000;
  }
  /* line 779, ../../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 800, ../../Sass/sass/base/Header/_rwd.scss */
  .MobileMenuArea.new-mobile-header-bar,
  .MobileMenuSubArea.new-mobile-header-bar {
    position: fixed;
    z-index: 99999;
    top: 70px;
  }

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

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

  /* line 832, ../../Sass/sass/base/Header/_rwd.scss */
  body.lockscroll {
    overflow: hidden;
  }
  /* line 836, ../../Sass/sass/base/Header/_rwd.scss */
  body.lockscroll div#PageMainContentBlock {
    background-color: #eeeeee;
    width: 100%;
    height: 200%;
    display: block;
    opacity: 1;
  }
  /* line 843, ../../Sass/sass/base/Header/_rwd.scss */
  body.lockscroll div#PageMainContentBlock.whiteBg {
    background-color: #ffffff;
  }
  /* line 852, ../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd {
    z-index: 999999 !important;
    top: 60px !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 867, ../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd li {
    padding-left: 55px !important;
  }
  /* line 870, ../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd li.ui-menu-item {
    color: #000000 !important;
    font-size: 96%;
  }
  /* line 876, ../../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 881, ../../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 890, ../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd li > div {
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 90%;
  }
  /* line 898, ../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd > li > div {
    padding-left: 5px !important;
    padding-left: 5px !important;
  }
  /* line 905, ../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd.openMobile > li {
    padding-left: 59px !important;
  }
  /* line 908, ../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd.openMobile > li > div {
    padding-left: 20px !important;
  }
  /* line 917, ../../Sass/sass/base/Header/_rwd.scss */
  body ul.RTL.MenuAutocompleteRwd li {
    padding-left: 0 !important;
    padding-right: 55px !important;
  }
  /* line 923, ../../Sass/sass/base/Header/_rwd.scss */
  body ul.RTL.MenuAutocompleteRwd.openMobile > li {
    padding-left: 0 !important;
    padding-right: 59px !important;
  }
  /* line 927, ../../Sass/sass/base/Header/_rwd.scss */
  body ul.RTL.MenuAutocompleteRwd.openMobile > li > div {
    padding-left: 0px !important;
    padding-right: 20px !important;
  }
}
/* line 14, ../../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 23, ../../Sass/sass/base/Header/_main.scss */
html.noscroll {
  overflow-y: hidden;
}

/* line 33, ../../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 43, ../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main {
  position: absolute;
  top: 0;
  left: 20%;
  width: 60%;
}
@media screen and (max-width: 960px) {
  /* line 43, ../../Sass/sass/base/Header/_main.scss */
  .topBg #header-bar #menu-main {
    display: none;
  }
}
/* line 56, ../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main .menu-level-1 ul {
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
/* line 63, ../../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 63, ../../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 63, ../../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 63, ../../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 63, ../../Sass/sass/base/Header/_main.scss */
  .topBg #header-bar #menu-main .menu-level-1 ul li {
    padding-top: 0px;
  }
}
/* line 89, ../../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 93, ../../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 98, ../../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 103, ../../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 109, ../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main .menu-level-1 ul li a:hover {
  color: #423f3f;
}
/* line 114, ../../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 123, ../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main .menu-level-1 ul li.active a {
  color: #423F3F;
}
/* line 128, ../../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 139, ../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub {
  display: block;
  position: fixed;
  left: 0;
  width: 100vw;
}
/* line 146, ../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub .sub-content-1 {
  background-color: #008CD6;
}
/* line 149, ../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub .sub-content-1.closeMenu {
  display: none;
}
/* line 154, ../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub .sub-content-1 .menu-level-2.show {
  display: block;
}
/* line 158, ../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub .sub-content-1 .menu-level-2.hidden {
  display: none;
}
/* line 162, ../../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 169, ../../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 174, ../../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 186, ../../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 197, ../../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 213, ../../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 216, ../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub .sub-content-2.closeMenu {
  display: none;
}

/* line 230, ../../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 247, ../../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 20px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 247, ../../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 33, ../../Sass/sass/Index.scss */
div.ui-loader {
  display: none;
}

/* line 42, ../../Sass/sass/Index.scss */
.topBg #header-bar.showPcMenu {
  background: none;
  background-color: #ffffff;
  z-index: 100002;
  position: fixed;
  top: 0px;
  left: 0px;
}
/* line 171, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .cnAd span {
  color: #000000;
}
/* line 180, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li {
  margin: 1.05vw;
  font-size: 0.95vw;
  line-height: 1.10vw;
  font-weight: bold;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1441px) {
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
/* line 202, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li a {
  color: rgba(66, 63, 63, 0.7);
  text-decoration: none;
}
/* line 206, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li a .menuLevel1-arrow {
  padding: 0 0.42vw;
  display: inline-block;
}
/* line 211, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li a .menuLevel1-arrow svg.arrow-down {
  width: 0.42vw;
  height: 0.42vw;
}
/* line 216, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li a .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: rgba(66, 63, 63, 0.7);
}
/* line 222, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li a:hover {
  color: #423f3f;
}
/* line 227, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li a:hover .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: #423f3f;
}
/* line 236, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li.active a {
  color: #423F3F;
}
/* line 241, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li.active a .menuLevel1-arrow svg .GigabyteBlueColor {
  fill: #423F3F;
}
/* line 257, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-other div.content-other-items > div a {
  color: #000000;
}
/* line 261, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-other div.content-other-items > div a img.black_img {
  display: block;
}
/* line 265, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-other div.content-other-items > div a img.white_img {
  display: none;
}
/* line 273, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-other div.content-other-items > div.search img.black_img {
  display: block;
}
/* line 277, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-other div.content-other-items > div.search img.white_img {
  display: none;
}
/* line 284, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .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 296, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search span.close > span.first, .topBg #header-bar.showPcMenu .navbar-header .content-other div.content-other-items > div.search form#Top-Menu-Search span.close > span.second {
  background: #000000;
}
/* line 315, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-logo img#original_logo_black {
  display: block;
}
/* line 319, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-logo img#original_logo_white {
  display: none;
}
/* line 328, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #000000;
  height: 3px !important;
}

/* line 55, ../../Sass/sass/Index.scss */
#PageMainContent .container {
  max-width: 100%;
}
/* line 56, ../../Sass/sass/Index.scss */
#PageMainContent .container .index-content {
  height: 100%;
  overflow: hidden;
}
/* line 64, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea {
  width: 100%;
  height: 39.55vW;
}
@media screen and (max-width: 960px) {
  /* line 64, ../../Sass/sass/Index.scss */
  #PageMainContent .container #A1BannerArea {
    height: 133.33vW;
  }
}
/* line 72, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 {
  position: relative;
  background-color: #1c1c1c;
  direction: ltr;
}
/* line 77, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content {
  position: relative;
  overflow: hidden;
  width: 100%;
}
/* line 82, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems {
  width: 100%;
  height: 100%;
  position: absolute;
  display: none;
}
/* line 88, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems.currentItems {
  display: block;
}
/* line 92, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems.fadeZoom {
  left: 0;
  opacity: 0;
  z-index: 0;
}
/* line 98, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems.current {
  opacity: 1;
  z-index: 10;
}
/* line 103, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems img {
  width: 100%;
}
/* line 107, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems video {
  width: 100%;
  background-color: #000000;
}
/* line 114, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems a {
  display: block;
  cursor: pointer;
}
/* line 118, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems a .word {
  position: absolute;
  bottom: 50px;
  left: 30px;
}
/* line 123, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems a .word .title {
  color: #ffffff;
  font-size: 350%;
  margin-bottom: 50px;
  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 130, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems a .word .content {
  color: #ffffff;
  font-size: 140%;
  width: 34%;
  line-height: 131%;
  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 141, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems .mtSlider-append-img {
  width: 100%;
  display: block;
}
/* line 146, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems .wording-background {
  position: absolute;
  color: #ffffff;
  left: 5%;
  right: 5%;
  bottom: 12.5%;
  width: 45%;
  overflow: hidden;
}
/* line 158, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems .wording-background .wording-title {
  font-size: 150%;
  margin-bottom: 9px;
  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 164, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems .wording-background .wording-content {
  font-size: 300%;
  font-weight: bold;
  line-height: 124%;
  padding-bottom: 5px;
  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");
  text-shadow: 1px 1px 13px rgba(0, 0, 0, 0.5);
}
/* line 177, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-direction {
  position: absolute;
  top: 45%;
  width: 100%;
  display: none;
  z-index: 20;
  color: #969696;
}
/* line 185, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-direction .mtSlider-prev,
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-direction .mtSlider-next {
  position: absolute;
  cursor: pointer;
  font-size: 280%;
  color: #ffffff;
  width: 35px;
  height: 48px;
  background-color: #000000;
  display: table;
  opacity: 0.2;
}
/* line 198, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-direction .mtSlider-prev > span,
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-direction .mtSlider-next > span {
  display: table-cell;
  vertical-align: middle;
}
/* line 202, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-direction .mtSlider-prev > span img,
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-direction .mtSlider-next > span img {
  display: table-cell;
  vertical-align: middle;
  width: 30px;
}
/* line 210, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-direction .mtSlider-prev i,
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-direction .mtSlider-next i {
  opacity: 1;
  text-align: center;
  top: 5px;
}
/* line 218, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-direction .mtSlider-prev {
  left: 0;
}
/* line 221, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-direction .mtSlider-prev img {
  float: left;
}
/* line 227, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-direction .mtSlider-next {
  right: 0;
}
/* line 230, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-direction .mtSlider-next img {
  float: right;
}
/* line 238, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1:hover .mtSlider-direction {
  display: block;
}
/* line 243, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-nav {
  width: 100%;
  position: absolute;
  bottom: 8px;
  height: 32px;
  text-align: center;
  z-index: 9999;
}
/* line 251, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-nav div.navClickArea {
  width: 4.5%;
  height: auto;
  display: inline-block;
  position: relative;
  margin: 0 0.5%;
  cursor: pointer;
  padding-top: 15px;
  padding-bottom: 15px;
}
/* line 261, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-nav div.navClickArea div.navDotArea {
  height: 2px;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
}
/* line 268, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-nav div.navClickArea.currentItems div.navDotArea {
  position: relative;
}
/* line 272, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-nav div.navClickArea.currentItems div.navDotArea div.navDotTimeArea {
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  position: absolute;
  width: 0%;
  height: 100%;
  background-color: #00A1E9;
  top: 0;
  left: 0;
  display: block;
}
/* line 289, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-nav div.navClickArea div.navDotTimeArea {
  display: none;
}
/* line 295, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-nav div.navClickArea.tempStop div.navDotArea {
  background-color: #00A1E9;
}
/* line 303, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-nav .active div {
  background-color: #008DFF;
}
/* line 314, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea,
#PageMainContent .container #A2BtmBannerArea {
  direction: ltr;
  display: table;
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #ffffff;
  border-left: none;
  border-right: none;
  height: 49vW;
}
@media screen and (max-width: 960px) {
  /* line 314, ../../Sass/sass/Index.scss */
  #PageMainContent .container #A2TopBannerArea,
  #PageMainContent .container #A2BtmBannerArea {
    height: 201.06vW;
  }
}
/* line 330, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area,
#PageMainContent .container #A2BtmBannerArea ul.A2-area {
  display: table-row;
  border: 2px solid #ffffff;
}
/* line 334, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area:first-child,
#PageMainContent .container #A2BtmBannerArea ul.A2-area:first-child {
  border-left: none;
}
/* line 338, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area:last-child,
#PageMainContent .container #A2BtmBannerArea ul.A2-area:last-child {
  border-left: none;
}
/* line 342, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area li,
#PageMainContent .container #A2BtmBannerArea ul.A2-area li {
  height: 49vW;
  display: table-cell;
  border: 2px solid #ffffff;
  vertical-align: middle;
  width: 50%;
}
@media screen and (max-width: 960px) {
  /* line 342, ../../Sass/sass/Index.scss */
  #PageMainContent .container #A2TopBannerArea ul.A2-area li,
  #PageMainContent .container #A2BtmBannerArea ul.A2-area li {
    height: 100.53vW;
  }
}
/* line 354, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area li:first-child,
#PageMainContent .container #A2BtmBannerArea ul.A2-area li:first-child {
  border-left: none;
}
/* line 358, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area li:last-child,
#PageMainContent .container #A2BtmBannerArea ul.A2-area li:last-child {
  border-right: none;
}
/* line 362, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area li > div.banner,
#PageMainContent .container #A2BtmBannerArea ul.A2-area li > div.banner {
  position: relative;
}
/* line 366, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area li .banner-img,
#PageMainContent .container #A2BtmBannerArea ul.A2-area li .banner-img {
  overflow: hidden;
  background-color: #000000;
}
/* line 370, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area li .banner-img img,
#PageMainContent .container #A2BtmBannerArea ul.A2-area li .banner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  height: 49vW;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition: transform 2.5s ease;
  -webkit-transition: transform 2.5s ease;
  -moz-transition: transform 2.5s ease;
  -ms-transition: transform 2.5s ease;
  -o-transition: transform 2.5s ease;
}
@media screen and (max-width: 960px) {
  /* line 370, ../../Sass/sass/Index.scss */
  #PageMainContent .container #A2TopBannerArea ul.A2-area li .banner-img img,
  #PageMainContent .container #A2BtmBannerArea ul.A2-area li .banner-img img {
    height: 100vW;
  }
}
/* line 390, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area li .banner-img video,
#PageMainContent .container #A2BtmBannerArea ul.A2-area li .banner-img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  height: 49vW;
                                /*-webkit-animation: hover-out-resize  4s 0.5;
								-moz-animation:    hover-out-resize  4s 0.5;
								-o-animation:      hover-out-resize  4s 0.5;
								animation:         hover-out-resize  4s 0.5;*/
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition: transform 2.5s ease;
  -webkit-transition: transform 2.5s ease;
  -moz-transition: transform 2.5s ease;
  -ms-transition: transform 2.5s ease;
  -o-transition: transform 2.5s ease;
}
@media screen and (max-width: 960px) {
  /* line 390, ../../Sass/sass/Index.scss */
  #PageMainContent .container #A2TopBannerArea ul.A2-area li .banner-img video,
  #PageMainContent .container #A2BtmBannerArea ul.A2-area li .banner-img video {
    height: 100vW;
  }
}
/* line 410, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area li.isVideo,
#PageMainContent .container #A2BtmBannerArea ul.A2-area li.isVideo {
  position: relative;
}
/* line 413, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area li.isVideo .div-layout,
#PageMainContent .container #A2BtmBannerArea ul.A2-area li.isVideo .div-layout {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* line 422, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area li:hover .banner-img img,
#PageMainContent .container #A2BtmBannerArea ul.A2-area li:hover .banner-img img {
                                    /*-webkit-animation: hover-resize  2s 1;
									-moz-animation:    hover-resize  2s 1;
									-o-animation:      hover-resize  2s 1;
									animation:         hover-resize  2s 1;*/
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  transition: transform 2.5s ease;
  -webkit-transition: transform 2.5s ease;
  -moz-transition: transform 2.5s ease;
  -ms-transition: transform 2.5s ease;
  -o-transition: transform 2.5s ease;
}
/* line 435, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area li:hover .banner-img video,
#PageMainContent .container #A2BtmBannerArea ul.A2-area li:hover .banner-img video {
                                    /*-webkit-animation: hover-resize  2s 1;
									-moz-animation:    hover-resize  2s 1;
									-o-animation:      hover-resize  2s 1;
									animation:         hover-resize  2s 1;*/
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  transition: transform 2.5s ease;
  -webkit-transition: transform 2.5s ease;
  -moz-transition: transform 2.5s ease;
  -ms-transition: transform 2.5s ease;
  -o-transition: transform 2.5s ease;
}
/* line 451, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area li:hover .div-layout.hasWordLayOut,
#PageMainContent .container #A2BtmBannerArea ul.A2-area li:hover .div-layout.hasWordLayOut {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  width: 100%;
  height: 100%;
}
/* line 465, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area li .wording-background,
#PageMainContent .container #A2BtmBannerArea ul.A2-area li .wording-background {
  position: absolute;
  color: #ffffff;
  bottom: 10%;
  left: 10%;
  right: 10%;
  overflow: hidden;
}
/* line 475, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area li .wording-background .wording-title,
#PageMainContent .container #A2BtmBannerArea ul.A2-area li .wording-background .wording-title {
  font-size: 150%;
  margin-bottom: 9px;
  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 481, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area li .wording-background .wording-content,
#PageMainContent .container #A2BtmBannerArea ul.A2-area li .wording-background .wording-content {
  font-size: 300%;
  font-weight: bold;
  line-height: 124%;
  padding-bottom: 5px;
  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");
  text-shadow: 1px 1px 13px rgba(0, 0, 0, 0.5);
}
/* line 500, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea {
  width: 100%;
  	            /*height: 14.03vW;
  
  	            @include mobileAll-width {
  	                height: 40.27vW;
  	            }*/
  position: relative;
  width: 100%;
}
/* line 509, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div#product-slider {
                    /*list-style: none outside none;
				    padding-left: 0;
		            margin: 0;	
		            width: 100%;	*/
}
/* line 516, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div#product-slider div.item {
  display: inline-block;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
/* line 524, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div#product-slider div.item a {
  display: table;
}
/* line 529, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div#product-slider div.item a div.ProductImg {
  display: table-row;
}
/* line 533, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div#product-slider div.item a div.ProductImg div.img {
  display: table-cell;
  vertical-align: middle;
}
/* line 539, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div#product-slider div.item a div.ProductImg img {
  max-width: 70%;
  max-height: 200px;
  margin: 0 auto;
}
/* line 546, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div#product-slider div.item a div.ProductName {
  padding-left: 10px;
  padding-right: 10px;
  color: #7e7e7e;
  font-size: 120%;
  display: table-row;
  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 555, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div#product-slider div.item a div.ProductName div.text {
  display: table-cell;
}
/* line 571, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div.owl-dots {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 8px;
  height: 32px;
}
/* line 579, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div.owl-dots button {
  display: inline-block;
  position: relative;
  margin: 0 0.5%;
  width: 4.5%;
  height: 32px;
  cursor: pointer;
  border: none;
  outline: none;
}
/* line 589, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div.owl-dots button span {
  background-color: #eeeeee;
  width: 100%;
  height: 2px;
  margin: 15px 0;
  display: block;
}
/* line 598, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div.owl-dots button.active span {
  background-color: #00A1E9;
}
/* line 603, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div.owl-dots button:active {
  border: none;
  outline: none;
}
/* line 613, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea button.owl-prev, #PageMainContent .container #PromoteProductArea button.owl-next {
  bottom: 45%;
  position: absolute;
  width: 35px;
  height: 48px;
  background-color: #000000;
  cursor: pointer;
  border: none;
  outline: none;
  z-index: 888;
  padding: 0;
  display: table;
  opacity: 0.5;
}
/* line 629, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea button.owl-prev:active, #PageMainContent .container #PromoteProductArea button.owl-next:active {
  border: none;
  outline: none;
}
/* line 634, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea button.owl-prev > span, #PageMainContent .container #PromoteProductArea button.owl-next > span {
  display: table-cell;
  vertical-align: middle;
  height: 53px;
}
/* line 639, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea button.owl-prev > span img, #PageMainContent .container #PromoteProductArea button.owl-next > span img {
  width: 30px;
}
/* line 644, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea button.owl-prev i, #PageMainContent .container #PromoteProductArea button.owl-next i {
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 30px;
  font-size: 230%;
}
/* line 655, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea button.owl-prev.owl-prev, #PageMainContent .container #PromoteProductArea button.owl-next.owl-prev {
  float: left;
  left: 0px;
}
/* line 665, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea button.owl-prev.owl-next, #PageMainContent .container #PromoteProductArea button.owl-next.owl-next {
  float: right;
  right: 0px;
}
/* line 681, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea {
  height: 36.15vW;
  display: table;
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #ffffff;
  border-left: none;
  border-right: none;
  border-top: none;
  direction: ltr;
}
@media screen and (max-width: 960px) {
  /* line 681, ../../Sass/sass/Index.scss */
  #PageMainContent .container #A3BannerArea {
    height: 171.28vW;
  }
}
/* line 698, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area {
  display: table-row;
  border: 2px solid #ffffff;
  border-left: none;
  border-right: none;
  border-top: none;
}
/* line 705, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div {
  display: table-cell;
  border: 2px solid #ffffff;
  vertical-align: middle;
  width: 68%;
  border-top: none;
  position: relative;
}
/* line 713, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .snsIcon {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 24px;
  height: 24px;
}
/* line 720, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .snsIcon img {
  width: 100%;
  height: 1005;
}
/* line 727, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div:first-child {
  border-left: none;
}
/* line 732, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div:last-child {
  border-right: none;
}
/* line 736, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .banner {
  position: relative;
}
/* line 746, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .banner .wording-background {
  position: absolute;
  color: #ffffff;
  bottom: 10%;
  left: 5%;
  right: 5%;
  overflow: hidden;
  direction: ltr;
}
/* line 755, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .banner .wording-background .wording-title {
  font-size: 150%;
  margin-bottom: 9px;
  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 761, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .banner .wording-background .wording-content {
  font-size: 300%;
  text-shadow: 1px 1px 13px rgba(0, 0, 0, 0.5);
  line-height: 124%;
  font-weight: bold;
  padding-bottom: 5px;
  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 773, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall {
  width: 34%;
  position: relative;
  height: 100%;
}
/* line 778, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item {
  height: 50%;
  position: absolute;
  width: 100%;
}
/* line 783, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item .banner {
  width: 100%;
  height: 100%;
}
/* line 787, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item .banner .banner-img {
  height: 100%;
  width: 100%;
  background-color: #000000;
}
/* line 794, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item .banner .wording-background .wording-title {
  font-size: 140%;
}
/* line 798, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item .banner .wording-background .wording-content {
  font-size: 205%;
}
/* line 805, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item.A3-Banner-item-top {
  top: 0;
}
/* line 809, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item.A3-Banner-item-bottom {
  bottom: 0;
}
/* line 816, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .banner-img {
  overflow: hidden;
  background-color: #000000;
}
/* line 820, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .banner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
                                /*-webkit-animation: hover-out-resize  2s 1;
								-moz-animation:    hover-out-resize  2s 1;
								-o-animation:      hover-out-resize  2s 1;
								animation:         hover-out-resize  2s 1;*/
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition: transform 2.5s ease;
  -webkit-transition: transform 2.5s ease;
  -moz-transition: transform 2.5s ease;
  -ms-transition: transform 2.5s ease;
  -o-transition: transform 2.5s ease;
}
/* line 832, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .banner-img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
                                /*-webkit-animation: hover-out-resize  2s 1;
								-moz-animation:    hover-out-resize  2s 1;
								-o-animation:      hover-out-resize  2s 1;
								animation:         hover-out-resize  2s 1;*/
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition: transform 2.5s ease;
  -webkit-transition: transform 2.5s ease;
  -moz-transition: transform 2.5s ease;
  -ms-transition: transform 2.5s ease;
  -o-transition: transform 2.5s ease;
}
/* line 844, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .banner-img.useBg {
  background-size: cover;
}
/* line 849, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .iconSns {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 20px;
  left: 20px;
}
/* line 856, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .iconSns img {
  width: 100%;
}
/* line 864, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .A3-Banner-item:hover .banner-img img {
                                        /*-webkit-animation: hover-resize  2s 1;
											-moz-animation:    hover-resize  2s 1;
											-o-animation:      hover-resize  2s 1;
											animation:         hover-resize  2s 1;*/
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  transition: transform 2.5s ease;
  -webkit-transition: transform 2.5s ease;
  -moz-transition: transform 2.5s ease;
  -ms-transition: transform 2.5s ease;
  -o-transition: transform 2.5s ease;
}
/* line 877, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .A3-Banner-item:hover .banner-img video {
                                        /*-webkit-animation: hover-resize  2s 1;
											-moz-animation:    hover-resize  2s 1;
											-o-animation:      hover-resize  2s 1;
											animation:         hover-resize  2s 1;*/
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  transition: transform 2.5s ease;
  -webkit-transition: transform 2.5s ease;
  -moz-transition: transform 2.5s ease;
  -ms-transition: transform 2.5s ease;
  -o-transition: transform 2.5s ease;
}
/* line 893, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .A3-Banner-item:hover .div-layout.hasWordLayOut {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  width: 100%;
  height: 100%;
}
/* line 903, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isVideo {
  position: relative;
}
/* line 906, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isVideo .div-layout {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 923, ../../Sass/sass/Index.scss */
body .block_content {
  display: none;
}
/* line 937, ../../Sass/sass/Index.scss */
body.isIEBrowser #PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item.A3-Banner-item-bottom {
  bottom: initial;
  bottom: auto;
  bottom: unset;
}

@-webkit-keyframes hover-resize {
  0% {
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-top: 0%;
  }
  100% {
    width: 105%;
    height: 105%;
    margin-left: -2.5%;
    margin-top: -2.5%;
  }
}
@-moz-keyframes hover-resize {
  0% {
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-top: 0%;
  }
  100% {
    width: 105%;
    height: 105%;
    margin-left: -2.5%;
    margin-top: -2.5%;
  }
}
@-o-keyframes hover-resize {
  0% {
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-top: 0%;
  }
  100% {
    width: 105%;
    height: 105%;
    margin-left: -2.5%;
    margin-top: -2.5%;
  }
}
@keyframes hover-resize {
  0% {
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-top: 0%;
  }
  100% {
    width: 105%;
    height: 105%;
    margin-left: -2.5%;
    margin-top: -2.5%;
  }
}
@-webkit-keyframes hover-out-resize {
  0% {
    width: 105%;
    height: 105%;
    margin-left: -2.5%;
    margin-top: -2.5%;
  }
  100% {
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-top: 0%;
  }
}
@-moz-keyframes hover-out-resize {
  0% {
    width: 105%;
    height: 105%;
    margin-left: -2.5%;
    margin-top: -2.5%;
  }
  100% {
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-top: 0%;
  }
}
@-o-keyframes hover-out-resize {
  0% {
    width: 105%;
    height: 105%;
    margin-left: -2.5%;
    margin-top: -2.5%;
  }
  100% {
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-top: 0%;
  }
}
@keyframes hover-out-resize {
  0% {
    width: 105%;
    height: 105%;
    margin-left: -2.5%;
    margin-top: -2.5%;
  }
  100% {
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-top: 0%;
  }
}
@media only screen and (max-width: 960px) {
  /* line 1147, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems video {
    width: auto;
    height: 100%;
    position: absolute;
    left: -120%;
  }
  /* line 1154, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems .wording-background {
    left: 25px;
    right: 25px;
    z-index: 999;
    width: auto;
  }
  /* line 1161, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems .wording-background .wording-content {
    font-size: 160%;
  }
  /* line 1169, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A1BannerArea #div_A1:hover .mtSlider-direction {
    display: none;
  }
  /* line 1174, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A1BannerArea #div_A1 .mtSlider-nav {
    bottom: 0;
  }
  /* line 1178, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A1BannerArea #div_A1 .mtSlider-nav div.navClickArea {
    margin: 0 7px;
    width: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    outline: 0;
    outline: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  /* line 1191, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A1BannerArea #div_A1 .mtSlider-nav div.navClickArea:focus {
    outline: 0;
    outline: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  /* line 1206, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A2TopBannerArea,
  .Rwd #PageMainContent .container #A2BtmBannerArea {
    display: block;
    border: none;
  }
  /* line 1211, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A2TopBannerArea ul.A2-area,
  .Rwd #PageMainContent .container #A2BtmBannerArea ul.A2-area {
    border: none;
    display: block;
    width: 100%;
  }
  /* line 1216, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A2TopBannerArea ul.A2-area li,
  .Rwd #PageMainContent .container #A2BtmBannerArea ul.A2-area li {
    display: block;
    width: 100%;
    border: none;
    border-top: 2px solid #ffffff;
  }
  /* line 1222, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A2TopBannerArea ul.A2-area li .wording-background,
  .Rwd #PageMainContent .container #A2BtmBannerArea ul.A2-area li .wording-background {
    left: 25px;
    right: 25px;
    bottom: 25px;
  }
  /* line 1227, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A2TopBannerArea ul.A2-area li .wording-background .wording-content,
  .Rwd #PageMainContent .container #A2BtmBannerArea ul.A2-area li .wording-background .wording-content {
    font-size: 160%;
  }
  /* line 1238, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div.owl-nav {
    bottom: 32%;
    display: none;
  }
  /* line 1242, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div.owl-nav button {
    opacity: 0.5;
  }
  /* line 1247, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div.owl-dots {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 5px;
    height: 22px;
  }
  /* line 1255, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div.owl-dots button {
    display: inline-block;
    position: relative;
    margin: 0 2.5%;
    width: 40px;
    height: 22px;
    cursor: pointer;
  }
  /* line 1263, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div.owl-dots button span {
    background-color: #eeeeee;
    width: 100%;
    height: 2px;
    display: block;
    margin: 10px 0;
  }
  /* line 1272, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div.owl-dots button.active span {
    background-color: #00A1E9;
  }
  /* line 1282, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea button.owl-prev, .Rwd #PageMainContent .container #PromoteProductArea button.owl-next {
    bottom: 30%;
    display: inline-block;
    opacity: 0.5;
  }
  /* line 1288, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea button.owl-prev i, .Rwd #PageMainContent .container #PromoteProductArea button.owl-next i {
    opacity: 1;
  }
  /* line 1297, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div#product-slider div.item {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  /* line 1301, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div#product-slider div.item a {
    display: block;
  }
  /* line 1305, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div#product-slider div.item a div.ProductImg {
    width: 100%;
  }
  /* line 1308, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div#product-slider div.item a div.ProductImg img {
    max-width: 88%;
  }
  /* line 1313, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div#product-slider div.item a div.ProductName {
    display: none;
  }
  /* line 1325, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea {
    display: block;
    width: 100%;
    border: none;
  }
  /* line 1330, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area {
    width: 100%;
    display: block;
    border: none;
  }
  /* line 1335, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area > div {
    display: block;
    width: 100%;
    border: none;
  }
  /* line 1340, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area > div.isSmall {
    border: none;
    width: 100%;
  }
  /* line 1344, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item {
    position: relative;
    width: 100%;
    height: 100%;
  }
  /* line 1351, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item .banner .wording-background .wording-title {
    font-size: 140%;
  }
  /* line 1355, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item .banner .wording-background .wording-content {
    font-size: 150%;
  }
  /* line 1364, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area > div .A3-Banner-item {
    border: none;
    border-top: 2px solid #ffffff;
  }
  /* line 1371, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area > div .banner .wording-background .wording-title {
    font-size: 140%;
  }
  /* line 1375, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area > div .banner .wording-background .wording-content {
    font-size: 150%;
  }
}