/***
for Z240IC
create 2015/5/22
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/index/style.scss */
#Z240IC {
  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/index/_main.scss */
#Z240IC img {
  display: inline-block;
  max-width: 100%; }

/* line 12, ../../../../../../../scss/index/_main.scss */
#Z240IC .nowrap {
  white-space: nowrap; }

/* line 16, ../../../../../../../scss/index/_main.scss */
#Z240IC > section > .page {
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  padding: 50px 0;
  position: relative; }

/* line 22, ../../../../../../../scss/index/_main.scss */
#Z240IC > section > .page h1 {
  font-size: 24px;
  font-family: "MyriadPro-Light", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
  font-weight: normal;
  letter-spacing: 0.026em;
  line-height: 1.38; }

#Z240IC > section > .page h2 {
  font-size: 24px;
  font-family: "MyriadPro-Light", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
  font-weight: normal;
  letter-spacing: 0.026em;
  line-height: 1.38; }

/* line 29, ../../../../../../../scss/index/_main.scss */
#Z240IC > section > .page p, #Z240IC > section > .page a {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1.45;
  letter-spacing: 0.026em; }

/* line 35, ../../../../../../../scss/index/_main.scss */
#Z240IC > section > .page a.learnMore {
  padding-top: 10px;
  display: inline-block; }

/* line 39, ../../../../../../../scss/index/_main.scss */
#Z240IC > section > .page span {
  font-size: 15px;
  line-height: 1.2; }

/* line 43, ../../../../../../../scss/index/_main.scss */
#Z240IC > section > .page > .text {
  padding: 0 20px;
  text-align: center; }

/* line 47, ../../../../../../../scss/index/_main.scss */
#Z240IC > section > .page > .iconList {
  text-align: center;
  margin-top: 20px; }

/* line 50, ../../../../../../../scss/index/_main.scss */
#Z240IC > section > .page > .iconList > .icon {
  display: block;
  vertical-align: top;
  text-align: center;
  padding: 10px 0; }

/* line 55, ../../../../../../../scss/index/_main.scss */
#Z240IC > section > .page > .iconList > .icon > h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  line-height: 1;
  display: inline-block;
  font-family: "MyriadPro-LightCond", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
  white-space: nowrap;
  letter-spacing: 0.008em; }

/* line 65, ../../../../../../../scss/index/_main.scss */
#Z240IC > section > .page > .iconList > .icon > h2 {
  display: inline-block;
  font-size: 20px;
  letter-spacing: 0.0757575em;
  line-height: 1;
  font-family: "MyriadPro-LightSemiCn", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
  margin-left: 2px;
  text-align: left;
  white-space: nowrap; }

/* line 75, ../../../../../../../scss/index/_main.scss */
#Z240IC > section > .page > .iconList > .icon > span {
  display: block;
  font-size: 12px;
  font-family: "MyriadPro-Light", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
  letter-spacing: 0.1529411em; }

/* line 83, ../../../../../../../scss/index/_main.scss */
#Z240IC > section > .page > .fg {
  padding: 20px 20px 0 20px;
  margin: 0 auto; }

/* line 2, ../../../../../../../scss/index/_overview.scss */
#Z240IC #lightboxYoutube {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000; }

/* line 10, ../../../../../../../scss/index/_overview.scss */
#Z240IC #lightboxYoutube .bg {
  width: 100%;
  height: 100%;
  background-image: url(../../img/index/ui/dotB70.png); }

/* line 15, ../../../../../../../scss/index/_overview.scss */
#Z240IC #lightboxYoutube iframe {
  position: absolute;
  left: 15%;
  top: 15%;
  width: 70%;
  height: 70%; }

