@charset "UTF-8";
* {
  font-family: "Microsoft JhengHei", "Arial"; }

body {
  background: #f4f5f6;
  overflow-x: hidden;
  font-family: "Microsoft JhengHei", "Arial"; }

a {
  text-decoration: none; }

html.freeze, body.freeze {
  overflow-y: hidden; }

.counter-analog {
  position: absolute;
  top: 200px;
  left: 50%;
  margin-left: -90px; }
  .counter-analog span.part span.digit {
    margin-left: 10px; }

.fund {
  background: url(../images/fund_2x.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 420px;
  height: 187px;
  position: absolute;
  left: 50%;
  margin-left: -420px;
  top: 40%; }
  @media screen and (min-width: 320px) and (max-width: 1023px) {
    .fund {
      background: url(../images/fund_m_2x.png);
      background-repeat: no-repeat;
      background-size: contain;
      width: 336px;
      height: 118px;
      margin-left: -168px;
      top: 25%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .fund {
      top: 30%; } }

table th, table td {
  vertical-align: middle; }

.rating {
  color: #FFF;
  position: absolute;
  left: 50%;
  top: 50%; }
  .rating .star {
    position: absolute;
    top: -55px;
    width: 200px;
    right: 0; }
    @media screen and (min-width: 320px) and (max-width: 1023px) {
      .rating .star {
        display: none; } }
  .rating table thead {
    background: #8ba13a; }
    .rating table thead th:nth-child(1) {
      min-width: 200px; }
    .rating table thead th:nth-child(2) {
      min-width: 200px; }
    .rating table thead th:nth-child(3) {
      min-width: 150px; }
  .rating table tbody tr:nth-child(1) {
    background: #004651; }
  .rating table tbody tr:nth-child(2) {
    background: #687379; }
  .rating table th, .rating table td {
    border: solid 3px #e3e6eb;
    text-align: center;
    padding: 5px; }
  @media screen and (min-width: 320px) and (max-width: 1023px) {
    .rating table thead {
      background: #8ba13a; }
      .rating table thead th:nth-child(1) {
        min-width: auto; }
      .rating table thead th:nth-child(2) {
        min-width: auto; }
      .rating table thead th:nth-child(3) {
        min-width: auto; } }

.performance-outter {
  position: absolute;
  top: 73%;
  width: 100%;
  left: 0; }
  .performance-outter .performance {
    position: relative;
    width: 80%;
    margin: 0 auto; }
    .performance-outter .performance .star {
      display: none;
      position: absolute;
      top: -50px;
      width: 160px;
      right: 0; }
      @media screen and (min-width: 320px) and (max-width: 1023px) {
        .performance-outter .performance .star {
          display: block;
          top: -65px; } }
    .performance-outter .performance .kv-note {
      position: absolute;
      left: 0;
      width: 200px;
      top: -20px; }
      @media screen and (min-width: 320px) and (max-width: 1023px) {
        .performance-outter .performance .kv-note {
          left: auto;
          right: 0; } }
    .performance-outter .performance table {
      color: #455560;
      background: #F0F2F4;
      margin: 20px auto;
      text-align: center;
      width: 100%; }
      .performance-outter .performance table th, .performance-outter .performance table td {
        padding: 5px 10px; }
      .performance-outter .performance table tr:nth-child(1) td {
        border-bottom: solid 1px #E2E6EB; }
      .performance-outter .performance table tr:nth-child(1) td:nth-child(1) {
        border-bottom: none; }
      .performance-outter .performance table tr:nth-child(2) {
        display: none;
        text-align: left;
        font-weight: 900; }
        .performance-outter .performance table tr:nth-child(2) td {
          padding: 5px 10px; }
      .performance-outter .performance table tr:nth-child(3) {
        display: none; }
      .performance-outter .performance table tr:nth-child(4) td {
        font-weight: 900; }
      @media screen and (min-width: 320px) and (max-width: 1023px) {
        .performance-outter .performance table {
          width: 100%;
          font-size: 12px; }
          .performance-outter .performance table th, .performance-outter .performance table td {
            padding: 5px 3px; }
          .performance-outter .performance table tr:nth-child(1) {
            display: none; }
          .performance-outter .performance table tr:nth-child(2) {
            display: table-row; }
          .performance-outter .performance table tr:nth-child(3) {
            display: table-row; } }
    @media screen and (min-width: 320px) and (max-width: 1023px) {
      .performance-outter .performance {
        width: 93vw; } }
    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      .performance-outter .performance {
        width: 96%; } }
  @media screen and (min-width: 320px) and (max-width: 1023px) {
    .performance-outter {
      top: -120px; } }

/*header*/
.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  width: 100vw;
  height: 95px;
  -webkit-box-shadow: rgba(121, 121, 121, 0.298039) 0px 0px 5px 1px;
  box-shadow: rgba(121, 121, 121, 0.298039) 0px 0px 5px 1px;
  z-index: 13;
  position: fixed;
  top: 0; }
  @media screen and (min-width: 320px) and (max-width: 1023px) {
    .header {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      height: 77px;
      padding: 0; } }

.navigator {
  max-width: 1000px;
  font-size: 16px;}
  @media screen and (min-width: 320px) and (max-width: 1023px) {
    .navigator {
      margin: 0;
      cursor: pointer;
      position: relative;
      width: auto;
      height: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .navigator {
      width: 100%;
      font-size: 14px;
      margin: 0; } }
  @media screen and (min-width: 1024px) and (max-width: 1430px) {
    .navigator {
      margin: 0 auto; } }

.mobile_nav {
  display: none;
  z-index: 2; }
  @media screen and (min-width: 320px) and (max-width: 768px) {
    .mobile_nav {
      display: block; } }

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  height: 60px;
  margin-top: -10px;}
  .nav .nav_head {
    position: relative;
    width: 130px;
    height: 100%;
    font-weight: bolder;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none; }
    .nav .nav_head span {
      color: #68737a;
      font-size: 16px;
      text-decoration: none;
      width: auto;
      height: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center; }
    .nav .nav_head.active span, .nav .nav_head:hover span {
      color: #ED1B2E;
      border-bottom: 8px;
      border-style: double;
      padding-bottom: 20px;
      padding-top: 30px; }
    .nav .nav_head ul {
      display: none; }
      .nav .nav_head ul li {
        width: 100%;
        height: 55px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #e7e6e6; }
        .nav .nav_head ul li:hover {
          background: #fff4dd; }
    .nav .nav_head .head.active {
      background: #B90E1D; }
      .nav .nav_head .head.active a {
        color: #fff; }
    .nav .nav_head:last-child .head {
      border-right: none; }
    .nav .nav_head:nth-last-child(1) {
      border: none; }
    .nav .nav_head :hover a {
      z-index: 2;
      border: 0px; }
    .nav .nav_head :hover ul {
      display: block;
      position: absolute;
      /*position: static;*/
      width: 100%;
      top: 60px;
      left: 0;
      z-index: 1;
      background: #fff; }
      .nav .nav_head :hover ul li a {
        color: black;
        border-bottom: 0px; }
        .nav .nav_head :hover ul li a:hover {
          color: #ca2420; }
  @media screen and (min-width: 320px) and (max-width: 1023px) {
    .nav {
      width: 100vw;
      height: auto;
      margin-top: 77px;
      background: rgba(255, 255, 255, 0.9); }
      .nav .nav_head {
        display: none;
        height: auto;
        border-bottom: 1px solid #e7e6e6;
        border-right: 0;
        width: 100%;
        height: 13vh;
        /*height: 17vh;*/ }
        .nav .nav_head a {
          width: auto;
          /*display: inline-block;*/
          margin-top: 10px; }
        .nav .nav_head img {
          position: absolute;
          width: 10px;
          height: auto;
          display: inline-block;
          right: 20px;
          top: 20px; }
      .nav.show {
        height: 100vh; }
        .nav.show .nav_head {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .nav .nav_head {
      height: 80px; }
    .nav.show {
      height: auto; } }

.head {
  height: 30px;
  z-index: 2;
  width: 100%; }

.head img {
  display: none;
  width: 0; }

.logo {
  display: inline;
  /*margin-left: 10px;*/
  margin-left: 20px;
  margin-top: 15px;
  height: 60px; }
  @media screen and (min-width: 1024px) and (max-width: 1436px) {
    .logo {
      /*height: 40px;*/
      /*width: auto;*/ } }

.mobileLogo {
  /*width: 95px;*/
  height: 60px;
  display: none; }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .mobileLogo {
      display: inline; } }

.mglogo {
  height: 45px; }

.line_share {
  width: 19px;
  height: 19px;
  background-image: url("../image/line.png");
  margin-right: 10px;
  z-index: 2;
  display: none; }

.shadow {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: fixed;
  top: 0;
  left: 0;
  z-index: -99;
  -webkit-transition: opacity 0.5s, width 0s 0.5s;
  -o-transition: opacity 0.5s, width 0s 0.5s;
  transition: opacity 0.5s, width 0s 0.5s; }

/*container*/
.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  /*max-width: 1000px;*/
  max-width: 100vw;
  /*min-height: 700px;*/
  margin: 90px auto 0;
  padding-bottom: 0px;
  background: url(../images/background/bg_01_2x.png) bottom center #ecf7fb;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative; }
  @media screen and (min-width: 320px) and (max-width: 768px) {
    .container {
      background: url(../images/background/bg_01_m.png) bottom center #ecf7fb;
      background-repeat: no-repeat;
      background-size: contain;
      margin: 77px auto 0;
      min-height: 700px; } }

/*carousel*/
.nma_carousel {
  width: 100%;
  height: 430px;
  margin-bottom: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.nma_carousel .slides {
  width: 100%;
  height: 100%; }

.nma_carousel .slide {
  width: 100%; }

.left_arrow {
  width: 40px;
  height: 40px;
  position: absolute;
  top: calc(50% - 40px);
  left: -40px;
  z-index: 1;
  cursor: pointer; }

.right_arrow {
  width: 40px;
  height: 40px;
  position: absolute;
  top: calc(50% - 40px);
  right: -40px;
  z-index: 1;
  cursor: pointer; }

.slick-dots {
  bottom: 0; }

.slick-dots li {
  margin-right: 30px;
  width: 50px;
  height: 6px;
  background: #f4f5f6; }

.slick-dots .slick-active {
  background: #ffc857; }

.slick-dots li button:before {
  display: none; }

/*content*/
.nma_content {
  width: 100vw;
  height: auto;
  background: url(../image/cut01_1x.jpg);
  border-top: 120px solid #fff;
  margin-top: -160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.content_article {
  position: relative;
  width: 1000px;
  height: auto;
  background: #f3f6f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 40px;
  padding: 68px 0 45px 0; }

/*.content_word {
    display: flex;
    flex-direction: column;
}*/
.content_title {
  width: 100%;
  padding: 20px;
  font-weight: bolder;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -30px; }

.content_title h1 {
  font-size: 30px;
  padding-left: 18px; }

.yellow {
  width: 65px;
  height: 40px;
  background: #ffc857;
  position: relative; }

.yellow:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 8px 10px;
  border-color: transparent transparent #c88d16 transparent;
  content: " ";
  position: absolute;
  top: -8px; }

.content_word p {
  width: 79%;
  padding: 20px;
  line-height: 25px;
  font-size: 18px;
  padding-left: 93px; }

.content_name {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.content_name p {
  padding: 10px 0 10px 0; }

.content_name footer {
  font-size: 14px;
  width: 230px;
  text-align: left;
  padding: 5px;
  border-bottom: #ffc857 2px solid; }

.content_avatar {
  width: 160px;
  height: auto; }

.content_sign {
  width: 149px;
  height: auto;
  /*padding: 10px;*/ }

/*info*/
.nma_info {
  width: 100%;
  height: auto;
  margin: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.nma_info a {
  font-size: 16px; }

.info_link {
  text-decoration: none;
  background: #54b0bd;
  color: #fff;
  padding: 20px 60px 20px 60px;
  margin-top: -25px; }

.info_link span {
  padding-left: 25px; }

.info_link:hover {
  background: #4b7982; }

.info_article {
  height: auto;
  width: 1000px;
  background: url(../image/index_team.jpg);
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 53px 240px 93px 0; }

.info img {
  width: 146px;
  height: 18px; }

.info_title {
  color: #fff;
  padding: 20px;
  padding-bottom: 35px; }

.info_title h1 {
  font-size: 23px; }

.info p {
  text-align: center;
  width: auto;
  line-height: 23px;
  color: #fff;
  font-size: 15px; }

/*example*/
.num_example {
  width: 98vw;
  height: auto;
  background: #fff;
  margin-bottom: 25px;
  padding-top: 30px;
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.example_title {
  text-align: center;
  padding-bottom: 20px; }

.example_title h1 {
  font-weight: bolder;
  font-size: 26px;
  padding: 10px; }

.video_slides {
  width: 100vw;
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 60px; }

.video_slides .slide {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  width: auto;
  height: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.video_slides .slide:hover {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  -webkit-transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in;
  z-index: 2; }

.video_slides .slide:hover .video_info {
  /*    opacity: 0.8;*/
  background: #ffd98b;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.video_slides .slide:hover .video_info:before {
  border-left-color: #ffd98b; }

.video_info {
  cursor: pointer;
  width: 33%;
  position: relative;
  background: #ffc856;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.video_info:before, .video_info:after {
  width: 0;
  height: 0;
  border: transparent solid;
  position: absolute;
  left: 100%;
  content: "";
  z-index: 1; }

.video_info:before {
  border-width: 20px;
  border-left-color: #ffc856;
  top: 45%; }

.video_info .title {
  width: 100%;
  text-align: center;
  font-size: 12px; }

.video_info .title h1 {
  font-size: 21px;
  font-weight: bolder;
  padding: 10px; }

.video_info .title p {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

.video_info .content {
  width: 80%;
  padding: 20px;
  line-height: 25px;
  font-size: 18px; }

.slide .video {
  width: 67%;
  height: 100%; }

.video_arrow_left {
  position: absolute;
  bottom: 0;
  border: 1px solid #000;
  border-right: 0;
  width: 22px;
  height: auto;
  padding: 8px;
  cursor: pointer;
  right: 60px; }

.video_arrow_right {
  position: absolute;
  bottom: 0;
  border: 1px solid #000;
  width: 22px;
  height: auto;
  padding: 8px;
  cursor: pointer;
  right: 20px; }

.video_slides .slick-track {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.article_slides {
  width: 100vw;
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  padding-bottom: 60px; }

.article_slides .slide {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  width: auto;
  height: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer; }

.article_slides .slide:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  /*    opacity: 0.8;*/
  background: #88c8d0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  -webkit-transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in; }

.article_slides .slide:hover .article_info {
  background-color: #61CAD2; }

.article_slides .slide:hover .article_info:before {
  border-right-color: #61CAD2; }

.article_info {
  width: 45%;
  position: relative;
  background: #54b0bd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.article_info:before, .article_info:after {
  width: 0;
  height: 0;
  border: transparent solid;
  position: absolute;
  right: 100%;
  content: "";
  z-index: 1; }

.article_info:before {
  border-width: 20px;
  border-right-color: #54b0bd;
  top: 45%; }

.article_info .title {
  width: 100%;
  text-align: center;
  font-size: 12px; }

.article_info .title h1 {
  font-size: 21px;
  font-weight: bolder;
  padding: 10px; }

.article_info .title p {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

.article_info .content {
  width: 60%;
  padding: 20px;
  line-height: 25px;
  font-size: 18px; }

.article_img {
  width: 55%;
  /*
    background-image: url(../image/page01.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
*/ }

.article_arrow_left {
  position: absolute;
  bottom: 0;
  border: 1px solid #000;
  border-right: 0;
  width: 22px;
  height: auto;
  padding: 8px;
  cursor: pointer;
  right: 60px; }

.article_arrow_right {
  position: absolute;
  bottom: 0;
  border: 1px solid #000;
  width: 22px;
  height: auto;
  padding: 8px;
  cursor: pointer;
  right: 20px; }

.article_slides .slick-track {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

/*footer*/
.describe {
  background: #fff;
  padding: 25px;
  font-size: 12px;
  line-height: 18px; }

.describe a {
  color: #00539b; }

.logo_footer {
  display: none;
  width: 100%; }

.describe h1 {
  font-size: 20px;
  font-weight: bold;
  line-height: 24px; }

.describe h2 {
  line-height: 18px;
  font-size: 13px; }

.footer footer {
  padding: 15px;
  font-size: 13px;
  padding: 25px;
  line-height: 20px;
  /*margin-bottom: 20px;*/
  background: #9E9E9E;
  color: #fff; }
  .footer footer .share_block {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
    .footer footer .share_block .share {
      display: block;
      margin: 20px; }
      .footer footer .share_block .share img {
        width: 40px;
        margin: 10px; }

.footer footer p {
  color: #ca2420; }

.footer footer a {
  color: #fff;
  text-decoration: none; }

.separate {
  display: inline; }

.br {
  display: block; }

.br:after {
  content: ''; }

[data-is-mobile] {
  display: none !important; }

[data-is-pc] {
  display: block !important; }

.topBtn {
  position: fixed;
  right: 20px;
  top: 130px;
  cursor: pointer;
  z-index: 12;
  width: 72px;
  height: 194px;
  background: url(../images/bus.png);
  background-repeat: no-repeat;
  background-size: contain; }
  .topBtn a {
    display: block;
    width: 72px;
    height: 60px; }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .topBtn {
      width: 50px;
      height: 136px;
      top: 280px; }
      .topBtn a {
        width: 50px;
        height: 40px; } }

@media screen and (min-width: 320px) and (max-width: 767px) {
  .history .topBtn, .product .topBtn {
    top: 150px; }
  .discount .topBtn {
    top: 80px; }
  .index .topBtn {
    top: 400px; } }

.redUnderline {
  /*    padding-bottom: 0px;*/
  border-bottom: solid 1px #CA2420; }

.player {
  width: 100%;
  height: 100%; }

/* EASTSPRING */
.bottom_head {
  font-size: 30px;
  font-weight: 500;
  line-height: 40px;
  color: #ED1B2E; }

.bottom_text {
  font-size: 20px;
  line-height: 30px;
  margin-top: 10px;
  margin-bottom: 10px; }

.bottom {
  position: relative;
  /*width: 30%;*/
  display: inline-block;
  cursor: pointer;
  margin: 40px; }

.bottom_left {
  /*background: url(../images/background/bottom_left.png);*/ }

.bottom > .btn {
  position: absolute;
  left: 42%;
  top: 79%;
  width: 66px; }

.bottom .text {
  position: absolute;
  left: 0;
  right: 0;
  top: 45%;
  font-size: 30px;
  color: #fff; }

.bottom_block {
  margin-bottom: 50px; }

.bottom_block .banner {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url(../images/background/bottom_left.png);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_left.png);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_left.png);
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_left.png);
  width: 344px;
  height: 142px;
  background-repeat: no-repeat; }

.bottom_middle .banner {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url(../images/background/bottom_middle.png);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_middle.png);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_middle.png);
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_middle.png); }

.bottom_right .banner {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url(../images/background/bottom_right.png);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_right.png);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_right.png);
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_right.png); }

.bottom_block .banner:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url(../images/background/bottom_left.png);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/background/bottom_left.png);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/background/bottom_left.png);
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/background/bottom_left.png); }

.bottom_middle .banner:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url(../images/background/bottom_middle.png);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/background/bottom_middle.png);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/background/bottom_middle.png);
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/background/bottom_middle.png); }

.bottom_right .banner:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url(../images/background/bottom_right.png);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/background/bottom_right.png);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/background/bottom_right.png);
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/background/bottom_right.png); }

.overlay_outter {
  display: none; }
  .overlay_outter .popup {
    position: fixed;
    background: url(../images/popup_p_2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: 50%;
    top: 100px;
    margin-left: -334px;
    z-index: 14;
    width: 668px;
    height: 600px; }
  .overlay_outter .p-1 {
    position: fixed;
    background: url(../images/popup_p_2x_01.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: 50%;
    top: 100px;
    margin-left: -334px;
    z-index: 14;
    width: 668px;
    height: 600px; }
  .overlay_outter .p-2 {
    position: fixed;
    background: url(../images/popup_p_2x_02.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: 50%;
    top: 100px;
    margin-left: -334px;
    z-index: 14;
    width: 668px;
    height: 600px; }
  .overlay_outter .p-3 {
    position: fixed;
    background: url(../images/popup_p_2x_03.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: 50%;
    top: 100px;
    margin-left: -334px;
    z-index: 14;
    width: 668px;
    height: 600px; }
    .overlay_outter .popup .popup_close {
      position: absolute;
      width: 50px;
      height: 50px;
      top: 20px;
      cursor: pointer;
      z-index: 15;
      right: 25px; }
    .overlay_outter .popup .p-1, .overlay_outter .popup .p-2, .overlay_outter .popup .p-3 {
      width: 560px;
      margin: 40px auto;
      text-align: center;
      display: none; }
    .overlay_outter .popup .desc {
      font-size: 18px; }
    .overlay_outter .popup .titlepopup {
      display: block;
      margin: 20px auto;
      width: 40px; }
    .overlay_outter .popup .pic {
      display: block;
      width: 300px;
      margin: 20px auto 10px; }
    .overlay_outter .popup .source {
      position: relative;
      text-align: left; }
    /*.overlay_outter .popup.p-1 .p-1 {
      display: block; }
    .overlay_outter .popup.p-2 .p-2 {
      display: block; }
    .overlay_outter .popup.p-2 .pic {
      margin: 20px auto; }
    .overlay_outter .popup.p-3 .p-3 {
      display: block; }*/
    .overlay_outter .popup.discount {
      background: none;
      overflow-x: hidden;
      overflow-y: auto;
      left: 50%;
      height: 80vh; }
      .overlay_outter .popup.discount .popup_close {
        top: 20px;
        right: 30px; }
        @media screen and (min-width: 320px) and (max-width: 1023px) {
          .overlay_outter .popup.discount .popup_close {
            top: 10px;
            right: 15px; } }
      .overlay_outter .popup.discount .pd {
        display: none;
        position: relative;
        padding: 100px 50px 50px;
        text-align: center;
        margin: 0 auto; }
        .overlay_outter .popup.discount .pd h3 {
          line-height: 1.4; }
        .overlay_outter .popup.discount .pd h4 {
          color: #CAB788; }
        .overlay_outter .popup.discount .pd .sec_pd {
          width: 100%;
          margin-top: 30px;
          /*display: flex;*/
          display: block;
          padding-bottom: 30px; }
          .overlay_outter .popup.discount .pd .sec_pd:nth-child(1) {
            border-bottom: solid 2px #CAB788; }
          .overlay_outter .popup.discount .pd .sec_pd h3, .overlay_outter .popup.discount .pd .sec_pd ul {
            /*width: 50%;*/
            width: 100%;
            text-align: left; }
          .overlay_outter .popup.discount .pd .sec_pd h3 {
            margin-top: 0; }
          .overlay_outter .popup.discount .pd .sec_pd ul {
            padding: 30px 15px;
            background: #F5F5F5; }
            .overlay_outter .popup.discount .pd .sec_pd ul li::before {
              content: "•";
              padding-right: 8px;
              color: #C8B484; }
            .overlay_outter .popup.discount .pd .sec_pd ul a {
              color: #000; }
              .overlay_outter .popup.discount .pd .sec_pd ul a:hover {
                color: #ED1B2E; }
              @media screen and (min-width: 320px) and (max-width: 1023px) {
                .overlay_outter .popup.discount .pd .sec_pd ul a {
                  text-decoration: underline; } }
          .overlay_outter .popup.discount .pd .sec_pd .ul_block {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            background: #F5F5F5; }
        .overlay_outter .popup.discount .pd.pd-1 {
          background: url(../images/pop_discount_bg_2_2x.png);
          background-repeat: no-repeat;
          background-size: cover;
          width: 668px;
          height: 810px;
          padding: 50px; }
          .overlay_outter .popup.discount .pd.pd-1 .notice {
            margin-top: 20px; }
            .overlay_outter .popup.discount .pd.pd-1 .notice p, .overlay_outter .popup.discount .pd.pd-1 .notice ol {
              text-align: left;
              font-size: 1.6rem;
              line-height: 2rem; }
            .overlay_outter .popup.discount .pd.pd-1 .notice ol {
              list-style-type: decimal;
              margin-left: 20px; }
          .overlay_outter .popup.discount .pd.pd-1 .discount_pic {
            width: 100%; }
          .overlay_outter .popup.discount .pd.pd-1.active {
            display: block; }
        .overlay_outter .popup.discount .pd.pd-2 {
          background: url(../images/pop_discount_bg_1_2x.png);
          background-repeat: no-repeat;
          background-size: cover;
          width: 668px;
          height: 530px;
          padding: 20px 60px; }
          .overlay_outter .popup.discount .pd.pd-2 ul {
            font-size: 1.6rem;
            line-height: 2.4rem; }
          .overlay_outter .popup.discount .pd.pd-2.active {
            display: block; }
        @media screen and (min-width: 320px) and (max-width: 1023px) {
          .overlay_outter .popup.discount .pd .sec_pd {
            display: block; }
            .overlay_outter .popup.discount .pd .sec_pd h3, .overlay_outter .popup.discount .pd .sec_pd ul {
              width: 100%; }
            .overlay_outter .popup.discount .pd .sec_pd h3 {
              font-size: 2.2rem;
              line-height: 2.6rem; }
          .overlay_outter .popup.discount .pd.pd-1 {
            background: url(../images/pop_discount_bg_2_m_2x.png);
            background-repeat: no-repeat;
            background-size: cover;
            width: 335px;
            height: 1261px;
            padding: 50px 20px; }
            .overlay_outter .popup.discount .pd.pd-1 .notice p, .overlay_outter .popup.discount .pd.pd-1 .notice ol {
              font-size: 1.4rem;
              line-height: 1.8rem; }
          .overlay_outter .popup.discount .pd.pd-2 {
            background: url(../images/pop_discount_bg_1_m_2x.png);
            background-repeat: no-repeat;
            background-size: cover;
            width: 335px;
            height: 610px;
            padding: 60px 25px; }
            .overlay_outter .popup.discount .pd.pd-2.active {
              display: block; } }
      .overlay_outter .popup.discount img.mobile, .overlay_outter .popup.discount img.pc {
        display: none;
        margin: 0 auto;
        width: 600px; }
        .overlay_outter .popup.discount img.mobile.mobile, .overlay_outter .popup.discount img.pc.mobile {
          display: none; }
          .overlay_outter .popup.discount img.mobile.mobile.active, .overlay_outter .popup.discount img.pc.mobile.active {
            display: none; }
        .overlay_outter .popup.discount img.mobile.pc.active, .overlay_outter .popup.discount img.pc.pc.active {
          display: block; }
        @media screen and (min-width: 320px) and (max-width: 767px) {
          .overlay_outter .popup.discount img.mobile, .overlay_outter .popup.discount img.pc {
            width: 100%; }
            .overlay_outter .popup.discount img.mobile.mobile, .overlay_outter .popup.discount img.pc.mobile {
              display: none; }
              .overlay_outter .popup.discount img.mobile.mobile.active, .overlay_outter .popup.discount img.pc.mobile.active {
                display: block; }
            .overlay_outter .popup.discount img.mobile.pc, .overlay_outter .popup.discount img.pc.pc {
              display: none; }
              .overlay_outter .popup.discount img.mobile.pc.active, .overlay_outter .popup.discount img.pc.pc.active {
                display: none; } }
      @media screen and (min-width: 320px) and (max-width: 767px) {
        .overlay_outter .popup.discount {
          width: 100%;
          left: 0;
          height: 80vh;
          margin-left: 0; } }
  .overlay_outter .overlay_bg {
    width: 100%;
    height: 100%;
    background-image: url(../images/background/overlay_cover.png);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 11; }
  .overlay_outter .overlay_inner {
    margin: 0px auto;
    position: fixed;
    top: 10vh;
    /*padding: 10px;*/
    z-index: 15;
    text-align: center;
    left: 0px;
    right: 0px;
    height: 90vh;
    overflow-y: scroll;
    /*max-width: 80vw;*/ }
    @media screen and (min-width: 320px) and (max-width: 767px) {
      .overlay_outter .overlay_inner {
        margin-top: 50%; } }
  .overlay_outter .overlay_inner .bottom_block {
    margin-top: 40px; }
  .overlay_outter .overlay_inner .pic {
    width: 260px;
    height: 109px; }
  .overlay_outter .overlay_inner .text {
    font-size: 24px;
    top: 30%; }
  .overlay_outter .overlay_inner .btn {
    position: absolute;
    /*left: 42%;*/
    left: 37%;
    top: 75%;
    width: 66px; }
  .overlay_outter .overlay_cancel {
    cursor: pointer;
    position: fixed;
    right: 20vw;
    top: 10vh;
    z-index: 16; }
    @media screen and (min-width: 1024px) and (max-width: 1430px) {
      .overlay_outter .overlay_cancel {
        right: 6vw;
        margin-top: -50px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .overlay_outter .overlay_cancel {
        right: 10vw;
        margin-top: -50px; } }
    @media screen and (min-width: 320px) and (max-width: 767px) {
      .overlay_outter .overlay_cancel {
        top: auto;
        right: 30px;
        margin-top: -50px; } }
  .overlay_outter .overlay_menu {
    display: none;
    width: 100%;
    height: 100%;
    background-image: url(../images/background/overlay_cover.png);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10; }
  .overlay_outter.inside {
    display: block; }
    .overlay_outter.inside .overlay_bg {
      z-index: 11; }
    @media screen and (min-width: 320px) and (max-width: 1023px) {
      .overlay_outter.inside {
        display: none; } }
  .overlay_outter.outside .overlay_bg {
    z-index: 14; }

.product_img_block {
  position: relative;
  display: block; }

.download {
  position: absolute;
  left: 50%;
  top: 86%;
  width: 250px;
  height: 80px;
  margin-left: -125px;
  cursor: pointer; }

.video_head {
  position: relative; }
  .video_head h1 {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 15%;
    font-size: 2.5rem;
    font-weight: 500; }
  .video_head img {
    width: 100%; }

.billboard {
  position: absolute;
  left: 17%;
  top: 0; }
  .billboard img {
    width: 170px; }
  @media screen and (min-width: 320px) and (max-width: 1023px) {
    .billboard {
      left: 15%; }
      .billboard img {
        width: 100px; } }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .billboard img {
      width: 150px; } }

.scroll {
  width: 60px;
  cursor: pointer; }
  @media screen and (min-width: 320px) and (max-width: 1023px) {
    .scroll {
      display: none; } }

.source {
  position: absolute;
  color: #455560; }

.discount .container .discount_block, .company .container .discount_block, .product .container .discount_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  margin-top: 0; }
  .discount .container .discount_block .discount_text, .company .container .discount_block .discount_text, .product .container .discount_block .discount_text {
    width: 33%;
    padding: 20px;
    text-align: center;
    background: url(../images/frame_2x.png) #9b152b;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box, padding-box;
    background-position-x: center;
    margin: 0 20px;
    min-height: 385px;
    cursor: pointer; }
    .discount .container .discount_block .discount_text img, .company .container .discount_block .discount_text img, .product .container .discount_block .discount_text img {
      width: 100%;
      padding: 20px; }
    .discount .container .discount_block .discount_text.active, .discount .container .discount_block .discount_text:hover, .company .container .discount_block .discount_text.active, .company .container .discount_block .discount_text:hover, .product .container .discount_block .discount_text.active, .product .container .discount_block .discount_text:hover {
      background: url(../images/frame_2x.png) #d0021b;
      background-repeat: no-repeat;
      background-size: contain;
      background-origin: content-box, padding-box;
      background-position-x: center; }
  .discount .container .discount_block .feature, .company .container .discount_block .feature, .product .container .discount_block .feature {
    width: 250px;
    height: 440px;
    cursor: pointer;
    z-index: 10; }
    .discount .container .discount_block .feature img, .company .container .discount_block .feature img, .product .container .discount_block .feature img {
      width: 80%;
      padding: 20px; }
    .discount .container .discount_block .feature.ft-1, .company .container .discount_block .feature.ft-1, .product .container .discount_block .feature.ft-1 {
      background: url(../images/button/btn_feature_01_2x.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position-y: 0;
      margin: 20px; }
    .discount .container .discount_block .feature.ft-2, .company .container .discount_block .feature.ft-2, .product .container .discount_block .feature.ft-2 {
      background: url(../images/button/btn_feature_02_2x.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position-y: 0;
      margin: 20px 85px; }
    .discount .container .discount_block .feature.ft-3, .company .container .discount_block .feature.ft-3, .product .container .discount_block .feature.ft-3 {
      background: url(../images/button/btn_feature_03_2x.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position-y: 0;
      margin: 20px; }
    .discount .container .discount_block .feature:hover, .company .container .discount_block .feature:hover, .product .container .discount_block .feature:hover {
      background-position-y: -506px; }
    .discount .container .discount_block .feature.active, .company .container .discount_block .feature.active, .product .container .discount_block .feature.active {
      z-index: 12; }
  @media screen and (min-width: 320px) and (max-width: 1023px) {
    .discount .container .discount_block, .company .container .discount_block, .product .container .discount_block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .discount .container .discount_block .discount_text, .company .container .discount_block .discount_text, .product .container .discount_block .discount_text {
        width: 45%;
        margin: 0 10px;
        min-height: auto;
        padding: 10px;
        max-width: 140px; }
        .discount .container .discount_block .discount_text h2, .company .container .discount_block .discount_text h2, .product .container .discount_block .discount_text h2 {
          font-size: 1.4rem; }
        .discount .container .discount_block .discount_text img, .company .container .discount_block .discount_text img, .product .container .discount_block .discount_text img {
          padding: 10px; } }

.discount .container .video_head, .company .container .video_head, .product .container .video_head, .history .container .video_head {
  margin: 40px; }
  .discount .container .video_head h1, .company .container .video_head h1, .product .container .video_head h1, .history .container .video_head h1 {
    position: relative; }
  .discount .container .video_head p, .company .container .video_head p, .product .container .video_head p, .history .container .video_head p {
    color: #bda770;
    text-align: center;
    font-size: 2rem; }
    .discount .container .video_head p span, .company .container .video_head p span, .product .container .video_head p span, .history .container .video_head p span {
      color: #8e8671;
      font-weight: 500;
      font-size: 2.1rem; }
  .discount .container .video_head img, .company .container .video_head img, .product .container .video_head img, .history .container .video_head img {
    width: auto;
    margin: 0 auto; }
    .discount .container .video_head img.top, .company .container .video_head img.top, .product .container .video_head img.top, .history .container .video_head img.top {
      width: 78px; }
    .discount .container .video_head img.down, .company .container .video_head img.down, .product .container .video_head img.down, .history .container .video_head img.down {
      width: 210px; }
  @media screen and (min-width: 320px) and (max-width: 1023px) {
    .discount .container .video_head, .company .container .video_head, .product .container .video_head, .history .container .video_head {
      margin: 50px 20px 10px; }
      .discount .container .video_head h1, .company .container .video_head h1, .product .container .video_head h1, .history .container .video_head h1 {
        font-size: 2rem;
        margin-top: 10px; }
      .discount .container .video_head p, .company .container .video_head p, .product .container .video_head p, .history .container .video_head p {
        font-size: 1.5rem; }
      .discount .container .video_head img, .company .container .video_head img, .product .container .video_head img, .history .container .video_head img {
        width: auto;
        margin: 0 auto; }
        .discount .container .video_head img.top, .company .container .video_head img.top, .product .container .video_head img.top, .history .container .video_head img.top {
          width: 60px; }
        .discount .container .video_head img.down, .company .container .video_head img.down, .product .container .video_head img.down, .history .container .video_head img.down {
          width: 170px; } }

.discount .container {
  background: url(../images/background/bg_06_2x.png) bottom center #fff3f2;
  background-repeat: no-repeat;
  background-size: contain; }
  .discount .container .sec_middle {
    /*position: relative;*/
    /*width: 100%;*/ }
    @media screen and (min-width: 320px) and (max-width: 768px) {
      .discount .container .sec_middle {
        margin-bottom: 150px; } }
  .discount .container .discount_block .discount_text.ins {
    margin: 0 auto; }
  .discount .container .discount_block.down {
    margin-top: 20px; }
    .discount .container .discount_block.down .discount_text {
      margin: 0 auto; }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .discount .container {
      background: url(../images/background/bg_06_m.png) bottom center #fff3f2;
      background-repeat: no-repeat;
      background-size: contain; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .discount .container .discount_block .discount_text.ins {
      margin: 0 20px; } }
  @media screen and (min-width: 320px) and (max-width: 1023px) {
    .discount .container .discount_block.top {
      padding-left: 50%;
      margin-left: -160px; }
    .discount .container.bk {
      min-height: 500px; }
      .discount .container.bk .discount_block .discount_text.ins {
        margin: 0 auto; }
      .discount .container.bk .discount_block.top {
        padding-left: inherit;
        margin-left: auto; } }
  @media screen and (min-width: 1024px) and (max-width: 1430px) {
    .discount .container .sec_middle {
      width: 60%;
      margin-bottom: 50px;
      min-height: 600px; }
    .discount .container .discount_block .discount_text {
      padding: 10px;
      min-height: 200px; }
      .discount .container .discount_block .discount_text h2 {
        font-size: 2rem; }
    .discount .container .discount_block.top {
      padding-left: inherit;
      margin-left: auto; } }
  @media screen and (min-width: 1024px) {
    .discount .container.bk .discount_block .discount_text img {
      padding: 30px; } }
  @media screen and (min-width: 1436px) {
    .discount .container .discount_block {
      margin-bottom: 100px; }
    .discount .container.bk .discount_block .discount_text.ins {
      width: 50%; } }

.company .container {
  background: url(../images/background/bg_05_2x.png) bottom center #eef9f3;
  background-repeat: no-repeat;
  background-size: contain; }
  @media screen and (min-width: 320px) and (max-width: 1023px) {
    .company .container .sec_middle {
      position: relative;
      margin-bottom: 150px; } }
  .company .container .company_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #000;
    margin: 80px auto; }
    .company .container .company_block .company_text {
      width: 40%; }
      .company .container .company_block .company_text ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 20px 10px; }
        .company .container .company_block .company_text ul li h2, .company .container .company_block .company_text ul li p {
          margin: 10px 20px; }
        .company .container .company_block .company_text ul li h2 {
          font-size: 20px; }
        .company .container .company_block .company_text ul li p {
          font-size: 16px;
          color: #68737a; }
        .company .container .company_block .company_text ul li img {
          max-width: 56px; }
      .company .container .company_block .company_text .btn_invest {
        margin-top: 50px; }
      .company .container .company_block .company_text:nth-child(2) {
        direction: rtl; }
      .company .container .company_block .company_text:nth-child(3) {
        width: 20%;
        padding: 10px; }
        .company .container .company_block .company_text:nth-child(3) img {
          width: 100%; }
      .company .container .company_block .company_text:nth-child(4) ul li {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start; }
    @media screen and (min-width: 320px) and (max-width: 768px) {
      .company .container .company_block {
        display: block;
        text-align: center;
        margin: 0 auto; }
        .company .container .company_block .company_text {
          width: 100%; }
          .company .container .company_block .company_text ul li {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: start; }
            .company .container .company_block .company_text ul li h2, .company .container .company_block .company_text ul li p {
              margin: 10px 20px; }
          .company .container .company_block .company_text:nth-child(2) {
            direction: ltr;
            text-align: left; }
          .company .container .company_block .company_text:nth-child(4) {
            width: 100%;
            text-align: left; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .company .container .company_block .company_text {
        width: 50%;
        margin: 0 auto; }
        .company .container .company_block .company_text:nth-child(4) {
          width: 50%;
          margin: 0 auto; } }
  .company .container .source {
    right: 30px;
    bottom: 30px; }
  @media screen and (min-width: 320px) and (max-width: 768px) {
    .company .container {
      background: url(../images/background/bg_05_m.png) bottom center #eef9f3;
      background-repeat: no-repeat;
      background-size: contain; } }

.product .container {
  position: relative; }
  .product .container .sec_middle {
    /*top: 0;*/
    max-width: 1200px;
    text-align: center;
    margin-bottom: 40px;
    /*h2 {
                position: absolute;
                top: 60px;
                left: 50%;
                margin-left: -140px;
                font-weight: 900;
                color: #68737A;
                @media screen and (min-width: 320px) and (max-width: 767px) {
                    top: 0;
                    font-size: 2rem;
                    margin-left: 20px;
                    line-height: 2.4rem;
                    width: 100px;
                }
            }*/ }
    .product .container .sec_middle span {
      position: absolute;
      width: 60px;
      height: 27px;
      cursor: pointer;
      top: auto;
      bottom: -50px;
      z-index: 1; }
      .product .container .sec_middle span.carousel-control {
        opacity: 1; }
      .product .container .sec_middle span.btn-prev, .product .container .sec_middle span.btn-next {
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0;
        width: 50px;
        height: 55px; }
      .product .container .sec_middle span.btn-prev {
        background-image: url("../images/button/prev_gold.png");
        left: 425px; }
      .product .container .sec_middle span.btn-next {
        background-image: url("../images/button/next_gold.png");
        left: 1240px; }
      @media screen and (min-width: 320px) and (max-width: 768px) {
        .product .container .sec_middle span {
          display: block; }
          .product .container .sec_middle span.btn-prev {
            left: 26%; }
          .product .container .sec_middle span.btn-next {
            left: auto;
            right: 26%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .product .container .sec_middle span {
          bottom: -100px; }
          .product .container .sec_middle span.btn-prev {
            left: 38%; }
          .product .container .sec_middle span.btn-next {
            right: 38%; } }
      @media screen and (min-width: 1024px) and (max-width: 1436px) {
        .product .container .sec_middle span.btn-prev {
          left: 310px; }
        .product .container .sec_middle span.btn-next {
          left: 1120px; } }
    .product .container .sec_middle .btn_more {
      background: url(../images/button/btn_more_2x.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position-y: 0;
      width: 200px;
      height: 50px;
      margin: 0 auto;
      display: inline-block; }
      .product .container .sec_middle .btn_more:hover {
        background-position-y: -50px; }
    .product .container .sec_middle .popup_m {
      width: 100%;
      margin-top: 20px;
      margin-bottom: 50px; }
    @media screen and (min-width: 320px) and (max-width: 767px) {
      .product .container .sec_middle {
        width: 95%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .product .container .sec_middle {
        max-width: 1100px; } }
  .product .container .billboard {
    top: 0; }
  .product .container .discount_block {
    position: relative;
    top: 10px;
    /*margin-top: 160px;*/
    /*margin-bottom: 100px;*/ }
    .product .container .discount_block .carousel-indicators {
      width: 100%;
      margin: 0 auto;
      left: 0;
      bottom: -60px;
      z-index: 0; }
      .product .container .discount_block .carousel-indicators .btn-num {
        width: 25px;
        height: 25px;
        border: none;
        border-radius: 0;
        background: #000;
        margin: 10px;
        text-indent: 0; }
        .product .container .discount_block .carousel-indicators .btn-num.active {
          background: #BDA770; }
    .product .container .discount_block img {
      display: none;
      margin: 0 auto; }
    @media screen and (min-width: 320px) and (max-width: 1023px) {
      .product .container .discount_block {
        margin-top: 40px;
        top: 0; }
        .product .container .discount_block img {
          height: 160px; }
          .product .container .discount_block img.active {
            display: block; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .product .container .discount_block img {
        height: 200px; } }
    @media screen and (min-width: 1024px) and (max-width: 1439px) {
      .product .container .discount_block {
        padding: 0 100px; } }
  .product .container .carousel .item {
    background-image: url("../images/popup_p_m.png");
    background-repeat: no-repeat;
    background-position-x: center;
    min-height: 580px;
    padding: 10px 40px; }
  .product .container .carousel .item_01 {
    background-image: url("../images/popup_p_m_01.png");
    background-repeat: no-repeat;
    background-position-x: center;
    min-height: 580px;
    padding: 10px 40px; }
  .product .container .carousel .item_02 {
    background-image: url("../images/popup_p_m_02.png");
    background-repeat: no-repeat;
    background-position-x: center;
    min-height: 580px;
    padding: 10px 40px; }
  .product .container .carousel .item_03 {
    background-image: url("../images/popup_p_m_03.png");
    background-repeat: no-repeat;
    background-position-x: center;
    min-height: 580px;
    padding: 10px 40px; }
    .product .container .carousel .item .desc {
      font-size: 16px;
      text-align: left; }
    .product .container .carousel .item .titlepopup {
      display: block;
      margin: 10px auto;
      width: 40px; }
    .product .container .carousel .item .pic {
      display: block;
      width: 300px;
      margin: 20px auto 10px; }
    .product .container .carousel .item .source {
      position: relative;
      text-align: left;
      background: transparent; }
  @media screen and (min-width: 320px) and (max-width: 1023px) {
    .product .container .carousel {
      margin-top: 100px; } }
  @media screen and (min-width: 414px) and (max-width: 1023px) {
    .product .container .carousel .item {
      padding: 10px 60px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .product .container .carousel .carousel-inner {
      width: 400px;
      margin: 0 auto; }
    .product .container .carousel .item {
      background-image: url("../images/popup_p_m.png");
      background-repeat: no-repeat;
      background-position-x: center;
      background-size: cover;
      min-height: 640px;
      padding: 60px; } }
  .product .container .product_block {
    position: relative; }
    .product .container .product_block img {
      width: 100%; }
      .product .container .product_block img.top {
        margin: 50px 0; }
      .product .container .product_block img.down {
        margin: 50px 0 100px; }
      .product .container .product_block img.pc {
        display: inline-block; }
      .product .container .product_block img.mobile {
        display: none; }
      @media screen and (min-width: 320px) and (max-width: 1023px) {
        .product .container .product_block img.pc {
          display: none; }
        .product .container .product_block img.mobile {
          display: inline-block; } }
    .product .container .product_block .source {
      bottom: 50px; }
    @media screen and (min-width: 320px) and (max-width: 767px) {
      .product .container .product_block {
        margin-bottom: -30px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .product .container .product_block {
        font-size: 1.6rem; }
        .product .container .product_block img {
          width: 60%; }
          .product .container .product_block img.top {
            margin: 50px auto; }
          .product .container .product_block img.down {
            margin: 50px auto 100px; }
        .product .container .product_block .source {
          position: relative; } }
    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      .product .container .product_block {
        bottom: 10px; } }
    @media screen and (min-width: 1200px) and (max-width: 1599px) {
      .product .container .product_block {
        bottom: 30px; } }
  .product .container.bg-top {
    background: url(../images/background/bg_02_2x.png) #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: -40px; }
    .product .container.bg-top .source {
      background: #EFEFF0;
      padding: 10px;
      width: 100%;
      text-align: center;
      bottom: 0;
      left: 0;
      min-height: 40px; }
    @media screen and (min-width: 320px) and (max-width: 1023px) {
      .product .container.bg-top {
        /*background: url(../images/background/bg_02_m.png) #EEEEEF;*/
        background: #EEEEEF;
        background-repeat: no-repeat;
        background-size: contain;
        background-position-x: center;
        background-position-y: 70px;
        min-height: 1100px; }
        .product .container.bg-top .bg_road {
          background: url(../images/background/bg_02_m.png) #fff;
          background-repeat: no-repeat;
          background-size: contain;
          background-position-x: center;
          background-position-y: bottom;
          min-height: 350px;
          width: 100vw;
          position: absolute;
          top: 0; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .product .container.bg-top {
        min-height: 1300px; }
        .product .container.bg-top .bg_road {
          background-size: cover;
          min-height: 385px; } }
  .product .container.bg-bottom {
    background: url(../images/background/bg_03_2x.png) bottom center #FFFCF0;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0;
    max-height: 2400px;
    min-height: 2000px; }
    .product .container.bg-bottom .sec_middle {
      /*top: 40px;*/
      margin-bottom: 80px; }
    @media screen and (min-width: 320px) and (max-width: 1023px) {
      .product .container.bg-bottom {
        background: url(../images/background/bg_03_m.png) bottom center #FFFCF0;
        background-repeat: no-repeat;
        background-size: contain;
        min-height: 2300px; } }
    @media screen and (min-width: 320px) and (max-width: 413px) {
      .product .container.bg-bottom {
        min-height: 2100px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .product .container.bg-bottom {
        min-height: 2500px; } }
    @media screen and (min-width: 1024px) {
      .product .container.bg-bottom {
        max-height: 1600px;
        min-height: 1000px; } }

.product .source_bottom {
  background: #F6EDC4;
  padding: 20px 10px;
  bottom: 0;
  min-height: 80px; }
  .product .source_bottom p {
    width: 60%;
    margin: 0 auto; }
    @media screen and (min-width: 320px) and (max-width: 1023px) {
      .product .source_bottom p {
        width: 80%; } }

.film_block .film {
  display: none;
  width: 900px;
  height: 507px; }
  .film_block .film.active {
    display: inline-block; }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .film_block .film {
      width: 80%;
      height: auto; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .film_block .film {
      width: 80%;
      height: 346px; } }

.video_text {
  position: absolute;
  background: url(../images/frame_2x.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 295px;
  height: 100%;
  color: #fff;
  right: 0;
  top: 0;
  margin: 20px 30px 20px 10px;
  padding: 30px;
  text-align: justify; }
  .video_text h2 {
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
    color: #bda770; }
  .video_text p {
    font-size: 18px;
    font-weight: 100;
    margin-bottom: 20px; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .video_text {
      right: 12%;
      top: 43%; } }
  @media screen and (min-width: 320px) and (max-width: 768px) {
    .video_text {
      background: url(../images/frame.png);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      width: 90%;
      left: 0;
      top: 210px;
      margin: 0 auto;
      height: auto; } }

.video_block {
  position: relative;
  background: #202022;
  /*min-width: 800px;*/
  border: solid 5px #bea770; }
  .video_block .overlay {
    position: absolute;
    background: rgba(51, 51, 51, 0.3);
    width: 620px;
    height: 349px;
    margin: 50px 20px 50px 30px;
    cursor: pointer;
    z-index: 1; }
    .video_block .overlay .btn_play {
      position: absolute;
      width: 80px;
      left: 44%;
      top: 40%; }
    .video_block .overlay:hover {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-transition: width .5s ease-in-out, opacity .5s ease-in-out;
      -o-transition: width .5s ease-in-out, opacity .5s ease-in-out;
      transition: width .5s ease-in-out, opacity .5s ease-in-out; }
    @media screen and (min-width: 320px) and (max-width: 768px) {
      .video_block .overlay {
        margin: 0;
        width: 100%;
        height: 172px;
        padding: 10px; }
        .video_block .overlay .btn_play {
          width: 40px; } }
  .video_block .video_main {
    width: 620px;
    margin: 50px 20px 50px 30px; }
    @media screen and (min-width: 320px) and (max-width: 768px) {
      .video_block .video_main {
        width: 100%;
        margin: 0;
        padding: 10px; } }
  .video_block .carousel-indicators {
    width: 120px;
    margin-left: 520px;
    left: 0;
    bottom: 50px;
    z-index: 0;
    color: #FFF;
    text-align: right;
    z-index: 5; }
    .video_block .carousel-indicators .btn-num {
      width: 25px;
      height: 25px;
      border: none;
      border-radius: 0;
      background: #202022;
      margin: 5px;
      text-indent: 0;
      text-align: center; }
      .video_block .carousel-indicators .btn-num.active {
        background: #BDA770; }
  @media screen and (min-width: 320px) and (max-width: 768px) {
    .video_block {
      height: 630px; }
      .video_block .carousel-indicators {
        position: relative;
        top: 10px;
        margin: 0 auto;
        text-align: center; } }

.btn-fb, .btn-line {
  display: inline-block;
  cursor: pointer;
  background-repeat: no-repeat !important;
  width: 52px;
  height: 52px;
  margin: 10px; }

.btn-fb {
  background: url(../images/background/btn_fb.png); }

.btn-fb:hover {
  background: url(../images/background/btn_fb_h.png); }

.btn-line {
  background: url(../images/background/btn_line.png); }

.btn-line:hover {
  background: url(../images/background/btn_line_h.png); }

.ref {
  margin-top: 20px;
  color: #333333;
  min-height: 40px; }

.sec_peak {
  margin-bottom: -10px; }

.sec_peak > img {
  min-width: 100vw; }

.warning {
  margin-top: 30px;
  text-align: justify; }

.warning > .highlight {
  color: #ED1B2E; }

.pattern_mobile {
  display: none; }

.india_img_right {
  max-width: 100%;
  max-height: 500px;
  -webkit-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4); }

.inner_block {
  max-width: 70vw;
  text-align: left;
  margin-top: 20px; }

.inner_block.white {
  color: #fff; }

.sec_middle {
  position: relative;
  max-width: 1000px;
  /*margin-top: -60px;*/
  margin-top: 0; }
  @media screen and (min-width: 320px) and (max-width: 1023px) {
    .sec_middle {
      position: absolute;
      top: 70px;
      width: 90%;
      margin-top: -60px; } }

.scaleX {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1); }

.history .container {
  background: #E9EBEB;
  padding: 0; }
  @media screen and (min-width: 320px) and (max-width: 413px) {
    .history .container {
      min-height: auto;
      margin-bottom: 105px; } }
  @media screen and (min-width: 414px) and (max-width: 767px) {
    .history .container {
      min-height: auto;
      margin-bottom: 0; } }
  @media screen and (min-width: 1024px) {
    .history .container {
      min-height: auto; } }

.history .rating {
  top: 31%;
  margin-left: -440px; }
  .history .rating table th, .history .rating table td {
    border: solid 3px #cee5f4; }
  .history .rating table th:nth-child(1) {
    min-width: 245px; }
  .history .rating table th:nth-child(2) {
    min-width: 245px; }
  .history .rating table th:nth-child(3) {
    min-width: 195px; }
  @media screen and (min-width: 320px) and (max-width: 1023px) {
    .history .rating {
      position: relative;
      top: 0;
      margin: 0;
      left: 0; }
      .history .rating table {
        margin: 0 auto; }
        .history .rating table th, .history .rating table td {
          border: solid 3px #FFF; }
        .history .rating table th:nth-child(1) {
          min-width: auto; }
        .history .rating table th:nth-child(2) {
          min-width: auto; }
        .history .rating table th:nth-child(3) {
          min-width: auto; } }

.history .slideup {
  position: fixed;
  bottom: -500px;
  z-index: 100; }
  .history .slideup .close {
    position: absolute;
    right: 20px;
    width: 40px;
    height: 40px;
    top: 20px; }
  .history .slideup img {
    width: 300px; }

.history .kv-block {
  width: 100%;
  margin-top: 0;
  text-align: center;
  position: absolute;
  top: 0; }
  .history .kv-block h2 {
    position: absolute;
    left: 50%;
    margin-top: -10px;
    margin-left: -475px;
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 900;
    min-width: 300px; }
    .history .kv-block h2 span {
      color: #ED1B2E; }
    @media screen and (min-width: 320px) and (max-width: 1023px) {
      .history .kv-block h2 {
        position: relative;
        width: 100%;
        font-size: 1.6rem;
        line-height: 2rem;
        left: 0;
        margin: 10px 0; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .history .kv-block h2 {
        font-size: 2rem;
        line-height: 2.4rem; } }
  .history .kv-block .kv-header {
    position: absolute;
    left: 50%;
    margin-left: -200px; }
    @media screen and (min-width: 320px) and (max-width: 767px) {
      .history .kv-block .kv-header {
        width: 250px;
        margin-left: -125px; } }
    @media screen and (min-width: 768px) and (max-width: 1430px) {
      .history .kv-block .kv-header {
        width: 300px;
        margin-left: -150px; } }
    @media screen and (min-width: 1431px) {
      .history .kv-block .kv-header {
        width: 300px;
        margin-left: -150px; } }
  .history .kv-block .kv-chart {
    position: relative;
    margin: 0 auto;
    background-image: url("../images/slide/kv_chart_2x.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 994px;
    height: 434px; }
    .history .kv-block .kv-chart.time-2008 {
      background-position-y: 0; }
    .history .kv-block .kv-chart.time-2011 {
      background-position-y: -434px; }
    .history .kv-block .kv-chart.time-2013 {
      background-position-y: -868px; }
    .history .kv-block .kv-chart.time-2017 {
      background-position-y: -1302px; }
    @media screen and (min-width: 320px) and (max-width: 1023px) {
      .history .kv-block .kv-chart {
        background-image: url("../images/slide/kv_chart_m_2x.png");
        background-repeat: no-repeat;
        background-size: cover;
        width: 314px;
        height: 173px; }
        .history .kv-block .kv-chart.time-2008 {
          background-position-y: 0; }
        .history .kv-block .kv-chart.time-2011 {
          background-position-y: -172px; }
        .history .kv-block .kv-chart.time-2013 {
          background-position-y: -345px; }
        .history .kv-block .kv-chart.time-2017 {
          background-position-y: -518px; } }

.history .carousel {
  width: 100%;
  max-height: 800px; }
  .history .carousel .item {
    /*margin-top: -30px;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    width: 100%;
    height: 700px; }
    .history .carousel .item .notice-outter {
      position: relative;
      width: 994px;
      height: 434px;
      margin: 0 auto;
      top: 185px; }
      .history .carousel .item .notice-outter .notice {
        position: absolute;
        left: 711px;
        top: 175px;
        width: 200px;
        color: #FFF;
        margin-left: -10px;
        text-align: center; }
        .history .carousel .item .notice-outter .notice .year {
          color: #3593A1;
          font-size: 1.6rem; }
        .history .carousel .item .notice-outter .notice .title {
          margin: 5px 0;
          font-size: 1.6rem;
          font-weight: 900; }
        .history .carousel .item .notice-outter .notice .desc {
          font-size: 1.4rem; }
        .history .carousel .item .notice-outter .notice.notice-2011 .year {
          color: #ED1B2E; }
        .history .carousel .item .notice-outter .notice.notice-2011 .title, .history .carousel .item .notice-outter .notice.notice-2011 .desc {
          color: #455560; }
        .history .carousel .item .notice-outter .notice.notice-2013 {
          top: 170px; }
          .history .carousel .item .notice-outter .notice.notice-2013 .year {
            color: #FFF; }
          .history .carousel .item .notice-outter .notice.notice-2013 .title {
            color: #455560;
            margin: 10px 0; }
        .history .carousel .item .notice-outter .notice.notice-2018 .year {
          color: #ED1B2E; }
        .history .carousel .item .notice-outter .notice.notice-2018 .title, .history .carousel .item .notice-outter .notice.notice-2018 .desc {
          color: #455560; }
    .history .carousel .item img {
      width: 100%; }
    .history .carousel .item .btn-slideup-2008, .history .carousel .item .btn-slideup-2011, .history .carousel .item .btn-slideup-2013, .history .carousel .item .btn-slideup-2017 {
      position: absolute;
      width: 160px;
      height: 100px;
      left: 50%;
      bottom: 60px;
      margin-left: -80px; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .history .carousel .item .btn-slideup-2008, .history .carousel .item .btn-slideup-2011, .history .carousel .item .btn-slideup-2013, .history .carousel .item .btn-slideup-2017 {
          width: 230px;
          height: 150px;
          left: 50%;
          bottom: 100px;
          margin-left: -115px; } }
    .history .carousel .item:nth-child(1) {
      background-image: url("../images/slide/slide01_2x.png"); }
    .history .carousel .item:nth-child(2) {
      background-image: url("../images/slide/slide02_2x.png"); }
    .history .carousel .item:nth-child(3) {
      background-image: url("../images/slide/slide03_2x.png"); }
    .history .carousel .item:nth-child(4) {
      background-image: url("../images/slide/slide04_2x.png"); }
    @media screen and (min-width: 320px) and (max-width: 1023px) {
      .history .carousel .item {
        height: 600px;
        background-position-x: center; }
        .history .carousel .item:nth-child(1) {
          background-image: url("../images/slide/slide01_m_2x.png"); }
        .history .carousel .item:nth-child(2) {
          background-image: url("../images/slide/slide02_m_2x.png"); }
        .history .carousel .item:nth-child(3) {
          background-image: url("../images/slide/slide03_m_2x.png"); }
        .history .carousel .item:nth-child(4) {
          background-image: url("../images/slide/slide04_m_2x.png"); } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .history .carousel .item {
        height: 660px;
        background-position-x: center;
        background-position-y: -300px; } }
  .history .carousel .tablechart {
    position: absolute;
    left: 350px;
    top: 300px; }
    .history .carousel .tablechart img {
      width: 500px; }
  .history .carousel .car {
    position: absolute;
    left: 40%;
    bottom: 15%; }
  .history .carousel .btn-up span {
    width: 60px;
    height: 27px;
    cursor: pointer;
    top: auto;
    bottom: 0;
    z-index: 1; }
    .history .carousel .btn-up span.btn-prev, .history .carousel .btn-up span.btn-next {
      background-repeat: no-repeat;
      background-size: cover;
      background-position-y: 0;
      width: 40px;
      height: 43.2px; }
      .history .carousel .btn-up span.btn-prev:hover, .history .carousel .btn-up span.btn-next:hover {
        background-position-y: -43.2px; }
    .history .carousel .btn-up span.btn-prev {
      background-image: url("../images/button/prev_2x.png");
      left: 250px;
      top: 200px; }
    .history .carousel .btn-up span.btn-next {
      background-image: url("../images/button/next_2x.png");
      left: auto;
      right: 250px;
      top: 200px; }
    @media screen and (min-width: 320px) and (max-width: 1023px) {
      .history .carousel .btn-up span {
        display: block; }
        .history .carousel .btn-up span.btn-prev, .history .carousel .btn-up span.btn-next {
          width: 11px;
          height: 22px; }
          .history .carousel .btn-up span.btn-prev:hover, .history .carousel .btn-up span.btn-next:hover {
            background-position-y: 0; }
        .history .carousel .btn-up span.btn-prev {
          background-image: url("../images/button/prev_m.png");
          top: 40%;
          left: -5%; }
        .history .carousel .btn-up span.btn-next {
          background-image: url("../images/button/next_m.png");
          top: 40%;
          right: -5%; } }
    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      .history .carousel .btn-up span.btn-prev {
        top: 150px;
        left: 150px; }
      .history .carousel .btn-up span.btn-next {
        top: 150px;
        right: 150px; } }
    @media screen and (min-width: 1200px) and (max-width: 1439px) {
      .history .carousel .btn-up span.btn-prev {
        top: 320px;
        left: 110px; }
      .history .carousel .btn-up span.btn-next {
        top: 320px;
        right: 110px; } }
    @media screen and (min-width: 1440px) and (max-width: 1599px) {
      .history .carousel .btn-up span.btn-prev {
        top: 320px;
        left: 160px; }
      .history .carousel .btn-up span.btn-next {
        top: 320px;
        right: 160px; } }
    @media screen and (min-width: 1600px) {
      .history .carousel .btn-up span.btn-prev {
        left: 10%; }
      .history .carousel .btn-up span.btn-next {
        right: 10%; } }
  @media screen and (min-width: 1024px) and (max-width: 1199px) {
    .history .carousel .btn-up {
      display: none; } }
  @media screen and (min-width: 320px) and (max-width: 413px) {
    .history .carousel {
      max-height: 600px; }
      .history .carousel .item {
        margin-top: 0; }
      .history .carousel .tablechart {
        top: auto;
        bottom: -105px;
        left: 0; }
        .history .carousel .tablechart img {
          width: 100%; }
      .history .carousel .car {
        bottom: 14%; }
        .history .carousel .car img {
          width: 100px; } }
  @media screen and (min-width: 414px) and (max-width: 767px) {
    .history .carousel {
      max-height: none; }
      .history .carousel .tablechart {
        top: auto;
        bottom: -114px;
        left: 0; }
        .history .carousel .tablechart img {
          width: 100%; }
      .history .carousel .car {
        bottom: 14%; }
        .history .carousel .car img {
          width: 100px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .history .carousel .tablechart {
      top: auto;
      bottom: -300px;
      left: 0; }
      .history .carousel .tablechart img {
        width: 100%; }
    .history .carousel .car {
      bottom: 0; } }
  @media screen and (min-width: 1024px) and (max-width: 1199px) {
    .history .carousel .item {
      margin-top: 0; }
    .history .carousel .tablechart {
      left: 210px;
      top: 235px; }
      .history .carousel .tablechart img {
        width: 250px; }
    .history .carousel .car {
      bottom: 12%; }
      .history .carousel .car img {
        width: 150px; } }
  @media screen and (min-width: 1200px) and (max-width: 1599px) {
    .history .carousel .item {
      /*margin-top: -60px;*/ }
    .history .carousel .tablechart {
      left: 185px; }
    .history .carousel .carousel-inner {
      /*max-height: 580px;*/ }
    .history .carousel .car {
      bottom: 8%; }
      .history .carousel .car img {
        width: 200px; } }
  @media screen and (min-width: 1600px) {
    .history .carousel .carousel-inner {
      max-height: none; } }

.history .timebar {
  bottom: -1px;
  width: 994px;
  height: 23px;
  background-image: url("../images/timebar.png");
  background-repeat: no-repeat;
  background-position-x: center;
  margin: 25px auto; }
  .history .timebar .carousel-indicators {
    position: relative;
    bottom: 0;
    left: 0;
    width: 994px;
    height: 30px;
    margin: 0;
    z-index: 0; }
    .history .timebar .carousel-indicators li {
      position: absolute;
      width: 71px;
      height: 40px;
      cursor: pointer;
      bottom: 0;
      background: transparent;
      background-repeat: no-repeat;
      /*background-size: 90%;*/
      /*background-position-y: 1px;*/
      border: none;
      margin-bottom: -5px; }
      .history .timebar .carousel-indicators li.btn-2008 {
        background-image: url("../images/button/time-2008.png");
        left: 130px; }
      .history .timebar .carousel-indicators li.btn-2011 {
        background-image: url("../images/button/time-2011.png");
        left: 380px; }
      .history .timebar .carousel-indicators li.btn-2013 {
        background-image: url("../images/button/time-2013.png");
        left: 540px; }
      .history .timebar .carousel-indicators li.btn-2017 {
        background-image: url("../images/button/time-2017.png");
        left: 880px;
        width: 113px; }
      .history .timebar .carousel-indicators li.active {
        background-position-y: -40px; }
      @media screen and (min-width: 320px) and (max-width: 1023px) {
        .history .timebar .carousel-indicators li {
          display: none; }
          .history .timebar .carousel-indicators li.btn-2008, .history .timebar .carousel-indicators li.btn-2011, .history .timebar .carousel-indicators li.btn-2013 {
            left: 50%;
            margin-left: -30px; }
          .history .timebar .carousel-indicators li.btn-2017 {
            left: 50%;
            margin-left: -45px; }
          .history .timebar .carousel-indicators li.active {
            display: block; } }
    @media screen and (min-width: 320px) and (max-width: 1023px) {
      .history .timebar .carousel-indicators {
        background-image: url("../images/timebar_m.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center; } }
  .history .timebar span {
    position: absolute;
    width: 60px;
    height: 27px;
    cursor: pointer;
    top: auto;
    bottom: 0;
    z-index: 1; }
    .history .timebar span.btn-prev, .history .timebar span.btn-next {
      background-repeat: no-repeat;
      background-size: cover;
      background-position-y: 0;
      width: 24px;
      height: 25px; }
      .history .timebar span.btn-prev:hover, .history .timebar span.btn-next:hover {
        background-position-y: -25px; }
    .history .timebar span.btn-prev {
      background-image: url("../images/button/prev.png");
      left: 425px; }
    .history .timebar span.btn-next {
      background-image: url("../images/button/next.png");
      left: 1240px; }
    @media screen and (min-width: 320px) and (max-width: 1023px) {
      .history .timebar span {
        display: block; }
        .history .timebar span.btn-prev {
          left: 26%; }
        .history .timebar span.btn-next {
          left: auto;
          right: 26%; } }
    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      .history .timebar span.btn-prev {
        left: 100px; }
      .history .timebar span.btn-next {
        left: 900px; } }
    @media screen and (min-width: 1200px) and (max-width: 1439px) {
      .history .timebar span.btn-prev {
        left: 280px; }
      .history .timebar span.btn-next {
        left: 1065px; } }
    @media screen and (min-width: 1440px) and (max-width: 1599px) {
      .history .timebar span.btn-prev {
        left: 310px; }
      .history .timebar span.btn-next {
        left: 1120px; } }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .history .timebar {
      bottom: -28px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .history .timebar {
      bottom: -140px; } }
  @media screen and (min-width: 1024px) and (max-width: 1199px) {
    .history .timebar {
      bottom: -25px; } }
  @media screen and (min-width: 1200px) and (max-width: 1599px) {
    .history .timebar {
      bottom: 50px; } }

.history .source {
  position: relative;
  color: #FFF;
  text-align: justify;
  /*right: 30px;*/
  bottom: 0;
  background: #505f69;
  width: 100%;
  padding: 5px; }
  .history .source p {
    width: 80%;
    margin: 0 auto;
    text-align: center; }
  @media screen and (min-width: 320px) and (max-width: 1023px) {
    .history .source {
      font-size: 1.2rem;
      bottom: -140px;
      background: #E9EBEB;
      width: 100%;
      padding: 10px;
      color: #455560; }
      .history .source p {
        width: 90%;
        text-align: left; } }
  @media screen and (min-width: 414px) and (max-width: 767px) {
    .history .source {
      bottom: 0; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .history .source {
      font-size: 1.6rem;
      width: 500px;
      bottom: -100px;
      right: auto;
      bottom: 0; } }
  @media screen and (min-width: 1024px) and (max-width: 1199px) {
    .history .source p {
      width: 100%; } }

.index .container {
  background: #FFF;
  padding: 0;
  margin: 0; }
  .index .container .timer {
    position: relative;
    margin: 0 auto;
    width: 300px;
    height: 80px; }
    .index .container .timer li {
      font-family: 'Orbitron';
      /*margin-left: 50px;*/
      float: left;
      height: 70px;
      line-height: 80px;
      margin-top: 10px;
      background-color: #4c575d;
      list-style: none;
      /*.g-num-item {
                    background-color: #4c575d;
                    margin-left: 10px;
                }*/ }
      .index .container .timer li.unit {
        font-family: inherit;
        width: 60px;
        height: 70px;
        line-height: 70px;
        text-align: center;
        font-size: 50px;
        color: white;
        display: block;
        font-style: normal;
        margin-left: 0; }
      @media screen and (min-width: 320px) and (max-width: 767px) {
        .index .container .timer li {
          height: 60px;
          line-height: 60px; }
          .index .container .timer li.unit {
            width: 40px;
            height: 60px;
            line-height: 55px;
            font-size: 30px; } }
    .index .container .timer span {
      position: absolute;
      width: 100px;
      color: #455560;
      margin-left: 10px; }
      .index .container .timer span.top {
        top: 10px; }
      .index .container .timer span.down {
        bottom: 0; }
    @media screen and (min-width: 320px) and (max-width: 767px) {
      .index .container .timer {
        width: 180px; } }
  .index .container .counter-outter {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 360px;
    margin: 10px auto; }
    .index .container .counter-outter .flip-clock-wrapper {
      width: auto;
      margin: 0; }
      @media screen and (min-width: 320px) and (max-width: 767px) {
        .index .container .counter-outter .flip-clock-wrapper ul {
          width: 40px;
          height: 60px;
          font-size: 30px;
          line-height: 40px; }
          .index .container .counter-outter .flip-clock-wrapper ul li {
            line-height: 60px; }
            .index .container .counter-outter .flip-clock-wrapper ul li a div div.inn {
              font-size: 30px; } }
    .index .container .counter-outter .unit {
      -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
      position: relative;
      float: left;
      margin: 5px;
      width: 60px;
      height: 90px;
      font-size: 50px;
      font-weight: bold;
      line-height: 87px;
      border-radius: 6px;
      background: #333;
      color: #CCC;
      text-align: center; }
      @media screen and (min-width: 320px) and (max-width: 767px) {
        .index .container .counter-outter .unit {
          width: 40px;
          height: 60px;
          font-size: 30px;
          line-height: 60px; } }
    .index .container .counter-outter .dollar {
      position: absolute;
      color: #455560;
      width: 60px;
      right: -60px;
      height: 100px; }
      .index .container .counter-outter .dollar .top {
        position: absolute;
        top: 10px; }
      .index .container .counter-outter .dollar .down {
        position: absolute;
        bottom: 0; }
      @media screen and (min-width: 320px) and (max-width: 767px) {
        .index .container .counter-outter .dollar {
          /*margin-left: 250px;*/
          position: relative;
          right: 0;
          height: auto; } }
    @media screen and (min-width: 320px) and (max-width: 767px) {
      .index .container .counter-outter {
        width: 310px;
        margin-left: 50px; } }

.index .rating {
  left: auto;
  right: 10%;
  top: 62%; }
  .index .rating table thead th {
    max-width: 100px; }
  @media screen and (min-width: 320px) and (max-width: 1023px) {
    .index .rating {
      right: 0;
      top: 100%;
      margin-right: 0;
      margin-top: -2px;
      background: #e4e6ec;
      width: 100%;
      position: relative; }
      .index .rating table {
        width: 90vw;
        margin: 0 auto; } }
  @media screen and (min-width: 1024px) and (max-width: 1199px) {
    .index .rating {
      right: 2%; } }

.index .kv-block {
  background-image: url("../images/kv_index_2x.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center;
  width: 100%;
  min-height: 700px;
  margin-bottom: 0;
  margin-top: 90px; }
  .index .kv-block .kv-header {
    display: block;
    width: 300px;
    margin: 15px auto 0; }
  @media screen and (min-width: 320px) and (max-width: 1023px) {
    .index .kv-block {
      background-image: url("../images/kv_index_m_2x.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position-x: center;
      min-height: 720px;
      margin-top: 75px;
      margin-bottom: 0; }
      .index .kv-block .kv-header {
        width: 220px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .index .kv-block {
      min-height: 920px; } }

.index .kv-bottom {
  width: 100%; }
  @media screen and (min-width: 320px) and (max-width: 1023px) {
    .index .kv-bottom {
      position: relative;
      width: 100%; } }

.index h1 {
  position: absolute;
  top: 120px;
  font-weight: 900;
  color: #455560; }
  .index h1 .scale {
    font-size: 5rem; }

.index h2 {
  position: absolute;
  top: 30px;
  font-weight: 900;
  font-size: 2.2rem;
  line-height: 2.6rem;
  color: #455560;
  width: 400px;
  text-align: center; }
  .index h2 span {
    color: #ED1B2E; }
  @media screen and (min-width: 320px) and (max-width: 1023px) {
    .index h2 {
      top: 15px;
      font-size: 2rem;
      width: 340px; } }

.index .source {
  position: relative;
  background: #e3e6eb;
  width: 100%;
  top: 100%;
  padding: 20px 0 40px;
  left: 0; }
  .index .source p {
    width: 80%;
    margin: 0 auto; }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .index .source p.top {
      text-align: justify; } }
  @media screen and (min-width: 1024px) and (max-width: 1199px) {
    .index .source p {
      width: 96%; } }

.film-index .container {
  min-height: 700px; }
  @media screen and (min-width: 320px) and (max-width: 768px) {
    .film-index .container {
      min-height: 800px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .film-index .container {
      background: url(../images/background/bg_01_m.png) bottom center #ecf7fb;
      background-repeat: no-repeat;
      background-size: cover; } }

.film-index .pattern_left {
  position: absolute;
  left: 0px;
  top: 60px; }

.film-index .pattern_left > img, .film-index .pattern_right > img {
  width: 300px; }

.film-index .pattern_right {
  position: absolute;
  right: 0px;
  top: 60px; }

.film-index .btn_product {
  cursor: pointer; }

.film-index .sec_middle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1000px;
  margin-left: -500px; }
  @media screen and (min-width: 320px) and (max-width: 768px) {
    .film-index .sec_middle {
      left: auto;
      margin-left: 0;
      width: 80%;
      margin-top: 0; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .film-index .sec_middle {
      width: 40%; }
      .film-index .sec_middle .video_text {
        width: 100%;
        margin-top: 15px; } }

.solution .pattern_left {
  position: absolute;
  left: 0px;
  /*top: 60px;*/ }

.solution .pattern_left > img, .solution .pattern_right > img {
  margin-top: -500px;
  width: 200px; }

.solution .pattern_right {
  position: absolute;
  right: 0px;
  /*top: 60px;*/ }

.solution .btn_play {
  width: 100px;
  position: absolute;
  left: 270px;
  top: 140px; }

.solution .inner_block {
  margin-top: 40px;
  min-height: 200px; }

.solution .inner_block img {
  width: 314px; }

.solution .inner_block_m {
  display: none; }

.solution .solution_head {
  width: 800px; }

.solution .solution_middle {
  width: 400px; }

.solution .btn_product {
  cursor: pointer;
  margin-bottom: 20px;
  background-repeat: no-repeat !important;
  width: 314px;
  height: 107px; }

.solution .btn_product.left {
  background: url(../images/background/btn_product_left.png); }

.solution .btn_product.right {
  background: url(../images/background/btn_product_right.png); }

.solution .btn_product.left:hover {
  background-position-y: 5px; }

.solution .btn_product.right:hover {
  background-position-y: 5px; }

.solution .product_img {
  display: none;
  max-width: 80vw; }

.solution .product_block {
  margin-top: 40px; }

.solution .product_block img {
  max-width: 80vw; }

@media screen and (min-width: 2048px) {
  .bottom > .btn {
    left: 43%; } }

@media screen and (min-width: 1024px) and (max-width: 1430px) {
  .bottom {
    /*width: 40%;*/ }
  .inner_block {
    max-width: 80vw;
    margin-top: 30px; }
  .solution .inner_block {
    width: 90%; } }

@media screen and (max-width: 1023px) {
  [data-is-mobile] {
    display: block !important; }
  [data-is-pc] {
    display: none !important; } }

@media screen and (max-width: 1000px) {
  .alertSlidesFiles {
    max-width: 70%; }
  .alertSlidesFiles .alertMainImg {
    max-height: auto; }
  .alertSlidesFiles .alertMainImg img {
    height: auto;
    width: 100%; }
  .video_slides .slide:hover,
  .article_slides .slide:hover {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    -o-transition: none;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .left_arrow {
    left: 0; }
  .right_arrow {
    right: 0; }
  .nma_carousel {
    height: auto;
    margin-bottom: 70px; }
  .slick-dots {
    bottom: -25px; }
  .info_article {
    width: 100%; }
  .video_slides {
    height: 350px; }
  .article_slides {
    height: 350px; }
  .content_word p {
    padding-left: 10%; } }

@media screen and (min-width: 320px) and (max-width: 768px) {
  .decorate {
    position: absolute;
    right: 20px;
    top: 13px;
    display: none; }
    .decorate img {
      width: 50px; }
    .decorate.show {
      display: block; }
  .head {
    width: 100%;
    height: 60px;
    display: block;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*text-align: right;*/
    text-align: center; }
  .head img {
    display: block; }
  .head a {
    color: #fff; }
  .shadow.show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: 1; }
  .logo {
    display: none; }
  .logo.mobileLogo {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: absolute;
    /*top: 20px;*/
    /*left: 5px;*/
    top: 0;
    left: 0;
    /*height: auto;*/ }
    .logo.mobileLogo.mglogo {
      left: 140px;
      /*width: 80px;*/
      margin-top: 10px; }
  .line_share {
    width: 60px;
    height: 100%;
    background-image: url("../image/line_1x.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px;
    display: block; }
  /*m-container*/
  .container {
    /*padding-bottom: 55px;*/ }
  .pattern_left, .pattern_right {
    display: none; }
  /*m-carousel*/
  .nma_carousel {
    height: auto;
    margin-bottom: 50px; }
  .left_arrow {
    width: 30px;
    height: 30px;
    top: calc(50% - 30px);
    left: 0; }
  .right_arrow {
    width: 30px;
    height: 30px;
    top: calc(50% - 30px);
    right: 0; }
  .slick-dots {
    bottom: -25px; }
  .slick-dots li {
    height: 8px; }
  .info {
    margin: 53px 0 93px 0; }
  .info_article {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    background: url(../image/m_index_team_1x.jpg); }
  .content_article {
    padding: 33px 0 33px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .content_title {
    padding: 10px;
    margin-left: -20px; }
  .content_title h1 {
    font-size: 23px; }
  .content_word p {
    width: 90%;
    font-size: 15px;
    line-height: 23px;
    padding: 4px 20px 30px 20px; }
  .content_avatar {
    display: none; }
  .yellow {
    width: 25px; }
  .info_link {
    padding: 15px 25px 15px 25px; }
  .info_link span {
    display: none; }
  /*m-example*/
  .num_example {
    width: 100vw;
    padding-top: 80px;
    padding-bottom: 70px; }
  .video_slides {
    height: auto; }
  .example_title h1 {
    font-size: 23px; }
  .video_info .title h1 {
    padding-top: 15px;
    font-size: 15px; }
  .video_info .content {
    padding: 0px;
    font-size: 12px;
    line-height: 16px; }
  .video_info .title p {
    display: none; }
  .video_info {
    min-width: 25%; }
  .video_slides .slide {
    width: 100%;
    height: auto;
    min-height: 150px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .video_slides .slide:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .video_slides .slide:nth-child(even) .video_info:before, .video_info:after {
    left: -40px; }
  .video_slides .slide:nth-child(even) .video_info:before {
    border-right-color: #ffc856;
    border-left-color: transparent; }
  .video_slides .slick-track {
    height: auto;
    display: block; }
  .video_arrow_left {
    right: 80px;
    bottom: -10px;
    width: 22px;
    padding: 10px;
    border-right: 1px solid #000;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .video_arrow_right {
    bottom: -10px;
    width: 22px;
    padding: 10px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .slide .video {
    height: auto; }
  .article_slides {
    height: auto;
    margin-top: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .article_slides .slide {
    width: 100%;
    height: auto;
    max-height: 120px;
    cursor: pointer;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .article_slides .slide:hover {
    height: 120px; }
  .article_slides .slick-track {
    height: auto;
    display: block; }
  .article_arrow_left {
    right: 80px;
    bottom: -10px;
    width: 22px;
    padding: 10px;
    border-right: 1px solid #000;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .article_arrow_right {
    bottom: -10px;
    width: 22px;
    padding: 10px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .article_slides .slide:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .article_slides .slide:nth-child(odd) .article_info:before, .article_info:after {
    left: 100%; }
  .article_slides .slide:nth-child(odd) .article_info:before {
    border-left-color: #54b0bd;
    border-right-color: transparent; }
  .article_info .title h1 {
    padding-top: 15px;
    font-size: 15px; }
  .article_info .content {
    padding: 0px;
    font-size: 12px;
    line-height: 18px; }
  .article_info .title p {
    display: none; }
  /*m-footer*/
  .logo_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 20px; }
  .logo_footer img {
    width: 100%;
    height: 100%; }
  .describe img {
    /*width: 119px;*/
    /*height: 82px;*/ }
  .separate {
    display: none; }
  .br {
    display: none; }
  /* EASTSPRING */
  .bottom {
    width: auto;
    display: block;
    margin-top: 10vh; }
  .bottom_text {
    text-align: left; }
  .bottom_block .banner {
    width: 80vw;
    max-width: 240px; }
  .bottom_block .btn {
    left: 37%;
    top: 72%; }
  .bottom_block .text {
    font-size: 24px;
    top: 40%; }
  .bottom_block .banner {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url(../images/background/bottom_left_m.png);
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_left_m.png);
    background: -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_left_m.png);
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_left_m.png);
    width: 344px;
    height: 100px;
    background-repeat: no-repeat; }
  .bottom_middle .banner {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url(../images/background/bottom_middle_m.png);
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_middle_m.png);
    background: -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_middle_m.png);
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_middle_m.png); }
  .bottom_right .banner {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url(../images/background/bottom_right_m.png);
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_right_m.png);
    background: -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_right_m.png);
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_right_m.png); }
  .bottom_block .banner:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url(../images/background/bottom_left_m.png);
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_left_m.png);
    background: -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_left_m.png);
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_left_m.png); }
  .bottom_middle .banner:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url(../images/background/bottom_middle_m.png);
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_middle_m.png);
    background: -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_middle_m.png);
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_middle_m.png); }
  .bottom_right .banner:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url(../images/background/bottom_right_m.png);
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_right_m.png);
    background: -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_right_m.png);
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/background/bottom_right_m.png); }
  .overlay_inner .text {
    top: 30%; }
  .pattern_mobile {
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -60px; }
  .india_block {
    /*min-height: 250px;*/ }
  .inner_block {
    max-width: 88vw; }
  .btn_play {
    left: 37%;
    top: 30%; }
  .download {
    top: 90%; }
  .solution .solution_head {
    width: auto; }
  .solution .inner_block {
    display: none; }
  .solution .inner_block_m {
    display: block; } }

@media screen and (min-width: 480px) and (max-width: 768px) {
  .video_slides .slide {
    min-height: 200px; }
  .article_slides .slide {
    max-height: 200px; }
  .article_slides .slide:hover {
    height: 200px; }
  .player {
    height: inherit; }
  .bottom_block .btn {
    left: 45%; }
  .pattern_mobile {
    margin-top: -85px; }
  .btn_play {
    left: 43%;
    top: 44%; }
  .india_img_right {
    max-width: inherit; }
  .inner_block {
    max-width: 55vw; } }

/* It's a retina use css style */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 768px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 320px) and (max-width: 768px), only screen and (min-resolution: 192dpi) and (min-width: 320px) and (max-width: 768px), only screen and (min-resolution: 2dppx) and (min-width: 320px) and (max-width: 768px) {
  .line_share {
    background-image: url("../image/line_2x.png"); } }