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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 33, ../../Sass/sass/Index.scss */
div.ui-loader {
  display: none;
}

/* line 476, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu {
  background: none;
  background-color: #ffffff;
  z-index: 100002;
  position: fixed;
}
/* 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;
    display: flex;
    align-items: center;
    font-size: 1.29vw;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 180, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.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 205, ../../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 209, ../../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 214, ../../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 219, ../../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 225, ../../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 230, ../../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 239, ../../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 244, ../../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 260, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-other div.content-other-items > div a {
  color: #000000;
}
/* line 264, ../../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 268, ../../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 276, ../../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 280, ../../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 287, ../../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 299, ../../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 318, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-logo img#original_logo_black {
  display: block;
}
/* line 322, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-logo img#original_logo_white {
  display: none;
}
/* line 331, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #000000;
  height: 3px !important;
}

/* line 41, ../../Sass/sass/Index.scss */
#PageMainContent .container {
  max-width: 100%;
}
/* line 42, ../../Sass/sass/Index.scss */
#PageMainContent .container .index-content {
  height: 100%;
  overflow: hidden;
}
/* line 50, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea {
  width: 100%;
  height: 39.55vW;
}
@media screen and (max-width: 960px) {
  /* line 50, ../../Sass/sass/Index.scss */
  #PageMainContent .container #A1BannerArea {
    height: 133.33vW;
  }
}
/* line 58, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 {
  position: relative;
  background-color: #1c1c1c;
  direction: ltr;
}
/* line 63, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content {
  position: relative;
  overflow: hidden;
  width: 100%;
}
/* line 68, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems {
  width: 100%;
  height: 100%;
  position: absolute;
  display: none;
}
/* line 74, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems.currentItems {
  display: block;
}
/* line 78, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems.fadeZoom {
  left: 0;
  opacity: 0;
  z-index: 0;
}
/* line 84, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems.current {
  opacity: 1;
  z-index: 10;
}
/* line 89, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems img {
  width: 100%;
}
/* line 93, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems video {
  width: 100%;
  background-color: #000000;
}
/* line 100, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems a {
  display: block;
  cursor: pointer;
}
/* line 104, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems a .word {
  position: absolute;
  bottom: 50px;
  left: 30px;
}
/* line 109, ../../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 116, ../../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 127, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems .mtSlider-append-img {
  width: 100%;
  display: block;
}
/* line 132, ../../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 144, ../../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 150, ../../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 163, ../../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 171, ../../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 184, ../../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 188, ../../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 196, ../../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 204, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-direction .mtSlider-prev {
  left: 0;
}
/* line 207, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-direction .mtSlider-prev img {
  float: left;
}
/* line 213, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-direction .mtSlider-next {
  right: 0;
}
/* line 216, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-direction .mtSlider-next img {
  float: right;
}
/* line 224, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1:hover .mtSlider-direction {
  display: block;
}
/* line 229, ../../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 237, ../../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 247, ../../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 254, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-nav div.navClickArea.currentItems div.navDotArea {
  position: relative;
}
/* line 258, ../../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 275, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-nav div.navClickArea div.navDotTimeArea {
  display: none;
}
/* line 281, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-nav div.navClickArea.tempStop div.navDotArea {
  background-color: #00A1E9;
}
/* line 289, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-nav .active div {
  background-color: #008DFF;
}
/* line 300, ../../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 300, ../../Sass/sass/Index.scss */
  #PageMainContent .container #A2TopBannerArea,
  #PageMainContent .container #A2BtmBannerArea {
    height: 201.06vW;
  }
}
/* line 316, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area,
#PageMainContent .container #A2BtmBannerArea ul.A2-area {
  display: table-row;
  border: 2px solid #ffffff;
}
/* line 320, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area:first-child,
#PageMainContent .container #A2BtmBannerArea ul.A2-area:first-child {
  border-left: none;
}
/* line 324, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area:last-child,
#PageMainContent .container #A2BtmBannerArea ul.A2-area:last-child {
  border-left: none;
}
/* line 328, ../../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 328, ../../Sass/sass/Index.scss */
  #PageMainContent .container #A2TopBannerArea ul.A2-area li,
  #PageMainContent .container #A2BtmBannerArea ul.A2-area li {
    height: 100.53vW;
  }
}
/* line 340, ../../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 344, ../../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 348, ../../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 352, ../../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 356, ../../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 356, ../../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 376, ../../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 376, ../../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 396, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area li.isVideo,
#PageMainContent .container #A2BtmBannerArea ul.A2-area li.isVideo {
  position: relative;
}
/* line 399, ../../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 408, ../../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 421, ../../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 437, ../../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 451, ../../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 461, ../../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 467, ../../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 486, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea {
  width: 100%;
  	            /*height: 14.03vW;
  
  	            @include mobileAll-width {
  	                height: 40.27vW;
  	            }*/
  position: relative;
  width: 100%;
}
/* line 495, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div#product-slider {
                    /*list-style: none outside none;
				    padding-left: 0;
		            margin: 0;	
		            width: 100%;	*/
}
/* line 502, ../../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 510, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div#product-slider div.item a {
  display: table;
}
/* line 515, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div#product-slider div.item a div.ProductImg {
  display: table-row;
}
/* line 519, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div#product-slider div.item a div.ProductImg div.img {
  display: table-cell;
  vertical-align: middle;
}
/* line 525, ../../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 532, ../../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 541, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div#product-slider div.item a div.ProductName div.text {
  display: table-cell;
}
/* line 557, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div.owl-dots {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 8px;
  height: 32px;
}
/* line 565, ../../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 575, ../../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 584, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div.owl-dots button.active span {
  background-color: #00A1E9;
}
/* line 589, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div.owl-dots button:active {
  border: none;
  outline: none;
}
/* line 599, ../../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 615, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea button.owl-prev:active, #PageMainContent .container #PromoteProductArea button.owl-next:active {
  border: none;
  outline: none;
}
/* line 620, ../../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 625, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea button.owl-prev > span img, #PageMainContent .container #PromoteProductArea button.owl-next > span img {
  width: 30px;
}
/* line 630, ../../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 641, ../../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 651, ../../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 667, ../../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 667, ../../Sass/sass/Index.scss */
  #PageMainContent .container #A3BannerArea {
    height: 171.28vW;
  }
}
/* line 684, ../../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 691, ../../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 699, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .snsIcon {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 24px;
  height: 24px;
}
/* line 706, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .snsIcon img {
  width: 100%;
  height: 1005;
}
/* line 713, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div:first-child {
  border-left: none;
}
/* line 718, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div:last-child {
  border-right: none;
}
/* line 722, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .banner {
  position: relative;
}
/* line 732, ../../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 741, ../../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 747, ../../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 759, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall {
  width: 34%;
  position: relative;
  height: 100%;
}
/* line 764, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item {
  height: 50%;
  position: absolute;
  width: 100%;
}
/* line 769, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item .banner {
  width: 100%;
  height: 100%;
}
/* line 773, ../../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 780, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item .banner .wording-background .wording-title {
  font-size: 140%;
}
/* line 784, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item .banner .wording-background .wording-content {
  font-size: 205%;
}
/* line 791, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item.A3-Banner-item-top {
  top: 0;
}
/* line 795, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item.A3-Banner-item-bottom {
  bottom: 0;
}
/* line 802, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .banner-img {
  overflow: hidden;
  background-color: #000000;
}
/* line 806, ../../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 818, ../../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 830, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .banner-img.useBg {
  background-size: cover;
}
/* line 835, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .iconSns {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 20px;
  left: 20px;
}
/* line 842, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .iconSns img {
  width: 100%;
}
/* line 850, ../../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 863, ../../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 879, ../../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 889, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isVideo {
  position: relative;
}
/* line 892, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isVideo .div-layout {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 909, ../../Sass/sass/Index.scss */
body .block_content {
  display: none;
}
/* line 923, ../../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 1133, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems video {
    width: auto;
    height: 100%;
    position: absolute;
    left: -120%;
  }
  /* line 1140, ../../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 1147, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems .wording-background .wording-content {
    font-size: 160%;
  }
  /* line 1155, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A1BannerArea #div_A1:hover .mtSlider-direction {
    display: none;
  }
  /* line 1160, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A1BannerArea #div_A1 .mtSlider-nav {
    bottom: 0;
  }
  /* line 1164, ../../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 1177, ../../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 1192, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A2TopBannerArea,
  .Rwd #PageMainContent .container #A2BtmBannerArea {
    display: block;
    border: none;
  }
  /* line 1197, ../../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 1202, ../../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 1208, ../../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 1213, ../../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 1224, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div.owl-nav {
    bottom: 32%;
    display: none;
  }
  /* line 1228, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div.owl-nav button {
    opacity: 0.5;
  }
  /* line 1233, ../../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 1241, ../../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 1249, ../../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 1258, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div.owl-dots button.active span {
    background-color: #00A1E9;
  }
  /* line 1268, ../../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 1274, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea button.owl-prev i, .Rwd #PageMainContent .container #PromoteProductArea button.owl-next i {
    opacity: 1;
  }
  /* line 1283, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div#product-slider div.item {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  /* line 1287, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div#product-slider div.item a {
    display: block;
  }
  /* line 1291, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div#product-slider div.item a div.ProductImg {
    width: 100%;
  }
  /* line 1294, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div#product-slider div.item a div.ProductImg img {
    max-width: 88%;
  }
  /* line 1299, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div#product-slider div.item a div.ProductName {
    display: none;
  }
  /* line 1311, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea {
    display: block;
    width: 100%;
    border: none;
  }
  /* line 1316, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area {
    width: 100%;
    display: block;
    border: none;
  }
  /* line 1321, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area > div {
    display: block;
    width: 100%;
    border: none;
  }
  /* line 1326, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area > div.isSmall {
    border: none;
    width: 100%;
  }
  /* line 1330, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item {
    position: relative;
    width: 100%;
    height: 100%;
  }
  /* line 1337, ../../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 1341, ../../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 1350, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area > div .A3-Banner-item {
    border: none;
    border-top: 2px solid #ffffff;
  }
  /* line 1357, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area > div .banner .wording-background .wording-title {
    font-size: 140%;
  }
  /* line 1361, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area > div .banner .wording-background .wording-content {
    font-size: 150%;
  }
}