/* line 26, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section00 > .page .links a {
  font-size: 14px;
  display: inline-block;
  padding: 5px;
  line-height: 20px;
  padding-right: 25px;
  background-image: url(../../img/index/ui/play.png);
  background-repeat: no-repeat;
  background-position: right center; }

/* line 37, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section00 > .page .links .bar {
  display: none; }

/* line 46, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section03 > .page .links a {
  display: inline-block;
  margin: 20px 10px; }

/* line 49, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section03 > .page .links a .hover {
  display: none; }

/* line 52, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section03 > .page .links a span {
  display: block;
  width: 120px;
  position: relative;
  left: 50%;
  margin-left: -60px;
  font-size: 13px;
  color: #999;
  line-height: 3.4; }

/* line 63, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section03 > .page .links a:hover .defaule, #Z240IC > #section03 > .page .links a.active .defaule {
  display: none; }

/* line 66, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section03 > .page .links a:hover .hover, #Z240IC > #section03 > .page .links a.active .hover {
  display: inline; }

/* line 72, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section03 > .page .title {
  font-size: 0;
  position: relative;
  margin: 0 20px;
  height: 60px; }

/* line 77, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section03 > .page .title .item {
  width: 45%;
  position: absolute;
  text-align: center; }

/* line 81, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section03 > .page .title .item span {
  font-size: 40px; }

/* line 85, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section03 > .page .title .itemL {
  left: 0%; }

/* line 88, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section03 > .page .title .itemR {
  left: 55%; }

/* line 92, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section03 > .page .ani {
  font-size: 0;
  position: relative;
  margin: 0 20px;
  height: 0;
  padding-bottom: 25%; }

/* line 98, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section03 > .page .ani .item {
  width: 46%;
  position: absolute; }

/* line 101, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section03 > .page .ani .item .bg {
  width: 100%; }

/* line 104, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section03 > .page .ani .item .glass {
  display: none;
  width: 30%;
  height: 0;
  padding-bottom: 30%;
  margin: -15%;
  position: absolute;
  top: 0;
  left: 0; }

/* line 113, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section03 > .page .ani .item .glass .zoom {
  border: #FFF solid 5px;
  margin: -5px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%; }

/* line 121, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section03 > .page .ani .item .glass .zoom img {
  max-width: none !important;
  width: 666%;
  position: absolute;
  left: 0;
  top: 0; }

/* line 127, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section03 > .page .ani .item .glass .zoom img:hover {
  cursor: url(../../img/index/ui/dot0.png), default; }

/* line 134, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section03 > .page .ani .itemL {
  left: 0.3%; }

/* line 137, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section03 > .page .ani .itemR {
  left: 53.5%; }

/* line 145, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section05 > .page .windows {
  font-size: 50px;
  line-height: 1;
  margin-top: 20px; }

/* line 157, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section06 > .page > .text h1 img {
  display: block;
  margin: 0 auto; }

/* line 169, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section07 > .page .links a {
  font-size: 14px;
  display: inline-block;
  padding: 5px;
  line-height: 20px; }

/* line 174, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section07 > .page .links a.play {
  padding-right: 25px;
  background-image: url(../../img/index/ui/play.png);
  background-repeat: no-repeat;
  background-position: right center; }

/* line 186, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .cardText {
  width: 280px;
  height: 0px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  top: 10px; }

/* line 193, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .cardText h1 {
  margin-top: 0; }

/* line 199, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .text0 h1 img {
  height: 90px; }

/* line 204, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .cards {
  margin: 20px;
  margin-top: 17px;
  position: relative;
  padding-bottom: 60%; }

/* line 209, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .cards .card {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%; }

/* line 214, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .cards .card.active {
  display: block; }

/* line 219, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .cards .card1 img, #Z240IC > #section08 > .page .cards .card0 img {
  margin-top: 5%; }

/* line 224, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .cards .card2 .link, #Z240IC > #section08 > .page .cards .card3 .link {
  width: 42%;
  max-width: 133px;
  position: absolute;
  bottom: 10%;
  display: block; }

/* line 230, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .cards .card2 .link .QR, #Z240IC > #section08 > .page .cards .card2 .link .play, #Z240IC > #section08 > .page .cards .card3 .link .QR, #Z240IC > #section08 > .page .cards .card3 .link .play {
  display: block;
  margin: 0 auto; }

/* line 234, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .cards .card2 .link .play, #Z240IC > #section08 > .page .cards .card3 .link .play {
  margin-top: 5px; }

/* line 238, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .cards .card2 .bg, #Z240IC > #section08 > .page .cards .card3 .bg {
  height: 100%;
  position: relative; }

/* line 241, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .cards .card2 .bg img, #Z240IC > #section08 > .page .cards .card3 .bg img {
  position: absolute;
  bottom: 0;
  left: 0; }

/* line 249, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .cards .card2 .link {
  left: 0; }

/* line 252, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .cards .card2 .bg {
  margin-left: 133px; }

/* line 257, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .cards .card3 .link {
  right: 0; }

/* line 260, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .cards .card3 .bg {
  margin-right: 133px; }

/* line 262, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .cards .card3 .bg img {
  max-height: 100%; }

/* line 268, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .links {
  margin-top: 5px; }

/* line 270, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .links a, #Z240IC > #section08 > .page .links span {
  font-size: 14px;
  display: inline;
  margin: 10px;
  line-height: 30px; }

/* line 276, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .links .more {
  color: #111; }

/* line 279, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .links .back {
  display: none; }

/* line 283, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .icons {
  font-size: 0;
  margin-top: 20px;
  text-align: center; }

/* line 287, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .icons a {
  display: inline-block;
  position: relative;
  margin: 0 20px; }

/* line 291, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section08 > .page .icons a span {
  display: block;
  font-size: 17px;
  line-height: 34px;
  color: #000;
  width: 100px;
  position: relative;
  left: 50%;
  margin-left: -50px;
  text-align: center; }

/* line 308, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section09 > .page .windows {
  margin: 20px; }

/* line 314, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section10 > .page {
  background-color: #EEE; }

/* line 316, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section10 > .page .items {
  text-align: center; }

/* line 318, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section10 > .page .items .item {
  display: inline-block;
  max-width: 390px; }

/* line 322, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section10 > .page .items .item .title span {
  font-size: 25px;
  display: block;
  margin-bottom: 7px; }

/* line 327, ../../../../../../../scss/index/_overview.scss */
#Z240IC > #section10 > .page .items .item .title a {
  font-size: 17px;
  display: inline-block; }

