/***
for AsusGL502
create 2016/3
author Insowe
***/
@font-face {
  font-family: "xolonium-regular";
  src: url("font/xolonium-regular.eot");
  src: url("font/xolonium-regular.eot") format("embedded-opentype"), url("font/xolonium-regular.woff") format("woff"), url("font/xolonium-regular.ttf") format("truetype"), url("font/xolonium-regular.svg") format("svg");
}
@font-face {
  font-family: "rogfontsv15-regular";
  src: url("font/rogfontsv15-regular.eot");
  src: url("font/rogfontsv15-regular.eot") format("embedded-opentype"), url("font/rogfontsv15-regular.woff") format("woff"), url("font/rogfontsv15-regular.ttf") format("truetype"), url("font/rogfontsv15-regular.svg") format("svg");
}
@font-face {
  font-family: "segoeui";
  src: url("font/segoeui.eot");
  src: url("font/segoeui.eot") format("embedded-opentype"), url("font/segoeui.woff") format("woff"), url("font/segoeui.ttf") format("truetype"), url("font/segoeui.svg") format("svg");
}
/* line 11, ../../../../../../scss/style.scss */
.width-line-gray {
  background: url("../img/product-header-gray-bg.png") no-repeat 0px 100%;
  background-size: 100%;
}

/* line 16, ../../../../../../scss/style.scss */
#overview #sectionOverview {
  padding-top: 0;
  position: relative;
  top: -4px;
}
@media screen and (min-width: 480px) {
  /* line 16, ../../../../../../scss/style.scss */
  #overview #sectionOverview {
    top: -6px;
  }
}
@media screen and (min-width: 640px) {
  /* line 16, ../../../../../../scss/style.scss */
  #overview #sectionOverview {
    top: -9px;
  }
}
@media screen and (min-width: 960px) {
  /* line 16, ../../../../../../scss/style.scss */
  #overview #sectionOverview {
    top: -15px;
  }
}
@media screen and (min-width: 1024px) {
  /* line 16, ../../../../../../scss/style.scss */
  #overview #sectionOverview {
    top: -18px;
  }
}

/* line 34, ../../../../../../scss/style.scss */
#AsusGL502 {
  color: #fff;
  font-family: "segoeui", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
  position: relative;
  left: 50%;
  background: #000;
}
/* line 7, ../../../../../../scss/_main.scss */
#AsusGL502 img {
  display: inline-block;
  max-width: 100% !important;
}
/* line 12, ../../../../../../scss/_main.scss */
#AsusGL502 > .section > .page {
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0 0 120px;
  position: relative;
}
/* line 18, ../../../../../../scss/_main.scss */
#AsusGL502 > .section > .page > .sectionbg {
  position: absolute;
  width: 100%;
  left: 0;
}
/* line 22, ../../../../../../scss/_main.scss */
#AsusGL502 > .section > .page > .sectionbg.top {
  top: 0;
}
/* line 25, ../../../../../../scss/_main.scss */
#AsusGL502 > .section > .page > .sectionbg.btm {
  bottom: 0;
}
/* line 29, ../../../../../../scss/_main.scss */
#AsusGL502 > .section > .page h1 {
  font-size: 26px;
  line-height: 1.2;
  font-family: "xolonium-regular", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
  font-weight: normal;
  color: #fd6e05;
  text-transform: uppercase;
}
/* line 37, ../../../../../../scss/_main.scss */
#AsusGL502 > .section > .page .title {
  padding: 50px 0 60px;
}
/* line 39, ../../../../../../scss/_main.scss */
#AsusGL502 > .section > .page .title h1 {
  color: #fff;
  text-shadow: -2px 2px 2px rgba(0, 222, 255, 0.75);
  margin: 0;
  text-transform: uppercase;
}
/* line 46, ../../../../../../scss/_main.scss */
#AsusGL502 > .section > .page p {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 0;
  color: #fff;
  margin-bottom: 10px;
}
/* line 53, ../../../../../../scss/_main.scss */
#AsusGL502 > .section > .page .gray {
  color: #666;
  font-size: 13px;
}
/* line 57, ../../../../../../scss/_main.scss */
#AsusGL502 > .section > .page span {
  font-size: 15px;
  line-height: 1.2;
}
/* line 61, ../../../../../../scss/_main.scss */
#AsusGL502 > .section > .page .sup {
  vertical-align: super;
  font-family: Arial;
}
/* line 65, ../../../../../../scss/_main.scss */
#AsusGL502 > .section > .page .together {
  white-space: nowrap;
  font-size: 26px;
}
/* line 69, ../../../../../../scss/_main.scss */
#AsusGL502 > .section > .page > .bg {
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 0;
}
/* line 74, ../../../../../../scss/_main.scss */
#AsusGL502 > .section > .page > .bg img {
  width: 1920px;
  max-width: 1920px !important;
  height: 100%;
  position: relative;
  left: -960px;
  z-index: 0;
}
/* line 83, ../../../../../../scss/_main.scss */
#AsusGL502 > .section > .page > .text {
  padding: 0 20px;
  position: relative;
  z-index: 5;
}
/* line 88, ../../../../../../scss/_main.scss */
#AsusGL502 > .section > .page > .fg {
  padding: 20px 20px 0;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
