@charset "UTF-8";
/*@mixin flexbox($value...) {
    inspect($value);
}*/
/*@mixin base-font-style-non-class() {
    /*font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','微軟正黑體',Microsoft JhengHei,'微軟雅黑體',Microsoft YaHei,SimHei,Arial,Verdana,Helvetica,'sans-serif';*/
/*font-family: 'Arial',"微軟正黑體",Microsoft JhengHei,"微軟雅黑體",Microsoft YaHei,SimHei, "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","新細明體", Arial,Verdana,Helvetica,sans-serif;

}
@mixin useGoogleFont(){
    &.google-font { 
        //font-family: 'Play', sans-serif;
        font-family: 'Play', sans-serif,"微軟正黑體",Microsoft JhengHei,"微軟雅黑體",Microsoft YaHei,SimHei,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","新細明體", Arial,Verdana,Helvetica,sans-serif;

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

/* line 5, ../../Sass/sass/base/_footer.scss */
footer {
  background-color: #ffffff;
  color: #666666;
  font-size: 0.9em;
  bottom: 0;
  width: 100%;
  z-index: 999;
}
/* line 13, ../../Sass/sass/base/_footer.scss */
footer a {
  color: #666666;
}
/* line 15, ../../Sass/sass/base/_footer.scss */
footer a:hover {
  color: #010101;
}
/* line 19, ../../Sass/sass/base/_footer.scss */
footer .container-footer {
  margin: 0 auto;
  width: 90%;
  padding-bottom: 5%;
}
/* line 24, ../../Sass/sass/base/_footer.scss */
footer .footer-top {
  margin: 2% 0 5% 0;
}
/* line 24, ../../Sass/sass/base/_font.scss */
footer .footer-top.google-font.google-font {
  font-family: 'Lato', 'Play', sans-serif, "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
}
/* line 29, ../../Sass/sass/base/_footer.scss */
footer .footer-top .footer-info-area {
  width: 75%;
  display: inline-block;
}
/* line 32, ../../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 39, ../../Sass/sass/base/_footer.scss */
footer .footer-top .footer-info-area .footer-info li {
  padding-bottom: 5%;
}
/* line 41, ../../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 46, ../../Sass/sass/base/_footer.scss */
footer .footer-top .footer-info-area .footer-info .local_customer_number {
  color: #006ac6;
}
/* line 52, ../../Sass/sass/base/_footer.scss */
footer .footer-top .footer-info-area .footer-info.isMainCustomized .footer-info-other font {
  color: #006ac6;
}
/* line 60, ../../Sass/sass/base/_footer.scss */
footer .footer-top .local_customer {
  font-size: 120%;
}
/* line 64, ../../Sass/sass/base/_footer.scss */
footer .footer-bottom {
  margin: auto 0;
}
/* line 66, ../../Sass/sass/base/_footer.scss */
footer .footer-bottom div {
  display: inline-block;
}
/* line 68, ../../Sass/sass/base/_footer.scss */
footer .footer-bottom div.language {
  font-weight: bold;
}
/* line 70, ../../Sass/sass/base/_footer.scss */
footer .footer-bottom div.language img {
  opacity: 0.5;
  max-width: 24px;
  vertical-align: middle;
  display: inherit;
}
/* line 76, ../../Sass/sass/base/_footer.scss */
footer .footer-bottom div.language a {
  vertical-align: middle;
  font-size: 130%;
}
/* line 81, ../../Sass/sass/base/_footer.scss */
footer .footer-bottom div.language:hover img {
  opacity: 1;
}
/* line 84, ../../Sass/sass/base/_footer.scss */
footer .footer-bottom div.language:hover a {
  color: #010101;
}
/* line 89, ../../Sass/sass/base/_footer.scss */
footer .footer-bottom div.copy-right {
  color: #666666;
  float: right;
  font-weight: bold;
  font-size: 80%;
}
/* line 94, ../../Sass/sass/base/_footer.scss */
footer .footer-bottom div.copy-right span {
  margin: auto 0.2em;
}
/* line 96, ../../Sass/sass/base/_footer.scss */
footer .footer-bottom div.copy-right span a {
  text-decoration: underline;
}
/* line 102, ../../Sass/sass/base/_footer.scss */
footer .footer-bottom > .footer-cn {
  display: none;
}
/* line 107, ../../Sass/sass/base/_footer.scss */
footer .footer-sns {
  margin-right: inherit;
  display: inline-block;
  text-align: right;
  width: 23%;
  float: right;
}
/* line 113, ../../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 125, ../../Sass/sass/base/_footer.scss */
footer .footer-sns .social-btn img {
  width: 90%;
  opacity: 0.7;
  margin-top: 3%;
  display: inherit;
}
/* line 131, ../../Sass/sass/base/_footer.scss */
footer .footer-sns .social-btn:hover {
  border: 1px solid #111111;
}
/* line 133, ../../Sass/sass/base/_footer.scss */
footer .footer-sns .social-btn:hover img {
  opacity: 1;
}
/* line 139, ../../Sass/sass/base/_footer.scss */
footer .sns-slider {
  background-color: #f2f2f2;
  margin: 0 auto;
  width: 72%;
  position: relative;
  z-index: 1000;
  display: inherit;
}
/* line 147, ../../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 154, ../../Sass/sass/base/_footer.scss */
footer .sns-slider-Content .sns-Item {
  margin: 4%;
}
/* line 156, ../../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 166, ../../Sass/sass/base/_footer.scss */
footer .sns-slider-Content .sns-Item .social-btn img {
  width: 90%;
  opacity: 0.7;
  margin-top: 3%;
}
/* line 175, ../../Sass/sass/base/_footer.scss */
footer .sns-slider-Content .sns-Item a:hover .social-btn img {
  opacity: 1;
}
/* line 182, ../../Sass/sass/base/_footer.scss */
footer .sns-slider-Content span {
  margin: 0 3%;
}

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