@media screen and (min-width: 640px) {
  /* line 93, ../../../../../../../scss/index/_main.scss */
  #Z240IC > section > .page h1 {
    font-size: 42px; }
  /* line 96, ../../../../../../../scss/index/_main.scss */
  #Z240IC > section > .page p, #Z240IC > section > .page a {
    font-size: 18px; }
  /* line 99, ../../../../../../../scss/index/_main.scss */
  #Z240IC > section > .page a.learnMore {
    padding-top: 14px; }
  /* line 341, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section00 > .page .links {
    font-size: 0; }
  /* line 344, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section00 > .page .links a {
    font-size: 21px;
    padding-right: 30px;
    margin-left: 30px;
    margin-right: 32px; }
  /* line 350, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section00 > .page .links a.first {
    margin-left: 26px; }
  /* line 354, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section00 > .page .links a.last {
    margin-right: 0; }
  /* line 359, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section00 > .page .links .bar {
    display: inline-block;
    width: 1px;
    height: 20px;
    position: relative;
    top: 5px;
    background-color: #29abe2; }
  /* line 373, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section03 > .page > .links a {
    margin: 20px 75px; }
  /* line 375, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section03 > .page > .links a span {
    font-size: 16px; }
  /* line 378, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section03 > .page > .links a:first-child {
    margin-left: 0; }
  /* line 381, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section03 > .page > .links a:last-child {
    margin-right: 0; }
  /* line 391, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section07 > .page .links a {
    font-size: 21px;
    margin: 7px; }
  /* line 394, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section07 > .page .links a.play {
    padding-right: 30px; }
  /* line 403, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cardText {
    width: 500px; }
  /* line 408, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text0 h1 img {
    height: 160px; }
  /* line 413, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards {
    margin-top: 0; }
  /* line 416, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards .card3 .link {
    right: 6%; }
  /* line 419, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards .card3 .bg {
    left: 0; }
  /* line 425, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .links a, #Z240IC > #section08 > .page .links span {
    font-size: 20px; } }

@media screen and (min-width: 960px) {
  /* line 11, ../../../../../../../scss/index/style.scss */
  #Z240IC {
    padding-top: 0; }
  /* line 108, ../../../../../../../scss/index/_main.scss */
  #Z240IC > section > .page {
    text-align: left;
    padding: 0;
    height: 1000px; }
  /* line 112, ../../../../../../../scss/index/_main.scss */
  #Z240IC > section > .page h1 {
    font-size: 42px;
    margin: 20px auto 32px auto; }
  /* line 116, ../../../../../../../scss/index/_main.scss */
  #Z240IC > section > .page > .text {
    padding: 0;
    position: absolute;
    left: 50%; }
  /* line 121, ../../../../../../../scss/index/_main.scss */
  #Z240IC > section > .page > .iconList {
    position: absolute;
    left: 50%; }
  /* line 124, ../../../../../../../scss/index/_main.scss */
  #Z240IC > section > .page > .iconList > .icon {
    display: inline-block;
    padding: 0; }
  /* line 127, ../../../../../../../scss/index/_main.scss */
  #Z240IC > section > .page > .iconList > .icon h1 {
    font-size: 79px; }
  /* line 130, ../../../../../../../scss/index/_main.scss */
  #Z240IC > section > .page > .iconList > .icon h2 {
    font-size: 33px; }
  /* line 133, ../../../../../../../scss/index/_main.scss */
  #Z240IC > section > .page > .iconList > .icon span {
    font-size: 17px; }
  /* line 137, ../../../../../../../scss/index/_main.scss */
  #Z240IC > section > .page > .iconList > .icon:first-child {
    padding-left: 0; }
  /* line 140, ../../../../../../../scss/index/_main.scss */
  #Z240IC > section > .page > .iconList > .icon:last-child {
    padding-right: 0; }
  /* line 144, ../../../../../../../scss/index/_main.scss */
  #Z240IC > section > .page > .fg {
    padding: 0;
    position: absolute;
    left: 50%; } }

