/********* HELPERS START *********/
.inline-block {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@font-face {
  font-family: 'FontWithArrow';
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/FontWithArrow/fontwitharrow.eot");
  src: url("/fonts/FontWithArrow/fontwitharrow.eot?#iefix") format("embedded-opentype"), url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAnUAA8AAAAAFiQAAAl+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACCZggOCZwMEQgKfIEKCwYAATYCJAMIBCAFhgkHNQyBHBshFRHVrBUh+6LANiaNHruMRllKqSmWstzh+8yXi0f/0bSYg/5t+vZj9Az+of3RnzuztL65kkv9cFXKCBVqz8JlOivpyvdWbVhxAA/9MBIADc+//aqldTUzmAR56YfXycessJSBV/dYgiZTv2tQW4v91Qr85mM16HKtSw5+th82WyDcZDK/sK8oAV++KtP+QnwrDPJh/Al1Ql3OnnLHQ/7t3Q/agkQT6d9JIi2RWFsSR5nn962Vtn5P96G6s9GAwqNk5/bVzly2ZuaIYSFhBygMynse0cYCG0mKhYxwMTLCx8kcY7M/YWNVrHlFvDU5+Yj8LRHAi7K526y3TB8+YirGypsvmxazCQAQaA7U2HMniylitQgEQM2QsRvaf/okH5iV9S8IZ5OPr+8UruUIDJKV3v7Xl5PW/HXmsSv/j7Cz8Yaf2wuDBMNYV4AF5GiWr4tqaZF4xFI30NaaPNx4ZqU4zjCI+8eTm/SSfEiPgVZB/0fIfQTBf/cDELAeJ0nkoRUqbjyEvPp4pN5KejsvpXtswaycUkXle6EnrHNgG1DHPRyzHDwEwnHpYVCnzsMh7Xe87hwTRtgoOYfK6kahJnIJ45F3Bb3COCotYundnuXkMAcipxc5GEe9sX5t5iKBUUNvc7WjHBQsxf3UO13Ozkj04AEHI63HyVHus1pphd8lRPJ4n3blnCwmyGl0cEt7T8SC3W337jkvnZZxM4f2rK29naRCdWlJE0cIqFTZLaPot4sspXuVOWklp9yw3NXOVJOaRTmlYmvADD0XYCWCWSZODFmigj2Ds2VlloVyk5UkXym1JUEhJe0pvUCc1JA8EmQiCCutoHAeUTSgarDOJSh6ZFcHKIWWqhwFyWFTfXvozItArFcj9bqc50Ppws//10It5xsi2Y15bsteippcEsarEQrWJ85hLORRgIaDHjkhJvW5azSoAA0FdrSEjqGI0uvRQGQiGLlYCfkSsBQZx5Sfm8eaLqdFr6mQ2SRc40oN6cJLka/fwuYUFBBhWSZdLJPW0TloDUYn4VbGziqCm9Ifb/56DKtmE18DiErJyMa8l+8MZcJb59FZdeka5zGhspyUn2zsMQOKIpj4IFiKgklDwixgBeZqjwWzoENeuqyEfHexDAuzdB8eiwb1WPHQkVjFyThdhuFU3/XY8NBufOhwRrZ1dcu2rx0VNaOjIStfG8oClpAAYRaqicK8MtSgArd5rCSzjEhKupfscqC51ymULXyrIlYKs9TwhIkzzJxJIgQqlvCtWyHBOoYIJnpyrvncHDCVnNYjEasGmWDUgEFBDJJ/cjeticWcZUII1pN9x1BW7UWBf4PWneRxoqJ+4HFNFJFbMfIoTl4lyKck8iuZAkqhoFIppDQVOajv50SODx2JKg20f06525PPiXfqsyML8Ul9Pm1hGPyDjXVQ9kOdIcw2ROARhUcMHnF4JOCRhEcKHml4ZOCRha8tQoallUrdM+4oI132RuGsoUgxXr+aMigFSr2eCkRmciRrtNymF+qxK11rOVXtWk01FqTRNh+V3iq5+km8Llno11wTu7q2DrlZ6/IGDFwj3d+DoaAHy9ZEw/cQoOVuva3WXb2d09KEDGWmexEg+4w8LTTnDT3tYtUQF0U/aAeVifNyaWQGNMDsge4105kWiSesS5CGvu1c/dnXeLoADbg0IAxhRVauepmi42C/K6rIsGufHKOXKw3rEGQNyBWFj6UojJfjd8JvecvXSbZaUggqaCldDF2k08zuR5jmfElnXyPNKphbRWJp53Epu1jq5ku5iPjiooJcP9Fpuc0qWk5hhpZ7uGEW6iqISiVPqpGsDCMWKEEkB6BMOHcuRafspyF5+n44TESQkiId3pYdP8hFqwpNgXcopRk3DBpie3lZsBYbGaqzsIxKQQpDMbIJVzxwu8UOYNRId46Uq+U9Y9Rlz6e1HpsJx2UjLbwtY6g0HvzFU1yMc7uXogxTU8uubuCZKM7ds/NrT9eLGf3UM9ANO+s6B73QhZscXzfZtYt1Q2ZDGU2LXDTEpp94va2g12A2l87+KkNp9LZtf8GXqNo8C6ChPP8Vswhme/gy7OGh3mZdrOS7pCOtKjAy8IishUAz32mFLQkzHxu//iyf0+PcHTpLltDsPZFt0w4VbimbFq3eg86YDkuhYaLSyLSLZZ7KOaI0Z3OYdwN5DT3aqriugm4kCdxUolspaMdtFXQnSeCuUvd7+A40V3DfCnqQLPDQEj1KhfDYCnqSLPDUktu5P7SqLrSqbixUD1K3V40O1ceE+pMEBpS8QZ3QYg1hjmE7TSNa3igweGPAQONaNKHVOYnKGjxvSsimoaan0ejOODyYoKl+FlVqmjOy5o1ooZC+RSzqjiXd/eU5mmgFQgNWnVxaM6L1QnJb2NCJTZ3Y0oltB2jHiHaNZA/iC/u6cKALh7pw5AAdG9GJUe0peu9btV2Qo3sXM9s6qrMupTDAox+eMn/3inqiN4IcB/974s6jAxDCK2OQRtZOFb5x9Uep/8YXf7u+PO3Zbz97/fkVjh/iK+y2XH/Bez/+xJJr14d3Puz9oe6HrrvxrOv+/LETeeM1BmhYDrhcoctG0L5pNufesFbegO00Fn7tsrPP2dksaBkYAQSyj/8udp5W86+Hf+5/gG8f5VA7y3klCeZ3Ph4ak4KPMXggmZPCe66R7rKvjFKDa8JsMZW4c1A9l+Eqg3xdF6UQczEIdnW3QWEqVmY24gLmudsVHd/iBubPbi9yVjf3xuYZA+RSLGDER9hNeEN3M4waFw5mVgSY090SzrgQGcyP3Vqe8f4hHcmW/y+xS0ZXy0+qPf9Qp/OUn3vvi2z5YV9+OIyBH6RqL6+//so7n4Udng5vOk+I3Xt9cx0Je5lTzzfePnnDm28un9tKn+4n7btPnGcUwvb/ik2zSVOWzRg2aMicBBmaZUpQpECRIgl6LEswieg+bEK3MdK727w5Q0xmRWkgMsBkQiL9ShlbFOfp5ZnjstJFw3h0B5hMinITVzxonnE6Nkys0tK7+vfuDSunN0GhPAVYtHsTeK9by8w++7rPWjCoiJTOGbDEm9H8fgnabCpNMNWWkUR6Ey/PczIneboq+fJ9kGfonYQXvY1yXK7oAms/nr2hgUsPvpuxkt7Tb7oRNvasGJsqZE2Onh4+BXgzjv450XLF1x53txg/vov0o9JlK5VKD7TstqazLj+rWyZcMAXfa5ncm7lizlrJ2SfvvOake95S3zbzDQA=) format('woff2'), url("/fonts/FontWithArrow/fontwitharrow.woff") format("woff"), url("/fonts/FontWithArrow/fontwitharrow.ttf") format("truetype"), url("/fonts/FontWithArrow/fontwitharrow.svg#fontawesome") format("svg");
}
/********* HELPERS END ***********/
#indextop {
  height: 9.2cm;
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #0085d1;
}
#indextop > div.hero_bg_color {
  height: 9.2cm;
  position: absolute;
  left: 50%;
  right: 0;
  margin-left: -8cm;
  background-color: #ffaf00;
}
#indextop > div.block_wide {
  background-repeat: no-repeat;
  background-size: 35% 100%;
  background-color: #00c0ea;
  background-image: -moz-linear-gradient(left, #0085d1 10%, #00c0ea 70%, #00c0ea 80%, #00c0ea 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, #0085d1), color-stop(70%, #00c0ea), color-stop(80%, #00c0ea), color-stop(100%, #00c0ea));
  background-image: -webkit-linear-gradient(left, #0085d1 10%, #00c0ea 70%, #00c0ea 80%, #00c0ea 100%);
  background-image: -o-linear-gradient(left, #0085d1 10%, #00c0ea 70%, #00c0ea 80%, #00c0ea 100%);
  background-image: linear-gradient(to right, #0085d1 10%, #00c0ea 70%, #00c0ea 80%, #00c0ea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0085d1', endColorstr='#00c0ea', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#0085d1, endColorstr=#00c0ea)";
}
#indextop > div.block_wide > div.text_container {
  height: 9.2cm;
  position: absolute;
  width: 50%;
  background-image: url(/images/designs/bg.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: auto 100%;
  z-index: 2;
  left: -5.6cm;
}
#indextop > div.block_wide > div.text_container > div.text {
  height: 100%;
  width: 11.2cm;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
#indextop > div.block_wide > div.text_container > div.text > p {
  font-family: "Open Sans", Arial, Tahoma, Verdana;
  color: #ffffff;
  position: relative;
  font-weight: 900;
  margin-bottom: 0;
  text-indent: 0;
}
#indextop > div.block_wide > div.text_container > div.text > p.p1 {
  top: 0.5cm;
  font-size: 0.78cm;
  white-space: nowrap;
  height: 1.07cm;
  text-shadow: 1px 1px 1px #000000;
  -moz-text-shadow: 1px 1px 1px #000000;
  -webkit-text-shadow: 1px 1px 1px #000000;
}
#indextop > div.block_wide > div.text_container > div.text > p.p2 {
  font-size: 0.61cm;
  line-height: 0.75cm;
  top: 1.15cm;
  height: 1.6cm;
  text-shadow: 2px 1px 1px #000000;
  -moz-text-shadow: 2px 1px 1px #000000;
  -webkit-text-shadow: 2px 1px 1px #000000;
}
#indextop > div.block_wide > div.text_container > div.text > p.p3 {
  font-weight: 400;
  font-size: 0.58cm;
  font-style: italic;
  line-height: 0.7cm;
  top: 1.9cm;
  text-shadow: 0px 0px 1px #660000;
  -moz-text-shadow: 0px 0px 1px #660000;
  -webkit-text-shadow: 0px 0px 1px #660000;
}
#indextop > div.block_wide > div.text_container > div.text > a.button {
  position: relative;
  top: 2.3cm;
}
#indextop > div.block_wide > div.text_container > div.text > a.button:after {
  font-family: 'FontWithArrow';
  padding-left: 0.1cm;
  content: "\1F86A";
}
#indextop > div.block_wide > div.arrow_blue {
  height: 0;
}
#indextop > div.block_wide > div.hero_bg {
  height: 9.2cm;
  width: 100%;
  left: 50%;
  margin-left: -8cm;
  position: relative;
  background-color: #ffdb00;
  background-image: -moz-linear-gradient(left, #ffdb00, #ffb100);
  background-image: -webkit-gradient(linear, left top, right top, from(#ffdb00), to(#ffb100));
  background-image: -webkit-linear-gradient(left, #ffdb00, #ffb100);
  background-image: -o-linear-gradient(left, #ffdb00, #ffb100);
  background-image: linear-gradient(to right, #ffdb00, #ffb100);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdb00', endColorstr='#ffb100', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffdb00, endColorstr=#ffb100)";
}
#indextop > div.block_wide > div.hero_bg > div.hero {
  height: 9.2cm;
  width: 100%;
  background-image: url(/images/designs/default.png);
  background-repeat: no-repeat;
  background-position: left top;
  position: relative;
  left: 20vw;
  margin-left: -3.7cm;
}
#indextop > div.block_wide > div.hero_bg > div.hero > a.click {
  display: none;
  position: absolute;
}
#indextop > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: none;
  position: absolute;
  font-weight: 700;
  line-height: 100%;
  font-family: "Open Sans", Arial, Tahoma, Verdana;
}
#indextop > div.block_wide > div.arrow_yellow {
  height: 0;
}
#featuredon {
  margin-top: 1cm;
  background-color: #f9f9f9;
  padding: 0.5cm 0;
}
#featuredon > div.container {
  text-align: center;
}
#featuredon > div.container > em {
  background-image: url(/images/featuredon.png?3);
  margin-left: 0.5cm;
  margin-right: 0.5cm;
}
#featuredon > div.container > em.f1 {
  height: 1.1cm;
  width: 1.5cm;
  margin-top: 0.15cm;
  margin-bottom: 0.15cm;
  background-position: -1.3cm -1.7cm;
}
#featuredon > div.container > em.f2 {
  height: 0.7cm;
  width: 6.5cm;
  margin-top: 0.35cm;
  margin-bottom: 0.35cm;
  background-position: 0cm -0.9cm;
}
#featuredon > div.container > em.f3 {
  height: 1.4cm;
  width: 1.2cm;
  margin-top: 0cm;
  margin-bottom: 0cm;
  background-position: 0cm -1.6cm;
}
#featuredon > div.container > em.f4 {
  height: 1.1cm;
  width: 6cm;
  margin-top: 0.15cm;
  margin-bottom: .15cm;
  background-position: -6.6cm -0.9cm;
}
#featuredon > div.container > em.f5 {
  height: 0.85cm;
  width: 5.1cm;
  margin-top: .25cm;
  margin-bottom: .25cm;
  background-position: -8.9cm -2.2cm;
}
#featuredon > div.container > em.f6 {
  display: none;
  height: 0.9cm;
  width: 6.5cm;
  margin-top: 0.23cm;
  margin-bottom: 0.15cm;
  background-position: 0 0;
}
#featuredon > div.container > em.f7 {
  height: 0.9cm;
  width: 5.4cm;
  margin-top: 0.25cm;
  margin-bottom: 0.25cm;
  background-position: 0 -3cm;
}
#featuredon > div.container > em.f8 {
  height: 0.7cm;
  width: 6.7cm;
  margin-top: 0.4cm;
  margin-bottom: 0.3cm;
  background-position: 0 -4cm;
}
#featuredon > div.container > em.f9 {
  height: 0.9cm;
  width: 4.3cm;
  margin-top: 0.15cm;
  margin-bottom: 0.35cm;
  background-position: -5.4cm -3cm;
}
#description {
  margin: 1.5cm auto 0;
}
#description > div.items > div {
  width: 31%;
  text-align: center;
  overflow: hidden;
  vertical-align: top;
  margin: 0 1%;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#description > div.items > div > em {
  background-image: url(/images/index-icons.png);
  width: 3cm;
  height: 3cm;
  background-size: 300%;
  background-position: 0cm 0cm;
  background-repeat: no-repeat;
}
#description > div.items > div > h3 {
  margin-top: 0.5cm;
  font-family: Oswald;
  font-size: 0.7cm;
  color: #2b2a29;
}
#description > div.items > div > p {
  font-size: 0.46cm;
  max-width: 9cm;
  line-height: 0.6cm;
  margin: 0.2cm auto;
  text-indent: 0;
  text-align: center;
}
#description > div.items > div:nth-child(2) > em {
  background-position: -3cm 0;
}
#description > div.items > div:nth-child(3) > em {
  background-position: -6cm 0;
}
#howworks {
  height: auto;
  width: 100%;
  margin-top: 3cm;
  position: relative;
  background-color: #d5ecfb;
  background-image: -moz-linear-gradient(left, #d5ecfb 20%, #e7f4fd 45%, #e7f4fd 55%, #d5ecfb 80%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, #d5ecfb), color-stop(45%, #e7f4fd), color-stop(55%, #e7f4fd), color-stop(80%, #d5ecfb));
  background-image: -webkit-linear-gradient(left, #d5ecfb 20%, #e7f4fd 45%, #e7f4fd 55%, #d5ecfb 80%);
  background-image: -o-linear-gradient(left, #d5ecfb 20%, #e7f4fd 45%, #e7f4fd 55%, #d5ecfb 80%);
  background-image: linear-gradient(to right, #d5ecfb 20%, #e7f4fd 45%, #e7f4fd 55%, #d5ecfb 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5ecfb', endColorstr='#d5ecfb', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#d5ecfb, endColorstr=#d5ecfb)";
}
#howworks > h1 {
  font-family: Oswald;
  background-image: url(/images/header-arrow.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  font-size: 1.3cm;
  color: #0b4e70;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  height: 2.5cm;
  width: 100%;
  top: -0.8cm;
  z-index: 2;
}
#howworks > div.block {
  background-image: url(/images/how-works-new.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  height: 17.2cm;
  box-sizing: content-box;
  padding: 0;
}
#howworks > div.block > p {
  color: #0b4e70;
  font-size: 0.59cm;
  position: absolute;
  text-align: center;
  text-indent: 0;
  margin: 0;
  font-weight: 700;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#howworks > div.block > p.p1 {
  left: 2%;
  bottom: 70.6%;
  width: 5%;
}
#howworks > div.block > p.p2 {
  left: 21.7%;
  bottom: 79.1%;
  width: 5%;
}
#howworks > div.block > p.p3 {
  left: 29.7%;
  bottom: 6%;
  width: 15%;
}
#howworks > div.block > p.p4 {
  left: 44.1%;
  bottom: 6%;
  width: 16%;
}
#howworks > div.block > p.p5 {
  left: 59.1%;
  bottom: 10.7%;
  width: 15%;
}
#howworks > div.block > p.p6,
#howworks > div.block > p.p7,
#howworks > div.block > p.p8,
#howworks > div.block > p.p9,
#howworks > div.block > p.p10 {
  font-size: 0.52cm;
  text-align: left;
  color: #027aad;
  font-weight: 600;
  line-height: 0.6cm;
}
#howworks > div.block > p.p6 {
  left: 78.1%;
  bottom: 48.5%;
  width: 10%;
}
#howworks > div.block > p.p7 {
  left: 78.5%;
  bottom: 75.9%;
  width: 6.5%;
}
#howworks > div.block > p.p8 {
  left: 89.1%;
  bottom: 77%;
  width: 9.5%;
}
#howworks > div.block > p.p9 {
  left: 93.6%;
  bottom: 60.4%;
  width: 4.7%;
}
#howworks > div.block > p.p10 {
  left: 92.3%;
  bottom: 46.5%;
  width: 6%;
}
#darkblue {
  background: #145d7a;
  color: #fefefe;
  font-size: 0.45cm;
  line-height: 0.8cm;
  padding: 0.5cm 0;
  text-align: center;
}
#devices {
  font-family: Oswald;
  text-align: center;
  margin-top: 2.5cm;
}
#devices > h1 {
  text-transform: uppercase;
  font-size: 1.3cm;
  color: #324d5b;
  text-align: center;
  position: relative;
  white-space: nowrap;
  margin: 0 2.2cm 0;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#devices > h1 > em {
  background-image: url(/images/lines.png);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 350%;
  margin: -0.3cm 0 0 0.2cm;
  width: 1.6cm;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -2.2cm;
}
#devices > h1 > em:last-child {
  background-position: center left 25%;
  left: auto;
  margin: -0.3cm 0.2cm 0 0;
  right: -2.2cm;
}
#devices > h1 > span {
  display: inline-block;
  white-space: normal;
}
#devices > div.listing {
  margin-top: 0.7cm;
}
#devices > div.listing > div {
  width: 4.65cm;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#devices > div.listing > div a {
  width: 100%;
  color: #0b4e70;
  text-transform: uppercase;
  font-size: 0.5cm;
  text-align: center;
  font-family: "Open Sans", Arial, Tahoma, Verdana;
  text-decoration: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#devices > div.listing > div a:hover {
  color: #0e6490;
  text-decoration: underline;
}
#devices > div.listing > div a > em {
  background-image: url(/images/devices.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 600%;
  height: 2cm;
  margin: 0 auto 0.7cm auto;
  width: 100%;
  max-width: 2cm;
  display: block;
}
#devices > div.listing > div:nth-child(2) > a > em {
  background-position: 20% center;
}
#devices > div.listing > div:nth-child(3) > a > em {
  background-position: 40% center;
}
#devices > div.listing > div:nth-child(4) > a > em {
  background-position: 60% center;
}
#devices > div.listing > div:nth-child(5) > a > em {
  background-position: 80% center;
}
#devices > div.listing > div:nth-child(6) > a > em {
  background-position: 100% center;
}
a[name=whywe] {
  line-height: 0;
  font-size: 0;
}
#why {
  background-color: #fff4cb;
  font-family: Oswald;
  margin-top: 2.5cm;
  width: 100%;
  position: relative;
  background-image: url(/images/tz.png);
  background-position: 100% 0;
  background-repeat: no-repeat;
  padding: 2.3cm 0 1.5cm;
}
#why > h1 {
  background-image: url(/images/header-arrow.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  font-size: 1.3cm;
  color: #0b4e70;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  height: 2.5cm;
  width: 100%;
  top: -0.8cm;
  z-index: 2;
}
#why > div.answers {
  overflow: hidden;
}
#why > div.answers a:hover {
  color: #0e6490;
  text-decoration: underline;
}
#why > div.answers > a,
#why > div.answers > .link {
  font-weight: normal;
  text-align: center;
  color: #0b4e70;
  font-size: 0.45cm;
  width: 12.3%;
  line-height: 0.55cm;
  position: relative;
  z-index: 10;
  display: block;
  float: left;
  text-indent: 0;
  text-decoration: none;
}
#why > div.answers > a.underline,
#why > div.answers > .link.underline {
  text-decoration: underline;
}
#why > div.answers > a > span > a,
#why > div.answers > .link > span > a {
  font-weight: normal;
  text-decoration: underline;
}
#why > div.answers > a > span > a:hover,
#why > div.answers > .link > span > a:hover {
  color: #0e6490;
}
#why > div.answers > a em,
#why > div.answers > .link em {
  height: 2.15cm;
  width: 100%;
  margin: 0 auto 0.2cm;
  background-image: url(/images/why-icons.png);
  background-repeat: no-repeat;
  background-size: 800%;
  max-width: 1.91cm;
  display: block;
  background-position: 14.28% center;
}
#why > div.answers > a:nth-child(2) em,
#why > div.answers > .link:nth-child(2) em {
  background-position: 85.71% center;
}
#why > div.answers > a:nth-child(3) em,
#why > div.answers > .link:nth-child(3) em {
  background-position: 42.85% center;
}
#why > div.answers > a:nth-child(4) em,
#why > div.answers > .link:nth-child(4) em {
  background-position: 28.57% center;
}
#why > div.answers > a:nth-child(5) em,
#why > div.answers > .link:nth-child(5) em {
  background-position: 100% center;
}
#why > div.answers > a:nth-child(6) em,
#why > div.answers > .link:nth-child(6) em {
  background-position: 42.85% center;
}
#why > div.answers > a:nth-child(7) em,
#why > div.answers > .link:nth-child(7) em {
  background-position: 71.43% center;
}
#why > div.answers > a:nth-child(8) em,
#why > div.answers > .link:nth-child(8) em {
  background-position: 57.14% center;
}
div.block > a.button.big {
  text-transform: uppercase;
  top: -0.9cm;
  position: relative;
  font-size: 0.77cm;
  padding: 0 1.4cm 0;
  line-height: 1.9cm;
  height: 1.7cm;
  white-space: nowrap;
  -o-box-shadow: 0 0.1cm 0 #e4a911;
  -webkit-box-shadow: 0 0.1cm 0 #e4a911;
  -moz-box-shadow: 0 0.1cm 0 #e4a911;
  box-shadow: 0 0.1cm 0 #e4a911;
}
#faq_mini {
  font-family: Oswald;
  margin-top: 1cm;
}
#faq_mini > h1 {
  font-size: 1.3cm;
  color: #0b4e70;
  text-align: center;
  width: 100%;
  z-index: 2;
  padding-bottom: 0.5cm;
}
#faq_mini div.faq {
  margin: 0 20%;
}
#faq_mini div.faq > h3 {
  font-size: 0.75cm !important;
}
#review {
  margin: 1cm 0.3cm 0.3cm;
}
#review > h1 {
  font-family: Oswald;
  font-size: 1.3cm;
  color: #0b4e70;
  text-align: center;
  width: 100%;
  z-index: 2;
  padding-bottom: 1cm;
}
#review > div.review_container {
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  font-size: 0.45cm;
  max-width: 32cm;
  margin: auto;
}
#review > div.review_container > div {
  flex: 0 0 19%;
  min-width: 19%;
  display: inline-block;
  position: relative;
  width: 19%;
  margin: 0.3cm 1% 1cm;
  padding: 2%;
  vertical-align: top;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  font-size: 0.46cm;
  -o-box-shadow: 0 0 10px #f0f0f0;
  -webkit-box-shadow: 0 0 10px #f0f0f0;
  -moz-box-shadow: 0 0 10px #f0f0f0;
  box-shadow: 0 0 10px #f0f0f0;
}
#review > div.review_container > div > p {
  white-space: normal;
  text-align: left;
  text-indent: unset;
  font-family: serif !important;
  font-weight: 300;
}
#review > div.review_container > div > div {
  border-bottom: 1px solid #d0d0d0;
  height: 1cm;
  line-height: 1cm;
  padding-bottom: 0.5cm;
  margin-bottom: 0.5cm;
}
#review > div.review_container > div > div > img {
  height: 1cm;
  float: left;
  margin-right: 0.4cm;
  border-radius: 0.5cm;
}
#review > div.review_container > div > div > p {
  height: 100%;
  line-height: 0.5cm;
  text-indent: 0;
  text-align: left;
  font-family: 'Open Sans', Roboto, "Helvetica Neue", Helvetica, sans-serif !important;
  font-weight: 500;
}
#review > div.review_container > div > div > p > span {
  margin-top: 8px;
  display: block;
  font-size: 70%;
  white-space: break-spaces;
  line-height: 0.375cm;
  position: relative;
}
#review > div.review_container > div > div > p > span.google {
  color: #01875f;
  fill: #01875f;
}
#review > div.review_container > div > div > p > span.apple {
  color: #e18e21;
  fill: #e18e21;
}
#review > div.review_container > div > div > p > span.apple > em {
  background-position-x: 0.4cm;
}
#review > div.review_container > div > div > p > span > em {
  height: 0.4cm;
  width: 0.4cm;
  margin: 0;
  padding: 0;
  background-image: url('/images/markets.png');
  background-size: 200%;
  position: absolute;
  right: 0;
}
#review > div.review_container > div > div > p > span > svg {
  height: 0.4cm;
}
@media screen and (min-width: 50cm) {
  #indextop > div.block_wide > div.hero_bg > div.hero {
    left: 6.5cm !important;
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 35cm) {
  #howworks > div.block {
    height: 49.2vw;
  }
  #howworks > div.block > p {
    font-size: 1.66vw;
    margin-bottom: 0.3vw;
  }
  #howworks > div.block > p.p1 {
    bottom: 34.2vw;
  }
  #howworks > div.block > p.p2 {
    bottom: 38.4vw;
  }
  #howworks > div.block > p.p3 {
    bottom: 2.9vw;
  }
  #howworks > div.block > p.p4 {
    bottom: 2.9vw;
  }
  #howworks > div.block > p.p5 {
    bottom: 5.2vw;
  }
  #howworks > div.block > p.p6,
  #howworks > div.block > p.p7,
  #howworks > div.block > p.p8,
  #howworks > div.block > p.p9,
  #howworks > div.block > p.p10 {
    font-size: 1.46vw;
    line-height: 1.7vw;
  }
  #howworks > div.block > p.p6 {
    bottom: 23.5vw;
  }
  #howworks > div.block > p.p7 {
    bottom: 36.8vw;
  }
  #howworks > div.block > p.p8 {
    bottom: 37.4vw;
  }
  #howworks > div.block > p.p9 {
    bottom: 29.3vw;
  }
  #howworks > div.block > p.p10 {
    bottom: 22.5vw;
  }
}
@media screen and (max-width: 35cm) {
  #indextop > div.hero_bg_color {
    left: 9.25cm;
    margin-left: 0;
  }
  #indextop > div.block_wide > div.text_container {
    width: 11.6cm;
    left: 0;
  }
  #indextop > div.block_wide > div.hero_bg {
    margin-left: 0;
    left: 9.25cm;
    background-position: -3cm;
  }
}
@media screen and (max-width: 26cm) {
  #indextop > div.hero_bg_color {
    left: 8.35cm;
  }
  #indextop > div.block_wide > div.text_container {
    width: 10.7cm;
  }
  #indextop > div.block_wide > div.text_container > div.text {
    width: 10.3cm;
  }
  #indextop > div.block_wide > div.hero_bg {
    left: 8.35cm;
    background-position: -4.8cm;
  }
  #faq_mini div.faq {
    margin: 0 !important;
  }
  #faq_mini div.faq > h3 {
    font-size: 0.7cm !important;
  }
  #review > div.review_container > div {
    flex: 0 0 27.3%;
    min-width: 27.3%;
    width: 27.3%;
    font-size: 0.44cm;
  }
}
@media screen and (max-width: 24cm) {
  #indextop {
    background: none;
    height: auto;
  }
  #indextop > div.hero_bg_color {
    top: 9.1cm;
    height: 100%;
    margin: 0;
    left: 0;
  }
  #indextop > div.block_wide > div.text_container {
    background-repeat: repeat-y;
    background-size: contain;
    width: 100%;
    position: relative;
    left: 0;
    background-color: #3ac1e6;
    background-image: -moz-linear-gradient(left, #1280c1, #3ac1e6);
    background-image: -webkit-gradient(linear, left top, right top, from(#1280c1), to(#3ac1e6));
    background-image: -webkit-linear-gradient(left, #1280c1, #3ac1e6);
    background-image: -o-linear-gradient(left, #1280c1, #3ac1e6);
    background-image: linear-gradient(to right, #1280c1, #3ac1e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1280c1', endColorstr='#3ac1e6', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1280c1, endColorstr=#3ac1e6)";
  }
  #indextop > div.block_wide > div.text_container > div.text {
    background: none;
    width: 100%;
    text-align: center;
  }
  #indextop > div.block_wide > div.text_container > div.text > p {
    width: 100%;
    position: relative;
    white-space: nowrap;
    text-align: center;
  }
  #indextop > div.block_wide > div.text_container > div.text > p.p1 {
    line-height: 1cm;
  }
  #indextop > div.block_wide > div.text_container > div.text > p.p2 {
    background-color: #005d7e;
    width: 10cm;
    padding: 0.25cm 0.5cm;
    margin: 0 auto;
    line-height: 0.75cm;
  }
  #indextop > div.block_wide > div.arrow_blue {
    height: 0.7cm;
    background-image: url(/images/designs/bg_mobile_bottom1.png);
    background-size: 100% 0.7cm;
    background-repeat: no-repeat;
    z-index: 2;
    position: absolute;
    width: 100%;
  }
  #indextop > div.block_wide > div.hero_bg {
    background-size: auto 100%;
    left: 0;
    margin: 0;
    height: 9.6cm;
    background-position: -2.8cm;
  }
  #indextop > div.block_wide > div.hero_bg > div.hero {
    height: 9cm;
    cursor: pointer;
    background-size: initial;
    left: 50vw;
    margin-left: -7.5cm;
  }
  #indextop > div.block_wide > div.arrow_white {
    height: 0.7cm;
    background-image: url(/images/designs/bg_mobile_bottom2.png);
    background-size: 100% 0.7cm;
    background-repeat: no-repeat;
    background-position: bottom -1px center;
    z-index: 2;
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  #howworks > div.block {
    height: 50vw;
  }
  #howworks > div.block > p {
    font-size: 1.8vw;
  }
  #description {
    margin-top: 1cm;
  }
  #devices > div.listing > div {
    width: 20%;
  }
  #why > div.answers > a,
  #why > div.answers > .link {
    font-size: 0.4cm;
  }
}
@media screen and (max-width: 22cm) {
  #indextop > div.block_wide > div.hero_bg {
    background-position: -3.8cm;
  }
  #howworks > div.block > p {
    font-size: 1.9vw;
  }
}
@media screen and (max-width: 20cm) {
  #indextop > div.block_wide > div.hero_bg {
    background-position: -4.5cm;
  }
  #howworks > div.block {
    height: 51vw;
  }
  #review > div.review_container {
    flex-wrap: wrap;
  }
  #review > div.review_container > div {
    flex: 0 0 41%;
    min-width: 41%;
    width: 41%;
    font-size: 0.42cm;
    padding: 3%;
  }
  #review > div.review_container > div > div {
    padding-bottom: 0.4cm;
    margin-bottom: 0.4cm;
  }
  #review > div.review_container > div > p {
    margin-bottom: 0.2cm;
  }
}
@media screen and (max-width: 18cm) {
  #indextop > div.block_wide > div.hero_bg {
    background-position: -5.8cm;
  }
  #featuredon > div.container {
    transform: scale(0.95, 0.95);
  }
  #featuredon > div.container > em {
    margin-right: 0.3cm;
    margin-left: 0.3cm;
  }
  #description > div.items > div {
    width: 100%;
    text-align: center;
    overflow: hidden;
    vertical-align: top;
    margin: 0.5cm 0 0 0;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
  #howworks {
    margin-top: 2.5cm;
  }
  #howworks > div.block {
    background-image: url(/images/how-works-new_mobile.png);
    height: 100vw;
    background-position: 0 11vw;
  }
  #howworks > div.block > p {
    font-size: 2.5vw;
  }
  #howworks > div.block > p.p1 {
    left: 3.3%;
    bottom: 79.7vw;
    width: 7%;
  }
  #howworks > div.block > p.p2 {
    left: 26.3%;
    bottom: 84.3vw;
    width: 7%;
  }
  #howworks > div.block > p.p3 {
    left: 10.3%;
    bottom: 7.4vw;
    width: 23%;
  }
  #howworks > div.block > p.p4 {
    left: 35.1%;
    bottom: 7.4vw;
    width: 32%;
  }
  #howworks > div.block > p.p5 {
    left: 68.1%;
    bottom: 11.1vw;
    width: 25%;
  }
  #howworks > div.block > p.p6,
  #howworks > div.block > p.p7,
  #howworks > div.block > p.p8,
  #howworks > div.block > p.p9,
  #howworks > div.block > p.p10 {
    font-size: 2.4vw;
    line-height: 2.6vw;
  }
  #howworks > div.block > p.p6 {
    display: none;
  }
  #howworks > div.block > p.p7 {
    left: 65.9%;
    bottom: 84.1vw;
    width: 10.5%;
  }
  #howworks > div.block > p.p8 {
    left: 82.9%;
    bottom: 85.1vw;
    width: 15.5%;
  }
  #howworks > div.block > p.p9 {
    left: 88.9%;
    bottom: 72vw;
    width: 8.7%;
  }
  #howworks > div.block > p.p10 {
    display: none;
  }
  #why {
    background-image: none;
  }
  #why > div.answers > a,
  #why > div.answers > .link {
    color: #0b4e70;
    font-size: 0.55cm;
    margin: -1px 5% 0;
    width: 90%;
    display: block;
    float: none;
    text-align: left;
    line-height: 0.6cm;
    border: 1px solid #ffffff;
  }
  #why > div.answers > a > span,
  #why > div.answers > .link > span {
    display: block;
    min-height: 1.25cm;
    margin-right: 1.7cm;
    padding: 0.15cm 0.2cm 0.1cm 0.2cm;
    border-right: 1px solid #ffffff;
  }
  #why > div.answers > a em,
  #why > div.answers > .link em {
    height: 1.4cm;
    width: 1.4cm;
    margin: 0 auto;
    background-image: url(/images/prices_icons.png?1);
    background-repeat: no-repeat;
    background-position: -2.8cm center !important;
    background-size: 300%;
    position: absolute;
    right: 0.2cm;
    top: 0.2cm;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
}
@media screen and (max-width: 15cm) {
  #indextop > div.block_wide > div.hero_bg {
    background-position: -48vw;
    height: 64vw;
  }
  #indextop > div.block_wide > div.hero_bg > div.hero {
    width: 100%;
    background-size: cover;
    height: 61.8vw;
    left: 0;
    margin: 0;
  }
  #indextop > div.block_wide > div.hero_bg > div.hero > a.click {
    background-size: cover;
    background-repeat: no-repeat;
  }
  #featuredon > div.container {
    transform: scale(0.9, 0.9);
  }
  #featuredon > div.container > em {
    margin-right: 0.3cm;
    margin-left: 0.3cm;
  }
  #howworks {
    margin-top: 2cm;
  }
  #howworks > div.block > p {
    font-size: 3vw;
  }
  #howworks > h1 {
    font-size: 8.6vw;
    line-height: 10vw;
    background-size: 100%;
    width: 94%;
    margin: 0 3%;
    height: 16.5vw;
    top: -5.3vw;
  }
  #devices {
    margin-top: 2cm;
  }
  #devices > h1 {
    font-size: 8.6vw;
    line-height: 10vw;
    margin: 0 15% 0;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
  #devices > h1 > em {
    background-size: 350%;
    margin: -0.3cm 0 0 2%;
    width: 16%;
    left: -21%;
  }
  #devices > h1 > em:last-child {
    margin: -0.3cm 2% 0 0;
    right: -21%;
  }
  #devices > h1 > span {
    display: inline-block;
    white-space: normal;
  }
  #why {
    padding-top: 16.7vw;
  }
  #why > h1 {
    font-size: 8.6vw;
    line-height: 10vw;
    background-size: 100%;
    width: 94%;
    margin: 0 3%;
    height: 16.5vw;
    top: -5.3vw;
  }
  #faq_mini > h1 {
    font-size: 8.6vw;
    line-height: 10vw;
    background-size: 100%;
    width: 94%;
    margin: 0 3%;
    height: 16.5vw;
    top: -5.3vw;
  }
  #faq_mini div.faq > h3 {
    font-size: 0.6cm !important;
  }
  #review > h1 {
    font-size: 8.6vw;
    line-height: 10vw;
    background-size: 100%;
    width: 94%;
    margin: 0 3%;
    height: 16.5vw;
    top: -5.3vw;
  }
  #review > div.review_container {
    display: block;
  }
  #review > div.review_container > div {
    display: block;
    font-size: 0.4cm;
    width: auto;
    padding: 0.3cm 0.4cm 0.5cm;
  }
  #review > div.review_container > div > div {
    padding-bottom: 0.3cm;
    margin-bottom: 0.3cm;
  }
  #review > div.review_container > div > div > img {
    margin: 0.05cm 0.3cm 0.05cm 0.05cm;
  }
  #review > div.review_container > div > p {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 12cm) {
  #indextop > div.block_wide > div.text_container > div.text > p.p2 {
    width: auto;
    padding: 0.25cm 0;
  }
  #featuredon {
    padding: 0;
  }
  #featuredon > div.container {
    transform: scale(0.85, 0.85);
  }
  #howworks > div.block > p {
    font-size: 3.5vw;
  }
  #darkblue {
    font-size: 0.4cm;
  }
  #devices > h1 {
    margin: 0;
  }
  #devices > h1 > em {
    display: none;
  }
  #devices > div.listing > div > a {
    font-family: inherit;
    font-weight: normal;
    font-size: 0.46cm;
  }
  #why > div.answers > a,
  #why > div.answers > .link {
    font-size: 0.5cm;
  }
}
@media screen and (max-width: 10cm) {
  #indextop > div.block_wide > div.text_container > div.text > p.p1 {
    font-size: 7.8vw;
  }
  #indextop > div.block_wide > div.text_container > div.text > p.p2 {
    font-size: 6.5vw;
  }
  #indextop > div.block_wide > div.text_container > div.text > p.p3 {
    font-size: 5.8vw;
  }
  #featuredon > div.container {
    transform: scale(0.8, 0.8);
  }
  div.block > a.button.big {
    text-transform: uppercase;
    top: -9vw;
    position: relative;
    font-size: 7.7vw;
    padding: 0;
    line-height: 19vw;
    height: 17vw;
    width: 100%;
    -o-box-shadow: 0 1vw 0 #e4a911;
    -webkit-box-shadow: 0 1vw 0 #e4a911;
    -moz-box-shadow: 0 1vw 0 #e4a911;
    box-shadow: 0 1vw 0 #e4a911;
  }
}
@media screen and (max-width: 9cm) {
  #indextop {
    padding-bottom: 0.7cm;
  }
  #indextop > div.hero_bg_color {
    background-color: transparent !important;
  }
  #indextop > div.block_wide > div.hero_bg,
  #indextop > div.block_wide > div.arrow_white {
    display: none;
  }
}
@media screen and (max-width: 7cm) {
  #indextop > div.block_wide > div.text_container > div.text > a {
    font-size: 7.7vw;
  }
}
.click_green {
  display: block;
  background-image: url('/images/designs/zh/click1.gif');
  top: 7cm;
  left: 7.96cm;
  height: 1.6cm;
  width: 6.2cm;
}
@media screen and (max-width: 15cm) {
  .click_green {
    top: 46.7vw;
    left: 53.2vw;
    height: 10.9vw;
    width: 41.3vw;
  }
}
.click_yellow {
  display: block;
  background-image: url('/images/designs/zh/click2.gif');
  top: 5.95cm;
  left: 7.48cm;
  height: 1.8cm;
  width: 7.3cm;
}
@media screen and (max-width: 15cm) {
  .click_yellow {
    top: 39.8vw;
    left: 50vw;
    width: 48.5vw;
    height: 11vw;
  }
}
.percent_tablet {
  display: block;
  color: #ffffff;
  font-size: 1.75cm;
  top: 6.18cm;
  left: 3.9cm;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@media screen and (max-width: 15cm) {
  .percent_tablet {
    font-size: 12vw;
    top: 41.3vw;
    left: 25.8vw;
  }
}
.percent_red {
  display: block;
  color: #f41e00;
  font-size: 1.5cm;
  top: 4.5cm;
  left: 10.18cm;
  -moz-transform: rotate(-4deg);
  /* Для Firefox */
  -ms-transform: rotate(-4deg);
  /* Для IE */
  -webkit-transform: rotate(-4deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-4deg);
  /* Для Opera */
  transform: rotate(-4deg);
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@media screen and (max-width: 15cm) {
  .percent_red {
    top: 30vw;
    left: 68vw;
    font-size: 10vw;
  }
}
.percent_yellow {
  display: block;
  color: #f41e00;
  font-size: 1.5cm;
  top: 4.5cm;
  left: 10.18cm;
  -moz-transform: rotate(-4deg);
  /* Для Firefox */
  -ms-transform: rotate(-4deg);
  /* Для IE */
  -webkit-transform: rotate(-4deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-4deg);
  /* Для Opera */
  transform: rotate(-4deg);
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
  color: #f8ce11;
}
@media screen and (max-width: 15cm) {
  .percent_yellow {
    top: 30vw;
    left: 68vw;
    font-size: 10vw;
  }
}
.percent_white {
  display: block;
  color: #f41e00;
  font-size: 1.5cm;
  top: 4.5cm;
  left: 10.18cm;
  -moz-transform: rotate(-4deg);
  /* Для Firefox */
  -ms-transform: rotate(-4deg);
  /* Для IE */
  -webkit-transform: rotate(-4deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-4deg);
  /* Для Opera */
  transform: rotate(-4deg);
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
  color: #ffffff;
}
@media screen and (max-width: 15cm) {
  .percent_white {
    top: 30vw;
    left: 68vw;
    font-size: 10vw;
  }
}
.percent_pink {
  display: block;
  color: #fb268c;
  font-size: 1.8cm;
  top: 4.3cm;
  left: 9.85cm;
}
@media screen and (max-width: 15cm) {
  .percent_pink {
    top: 28.7vw;
    left: 65.8vw;
    font-size: 12vw;
  }
}
.free_period_tablet {
  position: absolute;
  display: none;
  top: 5.69cm;
  left: 3.32cm;
  height: 2.13cm;
  width: 3.03cm;
  padding-top: 0.25cm;
  background-color: #ea1c24;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.free_period_tablet > span {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: .54cm;
  line-height: 0.85cm;
  text-align: center;
  white-space: nowrap;
}
.free_period_tablet > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
}
@media screen and (max-width: 15cm) {
  .free_period_tablet {
    padding-top: 1.67vw;
    top: 38.07vw;
    left: 22.21vw;
    height: 14.25vw;
    width: 20.28vw;
  }
  .free_period_tablet > span {
    font-size: 3.61vw;
    line-height: 5.69vw;
  }
  .free_period_tablet > span > b {
    font-size: 4.68vw;
  }
}
.free_period_bubble {
  position: absolute;
  display: none;
  top: 0.5cm;
  left: 3.4cm;
  height: 3.5cm;
  width: 3.8cm;
  background: url('/images/bubble_message.png') no-repeat;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.free_period_bubble > span {
  color: #fe121c;
  position: relative;
  top: 0.9cm;
  left: 0.1cm;
  display: block;
  line-height: 0.85cm;
  font-weight: bold;
  font-size: .57cm;
  text-align: center;
  white-space: nowrap;
  -moz-transform: rotate(-10deg);
  /* Для Firefox */
  -ms-transform: rotate(-10deg);
  /* Для IE */
  -webkit-transform: rotate(-10deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-10deg);
  /* Для Opera */
  transform: rotate(-10deg);
}
.free_period_bubble > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
  color: #000;
}
@media screen and (max-width: 15cm) {
  .free_period_bubble {
    top: 3.35vw;
    left: 22.75vw;
    height: 23.42vw;
    width: 25.43vw;
    background-size: 25.43vw;
  }
  .free_period_bubble > span {
    top: 6.02vw;
    left: 0.67vw;
    line-height: 5.69vw;
    font-size: 3.81vw;
  }
  .free_period_bubble > span > b {
    font-size: 4.68vw;
  }
}
#indextop.none_design1 > div.hero_bg_color,
#indextop.none_design2 > div.hero_bg_color,
#indextop.none_design3 > div.hero_bg_color,
#indextop.saletoday_design1 > div.hero_bg_color {
  background-color: #79e2e7;
}
#indextop.none_design1 > div.block_wide > div.hero_bg,
#indextop.none_design2 > div.block_wide > div.hero_bg,
#indextop.none_design3 > div.block_wide > div.hero_bg,
#indextop.saletoday_design1 > div.block_wide > div.hero_bg {
  background-color: #79e2e7;
  background-image: url('/images/designs/bg-sky-balloons.png');
}
#indextop.none_design1 > div.block_wide > div.hero_bg > div.hero,
#indextop.none_design2 > div.block_wide > div.hero_bg > div.hero,
#indextop.none_design3 > div.block_wide > div.hero_bg > div.hero,
#indextop.saletoday_design1 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/sale_today.png');
}
#indextop.none_design1 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period,
#indextop.none_design2 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period,
#indextop.none_design3 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period,
#indextop.saletoday_design1 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.none_design1 > div.block_wide > div.hero_bg > div.hero > a.click,
#indextop.none_design2 > div.block_wide > div.hero_bg > div.hero > a.click,
#indextop.none_design3 > div.block_wide > div.hero_bg > div.hero > a.click,
#indextop.saletoday_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click1.gif');
  top: 7cm;
  left: 7.96cm;
  height: 1.6cm;
  width: 6.2cm;
}
@media screen and (max-width: 15cm) {
  #indextop.none_design1 > div.block_wide > div.hero_bg > div.hero > a.click,
  #indextop.none_design2 > div.block_wide > div.hero_bg > div.hero > a.click,
  #indextop.none_design3 > div.block_wide > div.hero_bg > div.hero > a.click,
  #indextop.saletoday_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 46.7vw;
    left: 53.2vw;
    height: 10.9vw;
    width: 41.3vw;
  }
}
#indextop.none_design1 > div.block_wide > div.hero_bg > div.hero > span.percent,
#indextop.none_design2 > div.block_wide > div.hero_bg > div.hero > span.percent,
#indextop.none_design3 > div.block_wide > div.hero_bg > div.hero > span.percent,
#indextop.saletoday_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #ffffff;
  font-size: 1.75cm;
  top: 6.18cm;
  left: 3.9cm;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@media screen and (max-width: 15cm) {
  #indextop.none_design1 > div.block_wide > div.hero_bg > div.hero > span.percent,
  #indextop.none_design2 > div.block_wide > div.hero_bg > div.hero > span.percent,
  #indextop.none_design3 > div.block_wide > div.hero_bg > div.hero > span.percent,
  #indextop.saletoday_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
    font-size: 12vw;
    top: 41.3vw;
    left: 25.8vw;
  }
}
#indextop.none_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period,
#indextop.none_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period,
#indextop.none_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period,
#indextop.saletoday_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 0.5cm;
  left: 3.4cm;
  height: 3.5cm;
  width: 3.8cm;
  background: url('/images/bubble_message.png') no-repeat;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.none_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span,