/*rtl footer start----*/
/* line 203, ../../Sass/sass/base/_footer.scss */
.topBg.RTL footer .container-footer .footer-top .footer-info-area .footer-info {
  margin-left: 7%;
  margin-right: 0;
}
/* line 209, ../../Sass/sass/base/_footer.scss */
.topBg.RTL footer .container-footer .footer-top ul.footer-sns {
  margin-right: 0%;
  margin-left: 0%;
  float: left;
}
/* line 213, ../../Sass/sass/base/_footer.scss */
.topBg.RTL footer .container-footer .footer-top ul.footer-sns .social-btn {
  float: left;
}
/* line 222, ../../Sass/sass/base/_footer.scss */
.topBg.RTL footer .container-footer .footer-bottom div.language {
  float: right;
}
/* line 224, ../../Sass/sass/base/_footer.scss */
.topBg.RTL footer .container-footer .footer-bottom div.language img {
  display: inline-block;
}
/* line 228, ../../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 241, ../../Sass/sass/base/_footer.scss */
  footer .sns-slider {
    width: 86%;
  }
}
@media only screen and (max-width: 960px) {
  /* line 250, ../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-top {
    text-align: left;
    margin: 10% 0;
  }
  /* line 253, ../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-top .footer-info-area {
    width: 100%;
  }
  /* line 255, ../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-top .footer-info-area .footer-info {
    width: 100%;
    margin: 0px 0px;
    padding-bottom: inherit;
  }
  /* line 259, ../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-top .footer-info-area .footer-info li {
    padding: 0;
    padding-bottom: 7px;
    text-align: center;
  }
  /* line 263, ../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-top .footer-info-area .footer-info li.footer-info-other {
    display: none;
  }
  /* line 268, ../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-top .footer-info-area .footer-info.local_customer {
    display: none;
  }
  /* line 274, ../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-top .footer-info-area .footer-info.isMainCustomized li.footer-info-first {
    display: none;
  }
  /* line 277, ../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-top .footer-info-area .footer-info.isMainCustomized li.footer-info-other {
    display: block;
  }
  /* line 285, ../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-top .footer-sns {
    display: none;
  }
  /* line 290, ../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-cn-PC {
    display: none;
  }
  /* line 293, ../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-bottom {
    margin: 0px 0px;
    text-align: center;
  }
  /* line 296, ../../Sass/sass/base/_footer.scss */
  .Rwd footer .footer-bottom > .footer-cn {
    display: block;
  }
  /* line 301, ../../Sass/sass/base/_footer.scss */
  .Rwd footer .copy-right {
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }
  /* line 305, ../../Sass/sass/base/_footer.scss */
  .Rwd footer .copy-right .policy-area {
    display: block;
  }
  /* line 308, ../../Sass/sass/base/_footer.scss */
  .Rwd footer .copy-right .policy-area span.separate {
    display: none;
  }
  /* line 324, ../../Sass/sass/base/_footer.scss */
  .Rwd.RTL footer .container-footer div.footer-top div.footer-info-area > div.footer-info {
    margin-left: 0;
  }
  /* line 333, ../../Sass/sass/base/_footer.scss */
  .Rwd.RTL footer .container-footer div.footer-bottom div.language {
    float: unset;
  }
  /* line 337, ../../Sass/sass/base/_footer.scss */
  .Rwd.RTL footer .container-footer div.footer-bottom div.copy-right {
    float: unset;
  }
  /* line 340, ../../Sass/sass/base/_footer.scss */
  .Rwd.RTL footer .container-footer div.footer-bottom div.copy-right span.policy-area {
    float: unset;
  }
  /* line 342, ../../Sass/sass/base/_footer.scss */
  .Rwd.RTL footer .container-footer div.footer-bottom div.copy-right span.policy-area span {
    float: unset;
  }
}
/*@mixin pc-width() {
    @media all and (min-width: $ScreenSize-1281) {
        @content;
    }
}*/
/* line 15, ../../Sass/sass/base/_common.scss */
html,
body {
  height: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 386, ../../Sass/sass/base/_common.scss */
.Content-TopArea .breadArea .breadcrumb,
.Content-TopArea .breadArea .bread {
  padding: 0.5% 5%;
}
/* line 391, ../../Sass/sass/base/_common.scss */
.Content-TopArea .breadArea .bread {
  overflow: auto;
  -ms-overflow-style: none;
  z-index: 1;
  background-color: #EEEEEE;
  position: relative;
}
/* line 56, ../../Sass/sass/base/_font.scss */
.Content-TopArea .breadArea .bread.google-font.google-font {
  font-family: Segoe UI, 'Open Sans', 'Noto Sans TC', 'Lato', 'Play', sans-serif, "微軟正黑體", 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 404, ../../Sass/sass/base/_common.scss */
.Content-TopArea .breadArea .bread .bread-Link, .Content-TopArea .breadArea .bread .bread-Icon {
  display: table-cell;
  vertical-align: middle;
}
/* line 412, ../../Sass/sass/base/_common.scss */
.Content-TopArea .breadArea .bread .bread-Link a,
.Content-TopArea .breadArea .bread .bread-Link span {
  display: block;
  word-wrap: unset;
  white-space: nowrap;
  color: #423F3F;
  font-weight: initial;
  font-size: 0.9vw;
}
@media screen and (max-width: 960px) {
  /* line 412, ../../Sass/sass/base/_common.scss */
  .Content-TopArea .breadArea .bread .bread-Link a,
  .Content-TopArea .breadArea .bread .bread-Link span {
    font-size: 14.5px;
  }
}
/* line 428, ../../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 435, ../../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 441, ../../Sass/sass/base/_common.scss */
.Content-TopArea .breadArea .bread .bread-Icon {
  height: 20px;
  padding: 0px 5px;
}
/* line 445, ../../Sass/sass/base/_common.scss */
.Content-TopArea .breadArea .bread .bread-Icon img {
  height: 100%;
  width: auto;
  vertical-align: middle;
}
/* line 455, ../../Sass/sass/base/_common.scss */
.Content-TopArea .breadArea .bread .whiteFont a,
.Content-TopArea .breadArea .bread .whiteFont span {
  color: #FFF;
}

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

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

/* line 475, ../../Sass/sass/base/_common.scss */
#policy-div {
  position: fixed;
  bottom: 0;
}
/* line 479, ../../Sass/sass/base/_common.scss */
#policy-div .policy-div-sub .policy-div-txt {
  font-size: 1vw;
}
/* line 483, ../../Sass/sass/base/_common.scss */
#policy-div .policy-div-sub #policy-close img {
  background-color: #FFFFFF29;
  padding: 0.2vw;
  margin-top: 2px;
}
/* line 488, ../../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 498, ../../Sass/sass/base/_common.scss */
#policy-div .policy-div-sub #policy-close:hover path {
  fill: #de5b78;
}
/* line 501, ../../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 516, ../../Sass/sass/base/_common.scss */
  .container {
    max-width: 80%;
  }
}
@media (max-width: 1600px) and (min-width: 1211px) {
  /* line 522, ../../Sass/sass/base/_common.scss */
  .container {
    max-width: 88%;
    min-width: 88%;
  }
}
@media (min-width: 961px) and (max-width: 1210px) {
  /* line 531, ../../Sass/sass/base/_common.scss */
  .container {
    max-width: 92%;
    min-width: 92%;
  }

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

  /* line 557, ../../Sass/sass/base/_common.scss */
  .Rwd #PageMainContent {
    min-height: 400px;
  }
  /* line 563, ../../Sass/sass/base/_common.scss */
  .Rwd #PageMainContent.header-scrolling.FrontIndex {
    padding-top: 0;
  }
  /* line 568, ../../Sass/sass/base/_common.scss */
  .Rwd #PageMainContent.NotCoverHeader {
    padding-top: 60px;
  }
  /* line 574, ../../Sass/sass/base/_common.scss */
  .Rwd .overlay.active {
    display: block;
  }
  /* line 579, ../../Sass/sass/base/_common.scss */
  .Rwd #policy-div {
    background-color: #000000f2;
    margin: 0 2% 2% 2%;
    width: initial !important;
  }
  /* line 584, ../../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 592, ../../Sass/sass/base/_common.scss */
  .Rwd #policy-div .policy-div-sub #policy-close {
    min-width: 66px !important;
  }
  /* line 594, ../../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 600, ../../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 611, ../../Sass/sass/base/_common.scss */
  .Rwd #policy-div.showMobileMenu, .Rwd #policy-div.showSearch {
    display: none;
  }
  /* line 616, ../../Sass/sass/base/_common.scss */
  .Rwd #policy-div.scrolling {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  /* line 627, ../../Sass/sass/base/_common.scss */
  .Rwd #policy-div .policy-div-sub .policy-div-txt {
    max-width: 80% !important;
  }
  /* line 630, ../../Sass/sass/base/_common.scss */
  .Rwd #policy-div .policy-div-sub #policy-close {
    right: 20px !important;
  }
}
@media screen and (max-width: 320px) {
  /* line 642, ../../Sass/sass/base/_common.scss */
  .Rwd #policy-div .policy-div-sub .policy-div-txt {
    max-width: 73% !important;
  }
}
/*No rwd start*/
/* line 652, ../../Sass/sass/base/_common.scss */
.topBg.NoRwd {
  min-width: 1280px;
}

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

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

