/***
AsusNIWRT
2015/5/7
fish
***/
/* line 5, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/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, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: 'Segoe UI Light';
  src: url("font/segoeuil.eot");
  /* IE9 Compat Modes */
  src: url("font/segoeuil.eot?#iefix") format("embedded-opentype"), url("font/segoeuil.woff") format("woff"), url("font/segoeuil.ttf") format("truetype"), url("font/segoeuil.svg#svgFontName") format("svg");
  /* Legacy iOS */
}
/* line 18, ../../scss/style.scss */
.web {
  display: none;
}

/* line 21, ../../scss/style.scss */
body {
  font-family: "Segoe UI Light", arial;
}

/* line 24, ../../scss/style.scss */
.nowrap {
  white-space: nowrap;
}

/* line 27, ../../scss/style.scss */
.section {
  width: 100%;
  overflow: hidden;
}
/* line 30, ../../scss/style.scss */
.section > .bg {
  width: 100%;
}
/* line 32, ../../scss/style.scss */
.section > .bg > .bgimg {
  width: 100%;
  display: block;
}
/* line 37, ../../scss/style.scss */
.section img {
  display: inline-block;
}
/* line 40, ../../scss/style.scss */
.section a {
  text-decoration: none;
}
/* line 43, ../../scss/style.scss */
.section .title {
  position: relative;
  z-index: 2;
}
/* line 46, ../../scss/style.scss */
.section .title.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
/* line 53, ../../scss/style.scss */
.section .title h1 {
  color: #fff;
  font-size: 19pt;
  text-align: left;
  margin: 5px 0;
  float: left;
  display: block;
  width: 100%;
}
/* line 63, ../../scss/style.scss */
.section .recom {
  padding: 10px 10px 15px;
}
/* line 65, ../../scss/style.scss */
.section .recom h5 {
  font-size: 15pt;
  text-align: center;
}
/* line 71, ../../scss/style.scss */
.section .recom .table .product img {
  display: block;
  margin: 0 auto;
}
/* line 75, ../../scss/style.scss */
.section .recom .table .product h2 {
  font-size: 18pt;
  width: 200px;
  margin: 0 auto;
}
/* line 80, ../../scss/style.scss */
.section .recom .table .product p {
  font-size: 12pt;
  line-height: 15pt;
  width: 200px;
  margin: 0 auto;
}
/* line 86, ../../scss/style.scss */
.section .recom .table .product a {
  font-size: 12pt;
  line-height: 15pt;
  color: #0771f8;
  width: 200px;
  margin: 0 auto;
}
/* line 93, ../../scss/style.scss */
.section .recom .table .product a:hover {
  text-decoration: underline;
}

/* line 103, ../../scss/style.scss */
.sec1 .logo {
  position: absolute;
  margin: 10px;
  z-index: 2;
}
/* line 108, ../../scss/style.scss */
.sec1 .bg {
  position: relative;
}
/* line 110, ../../scss/style.scss */
.sec1 .bg > a {
  width: 16.17%;
  max-width: 96px;
  position: absolute;
}
/* line 114, ../../scss/style.scss */
.sec1 .bg > a p {
  font-size: 12px;
  color: #000;
  position: relative;
  text-align: center;
  display: block;
  width: 100%;
}
/* line 122, ../../scss/style.scss */
.sec1 .bg > a img {
  width: 100%;
  display: block;
  background: url(../img/1_btnbg.png);
  background-repeat: no-repeat;
  background-size: contain;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
/* line 132, ../../scss/style.scss */
.sec1 .bg > a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  animation: star 1s infinite;
  -moz-animation: star 1s infinite;
  -webkit-animation: star 1s infinite;
  -o-animation: star 1s infinite;
}
/* line 141, ../../scss/style.scss */
.sec1 .bg .device1 {
  top: 56%;
  left: 70%;
  max-width: 96px;
}
/* line 145, ../../scss/style.scss */
.sec1 .bg .device1 p {
  color: #fff;
}
/* line 149, ../../scss/style.scss */
.sec1 .bg .device2 {
  top: 12%;
  left: 64%;
}
/* line 152, ../../scss/style.scss */
.sec1 .bg .device2 p {
  position: absolute;
  width: 150px;
  top: 38%;
  left: -150px;
}
/* line 159, ../../scss/style.scss */
.sec1 .bg .device3 {
  top: 38%;
  left: 35%;
}
/* line 164, ../../scss/style.scss */
.sec1 .text {
  background: #e0dfdf;
  padding: 10px 10px 20px;
  text-align: center;
}
/* line 168, ../../scss/style.scss */
.sec1 .text h2 {
  font-size: 14pt;
  margin: 10px 0;
  font-weight: bold;
  line-height: 18pt;
}
/* line 174, ../../scss/style.scss */
.sec1 .text p {
  font-size: 12pt;
  line-height: 15pt;
}