#indextop.none_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span,
#indextop.none_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period > span,
#indextop.saletoday_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  color: #fe121c;
  position: relative;
  top: 0.9cm;
  left: 0.1cm;
  display: block;
  line-height: 0.85cm;
  font-weight: bold;
  font-size: .57cm;
  text-align: center;
  white-space: nowrap;
  -moz-transform: rotate(-10deg);
  /* Для Firefox */
  -ms-transform: rotate(-10deg);
  /* Для IE */
  -webkit-transform: rotate(-10deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-10deg);
  /* Для Opera */
  transform: rotate(-10deg);
}
#indextop.none_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b,
#indextop.none_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b,
#indextop.none_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b,
#indextop.saletoday_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
  color: #000;
}
@media screen and (max-width: 15cm) {
  #indextop.none_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period,
  #indextop.none_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period,
  #indextop.none_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period,
  #indextop.saletoday_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    top: 3.35vw;
    left: 22.75vw;
    height: 23.42vw;
    width: 25.43vw;
    background-size: 25.43vw;
  }
  #indextop.none_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span,
  #indextop.none_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span,
  #indextop.none_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period > span,
  #indextop.saletoday_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    top: 6.02vw;
    left: 0.67vw;
    line-height: 5.69vw;
    font-size: 3.81vw;
  }
  #indextop.none_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b,
  #indextop.none_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b,
  #indextop.none_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b,
  #indextop.saletoday_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.spring_design1 > div.hero_bg_color {
  background-color: #e6f984;
}
#indextop.spring_design1 > div.block_wide > div.hero_bg {
  background-color: #e6f984;
  background-image: url('/images/designs/bg-spring.png');
}
#indextop.spring_design1 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/spring_01.png');
}
#indextop.spring_design1 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.spring_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click2.gif');
  top: 5.95cm;
  left: 7.48cm;
  height: 1.8cm;
  width: 7.3cm;
}
@media screen and (max-width: 15cm) {
  #indextop.spring_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 39.8vw;
    left: 50vw;
    width: 48.5vw;
    height: 11vw;
  }
}
#indextop.spring_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #f41e00;
  font-size: 1.5cm;
  top: 4.5cm;
  left: 10.18cm;
  -moz-transform: rotate(-4deg);
  /* Для Firefox */
  -ms-transform: rotate(-4deg);
  /* Для IE */
  -webkit-transform: rotate(-4deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-4deg);
  /* Для Opera */
  transform: rotate(-4deg);
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@media screen and (max-width: 15cm) {
  #indextop.spring_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
    top: 30vw;
    left: 68vw;
    font-size: 10vw;
  }
}
#indextop.spring_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 5.69cm;
  left: 3.32cm;
  height: 2.13cm;
  width: 3.03cm;
  padding-top: 0.25cm;
  background-color: #ea1c24;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.spring_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: .54cm;
  line-height: 0.85cm;
  text-align: center;
  white-space: nowrap;
}
#indextop.spring_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
}
@media screen and (max-width: 15cm) {
  #indextop.spring_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    padding-top: 1.67vw;
    top: 38.07vw;
    left: 22.21vw;
    height: 14.25vw;
    width: 20.28vw;
  }
  #indextop.spring_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    font-size: 3.61vw;
    line-height: 5.69vw;
  }
  #indextop.spring_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.spring_design2 > div.hero_bg_color {
  background-color: #79e2e7;
}
#indextop.spring_design2 > div.block_wide > div.hero_bg {
  background-color: #79e2e7;
  background-image: url('/images/designs/bg-sky-balloons.png');
}
#indextop.spring_design2 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/spring_02.png');
}
#indextop.spring_design2 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.spring_design2 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click1.gif');
  top: 7cm;
  left: 7.96cm;
  height: 1.6cm;
  width: 6.2cm;
}
@media screen and (max-width: 15cm) {
  #indextop.spring_design2 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 46.7vw;
    left: 53.2vw;
    height: 10.9vw;
    width: 41.3vw;
  }
}
#indextop.spring_design2 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #ffffff;
  font-size: 1.75cm;
  top: 6.18cm;
  left: 3.9cm;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@media screen and (max-width: 15cm) {
  #indextop.spring_design2 > div.block_wide > div.hero_bg > div.hero > span.percent {
    font-size: 12vw;
    top: 41.3vw;
    left: 25.8vw;
  }
}
#indextop.spring_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 0.5cm;
  left: 3.4cm;
  height: 3.5cm;
  width: 3.8cm;
  background: url('/images/bubble_message.png') no-repeat;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.spring_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  color: #fe121c;
  position: relative;
  top: 0.9cm;
  left: 0.1cm;
  display: block;
  line-height: 0.85cm;
  font-weight: bold;
  font-size: .57cm;
  text-align: center;
  white-space: nowrap;
  -moz-transform: rotate(-10deg);
  /* Для Firefox */
  -ms-transform: rotate(-10deg);
  /* Для IE */
  -webkit-transform: rotate(-10deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-10deg);
  /* Для Opera */
  transform: rotate(-10deg);
}
#indextop.spring_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
  color: #000;
}
@media screen and (max-width: 15cm) {
  #indextop.spring_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    top: 3.35vw;
    left: 22.75vw;
    height: 23.42vw;
    width: 25.43vw;
    background-size: 25.43vw;
  }
  #indextop.spring_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    top: 6.02vw;
    left: 0.67vw;
    line-height: 5.69vw;
    font-size: 3.81vw;
  }
  #indextop.spring_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.spring_design3 > div.hero_bg_color {
  background-color: #79e2e7;
}
#indextop.spring_design3 > div.block_wide > div.hero_bg {
  background-color: #79e2e7;
  background-image: url('/images/designs/bg-sky-balloons.png');
}
#indextop.spring_design3 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/sale_today.png');
}
#indextop.spring_design3 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.spring_design3 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click1.gif');
  top: 7cm;
  left: 7.96cm;
  height: 1.6cm;
  width: 6.2cm;
}
@media screen and (max-width: 15cm) {
  #indextop.spring_design3 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 46.7vw;
    left: 53.2vw;
    height: 10.9vw;
    width: 41.3vw;
  }
}
#indextop.spring_design3 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #ffffff;
  font-size: 1.75cm;
  top: 6.18cm;
  left: 3.9cm;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@media screen and (max-width: 15cm) {
  #indextop.spring_design3 > div.block_wide > div.hero_bg > div.hero > span.percent {
    font-size: 12vw;
    top: 41.3vw;
    left: 25.8vw;
  }
}
#indextop.spring_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 0.5cm;
  left: 3.4cm;
  height: 3.5cm;
  width: 3.8cm;
  background: url('/images/bubble_message.png') no-repeat;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.spring_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  color: #fe121c;
  position: relative;
  top: 0.9cm;
  left: 0.1cm;
  display: block;
  line-height: 0.85cm;
  font-weight: bold;
  font-size: .57cm;
  text-align: center;
  white-space: nowrap;
  -moz-transform: rotate(-10deg);
  /* Для Firefox */
  -ms-transform: rotate(-10deg);
  /* Для IE */
  -webkit-transform: rotate(-10deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-10deg);
  /* Для Opera */
  transform: rotate(-10deg);
}
#indextop.spring_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
  color: #000;
}
@media screen and (max-width: 15cm) {
  #indextop.spring_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    top: 3.35vw;
    left: 22.75vw;
    height: 23.42vw;
    width: 25.43vw;
    background-size: 25.43vw;
  }
  #indextop.spring_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    top: 6.02vw;
    left: 0.67vw;
    line-height: 5.69vw;
    font-size: 3.81vw;
  }
  #indextop.spring_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.summer_design1 > div.hero_bg_color {
  background-color: #5bdf00;
}
#indextop.summer_design1 > div.block_wide > div.hero_bg {
  background-color: #c8f463;
  background-image: -moz-linear-gradient(left, #c8f463, #5bdf00);
  background-image: -webkit-gradient(linear, left top, right top, from(#c8f463), to(#5bdf00));
  background-image: -webkit-linear-gradient(left, #c8f463, #5bdf00);
  background-image: -o-linear-gradient(left, #c8f463, #5bdf00);
  background-image: linear-gradient(to right, #c8f463, #5bdf00);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8f463', endColorstr='#5bdf00', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#c8f463, endColorstr=#5bdf00)";
  background-image: url('/images/designs/bg-summer.png');
}
#indextop.summer_design1 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/summer_01.png');
}
#indextop.summer_design1 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.summer_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click2.gif');
  top: 5.95cm;
  left: 7.48cm;
  height: 1.8cm;
  width: 7.3cm;
}
@media screen and (max-width: 15cm) {
  #indextop.summer_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 39.8vw;
    left: 50vw;
    width: 48.5vw;
    height: 11vw;
  }
}
#indextop.summer_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #f41e00;
  font-size: 1.5cm;
  top: 4.5cm;
  left: 10.18cm;
  -moz-transform: rotate(-4deg);
  /* Для Firefox */
  -ms-transform: rotate(-4deg);
  /* Для IE */
  -webkit-transform: rotate(-4deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-4deg);
  /* Для Opera */
  transform: rotate(-4deg);
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@media screen and (max-width: 15cm) {
  #indextop.summer_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
    top: 30vw;
    left: 68vw;
    font-size: 10vw;
  }
}
#indextop.summer_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 5.69cm;
  left: 3.32cm;
  height: 2.13cm;
  width: 3.03cm;
  padding-top: 0.25cm;
  background-color: #ea1c24;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.summer_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: .54cm;
  line-height: 0.85cm;
  text-align: center;
  white-space: nowrap;
}
#indextop.summer_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
}
@media screen and (max-width: 15cm) {
  #indextop.summer_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    padding-top: 1.67vw;
    top: 38.07vw;
    left: 22.21vw;
    height: 14.25vw;
    width: 20.28vw;
  }
  #indextop.summer_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    font-size: 3.61vw;
    line-height: 5.69vw;
  }
  #indextop.summer_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.summer_design2 > div.hero_bg_color {
  background-color: #79e2e7;
}
#indextop.summer_design2 > div.block_wide > div.hero_bg {
  background-color: #79e2e7;
  background-image: url('/images/designs/bg-sky-balloons.png');
}
#indextop.summer_design2 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/summer_02.png');
}
#indextop.summer_design2 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.summer_design2 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click1.gif');
  top: 7cm;
  left: 7.96cm;
  height: 1.6cm;
  width: 6.2cm;
}
@media screen and (max-width: 15cm) {
  #indextop.summer_design2 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 46.7vw;
    left: 53.2vw;
    height: 10.9vw;
    width: 41.3vw;
  }
}
#indextop.summer_design2 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #ffffff;
  font-size: 1.75cm;
  top: 6.18cm;
  left: 3.9cm;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@media screen and (max-width: 15cm) {
  #indextop.summer_design2 > div.block_wide > div.hero_bg > div.hero > span.percent {
    font-size: 12vw;
    top: 41.3vw;
    left: 25.8vw;
  }
}
#indextop.summer_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 0.5cm;
  left: 3.4cm;
  height: 3.5cm;
  width: 3.8cm;
  background: url('/images/bubble_message.png') no-repeat;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.summer_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  color: #fe121c;
  position: relative;
  top: 0.9cm;
  left: 0.1cm;
  display: block;
  line-height: 0.85cm;
  font-weight: bold;
  font-size: .57cm;
  text-align: center;
  white-space: nowrap;
  -moz-transform: rotate(-10deg);
  /* Для Firefox */
  -ms-transform: rotate(-10deg);
  /* Для IE */
  -webkit-transform: rotate(-10deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-10deg);
  /* Для Opera */
  transform: rotate(-10deg);
}
#indextop.summer_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
  color: #000;
}
@media screen and (max-width: 15cm) {
  #indextop.summer_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    top: 3.35vw;
    left: 22.75vw;
    height: 23.42vw;
    width: 25.43vw;
    background-size: 25.43vw;
  }
  #indextop.summer_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    top: 6.02vw;
    left: 0.67vw;
    line-height: 5.69vw;
    font-size: 3.81vw;
  }
  #indextop.summer_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.summer_design3 > div.hero_bg_color {
  background-color: #79e2e7;
}
#indextop.summer_design3 > div.block_wide > div.hero_bg {
  background-color: #79e2e7;
  background-image: url('/images/designs/bg-sky-balloons.png');
}
#indextop.summer_design3 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/sale_today.png');
}
#indextop.summer_design3 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.summer_design3 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click1.gif');
  top: 7cm;
  left: 7.96cm;
  height: 1.6cm;
  width: 6.2cm;
}
@media screen and (max-width: 15cm) {
  #indextop.summer_design3 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 46.7vw;
    left: 53.2vw;
    height: 10.9vw;
    width: 41.3vw;
  }
}
#indextop.summer_design3 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #ffffff;
  font-size: 1.75cm;
  top: 6.18cm;
  left: 3.9cm;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@media screen and (max-width: 15cm) {
  #indextop.summer_design3 > div.block_wide > div.hero_bg > div.hero > span.percent {
    font-size: 12vw;
    top: 41.3vw;
    left: 25.8vw;
  }
}
#indextop.summer_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 0.5cm;
  left: 3.4cm;
  height: 3.5cm;
  width: 3.8cm;
  background: url('/images/bubble_message.png') no-repeat;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.summer_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  color: #fe121c;
  position: relative;
  top: 0.9cm;
  left: 0.1cm;
  display: block;
  line-height: 0.85cm;
  font-weight: bold;
  font-size: .57cm;
  text-align: center;
  white-space: nowrap;
  -moz-transform: rotate(-10deg);
  /* Для Firefox */
  -ms-transform: rotate(-10deg);
  /* Для IE */
  -webkit-transform: rotate(-10deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-10deg);
  /* Для Opera */
  transform: rotate(-10deg);
}
#indextop.summer_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
  color: #000;
}
@media screen and (max-width: 15cm) {
  #indextop.summer_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    top: 3.35vw;
    left: 22.75vw;
    height: 23.42vw;
    width: 25.43vw;
    background-size: 25.43vw;
  }
  #indextop.summer_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    top: 6.02vw;
    left: 0.67vw;
    line-height: 5.69vw;
    font-size: 3.81vw;
  }
  #indextop.summer_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.autumn_design1 > div.hero_bg_color {
  background-color: #bcede9;
}
#indextop.autumn_design1 > div.block_wide > div.hero_bg {
  background-color: #bcede9;
  background-image: url('/images/designs/bg-autumn-rain.png');
}
#indextop.autumn_design1 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/autumn_01.png');
}
#indextop.autumn_design1 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.autumn_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click2.gif');
  top: 5.95cm;
  left: 7.48cm;
  height: 1.8cm;
  width: 7.3cm;
}
@media screen and (max-width: 15cm) {
  #indextop.autumn_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 39.8vw;
    left: 50vw;
    width: 48.5vw;
    height: 11vw;
  }
}
#indextop.autumn_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #f41e00;
  font-size: 1.5cm;
  top: 4.5cm;
  left: 10.18cm;
  -moz-transform: rotate(-4deg);
  /* Для Firefox */
  -ms-transform: rotate(-4deg);
  /* Для IE */
  -webkit-transform: rotate(-4deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-4deg);
  /* Для Opera */
  transform: rotate(-4deg);
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@media screen and (max-width: 15cm) {
  #indextop.autumn_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
    top: 30vw;
    left: 68vw;
    font-size: 10vw;
  }
}
#indextop.autumn_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 5.69cm;
  left: 3.32cm;
  height: 2.13cm;
  width: 3.03cm;
  padding-top: 0.25cm;
  background-color: #ea1c24;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.autumn_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: .54cm;
  line-height: 0.85cm;
  text-align: center;
  white-space: nowrap;
}
#indextop.autumn_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
}
@media screen and (max-width: 15cm) {
  #indextop.autumn_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    padding-top: 1.67vw;
    top: 38.07vw;
    left: 22.21vw;
    height: 14.25vw;
    width: 20.28vw;
  }
  #indextop.autumn_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    font-size: 3.61vw;
    line-height: 5.69vw;
  }
  #indextop.autumn_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.autumn_design2 > div.hero_bg_color {
  background-color: #bcede9;
}
#indextop.autumn_design2 > div.block_wide > div.hero_bg {
  background-color: #bcede9;
  background-image: url('/images/designs/bg-autumn-umbrella.png');
}
#indextop.autumn_design2 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/autumn_01.png');
}
#indextop.autumn_design2 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.autumn_design2 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click2.gif');
  top: 5.95cm;
  left: 7.48cm;
  height: 1.8cm;
  width: 7.3cm;
}
@media screen and (max-width: 15cm) {
  #indextop.autumn_design2 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 39.8vw;
    left: 50vw;
    width: 48.5vw;
    height: 11vw;
  }
}
#indextop.autumn_design2 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #f41e00;
  font-size: 1.5cm;
  top: 4.5cm;
  left: 10.18cm;
  -moz-transform: rotate(-4deg);
  /* Для Firefox */
  -ms-transform: rotate(-4deg);
  /* Для IE */
  -webkit-transform: rotate(-4deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-4deg);
  /* Для Opera */
  transform: rotate(-4deg);
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@media screen and (max-width: 15cm) {
  #indextop.autumn_design2 > div.block_wide > div.hero_bg > div.hero > span.percent {
    top: 30vw;
    left: 68vw;
    font-size: 10vw;
  }
}
#indextop.autumn_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 5.69cm;
  left: 3.32cm;
  height: 2.13cm;
  width: 3.03cm;
  padding-top: 0.25cm;
  background-color: #ea1c24;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.autumn_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: .54cm;
  line-height: 0.85cm;
  text-align: center;
  white-space: nowrap;
}
#indextop.autumn_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
}
@media screen and (max-width: 15cm) {
  #indextop.autumn_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    padding-top: 1.67vw;
    top: 38.07vw;
    left: 22.21vw;
    height: 14.25vw;
    width: 20.28vw;
  }
  #indextop.autumn_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    font-size: 3.61vw;
    line-height: 5.69vw;
  }
  #indextop.autumn_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.autumn_design3 > div.hero_bg_color {
  background-color: #f9f0e2;
}
#indextop.autumn_design3 > div.block_wide > div.hero_bg {
  background-color: #f9f0e2;
  background-image: url('/images/designs/bg-autumn-oak-light.png');
}
#indextop.autumn_design3 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/autumn_02.png');
}
#indextop.autumn_design3 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.autumn_design3 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click1.gif');
  top: 7cm;
  left: 7.96cm;
  height: 1.6cm;
  width: 6.2cm;
}
@media screen and (max-width: 15cm) {
  #indextop.autumn_design3 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 46.7vw;
    left: 53.2vw;
    height: 10.9vw;
    width: 41.3vw;
  }
}
#indextop.autumn_design3 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #ffffff;
  font-size: 1.75cm;
  top: 6.18cm;
  left: 3.9cm;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@media screen and (max-width: 15cm) {
  #indextop.autumn_design3 > div.block_wide > div.hero_bg > div.hero > span.percent {
    font-size: 12vw;
    top: 41.3vw;
    left: 25.8vw;
  }
}
#indextop.autumn_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 0.5cm;
  left: 3.4cm;
  height: 3.5cm;
  width: 3.8cm;
  background: url('/images/bubble_message.png') no-repeat;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.autumn_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  color: #fe121c;
  position: relative;
  top: 0.9cm;
  left: 0.1cm;
  display: block;
  line-height: 0.85cm;
  font-weight: bold;
  font-size: .57cm;
  text-align: center;
  white-space: nowrap;
  -moz-transform: rotate(-10deg);
  /* Для Firefox */
  -ms-transform: rotate(-10deg);
  /* Для IE */
  -webkit-transform: rotate(-10deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-10deg);
  /* Для Opera */
  transform: rotate(-10deg);
}
#indextop.autumn_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
  color: #000;
}
@media screen and (max-width: 15cm) {
  #indextop.autumn_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    top: 3.35vw;
    left: 22.75vw;
    height: 23.42vw;
    width: 25.43vw;
    background-size: 25.43vw;
  }
  #indextop.autumn_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    top: 6.02vw;
    left: 0.67vw;
    line-height: 5.69vw;
    font-size: 3.81vw;
  }
  #indextop.autumn_design3 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.autumn_design4 > div.hero_bg_color {
  background-color: #ce2c62;
}
#indextop.autumn_design4 > div.block_wide > div.hero_bg {
  background-color: #ce2c62;
  background-image: url('/images/designs/bg-autumn-leaves.png');
}
#indextop.autumn_design4 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/autumn_02.png');
}
#indextop.autumn_design4 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.autumn_design4 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click1.gif');
  top: 7cm;
  left: 7.96cm;
  height: 1.6cm;
  width: 6.2cm;
}
@media screen and (max-width: 15cm) {
  #indextop.autumn_design4 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 46.7vw;
    left: 53.2vw;
    height: 10.9vw;
    width: 41.3vw;
  }
}
#indextop.autumn_design4 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #ffffff;
  font-size: 1.75cm;
  top: 6.18cm;
  left: 3.9cm;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@media screen and (max-width: 15cm) {
  #indextop.autumn_design4 > div.block_wide > div.hero_bg > div.hero > span.percent {
    font-size: 12vw;
    top: 41.3vw;
    left: 25.8vw;
  }
}
#indextop.autumn_design4 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 0.5cm;
  left: 3.4cm;
  height: 3.5cm;
  width: 3.8cm;
  background: url('/images/bubble_message.png') no-repeat;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.autumn_design4 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  color: #fe121c;
  position: relative;
  top: 0.9cm;
  left: 0.1cm;
  display: block;
  line-height: 0.85cm;
  font-weight: bold;
  font-size: .57cm;
  text-align: center;
  white-space: nowrap;
  -moz-transform: rotate(-10deg);
  /* Для Firefox */
  -ms-transform: rotate(-10deg);
  /* Для IE */
  -webkit-transform: rotate(-10deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-10deg);
  /* Для Opera */
  transform: rotate(-10deg);
}
#indextop.autumn_design4 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
  color: #000;
}
@media screen and (max-width: 15cm) {
  #indextop.autumn_design4 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    top: 3.35vw;
    left: 22.75vw;
    height: 23.42vw;
    width: 25.43vw;
    background-size: 25.43vw;
  }
  #indextop.autumn_design4 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    top: 6.02vw;
    left: 0.67vw;
    line-height: 5.69vw;
    font-size: 3.81vw;
  }
  #indextop.autumn_design4 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.autumn_design5 > div.hero_bg_color {
  background-color: #ffaf00;
}
#indextop.autumn_design5 > div.block_wide > div.hero_bg {
  background-color: #ffdb00;
  background-image: url('/images/designs/bg-autumn-oak.png');
}
#indextop.autumn_design5 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/sale_today.png');
}
#indextop.autumn_design5 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.autumn_design5 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click1.gif');
  top: 7cm;
  left: 7.96cm;
  height: 1.6cm;
  width: 6.2cm;
}
@media screen and (max-width: 15cm) {
  #indextop.autumn_design5 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 46.7vw;
    left: 53.2vw;
    height: 10.9vw;
    width: 41.3vw;
  }
}
#indextop.autumn_design5 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #ffffff;
  font-size: 1.75cm;
  top: 6.18cm;
  left: 3.9cm;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@media screen and (max-width: 15cm) {
  #indextop.autumn_design5 > div.block_wide > div.hero_bg > div.hero > span.percent {
    font-size: 12vw;
    top: 41.3vw;
    left: 25.8vw;
  }
}
#indextop.autumn_design5 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 0.5cm;
  left: 3.4cm;
  height: 3.5cm;
  width: 3.8cm;
  background: url('/images/bubble_message.png') no-repeat;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.autumn_design5 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  color: #fe121c;
  position: relative;
  top: 0.9cm;
  left: 0.1cm;
  display: block;
  line-height: 0.85cm;
  font-weight: bold;
  font-size: .57cm;
  text-align: center;
  white-space: nowrap;
  -moz-transform: rotate(-10deg);
  /* Для Firefox */
  -ms-transform: rotate(-10deg);
  /* Для IE */
  -webkit-transform: rotate(-10deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-10deg);
  /* Для Opera */
  transform: rotate(-10deg);
}
#indextop.autumn_design5 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
  color: #000;
}
@media screen and (max-width: 15cm) {
  #indextop.autumn_design5 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    top: 3.35vw;
    left: 22.75vw;
    height: 23.42vw;
    width: 25.43vw;
    background-size: 25.43vw;
  }
  #indextop.autumn_design5 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    top: 6.02vw;
    left: 0.67vw;
    line-height: 5.69vw;
    font-size: 3.81vw;
  }
  #indextop.autumn_design5 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.winter_design1 > div.hero_bg_color {
  background-color: #000000;
}
#indextop.winter_design1 > div.block_wide > div.hero_bg {
  background-color: #00284c;
  background-image: url('/images/designs/bg-snow-dark.png');
}
#indextop.winter_design1 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/winter_01.png?1');
}
#indextop.winter_design1 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.winter_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click2.gif');
  top: 5.95cm;
  left: 7.48cm;
  height: 1.8cm;
  width: 7.3cm;
}
@media screen and (max-width: 15cm) {
  #indextop.winter_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 39.8vw;
    left: 50vw;
    width: 48.5vw;
    height: 11vw;
  }
}
#indextop.winter_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #f41e00;
  font-size: 1.5cm;
  top: 4.5cm;
  left: 10.18cm;
  -moz-transform: rotate(-4deg);
  /* Для Firefox */
  -ms-transform: rotate(-4deg);
  /* Для IE */
  -webkit-transform: rotate(-4deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-4deg);
  /* Для Opera */
  transform: rotate(-4deg);
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
  color: #f8ce11;
}
@media screen and (max-width: 15cm) {
  #indextop.winter_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
    top: 30vw;
    left: 68vw;
    font-size: 10vw;
  }
}
#indextop.winter_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 5.69cm;
  left: 3.32cm;
  height: 2.13cm;
  width: 3.03cm;
  padding-top: 0.25cm;
  background-color: #ea1c24;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.winter_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: .54cm;
  line-height: 0.85cm;
  text-align: center;
  white-space: nowrap;
}
#indextop.winter_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
}
@media screen and (max-width: 15cm) {
  #indextop.winter_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    padding-top: 1.67vw;
    top: 38.07vw;
    left: 22.21vw;
    height: 14.25vw;
    width: 20.28vw;
  }
  #indextop.winter_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    font-size: 3.61vw;
    line-height: 5.69vw;
  }
  #indextop.winter_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.winter_design2 > div.hero_bg_color {
  background-color: #ffaf00;
}
#indextop.winter_design2 > div.block_wide > div.hero_bg {
  background-color: #ffdb00;
  background-image: url('/images/designs/bg-snow.png');
}
#indextop.winter_design2 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/winter_02.png?1');
}
#indextop.winter_design2 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.winter_design2 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click1.gif');
  top: 7cm;
  left: 7.96cm;
  height: 1.6cm;
  width: 6.2cm;
}
@media screen and (max-width: 15cm) {
  #indextop.winter_design2 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 46.7vw;
    left: 53.2vw;
    height: 10.9vw;
    width: 41.3vw;
  }
}
#indextop.winter_design2 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #ffffff;
  font-size: 1.75cm;
  top: 6.18cm;
  left: 3.9cm;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@media screen and (max-width: 15cm) {
  #indextop.winter_design2 > div.block_wide > div.hero_bg > div.hero > span.percent {
    font-size: 12vw;
    top: 41.3vw;
    left: 25.8vw;
  }
}
#indextop.winter_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 0.5cm;
  left: 3.4cm;
  height: 3.5cm;
  width: 3.8cm;
  background: url('/images/bubble_message.png') no-repeat;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.winter_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  color: #fe121c;
  position: relative;
  top: 0.9cm;
  left: 0.1cm;
  display: block;
  line-height: 0.85cm;
  font-weight: bold;
  font-size: .57cm;
  text-align: center;
  white-space: nowrap;
  -moz-transform: rotate(-10deg);
  /* Для Firefox */
  -ms-transform: rotate(-10deg);
  /* Для IE */
  -webkit-transform: rotate(-10deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-10deg);
  /* Для Opera */
  transform: rotate(-10deg);
}
#indextop.winter_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
  color: #000;
}
@media screen and (max-width: 15cm) {
  #indextop.winter_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    top: 3.35vw;
    left: 22.75vw;
    height: 23.42vw;
    width: 25.43vw;
    background-size: 25.43vw;
  }
  #indextop.winter_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    top: 6.02vw;
    left: 0.67vw;
    line-height: 5.69vw;
    font-size: 3.81vw;
  }
  #indextop.winter_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.christmas_design1 > div.hero_bg_color {
  background-color: #000000;
}
#indextop.christmas_design1 > div.block_wide > div.hero_bg {
  background-color: #00284c;
  background-image: url('/images/designs/bg-snow-dark.png');
}
#indextop.christmas_design1 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/christmas_01.png');
}
#indextop.christmas_design1 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.christmas_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click2.gif');
  top: 5.95cm;
  left: 7.48cm;
  height: 1.8cm;
  width: 7.3cm;
}
@media screen and (max-width: 15cm) {
  #indextop.christmas_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 39.8vw;
    left: 50vw;
    width: 48.5vw;
    height: 11vw;
  }
}
#indextop.christmas_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #f41e00;
  font-size: 1.5cm;
  top: 4.5cm;
  left: 10.18cm;
  -moz-transform: rotate(-4deg);
  /* Для Firefox */
  -ms-transform: rotate(-4deg);
  /* Для IE */
  -webkit-transform: rotate(-4deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-4deg);
  /* Для Opera */
  transform: rotate(-4deg);
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
  color: #f8ce11;
}
@media screen and (max-width: 15cm) {
  #indextop.christmas_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
    top: 30vw;
    left: 68vw;
    font-size: 10vw;
  }
}
#indextop.christmas_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 5.69cm;
  left: 3.32cm;
  height: 2.13cm;
  width: 3.03cm;
  padding-top: 0.25cm;
  background-color: #ea1c24;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.christmas_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: .54cm;
  line-height: 0.85cm;
  text-align: center;
  white-space: nowrap;
}
#indextop.christmas_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
}
@media screen and (max-width: 15cm) {
  #indextop.christmas_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    padding-top: 1.67vw;
    top: 38.07vw;
    left: 22.21vw;
    height: 14.25vw;
    width: 20.28vw;
  }
  #indextop.christmas_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    font-size: 3.61vw;
    line-height: 5.69vw;
  }
  #indextop.christmas_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.christmas_design2 > div.hero_bg_color {
  background-color: #ffaf00;
}
#indextop.christmas_design2 > div.block_wide > div.hero_bg {
  background-color: #ffdb00;
  background-image: url('/images/designs/bg-snow.png');
}
#indextop.christmas_design2 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/christmas_02.png');
}
#indextop.christmas_design2 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.christmas_design2 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click1.gif');
  top: 7cm;
  left: 7.96cm;
  height: 1.6cm;
  width: 6.2cm;
}
@media screen and (max-width: 15cm) {
  #indextop.christmas_design2 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 46.7vw;
    left: 53.2vw;
    height: 10.9vw;
    width: 41.3vw;
  }
}
#indextop.christmas_design2 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #ffffff;
  font-size: 1.75cm;
  top: 6.18cm;
  left: 3.9cm;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@media screen and (max-width: 15cm) {
  #indextop.christmas_design2 > div.block_wide > div.hero_bg > div.hero > span.percent {
    font-size: 12vw;
    top: 41.3vw;
    left: 25.8vw;
  }
}
#indextop.christmas_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 0.5cm;
  left: 3.4cm;
  height: 3.5cm;
  width: 3.8cm;
  background: url('/images/bubble_message.png') no-repeat;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.christmas_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  color: #fe121c;
  position: relative;
  top: 0.9cm;
  left: 0.1cm;
  display: block;
  line-height: 0.85cm;
  font-weight: bold;
  font-size: .57cm;
  text-align: center;
  white-space: nowrap;
  -moz-transform: rotate(-10deg);
  /* Для Firefox */
  -ms-transform: rotate(-10deg);
  /* Для IE */
  -webkit-transform: rotate(-10deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-10deg);
  /* Для Opera */
  transform: rotate(-10deg);
}
#indextop.christmas_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
  color: #000;
}
@media screen and (max-width: 15cm) {
  #indextop.christmas_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    top: 3.35vw;
    left: 22.75vw;
    height: 23.42vw;
    width: 25.43vw;
    background-size: 25.43vw;
  }
  #indextop.christmas_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    top: 6.02vw;
    left: 0.67vw;
    line-height: 5.69vw;
    font-size: 3.81vw;
  }
  #indextop.christmas_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.newyear_design1 > div.hero_bg_color {
  background-color: #000000;
}
#indextop.newyear_design1 > div.block_wide > div.hero_bg {
  background-color: #00284c;
  background-image: url('/images/designs/bg-snow-dark.png');
}
#indextop.newyear_design1 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/newyear_01.png');
}
#indextop.newyear_design1 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.newyear_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click2.gif');
  top: 5.95cm;
  left: 7.48cm;
  height: 1.8cm;
  width: 7.3cm;
}
@media screen and (max-width: 15cm) {
  #indextop.newyear_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 39.8vw;
    left: 50vw;
    width: 48.5vw;
    height: 11vw;
  }
}
#indextop.newyear_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #f41e00;
  font-size: 1.5cm;
  top: 4.5cm;
  left: 10.18cm;
  -moz-transform: rotate(-4deg);
  /* Для Firefox */
  -ms-transform: rotate(-4deg);
  /* Для IE */
  -webkit-transform: rotate(-4deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-4deg);
  /* Для Opera */
  transform: rotate(-4deg);
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
  color: #f8ce11;
}
@media screen and (max-width: 15cm) {
  #indextop.newyear_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
    top: 30vw;
    left: 68vw;
    font-size: 10vw;
  }
}
#indextop.newyear_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 5.69cm;
  left: 3.32cm;
  height: 2.13cm;
  width: 3.03cm;
  padding-top: 0.25cm;
  background-color: #ea1c24;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.newyear_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: .54cm;
  line-height: 0.85cm;
  text-align: center;
  white-space: nowrap;
}
#indextop.newyear_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
}
@media screen and (max-width: 15cm) {
  #indextop.newyear_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    padding-top: 1.67vw;
    top: 38.07vw;
    left: 22.21vw;
    height: 14.25vw;
    width: 20.28vw;
  }
  #indextop.newyear_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    font-size: 3.61vw;
    line-height: 5.69vw;
  }
  #indextop.newyear_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.newyear_design2 > div.hero_bg_color {
  background-color: #ffaf00;
}
#indextop.newyear_design2 > div.block_wide > div.hero_bg {
  background-color: #ffd600;
  background-image: url('/images/designs/bg-snow.png');
}
#indextop.newyear_design2 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/newyear_02.png');
}
#indextop.newyear_design2 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.newyear_design2 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click1.gif');
  top: 7cm;
  left: 7.96cm;
  height: 1.6cm;
  width: 6.2cm;
}
@media screen and (max-width: 15cm) {
  #indextop.newyear_design2 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 46.7vw;
    left: 53.2vw;
    height: 10.9vw;
    width: 41.3vw;
  }
}
#indextop.newyear_design2 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #ffffff;
  font-size: 1.75cm;
  top: 6.18cm;
  left: 3.9cm;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@media screen and (max-width: 15cm) {
  #indextop.newyear_design2 > div.block_wide > div.hero_bg > div.hero > span.percent {
    font-size: 12vw;
    top: 41.3vw;
    left: 25.8vw;
  }
}
#indextop.newyear_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 0.5cm;
  left: 3.4cm;
  height: 3.5cm;
  width: 3.8cm;
  background: url('/images/bubble_message.png') no-repeat;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.newyear_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  color: #fe121c;
  position: relative;
  top: 0.9cm;
  left: 0.1cm;
  display: block;
  line-height: 0.85cm;
  font-weight: bold;
  font-size: .57cm;
  text-align: center;
  white-space: nowrap;
  -moz-transform: rotate(-10deg);
  /* Для Firefox */
  -ms-transform: rotate(-10deg);
  /* Для IE */
  -webkit-transform: rotate(-10deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-10deg);
  /* Для Opera */
  transform: rotate(-10deg);
}
#indextop.newyear_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
  color: #000;
}
@media screen and (max-width: 15cm) {
  #indextop.newyear_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    top: 3.35vw;
    left: 22.75vw;
    height: 23.42vw;
    width: 25.43vw;
    background-size: 25.43vw;
  }
  #indextop.newyear_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    top: 6.02vw;
    left: 0.67vw;
    line-height: 5.69vw;
    font-size: 3.81vw;
  }
  #indextop.newyear_design2 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.halloween_design1 > div.hero_bg_color {
  background-color: #000000;
}
#indextop.halloween_design1 > div.block_wide > div.hero_bg {
  background-color: #000000;
  background-image: url('/images/designs/bg-halloween.png');
}
#indextop.halloween_design1 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/halloween_01.png');
}
#indextop.halloween_design1 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.halloween_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click2.gif');
  top: 5.95cm;
  left: 7.48cm;
  height: 1.8cm;
  width: 7.3cm;
}
@media screen and (max-width: 15cm) {
  #indextop.halloween_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 39.8vw;
    left: 50vw;
    width: 48.5vw;
    height: 11vw;
  }
}
#indextop.halloween_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #f41e00;
  font-size: 1.5cm;
  top: 4.5cm;
  left: 10.18cm;
  -moz-transform: rotate(-4deg);
  /* Для Firefox */
  -ms-transform: rotate(-4deg);
  /* Для IE */
  -webkit-transform: rotate(-4deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-4deg);
  /* Для Opera */
  transform: rotate(-4deg);
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
  color: #ffffff;
}
@media screen and (max-width: 15cm) {
  #indextop.halloween_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
    top: 30vw;
    left: 68vw;
    font-size: 10vw;
  }
}
#indextop.halloween_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 5.69cm;
  left: 3.32cm;
  height: 2.13cm;
  width: 3.03cm;
  padding-top: 0.25cm;
  background-color: #ea1c24;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.halloween_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: .54cm;
  line-height: 0.85cm;
  text-align: center;
  white-space: nowrap;
}
#indextop.halloween_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
}
@media screen and (max-width: 15cm) {
  #indextop.halloween_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    padding-top: 1.67vw;
    top: 38.07vw;
    left: 22.21vw;
    height: 14.25vw;
    width: 20.28vw;
  }
  #indextop.halloween_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    font-size: 3.61vw;
    line-height: 5.69vw;
  }
  #indextop.halloween_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.easter_design1 > div.hero_bg_color {
  background-color: #96dcf5;
}
#indextop.easter_design1 > div.block_wide > div.hero_bg {
  background-color: #96dcf5;
  background-image: url('/images/designs/bg-easter.png');
}
#indextop.easter_design1 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/easter_01.png');
}
#indextop.easter_design1 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.easter_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click1.gif');
  top: 7cm;
  left: 7.96cm;
  height: 1.6cm;
  width: 6.2cm;
}
@media screen and (max-width: 15cm) {
  #indextop.easter_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 46.7vw;
    left: 53.2vw;
    height: 10.9vw;
    width: 41.3vw;
  }
}
#indextop.easter_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #ffffff;
  font-size: 1.75cm;
  top: 6.18cm;
  left: 3.9cm;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@media screen and (max-width: 15cm) {
  #indextop.easter_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
    font-size: 12vw;
    top: 41.3vw;
    left: 25.8vw;
  }
}
#indextop.easter_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 0.5cm;
  left: 3.4cm;
  height: 3.5cm;
  width: 3.8cm;
  background: url('/images/bubble_message.png') no-repeat;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.easter_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  color: #fe121c;
  position: relative;
  top: 0.9cm;
  left: 0.1cm;
  display: block;
  line-height: 0.85cm;
  font-weight: bold;
  font-size: .57cm;
  text-align: center;
  white-space: nowrap;
  -moz-transform: rotate(-10deg);
  /* Для Firefox */
  -ms-transform: rotate(-10deg);
  /* Для IE */
  -webkit-transform: rotate(-10deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-10deg);
  /* Для Opera */
  transform: rotate(-10deg);
}
#indextop.easter_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
  color: #000;
}
@media screen and (max-width: 15cm) {
  #indextop.easter_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    top: 3.35vw;
    left: 22.75vw;
    height: 23.42vw;
    width: 25.43vw;
    background-size: 25.43vw;
  }
  #indextop.easter_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    top: 6.02vw;
    left: 0.67vw;
    line-height: 5.69vw;
    font-size: 3.81vw;
  }
  #indextop.easter_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.blackfriday_design1 > div.hero_bg_color {
  background-color: #fb268c;
}
#indextop.blackfriday_design1 > div.block_wide > div.hero_bg {
  background-image: none;
  background-color: #fb268c;
}
#indextop.blackfriday_design1 > div.block_wide > div.hero_bg > div.hero {
  top: 0.4cm;
  background-image: url('/images/designs/zh/blackfriday_01.png');
}
#indextop.blackfriday_design1 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.blackfriday_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click2.gif');
  top: 5.95cm;
  left: 7.48cm;
  height: 1.8cm;
  width: 7.3cm;
}
@media screen and (max-width: 15cm) {
  #indextop.blackfriday_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 39.8vw;
    left: 50vw;
    width: 48.5vw;
    height: 11vw;
  }
}
#indextop.blackfriday_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #fb268c;
  font-size: 1.8cm;
  top: 4.3cm;
  left: 9.85cm;
}
@media screen and (max-width: 15cm) {
  #indextop.blackfriday_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
    top: 28.7vw;
    left: 65.8vw;
    font-size: 12vw;
  }
}
#indextop.blackfriday_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  background-color: #fff!important;
  position: absolute;
  display: none;
  top: 5.69cm;
  left: 3.32cm;
  height: 2.13cm;
  width: 3.03cm;
  padding-top: 0.25cm;
  background-color: #ea1c24;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.blackfriday_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  color: #fb268c!important;
}
#indextop.blackfriday_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  color: #000!important;
}
#indextop.blackfriday_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: .54cm;
  line-height: 0.85cm;
  text-align: center;
  white-space: nowrap;
}
#indextop.blackfriday_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
}
@media screen and (max-width: 15cm) {
  #indextop.blackfriday_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    padding-top: 1.67vw;
    top: 38.07vw;
    left: 22.21vw;
    height: 14.25vw;
    width: 20.28vw;
  }
  #indextop.blackfriday_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    font-size: 3.61vw;
    line-height: 5.69vw;
  }
  #indextop.blackfriday_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.cybermonday_design1 > div.hero_bg_color {
  background-color: #01fae5;
}
#indextop.cybermonday_design1 > div.block_wide > div.hero_bg {
  background-image: none;
  background-color: #01fae5;
}
#indextop.cybermonday_design1 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/cybermonday_01.png');
}
#indextop.cybermonday_design1 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.cybermonday_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click1.gif');
  top: 7cm;
  left: 7.96cm;
  height: 1.6cm;
  width: 6.2cm;
}
@media screen and (max-width: 15cm) {
  #indextop.cybermonday_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 46.7vw;
    left: 53.2vw;
    height: 10.9vw;
    width: 41.3vw;
  }
}
#indextop.cybermonday_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #ffffff;
  font-size: 1.75cm;
  top: 6.18cm;
  left: 3.9cm;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@media screen and (max-width: 15cm) {
  #indextop.cybermonday_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
    font-size: 12vw;
    top: 41.3vw;
    left: 25.8vw;
  }
}
#indextop.cybermonday_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 0.5cm;
  left: 3.4cm;
  height: 3.5cm;
  width: 3.8cm;
  background: url('/images/bubble_message.png') no-repeat;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.cybermonday_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  color: #fe121c;
  position: relative;
  top: 0.9cm;
  left: 0.1cm;
  display: block;
  line-height: 0.85cm;
  font-weight: bold;
  font-size: .57cm;
  text-align: center;
  white-space: nowrap;
  -moz-transform: rotate(-10deg);
  /* Для Firefox */
  -ms-transform: rotate(-10deg);
  /* Для IE */
  -webkit-transform: rotate(-10deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-10deg);
  /* Для Opera */
  transform: rotate(-10deg);
}
#indextop.cybermonday_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
  color: #000;
}
@media screen and (max-width: 15cm) {
  #indextop.cybermonday_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    top: 3.35vw;
    left: 22.75vw;
    height: 23.42vw;
    width: 25.43vw;
    background-size: 25.43vw;
  }
  #indextop.cybermonday_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    top: 6.02vw;
    left: 0.67vw;
    line-height: 5.69vw;
    font-size: 3.81vw;
  }
  #indextop.cybermonday_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.cyberweek_design1 > div.hero_bg_color {
  background-color: #01fae5;
}
#indextop.cyberweek_design1 > div.block_wide > div.hero_bg {
  background-image: none;
  background-color: #01fae5;
}
#indextop.cyberweek_design1 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/cyberweek_01.png');
}
#indextop.cyberweek_design1 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.cyberweek_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click1.gif');
  top: 7cm;
  left: 7.96cm;
  height: 1.6cm;
  width: 6.2cm;
}
@media screen and (max-width: 15cm) {
  #indextop.cyberweek_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 46.7vw;
    left: 53.2vw;
    height: 10.9vw;
    width: 41.3vw;
  }
}
#indextop.cyberweek_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #ffffff;
  font-size: 1.75cm;
  top: 6.18cm;
  left: 3.9cm;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@media screen and (max-width: 15cm) {
  #indextop.cyberweek_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
    font-size: 12vw;
    top: 41.3vw;
    left: 25.8vw;
  }
}
#indextop.cyberweek_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 0.5cm;
  left: 3.4cm;
  height: 3.5cm;
  width: 3.8cm;
  background: url('/images/bubble_message.png') no-repeat;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.cyberweek_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  color: #fe121c;
  position: relative;
  top: 0.9cm;
  left: 0.1cm;
  display: block;
  line-height: 0.85cm;
  font-weight: bold;
  font-size: .57cm;
  text-align: center;
  white-space: nowrap;
  -moz-transform: rotate(-10deg);
  /* Для Firefox */
  -ms-transform: rotate(-10deg);
  /* Для IE */
  -webkit-transform: rotate(-10deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-10deg);
  /* Для Opera */
  transform: rotate(-10deg);
}
#indextop.cyberweek_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
  color: #000;
}
@media screen and (max-width: 15cm) {
  #indextop.cyberweek_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    top: 3.35vw;
    left: 22.75vw;
    height: 23.42vw;
    width: 25.43vw;
    background-size: 25.43vw;
  }
  #indextop.cyberweek_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    top: 6.02vw;
    left: 0.67vw;
    line-height: 5.69vw;
    font-size: 3.81vw;
  }
  #indextop.cyberweek_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}