/*@mixin base-font-style-non-class() {
    /*font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','微軟正黑體',Microsoft JhengHei,'微軟雅黑體',Microsoft YaHei,SimHei,Arial,Verdana,Helvetica,'sans-serif';*/
/*font-family: 'Arial',"微軟正黑體",Microsoft JhengHei,"微軟雅黑體",Microsoft YaHei,SimHei, "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","新細明體", Arial,Verdana,Helvetica,sans-serif;

}
@mixin useGoogleFont(){
    &.google-font { 
        //font-family: 'Play', sans-serif;
        font-family: 'Play', sans-serif,"微軟正黑體",Microsoft JhengHei,"微軟雅黑體",Microsoft YaHei,SimHei,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","新細明體", Arial,Verdana,Helvetica,sans-serif;

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

/* line 479, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar {
  position: relative;
  background-image: url(/Images/2017NewFront/headerbackground_black.png);
  background-size: 1px 101%;
  background-repeat: repeat;
  width: 100%;
  padding-right: 5%;
  padding-left: 5%;
}
/* line 351, ../../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 355, ../../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 360, ../../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 365, ../../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 371, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header #menu-main > .menu-level-1 > .content-menu a:hover {
  color: white;
}
/* line 376, ../../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 391, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header .content-other div.content-other-items > div a {
  color: #ffffff;
}
/* line 395, ../../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 399, ../../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 407, ../../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 411, ../../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 418, ../../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 427, ../../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 446, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header .content-logo img#original_logo_black {
  display: none;
}
/* line 450, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .navbar-header .content-logo img#original_logo_white {
  display: block;
}
/* line 460, ../../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 479, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar {
    z-index: 99999;
  }
}
/* line 493, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .container-header {
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: initial;
}
/* line 56, ../../Sass/sass/base/Header/_font.scss */
.topBg #header-bar .container-header.google-font {
  font-family: Segoe UI, 'Open Sans', '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 501, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .cnAd {
  top: 0;
  position: absolute;
  right: 23px;
  height: 100%;
  display: table;
}
/* line 508, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .cnAd span {
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 960px) {
  /* line 501, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar .cnAd {
    height: 60px;
    right: 2px;
    width: 17px;
  }
}
/* line 520, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar .hidden {
  display: none;
}
/* line 524, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.CoverHeader {
  position: fixed;
}
@media screen and (max-width: 960px) {
  /* line 529, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar {
    padding-left: 15px;
    padding-right: 15px;
    position: fixed;
    top: inherit;
  }
}
/* line 538, ../../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 543, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar div[id^="for-menu-header-"] .menu-slide-background {
  background: #ffffff;
}
/* line 548, ../../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 548, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header {
    position: relative;
  }
}
/* line 556, ../../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 40, ../../Sass/sass/base/Header/_font.scss */
.topBg #header-bar.new-header-bar .navbar-header #recentlySearch.show li.google-font.google-font {
  font-family: '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 572, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header #mobileMenuShowBodyBlock {
  display: none;
}
/* line 576, ../../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 576, ../../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 596, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header > .content-logo a {
  display: table-cell;
  vertical-align: middle;
}
/* line 600, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header > .content-logo a img {
  width: 8vw;
  display: block;
}
@media screen and (max-width: 960px) {
  /* line 600, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header > .content-logo a img {
    width: 180px;
    margin: 0px auto;
    max-width: 150px;
  }
}
/* line 614, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .mobileBtmMenu {
  display: none;
}
/* line 618, ../../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 618, ../../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 629, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-menu .menuHeader {
    height: auto;
  }
  /* line 632, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-menu .menuHeader.menuHeader {
    display: block;
    width: 100%;
  }
  /* line 637, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-menu .menuHeader.menuTitle {
    display: block;
    width: 100%;
  }
  /* line 643, ../../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 649, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-menu .mobileBtmMenuArea {
    display: none;
  }
}
/* line 655, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .HeaderActivity {
  display: none;
}
/* line 659, ../../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 659, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .MobileMenu {
    display: inline-block;
  }
}
/* line 671, ../../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 679, ../../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 689, ../../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 694, ../../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 699, ../../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 708, ../../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 715, ../../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 721, ../../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 731, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .MobileMenu div#mobile-menu.showClose {
  z-index: 99999;
}
/* line 735, ../../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 741, ../../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 748, ../../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 763, ../../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 771, ../../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 771, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-other {
    position: absolute;
    top: 0;
    right: 0;
  }
}
/* line 785, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items {
  display: table-row;
}
/* line 790, ../../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 801, ../../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 807, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.language img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.member img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.search img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.businessCenter img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.aorus img {
  width: 20px;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 807, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.language img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.member img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.search img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.businessCenter img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.aorus img {
    width: 14px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 807, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.language img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.member img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.search img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.businessCenter img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.aorus img {
    width: 16px;
  }
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
  /* line 807, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.language img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.member img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.search img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.businessCenter img, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.aorus img {
    width: 18px;
  }
}
/* line 826, ../../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 826, ../../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 835, ../../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 838, ../../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 847, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.aorus a img {
  width: auto;
  height: 18px;
}
@media all and (min-width: 961px) and (max-width: 1024px) {
  /* line 847, ../../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 847, ../../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 864, ../../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 872, ../../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 885, ../../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 890, ../../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 898, ../../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 908, ../../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 922, ../../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 930, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-other.cn_contentOther {
    right: 15px;
  }
}
/* line 941, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch {
  z-index: 100002;
}
@media screen and (max-width: 960px) {
  /* line 941, ../../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 957, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .MobileMenu {
    display: none;
  }
}
/* line 963, ../../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 968, ../../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 968, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header #recentlySearch {
    padding-top: 20px;
  }
}
/* line 980, ../../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 980, ../../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 991, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header #recentlySearch li.item:hover {
    background-color: transparent !important;
  }
  /* line 995, ../../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 1001, ../../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 1010, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header #recentlySearch.show li {
    color: #000000 !important;
    font-size: 125%;
  }
  /* line 1015, ../../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 1025, ../../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 1035, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header #recentlySearchWord.show {
    display: block;
  }
}
/* line 1044, ../../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 40, ../../Sass/sass/base/Header/_font.scss */
.topBg #header-bar.opensearch .container-header .navbar-header #recentlySearchWord span.google-font.google-font {
  font-family: '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 1059, ../../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 1059, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other {
    width: 100%;
    left: 0;
    right: 0;
  }
}
/* line 1071, ../../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 1076, ../../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 1083, ../../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 1090, ../../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 1094, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form {
  height: 100%;
}
/* line 1097, ../../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 1097, ../../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 1107, ../../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 1107, ../../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 1117, ../../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 1123, ../../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 1133, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content > input#full-search-keyword.notEmpty {
    padding-right: 96px;
  }
  /* line 1137, ../../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 1142, ../../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 1147, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search div.content > input#full-search-keyword::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #999999;
  }
}
/* line 1156, ../../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 1156, ../../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 1171, ../../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 1183, ../../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 1195, ../../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 1195, ../../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 1202, ../../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 1210, ../../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 1214, ../../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 1221, ../../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 1221, ../../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 1235, ../../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 1235, ../../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 1246, ../../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 1246, ../../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 1257, ../../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 1264, ../../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 1268, ../../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 1278, ../../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 1278, ../../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 1288, ../../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 1299, ../../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 1309, ../../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 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.active .content span.close {
    right: 30px;
  }
  /* line 1330, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .container-header .navbar-header .content-other .content-other-items .search form#Top-Menu-Search.active .content span.close > span {
    background-color: #000000;
  }
}
/* line 1343, ../../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 1363, ../../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 1370, ../../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 1377, ../../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 1385, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch.done .container-header .navbar-header #recentlySearch.show li.item {
  font-size: 130%;
  cursor: pointer;
}
/* line 40, ../../Sass/sass/base/Header/_font.scss */
.topBg #header-bar.opensearch.done .container-header .navbar-header #recentlySearch.show li.item .google-font.google-font {
  font-family: '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 1395, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch.done .container-header .navbar-header #recentlySearch.show li.item:hover {
  background-color: #1E9FF2;
}
/* line 1400, ../../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 1409, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch.done .container-header .navbar-header #recentlySearch.show.showAutoComplete {
  display: none;
}
/* line 1423, ../../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 175, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .cnAd span {
  color: #000000;
}
/* line 184, ../../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 184, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.BlackWord .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 184, ../../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 184, ../../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 184, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.BlackWord .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
/* line 206, ../../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 210, ../../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 215, ../../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 220, ../../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 226, ../../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 231, ../../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 240, ../../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 245, ../../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 261, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .content-other div.content-other-items > div a {
  color: #000000;
}
/* line 265, ../../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 269, ../../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 277, ../../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 281, ../../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 288, ../../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 300, ../../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 319, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .content-logo img#original_logo_black {
  display: block;
}
/* line 323, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .content-logo img#original_logo_white {
  display: none;
}
/* line 332, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.BlackWord .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #000000;
  height: 3px !important;
}
/* line 1435, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader {
  background: none;
  background-color: #ffffff;
  border-bottom: 1px solid #e5e5e5;
}
/* line 175, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .cnAd span {
  color: #000000;
}
/* line 184, ../../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 184, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 184, ../../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 184, ../../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 184, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.NotCoverHeader .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
/* line 206, ../../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 210, ../../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 215, ../../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 220, ../../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 226, ../../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 231, ../../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 240, ../../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 245, ../../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 261, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .content-other div.content-other-items > div a {
  color: #000000;
}
/* line 265, ../../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 269, ../../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 277, ../../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 281, ../../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 288, ../../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 300, ../../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 319, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .content-logo img#original_logo_black {
  display: block;
}
/* line 323, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .content-logo img#original_logo_white {
  display: none;
}
/* line 332, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NotCoverHeader .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #000000;
  height: 3px !important;
}
/* line 1445, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu {
  background: none;
  background-color: #ffffff;
  z-index: 100002;
}
/* line 175, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .cnAd span {
  color: #000000;
}
/* line 184, ../../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 184, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 184, ../../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 184, ../../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 184, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
/* line 206, ../../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 210, ../../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 215, ../../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 220, ../../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 226, ../../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 231, ../../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 240, ../../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 245, ../../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 261, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-other div.content-other-items > div a {
  color: #000000;
}
/* line 265, ../../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 269, ../../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 277, ../../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 281, ../../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 288, ../../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 300, ../../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 319, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-logo img#original_logo_black {
  display: block;
}
/* line 323, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-logo img#original_logo_white {
  display: none;
}
/* line 332, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #000000;
  height: 3px !important;
}
/* line 1451, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu.fixTop {
  position: fixed;
  top: 0px;
  left: 0px;
}
/* line 1460, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch {
  background: none;
  background-color: #ffffff;
}
/* line 175, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .cnAd span {
  color: #000000;
}
/* line 184, ../../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 184, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 184, ../../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 184, ../../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 184, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.opensearch .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
/* line 206, ../../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 210, ../../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 215, ../../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 220, ../../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 226, ../../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 231, ../../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 240, ../../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 245, ../../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 261, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .content-other div.content-other-items > div a {
  color: #000000;
}
/* line 265, ../../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 269, ../../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 277, ../../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 281, ../../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 288, ../../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 300, ../../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 319, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .content-logo img#original_logo_black {
  display: block;
}
/* line 323, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .content-logo img#original_logo_white {
  display: none;
}
/* line 332, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.opensearch .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #000000;
  height: 3px !important;
}
/* line 1466, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu {
  background-color: #ffffff;
}
/* line 351, ../../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 355, ../../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 360, ../../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 365, ../../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 371, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header #menu-main > .menu-level-1 > .content-menu a:hover {
  color: white;
}
/* line 376, ../../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 391, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .content-other div.content-other-items > div a {
  color: #ffffff;
}
/* line 395, ../../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 399, ../../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 407, ../../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 411, ../../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 418, ../../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 427, ../../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 446, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .content-logo img#original_logo_black {
  display: none;
}
/* line 450, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .content-logo img#original_logo_white {
  display: block;
}
/* line 460, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.b2bMenu .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #ffffff;
}
/* line 1476, ../../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 1494, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.NoHeaderBold.new-header-bar .navbar-header > .content-menu .menuHeadera.text {
  font-weight: inherit;
  font-weight: initial;
}
/* line 1508, ../../Sass/sass/base/Header/_base.scss */
.topBg #mobileMenuShowBlock {
  display: none;
}
/* line 1512, ../../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 1523, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock.showMenu {
  display: block;
}
/* line 1529, ../../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 1541, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area {
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 2;
}
/* line 1548, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li {
  text-align: left;
}
/* line 1551, ../../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 1571, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > a {
  display: table;
  padding: 7% 0;
  /*&.noUrlLink {
      cursor: auto;
  }*/
}
/* line 1580, ../../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 1588, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > a.listNext {
  display: none;
}
/* line 1594, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > a.hasUrlLink:hover.text {
  color: #1E9FF2;
}
/* line 1604, ../../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 1612, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle.menu-title-81 {
  min-width: 11%;
  max-width: 15%;
}
/* line 1617, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle.menu-title-81 > a {
  padding: 9% 0;
}
/* line 1623, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area {
  padding-top: 5%;
  padding-bottom: 10%;
}
/* line 1629, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area li.viewallItem {
  cursor: pointer;
}
/* line 1632, ../../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 1638, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area li.menuBody {
  padding-bottom: 7%;
}
/* line 1642, ../../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 1644, ../../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 1656, ../../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 1665, ../../Sass/sass/base/Header/_base.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area li.AorusLogoIcon {
  display: none;
}
/* line 1669, ../../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 40, ../../Sass/sass/base/Header/_font.scss */
.topBg #pcMenuShowBlock ul.menu-title-area > li.menuTitle > ul.menu-body-area.google-font.google-font {
  font-family: '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 1684, ../../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 1687, ../../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 1697, ../../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 40, ../../Sass/sass/base/Header/_font.scss */