/* line 181, ../../scss/style.scss */
.sec2 .title {
  background: #ed9e39;
  text-align: right;
  margin-bottom: -62px;
}
/* line 185, ../../scss/style.scss */
.sec2 .title > div {
  padding: 10px;
}
/* line 188, ../../scss/style.scss */
.sec2 .title h2 {
  position: relative;
  font-size: 20pt;
  display: inline-block;
  color: #fff;
  top: -5px;
}
/* line 195, ../../scss/style.scss */
.sec2 .title img {
  position: relative;
  display: inline-block;
}
/* line 200, ../../scss/style.scss */
.sec2 .bg1 {
  width: 100%;
  margin-top: 62px;
}
/* line 203, ../../scss/style.scss */
.sec2 .bg1 .bgimg {
  width: 100%;
  display: block;
}
/* line 208, ../../scss/style.scss */
.sec2 .text1 {
  background: #f4f2ed;
  padding: 10px 10px 20px;
  text-align: center;
}
/* line 212, ../../scss/style.scss */
.sec2 .text1 h2 {
  font-size: 18pt;
  margin: 10px 0;
  font-weight: bold;
}
/* line 217, ../../scss/style.scss */
.sec2 .text1 h3 {
  font-size: 14pt;
  margin: 10px 0;
  font-weight: bold;
  color: #6e6d6b;
}
/* line 223, ../../scss/style.scss */
.sec2 .text1 p {
  font-size: 12pt;
  line-height: 15pt;
}
/* line 227, ../../scss/style.scss */
.sec2 .text1 p.comment {
  font-size: 10pt;
  line-height: 12pt;
  margin: 10px 0 0;
}
/* line 233, ../../scss/style.scss */
.sec2 .text2 {
  padding: 10px 10px 20px;
  text-align: center;
}
/* line 236, ../../scss/style.scss */
.sec2 .text2 h2 {
  font-size: 15pt;
  color: #7e7e7e;
  padding: 10px 0;
  font-weight: bold;
  line-height: 18pt;
}
/* line 244, ../../scss/style.scss */
.sec2 .text2 .table .block {
  margin: 10px auto 15px;
  width: 200px;
}
/* line 247, ../../scss/style.scss */
.sec2 .text2 .table .block h4 {
  font-weight: bold;
  font-size: 14pt;
  margin: 10px 0;
}
/* line 252, ../../scss/style.scss */
.sec2 .text2 .table .block p {
  font-size: 12pt;
  line-height: 13pt;
}
/* line 259, ../../scss/style.scss */
.sec2 .bg2 {
  width: 100%;
}
/* line 261, ../../scss/style.scss */
.sec2 .bg2 .bgimg {
  width: 100%;
  display: block;
}
/* line 266, ../../scss/style.scss */
.sec2 .text3 {
  padding: 10px 10px 20px;
  text-align: center;
}
/* line 269, ../../scss/style.scss */
.sec2 .text3 h1 {
  font-size: 18pt;
  margin: 10px 0;
  font-weight: bold;
}
/* line 274, ../../scss/style.scss */
.sec2 .text3 p {
  font-size: 12pt;
  line-height: 15pt;
}
/* line 278, ../../scss/style.scss */
.sec2 .text3 p.comment {
  font-size: 10pt;
  line-height: 12pt;
  margin: 10px 0 0;
}

/* line 286, ../../scss/style.scss */
.sec3 .title {
  background: #89c63a;
  text-align: right;
  margin-bottom: -68px;
}
/* line 290, ../../scss/style.scss */
.sec3 .title > div {
  padding: 10px;
}
/* line 293, ../../scss/style.scss */
.sec3 .title h2 {
  position: relative;
  font-size: 12pt;
  display: inline-block;
  color: #fff;
  top: -11px;
}
/* line 300, ../../scss/style.scss */
.sec3 .title img {
  position: relative;
  display: inline-block;
}
/* line 305, ../../scss/style.scss */
.sec3 .bg {
  margin-top: 68px;
}
/* line 308, ../../scss/style.scss */
.sec3 .text {
  padding: 10px 10px 20px;
  text-align: center;
}
/* line 311, ../../scss/style.scss */
.sec3 .text h2 {
  font-size: 18pt;
  margin: 10px 0;
  font-weight: bold;
}
/* line 316, ../../scss/style.scss */
.sec3 .text p {
  font-size: 12pt;
  line-height: 15pt;
}
/* line 321, ../../scss/style.scss */
.sec3 .text2 {
  padding: 10px 10px 20px;
  text-align: center;
}
/* line 324, ../../scss/style.scss */
.sec3 .text2 h2 {
  font-size: 15pt;
  color: #7e7e7e;
  padding: 10px 0;
  font-weight: bold;
  line-height: 18pt;
}
/* line 332, ../../scss/style.scss */
.sec3 .text2 .table .block {
  margin: 10px auto 15px;
  width: 200px;
}
/* line 335, ../../scss/style.scss */
.sec3 .text2 .table .block h4 {
  font-weight: bold;
  font-size: 14pt;
  margin: 10px 0;
}
/* line 340, ../../scss/style.scss */
.sec3 .text2 .table .block p {
  font-size: 12pt;
  line-height: 13pt;
}
/* line 347, ../../scss/style.scss */
.sec3 .text4 {
  padding: 10px 10px 20px;
  text-align: center;
}
/* line 350, ../../scss/style.scss */
.sec3 .text4 .chart {
  margin: 10px 0 30px;
  max-width: 505px;
  margin: 0 auto;
}
/* line 354, ../../scss/style.scss */
.sec3 .text4 .chart h4 {
  font-weight: bold;
  font-size: 14pt;
  margin: 10px 0;
  text-align: left;
}
/* line 360, ../../scss/style.scss */
.sec3 .text4 .chart .img {
  max-width: 505px;
  margin: 5px auto;
  width: 100%;
  position: relative;
}
/* line 365, ../../scss/style.scss */
.sec3 .text4 .chart .img img {
  width: 100%;
}
/* line 368, ../../scss/style.scss */
.sec3 .text4 .chart .img p {
  position: absolute;
  top: 0;
  color: #fff;
}
/* line 373, ../../scss/style.scss */
.sec3 .text4 .chart .img p.p1 {
  top: 21%;
  left: 5%;
}
/* line 376, ../../scss/style.scss */
.sec3 .text4 .chart .img p.p1 span {
  padding-left: 28px;
}
/* line 380, ../../scss/style.scss */
.sec3 .text4 .chart .img p.p2 {
  top: 60%;
  left: 5%;
}
/* line 383, ../../scss/style.scss */
.sec3 .text4 .chart .img p.p2 span {
  padding-left: 12px;
}
/* line 388, ../../scss/style.scss */
.sec3 .text4 .chart p {
  font-size: 12pt;
  line-height: 13pt;
  text-align: left;
}
/* line 393, ../../scss/style.scss */
.sec3 .text4 .chart p.comment {
  font-size: 10pt;
  line-height: 12pt;
  margin: 10px 0 0;
  text-align: right;
}
/* line 400, ../../scss/style.scss */
.sec3 .text4 .right {
  padding-top: 20px;
  font-size: 12pt;
  line-height: 13pt;
}
/* line 406, ../../scss/style.scss */
.sec3 .video {
  background: #b6df81;
  padding: 0 10px;
}
/* line 409, ../../scss/style.scss */
.sec3 .video iframe {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1024px;
}