@media screen and (min-width: 721px) and (max-width: 959px) {
  #Z240IC > #section08 > .page > .text {
      width: 630px;
      margin-left: -315px;
      left: 50%;
      position: relative;
  }
}
@media screen and (min-width: 960px) and (max-width: 1299px) {
  /* line 435, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section00 > .page {
    height: 1000px; }
  /* line 438, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section00 > .page > .text {
    top: 271px;
    width: 900px;
    margin-left: -450px; }
  /* line 443, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section00 > .page > .text .title {
    margin-bottom: 38px; }
  /* line 448, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section00 > .page .links {
    position: absolute;
    left: 50%;
    width: 900px;
    margin-left: -450px;
    text-align: center;
    top: 440px; }
  /* line 457, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section00 > .page > .fg {
    width: 900px;
    top: 589px;
    margin-left: -450px; }
  /* line 466, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section01 > .page {
    height: 600px; }
  /* line 469, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section01 > .page > .text {
    top: 150px;
    width: 370px;
    margin-left: 60px;
    text-align: left; }
  /* line 476, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section01 > .page > .fg {
    width: 500px;
    top: 150px;
    margin-left: -450px; }
  /* line 485, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section02 > .page {
    height: 750px; }
  /* line 488, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section02 > .page > .text {
    top: 32px;
    width: 900px;
    margin-left: -450px; }
  /* line 494, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section02 > .page > .iconList {
    margin-left: -450px;
    top: 226px; }
  /* line 498, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section02 > .page > .iconList .icon1 {
    padding-right: 98px; }
  /* line 502, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section02 > .page > .iconList .icon2 {
    padding-right: 118px; }
  /* line 507, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section02 > .page > .fg {
    width: 900px;
    top: 399px;
    margin-left: -450px; }
  /* line 516, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section03 > .page {
    height: 800px; }
  /* line 519, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section03 > .page > .text {
    top: 34px;
    width: 900px;
    margin-left: -450px; }
  /* line 525, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section03 > .page > .links {
    position: absolute;
    left: 50%;
    top: 245px;
    width: 500px;
    margin-left: -257px;
    text-align: center; }
  /* line 533, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section03 > .page > .title {
    position: absolute;
    left: 50%;
    top: 388px;
    margin-left: -450px;
    width: 900px; }
  /* line 540, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section03 > .page > .ani {
    position: absolute;
    left: 50%;
    top: 450px;
    margin-left: -450px;
    width: 900px;
    padding-bottom: 360px; }
  /* line 552, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section04 > .page {
    height: 500px; }
  /* line 555, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section04 > .page > .text {
    top: 109px;
    left: 50%;
    width: 512px;
    margin-left: -459px;
    text-align: left; }
  /* line 562, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section04 > .page > .iconList {
    top: 456px;
    left: 50%;
    margin-left: -465px; }
  /* line 566, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section04 > .page > .iconList .icon1 {
    padding-right: 84px; }
  /* line 570, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section04 > .page > .iconList .icon2 {
    padding-right: 81px; }
  /* line 575, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section04 > .page > .fg {
    width: 500px;
    top: 50px;
    left: 50%;
    /*margin-left: -75px;*/ }
  /* line 584, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section05 > .page {
    height: 1040px; }
  /* line 587, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section05 > .page > .text {
    top: 159px;
    width: 900px;
    margin-left: -450px; }
  /* line 593, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section05 > .page > .windows {
    font-size: 72px;
    position: absolute;
    left: 50%;
    top: 400px;
    width: 900px;
    margin-left: -450px;
    text-align: center; }
  /* line 603, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section05 > .page > .iconList {
    margin-left: -400px;
    top: 505px; }
  /* line 607, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section05 > .page > .iconList .icon1 {
    padding-right: 115px; }
  /* line 611, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section05 > .page > .iconList .icon2 {
    padding-right: 115px; }
  /* line 615, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section05 > .page > .iconList .icon3 {
    padding-right: 119px; }
  /* line 620, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section05 > .page > .fg {
    width: 900px;
    top: 655px;
    margin-left: -450px; }
  /* line 629, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section06 > .page {
    height: 800px; }
  /* line 632, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section06 > .page > .text {
    top: 240px;
    width: 450px;
    margin-left: 0px;
    text-align: left; }
  /* line 639, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section06 > .page > .text h1 img {
    margin-left: 5px;
    margin-bottom: 12px; }
  /* line 645, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section06 > .page > .iconList {
    margin-left: 0px;
    top: 700px; }
  /* line 649, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section06 > .page > .iconList .icon1 {
    padding-right: 97px; }
  /* line 654, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section06 > .page > .fg {
    width: 550px;
    top: 350px;
    margin-left: -480px; }
  /* line 663, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section07 > .page {
    height: 700px; }
  /* line 666, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section07 > .page > .text {
    top: 149px;
    width: 450px;
    margin-left: -450px;
    text-align: left; }
  /* line 671, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section07 > .page > .text p {
    width: 409px; }
  /* line 675, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section07 > .page .links {
    position: absolute;
    left: 50%;
    width: 400px;
    margin-left: -462px;
    top: 580px; }
  /* line 682, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section07 > .page > .fg {
    width: 500px;
    top: 120px;
    margin-left: -50px; }
  /* line 691, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page {
    height: 909px; }
  /* line 694, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page > .text {
    top: 73px;
    width: 820px;
    margin-left: -410px; }
  /* line 700, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cardText h1 {
    margin-bottom: 14px; }
  /* line 703, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cardText p {
    font-size: 19px;
    line-height: 30px; }
  /* line 708, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text0 {
    width: 298px;
    top: 390px;
    margin-left: -450px; }
  /* line 713, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text0 h1 img {
    height: 247px; }
  /* line 718, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text1 {
    width: 400px;
    top: 414px;
    margin-left: -450px;
    text-align: left; }
  /* line 723, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text1 h1 {
    font-size: 49px; }
  /* line 726, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text1 p {
    letter-spacing: 0.5px; }
  /* line 730, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text2 {
    width: 238px;
    top: 412px;
    margin-left: -450px;
    text-align: left; }
  /* line 735, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text2 h1 {
    font-size: 49px; }
  /* line 738, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text2 p {
    letter-spacing: 0.3px; }
  /* line 742, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text3 {
    width: 405px;
    top: 414px;
    margin-left: 0px;
    text-align: left; }
  /* line 747, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text3 h1 {
    font-size: 49px; }
  /* line 750, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text3 p {
    letter-spacing: 0.3px; }
  /* line 754, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text4 {
    width: 375px;
    top: 528px;
    margin-left: 85px;
    text-align: left; }
  /* line 759, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text4 h1 {
    font-size: 48px; }
  /* line 762, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text4 p {
    letter-spacing: 0.6px; }
  /* line 766, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards {
    position: absolute;
    left: 0;
    width: 100%;
    top: 300px;
    padding-bottom: 0;
    margin: 0; }
  /* line 774, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards .card0 img {
    width: 750px;
    position: absolute;
    left: 50%;
    top: 37px;
    margin-top: 0;
    margin-left: -375px; }
  /* line 784, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards .card1 img {
    width: 900px;
    position: absolute;
    left: 50%;
    top: 90px;
    margin-top: 0;
    margin-left: -400px; }
  /* line 794, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards .card2 .bg {
    position: absolute;
    top: 250px;
    left: 50%;
    margin: 0;
    margin-left: -200px;
    width: 650px; }
  /* line 801, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards .card2 .bg img {
    position: static; }
  /* line 805, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards .card2 .link {
    position: absolute;
    top: 435px;
    left: 50%;
    margin: 0;
    margin-left: -450px; }
  /* line 814, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards .card3 .bg {
    position: absolute;
    top: 80px;
    left: 50%;
    margin: 0;
    margin-left: -450px;
    width: 622px; }
  /* line 821, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards .card3 .bg img {
    position: static;
    max-height: none; }
  /* line 826, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards .card3 .link {
    position: absolute;
    top: 422px;
    left: 50%;
    margin: 0;
    margin-left: 270px; }
  /* line 835, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards .card4 img {
    width: 500px;
    position: absolute;
    left: 50%;
    top: 170px;
    margin-top: 0;
    margin-left: -450px; }
  /* line 845, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .icons {
    position: absolute;
    top: 955px;
    left: 50%;
    margin-top: 0;
    margin-left: -327px;
    width: 670px; }
  /* line 852, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .icons a {
    margin: 0 43px; }
  /* line 856, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .links {
    position: absolute;
    width: 900px;
    left: 50%;
    margin-left: -450px;
    text-align: center;
    top: 1080px; }
  /* line 868, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section09 > .page {
    height: 328px; }
  /* line 871, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section09 > .page > .text {
    top: -9px;
    width: 900px;
    margin-left: -450px; }
  /* line 877, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section09 > .page > .windows {
    position: absolute;
    left: 50%;
    top: -115px;
    width: 385px;
    margin-left: -202px; }
  /* line 884, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section09 > .page > .fg {
    width: 900px;
    top: 50px;
    margin-left: -450px; }
  /* line 892, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section10 > .page {
    height: 380px; }
  /* line 894, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section10 > .page .items {
    padding: 35px 0; }
  /* line 896, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section10 > .page .items .item {
    margin: 0 50px; } }

@media screen and (min-width: 1300px) {
  /* line 906, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section00 > .page {
    height: 1200px; }
  /* line 909, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section00 > .page > .text {
    top: 271px;
    width: 900px;
    margin-left: -450px; }
  /* line 914, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section00 > .page > .text .title {
    margin-bottom: 38px; }
  /* line 919, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section00 > .page .links {
    position: absolute;
    left: 50%;
    width: 900px;
    margin-left: -450px;
    text-align: center;
    top: 440px; }
  /* line 928, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section00 > .page > .fg {
    width: 1083px;
    top: 589px;
    margin-left: -559px; }
  /* line 937, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section01 > .page {
    height: 800px; }
  /* line 940, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section01 > .page > .text {
    top: 252px;
    width: 370px;
    margin-left: 227px;
    text-align: left; }
  /* line 947, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section01 > .page > .fg {
    width: 1003px;
    top: 48px;
    margin-left: -851px; }
  /* line 956, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section02 > .page {
    height: 750px; }
  /* line 959, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section02 > .page > .text {
    top: 32px;
    width: 966px;
    margin-left: -483px; }
  /* line 965, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section02 > .page > .iconList {
    margin-left: -482px;
    top: 226px; }
  /* line 969, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section02 > .page > .iconList .icon1 {
    padding-right: 98px; }
  /* line 973, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section02 > .page > .iconList .icon2 {
    padding-right: 118px; }
  /* line 978, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section02 > .page > .fg {
    width: 961px;
    top: 399px;
    margin-left: -480px; }
  /* line 987, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section03 > .page {
    height: 900px; }
  /* line 990, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section03 > .page > .text {
    top: 34px;
    width: 966px;
    margin-left: -483px; }
  /* line 996, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section03 > .page > .links {
    position: absolute;
    left: 50%;
    top: 245px;
    width: 500px;
    margin-left: -257px;
    text-align: center; }
  /* line 1004, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section03 > .page > .title {
    position: absolute;
    left: 50%;
    top: 388px;
    margin-left: -635px;
    width: 1270px; }
  /* line 1011, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section03 > .page > .ani {
    position: absolute;
    left: 50%;
    top: 450px;
    margin-left: -635px;
    width: 1270px;
    padding-bottom: 360px; }
  /* line 1023, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section04 > .page {
    height: 800px; }
  /* line 1026, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section04 > .page > .text {
    top: 259px;
    width: 512px;
    margin-left: -628px;
    text-align: left; }
  /* line 1033, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section04 > .page > .iconList {
    margin-left: -631px;
    top: 606px; }
  /* line 1037, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section04 > .page > .iconList .icon1 {
    padding-right: 84px; }
  /* line 1041, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section04 > .page > .iconList .icon2 {
    padding-right: 81px; }
  /* line 1046, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section04 > .page > .fg {
    width: 798px;
    top: 56px;
    margin-left: -75px; }
  /* line 1055, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section05 > .page {
    height: 1390px; }
  /* line 1058, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section05 > .page > .text {
    top: 159px;
    width: 976px;
    margin-left: -488px; }
  /* line 1064, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section05 > .page > .windows {
    font-size: 79px;
    position: absolute;
    left: 50%;
    top: 400px;
    width: 900px;
    margin-left: -450px;
    text-align: center; }
  /* line 1074, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section05 > .page > .iconList {
    margin-left: -400px;
    top: 505px; }
  /* line 1078, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section05 > .page > .iconList .icon1 {
    padding-right: 115px; }
  /* line 1082, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section05 > .page > .iconList .icon2 {
    padding-right: 115px; }
  /* line 1086, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section05 > .page > .iconList .icon3 {
    padding-right: 119px; }
  /* line 1091, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section05 > .page > .fg {
    width: 1320px;
    top: 675px;
    margin-left: -660px; }
  /* line 1100, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section06 > .page {
    height: 1000px; }
  /* line 1103, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section06 > .page > .text {
    top: 253px;
    width: 543px;
    margin-left: 51px;
    text-align: left; }
  /* line 1110, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section06 > .page > .text h1 img {
    margin-left: 5px;
    margin-bottom: 12px; }
  /* line 1116, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section06 > .page > .iconList {
    margin-left: 55px;
    top: 613px; }
  /* line 1120, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section06 > .page > .iconList .icon1 {
    padding-right: 97px; }
  /* line 1125, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section06 > .page > .fg {
    width: 1052px;
    top: 93px;
    margin-left: -914px; }
  /* line 1134, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section07 > .page {
    height: 850px; }
  /* line 1137, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section07 > .page > .text {
    top: 149px;
    width: 466px;
    margin-left: -591px;
    text-align: left; }
  /* line 1142, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section07 > .page > .text p {
    width: 409px; }
  /* line 1146, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section07 > .page .links {
    position: absolute;
    left: 50%;
    width: 400px;
    margin-left: -604px;
    top: 555px; }
  /* line 1153, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section07 > .page > .fg {
    width: 689px;
    top: 76px;
    margin-left: -96px; }
  /* line 1162, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page {
    height: 1016px; }
  /* line 1165, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page > .text {
    top: 73px;
    width: 936px;
    margin-left: -463px; }
  /* line 1171, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cardText h1 {
    margin-bottom: 14px; }
  /* line 1174, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cardText p {
    font-size: 19px;
    line-height: 30px; }
  /* line 1179, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text0 {
    width: 298px;
    top: 390px;
    margin-left: -568px; }
  /* line 1184, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text0 h1 img {
    height: 247px; }
  /* line 1189, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text1 {
    width: 530px;
    top: 414px;
    margin-left: -481px;
    text-align: left; }
  /* line 1194, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text1 h1 {
    font-size: 49px; }
  /* line 1197, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text1 p {
    letter-spacing: 0.5px; }
  /* line 1201, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text2 {
    width: 238px;
    top: 412px;
    margin-left: -481px;
    text-align: left; }
  /* line 1206, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text2 h1 {
    font-size: 49px; }
  /* line 1209, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text2 p {
    letter-spacing: 0.3px; }
  /* line 1213, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text3 {
    width: 405px;
    top: 414px;
    margin-left: 75px;
    text-align: left; }
  /* line 1218, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text3 h1 {
    font-size: 49px; }
  /* line 1221, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text3 p {
    letter-spacing: 0.3px; }
  /* line 1225, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text4 {
    width: 375px;
    top: 528px;
    margin-left: 136px;
    text-align: left; }
  /* line 1230, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text4 h1 {
    font-size: 48px; }
  /* line 1233, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .text4 p {
    letter-spacing: 0.6px; }
  /* line 1237, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards {
    position: absolute;
    left: 0;
    width: 100%;
    top: 300px;
    padding-bottom: 0;
    margin: 0; }
  /* line 1245, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards .card0 img {
    width: 946px;
    position: absolute;
    left: 50%;
    top: 48px;
    margin-top: 0;
    margin-left: -473px; }
  /* line 1255, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards .card1 img {
    width: 1225px;
    position: absolute;
    left: 50%;
    top: 65px;
    margin-top: 0;
    margin-left: -576px; }
  /* line 1265, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards .card2 .bg {
    position: absolute;
    top: 160px;
    left: 50%;
    margin: 0;
    margin-left: -248px;
    width: 802px; }
  /* line 1272, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards .card2 .bg img {
    position: static; }
  /* line 1276, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards .card2 .link {
    position: absolute;
    top: 435px;
    left: 50%;
    margin: 0;
    margin-left: -481px; }
  /* line 1285, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards .card3 .bg {
    position: absolute;
    top: 28px;
    left: 50%;
    margin: 0;
    margin-left: -490px;
    width: 722px; }
  /* line 1292, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards .card3 .bg img {
    position: static;
    max-height: none; }
  /* line 1297, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards .card3 .link {
    position: absolute;
    top: 422px;
    left: 50%;
    margin: 0;
    margin-left: 349px; }
  /* line 1306, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .cards .card4 img {
    width: 657px;
    position: absolute;
    left: 50%;
    top: 120px;
    margin-top: 0;
    margin-left: -535px; }
  /* line 1316, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .icons {
    position: absolute;
    top: 955px;
    left: 50%;
    margin-top: 0;
    margin-left: -327px;
    width: 670px; }
  /* line 1323, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .icons a {
    margin: 0 43px; }
  /* line 1327, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section08 > .page .links {
    position: absolute;
    width: 900px;
    left: 50%;
    margin-left: -450px;
    text-align: center;
    top: 1080px; }
  /* line 1339, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section09 > .page {
    height: 439px; }
  /* line 1342, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section09 > .page > .text {
    top: 103px;
    width: 976px;
    margin-left: -488px; }
  /* line 1348, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section09 > .page > .windows {
    position: absolute;
    left: 50%;
    top: 0;
    width: 385px;
    margin-left: -202px; }
  /* line 1355, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section09 > .page > .fg {
    width: 924px;
    top: 50px;
    margin-left: -476px; }
  /* line 1363, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section10 > .page {
    height: 310px; }
  /* line 1365, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section10 > .page .items {
    padding: 35px 0; }
  /* line 1367, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section10 > .page .items .item {
    max-width: none;
    position: absolute;
    left: 50%;
    text-align: left; }
  /* line 1372, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section10 > .page .items .item img {
    display: inline-block;
    vertical-align: middle; }
  /* line 1376, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section10 > .page .items .item .title {
    display: inline-block;
    vertical-align: middle; }
  /* line 1381, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section10 > .page .items .item1 {
    width: 500px;
    margin-left: -562px;
    top: 75px; }
  /* line 1385, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section10 > .page .items .item1 .title {
    margin-left: 53px;
    margin-top: -19px; }
  /* line 1390, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section10 > .page .items .item2 {
    width: 600px;
    margin-left: 18px;
    top: 51px; }
  /* line 1394, ../../../../../../../scss/index/_overview.scss */
  #Z240IC > #section10 > .page .items .item2 .title {
    margin-left: 22px;
    margin-top: 2px; } }

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