.topBg #pcMenuShowBlock ul.menu-title-area.google-font.google-font {
  font-family: '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 1720, ../../Sass/sass/base/Header/_base.scss */
.topBg.Rwd #pcMenuShowBlock {
  min-width: auto;
}

/* line 1730, ../../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 1745, ../../Sass/sass/base/Header/_base.scss */
body div.blockTopMenuBackground.hidden {
  display: none;
}
/* line 1749, ../../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 1766, ../../Sass/sass/base/Header/_base.scss */
body.showPcMenu div#PageMainContentBlock {
  display: block;
}
/* line 1774, ../../Sass/sass/base/Header/_base.scss */
body.showSearch div#PageMainContentBlock {
  top: 0;
  display: block;
  opacity: 0.8;
}
/* line 1784, ../../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;
}
/* line 40, ../../Sass/sass/base/Header/_font.scss */
body ul.MenuAutocomplete.google-font.google-font {
  font-family: '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 1798, ../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li {
  padding: 15px 0 !important;
  padding-left: 35px !important;
}
/* line 1803, ../../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 1809, ../../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 1816, ../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li.ui-autocomplete-category {
  background-color: #000000;
  font-weight: bold;
}
/* line 1821, ../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li > div {
  padding: 0 !important;
  padding-left: 5% !important;
  padding-right: 5% !important;
}
/* line 1826, ../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li > div.ui-state-active {
  background: none !important;
  border: none !important;
}
/* line 1830, ../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li > div.ui-state-active:hover {
  background: none !important;
  border: none !important;
}
/* line 1836, ../../Sass/sass/base/Header/_base.scss */
body ul.MenuAutocomplete > li > div:hover {
  background: none !important;
  border: none !important;
}