/* line 94, ../../../../../../scss/_main.scss */
#AsusGL502 > .section > .page > .icon {
  padding: 20px 20px 0;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
}
/* line 99, ../../../../../../scss/_main.scss */
#AsusGL502 > .section > .page > .icon .tag {
  display: inline-block;
  margin: 10px;
  width: auto;
  padding: 0 20px;
  vertical-align: bottom;
  text-align: center;
}
/* line 106, ../../../../../../scss/_main.scss */
#AsusGL502 > .section > .page > .icon .tag .big {
  color: #fd6e05;
  font-size: 37px;
  margin-bottom: 0;
}
/* line 110, ../../../../../../scss/_main.scss */
#AsusGL502 > .section > .page > .icon .tag .big .unit {
  font-size: 17px;
}
/* line 114, ../../../../../../scss/_main.scss */
#AsusGL502 > .section > .page > .icon .tag .small {
  color: #fff;
  font-size: 14px;
  margin-bottom: 0;
}
/* line 3, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section00 > .page {
  padding: 56px 0 50px;
}
/* line 6, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section00 > .page > .t1 .title {
  margin: 50px auto 10px;
  display: block;
  padding: 0;
}
/* line 11, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section00 > .page > .t1 h1 {
  color: #fff;
  margin-bottom: 15px;
}
/* line 15, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section00 > .page > .t1 .video {
  font-size: 14px;
  display: none;
}
/* line 18, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section00 > .page > .t1 .video img {
  margin-left: 5px;
  position: relative;
  top: -2px;
}
/* line 26, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section00 > .page > .t2 p {
  margin-top: 10px;
}
/* line 30, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section00 > .page > .fg {
  padding: 0;
  margin: 20px auto 0;
}
/* line 33, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section00 > .page > .fg .fg01 {
  position: relative;
}
/* line 36, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section00 > .page > .fg .fg02 {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 41, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section00 > .page > .fg .fg03 {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 46, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section00 > .page > .fg .fg04 {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 51, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section00 > .page > .fg .fg05 {
  position: absolute;
  width: 42.26%;
  top: 34%;
  left: 30%;
}
/* line 63, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section01 > .page > .sectionbg.top img {
  width: 100%;
}
/* line 68, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section01 > .page > .text > .icon {
  padding: 15px 0 0;
}
/* line 70, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section01 > .page > .text > .icon img {
  margin: 0 10px;
}
/* line 76, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section01 > .page > .icon .tag {
  width: 140px;
}
/* line 84, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section02 > .page > .fg {
  padding: 20px 0 0;
}
/* line 87, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section02 > .page > .icon {
  width: 180px;
}
/* line 93, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section03 > .page {
  padding: 0 0 50px;
}
/* line 99, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section04 > .page > .bg {
  padding: 20px 0 0;
}
/* line 101, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section04 > .page > .bg img {
  width: 100%;
  height: auto;
  left: 0;
}
/* line 107, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section04 > .page > .fg {
  padding: 20px 0 0;
}
/* line 113, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section05 > .page {
  position: relative;
}
/* line 116, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section05 > .page > .fg > .fg-text {
  padding-bottom: 5px;
}
/* line 118, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section05 > .page > .fg > .fg-text span {
  display: inline-block;
  width: 50%;
  font-size: 20px;
  font-family: "xolonium-regular", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
}
/* line 125, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section05 > .page > .fg > .fg-table {
  position: relative;
}
/* line 127, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section05 > .page > .fg > .fg-table > .fg-img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s ease-in;
  filter: alpha(opacity=0);
}
/* line 134, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section05 > .page > .fg > .fg-table > .fg-img.active {
  opacity: 1;
  transition: all 0.3s ease-in;
  filter: alpha(opacity=100);
}
/* line 141, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section05 > .page > .fg > .fg-pc {
  display: none;
}
/* line 144, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section05 > .page > .fg > .btn-box {
  padding: 10px 0;
  width: 280px;
  margin: 0 auto;
}
/* line 148, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section05 > .page > .fg > .btn-box .btn-item {
  color: #fff;
  font-size: 16px;
  font-family: "xolonium-regular", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
  padding: 5px;
  border: 1px solid #fff;
  width: 175px;
  display: inline-block;
  margin: 5px;
  cursor: pointer;
}
/* line 158, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section05 > .page > .fg > .btn-box .btn-item.active {
  color: #fd6e05;
  border: 1px solid #fd6e05;
}
/* line 171, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section06 > .page > .sectionbg.top img {
  width: 100%;
}
/* line 181, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section07 > .page > .icon > .img {
  display: inline-block;
  width: 100px;
  margin: 10px;
}
/* line 185, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section07 > .page > .icon > .img img {
  margin: 0 auto;
  display: block;
}
/* line 189, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section07 > .page > .icon > .img .name {
  color: #fd6e05;
  font-size: 16px;
}
/* line 198, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section08 > .page {
  padding: 20px 0 120px;
}
/* line 201, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section08 > .page > .fg {
  padding: 0;
  margin: 0 20px;
}
/* line 204, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section08 > .page > .fg .fg01 {
  position: relative;
}
/* line 207, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section08 > .page > .fg .fg02 {
  position: absolute;
  top: 0;
  right: 0;
  width: 53.81%;
}
/* line 213, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section08 > .page > .fg .fg03 {
  position: absolute;
  top: 27%;
  right: 41%;
  width: 40.77%;
}
/* line 223, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section09 > .page {
  padding: 20px 0 120px;
}
/* line 227, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section09 > .page > .bg img {
  width: 100%;
  height: auto;
  left: 0;
}
/* line 233, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section09 > .page > .fg {
  padding: 0;
  margin: 0 20px;
}
/* line 236, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section09 > .page > .fg .fg01 {
  position: relative;
}
/* line 239, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section09 > .page > .fg .fg02, #AsusGL502 > .section09 > .page > .fg .fg03 {
  position: absolute;
  width: 29.02%;
}
/* line 242, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section09 > .page > .fg .fg02 img, #AsusGL502 > .section09 > .page > .fg .fg03 img {
  display: block;
  width: 0;
  height: 12px;
}
/* line 248, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section09 > .page > .fg .fg02 {
  top: 49.7%;
  left: 11.5%;
}
/* line 252, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section09 > .page > .fg .fg03 {
  top: 49.3%;
  right: 9.8%;
}
/* line 256, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section09 > .page > .fg .fg04 {
  position: absolute;
  top: 0;
  left: 0;
  width: 51.74%;
  display: none;
}
/* line 263, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section09 > .page > .fg .fg05 {
  position: absolute;
  top: 2.5%;
  right: 0;
  width: 48.68%;
  display: none;
}
/* line 274, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section10 > .page {
  background: #0a0a0a;
}
/* line 276, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section10 > .page > .fg {
  padding: 20px 0 0;
}
/* line 282, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section11 > .page {
}
/* line 286, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section11 > .page > .icon .finger .orange {
  color: #fd6e05;
  font-family: "xolonium-regular", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
  font-size: 12px;
  margin-top: 10px;
}
/* line 297, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section12 > .page {
  background: #0a0a0a;
}
/* line 307, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section14 > .page {
  padding: 20px 0 120px;
}
/* line 310, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section14 > .page > .fg {
  padding: 0;
  margin: 0 20px;
}
/* line 313, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section14 > .page > .fg .fg01 {
  position: relative;
}
/* line 316, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section14 > .page > .fg .fg02 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
/* line 322, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section14 > .page > .fg .fg03 {
  position: absolute;
  top: 0;
  left: 21%;
  width: 63.25%;
}
/* line 328, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section14 > .page > .fg .fg04 {
  position: absolute;
  top: 36%;
  left: 28%;
  width: 44.06%;
}
/* line 340, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section15 > .page > .fg {
  padding: 20px 0 0;
}
/* line 346, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section16 > .page {
  padding: 0 0 60px;
}
/* line 349, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section16 > .page > .fg img {
  margin: 5px;
}
/* line 352, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section16 > .page > .fg .logo {
  width: 270px;
}
/* line 357, ../../../../../../scss/_overview.scss */
#AsusGL502 > .section16 > .page > .text p {
  font-size: 12px;
  color: #7f7f7f;
}
@media screen and (min-width: 640px) {
  /* line 369, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section02 > .page > .icon {
    width: 220px;
  }
  /* line 377, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section05 > .page > .fg > .btn-box {
    padding: 10px 0;
    width: auto;
    margin: 0 auto;
  }
  /* line 388, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section16 > .page > .fg .logo {
    margin-top: 24px;
  }
}
@media screen and (min-width: 960px) {
  /* line 34, ../../../../../../scss/style.scss */
  #AsusGL502 {
    padding-top: 0;
  }
  /* line 129, ../../../../../../scss/_main.scss */
  #AsusGL502 > .section > .page {
    text-align: left;
    padding: 0;
    height: 600px;
    margin-bottom: 0;
  }
  /* line 134, ../../../../../../scss/_main.scss */
  #AsusGL502 > .section > .page h1 {
    font-size: 47px;
    margin: 20px auto;
  }
  /* line 139, ../../../../../../scss/_main.scss */
  #AsusGL502 > .section > .page .title h1 {
    text-align: center;
  }
  /* line 143, ../../../../../../scss/_main.scss */
  #AsusGL502 > .section > .page p {
    font-size: 17px;
    line-height: 1.6;
  }
  /* line 147, ../../../../../../scss/_main.scss */
  #AsusGL502 > .section > .page .together {
    font-size: 47px;
  }
  /* line 150, ../../../../../../scss/_main.scss */
  #AsusGL502 > .section > .page > .bg {
    width: 1920px;
    left: 50%;
    margin-left: -960px;
  }
  /* line 154, ../../../../../../scss/_main.scss */
  #AsusGL502 > .section > .page > .bg img {
    left: 0;
  }
  /* line 158, ../../../../../../scss/_main.scss */
  #AsusGL502 > .section > .page > .text {
    padding: 0;
    position: absolute;
    left: 50%;
  }
  /* line 163, ../../../../../../scss/_main.scss */
  #AsusGL502 > .section > .page > .fg {
    padding: 0;
    position: absolute;
    left: 50%;
  }
  /* line 168, ../../../../../../scss/_main.scss */
  #AsusGL502 > .section > .page > .icon {
    position: absolute;
    padding: 0;
    left: 50%;
  }
  /* line 172, ../../../../../../scss/_main.scss */
  #AsusGL502 > .section > .page > .icon .tag {
    padding: 0 38px;
  }
  /* line 174, ../../../../../../scss/_main.scss */
  #AsusGL502 > .section > .page > .icon .tag .big {
    font-size: 47px;
    line-height: 1;
  }
  /* line 177, ../../../../../../scss/_main.scss */
  #AsusGL502 > .section > .page > .icon .tag .big .unit {
    font-size: 18px;
  }
  /* line 398, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section00 > .page {
    height: 1800px;
  }
  /* line 400, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section00 > .page > .fg {
    width: 1895px;
    margin-left: -947.5px;
    margin-top: 400px;
  }
  /* line 405, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section00 > .page > .text {
    width: 840px;
    margin-left: -400px;
    text-align: center;
  }
  /* line 410, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section00 > .page > .t1 {
    margin-top: 150px;
  }
  /* line 412, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section00 > .page > .t1 h1 {
    margin-bottom: 30px;
  }
  /* line 415, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section00 > .page > .t1 .video {
    font-size: 16px;
  }
  /* line 419, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section00 > .page > .t2 {
    margin-top: 1550px;
  }
  /* line 421, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section00 > .page > .t2 p {
    line-height: 1.8;
  }
  /* line 428, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section01 > .page {
    height: 1360px;
  }
  /* line 430, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section01 > .page > .title {
    padding: 100px 0 0;
  }
  /* line 433, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section01 > .page > .fg {
    width: 1171px;
    margin-left: -820px;
    margin-top: 100px;
  }
  /* line 438, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section01 > .page > .fg02 {
    width: 1360px;
    margin-left: -320px;
    margin-top: 890px;
  }
  /* line 443, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section01 > .page > .text {
    width: 550px;
    margin-left: -100px;
    margin-top: 110px;
  }
  /* line 447, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section01 > .page > .text .icon {
    text-align: right;
  }
  /* line 451, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section01 > .page > .icon {
    width: 350px;
    margin-top: 550px;
    margin-left: 190px;
    text-align: left;
  }
  /* line 460, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section02 > .page {
    height: 1200px;
  }
  /* line 462, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section02 > .page > .fg {
    width: 1920px;
    margin-left: -960px;
  }
  /* line 466, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section02 > .page > .text {
    width: 900px;
    margin-left: -450px;
    margin-top: 0px;
  }
  /* line 470, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section02 > .page > .text h1 {
    text-align: center;
  }
  /* line 474, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section02 > .page > .icon {
    z-index: 6;
    margin-top: 850px;
    width: 230px;
    margin-left: 225px;
  }
  /* line 479, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section02 > .page > .icon .tag {
    width: 150px;
  }
  /* line 486, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section03 > .page {
    height: 700px;
  }
  /* line 488, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section03 > .page > .fg {
    width: 1193px;
    margin-left: -596.5px;
    margin-top: 260px;
  }
  /* line 493, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section03 > .page > .text {
    width: 900px;
    margin-left: -450px;
  }
  /* line 496, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section03 > .page > .text h1 {
    text-align: center;
  }
  /* line 500, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section03 > .page > .icon {
    width: 600px;
    margin-top: 400px;
    margin-left: -300px;
  }
  /* line 508, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section04 > .page {
    height: 1400px;
  }
  /* line 510, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section04 > .page > .title {
    padding: 100px 0 0;
  }
  /* line 513, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section04 > .page > .bg {
    padding: 200px 0 0;
  }
  /* line 515, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section04 > .page > .bg img {
    width: 100%;
    height: auto;
    left: 0;
  }
  /* line 521, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section04 > .page > .fg {
    width: 1362px;
    margin-left: -681px;
    margin-top: 200px;
  }
  /* line 526, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section04 > .page > .text {
    width: 900px;
    margin-left: -450px;
    margin-top: 800px;
  }
  /* line 530, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section04 > .page > .text h1 {
    text-align: center;
  }
  /* line 534, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section04 > .page > .icon {
    width: 1100px;
    margin-top: 1000px;
    margin-left: -550px;
  }
  /* line 542, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section05 > .page {
    height: 900px;
  }
  /* line 544, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section05 > .page > .fg {
    width: 900px;
    margin-left: -450px;
  }
  /* line 547, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section05 > .page > .fg > .fg-text {
    padding-bottom: 10px;
    text-align: center;
  }
  /* line 551, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section05 > .page > .fg > .fg-table {
    display: none;
  }
  /* line 554, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section05 > .page > .fg > .fg-pc {
    display: block;
    position: relative;
  }
  /* line 557, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section05 > .page > .fg > .fg-pc .fg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  /* line 566, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section05 > .page > .fg > .fg-pc .fg-img.active {
    opacity: 1;
    transition: all 0.3s ease-in;
    opacity: 100;
    filter: alpha(opacity=100);
  }
  /* line 574, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section05 > .page > .fg > .btn-box {
    padding: 10px 0;
    width: 900px;
    margin: 0 auto;
    text-align: center;
  }
  /* line 579, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section05 > .page > .fg > .btn-box .btn-item {
    font-size: 20px;
    width: 210px;
    margin: 10px;
  }
  /* line 586, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section05 > .page > .icon {
    margin-top: 360px;
    margin-left: 350px;
  }
  /* line 590, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section05 > .page > .text {
    width: 900px;
    margin-left: -450px;
    margin-top: 385px;
  }
  /* line 594, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section05 > .page > .text h1 {
    text-align: center;
  }
  /* line 601, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section06 > .page {
    height: 1200px;
  }
  /* line 603, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section06 > .page > .fg {
    width: 1269px;
    margin-left: -634.5px;
    margin-top: 0;
  }
  /* line 608, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section06 > .page > .text {
    width: 900px;
    margin-left: -450px;
    margin-top: 730px;
  }
  /* line 612, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section06 > .page > .text h1 {
    text-align: center;
  }
  /* line 619, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section07 > .page {
    height: 800px;
  }
  /* line 621, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section07 > .page > .fg {
    width: 867px;
    margin-left: -750px;
  }
  /* line 625, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section07 > .page > .icon {
    width: 480px;
    margin-top: 450px;
    margin-left: 10px;
  }
  /* line 630, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section07 > .page > .text {
    width: 480px;
    margin-left: 10px;
    margin-top: 0px;
  }
  /* line 638, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section08 > .page {
    height: 1150px;
  }
  /* line 640, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section08 > .page > .fg {
    width: 1219px;
    margin-left: -250px;
  }
  /* line 643, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section08 > .page > .fg img {
    position: relative;
  }
  /* line 646, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section08 > .page > .fg .fg02 {
    top: 15%;
  }
  /* line 649, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section08 > .page > .fg .fg03 {
    top: 42%;
  }
  /* line 653, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section08 > .page > .text {
    width: 430px;
    margin-left: -450px;
    margin-top: 50px;
  }
  /* line 661, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section09 > .page {
    height: 850px;
  }
  /* line 663, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section09 > .page > .fg {
    width: 1144px;
    margin-left: -572px;
  }
  /* line 667, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section09 > .page > .text {
    width: 880px;
    margin-left: -440px;
    margin-top: 500px;
  }
  /* line 671, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section09 > .page > .text h1 {
    text-align: center;
  }
  /* line 678, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section10 > .page {
    height: 850px;
  }
  /* line 680, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section10 > .page > .fg {
    width: 1030px;
    margin-left: -120px;
  }
  /* line 684, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section10 > .page > .text {
    width: 550px;
    margin-left: -500px;
    margin-top: 20px;
  }
  /* line 692, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section11 > .page {
    height: 950px;
  }
  /* line 694, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section11 > .page > .fg {
    width: 958px;
    margin-left: -750px;
  }
  /* line 698, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section11 > .page > .icon {
    width: 450px;
    margin-top: 450px;
    margin-left: 50px;
    text-align: left;
  }
  /* line 703, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section11 > .page > .icon .finger {
    display: inline-block;
    text-align: center;
  }
  /* line 707, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section11 > .page > .icon .tag {
    display: inline-block;
    float: right;
    margin: 0;
    padding: 0 20px;
  }
  /* line 714, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section11 > .page > .text {
    width: 450px;
    margin-left: 50px;
    margin-top: 180px;
  }
  /* line 722, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section12 > .page {
    height: 1250px;
  }
  /* line 724, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section12 > .page > .fg {
    width: 1262px;
    margin-left: -450px;
  }
  /* line 728, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section12 > .page > .text {
    width: 500px;
    margin-left: -500px;
    margin-top: 20px;
  }
  /* line 732, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section12 > .page > .text p {
    padding-right: 50px;
  }
  /* line 739, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section13 > .page {
    height: 1000px;
  }
  /* line 741, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section13 > .page > .fg {
    width: 729px;
    margin-left: -600px;
  }
  /* line 745, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section13 > .page > .text {
    width: 350px;
    margin-left: 160px;
    margin-top: 320px;
  }
  /* line 753, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section14 > .page {
    height: 1100px;
  }
  /* line 755, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section14 > .page > .fg {
    width: 1709px;
    margin-left: -854.5px;
  }
  /* line 759, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section14 > .page > .text {
    width: 940px;
    margin-left: -470px;
    margin-top: 900px;
  }
  /* line 763, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section14 > .page > .text h1 {
    text-align: center;
  }
  /* line 766, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section14 > .page > .text p {
    text-align: left;
  }
  /* line 773, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section15 > .page {
    height: 1300px;
  }
  /* line 775, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section15 > .page > .fg {
    width: 1920px;
    margin-left: -960px;
  }
  /* line 779, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section15 > .page > .text {
    width: 940px;
    margin-left: -470px;
    margin-top: 900px;
  }
  /* line 783, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section15 > .page > .text h1 {
    text-align: center;
  }
  /* line 786, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section15 > .page > .text p {
    text-align: left;
  }
  /* line 793, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section16 > .page {
    height: 200px;
    padding-top: 40px;
  }
  /* line 796, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section16 > .page > .fg {
    text-align: center;
    width: 960px;
    margin-left: -480px;
    top: 25px;
  }
  /* line 801, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section16 > .page > .fg img {
    margin: 5px 5px;
  }
  /* line 804, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section16 > .page > .fg .logo {
    width: 250px;
    margin-top: 25px;
  }
  /* line 809, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section16 > .page > .text {
    width: 920px;
    margin-left: -460px;
    margin-top: 75px;
  }
  /* line 813, ../../../../../../scss/_overview.scss */
  #AsusGL502 > .section16 > .page > .text p {
    margin-bottom: 0;
  }
}



#AsusGL502 > .section17 > .page > .sectionbg.top img {
  width: 100%;
}
@media screen and (min-width: 960px){
  #AsusGL502 > .section17 > .page {
    height: 1000px;
  }
  
  #AsusGL502 > .section17 > .page > .fg {
    width: 1269px;
    margin-left: -520.5px;
  }
  
  #AsusGL502 > .section17 > .page > .text {
    width: 985px;
    margin-left: -477px;
    margin-top: 453px;
  }

  #AsusGL502 > .section17 > .page > .text h1 {
    text-align: center;
  }
  
  #AsusGL502 > .section17 > .page > .text p {
    margin: 0 30px 10px 30px;
  }

  #AsusGL502 > .section17 > .page > .icon {
    margin-top: 695px;
    margin-left: -116px;
  }

  #AsusGL502 > .section17 > .page > .icon .tag {
    width: 145px;
  }
}