/* line 33, ../../../../../../../scss/index/style.scss */
#simple {
  display: none; }

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

#Z240IC .no__wrap {
  white-space: nowrap;
  display: inline-block; }

#Z240IC .wd__feature__list {
  position: relative;
  margin-top: 53px; }

@media all and (min-width: 721px) and (max-width: 1300px) {
  #Z240IC .wd__feature__list {
    margin-top: 39px; } }

#Z240IC .wd__feature__list .wd__feature {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 25px 50px; }

@media all and (min-width: 721px) and (max-width: 1300px) {
  #Z240IC .wd__feature__list .wd__feature {
    margin: 0 33px 47px; } }

#Z240IC .wd__feature__list .wd__feature {
  position: relative;
  color: #737373;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#Z240IC .wd__feature__list .wd__feature .wd__feature__data {
  color: #737373;
  font-size: 79px;
  line-height: 1; }

#Z240IC .wd__feature__list .wd__feature .wd__feature__data span {
  font-size: 28px; }

@media all and (min-width: 721px) and (max-width: 1300px) {
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data {
    font-size: 50px;
    line-height: 37px; }
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data span {
    font-size: 30px; } }

@media all and (max-width: 720px) {
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data, #Z240IC .wd__feature__list .wd__feature .wd__feature__data span {
    font-size: 50px;
    line-height: 39px; } }

