@charset "UTF-8";
/***
for AsusK401
create 2015/4/13
author Insowe Gagu
***/
@font-face {
  font-family: "SegoeUI";
  src: url("font/SegoeUI.eot");
  src: url("font/SegoeUI.eot?#iefix") format("embedded-opentype"), url("font/SegoeUI.ttf") format("truetype");
}
@font-face {
  font-family: "SegoeUI-Light";
  src: url("font/SegoeUI-Light.eot");
  src: url("font/SegoeUI-Light.eot?#iefix") format("embedded-opentype"), url("font/SegoeUI-Light.ttf") format("truetype");
}
@font-face {
  font-family: "MyriadPro-Regular";
  src: url("font/MyriadPro-Regular.eot");
  src: url("font/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), url("font/MyriadPro-Regular.ttf") format("truetype");
}
/* line 11, ../../../../../../scss/style.scss */
#AsusK401 {
  color: #000;
  font-family: "SegoeUI", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
  padding-top: 60px;
  position: relative;
  left: 50%;
  overflow: hidden;
}
/* line 8, ../../../../../../scss/_main.scss */
#AsusK401 img {
  display: inline-block;
  max-width: 100%;
}
/* line 13, ../../../../../../scss/_main.scss */
#AsusK401 > section > .page {
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  padding: 50px 0;
  position: relative;
}
/* line 19, ../../../../../../scss/_main.scss */
#AsusK401 > section > .page h1 {
  font-size: 35px;
  line-height: 1.2;
  font-family: "SegoeUI-Light", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
  font-weight: normal;
}
/* line 26, ../../../../../../scss/_main.scss */
#AsusK401 > section > .page h2 {
  font-size: 29px;
  line-height: 1.3;
  font-family: "SegoeUI-Light", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
  font-weight: normal;
}
/* line 32, ../../../../../../scss/_main.scss */
#AsusK401 > section > .page p {
  font-size: 17px;
  line-height: 1.4;
  margin-bottom: 0;
}
/* line 37, ../../../../../../scss/_main.scss */
#AsusK401 > section > .page span {
  font-size: 15px;
  line-height: 1.2;
}
/* line 41, ../../../../../../scss/_main.scss */
#AsusK401 > section > .page > .text {
  padding: 0 20px;
}
/* line 44, ../../../../../../scss/_main.scss */
#AsusK401 > section > .page > .fg {
  padding: 20px 20px 0 20px;
  margin: 0 auto;
}
/* line 3, ../../../../../../scss/_overview.scss */
#AsusK401 > #section00 > .page {
  background-image: url(../img/00/bg.jpg);
}
/* line 10, ../../../../../../scss/_overview.scss */
#AsusK401 > #section02 > .page > .text > .icon1 {
  display: inline-block;
  max-width: 36%;
}
/* line 14, ../../../../../../scss/_overview.scss */
#AsusK401 > #section02 > .page > .text > .icon2 {
  display: inline-block;
  max-width: 62%;
}
/* line 23, ../../../../../../scss/_overview.scss */
#AsusK401 > #section03 > .page > .fg {
  position: relative;
}
/* line 25, ../../../../../../scss/_overview.scss */
#AsusK401 > #section03 > .page > .fg > .bg {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -12%;
}
/* line 32, ../../../../../../scss/_overview.scss */
#AsusK401 > #section03 > .page > .fg > .fg {
  position: relative;
  max-width: 80% !important;
}
/* line 37, ../../../../../../scss/_overview.scss */
#AsusK401 > #section03 > .page > .color {
  max-width: 280px;
  margin: 0 auto;
  padding: 20px;
  position: relative;
  text-align: left;
}
/* line 43, ../../../../../../scss/_overview.scss */
#AsusK401 > #section03 > .page > .color > .dec1 {
  display: block;
  width: 50%;
  position: absolute;
  font-weight: bold;
  left: 45%;
  top: 0;
  margin-top: 14%;
}
/* line 52, ../../../../../../scss/_overview.scss */
#AsusK401 > #section03 > .page > .color > .dec2 {
  display: block;
  width: 45%;
  position: absolute;
  left: 53%;
  top: 0;
  margin-top: 27%;
}
/* line 66, ../../../../../../scss/_overview.scss */
#AsusK401 > #section04 > .page > .text > .icon {
  display: inline-block;
  width: 108px;
  height: 100px;
  margin: 20px 5px;
  background-image: url(../img/04/icon.png);
  font-family: "SegoeUI-Light", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
}
/* line 73, ../../../../../../scss/_overview.scss */
#AsusK401 > #section04 > .page > .text > .icon > .dec1 {
  font-size: 30px;
  line-height: 50px;
  display: block;
}
/* line 78, ../../../../../../scss/_overview.scss */
#AsusK401 > #section04 > .page > .text > .icon > .dec2 {
  font-size: 20px;
  display: block;
}
/* line 81, ../../../../../../scss/_overview.scss */
#AsusK401 > #section04 > .page > .text > .icon > .dec2 > .num {
  font-size: 34px;
}
/* line 91, ../../../../../../scss/_overview.scss */
#AsusK401 > #section05 > .page > .fg {
  position: relative;
  max-width: 700px;
}
/* line 94, ../../../../../../scss/_overview.scss */
#AsusK401 > #section05 > .page > .fg > .bg {
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -20%;
}
/* line 100, ../../../../../../scss/_overview.scss */
#AsusK401 > #section05 > .page > .fg > .cpu {
  position: relative;
  max-width: 40% !important;
}
/* line 110, ../../../../../../scss/_overview.scss */
#AsusK401 > #section09 > .page > .text > .icon {
  display: block;
}
/* line 112, ../../../../../../scss/_overview.scss */
#AsusK401 > #section09 > .page > .text > .icon > .dec {
  display: block;
  font-size: 22px;
}
/* line 117, ../../../../../../scss/_overview.scss */
#AsusK401 > #section09 > .page > .text > .pic {
  display: inline-block;
  max-width: 45%;
  margin: 20px 5px;
}
/* line 121, ../../../../../../scss/_overview.scss */
#AsusK401 > #section09 > .page > .text > .pic > span {
  display: block;
}
/* line 130, ../../../../../../scss/_overview.scss */
#AsusK401 > #section10 > .page > .fg {
  padding: 0;
  position: relative;
  width: 100%;
  overflow: hidden;
}
/* line 135, ../../../../../../scss/_overview.scss */
#AsusK401 > #section10 > .page > .fg > .fgContent {
  width: 800%;
  text-align: left;
  font-size: 0;
  position: relative;
}
/* line 140, ../../../../../../scss/_overview.scss */
#AsusK401 > #section10 > .page > .fg > .fgContent > div {
  display: inline-block;
  left: 0;
  top: 0;
  width: 12.5%;
  position: relative;
}
/* line 146, ../../../../../../scss/_overview.scss */
#AsusK401 > #section10 > .page > .fg > .fgContent > div > span {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  text-align: center;
  color: #FFF;
}
/* line 154, ../../../../../../scss/_overview.scss */
#AsusK401 > #section10 > .page > .fg > .fgContent > div > span.b {
  color: #000;
}
/* line 160, ../../../../../../scss/_overview.scss */
#AsusK401 > #section10 > .page > .fg > .arrowL, #AsusK401 > #section10 > .page > .fg > .arrowR {
  width: 30px;
  height: 38px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -19px;
  background-repeat: no-repeat;
  background-position: 0% 77%;
  z-index: 1;
}
/* line 171, ../../../../../../scss/_overview.scss */
#AsusK401 > #section10 > .page > .fg > .arrowL {
  background-image: url(../img/ui/signpost-left.png);
  left: 10px;
}
/* line 175, ../../../../../../scss/_overview.scss */
#AsusK401 > #section10 > .page > .fg > .arrowR {
  background-image: url(../img/ui/signpost-right.png);
  right: 10px;
}
/* line 179, ../../../../../../scss/_overview.scss */
#AsusK401 > #section10 > .page > .fg > .myPagination {
  display: none;
}
/* line 188, ../../../../../../scss/_overview.scss */
#AsusK401 > #section12 > .page > .text > .icons {
  display: block;
  margin: 20px 0;
}
/* line 198, ../../../../../../scss/_overview.scss */
#AsusK401 > #section13 > .page > .text > .ps {
  display: block;
}
/* line 201, ../../../../../../scss/_overview.scss */
#AsusK401 > #section13 > .page > .text > .icon {
  display: block;
  width: 118px;
  margin: 20px auto 10px auto;
}
/* line 206, ../../../../../../scss/_overview.scss */
#AsusK401 > #section13 > .page > .text > .box {
  display: inline-block;
  width: 98px;
  height: 97px;
  margin: 10px;
  background-image: url(../img/13/box.png);
  overflow: hidden;
}
/* line 213, ../../../../../../scss/_overview.scss */
#AsusK401 > #section13 > .page > .text > .box > .dec1 {
  display: block;
  font-size: 14px;
  padding-top: 8px;
  font-family: Helvetica, Arial, WenQuanYi Zen Hei, 文泉驛正黑, LiHei Pro, 儷黑Pro, Microsoft JhengHei, 微軟正黑體, sans-serif;
}
/* line 218, ../../../../../../scss/_overview.scss */
#AsusK401 > #section13 > .page > .text > .box > .dec1 > .num {
  font-size: 38px;
  line-height: 28px;
}
/* line 223, ../../../../../../scss/_overview.scss */
#AsusK401 > #section13 > .page > .text > .box > .dec2 {
  display: block;
  font-family: "MyriadPro-Regular", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
  font-size: 18px;
  line-height: 21px;
}
/* line 228, ../../../../../../scss/_overview.scss */
#AsusK401 > #section13 > .page > .text > .box > .dec2 > .small {
  font-size: 15px;
}
/* line 231, ../../../../../../scss/_overview.scss */
#AsusK401 > #section13 > .page > .text > .box > .dec2.line1 {
  line-height: 42px;
}
@media screen and (min-width: 640px) {
  /* line 245, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section03 > .page > .color > .dec1 {
    width: 80%;
  }
  /* line 248, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section03 > .page > .color > .dec2 {
    width: 60%;
  }
  /* line 259, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section10 > .page > .fg > .fgContent > div > span {
    font-size: 30px;
    margin-top: -18px;
  }
}
@media screen and (min-width: 960px) {
  /* line 11, ../../../../../../scss/style.scss */
  #AsusK401 {
    padding-top: 0;
  }
  /* line 56, ../../../../../../scss/_main.scss */
  #AsusK401 > section > .page {
    text-align: left;
    padding: 0;
  }
  /* line 59, ../../../../../../scss/_main.scss */
  #AsusK401 > section > .page h1 {
    font-size: 47px;
    margin: 20px auto;
  }
  /* line 63, ../../../../../../scss/_main.scss */
  #AsusK401 > section > .page > .text {
    max-width: 1000px;
    padding: 0;
    position: absolute;
    left: 50%;
  }
  /* line 69, ../../../../../../scss/_main.scss */
  #AsusK401 > section > .page > .fg {
    padding: 0;
    position: absolute;
    left: 50%;
  }
  /* line 272, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section00 > .page {
    height: 900px;
  }
  /* line 274, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section00 > .page > .text {
    width: 560px;
    margin-left: -520px;
    margin-top: 250px;
  }
  /* line 278, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section00 > .page > .text > p {
    width: 460px;
  }
  /* line 282, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section00 > .page > .fg {
    width: 701px;
    margin-left: -150px;
    margin-top: 220px;
  }
  /* line 290, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section01 > .page {
    height: 640px;
  }
  /* line 292, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section01 > .page > .text {
    width: 450px;
    margin-left: -520px;
    margin-top: 100px;
  }
  /* line 297, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section01 > .page > .fg {
    width: 1118px;
    margin-left: -250px;
    margin-top: 20px;
  }
  /* line 305, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section02 > .page {
    height: 720px;
  }
  /* line 307, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section02 > .page > .text {
    width: 450px;
    margin-left: 120px;
    margin-top: 120px;
  }
  /* line 311, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section02 > .page > .text > .icon1 {
    margin-right: 50px;
  }
  /* line 315, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section02 > .page > .fg {
    width: 993px;
    margin-left: -800px;
    margin-top: 50px;
  }
  /* line 323, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section03 > .page {
    height: 1200px;
  }
  /* line 325, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section03 > .page > .text {
    width: 1000px;
    margin-left: -500px;
    margin-top: 10px;
  }
  /* line 329, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section03 > .page > .text > p {
    width: 500px;
  }
  /* line 333, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section03 > .page > .color {
    position: absolute;
    left: 50%;
    margin-top: 20px;
    max-width: 355px;
  }
  /* line 338, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section03 > .page > .color > .dec2 {
    width: 100%;
  }
  /* line 342, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section03 > .page > .fg {
    width: 1920px;
    margin-left: -960px;
    text-align: center;
  }
  /* line 350, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section04 > .page {
    height: 850px;
  }
  /* line 352, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section04 > .page > .text {
    width: 690px;
    margin-left: -300px;
    margin-top: 150px;
  }
  /* line 356, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section04 > .page > .text > .icon {
    text-align: center;
  }
  /* line 359, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section04 > .page > .text > .icon1 {
    margin-left: 200px;
    margin-right: 30px;
  }
  /* line 364, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section04 > .page > .fg {
    width: 955px;
    margin-left: -560px;
  }
  /* line 371, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section05 > .page {
    height: 400px;
  }
  /* line 373, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section05 > .page > .text {
    width: 740px;
    left: 50%;
    margin-left: -370px;
    margin-top: -30px;
    text-align: center;
  }
  /* line 380, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section05 > .page > .fg {
    max-width: 1179px;
    width: 1179px;
    margin-left: -590px;
    text-align: center;
  }
  /* line 385, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section05 > .page > .fg > .bg {
    margin-top: -25%;
  }
  /* line 392, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section06 > .page {
    height: 600px;
  }
  /* line 394, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section06 > .page > .text {
    width: 480px;
    margin-left: -240px;
  }
  /* line 397, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section06 > .page > .text > h1 {
    text-align: center;
  }
  /* line 401, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section06 > .page > .fg {
    width: 1359px;
    margin-left: -680px;
  }
  /* line 408, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section07 > .page {
    height: 600px;
  }
  /* line 410, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section07 > .page > .text {
    width: 430px;
    margin-left: 150px;
    margin-top: 50px;
  }
  /* line 415, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section07 > .page > .fg {
    width: 888px;
    margin-left: -750px;
  }
  /* line 422, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section08 > .page {
    height: 700px;
  }
  /* line 424, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section08 > .page > .text {
    width: 780px;
    margin-left: -390px;
    margin-top: 450px;
  }
  /* line 428, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section08 > .page > .text > h1 {
    width: 610px;
    text-align: center;
  }
  /* line 433, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section08 > .page > .fg {
    width: 1264px;
    margin-left: -632px;
  }
  /* line 440, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section09 > .page {
    height: 700px;
  }
  /* line 442, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section09 > .page > .text {
    width: 570px;
    margin-left: -500px;
    margin-top: 35px;
  }
  /* line 446, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section09 > .page > .text > .icon {
    float: left;
    margin-right: 10px;
  }
  /* line 451, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section09 > .page > .fg {
    width: 926px;
    margin-left: -150px;
  }
  /* line 458, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section10 > .page {
    height: 750px;
  }
  /* line 460, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section10 > .page > .text {
    width: 500px;
    margin-left: -530px;
    margin-top: 30px;
  }
  /* line 464, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section10 > .page > .text.w {
    color: #FFF;
  }
  /* line 468, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section10 > .page > .fg {
    position: absolute;
    width: 1920px;
    margin-left: -960px;
  }
  /* line 474, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section10 > .page > .fg > .fgContent > div > span {
    display: none;
  }
  /* line 479, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section10 > .page > .fg > .arrowL, #AsusK401 > #section10 > .page > .fg > .arrowR {
    display: none;
  }
  /* line 482, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section10 > .page > .fg > .myPagination {
    display: block;
    position: absolute;
    width: 1182px;
    bottom: 40px;
    left: 50%;
    margin-left: -589px;
    background-image: url(../img/10/dot.png);
    text-align: center;
    font-size: 0;
    padding: 20px 0;
  }
  /* line 493, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section10 > .page > .fg > .myPagination > a {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    color: #FFF;
    width: 150px;
    height: 60px;
    overflow: hidden;
    padding: 0 15px;
    border-right: #FFF solid thin;
  }
  /* line 503, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section10 > .page > .fg > .myPagination > a:hover, #AsusK401 > #section10 > .page > .fg > .myPagination > a.active {
    color: #FF0;
  }
  /* line 506, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section10 > .page > .fg > .myPagination > a.last {
    border: none;
  }
  /* line 515, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section11 > .page {
    height: 550px;
  }
  /* line 517, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section11 > .page > .text {
    width: 800px;
    text-align: center;
    margin-left: -400px;
  }
  /* line 522, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section11 > .page > .fg {
    width: 1107px;
    margin-left: -554px;
    margin-top: 200px;
  }
  /* line 530, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section12 > .page {
    height: 550px;
  }
  /* line 532, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section12 > .page > .text {
    width: 570px;
    margin-left: 70px;
  }
  /* line 535, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section12 > .page > .text > h1 {
    width: 400px;
    margin-left: 0;
  }
  /* line 540, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section12 > .page > .fg {
    width: 715px;
    margin-left: -600px;
  }
  /* line 547, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section13 > .page {
    height: 700px;
  }
  /* line 549, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section13 > .page > .text {
    width: 620px;
    margin-left: -550px;
    margin-top: 100px;
  }
  /* line 553, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section13 > .page > .text > p {
    padding-bottom: 50px;
  }
  /* line 556, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section13 > .page > .text > .icon {
    display: inline-block;
    overflow: hidden;
    margin-left: -50px;
  }
  /* line 561, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section13 > .page > .text > .box {
    text-align: center;
    overflow: hidden;
  }
  /* line 566, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section13 > .page > .fg {
    width: 932px;
    margin-left: -100px;
  }
  /* line 573, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section14 > .page {
    height: 700px;
  }
  /* line 575, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section14 > .page > .text {
    width: 440px;
    margin-left: 150px;
    margin-top: 150px;
  }
  /* line 580, ../../../../../../scss/_overview.scss */
  #AsusK401 > #section14 > .page > .fg {
    width: 701px;
    margin-left: -600px;
  }
}