.contest-indext-container {
  width: 100%;
  /*min-width: 640px;*/
  height: auto;
  font-family: "Open Sans", sans-serif;
  color: #333333;
  padding-top: 124px;
}
.contest-indext-container.is-homepage {
  padding-top: 0px;
}
section {
  width: 100%;
  height: auto;
  overflow: hidden;
}
hr {
  margin: 1rem auto;
  border: 0 none;
}
ul {
  list-style: none;
}
.section01,
.section02,
.section03,
.section04,
.section05,
.section06,
.section07 {
  min-height: 50vh;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section01 {
  position: relative;
  width: 100%;
  background-image: url('../images/contest_home/section01-bg.webp');
  background-position: center;
  background-size: cover;
  height: 100vh;
}
.section01 .section01-hr {
  background: url('../images/contest_home/section01-hr.webp');
  width: 636px;
  height: 35px;
  background-repeat: no-repeat;
  margin: 50px auto 0 auto;
  width: 100%;
  background-position: center;
}
.section01 .section01-man {
  position: relative;
  background: url('../images/contest_home/section01-man.webp');
  width: 919px;
  height: 671px;
  background-repeat: no-repeat;
  width: 100%;
  background-position: center;
  margin: 35px auto 0 auto;
  overflow: auto;
}
@media screen and (max-width: 918px) {
  .section01 .section01-man {
    background-image: url('../images/section01-man-small.webp');
  }
  .section01 .section01-man .section01-button {
    margin-top: 470px;
  }
}
.section01 .section01-man.LanCh {
  position: relative;
  background: url('../images/contest_home/section01-man_LanCh.webp');
  width: 669px;
  height: 754px;
  background-repeat: no-repeat;
  width: 100%;
  background-position: center;
  margin: 35px auto 0 auto;
  overflow: auto;
}
@media screen and (max-width: 918px) {
  .section01 .section01-man.LanCh {
    background-image: url('../images/contest_home/section01-man-small_LanCh.webp');
    height: 671px;
    background-size: contain;
  }
  .section01 .section01-man.LanCh .section01-button {
    margin-top: 470px;
  }
}
.section01 .section01-button {
  display: block;
  position: relative;
  width: 280px;
  height: 65px;
  background-color: #a2bb04;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 300;
  text-shadow: 2px 2px 2px rgba(1, 1, 1, 0.75);
  margin: 360px auto 0 auto;
  text-align: center;
  line-height: 3.85rem;
  -moz-box-shadow: 3px 3px 5px rgba(1, 1, 1, 0.75);
  -webkit-box-shadow: 3px 3px 5px rgba(1, 1, 1, 0.75);
  box-shadow: 3px 3px 5px rgba(1, 1, 1, 0.75);
}
.section01 .section01-button:hover {
  background-color: #ADDF00;
}
.section01 .section01-partner-bg {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 30px 0;
}
.section01 .section01-partner-bg .section01-partner-logo {
  background: url('../images/contest_home/section01-partner-logo.webp');
  width: 951px;
  height: 57px;
  background-repeat: no-repeat;
  margin: 0 auto;
}
@media screen and (max-width: 918px) {
  .section01 .section01-partner-bg {
    display: none;
  }
}

.section02 {
  background-color: #e7e3da;
}
.section02 .section02-title {
  background-image: url('../images/contest_home/title_eng.webp');
  height: 110px;
  margin: 50px auto 30px;
  width: 400px;
  text-indent: -99999px;
}
.section02 .section02-hr {
  background: url('../images/contest_home/section02-hr.webp');
  width: 555px;
  height: 3px;
  background-repeat: no-repeat;
}
.section02 p {
  width: 60%;
  max-width: 630px;
  height: auto;
  margin: 0 auto;
  line-height: 1.625rem;
  font-weight: 400;
}
.section02 .about_pig {
  background: url('../images/contest_home/about_pig.webp');
  width: 185px;
  height: 237px;
  background-repeat: no-repeat;
  margin: 20px auto 40px auto;
}
/*.section02 .section02-icon {
  background: url('../images/contest_home/section02-icon.webp');
  width: 556px;
  height: 268px;
  background-repeat: no-repeat;
  margin: 20px auto 90px auto;
}
.section02 .section02-icon.LanCh {
  background: url('../images/contest_home/section02-icon_LanCh.webp');
  width: 556px;
  height: 268px;
  background-repeat: no-repeat;
}*/

.section02 .section02-icon {
  width: 600px;
  height: 268px;
  margin: 0px auto 100px auto;
}

.section02 .section02-icon .row{
  text-align: center;
}

.section02 .section02-icon .row .icon {
  width: 124px;
  height: 124px;
  display: inline-block;
  margin: 10px;
}

.section02 .section02-icon .icon .top {
  margin-top: 65px;
  font-size: 0.85rem;
  font-weight: bold;
  color: #685E55;
}

.section02 .section02-icon .icon .bot {
  margin-top: 0px;
  font-size: 0.9rem;
  font-weight: bold;
  color: #685E55;
}

.section02 .section02-icon .icon01 {
  background: url(../images/contest_home/icon-character-01.webp);
}

.section02 .section02-icon .icon02 {
  background: url(../images/contest_home/icon-character-02.webp);
}

.section02 .section02-icon .icon03 {
  background: url(../images/contest_home/icon-character-03.webp);
}

.section02 .section02-icon .icon04 {
  background: url(../images/contest_home/icon-character-04.webp);
}

.section02 .section02-icon .icon05 {
  background: url(../images/contest_home/icon-character-05.webp);
}

.section02 .section02-icon .icon06 {
  background: url(../images/contest_home/icon-character-06.webp);
}

.section02 .section02-icon .icon07 {
  background: url(../images/contest_home/icon-character-07.webp);
}


.section03 {
  background-color: #cfcac1;
}
.section03 .section03-title {
  text-indent: -9999px;
  background: url('../images/contest_home/section03-title.webp');
  width: 132px;
  height: 54px;
  background-repeat: no-repeat;
  margin: 50px auto 30px auto;
}
.section03 .section03-hr {
  background: url('../images/contest_home/section03-hr.webp');
  width: 555px;
  height: 3px;
  background-repeat: no-repeat;
  margin: 0 auto 30px auto;
}
.section03 .section03-price-wrap {
  max-width: 945px;
  margin: 0 auto 60px auto;
  *zoom: 1;
}
.section03 .section03-price-wrap:before, .section03 .section03-price-wrap:after {
  content: " ";
  display: table;
}
.section03 .section03-price-wrap:after {
  clear: both;
}
.section03 .section03-price-wrap .pricetable {
  position: relative;
  background: url('../images/contest_home/plansbg-1.webp');
  width: 315px;
  height: 510px;
  float: left;
  transition: transform, 0.35s, ease-in-out;
  -moz-box-shadow: 0 2px 5px rgba(1, 1, 1, 0.4);
  -webkit-box-shadow: 0 2px 5px rgba(1, 1, 1, 0.4);
  box-shadow: 0 2px 5px rgba(1, 1, 1, 0.4);
  color: #413931;
}
@media screen and (max-width: 960px) {
  .section03 .section03-price-wrap .pricetable {
    float: none;
    padding: 10px 0;
    margin: 30px auto;
  }
}
.section03 .section03-price-wrap .pricetable h3 {
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  margin: 20px 0 15px 0;
}
.section03 .section03-price-wrap .pricetable h3 ~ p {
  font-size: 1rem;
  text-align: center;
}
.section03 .section03-price-wrap .pricetable .pricetable-hr {
  background-image: url('../images/contest_home/pricetable-hr.webp');
  background-repeat: repeat-x;
  width: 90%;
  height: 13px;
  margin: 20px auto;
}
.section03 .section03-price-wrap .pricetable ul {
  padding: 0 50px;
}
.section03 .section03-price-wrap .pricetable ul li {
  font-size: 0.875rem;
  line-height: 1.5rem;
  padding-left: 30px;
}
.section03 .section03-price-wrap .pricetable ul li.check {
  background: url('../images/contest_home/plans_icon.webp') top left no-repeat;
}
.section03 .section03-price-wrap .pricetable ul li.star {
  background: url('../images/contest_home/plans_icon.webp') bottom left no-repeat;
}
.section03 .section03-price-wrap .pricetable .pricetabli-button {
  width: 185px;
  height: 50px;
  position: absolute;
  bottom: 30px;
  left: 65px;
  margin: 0 auto;
  background-color: #97af00;
  color: #fff;
  text-align: center;
  font-size: 1.375rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 3rem;
}
.section03 .section03-price-wrap .pricetable .pricetabli-button:hover {
  background-color: #ABC012;
}
.section03 .section03-price-wrap .pricetable.front {
  background: url('../images/contest_home/plansbg-2.webp');
  width: 315px;
  height: 510px;
  -moz-transform: scale(1.06, 1.06);
  -ms-transform: scale(1.06, 1.06);
  -webkit-transform: scale(1.06, 1.06);
  transform: scale(1.06, 1.06);
  z-index: 10;
}
.section03 p.desc {
  margin: 30px auto;
  text-align: center;
  width: 60%;
  max-width: 660px;
  height: auto;
  font-size: 0.785rem;
  line-height: 1.25rem;
  font-weight: 400;
}
.section03 p.desc a {
  color: #8ea407;
}

.section04 {
  background-color: #f3f3f3;
}

.section04 .free-trail-btn {
  display: block;
  width: 185px;
  height: 50px;
  margin: 30px auto;
  background-color: #a2bb04;
  color: #fff;
  text-align: center;
  font-size: 1.375rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 3rem;
}
.section04 .free-trail-btn:hover {
  background-color: #ABC012;
}

.section04 .free-trail-btn a,
.section04 .free-trail-btn a:visited,
.section04 .free-trail-btn a:link,
.section04 .free-trail-btn a:hover,
.section04 .free-trail-btn a:active {
  color: white;
}

.section04 .section04-title {
  background-image: url('../images/contest_home/title_eng.webp');
  background-position: 0 -110px;
  height: 110px;
  margin: 50px auto 30px;
  width: 400px;
  text-indent: -99999px;
}
.section04 .section04-hr {
  background: url('../images/contest_home/section04-hr.webp');
  width: 555px;
  height: 3px;
  background-repeat: no-repeat;
}
.section04 nav {
  text-align: center;
  width: 100%;
  font-size: 1.125rem;
  font-weight: 600;
  margin: 40px auto;
}
.section04 nav div {
  display: inline;
  cursor: pointer;
  color: #333;
  text-decoration: none;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -ms-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.section04 nav div:after {
  content: "|";
  color: #333;
  margin: 0 5px;
}
.section04 nav div:last-child:after {
  content: "";
}
.section04 nav div:hover, .section04 nav div.active {
  color: #97af00;
}
@media screen and (max-width: 960px) {
  .section04 nav {
    display: none;
  }
}
.section04 .section04-slider-block {
  width: 1020px;
  margin: 50px auto 10px auto;
  *zoom: 1;
}
.section04 .section04-slider-block:before, .section04 .section04-slider-block:after {
  content: " ";
  display: table;
}
.section04 .section04-slider-block:after {
  clear: both;
}
@media screen and (max-width: 960px) {
  .section04 .section04-slider-block {
    display: none;
  }
}
.section04 .section04-slider-block .slider-left {
  position: relative;
  float: left;
}
.section04 .section04-slider-block .slider-left .section04-imac-bg {
  background: url('../images/contest_home/section04-imac-bg.webp');
  width: 527px;
  height: 445px;
  background-repeat: no-repeat;
  position: relative;
  margin-left: 40px;
}
.section04 .section04-slider-block .slider-left .section04-imac-bg .screen-mask {
  position: relative;
  top: 20px;
  left: 20px;
  width: 486px;
  height: 261px;
  background: #666;
  overflow: hidden;
}
.section04 .section04-slider-block .slider-left .section04-imac-bg .screen-mask .img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 1944px;
  height: 261px;
  -webkit-transition: left 0.3s ease-in-out;
  -moz-transition: left 0.3s ease-in-out;
  -ms-transition: left 0.3s ease-in-out;
  -o-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
  *zoom: 1;
}
.section04 .section04-slider-block .slider-left .section04-imac-bg .screen-mask .img-wrap:before, .section04 .section04-slider-block .slider-left .section04-imac-bg .screen-mask .img-wrap:after {
  content: " ";
  display: table;
}
.section04 .section04-slider-block .slider-left .section04-imac-bg .screen-mask .img-wrap:after {
  clear: both;
}
.section04 .section04-slider-block .slider-left .section04-imac-bg .screen-mask .img-wrap img {
  float: left;
  width: 486px;
  height: 100%;
}
.section04 .section04-slider-block .slider-left .section04-imac-bg .sliderPre {
  display: block;
  position: absolute;
  top: 150px;
  left: -30px;
  background: url('../images/contest_home/section04-imac-arrow-left.webp');
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 30px 0;
  cursor: pointer;
  z-index: 10;
}
.section04 .section04-slider-block .slider-left .section04-imac-bg .sliderNext {
  display: block;
  position: absolute;
  top: 150px;
  right: -30px;
  background: url('../images/contest_home/section04-imac-arrow-right.webp');
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 30px 0;
  cursor: pointer;
  z-index: 10;
}
.section04 .section04-slider-block .slider-left .section04-imac-top {
  background: url('../images/contest_home/section04-imac-top.webp');
  width: 527px;
  height: 445px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 40px;
}
.section04 .section04-slider-block .slider-right {
  float: left;
  margin-left: 50px;
  max-width: 370px;
}
@media screen and (max-width: 960px) {
  .section04 .section04-slider-block .slider-right {
    display: none !important;
  }
}
.section04 .section04-slider-block .slider-right li {
  display: none;
}
.section04 .section04-slider-block .slider-right li.active {
  display: block;
}
.section04 .section04-slider-block .slider-right .desc-title {
  font-size: 1.75rem;
  font-weight: 600;
  color: #97af00;
  margin-bottom: 20px;
}
.section04 .section04-slider-block .slider-right .desc-list {
  background-color: #fff;
  padding: 18px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin: 10px 0;
}
.section04 .mobile-grid {
  display: none;
}
.section04 .mobile-grid h3 {
  text-align: center;
  font-size: 1.375rem;
  margin-bottom: 40px;
}
.section04 .mobile-grid .row {
  width: 100%;
  height: auto;
  text-align: center;
  margin-bottom: 10px;
}
.section04 .mobile-grid .row img {
  width: 45%;
  height: auto;
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  .section04 .mobile-grid {
    display: block;
    padding: 20px 20px 40px 20px;
  }
  .section04 .mobile-grid img {
    padding: 10px;
  }
}

ul.mobile-desc {
  position: relative;
  z-index: 100;
  width: 80%;
  height: auto;
  padding: 0;
  margin: 40px auto;
}
ul.mobile-desc li {
  display: none;
}
ul.mobile-desc li.active {
  display: block;
  width: 80%;
  margin: 30px auto;
  top: 0;
}
ul.mobile-desc .desc-title {
  font-size: 1.75rem;
  font-weight: 600;
  color: #97af00;
  margin-bottom: 20px;
}
ul.mobile-desc .desc-list {
  background-color: #fff;
  padding: 18px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin: 10px 0;
}
ul.mobile-desc .close-btn {
  background-color: #97af00;
  padding: 18px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin-top: 60px;
  color: #fff;
  text-align: center;
}

.section05 {
  background-color: #e7e3da;
  padding-bottom: 80px;
}
@media screen and (max-width: 800px) {
  .section05 {
    padding-bottom: 0;
  }
}
.section05 .section05-title {
  background: url('../images/contest_home/section05-title.webp');
  width: 498px;
  height: 44px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  margin: 60px auto;
}
.section05 .section05-icon {
  background: url('../images/contest_home/customer_logo.jpg');
  width: 840px;
  height: 500px;
  background-repeat: no-repeat;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .section05 .section05-icon {
    width: 90%;
    background-size: contain;
  }
}

.section06 {
  background-color: #2a2522;
  padding-bottom: 20px;
}
.section06 .section06-title {
  background: url('../images/contest_home/section06-title.webp');
  width: 399px;
  height: 45px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  margin: 50px auto;
}
.section06 .section06-icon-wrap {
  margin: 0 auto 30px auto;
  text-align: center;
  line-height: 160px;
}
.section06 .section06-icon-wrap img {
  margin: 0 20px;
  display: inline-block;
}
.section06 .desc {
  font-size: 0.875rem;
  line-height: 1rem;
  color: #e7e3da;
  text-align: center;
  position: relative;
  top: -30px;
}
.section06 .desc a {
  color: #fff;
}

.section07 {
  background-color: #f4f4f4;
}
.section07 .section07-title {
  font-size: 2.813rem;
  text-align: center;
  font-weight: 700;
  margin: 60px 0 15px 0;
  color: #333;
}
.section07 .sectione07-desc p {
  font-size: 1.5rem;
  font-weight: 400;
  text-align: center;
  color: #333;
}
.section07 .sectione07-desc .button-wrap {
  text-align: center;
  margin-bottom: 30px;
}
.section07 .sectione07-desc .button-wrap .button-left {
  background-color: #a2bb04;
  display: inline-block;
  color: #fff;
  font-size: 1.3rem;
  padding: 1.2rem 1.3rem;
  line-height: 1rem;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  font-weight: 400;
  text-align: center;
  margin: 20px 10px;
  cursor: pointer;
}
.section07 .sectione07-desc .button-wrap .button-left:hover {
  background-color: #ABC012;
}
.section07 .sectione07-desc .button-wrap .button-right {
  background-color: #067ca3;
  display: inline-block;
  color: #fff;
  font-size: 1.3rem;
  padding: 1.2rem 1.3rem;
  line-height: 1rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-weight: 400;
  text-align: center;
  margin: 20px 10px;
  cursor: pointer;
}
.pricetabli-button a:link, .pricetabli-button a:visited, .pricetabli-button a:hover, .pricetabli-button a:active{
  color: #fff;
}
.section07 a:link, .section07 a:visited, .section07 a:hover, .section07 a:active{
  color: #fff;
}
.section01 a:link, .section01 a:visited, .section01 a:hover, .section01 a:active{
  color: #fff;
}