#Z240IC .wd__feature__list .wd__feature .wd__feature__describe__top {
  position: relative;
  margin-bottom: 3px; }

#Z240IC .wd__feature__list .wd__feature .wd__feature__describe {
  position: relative;
  margin-top: 0; }

#Z240IC .wd__feature__list .wd__feature .wd__feature__describe span,
#Z240IC .wd__feature__list .wd__feature .wd__feature__describe__top,
#Z240IC .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe {
  font-size: 16px;
  letter-spacing: 0.1529411em;
  color: #737373; }

@media all and (min-width: 721px) and (max-width: 1300px) {
  #Z240IC .wd__feature__list .wd__feature .wd__feature__describe span,
  #Z240IC .wd__feature__list .wd__feature .wd__feature__describe__top,
  #Z240IC .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe {
    font-size: 12px;
    line-height: 18px; } }

@media all and (max-width: 720px) {
  #Z240IC .wd__feature__list .wd__feature .wd__feature__describe span,
  #Z240IC .wd__feature__list .wd__feature .wd__feature__describe__top,
  #Z240IC .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.1px; } }

#Z240IC .wd__feature__list .wd__feature .wd__feature__data span.space-left-l {
  padding-left: 7px; }

#Z240IC .wd__feature__list .wd__feature .wd__feature__data span.space-left-m {
  padding-left: 5px; }

