/***
for AsusAIO_Design
create 2015/9/14
author Insowe Gili
***/
@font-face {
  font-family: "MyriadPro-Light";
  src: url("font/MyriadPro-Light.eot");
  src: url("font/MyriadPro-Light.eot") format("embedded-opentype"), url("font/MyriadPro-Light.ttf") format("truetype");
}
@font-face {
  font-family: "MyriadPro-LightCond";
  src: url("font/MyriadPro-LightCond.eot");
  src: url("font/MyriadPro-LightCond.eot") format("embedded-opentype"), url("font/MyriadPro-LightCond.ttf") format("truetype");
}
@font-face {
  font-family: "MyriadPro-LightSemiCn";
  src: url("font/MyriadPro-LightSemiCn.eot");
  src: url("font/MyriadPro-LightSemiCn.eot") format("embedded-opentype"), url("font/MyriadPro-LightSemiCn.ttf") format("truetype");
}
/* line 11, ../../../../../../../scss/design/style.scss */
#AsusAIO_Design {
  color: #737373;
  font-family: "MyriadPro-Light", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
  padding-top: 60px;
  position: relative;
  left: 50%;
  overflow: hidden;
}
/* line 8, ../../../../../../../scss/design/_main.scss */
#AsusAIO_Design img {
  display: inline-block;
  max-width: 100%;
}
/* line 13, ../../../../../../../scss/design/_main.scss */
#AsusAIO_Design > section > .page {
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  padding: 40px 0;
  position: relative;
  /*
  span{
  	font-size: 15px;
  	line-height: 1.2;
  }
  */
}
/* line 19, ../../../../../../../scss/design/_main.scss */
#AsusAIO_Design > section > .page h1 {
  font-size: 35px;
  line-height: 1.2;
  font-family: "MyriadPro-Light", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
  font-weight: normal;
  color: #4b4b4b;
}
/* line 27, ../../../../../../../scss/design/_main.scss */
#AsusAIO_Design > section > .page h2 {
  font-size: 29px;
  line-height: 1.3;
  font-family: "MyriadPro-Light", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
  font-weight: normal;
}
/* line 33, ../../../../../../../scss/design/_main.scss */
#AsusAIO_Design > section > .page p {
  font-size: 17px;
  line-height: 180%;
  margin-bottom: 0;
  color: #737373;
}
/* line 45, ../../../../../../../scss/design/_main.scss */
#AsusAIO_Design > section > .page > .text {
  padding: 0 20px;
}
/* line 47, ../../../../../../../scss/design/_main.scss */
#AsusAIO_Design > section > .page > .text > .iconList {
  text-align: center;
  margin-top: 20px;
}
/* line 50, ../../../../../../../scss/design/_main.scss */
#AsusAIO_Design > section > .page > .text > .iconList > .icon {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding: 0 30px;
}
/* line 55, ../../../../../../../scss/design/_main.scss */
#AsusAIO_Design > section > .page > .text > .iconList > .icon > h1 {
  color: #768591;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 72px;
  line-height: 78px;
  display: inline-block;
  font-family: "MyriadPro-LightCond", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
}
/* line 64, ../../../../../../../scss/design/_main.scss */
#AsusAIO_Design > section > .page > .text > .iconList > .icon > h2 {
  display: inline-block;
  font-size: 28px;
  letter-spacing: 2px;
  line-height: 1;
  font-family: "MyriadPro-LightSemiCn", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
  color: #768591;
  margin-left: 5px;
  text-align: left;
}
/* line 74, ../../../../../../../scss/design/_main.scss */
#AsusAIO_Design > section > .page > .text > .iconList > .icon > span {
  display: block;
  font-size: 16px;
  font-family: "MyriadPro-LightSemiCn", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
  color: #385469;
  letter-spacing: 2px;
}
/* line 84, ../../../../../../../scss/design/_main.scss */
#AsusAIO_Design > section > .page > .fg {
  padding: 20px 0;
  margin: 0 auto;
}
/* line 4, ../../../../../../../scss/design/_overview.scss */
#AsusAIO_Design > #section00 > .page > .text {
  text-align: center;
}
/* line 6, ../../../../../../../scss/design/_overview.scss */
#AsusAIO_Design > #section00 > .page > .text > h1 {
  color: #333;
}
/* line 9, ../../../../../../../scss/design/_overview.scss */
#AsusAIO_Design > #section00 > .page > .text > p {
  color: #404040;
}
/* line 13, ../../../../../../../scss/design/_overview.scss */
#AsusAIO_Design > #section00 > .page > .fg {
  width: 92%;
}
/* line 20, ../../../../../../../scss/design/_overview.scss */
#AsusAIO_Design > #section01 > .page > .fg1 {
  width: 60%;
}
/* line 23, ../../../../../../../scss/design/_overview.scss */
#AsusAIO_Design > #section01 > .page > .fg2 {
  display: none;
}
/* line 30, ../../../../../../../scss/design/_overview.scss */
#AsusAIO_Design > #section02 > .page > .fg {
  width: 80%;
  float: right;
}
/* line 33, ../../../../../../../scss/design/_overview.scss */
#AsusAIO_Design > #section02 > .page > .fg:after {
  content: '';
  display: table;
  clear: both;
}
/* line 39, ../../../../../../../scss/design/_overview.scss */
#AsusAIO_Design > #section02 > .page > .text {
  clear: both;
}
/* line 46, ../../../../../../../scss/design/_overview.scss */
#AsusAIO_Design > #section03 > .page > .fg {
  width: 88%;
}
/* line 53, ../../../../../../../scss/design/_overview.scss */
#AsusAIO_Design > #section04 > .page > .fg {
  width: 70%;
  float: right;
}
/* line 56, ../../../../../../../scss/design/_overview.scss */
#AsusAIO_Design > #section04 > .page > .fg:after {
  content: '';
  display: table;
  clear: both;
}
/* line 62, ../../../../../../../scss/design/_overview.scss */
#AsusAIO_Design > #section04 > .page > .text {
  clear: both;
}
/* line 67, ../../../../../../../scss/design/_overview.scss */
#AsusAIO_Design > #section05 {
  margin-top: 20px;
  background-color: #ebebeb;
}
/* line 71, ../../../../../../../scss/design/_overview.scss */
#AsusAIO_Design > #section05 > .page > .col {
  width: 50%;
  float: left;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 79, ../../../../../../../scss/design/_overview.scss */