/* line 11, ../../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 23, ../../Sass/sass/base/Header/_default.scss */
.topBg #menu-main .menu-type-default.show {
  display: flex;
}
/* line 27, ../../Sass/sass/base/Header/_default.scss */
.topBg #menu-main .menu-type-default.hidden {
  display: none;
}
/* line 31, ../../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 39, ../../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 43, ../../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 48, ../../Sass/sass/base/Header/_default.scss */
.topBg #menu-main .menu-type-default .menu-level-3 .menu-title a:hover {
  color: #008cd6;
}
/* line 54, ../../Sass/sass/base/Header/_default.scss */
.topBg #menu-main .menu-type-default .menu-level-3 .menu-item {
  text-align: left;
}
/* line 57, ../../Sass/sass/base/Header/_default.scss */
.topBg #menu-main .menu-type-default .menu-level-3 .menu-item ul {
  list-style: none;
}
/* line 60, ../../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 60, ../../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 60, ../../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 60, ../../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 77, ../../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 81, ../../Sass/sass/base/Header/_default.scss */
.topBg #menu-main .menu-type-default .menu-level-3 .menu-item ul li a:hover {
  color: #008cd6;
}
/* line 89, ../../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 95, ../../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 105, ../../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 10, ../../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 20, ../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer.show {
  display: flex;
}
/* line 24, ../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer.hidden {
  display: none;
}
/* line 28, ../../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 35, ../../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 43, ../../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 47, ../../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 52, ../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-list .menu-level-3 .menu-title a:hover {
  color: #008cd6;
}
/* line 58, ../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-list .menu-level-3 .menu-item {
  text-align: left;
}
/* line 61, ../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-list .menu-level-3 .menu-item ul {
  list-style: none;
}
/* line 64, ../../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 64, ../../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 64, ../../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 80, ../../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 84, ../../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 94, ../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-ad-list {
  width: 25.54vw;
  height: 28.9vw;
}
/* line 98, ../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-ad-list .menu-ad-item {
  position: relative;
  height: 100%;
}
/* line 102, ../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-ad-list .menu-ad-item.show {
  display: block;
}
/* line 106, ../../Sass/sass/base/Header/_consumer.scss */
.topBg #menu-main .menu-type-consumer .menu-ad-list .menu-ad-item.hidden {
  display: none;
}
/* line 110, ../../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 120, ../../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 131, ../../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 141, ../../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 146, ../../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 154, ../../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 162, ../../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 172, ../../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 181, ../../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 15, ../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-1 {
  width: 8.33%;
}
/* line 19, ../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-2 {
  width: 16.67%;
}
/* line 23, ../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-3 {
  width: 25%;
}
/* line 27, ../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-4 {
  width: 33.33%;
}
/* line 31, ../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-5 {
  width: 41.67%;
}
/* line 35, ../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-6 {
  width: 50.00%;
}
/* line 39, ../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-7 {
  width: 58.33%;
}
/* line 43, ../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-8 {
  width: 66.67%;
}
/* line 47, ../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-9 {
  width: 75.00%;
}
/* line 51, ../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-10 {
  width: 83.33%;
}
/* line 55, ../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-11 {
  width: 91.67%;
}
/* line 59, ../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .col-12 {
  width: 100%;
}

/* line 79, ../../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 93, ../../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 109, ../../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 118, ../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise.show {
  display: flex;
}
/* line 122, ../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise.hidden {
  display: none;
}
/* line 126, ../../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 131, ../../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 137, ../../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 143, ../../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 149, ../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-left ul li a:hover {
  color: #008cd6;
}
/* line 153, ../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-left ul li a.active {
  color: #008cd6;
}
/* line 161, ../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center {
  width: 58.54vw;
  padding-bottom: 2vw;
}
/* line 166, ../../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 174, ../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list.show {
  display: flex;
}
/* line 178, ../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list.hidden {
  display: none;
}
/* line 182, ../../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 182, ../../Sass/sass/base/Header/_enterprise.scss */
  .topBg #menu-main .menu-type-enterprise .menu-section-center .menu-list .menu-level-4 {
    padding: 1.5vw;
  }
}
/* line 193, ../../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 193, ../../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 193, ../../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 193, ../../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 213, ../../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 216, ../../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 222, ../../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 222, ../../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 222, ../../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 222, ../../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 244, ../../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 247, ../../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 247, ../../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 247, ../../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 247, ../../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 274, ../../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 277, ../../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 283, ../../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 289, ../../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 317, ../../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 339, ../../Sass/sass/base/Header/_enterprise.scss */
.topBg #menu-main .menu-type-enterprise .menu-section-right {
  margin-top: 1.18vw;
  padding-bottom: 2vw;
}
/* line 343, ../../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 349, ../../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 349, ../../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 363, ../../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 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-title {
    transform: translateY(-0.74vw);
  }
  /* line 380, ../../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 387, ../../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 397, ../../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 401, ../../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 405, ../../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 412, ../../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 412, ../../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 412, ../../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 412, ../../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 435, ../../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 442, ../../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 455, ../../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 14, ../../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 23, ../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution.show {
  display: flex;
}
/* line 27, ../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution.hidden {
  display: none;
}
/* line 31, ../../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 36, ../../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 42, ../../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 48, ../../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 54, ../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-left ul li a:hover {
  color: #008cd6;
}
/* line 58, ../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-left ul li a.active {
  color: #008cd6;
}
/* line 66, ../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-center {
  width: 76.8vw;
}
/* line 69, ../../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 82, ../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-center .menu-list.show {
  display: flex;
}
/* line 86, ../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-center .menu-list.hidden {
  display: none;
}
/* line 90, ../../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 98, ../../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 102, ../../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 107, ../../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 113, ../../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 116, ../../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 119, ../../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 119, ../../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 119, ../../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 119, ../../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 139, ../../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 143, ../../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 151, ../../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 155, ../../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 164, ../../Sass/sass/base/Header/_solution.scss */
.topBg #menu-main .menu-type-solution .menu-section-center .menu-list .menu-level-4 .menu-button-more a:hover {
  border: 2px solid #A1A1A1;
  font-weight: 600;
}

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

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

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