/* line 418, ../../scss/style.scss */
.sec4 .title {
  background: #9b8d80;
  text-align: right;
  margin-bottom: -71px;
}
/* line 422, ../../scss/style.scss */
.sec4 .title > div {
  padding: 10px;
}
/* line 425, ../../scss/style.scss */
.sec4 .title h2 {
  position: relative;
  font-size: 20pt;
  display: inline-block;
  color: #fff;
  top: -12px;
}
/* line 432, ../../scss/style.scss */
.sec4 .title img {
  position: relative;
  display: inline-block;
}
/* line 437, ../../scss/style.scss */
.sec4 .bg {
  margin-top: 71px;
}
/* line 440, ../../scss/style.scss */
.sec4 .text {
  padding: 10px 10px 20px;
  text-align: center;
}
/* line 443, ../../scss/style.scss */
.sec4 .text h2 {
  font-size: 18pt;
  margin: 10px 0;
  font-weight: bold;
}
/* line 448, ../../scss/style.scss */
.sec4 .text p {
  font-size: 12pt;
  line-height: 15pt;
}

/* line 455, ../../scss/style.scss */
.sec5 h1 {
  color: #fff;
  font-size: 22pt;
  line-height: 25pt;
  text-align: center;
  padding-bottom: 10px;
}
/* line 462, ../../scss/style.scss */
.sec5 .left {
  background: #5bcee3;
  padding: 10px 10px 20px;
  text-align: center;
}
/* line 466, ../../scss/style.scss */
.sec5 .left a {
  display: inline-block;
}
/* line 468, ../../scss/style.scss */
.sec5 .left a img {
  display: block;
}
/* line 472, ../../scss/style.scss */
.sec5 .left a.icon1 {
  margin-right: 10px;
}
/* line 475, ../../scss/style.scss */
.sec5 .left h1 {
  color: #000;
}
/* line 478, ../../scss/style.scss */
.sec5 .left p {
  margin-top: 10px;
}
/* line 482, ../../scss/style.scss */
.sec5 .right {
  background: #89cbee;
  padding: 10px 10px 20px;
  text-align: center;
}
/* line 486, ../../scss/style.scss */
.sec5 .right a {
  display: inline-block;
}
/* line 488, ../../scss/style.scss */
.sec5 .right a img {
  display: block;
}
/* line 492, ../../scss/style.scss */
.sec5 .right p {
  margin-top: 10px;
}

/* line 497, ../../scss/style.scss */
.sec6 {
  background: #6db0b6;
  padding: 10px 0;
  text-align: center;
}
/* line 501, ../../scss/style.scss */
.sec6 .item {
  display: inline-block;
  max-width: 280px;
  vertical-align: top;
  padding: 10px;
}
/* line 506, ../../scss/style.scss */
.sec6 .item p {
  margin-top: 10px;
  font-size: 17px;
  color: #FFF;
}

/* line 513, ../../scss/style.scss */
.sec7 {
  background-color: #89cbee;
  padding: 20px 0;
}
/* line 516, ../../scss/style.scss */
.sec7 ol {
  max-width: 1000px;
  margin: 0 auto;
  font-size: 13px;
  padding-left: 20px;
}