#Z240IC .wd__feature__list .wd__feature .wd__feature__data span.space-left-s {
  padding-left: 3px; }

#Z240IC .wd__feature__list .wd__feature .wd__feature__data span.space-right-l {
  padding-right: 7px; }

#Z240IC .wd__feature__list .wd__feature .wd__feature__data span.space-right-m {
  padding-right: 5px; }

#Z240IC .wd__feature__list .wd__feature .wd__feature__data span.space-right-s {
  padding-right: 3px; }

@media all and (min-width: 721px) and (max-width: 1300px) {
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data span.space-left-l {
    padding-left: 7px; }
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data span.space-left-m {
    padding-left: 5px; }
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data span.space-left-s {
    padding-left: 3px; }
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data span.space-right-l {
    padding-right: 7px; }
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data span.space-right-m {
    padding-right: 5px; }
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data span.space-right-s {
    padding-right: 3px; } }

@media all and (max-width: 720px) {
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data span.space-left-l {
    padding-left: 3px; }
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data span.space-left-m {
    padding-left: 2px; }
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data span.space-left-s {
    padding-left: 1px; }
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data span.space-right-l {
    padding-right: 3px; }
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data span.space-right-m {
    padding-right: 2px; }
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data span.space-right-s {
    padding-right: 1px; } }

#Z240IC .wd__feature__list .wd__feature .wd__feature__data sup.sign-deg {
  top: -22px;
  font-size: 40px; }

@media all and (min-width: 721px) and (max-width: 1300px) {
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data sup.sign-deg {
    top: -22px;
    font-size: 40px; } }

@media all and (max-width: 720px) {
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data sup.sign-deg {
    top: -15px;
    font-size: 28px; } }

#Z240IC .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
  font-size: 54px;
  line-height: 64px; }

#Z240IC .wd__feature__list .wd__feature .wd__feature__data.text__long-tw {
  font-size: 46px;
  line-height: 60px; }

@media all and (min-width: 721px) and (max-width: 1300px) {
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
    font-size: 54px;
    line-height: 64px; }
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data.text__long-tw {
    font-size: 46px;
    line-height: 60px; } }

@media all and (max-width: 720px) {
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
    font-size: 37.8px;
    line-height: 48px;
    padding-top: 5px; }
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data.text__long-tw {
    font-size: 32px;
    line-height: 36px;
    padding-top: 5px; } }

#Z240IC .wd__feature__list .wd__feature .wd__feature__data.plus {
  position: relative;
  margin-right: 32px; }

#Z240IC .wd__feature__list .wd__feature .wd__feature__data.plus span {
  position: absolute;
  top: 4px;
  right: -33px;
  font-size: 51px; }

#Z240IC .wd__feature__list .wd__feature .wd__feature__data span.sign-TM {
  position: relative;
  top: -18px;
  font-size: 30px; }

@media all and (min-width: 721px) and (max-width: 1300px) {
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data span.sign-TM {
    top: -18px;
    font-size: 30px; } }

@media all and (max-width: 720px) {
  #Z240IC .wd__feature__list .wd__feature .wd__feature__data span.sign-TM {
    top: -14px;
    font-size: 20px; } }

#Z240IC .wd__feature__list * {
  font-family: "MyriadPro-LightCond", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
  white-space: nowrap; }

#Z240IC .wd__feature__list .wd__feature .wd__feature__describe span, #Z240IC .wd__feature__list .wd__feature .wd__feature__describe__top, #Z240IC .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe {
  font-family: "MyriadPro-Light", Helvetica, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif; }