@media screen and (max-width: 960px) {
  /* line 52, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling {
    background-image: url(/Images/2017NewFront/headerbackground_black.png);
    position: fixed;
  }
  /* line 56, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.opensearch {
    background: none;
    background-color: #ffffff;
  }
  /* line 66, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.new-header-bar .navbar-header .MobileMenu div#mobile-menu span {
    background-color: #ffffff;
  }
  /* line 80, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.new-header-bar .navbar-header .content-other div.content-other-items div.search > img.black_img {
    display: none;
  }
  /* line 84, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.new-header-bar .navbar-header .content-other div.content-other-items div.search > img.white_img {
    display: block;
  }
  /* line 97, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.new-header-bar .navbar-header .content-logo img#original_logo_black {
    display: none;
  }
  /* line 101, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.new-header-bar .navbar-header .content-logo img#original_logo_white {
    display: block;
  }
  /* line 111, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.NotCoverHeader {
    background: none;
    background-color: #ffffff;
  }
  /* line 175, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .cnAd span {
    color: #000000;
  }
  /* line 184, ../../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 206, ../../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 210, ../../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 215, ../../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 220, ../../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 226, ../../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 231, ../../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 240, ../../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 245, ../../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 261, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header .content-other div.content-other-items > div a {
    color: #000000;
  }
  /* line 265, ../../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 269, ../../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 277, ../../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 281, ../../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 288, ../../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 300, ../../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 319, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header .content-logo img#original_logo_black {
    display: block;
  }
  /* line 323, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header .content-logo img#original_logo_white {
    display: none;
  }
  /* line 332, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.NotCoverHeader .navbar-header .MobileMenu div#mobile-menu > span {
    background-color: #000000;
    height: 3px !important;
  }
  /* line 117, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.scrolling.b2bMenu {
    background-color: #000000;
  }
  /* line 351, ../../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 355, ../../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 360, ../../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 365, ../../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 371, ../../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 376, ../../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 391, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header .content-other div.content-other-items > div a {
    color: #ffffff;
  }
  /* line 395, ../../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 399, ../../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 407, ../../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 411, ../../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 418, ../../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 427, ../../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 446, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header .content-logo img#original_logo_black {
    display: none;
  }
  /* line 450, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header .content-logo img#original_logo_white {
    display: block;
  }
  /* line 460, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.scrolling.b2bMenu .navbar-header .MobileMenu div#mobile-menu > span {
    background-color: #ffffff;
  }
  /* line 124, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile {
    position: fixed;
    z-index: 100002;
    background: none;
    height: 100vH;
    padding: 0;
  }
  /* line 131, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header {
    height: 100vH;
  }
  /* line 134, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header {
    height: 100vH;
  }
  /* line 138, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock {
    background-color: #ffffff;
    font-size: 130%;
    top: 60px;
    width: 100%;
    position: absolute;
  }
  /* line 141, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock.showBody {
    display: block;
    padding-bottom: 105px;
  }
  /* line 40, ../../Sass/sass/base/Header/_font.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock.google-font.google-font {
    font-family: '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 157, ../../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 167, ../../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 176, ../../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 181, ../../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 186, ../../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 194, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle > .titleContainer .listNext {
    display: none;
  }
  /* line 40, ../../Sass/sass/base/Header/_font.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle ul.menu-body-area.google-font.google-font {
    font-family: '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 209, ../../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 212, ../../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 217, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.menuTitle ul.menu-body-area li.menuBody {
    display: block;
    width: 100%;
    font-size: 15px;
    margin: 0;
  }
  /* line 224, ../../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 230, ../../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 237, ../../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 246, ../../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 249, ../../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 259, ../../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 265, ../../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 271, ../../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 280, ../../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 291, ../../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 299, ../../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 308, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock li.backMainPage.show {
    display: block;
  }
  /* line 315, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock.showAutoComplete {
    background-color: #ffffff;
  }
  /* line 318, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header ul#mobileMenuShowBodyBlock.showAutoComplete li {
    display: none;
  }
  /* line 326, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-logo {
    display: none;
  }
  /* line 331, ../../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 335, ../../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 342, ../../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 353, ../../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 358, ../../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 362, ../../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 368, ../../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 374, ../../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 380, ../../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 392, ../../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 397, ../../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 402, ../../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 411, ../../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 415, ../../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 419, ../../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 430, ../../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 435, ../../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 443, ../../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 447, ../../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 453, ../../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 462, ../../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 473, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header div.content-other.cn_contentOther {
    padding-left: 69px;
  }
  /* line 481, ../../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 494, ../../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 500, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .titleContainer a {
    width: 100%;
  }
  /* line 504, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .titleContainer .listNext {
    position: absolute;
    right: 15px;
  }
  /* line 510, ../../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 517, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .mobileBtmMenuArea .mobileBtmMenu {
    display: block;
  }
  /* line 520, ../../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 527, ../../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 534, ../../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 545, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .mobileBtmMenuArea .mobileBtmMenuBack span.text {
    margin: 0 10px;
    color: #423F3F;
  }
  /* line 553, ../../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 557, ../../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 561, ../../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 569, ../../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 574, ../../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 585, ../../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 592, ../../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 601, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu.showBody {
    display: none;
  }
  /* line 605, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu li {
    height: auto;
  }
  /* line 609, ../../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 616, ../../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 621, ../../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 629, ../../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 634, ../../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 639, ../../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 661, ../../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 673, ../../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 682, ../../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 689, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu li.menuTitle a span.text {
    color: #423F3F;
  }
  /* line 695, ../../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 699, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu li.menuTitle .listNext img {
    width: 18px;
  }
  /* line 709, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu.showAutoComplete {
    background-color: #ffffff;
  }
  /* line 712, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu.showAutoComplete li {
    display: none;
  }
  /* line 718, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .content-menu a span {
    color: #000000;
  }
  /* line 724, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .MobileMenu {
    left: 15px;
  }
  /* line 728, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .MobileMenu i#mobile-menu-open-img {
    color: #000000;
  }
  /* line 735, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .MobileMenu div#mobile-menu span {
    background-color: #000000;
  }
  /* line 745, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile .container-header .navbar-header .MobileSearch i#mobile-search-open-img {
    color: #000000;
  }
  /* line 754, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile.done {
    background-color: #ffffff;
  }
  /* line 759, ../../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 767, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile.done .cnAd {
    color: #000000;
  }
  /* line 772, ../../Sass/sass/base/Header/_rwd.scss */
  .topBg #header-bar.openMobile.b2bMenu {
    color: #000000;
  }
  /* line 786, ../../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 807, ../../Sass/sass/base/Header/_rwd.scss */
  .MobileMenuArea.new-mobile-header-bar,
  .MobileMenuSubArea.new-mobile-header-bar {
    position: fixed;
    z-index: 99999;
    top: 70px;
  }

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

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

  /* line 839, ../../Sass/sass/base/Header/_rwd.scss */
  body.lockscroll {
    overflow: hidden;
  }
  /* line 843, ../../Sass/sass/base/Header/_rwd.scss */
  body.lockscroll div#PageMainContentBlock {
    background-color: #eeeeee;
    width: 100%;
    height: 200%;
    display: block;
    opacity: 1;
  }
  /* line 850, ../../Sass/sass/base/Header/_rwd.scss */
  body.lockscroll div#PageMainContentBlock.whiteBg {
    background-color: #ffffff;
  }
  /* line 859, ../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd {
    z-index: 999999 !important;
    top: 60px !important;
    left: 0 !important;
    width: 100% !important;
    border: none !important;
    position: fixed !important;
    overflow: auto !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    background-color: #ffffff !important;
    height: calc(100% - 60px) !important;
  }
  /* line 40, ../../Sass/sass/base/Header/_font.scss */
  body ul.MenuAutocompleteRwd.google-font.google-font {
    font-family: '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 878, ../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd li {
    padding-left: 55px !important;
  }
  /* line 881, ../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd li.ui-menu-item {
    color: #000000 !important;
    font-size: 96%;
  }
  /* line 887, ../../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 892, ../../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 901, ../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd li > div {
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 90%;
  }
  /* line 909, ../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd > li > div {
    padding-left: 5px !important;
    padding-left: 5px !important;
  }
  /* line 916, ../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd.openMobile > li {
    padding-left: 59px !important;
  }
  /* line 919, ../../Sass/sass/base/Header/_rwd.scss */
  body ul.MenuAutocompleteRwd.openMobile > li > div {
    padding-left: 20px !important;
  }
  /* line 928, ../../Sass/sass/base/Header/_rwd.scss */
  body ul.RTL.MenuAutocompleteRwd li {
    padding-left: 0 !important;
    padding-right: 55px !important;
  }
  /* line 934, ../../Sass/sass/base/Header/_rwd.scss */
  body ul.RTL.MenuAutocompleteRwd.openMobile > li {
    padding-left: 0 !important;
    padding-right: 59px !important;
  }
  /* line 938, ../../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 34, ../../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 44, ../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main {
  position: absolute;
  top: 0;
  left: 20%;
  width: 60%;
}
@media screen and (max-width: 960px) {
  /* line 44, ../../Sass/sass/base/Header/_main.scss */
  .topBg #header-bar #menu-main {
    display: none;
  }
}
/* line 57, ../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main .menu-level-1 ul {
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
/* line 64, ../../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 64, ../../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 64, ../../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 64, ../../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 64, ../../Sass/sass/base/Header/_main.scss */
  .topBg #header-bar #menu-main .menu-level-1 ul li {
    padding-top: 0px;
  }
}
/* line 90, ../../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 94, ../../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 99, ../../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 104, ../../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 110, ../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main .menu-level-1 ul li a:hover {
  color: #423f3f;
}
/* line 115, ../../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 124, ../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main .menu-level-1 ul li.active a {
  color: #423F3F;
}
/* line 129, ../../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 140, ../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub {
  display: block;
  position: fixed;
  left: 0;
  width: 100vw;
}
/* line 147, ../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub .sub-content-1 {
  background-color: #008CD6;
}
/* line 150, ../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub .sub-content-1.closeMenu {
  display: none;
}
/* line 155, ../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub .sub-content-1 .menu-level-2.show {
  display: block;
}
/* line 159, ../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub .sub-content-1 .menu-level-2.hidden {
  display: none;
}
/* line 163, ../../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 170, ../../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 175, ../../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 187, ../../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 198, ../../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 214, ../../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 217, ../../Sass/sass/base/Header/_main.scss */
.topBg #header-bar #menu-main #menu-main-sub .sub-content-2.closeMenu {
  display: none;
}