@media screen and (min-width: 350px) {
  /* line 527, ../../scss/style.scss */
  .sec3 .title h2 {
    font-size: 15pt;
  }

  /* line 534, ../../scss/style.scss */
  .section .title h1 {
    font-size: 21pt;
  }
}
@media screen and (min-width: 400px) {
  /* line 543, ../../scss/style.scss */
  .section .title h1 {
    font-size: 26pt;
  }
  /* line 548, ../../scss/style.scss */
  .section .recom h5 {
    font-size: 13pt;
  }
  /* line 553, ../../scss/style.scss */
  .section .recom .table .product h2 {
    font-size: 20pt;
  }
  /* line 556, ../../scss/style.scss */
  .section .recom .table .product p {
    font-size: 13pt;
    line-height: 17pt;
  }
  /* line 560, ../../scss/style.scss */
  .section .recom .table .product a {
    font-size: 13pt;
    line-height: 17pt;
  }

  /* line 571, ../../scss/style.scss */
  .sec1 .text h2 {
    font-size: 18pt;
    line-height: 22pt;
  }
  /* line 575, ../../scss/style.scss */
  .sec1 .text p {
    font-size: 13pt;
    line-height: 17pt;
  }

  /* line 583, ../../scss/style.scss */
  .sec2 .text1 h2 {
    font-size: 19pt;
  }
  /* line 586, ../../scss/style.scss */
  .sec2 .text1 h3 {
    font-size: 15pt;
  }
  /* line 589, ../../scss/style.scss */
  .sec2 .text1 p {
    font-size: 13pt;
    line-height: 17pt;
  }
  /* line 597, ../../scss/style.scss */
  .sec2 .text2 .table .block p {
    font-size: 13pt;
    line-height: 17pt;
  }
  /* line 605, ../../scss/style.scss */
  .sec2 .text3 h1 {
    font-size: 22pt;
  }
  /* line 608, ../../scss/style.scss */
  .sec2 .text3 p {
    font-size: 13pt;
    line-height: 17pt;
  }

  /* line 616, ../../scss/style.scss */
  .sec3 .title h2 {
    font-size: 18pt;
  }
  /* line 621, ../../scss/style.scss */
  .sec3 .text h2 {
    font-size: 20pt;
  }
  /* line 624, ../../scss/style.scss */
  .sec3 .text p {
    font-size: 13pt;
    line-height: 17pt;
  }
  /* line 632, ../../scss/style.scss */
  .sec3 .text2 .table .block p {
    font-size: 13pt;
    line-height: 17pt;
  }
  /* line 642, ../../scss/style.scss */
  .sec3 .text4 .chart .img p.p1 {
    top: 22%;
  }
  /* line 645, ../../scss/style.scss */
  .sec3 .text4 .chart .img p.p2 {
    top: 61%;
  }
  /* line 649, ../../scss/style.scss */
  .sec3 .text4 .chart p {
    font-size: 13pt;
    line-height: 18pt;
  }
  /* line 654, ../../scss/style.scss */
  .sec3 .text4 .right {
    font-size: 13pt;
    line-height: 18pt;
  }

  /* line 662, ../../scss/style.scss */
  .sec4 .text h2 {
    font-size: 20pt;
  }
  /* line 665, ../../scss/style.scss */
  .sec4 .text p {
    font-size: 13pt;
    line-height: 17pt;
  }

  /* line 672, ../../scss/style.scss */
  .sec5 h1 {
    font-size: 24pt;
    line-height: 30pt;
  }
  /* line 677, ../../scss/style.scss */
  .sec5 .left a.icon1 {
    margin-right: 40px;
    width: 126px;
    height: 115px;
  }
  /* line 681, ../../scss/style.scss */
  .sec5 .left a.icon1 img {
    width: 126px;
    height: 115px;
    animation: zoomOut1 0.2s;
    -moz-animation: zoomOut1 0.2s;
    -webkit-animation: zoomOut1 0.2s;
    -o-animation: zoomOut1 0.2s;
  }
  /* line 688, ../../scss/style.scss */
  .sec5 .left a.icon1 img:hover {
    width: 152px;
    height: 137px;
    margin: -13px -11px;
    animation: zoomIn1 0.2s;
    -moz-animation: zoomIn1 0.2s;
    -webkit-animation: zoomIn1 0.2s;
    -o-animation: zoomIn1 0.2s;
  }
  /* line 699, ../../scss/style.scss */
  .sec5 .left a.icon2 {
    width: 136px;
    height: 110px;
  }
  /* line 702, ../../scss/style.scss */
  .sec5 .left a.icon2 img {
    width: 136px;
    height: 110px;
    animation: zoomOut2 0.2s;
    -moz-animation: zoomOut2 0.2s;
    -webkit-animation: zoomOut2 0.2s;
    -o-animation: zoomOut2 0.2s;
  }
  /* line 709, ../../scss/style.scss */
  .sec5 .left a.icon2 img:hover {
    width: 164px;
    height: 132px;
    margin: -14px -11px;
    animation: zoomIn2 0.2s;
    -moz-animation: zoomIn2 0.2s;
    -webkit-animation: zoomIn2 0.2s;
    -o-animation: zoomIn2 0.2s;
  }
  /* line 722, ../../scss/style.scss */
  .sec5 .right a {
    width: 197px;
    height: 115px;
  }
  /* line 725, ../../scss/style.scss */
  .sec5 .right a img {
    width: 197px;
    height: 115px;
    animation: zoomOut3 0.2s;
    -moz-animation: zoomOut3 0.2s;
    -webkit-animation: zoomOut3 0.2s;
    -o-animation: zoomOut3 0.2s;
  }
  /* line 732, ../../scss/style.scss */
  .sec5 .right a img:hover {
    width: 237px;
    height: 137px;
    margin: -20px -11px;
    animation: zoomIn3 0.2s;
    -moz-animation: zoomIn3 0.2s;
    -webkit-animation: zoomIn3 0.2s;
    -o-animation: zoomIn3 0.2s;
  }
}
@media screen and (min-width: 430px) {
  /* line 749, ../../scss/style.scss */
  .sec3 .title h2 {
    font-size: 20pt;
  }
}
@media screen and (min-width: 500px) {
  /* line 758, ../../scss/style.scss */
  .section .recom h5 {
    font-size: 13pt;
    text-align: left;
  }
  /* line 762, ../../scss/style.scss */
  .section .recom .table {
    text-align: center;
  }
  /* line 764, ../../scss/style.scss */
  .section .recom .table .product {
    width: 43%;
    max-width: 200px;
    margin: 0 10px;
    display: inline-block;
    vertical-align: top;
  }
  /* line 770, ../../scss/style.scss */
  .section .recom .table .product h2 {
    font-size: 20pt;
    text-align: left;
  }
  /* line 774, ../../scss/style.scss */
  .section .recom .table .product p {
    line-height: 18pt;
    text-align: left;
  }
  /* line 778, ../../scss/style.scss */
  .section .recom .table .product a {
    line-height: 18pt;
    text-align: left;
  }

  /* line 789, ../../scss/style.scss */
  .sec1 .text h2 {
    font-size: 20pt;
    line-height: 25pt;
  }
  /* line 793, ../../scss/style.scss */
  .sec1 .text p {
    line-height: 18pt;
  }

  /* line 800, ../../scss/style.scss */
  .sec2 .text1 h2 {
    font-size: 20pt;
  }
  /* line 803, ../../scss/style.scss */
  .sec2 .text1 h3 {
    font-size: 16pt;
  }
  /* line 806, ../../scss/style.scss */
  .sec2 .text1 p {
    line-height: 18pt;
  }
  /* line 811, ../../scss/style.scss */
  .sec2 .text2 h2 {
    font-size: 18pt;
    line-height: 23pt;
  }
  /* line 817, ../../scss/style.scss */
  .sec2 .text2 .table .block h4 {
    font-size: 15pt;
  }
  /* line 820, ../../scss/style.scss */
  .sec2 .text2 .table .block p {
    font-size: 13pt;
    line-height: 17pt;
  }
  /* line 828, ../../scss/style.scss */
  .sec2 .text3 h1 {
    font-size: 22pt;
  }
  /* line 831, ../../scss/style.scss */
  .sec2 .text3 p {
    line-height: 18pt;
  }

  /* line 838, ../../scss/style.scss */
  .sec3 .text p {
    line-height: 18pt;
  }
  /* line 843, ../../scss/style.scss */
  .sec3 .text2 h2 {
    font-size: 18pt;
    line-height: 23pt;
  }
  /* line 849, ../../scss/style.scss */
  .sec3 .text2 .table .block h4 {
    font-size: 15pt;
  }
  /* line 852, ../../scss/style.scss */
  .sec3 .text2 .table .block p {
    font-size: 13pt;
    line-height: 17pt;
  }
  /* line 861, ../../scss/style.scss */
  .sec3 .text4 .chart h4 {
    font-size: 15pt;
  }
  /* line 865, ../../scss/style.scss */
  .sec3 .text4 .chart .img p.p1 {
    top: 24%;
  }
  /* line 868, ../../scss/style.scss */
  .sec3 .text4 .chart .img p.p2 {
    top: 63%;
  }
  /* line 873, ../../scss/style.scss */
  .sec3 .text4 .right {
    font-size: 13pt;
    line-height: 17pt;
  }

  /* line 881, ../../scss/style.scss */
  .sec4 .text p {
    line-height: 18pt;
  }

  /* line 887, ../../scss/style.scss */
  .sec5 h1 {
    font-size: 30pt;
    line-height: 35pt;
  }
}
@media screen and (min-width: 570px) {
  /* line 896, ../../scss/style.scss */
  .sec1 .bg .device3 {
    top: 47%;
  }
}
@media screen and (min-width: 610px) {
  /* line 906, ../../scss/style.scss */
  .sec1 .bg .device1 {
    top: 59%;
    left: 73%;
  }
  /* line 910, ../../scss/style.scss */
  .sec1 .bg .device2 {
    top: 17%;
    left: 64%;
  }
  /* line 914, ../../scss/style.scss */
  .sec1 .bg .device3 {
    top: 50%;
    left: 35%;
  }
}
@media screen and (min-width: 720px) {
  /* line 924, ../../scss/style.scss */
  .sec1 .bg .device1 {
    top: 61%;
    left: 74%;
  }
  /* line 928, ../../scss/style.scss */
  .sec1 .bg .device2 {
    top: 18%;
    left: 64%;
  }
  /* line 932, ../../scss/style.scss */
  .sec1 .bg .device3 {
    top: 50%;
    left: 35%;
  }
}
@media screen and (min-width: 800px) {
  /* line 942, ../../scss/style.scss */
  .section .title h1 {
    width: auto;
    display: inline-block;
  }
}
@media screen and (min-width: 840px) {
  /* line 952, ../../scss/style.scss */
  .sec1 .bg .device1 {
    top: 63%;
    left: 75%;
  }
  /* line 956, ../../scss/style.scss */
  .sec1 .bg .device2 {
    top: 22%;
    left: 64%;
  }
  /* line 960, ../../scss/style.scss */
  .sec1 .bg .device3 {
    top: 53%;
    left: 36%;
  }
}
@media screen and (min-width: 960px) {
  /* line 970, ../../scss/style.scss */
  .sec1 .bg .device1 {
    top: 64%;
    left: 75%;
  }
  /* line 974, ../../scss/style.scss */
  .sec1 .bg .device2 {
    top: 26%;
    left: 64%;
  }
  /* line 978, ../../scss/style.scss */
  .sec1 .bg .device3 {
    top: 54%;
    left: 37%;
  }
}
@media screen and (min-width: 1024px) {
  /* line 986, ../../scss/style.scss */
  .web {
    display: block;
  }

  /* line 989, ../../scss/style.scss */
  .mobile {
    display: none;
  }

  /* line 992, ../../scss/style.scss */
  .section {
    width: 100%;
  }
  /* line 994, ../../scss/style.scss */
  .section > .bg, .section > .bg1, .section > .bg2 {
    width: 100%;
    overflow: hidden;
  }
  /* line 997, ../../scss/style.scss */
  .section > .bg > .bgimg, .section > .bg1 > .bgimg, .section > .bg2 > .bgimg {
    width: 1920px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    z-index: -1;
  }
  /* line 1005, ../../scss/style.scss */
  .section img {
    display: inline-block;
  }
  /* line 1008, ../../scss/style.scss */
  .section a {
    text-decoration: none;
  }
  /* line 1011, ../../scss/style.scss */
  .section .recom {
    width: 1024px;
    margin: 0 auto;
    padding: 10px 0 15px;
  }
  /* line 1016, ../../scss/style.scss */
  .section .recom .table .product {
    width: 500px;
    max-width: 500px;
    margin: 0;
    display: inline-block;
  }
  /* line 1021, ../../scss/style.scss */
  .section .recom .table .product img {
    display: inline-block;
    margin: 0;
    width: 135px;
  }
  /* line 1026, ../../scss/style.scss */
  .section .recom .table .product div {
    vertical-align: top;
    width: 345px;
    display: inline-block;
    padding-top: 25px;
  }
  /* line 1031, ../../scss/style.scss */
  .section .recom .table .product div h2 {
    width: 100%;
    margin: 0;
  }
  /* line 1035, ../../scss/style.scss */
  .section .recom .table .product div p {
    width: 100%;
    margin: 0;
  }

  /* line 1048, ../../scss/style.scss */
  .sec1 .logo {
    left: 50%;
    margin-left: -500px;
  }
  /* line 1052, ../../scss/style.scss */
  .sec1 .bg {
    height: 466px;
  }
  /* line 1054, ../../scss/style.scss */
  .sec1 .bg > a {
    width: 100px;
  }
  /* line 1056, ../../scss/style.scss */
  .sec1 .bg > a img {
    width: 96px;
  }
  /* line 1059, ../../scss/style.scss */
  .sec1 .bg > a p {
    font-size: 14px;
    font-weight: bold;
    position: absolute;
  }
  /* line 1065, ../../scss/style.scss */
  .sec1 .bg .device1 {
    top: 50%;
    left: 50%;
    margin-left: -190px;
    margin-top: 57px;
  }
  /* line 1070, ../../scss/style.scss */
  .sec1 .bg .device1 p {
    width: 120px;
    margin-left: -14px;
  }
  /* line 1075, ../../scss/style.scss */
  .sec1 .bg .device2 {
    top: 50%;
    left: 50%;
    margin-left: -285px;
    margin-top: -135px;
  }
  /* line 1080, ../../scss/style.scss */
  .sec1 .bg .device2 p {
    width: 200px;
    left: -200px;
  }
  /* line 1085, ../../scss/style.scss */
  .sec1 .bg .device3 {
    top: 50%;
    left: 50%;
    margin-left: -480px;
    margin-top: 20px;
  }
  /* line 1090, ../../scss/style.scss */
  .sec1 .bg .device3 p {
    width: 130px;
    margin-left: -14px;
    margin-top: -15px;
  }
  /* line 1097, ../../scss/style.scss */
  .sec1 .text {
    background: transparent;
    padding: 100px 0 0 40px;
    text-align: left;
    position: absolute;
    left: 50%;
    width: 460px;
    top: 0;
  }
  /* line 1105, ../../scss/style.scss */
  .sec1 .text h2 {
    font-size: 21pt;
    line-height: 25pt;
  }

  /* line 1111, ../../scss/style.scss */
  .sec2 {
    position: relative;
  }
  /* line 1114, ../../scss/style.scss */
  .sec2 .title > div {
    width: 988px;
    margin: 0 auto;
  }
  /* line 1119, ../../scss/style.scss */
  .sec2 .bg1 {
    height: 470px;
  }
  /* line 1122, ../../scss/style.scss */
  .sec2 .text1 {
    background: transparent;
    padding: 80px 0 0 10px;
    text-align: left;
    width: 460px;
    left: 50%;
    margin-left: -500px;
    top: 0;
    position: absolute;
  }
  /* line 1131, ../../scss/style.scss */
  .sec2 .text1 h2 {
    font-size: 23pt;
    line-height: 27pt;
  }
  /* line 1135, ../../scss/style.scss */
  .sec2 .text1 h3 {
    font-size: 22pt;
    line-height: 25pt;
  }
  /* line 1140, ../../scss/style.scss */
  .sec2 .text2 {
    padding: 10px 0 20px;
    text-align: center;
  }
  /* line 1143, ../../scss/style.scss */
  .sec2 .text2 h2 {
    font-size: 21pt;
    line-height: 25pt;
    width: 1010px;
    margin: 0 auto;
  }
  /* line 1149, ../../scss/style.scss */
  .sec2 .text2 .table {
    width: 1008px;
    display: block;
    margin: 0 auto;
  }
  /* line 1153, ../../scss/style.scss */
  .sec2 .text2 .table .block {
    margin: 10px 10px 15px;
    display: inline-block;
    vertical-align: top;
    width: auto;
  }
  /* line 1158, ../../scss/style.scss */
  .sec2 .text2 .table .block h2 {
    font-size: 18pt;
    line-height: 22pt;
  }
  /* line 1165, ../../scss/style.scss */
  .sec2 .bg2 {
    height: 632px;
  }
  /* line 1168, ../../scss/style.scss */
  .sec2 .text3 {
    width: 1000px;
    margin: 0 auto;
    padding: 10px 0 20px;
    text-align: center;
  }
  /* line 1173, ../../scss/style.scss */
  .sec2 .text3 h1 {
    font-size: 32pt;
  }

  /* line 1178, ../../scss/style.scss */
  .sec3 {
    position: relative;
  }
  /* line 1181, ../../scss/style.scss */
  .sec3 .title > div {
    width: 988px;
    margin: 0 auto;
  }
  /* line 1185, ../../scss/style.scss */
  .sec3 .title h2 {
    padding-right: 5px;
  }
  /* line 1189, ../../scss/style.scss */
  .sec3 .bg {
    height: 697px;
  }
  /* line 1192, ../../scss/style.scss */
  .sec3 .text {
    padding: 160px 0 0;
    text-align: left;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -500px;
    width: 500px;
  }
  /* line 1200, ../../scss/style.scss */
  .sec3 .text h2 {
    color: #fff;
    font-size: 30pt;
  }
  /* line 1204, ../../scss/style.scss */
  .sec3 .text p {
    color: #fff;
  }
  /* line 1208, ../../scss/style.scss */
  .sec3 .text2 {
    padding: 10px 0 20px;
    text-align: center;
  }
  /* line 1211, ../../scss/style.scss */
  .sec3 .text2 h2 {
    font-size: 21pt;
    line-height: 25pt;
    width: 1000px;
    margin: 0 auto;
  }
  /* line 1217, ../../scss/style.scss */
  .sec3 .text2 .table {
    width: 1010px;
    display: block;
    margin: 0 auto;
    vertical-align: top;
  }
  /* line 1222, ../../scss/style.scss */
  .sec3 .text2 .table .block {
    margin: 10px 10px 15px;
    display: inline-block;
    vertical-align: top;
    width: auto;
  }
  /* line 1227, ../../scss/style.scss */
  .sec3 .text2 .table .block h2 {
    font-size: 18pt;
    line-height: 22pt;
  }
  /* line 1234, ../../scss/style.scss */
  .sec3 .text4 {
    width: 1024px;
    margin: 0 auto;
  }
  /* line 1237, ../../scss/style.scss */
  .sec3 .text4 .chart {
    display: inline-block;
    margin-left: 10px;
  }
  /* line 1241, ../../scss/style.scss */
  .sec3 .text4 .right {
    display: inline-block;
    width: 500px;
    vertical-align: top;
    padding: 0;
    text-align: left;
    height: 233px;
  }
  /* line 1248, ../../scss/style.scss */
  .sec3 .text4 .right p {
    margin: 19% 0 0 20px;
  }
  /* line 1253, ../../scss/style.scss */
  .sec3 .recom .table .product {
    width: 330px;
    margin-top: 10px;
  }
  /* line 1256, ../../scss/style.scss */
  .sec3 .recom .table .product img {
    width: 110px;
  }
  /* line 1259, ../../scss/style.scss */
  .sec3 .recom .table .product div {
    width: 210px;
    padding-top: 0;
  }
  /* line 1264, ../../scss/style.scss */
  .sec3 .video {
    padding: 0;
  }

  /* line 1268, ../../scss/style.scss */
  .sec4 {
    position: relative;
  }
  /* line 1271, ../../scss/style.scss */
  .sec4 .title > div {
    width: 988px;
    margin: 0 auto;
  }
  /* line 1275, ../../scss/style.scss */
  .sec4 .title h2 {
    padding-right: 5px;
  }
  /* line 1279, ../../scss/style.scss */
  .sec4 .bg {
    height: 647px;
  }
  /* line 1282, ../../scss/style.scss */
  .sec4 .text {
    padding: 160px 0 0;
    text-align: left;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -500px;
    width: 500px;
  }
  /* line 1290, ../../scss/style.scss */
  .sec4 .text h2 {
    font-size: 30pt;
  }
  /* line 1294, ../../scss/style.scss */
  .sec4 .recom .table .product {
    width: 330px;
    margin-top: 10px;
  }
  /* line 1297, ../../scss/style.scss */
  .sec4 .recom .table .product img {
    width: 110px;
  }
  /* line 1300, ../../scss/style.scss */
  .sec4 .recom .table .product div {
    width: 210px;
    padding-top: 0;
  }

  /* line 1306, ../../scss/style.scss */
  .sec5 {
    position: relative;
  }
  /* line 1308, ../../scss/style.scss */
  .sec5 h1 {
    padding-bottom: 30px;
  }
  /* line 1311, ../../scss/style.scss */
  .sec5 .left {
    padding: 60px 0 45px;
    width: 50%;
    display: block;
    text-align: right;
  }
  /* line 1312, ../../scss/style.scss */
  .sec5 .left > div {
    width: 500px;
    display: inline-block;
    text-align: center;
  }
  /* line 1322, ../../scss/style.scss */
  .sec5 .right {
    width: 50%;
    display: block;
    padding: 60px 0 50px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: left;
  }
  /* line 1330, ../../scss/style.scss */
  .sec5 .right > div {
    width: 500px;
    display: inline-block;
    text-align: center;
  }
}
@keyframes star {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
@-moz-keyframes star {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
@-webkit-keyframes star {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
@-o-keyframes star {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
@keyframes zoomIn1 {
  0% {
    width: 126px;
    height: 115px;
    margin: 0;
  }
  100% {
    width: 152px;
    height: 137px;
    margin: -13px -11px;
  }
}
@-moz-keyframes zoomIn1 {
  0% {
    width: 126px;
    height: 115px;
    margin: 0;
  }
  100% {
    width: 152px;
    height: 137px;
    margin: -13px -11px;
  }
}
@-webkit-keyframes zoomIn1 {
  0% {
    width: 126px;
    height: 115px;
    margin: 0;
  }
  100% {
    width: 152px;
    height: 137px;
    margin: -13px -11px;
  }
}
@-o-keyframes zoomIn1 {
  0% {
    width: 126px;
    height: 115px;
    margin: 0;
  }
  100% {
    width: 152px;
    height: 137px;
    margin: -13px -11px;
  }
}
@keyframes zoomOut1 {
  0% {
    width: 152px;
    height: 137px;
    margin: -13px -11px;
  }
  100% {
    width: 126px;
    height: 115px;
    margin: 0;
  }
}
@-moz-keyframes zoomOut1 {
  0% {
    width: 152px;
    height: 137px;
    margin: -13px -11px;
  }
  100% {
    width: 126px;
    height: 115px;
    margin: 0;
  }
}
@-webkit-keyframes zoomOut1 {
  0% {
    width: 152px;
    height: 137px;
    margin: -13px -11px;
  }
  100% {
    width: 126px;
    height: 115px;
    margin: 0;
  }
}
@-o-keyframes zoomOut1 {
  0% {
    width: 152px;
    height: 137px;
    margin: -13px -11px;
  }
  100% {
    width: 126px;
    height: 115px;
    margin: 0;
  }
}
@keyframes zoomIn2 {
  0% {
    width: 136px;
    height: 110px;
    margin: 0;
  }
  100% {
    width: 164px;
    height: 132px;
    margin: -14px -11px;
  }
}
@-moz-keyframes zoomIn2 {
  0% {
    width: 136px;
    height: 110px;
    margin: 0;
  }
  100% {
    width: 164px;
    height: 132px;
    margin: -14px -11px;
  }
}
@-webkit-keyframes zoomIn2 {
  0% {
    width: 136px;
    height: 110px;
    margin: 0;
  }
  100% {
    width: 164px;
    height: 132px;
    margin: -14px -11px;
  }
}
@-o-keyframes zoomIn2 {
  0% {
    width: 136px;
    height: 110px;
    margin: 0;
  }
  100% {
    width: 164px;
    height: 132px;
    margin: -14px -11px;
  }
}
@keyframes zoomOut2 {
  0% {
    width: 164px;
    height: 132px;
    margin: -14px -11px;
  }
  100% {
    width: 136px;
    height: 110px;
    margin: 0;
  }
}
@-moz-keyframes zoomOut2 {
  0% {
    width: 164px;
    height: 132px;
    margin: -14px -11px;
  }
  100% {
    width: 136px;
    height: 110px;
    margin: 0;
  }
}
@-webkit-keyframes zoomOut2 {
  0% {
    width: 164px;
    height: 132px;
    margin: -14px -11px;
  }
  100% {
    width: 136px;
    height: 110px;
    margin: 0;
  }
}
@-o-keyframes zoomOut2 {
  0% {
    width: 164px;
    height: 132px;
    margin: -14px -11px;
  }
  100% {
    width: 136px;
    height: 110px;
    margin: 0;
  }
}
@keyframes zoomIn3 {
  0% {
    width: 197px;
    height: 115px;
    margin: 0;
  }
  100% {
    width: 237px;
    height: 137px;
    margin: -20px -11px;
  }
}
@-moz-keyframes zoomIn3 {
  0% {
    width: 197px;
    height: 115px;
    margin: 0;
  }
  100% {
    width: 237px;
    height: 137px;
    margin: -20px -11px;
  }
}
@-webkit-keyframes zoomIn3 {
  0% {
    width: 197px;
    height: 115px;
    margin: 0;
  }
  100% {
    width: 237px;
    height: 137px;
    margin: -20px -11px;
  }
}
@-o-keyframes zoomIn3 {
  0% {
    width: 197px;
    height: 115px;
    margin: 0;
  }
  100% {
    width: 237px;
    height: 137px;
    margin: -20px -11px;
  }
}
@keyframes zoomOut3 {
  0% {
    width: 237px;
    height: 137px;
    margin: -20px -11px;
  }
  100% {
    width: 197px;
    height: 115px;
    margin: 0;
  }
}
@-moz-keyframes zoomOut3 {
  0% {
    width: 237px;
    height: 137px;
    margin: -20px -11px;
  }
  100% {
    width: 197px;
    height: 115px;
    margin: 0;
  }
}
@-webkit-keyframes zoomOut3 {
  0% {
    width: 237px;
    height: 137px;
    margin: -20px -11px;
  }
  100% {
    width: 197px;
    height: 115px;
    margin: 0;
  }
}
@-o-keyframes zoomOut3 {
  0% {
    width: 237px;
    height: 137px;
    margin: -20px -11px;
  }
  100% {
    width: 197px;
    height: 115px;
    margin: 0;
  }
}