@media screen and (min-width: 1300px) {
  #Z240IC #section00 .page .text {
    top: 221px; }
  #Z240IC #section00 .page .links {
    top: 390px; }
  #Z240IC #section00 .page .fg {
    top: 539px;
    width: 1366px;
    margin-left: -683px; }
    #Z240IC #section00 .page .fg img {
      min-width: 1366px; }
  #Z240IC #section_windows .page {
    height: auto; }
    #Z240IC #section_windows .page .text {
      top: 0;
      width: 1046px;
      margin-left: -523px;
      position: relative; }
    #Z240IC #section_windows .page .fg {
      width: 1366px;
      margin-left: -683px;
      position: relative; }
      #Z240IC #section_windows .page .fg img {
        min-width: 1366px;
        position: relative; }
      #Z240IC #section_windows .page .fg .win10__nav {
        margin-top: 56px;
        text-align: center;
        margin-bottom: 30px; }
        #Z240IC #section_windows .page .fg .win10__nav .nav__item,
        #Z240IC #section_windows .page .fg .win10__nav .nav__pipe {
          display: inline-block; }
        #Z240IC #section_windows .page .fg .win10__nav .nav__item {
          cursor: pointer;
          font-size: 20px; }
        #Z240IC #section_windows .page .fg .win10__nav .nav__item.active {
          color: #009cff; }
        #Z240IC #section_windows .page .fg .win10__nav .nav__pipe {
          margin: 0 17px;
          width: 1px;
          height: 10px;
          border-left: 1px solid gray; }
  #Z240IC #section_windows .page .wd__feature__list {
    text-align: center;
    margin-top: 90px; }
    #Z240IC #section_windows .page .wd__feature__list .feature__01 .wd__feature__data {
      position: relative; }
      #Z240IC #section_windows .page .wd__feature__list .feature__01 .wd__feature__data img {
        position: relative;
        top: -15px;
        margin-left: auto;
        margin-right: auto;
        width: 71px;
        height: 71px; } }

@media screen and (max-width: 1299px) and (min-width: 721px) {
  #Z240IC #section_windows .page {
    height: auto; }
    #Z240IC #section_windows .page .text {
      top: 0;
      left: 0;
      width: 80%;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
    #Z240IC #section_windows .page .fg {
      width: 100%;
      margin-left: 0;
      position: relative;
      left: 0;
      padding: 0;
      box-sizing: border-box; }
      #Z240IC #section_windows .page .fg img {
        min-width: 100%;
        position: relative; }
      #Z240IC #section_windows .page .fg .win10__nav {
        margin-top: 14px;
        margin-bottom: 30px;
        text-align: center; }
        #Z240IC #section_windows .page .fg .win10__nav .nav__item,
        #Z240IC #section_windows .page .fg .win10__nav .nav__pipe {
          display: inline-block; }
        #Z240IC #section_windows .page .fg .win10__nav .nav__item {
          cursor: pointer;
          font-size: 20px; }
        #Z240IC #section_windows .page .fg .win10__nav .nav__item.active {
          color: #009cff; }
        #Z240IC #section_windows .page .fg .win10__nav .nav__pipe {
          margin: 0 17px;
          width: 1px;
          height: 10px;
          border-left: 1px solid gray; }
  #Z240IC #section_windows .page .wd__feature__list {
    text-align: center;
    margin-top: 60px; }
    #Z240IC #section_windows .page .wd__feature__list .feature__01 .wd__feature__data {
      position: relative; }
      #Z240IC #section_windows .page .wd__feature__list .feature__01 .wd__feature__data img {
        position: relative;
        position: relative;
        top: -4px;
        margin-left: auto;
        margin-right: auto;
        width: 46px;
        height: 46px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("../../img/index/windows10/icon_face.png"); } }

@media screen and (max-width: 1299px) and (min-width: 960px) {
  #Z240IC #section_windows {
    margin-top: 220px; } }

@media screen and (max-width: 720px) {
  #Z240IC #section_windows .page {
    height: auto; }
    #Z240IC #section_windows .page .text {
      top: 0;
      left: 0;
      width: 80%;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
    #Z240IC #section_windows .page .fg {
      width: 100%;
      margin-left: 0;
      position: relative;
      left: 0;
      padding: 0;
      box-sizing: border-box; }
      #Z240IC #section_windows .page .fg img {
        min-width: 100%;
        position: relative; }
      #Z240IC #section_windows .page .fg .win10__nav {
        margin-top: 14px;
        margin-bottom: 30px;
        text-align: center; }
        #Z240IC #section_windows .page .fg .win10__nav .nav__item,
        #Z240IC #section_windows .page .fg .win10__nav .nav__pipe {
          display: inline-block; }
        #Z240IC #section_windows .page .fg .win10__nav .nav__item {
          cursor: pointer;
          font-size: 20px; }
        #Z240IC #section_windows .page .fg .win10__nav .nav__item.active {
          color: #009cff; }
        #Z240IC #section_windows .page .fg .win10__nav .nav__pipe {
          margin: 0 17px;
          width: 1px;
          height: 10px;
          border-left: 1px solid gray; }
  #Z240IC #section_windows .page .wd__feature__list {
    text-align: center;
    margin-top: 60px; }
    #Z240IC #section_windows .page .wd__feature__list .feature__01 .wd__feature__data {
      position: relative; }
      #Z240IC #section_windows .page .wd__feature__list .feature__01 .wd__feature__data img {
        position: relative;
        position: relative;
        top: -8px;
        margin-left: auto;
        margin-right: auto;
        width: 46px;
        height: 46px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("../../img/index/windows10/icon_face.png"); } }