/* line 231, ../../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 248, ../../Sass/sass/base/Header/_main.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.language, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.member, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.search, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.businessCenter, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.aorus {
    padding: 0 0 0 20px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 248, ../../Sass/sass/base/Header/_main.scss */
  .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.language, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.member, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.search, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.businessCenter, .topBg #header-bar.new-header-bar .navbar-header .content-other div.content-other-items div.aorus {
    padding: 0 0 0 23px;
  }
}

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

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

/* line 42, ../../Sass/sass/Index.scss */
.topBg #header-bar.showPcMenu {
  background: none;
  background-color: #ffffff;
  z-index: 100002;
  position: fixed;
  top: 0px;
  left: 0px;
}
/* line 175, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .cnAd span {
  color: #000000;
}
/* line 184, ../../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 184, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
  /* line 184, ../../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 184, ../../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 184, ../../Sass/sass/base/Header/_base.scss */
  .topBg #header-bar.showPcMenu .navbar-header #menu-main .menu-level-1 .content-menu li {
    padding-top: 0px;
  }
}
/* line 206, ../../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 210, ../../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 215, ../../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 220, ../../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 226, ../../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 231, ../../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 240, ../../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 245, ../../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 261, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-other div.content-other-items > div a {
  color: #000000;
}
/* line 265, ../../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 269, ../../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 277, ../../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 281, ../../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 288, ../../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 300, ../../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 319, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-logo img#original_logo_black {
  display: block;
}
/* line 323, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .content-logo img#original_logo_white {
  display: none;
}
/* line 332, ../../Sass/sass/base/Header/_base.scss */
.topBg #header-bar.showPcMenu .navbar-header .MobileMenu div#mobile-menu > span {
  background-color: #000000;
  height: 3px !important;
}

