@charset "utf-8";
html {scroll-behavior: smooth;}
body{background-color:#fff; font-family:Tahoma,Verdana; position:relative;}
a{text-decoration:none; color:inherit;}
a:hover{text-decoration:none;}
li{list-style:none;}
img{border:0;}
.details {width: 1200px;margin: 0 auto;}

/* ``````````````````````````````````````````````````````````````````````````````` */
.pagination {margin-top: 10px;}
.pagination ul {list-style: none;padding-left: 0;}
.pagination ul li {padding: 0 10px;vertical-align: top;display: inline-block;font-size: 17px;min-width: 40px;min-height: 40px;line-height: 40px;cursor: pointer;box-sizing: border-box;text-align: center;background-color: #ffffff;color: #000000;border-radius: 6px;margin: 0 3px;border: 1px solid #8bbbf7;height: 30px;}
.pagination ul li:hover {transform: scale(1.1);background-color: #F4F6F8;}
.pagination  li.active {background: #deebf7;color: #000000;cursor: not-allowed;}
.pagination li.disabled {cursor: not-allowed;}
.pagination li.totalPage {background: transparent;cursor: default;border: none;padding: 0 6px;}
.pagination li.totalPage:hover {transform: none;background-color: #ffffff;}
.pagination li input {-webkit-appearance: none;background-color: #fff;background-image: none;border-radius: 4px;border: 1px solid #dcdfe6;box-sizing: border-box;color: #000000;display: inline-block;font-size: inherit;outline: none;padding: 3px 5px;transition: border-color .2s cubic-bezier(.645,.045,.355,1);width: 40px;height: 25px;margin: 0 6px;}
.pagination li input:focus{border-color: #deebf7;}
.pagination{user-select: none;}
.pagination ul:nth-child(2){border-radius: 6px;}
input[type=number] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
/* ```````````````````````````````````````````````````````````````````````````````` */
.share-sider {position: fixed;top: 20%;left: 30px;z-index: 8888;}
.share-sider ul li {padding: 5px 0;}
.share-sider a {display: inline-block;background-color: #fca33a;width: 88px;height: 88px;line-height: 88px;text-align: center;border-radius: 50%; transform: scale(0.8);}
/* ```````````````````````````````````````````````````````````````````````````````` */
.goTop {position: fixed;right: 5%;bottom: 10%;z-index: 8888;}
/* ```````````````````````````````````````````````````````````````````````````````` */
.nav-top {height: 70px;position: fixed; top: 0;left: 0;right: 0;z-index: 7777;display: none;}
.nav-top .nav-flex {display: flex;justify-content: center;align-items: center;}
.nav-top .nav-item {width: 50%;display: flex;justify-content: center;align-items: center;height: 70px;}
.nav-top .nav-item:nth-of-type(1) {background-color: #fff9dc}
.nav-top .nav-item:nth-of-type(2) {background-color: #a0dbfc;}
.nav-top .nav-btn a {display: inline-block;padding: 10px 20px;font-size: 17px;border-radius: 5px;font-weight: 600;color: #fff;}
.nav-top .nav-item:nth-of-type(1) .nav-btn a {background-color: #fe6550;}
.nav-top .nav-item:nth-of-type(2) .nav-btn a {background-color: #78c443;}
.nav-top .nav-item h4 {font-size: 25px;color: #00000f;margin-right: 20px;}
.nav-top .nav-item h4 img {margin-right: 10px;}
/* ```````````````````````````````````````````````````````````````````````````````` */
.main01 {background-color: #fee992;padding: 30px 0 80px;position: relative;}
.main01 h1 {color: #ff9539;font-size: 55px;font-weight: bolder;line-height: 74px;font-family: Tw Cen MT Condensed Extra Bold;text-shadow:3px 3px 3px #fff;flex: 1;}
.main01 h1 span {display: block;color: #fe841a;font-size: 30px;line-height: 30px;text-shadow: none;}
.main01 .main01-title {display: flex;justify-content: space-between;align-items: center;}
.main01 .main01-title .title-right {width: 50%;}
.main01 .main01-wrap {position: relative;}
.main01 .main01-wrap::before {content: '';display: inline-block;width: 120px;height: 217px;background: url("../images/contest-pet-video/shape-top.png") no-repeat center;position: absolute;left: 0;top: -2%;z-index: 88;}
.main01 .main01-wrap::after {content: '';display: inline-block;width: 285px;height: 274px;background: url("../images/contest-pet-video/shape-bottom.png") no-repeat center;position: absolute;right: 0;bottom: -10%;z-index: 88;}
.main01 .limited {display: flex;justify-content: center;align-items: center;position: relative;z-index: 99;}
.main01 .limited::before {content: '';display: inline-block;width: 201px;height: 127px;background: url("../images/contest-pet-video/limited-tips.png") no-repeat center;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.main01 .limited.de::before {background-image: url("../images/contest-pet-video/limited-tips-de.png");}
.main01 .limited.fr::before {background-image: url("../images/contest-pet-video/limited-tips-fr.png");}
.main01 .limited.it::before {background-image: url("../images/contest-pet-video/limited-tips-it.png");}
.main01 .limited.zh::before {background-image: url("../images/contest-pet-video/limited-tips-zh.png");}
.main01 .limited.es::before {background-image: url("../images/contest-pet-video/limited-tips-es.png");}
.main01 .limited.kr::before {background-image: url("../images/contest-pet-video/limited-tips-kr.png");}
.main01 .limited .item {width: 460px;height: 420px;border-radius: 10px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.main01 .limited .left {background: #fff9d6 url("../images/contest-pet-video/limited-left.png") no-repeat center;}
.main01 .limited .right {background: #b5dffb url("../images/contest-pet-video/limited-right.png") no-repeat center;}
.main01 .limited .item h3 {color: #000000;font-size: 25px;position: relative;}
.main01 .limited .item h3 span {border-bottom: 1px dashed #004667;cursor: pointer;}
.main01 .limited .item h3 .als {padding: 5px;background-color: #f2f2f2;border: 1px dotted #000;box-shadow: 1px 1px 3px #000;border-radius: 5px;font-size:11px; line-height:16px; text-align:left; color:#000;position: absolute;bottom: 25px; left:50%; transform:translateX(-50%);z-index: 1;width: 375px;}
.main01 .limited .item .item-btn a {display: inline-block;padding: 25px 52px;font-size: 30px;border-radius: 15px;font-weight: 600;color: #fff;}
.main01 .limited .left .item-btn a {background-color: #fe6550;}
.main01 .limited .right .item-btn a {background-color: #78c443;}
.main01 .limited .item-box {padding: 20px 0;height: 226px;}
.main01 .copies {text-align: center;font-size: 21px;margin: 15px 0;position: relative;z-index: 99;}
.main01 .copies a {text-decoration: underline;}
.product-intro-list li {font-size: 13px;color: #4d4d4d;line-height: 12px;padding: 0 0 10px 24px;position: relative;}
.product-intro-list li::before {content: "";width: 4px;height: 4px;border: 2px solid #27ad71;border-radius: 30%;position: absolute;top: 5px;left: 5px;}
/* ```````````````````````````````````````````````````````````````````````````````` */
.main02 {background: url("../images/contest-pet-video/bg-main02.png") no-repeat center top;background-color: #e2f6ff;background-size: 100% auto;position: relative;text-align: center;}
.main02 .scroll {position: absolute;top: 0;left: 50%;transform: translate(-50%, -86px);cursor: pointer;}
.main02 h2 {font-size: 56px;font-family: Tw Cen MT Condensed;font-weight: 900; line-height: 70px;}
.main02 .main02-wrap01 {padding-top: 150px;}
.main02 .main02-wrap01 .mao-box {position: relative;height: 320px;}
.main02 .main02-wrap01 .mao-box .mao01 {position: absolute;font-size: 35px;font-weight: 600;color: #000000;transform: rotate(350deg);top: 140px;left: 140px;}
.main02 .main02-wrap01 .mao-box .mao01::before {content: '';display: inline-block;width: 49px;height: 58px;background: url("../images/contest-pet-video/mao.png") no-repeat center;position: absolute;right: 15px;bottom: -50px;}
.main02 .main02-wrap01 .mao-box .mao02 {position: absolute;font-size: 35px;line-height: 45px;font-weight: 600;color: #000000;transform: rotate(14deg);top: 140px;right: 140px;}
/* ```````````````````````````````````````````````````````````````````````````````` */
.main02 .main02-wrap02 {margin-top: 340px;}
.main02 .main02-wrap02 h2 {padding-top: 100px;}
.main02 .main02-wrap02 .submit-box {width: 950px;background-color: #fff;border-radius: 15px;height: 450px;display: flex;justify-content: center;align-items: center;flex-direction: column;margin: 150px auto 0;position: relative;}
.main02 .main02-wrap02 .submit-box::before {content: '';display: inline-block;width: 626px;height: 140px;background: url("../images/contest-pet-video/submit-top.png") no-repeat center;position: absolute;top: -94px;left: 50%;transform: translateX(-50%);}
.main02 .main02-wrap02 .submit-box .input-box {width: 620px;position: relative;margin: 10px 0;border: 2px solid #a0a0a0;height: 74px;border-radius: 5px;display: flex;justify-content: flex-start;align-items: center;padding: 0 15px;}
.main02 .main02-wrap02 .submit-box .input-box label {margin-right: 15px;}
.main02 .main02-wrap02 .submit-box .input-box input {color: #767676;font-size: 27px;flex: 1; border: none;outline: none;height: 40px;}
.main02 .main02-wrap02 .submit-box .agreement {font-size: 17px;line-height: 26px;color: #767676;margin: 30px auto; width: 80%;}
.main02 .main02-wrap02 .submit-box .agreement span {display: inline-block;width: 31px;height: 31px;border: 1px solid #2c2c2c; border-radius: 3px;position: relative;vertical-align: middle;cursor: pointer;box-sizing: border-box;}
.main02 .main02-wrap02 .submit-box .agreement span.checked {border-color: transparent;}
.main02 .main02-wrap02 .submit-box .agreement span.checked::before {content: '';display: inline-block;width: 31px;height: 31px;background: url("../images/contest-pet-video/checked.png") no-repeat center;position: absolute;left: 0;top: 0;}
.main02 .main02-wrap02 .submit-box .submit-btn button {padding: 15px 50px;font-size: 35px;font-weight: 600;color: #fff;background-color: #ff8b36;border-radius: 15px;border: none;cursor: pointer;}

/* ```````````````````````````````````````````````````````````````````````````````` */
.main02 .main02-wrap03 {padding: 100px 0 200px;}
.main02 .main02-wrap03 .rules {text-align: left;margin-top: 50px;padding-left: 30px;}
.main02 .main02-wrap03 .rules p {font-size: 21px;line-height: 30px;padding: 5px 0;}
.main02 .main02-wrap03 .rules a {color: #0084ff;text-decoration: underline;}
.main02 .main02-wrap03 .rules span {color: #e50000;}

.main02 .main02-wrap03 .prize-box {display: flex;justify-content: space-between;align-items: flex-end; margin-top: 50px;}
.prize-box .prize-flex {display: flex;justify-content: center;align-items: flex-end;}
.prize-box .prize-item {width: 280px;height: 235px;background-color: #fbfae4;border-radius: 15px;padding-bottom: 30px;display: flex;justify-content: space-between;align-items: center;flex-direction: column;}
.prize-box .grand { height: 350px; width: 370px; position: relative;left: -20px; background-color: #ffffea;z-index: 999;box-shadow: 0 0 3px 3px #eee;}
.prize-box .third {position: relative;left: -40px;}
.prize-box .lucky {height: 260px;background-color: #faefe9; width: 290px;}
.prize-box .img-box {height: 300px;position: relative;}
.prize-box .img-box img {position: absolute;bottom: 0;left: 50%;transform: translate(-50%, -5%);}
.prize-box .grand img {transform: translate(-45%, -5%);}
.prize-box .lucky img {transform: translate(-40%, -5%);}
.prize-box .third img {transform: translate(-45%, -5%);}


.prize-box .mes-box {font-size: 21px;line-height: 27px;color: #000000;text-align: left;}
.prize-box .mes-box span {display: block;}
.prize-box .second .mes-box span {color: #0a91ff;}
.prize-box .grand .mes-box span {color: #ff6768;font-size: 25px;font-weight: 600;}
.prize-box .third .mes-box span {color: #0a91ff;}
.prize-box .lucky .mes-box span {color: #ff892a;font-weight: 600;}


/* ```````````````````````````````````````````````````````````````````````````````` */
.main03 {background-color: #fcf7e9;text-align: center;padding: 50px 0; margin-top: -100px;}
.main03 h2 {font-size: 35px;font-weight: 600;margin-bottom: 15px;line-height: 48px; padding-top: 80px;}
.main03 p {font-size: 21px;line-height: 30px;}
.main03 ul.video-list {display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;margin-top: 50px;}
.main03 ul.video-list li {width: 370px;box-shadow: 0 3px 3px 3px #e7dfce;margin: 0 15px 30px;}
.main03 ul.video-list li .cover {width: 370px;height: 220px;position: relative;background-color: #fff;}
.main03 ul.video-list li .cover a {position: relative;height: 100%;display: inline-block;width: 100%;}
.main03 ul.video-list li .cover a::before {content: '';display: inline-block;width: 75px;height: 75px;background: url("../images/contest-pet-video/player.png") no-repeat center;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.main03 ul.video-list li .cover img {width: 100%;max-width: 100%;height: auto;}
.main03 ul.video-list li .message {background-color: #fff;padding: 0 20px 10px;display: flex;justify-content: space-between;align-items: flex-start;}
.main03 ul.video-list li .message .title {font-size: 19px;flex: 1;text-align: left;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.main03 ul.video-list li .message .vote {width: 78px;height: 78px;background: url("../images/contest-pet-video/bg-vote.png") no-repeat center;color: #fff;font-size: 21px;font-weight: 600;position: relative;}
.main03 ul.video-list li .message .vote span {position: absolute;bottom: 20%;left: 38%;transform: translateX(-50%);cursor: pointer;}


/* ```````````````````````````````````````````````````````````````````````````````` */
.main04 {background: url("../images/contest-pet-video/bg-main04.png") no-repeat center bottom;background-color: #fcf7e9;background-size: 100% auto;padding-bottom: 200px;padding-top: 290px;margin-top: -150px;}
.main04 .use-box {width: 800px;margin:0 auto;padding: 70px 0;}
.main04 .use-box h2 {font-size: 31px;font-weight: 600;margin-bottom: 40px;}
.main04 .use-box p {padding: 10px 0;font-size: 19px;}
.main04 .use-box p a {border-bottom: 1px solid #001cc1;color: #001cc1;}
/* ```````````````````````````````````````````````````````````````````````````````` */
.popu-vpc {width: 800px;background: url("../images/contest-pet-video/bg-popu.png") no-repeat center #fff8d2;border-radius: 15px;height: 430px;display: flex;justify-content: center;align-items: center;flex-direction: column;margin: 50px auto 0;position: relative;}
.popu-vpc::before {content: '';display: inline-block;width: 626px;height: 140px;background: url("../images/contest-pet-video/submit-top.png") no-repeat center;position: absolute;top: -94px;left: 50%;transform: translateX(-50%)}
.popu-vpc::after {content: '';display: inline-block;position: absolute;left: 0;right: 0;bottom: 0;height: 30px;border-bottom: 5px solid #89e5d7;border-radius: 15px;}
.popu-vpc h3 {font-size: 27px;font-weight: 600;color: #000;}
.popu-vpc .email-down {height: 60px;margin: 30px 0;}
.popu-vpc .popu-before {font-size: 0;}
.popu-vpc .popu-before input {font-size: 21px;border: 3px solid #78c443;height: 49px;padding: 0 15px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;color: #828282;outline: none;}
.popu-vpc .popu-before button {font-size: 24px;background-color: #78c443;height: 55px;padding: 0 30px;border: none;outline: none;border-top-right-radius: 5px;border-bottom-right-radius: 5px;color: #fff;vertical-align: bottom;cursor: pointer;}
.popu-vpc .vpc-list p {padding: 10px 0;color: #4d4d4d;font-size: 21px;}
.popu-vpc .vpc-list p img {margin-right: 10px;}
.popu-vpc .popu-close {position: absolute;right: 0;top: 0;transform: translate(0, -100%);cursor: pointer;}
.popu-vpc .popu-after {display: flex;justify-content: center;align-items: center;}
.popu-vpc .popu-after a {display: inline-block;color: #78c443;background-color: #fff;border: 2px solid #78c443;padding: 8px 18px;border-radius: 5px;font-size: 19px;margin: 0 15px;}
.popu-vpc .popu-after a img {vertical-align: text-bottom;}
.popu-vpc .popu-after p {font-size: 17px;line-height: 26px;}
.popu-vpc .popu-after p span {display: block;color: #ca3b3b;}
.popu-vpc .more-free {display: inline-block;color: #0084ff;text-decoration: underline;font-size: 19px;margin-top: 10px;}



@media (max-width:979px) {
    .details{width: 96%;}
    .share-sider {display: none;}
/* ```````````````````````````````````````````````````````````````````````````````` */
.nav-top {top: 0;height: 50px;}
.nav-top .nav-item {flex-wrap: wrap;height: 50px;}
.nav-top .nav-btn a {font-size: 13px;padding: 5px 10px;}
.nav-top .nav-item h4 {font-size: 15px;line-height: 1;margin-right: 0;}
.nav-top .nav-item h4 span {display: none;}
.nav-top .nav-item h4 img {margin-right: 0;}
/* ```````````````````````````````````````````````````````````````````````````````` */
    .main01 {padding: 30px 0;}
    .main01 .main01-title {flex-wrap: wrap;}
    .main01 .main01-title .title-right {width: 100%;margin-top: 15px;text-align: center;}
    .main01 .main01-title .title-right img {max-width: 660px;width: 100%;}
    .main01 .main01-wrap::before {display: none;}
    .main01 .main01-wrap::after {display: none;}
    .main01 .limited {flex-wrap: wrap;}
    .main01 .limited::before {display: none;}
    .main01 .limited .item h3 {font-size: 19px;}
    .main01 .limited .item .item-btn a {padding: 15px 30px;font-size: 19px;}
    .main01 .copies {font-size: 17px;}
/* ```````````````````````````````````````````````````````````````````````````````` */
    .main02 {background: #e2f6ff;}
    .main02 .scroll {display: none;}
/* ```````````````````````````````````````````````````````````````````````````````` */
    .main02 h2 {font-size: 27px;line-height: 40px;}
    .main02 .main02-wrap01 {padding-top: 70px;}
    .main02 .main02-wrap01 .mao-box {height: auto;width: 480px;margin: 0 auto;}
    .main02 .main02-wrap01 .mao-box::after {content: ''; display: block; clear: both;}
    .main02 .main02-wrap01 .mao-box .mao01 {transform: rotate(0deg);top: 0;left: 0;background-color: #c9e7ff;position: relative;width: 200px;height: 80px;border-radius: 50%;font-size: 21px;padding-top: 30px;}
    .main02 .main02-wrap01 .mao-box .mao01::before {bottom: 0;right: 20%;}
    .main02 .main02-wrap01 .mao-box .mao02 {transform: rotate(0deg);top: 0;right: 0;background-color: #fff2ae;width: 200px;height: 100px;position: relative;border-radius: 50%;font-size: 21px;line-height: 1.1;padding-top: 50px;float: right;}
/* ```````````````````````````````````````````````````````````````````````````````` */
    .main02 .main02-wrap02 {margin-top: 30px;}
    .main02 .main02-wrap02 h2 {padding-top: 0;}
    .main02 .main02-wrap02 .submit-box {width: 90%;height: auto;padding: 15px 10px ;margin: 10px auto;}
    .main02 .main02-wrap02 .submit-box::before {display: none;}
    .main02 .main02-wrap02 .submit-box .input-box {width: 98%;margin: 5px 0;height: auto;padding: 5px;}
    .main02 .main02-wrap02 .submit-box .input-box label {margin-right: 10px;}
    .main02 .main02-wrap02 .submit-box .input-box input {font-size: 15px;}
    .main02 .main02-wrap02 .submit-box .agreement {font-size: 17px;line-height: 26px;margin: 10px 0;}
    .main02 .main02-wrap02 .submit-box .submit-btn button {font-size: 19px;border-radius: 5px;}

/* ```````````````````````````````````````````````````````````````````````````````` */
    .main02 .main02-wrap03 {padding: 30px 0;}
    .main02 .main02-wrap03 .rules {padding-left: 10px; margin-top: 0;}
    .main02 .main02-wrap03 .rules p {font-size: 17px;line-height: 26px;}
    .main02 .main02-wrap03 .prize-box {flex-wrap: wrap;justify-content: center;align-items: center;}
    .prize-box .prize-flex {flex-wrap: wrap; align-items: center;justify-content: space-around;}
    .prize-box .prize-item {margin-bottom: 30px;height: auto;}
    .prize-box .grand {left: 0;width: 280px;height: auto;}
    .prize-box .third {left: 0;}
    .prize-box .lucky { width: 280px;height: auto;}
    .prize-box .img-box { height: auto;}
    .prize-box .img-box img {transform: translate(-50%, 0);position: relative;}
    .prize-box .grand img {transform: translate(-45%, 0) scale(0.7);}
    .prize-box .lucky img {transform: translate(-40%, 0);}
    .prize-box .third img {transform: translate(-45%, 0);}
/* ```````````````````````````````````````````````````````````````````````````````` */
    .main03 {margin-top: 0;padding: 30px 0;}
    .main03 h2 {font-size: 21px;line-height: 30px;  padding-top: 0;}
    .main03 p {font-size: 17px;line-height: 26px;}
    .main03 ul.video-list {margin-top: 30px;justify-content: space-around;}
    .main03 ul.video-list li {width: 100%;max-width: 370px;}
    .main03 ul.video-list li .cover {width: 100%;}
/* ```````````````````````````````````````````````````````````````````````````````` */
    .main04 {background: #fcf7e9;padding: 30px 0;margin: 0;}
    .main04 .use-box {width: 100%;background-color: #b8f3fb;padding: 10px 20px; box-sizing: border-box;}
    .main04 .use-box h2 {font-size: 19px; margin-bottom: 15px;text-align: center;}
    .main04 .use-box p {font-size: 15px;}
/* ```````````````````````````````````````````````````````````````````````````````` */
    .popu-vpc {width: 90%;height: auto;padding: 10px;margin: 0;}
    .popu-vpc::before {display: none;}
    .popu-vpc h3 {font-size: 17px;text-align: center;}
    .popu-vpc .email-down {height: auto;}
    .popu-vpc .popu-before input {display: block;border-radius: 5px;}
    .popu-vpc .popu-before button {display: block;width: 100%;border-radius: 5px;margin-top: 10px;}
    .popu-vpc .vpc-list p {font-size: 15px;}
    .popu-vpc .popu-after {flex-wrap: wrap;}
    .popu-vpc .popu-after p {font-size: 15px;text-align: center;}


}

@media (max-width:767px) {
    .main01 h1 {font-size: 37px;line-height: 48px;}
    .main01 h1 span {font-size: 23px;}
}

@media (max-width:479px) {
    .main01 h1 {font-size: 27px;line-height: 40px;}
    .main01 h1 span {font-size: 19px;}
    .main02 .main02-wrap01 .mao-box {width: 100%;}
    .goTop {display: none;}
}