#AsusAIO_Design > #section05 > .page > .col > .text > h2 {
  font-size: 24px;
}
/* line 82, ../../../../../../../scss/design/_overview.scss */
#AsusAIO_Design > #section05 > .page > .col > .text > a {
  font-size: 14px;
}
/* line 87, ../../../../../../../scss/design/_overview.scss */
#AsusAIO_Design > #section05 > .page > .col > .fg > img {
  height: 85px;
  width: auto;
}
/* line 93, ../../../../../../../scss/design/_overview.scss */
#AsusAIO_Design > #section05 > .page:after {
  content: '';
  display: table;
  clear: both;
}
@media screen and (min-width: 480px) {
  /* line 107, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section05 > .page > .col > .fg > img {
    height: 125px;
  }
}
@media screen and (min-width: 640px) {
  /* line 120, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section05 > .page > .col > .fg > img {
    height: 160px;
  }
}
@media screen and (min-width: 960px) {
  /* line 97, ../../../../../../../scss/design/_main.scss */
  #AsusAIO_Design > section > .page {
    position: relative;
  }
  /* line 99, ../../../../../../../scss/design/_main.scss */
  #AsusAIO_Design > section > .page > .fg {
    position: absolute;
    left: 50%;
  }
  /* line 103, ../../../../../../../scss/design/_main.scss */
  #AsusAIO_Design > section > .page > .text {
    position: absolute;
    left: 50%;
    text-align: left;
  }
  /* line 107, ../../../../../../../scss/design/_main.scss */
  #AsusAIO_Design > section > .page > .text > h1 {
    font-size: 44px;
    line-height: 1.36;
  }
  /* line 111, ../../../../../../../scss/design/_main.scss */
  #AsusAIO_Design > section > .page > .text > p {
    margin-top: 32px;
    font-size: 19px;
    line-height: 1.385;
  }
  /* line 116, ../../../../../../../scss/design/_main.scss */
  #AsusAIO_Design > section > .page > .text .br {
    display: block;
  }
  /* line 130, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section00 {
    height: 1000px;
  }
  /* line 133, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section00 > .page > .text {
    width: 900px;
    margin-left: -500px;
    top: 125px;
  }
  /* line 137, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section00 > .page > .text > h1 {
    font-size: 64px;
  }
  /* line 140, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section00 > .page > .text > p {
    margin-top: 16px;
    font-size: 24px;
    padding-left: 45px;
    letter-spacing: .2px;
  }
  /* line 147, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section00 > .page > .fg {
    width: 900px;
    margin-left: -450px;
    top: 330px;
  }
  /* line 154, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section01 {
    height: 1010px;
  }
  /* line 157, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section01 > .page > .fg1 {
    width: 404px;
    margin-left: -503px;
    top: 60px;
  }
  /* line 162, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section01 > .page > .fg2 {
    width: 500px;
    margin-left: 20px;
    top: 200px;
    display: block;
  }
  /* line 168, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section01 > .page > .text {
    width: 500px;
    margin-left: -60px;
    top: 330px;
  }
  /* line 172, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section01 > .page > .text > h1 {
    letter-spacing: .1px;
  }
  /* line 174, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section01 > .page > .text > h1 > .br {
    letter-spacing: .18px;
  }
  /* line 178, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section01 > .page > .text > p {
    margin-top: 29px;
    width: 500px;
    letter-spacing: .04px;
  }
  /* line 182, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section01 > .page > .text > p > .br {
    display: inline;
  }
  /* line 189, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section02 {
    height: 800px;
  }
  /* line 192, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section02 > .page > .fg {
    width: 600px;
    margin-left: 8px;
    top: 86px;
  }
  /* line 197, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section02 > .page > .text {
    width: 510px;
    margin-left: -495px;
    top: 182px;
  }
  /* line 201, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section02 > .page > .text > h1 {
    letter-spacing: .28px;
  }
  /* line 204, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section02 > .page > .text > p {
    margin-top: 34px;
    letter-spacing: .06px;
  }
  /* line 211, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section03 {
    height: 960px;
  }
  /* line 214, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section03 > .page > .fg {
    width: 800px;
    margin-left: -750px;
    top: -120px;
  }
  /* line 219, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section03 > .page > .text {
    width: 425px;
    margin-left: 25px;
    top: 210px;
  }
  /* line 223, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section03 > .page > .text > h1 {
    letter-spacing: .24px;
  }
  /* line 226, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section03 > .page > .text > p {
    margin-top: 40px;
    padding-left: 4px;
    letter-spacing: .06px;
  }
  /* line 234, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section04 {
    height: 510px;
  }
  /* line 237, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section04 > .page > .fg {
    width: 900px;
    margin-left: 68px;
    top: 175px;
  }
  /* line 242, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section04 > .page > .text {
    width: 520px;
    margin-left: -496px;
    top: 90px;
  }
  /* line 246, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section04 > .page > .text > h1 {
    letter-spacing: .29px;
  }
  /* line 249, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section04 > .page > .text > p {
    margin-top: 29px;
    padding-left: 2px;
    letter-spacing: .06px;
  }
  /* line 257, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section05 {
    margin-top: 0;
    height: 310px;
  }
  /* line 260, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section05 > .page {
    position: relative;
  }
  /* line 262, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section05 > .page > .col {
    position: absolute;
    left: 50%;
    padding: 30px 10px;
    height: 200px;
    margin-left: -30px;
  }
  /* line 268, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section05 > .page > .col > .text {
    display: inline-block;
    vertical-align: top;
    padding-top: 55px;
    text-align: left;
  }
  /* line 273, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section05 > .page > .col > .text > h2 {
    font-size: 28px;
    margin-bottom: 0;
  }
  /* line 277, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section05 > .page > .col > .text > a {
    font-size: 18px;
    padding-top: 4px;
    display: inline-block;
  }
  /* line 283, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section05 > .page > .col > .fg {
    display: inline-block;
    vertical-align: top;
    margin-right: 21px;
  }
  /* line 287, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section05 > .page > .col > .fg > img {
    height: 170px;
  }
  /* line 292, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section05 > .page > .col:first-child {
    margin-left: -493px;
    padding: 33px 10px;
  }
  /* line 295, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section05 > .page > .col:first-child > .text {
    padding-top: 47px;
  }
  /* line 298, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section05 > .page > .col:first-child > .fg {
    margin-right: 26px;
  }
}
@media screen and (min-width: 1300px) {
  /* line 310, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section00 {
    height: 1200px;
  }
  /* line 313, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section00 > .page > .fg {
    width: 1122px;
    margin-left: -568px;
  }
  /* line 319, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section01 {
    height: 1500px;
  }
  /* line 322, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section01 > .page > .fg1 {
    width: 614px;
    margin-left: -713px;
    top: 160px;
  }
  /* line 327, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section01 > .page > .fg2 {
    width: 567px;
    margin-left: 12px;
    top: 889px;
  }
  /* line 332, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section01 > .page > .text {
    width: 660px;
    margin-left: -91px;
    top: 447px;
  }
  /* line 336, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section01 > .page > .text > p {
    width: 660px;
  }
  /* line 338, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section01 > .page > .text > p > .br {
    display: block;
  }
  /* line 345, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section02 {
    height: 1400px;
  }
  /* line 348, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section02 > .page > .fg {
    width: 954px;
  }
  /* line 351, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section02 > .page > .text {
    margin-left: -595px;
    top: 332px;
  }
  /* line 357, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section03 {
    height: 620px;
  }
  /* line 360, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section03 > .page > .fg {
    width: 1008px;
    margin-left: -908px;
    top: -570px;
  }
  /* line 365, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section03 > .page > .text {
    margin-left: 123px;
    top: -100px;
  }
  /* line 371, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section04 {
    height: 510px;
  }
  /* line 374, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section04 > .page > .fg {
    width: 931px;
    margin-left: 28px;
    top: 118px;
  }
  /* line 379, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section04 > .page > .text {
    margin-left: -596px;
    top: 127px;
  }
  /* line 387, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section05 > .page > .col {
    margin-left: -68px;
  }
  /* line 389, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section05 > .page > .col > .fg {
    margin-right: 41px;
  }
  /* line 391, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section05 > .page > .col > .fg > img {
    height: 202px;
  }
  /* line 396, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section05 > .page > .col:first-child {
    margin-left: -733px;
  }
  /* line 398, ../../../../../../../scss/design/_overview.scss */
  #AsusAIO_Design > #section05 > .page > .col:first-child > .fg {
    margin-right: 56px;
  }
}

/* line 35, ../../../../../../../scss/design/style.scss */
#main-zone .container {
  padding: 0;
  min-width: 100%;
}

/* line 39, ../../../../../../../scss/design/style.scss */
#simple {
  display: none;
}
@media screen and (min-width: 1300px) {
  /* line 39, ../../../../../../../scss/design/style.scss */
  #simple {
    top: 4px;
    width: 1920px;
    margin-left: -960px;
    display: block;
    position: absolute;
    left: 50%;
  }
  /* line 48, ../../../../../../../scss/design/style.scss */
  #simple img {
    width: 100%;
  }
}