/* line 55, ../../Sass/sass/Index.scss */
#PageMainContent .container {
  max-width: 100%;
}
/* line 56, ../../Sass/sass/Index.scss */
#PageMainContent .container .index-content {
  height: 100%;
  overflow: hidden;
}
/* line 64, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea {
  width: 100%;
}
/* line 67, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 {
  position: relative;
  background-color: #1c1c1c;
  direction: ltr;
}
/* line 72, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content {
  position: relative;
  overflow: hidden;
  width: 100%;
}
/* line 77, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems {
  width: 100%;
  height: 100%;
  position: absolute;
  display: none;
}
/* line 83, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems.currentItems {
  display: block;
}
/* line 87, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems.fadeZoom {
  left: 0;
  opacity: 0;
  z-index: 0;
}
/* line 93, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems.current {
  opacity: 1;
  z-index: 10;
}
/* line 98, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems img {
  width: 100%;
}
/* line 102, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems video {
  width: 100%;
  background-color: #000000;
}
/* line 109, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems a {
  display: block;
  cursor: pointer;
}
/* line 113, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems a .word {
  position: absolute;
  bottom: 50px;
  left: 30px;
}
/* line 118, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems a .word .title {
  color: #ffffff;
  font-size: 350%;
  margin-bottom: 50px;
}
/* line 40, ../../Sass/sass/base/Header/_font.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems a .word .title.google-font.google-font {
  font-family: '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 129, ../../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%;
}
/* line 40, ../../Sass/sass/base/Header/_font.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems a .word .content.google-font.google-font {
  font-family: '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 144, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems .mtSlider-append-img {
  width: 100%;
  display: block;
}
/* line 149, ../../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 161, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems .wording-background .wording-title {
  font-size: 150%;
  margin-bottom: 9px;
}
/* line 40, ../../Sass/sass/base/Header/_font.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems .wording-background .wording-title.google-font.google-font {
  font-family: '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 171, ../../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;
}
/* line 177, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems .wording-background .wording-content.google-font {
  text-shadow: 1px 1px 13px rgba(0, 0, 0, 0.5);
}
/* line 40, ../../Sass/sass/base/Header/_font.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems .wording-background .wording-content.google-font.google-font {
  font-family: '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 189, ../../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 197, ../../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 210, ../../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 214, ../../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 222, ../../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 230, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-direction .mtSlider-prev {
  left: 0;
}
/* line 233, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-direction .mtSlider-prev img {
  float: left;
}
/* line 239, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-direction .mtSlider-next {
  right: 0;
}
/* line 242, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-direction .mtSlider-next img {
  float: right;
}
/* line 250, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1:hover .mtSlider-direction {
  display: block;
}
/* line 255, ../../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 263, ../../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 273, ../../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 280, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-nav div.navClickArea.currentItems div.navDotArea {
  position: relative;
}
/* line 284, ../../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 301, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-nav div.navClickArea div.navDotTimeArea {
  display: none;
}
/* line 307, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-nav div.navClickArea.tempStop div.navDotArea {
  background-color: #00A1E9;
}
/* line 315, ../../Sass/sass/Index.scss */
#PageMainContent .container #A1BannerArea #div_A1 .mtSlider-nav .active div {
  background-color: #008DFF;
}
/* line 326, ../../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;
}
/* line 337, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area,
#PageMainContent .container #A2BtmBannerArea ul.A2-area {
  display: table-row;
  border: 2px solid #ffffff;
}
/* line 341, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area:first-child,
#PageMainContent .container #A2BtmBannerArea ul.A2-area:first-child {
  border-left: none;
}
/* line 345, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area:last-child,
#PageMainContent .container #A2BtmBannerArea ul.A2-area:last-child {
  border-left: none;
}
/* line 349, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area li,
#PageMainContent .container #A2BtmBannerArea ul.A2-area li {
  display: table-cell;
  border: 2px solid #ffffff;
  vertical-align: middle;
  width: 50%;
}
/* line 355, ../../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 359, ../../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 363, ../../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 367, ../../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 371, ../../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;
  -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 385, ../../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;
                                /*-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;
}
/* line 399, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area li.isVideo,
#PageMainContent .container #A2BtmBannerArea ul.A2-area li.isVideo {
  position: relative;
}
/* line 402, ../../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 411, ../../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 424, ../../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 440, ../../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 454, ../../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 464, ../../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;
}
/* line 40, ../../Sass/sass/base/Header/_font.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area li .wording-background .wording-title.google-font.google-font,
#PageMainContent .container #A2BtmBannerArea ul.A2-area li .wording-background .wording-title.google-font.google-font {
  font-family: '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 474, ../../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;
}
/* line 480, ../../Sass/sass/Index.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area li .wording-background .wording-content.google-font,
#PageMainContent .container #A2BtmBannerArea ul.A2-area li .wording-background .wording-content.google-font {
  text-shadow: 1px 1px 13px rgba(0, 0, 0, 0.5);
}
/* line 40, ../../Sass/sass/base/Header/_font.scss */
#PageMainContent .container #A2TopBannerArea ul.A2-area li .wording-background .wording-content.google-font.google-font,
#PageMainContent .container #A2BtmBannerArea ul.A2-area li .wording-background .wording-content.google-font.google-font {
  font-family: '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 497, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea {
  width: 100%;
  position: relative;
  width: 100%;
}
/* line 501, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div#product-slider {
                    /*list-style: none outside none;
				    padding-left: 0;
		            margin: 0;	
		            width: 100%;	*/
}
/* line 508, ../../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 516, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div#product-slider div.item a {
  display: table;
}
/* line 521, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div#product-slider div.item a div.ProductImg {
  display: table-row;
}
/* line 525, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div#product-slider div.item a div.ProductImg div.img {
  display: table-cell;
  vertical-align: middle;
}
/* line 531, ../../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 538, ../../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;
}
/* line 40, ../../Sass/sass/base/Header/_font.scss */
#PageMainContent .container #PromoteProductArea div#product-slider div.item a div.ProductName.google-font.google-font {
  font-family: '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 551, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div#product-slider div.item a div.ProductName div.text {
  display: table-cell;
}
/* line 567, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div.owl-dots {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 8px;
  height: 32px;
}
/* line 575, ../../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 585, ../../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 594, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div.owl-dots button.active span {
  background-color: #00A1E9;
}
/* line 599, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea div.owl-dots button:active {
  border: none;
  outline: none;
}
/* line 609, ../../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 625, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea button.owl-prev:active, #PageMainContent .container #PromoteProductArea button.owl-next:active {
  border: none;
  outline: none;
}
/* line 630, ../../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 635, ../../Sass/sass/Index.scss */
#PageMainContent .container #PromoteProductArea button.owl-prev > span img, #PageMainContent .container #PromoteProductArea button.owl-next > span img {
  width: 30px;
}
/* line 640, ../../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 651, ../../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 661, ../../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 677, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #ffffff;
  border-left: none;
  border-right: none;
  border-top: none;
  direction: ltr;
}
/* line 688, ../../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 695, ../../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 703, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .snsIcon {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 24px;
  height: 24px;
}
/* line 710, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .snsIcon img {
  width: 100%;
  height: 1005;
}
/* line 717, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div:first-child {
  border-left: none;
}
/* line 722, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div:last-child {
  border-right: none;
}
/* line 726, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .banner {
  position: relative;
}
/* line 736, ../../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 745, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .banner .wording-background .wording-title {
  font-size: 150%;
  margin-bottom: 9px;
}
/* line 40, ../../Sass/sass/base/Header/_font.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .banner .wording-background .wording-title.google-font.google-font {
  font-family: '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 755, ../../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;
}
/* line 40, ../../Sass/sass/base/Header/_font.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .banner .wording-background .wording-content.google-font.google-font {
  font-family: '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 771, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall {
  width: 34%;
  position: relative;
  height: 100%;
}
/* line 776, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item {
  height: 50%;
  position: absolute;
  width: 100%;
}
/* line 781, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item .banner {
  width: 100%;
  height: 100%;
}
/* line 785, ../../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 792, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item .banner .wording-background .wording-title {
  font-size: 140%;
}
/* line 796, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item .banner .wording-background .wording-content {
  font-size: 205%;
}
/* line 803, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item.A3-Banner-item-top {
  top: 0;
}
/* line 807, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item.A3-Banner-item-bottom {
  bottom: 0;
}
/* line 814, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .banner-img {
  overflow: hidden;
  background-color: #000000;
}
/* line 818, ../../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 830, ../../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 842, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .banner-img.useBg {
  background-size: cover;
}
/* line 847, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .iconSns {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 20px;
  left: 20px;
}
/* line 854, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div .iconSns img {
  width: 100%;
}
/* line 862, ../../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 875, ../../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 891, ../../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 901, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isVideo {
  position: relative;
}
/* line 904, ../../Sass/sass/Index.scss */
#PageMainContent .container #A3BannerArea div.A3-area > div.isVideo .div-layout {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 921, ../../Sass/sass/Index.scss */
body .block_content {
  display: none;
}
/* line 935, ../../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 1145, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems video {
    width: auto;
    height: 100%;
    position: absolute;
    left: -120%;
  }
  /* line 1152, ../../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 1159, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A1BannerArea #div_A1 .mtSlider-content .sliderItems .wording-background .wording-content {
    font-size: 160%;
  }
  /* line 1167, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A1BannerArea #div_A1:hover .mtSlider-direction {
    display: none;
  }
  /* line 1172, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A1BannerArea #div_A1 .mtSlider-nav {
    bottom: 0;
  }
  /* line 1176, ../../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 1189, ../../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 1204, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A2TopBannerArea,
  .Rwd #PageMainContent .container #A2BtmBannerArea {
    display: block;
    border: none;
  }
  /* line 1209, ../../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 1214, ../../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 1220, ../../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 1225, ../../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 1236, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div.owl-nav {
    bottom: 32%;
    display: none;
  }
  /* line 1240, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div.owl-nav button {
    opacity: 0.5;
  }
  /* line 1245, ../../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 1253, ../../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 1261, ../../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 1270, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div.owl-dots button.active span {
    background-color: #00A1E9;
  }
  /* line 1280, ../../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 1286, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea button.owl-prev i, .Rwd #PageMainContent .container #PromoteProductArea button.owl-next i {
    opacity: 1;
  }
  /* line 1295, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div#product-slider div.item {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  /* line 1299, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div#product-slider div.item a {
    display: block;
  }
  /* line 1303, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div#product-slider div.item a div.ProductImg {
    width: 100%;
  }
  /* line 1306, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div#product-slider div.item a div.ProductImg img {
    max-width: 88%;
  }
  /* line 1311, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #PromoteProductArea div#product-slider div.item a div.ProductName {
    display: none;
  }
  /* line 1323, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea {
    display: block;
    width: 100%;
    border: none;
  }
  /* line 1328, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area {
    width: 100%;
    display: block;
    border: none;
  }
  /* line 1333, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area > div {
    display: block;
    width: 100%;
    border: none;
  }
  /* line 1338, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area > div.isSmall {
    border: none;
    width: 100%;
  }
  /* line 1342, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area > div.isSmall .A3-Banner-item {
    position: relative;
    width: 100%;
    height: 100%;
  }
  /* line 1349, ../../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 1353, ../../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 1362, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area > div .A3-Banner-item {
    border: none;
    border-top: 2px solid #ffffff;
  }
  /* line 1369, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area > div .banner .wording-background .wording-title {
    font-size: 140%;
  }
  /* line 1373, ../../Sass/sass/Index.scss */
  .Rwd #PageMainContent .container #A3BannerArea div.A3-area > div .banner .wording-background .wording-content {
    font-size: 150%;
  }
}