#indextop.stayhome_design1 > div.hero_bg_color {
  background-color: #c7edfa;
}
#indextop.stayhome_design1 > div.block_wide > div.hero_bg {
  background-color: #c7edfa;
  background-image: url('/images/designs/bg-stayhome.png');
}
#indextop.stayhome_design1 > div.block_wide > div.hero_bg > div.hero {
  background-image: url('/images/designs/zh/stayhome_01.png');
}
#indextop.stayhome_design1 > div.block_wide > div.hero_bg > div.hero.free_period > span.free_period {
  display: block;
}
#indextop.stayhome_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
  display: block;
  background-image: url('/images/designs/zh/click2.gif');
  top: 5.95cm;
  left: 7.48cm;
  height: 1.8cm;
  width: 7.3cm;
}
@media screen and (max-width: 15cm) {
  #indextop.stayhome_design1 > div.block_wide > div.hero_bg > div.hero > a.click {
    top: 39.8vw;
    left: 50vw;
    width: 48.5vw;
    height: 11vw;
  }
}
#indextop.stayhome_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
  display: block;
  color: #f41e00;
  font-size: 1.5cm;
  top: 4.5cm;
  left: 10.18cm;
  -moz-transform: rotate(-4deg);
  /* Для Firefox */
  -ms-transform: rotate(-4deg);
  /* Для IE */
  -webkit-transform: rotate(-4deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(-4deg);
  /* Для Opera */
  transform: rotate(-4deg);
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@media screen and (max-width: 15cm) {
  #indextop.stayhome_design1 > div.block_wide > div.hero_bg > div.hero > span.percent {
    top: 30vw;
    left: 68vw;
    font-size: 10vw;
  }
}
#indextop.stayhome_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
  position: absolute;
  display: none;
  top: 5.69cm;
  left: 3.32cm;
  height: 2.13cm;
  width: 3.03cm;
  padding-top: 0.25cm;
  background-color: #ea1c24;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#indextop.stayhome_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: .54cm;
  line-height: 0.85cm;
  text-align: center;
  white-space: nowrap;
}
#indextop.stayhome_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
  display: block;
  font-weight: bold;
  font-size: .7cm;
  white-space: nowrap;
}
@media screen and (max-width: 15cm) {
  #indextop.stayhome_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period {
    padding-top: 1.67vw;
    top: 38.07vw;
    left: 22.21vw;
    height: 14.25vw;
    width: 20.28vw;
  }
  #indextop.stayhome_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span {
    font-size: 3.61vw;
    line-height: 5.69vw;
  }
  #indextop.stayhome_design1 > div.block_wide > div.hero_bg > div.hero > span.free_period > span > b {
    font-size: 4.68vw;
  }
}