body{background:#95f6d6}main{color:#438300}#header,#footer{background:linear-gradient(to right,#ffcb00 0%,#ff6400 100%)}#footer .foot-qpp{background-image:url(../../../img/Event/202405_Yoe/QPP.png)!important}.bg-area{display:flex;flex-direction:column;justify-content:space-between;position:absolute;top:0;bottom:0;left:calc(50% - 16em);width:1920px;margin:0 auto;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background-position:top center;background-repeat:no-repeat;z-index:-5}.bg-area .repeat-bg{flex:1 1 auto;width:100%;height:100%;position:absolute;background-position:top center;background-size:100% auto;background-repeat:repeat-y}@media(max-width:1000px){.bg-area{width:32em}}.bg-area img{width:100%;display:block;-o-object-fit:cover;object-fit:cover;position:relative}.bg-area .bgTop{margin-top:1em}#article{max-width:1280px;left:50%;transform:translate(-50%);position:relative}#article .container{margin:0 .5em}.mb-01{margin-bottom:.1em!important}.mb-05{margin-bottom:.5em!important}.mb-1{margin-bottom:1em!important}.mt-01{margin-top:.1em!important}.mt-05{margin-top:.5em!important}.mt-1{margin-top:1em!important}.mt-1-5{margin-top:1.5em!important}.mt-2{margin-top:2em!important}.display-none{display:none!important}.flex{display:flex!important}.wrap{flex-wrap:wrap!important}.clo{flex-direction:column!important}.txt-center{text-align:center!important}.active{transition:top .2s}.active:hover{top:2.1em!important}.z1{z-index:1!important}.z2{z-index:2!important}.z3{z-index:3!important}.no-poly{-webkit-clip-path:none!important;clip-path:none!important}.content{position:relative;max-width:16em!important;width:100%!important;margin:0 auto;counter-reset:badge}.content-title{height:3.05em}.text-outline{text-shadow:0 2px #f7fdff,0 -2px #f7fdff,2px 0 #f7fdff,-2px 0 #f7fdff,1.4px 1.4px #f7fdff,-1.4px 1.4px #f7fdff,1.4px -1.4px #f7fdff,-1.4px -1.4px #f7fdff;filter:drop-shadow(0.03em 0em 0.01em #f7fdff) drop-shadow(0em -0.06em 0.01em #f7fdff) drop-shadow(-0.03em 0em 0.01em #f7fdff) drop-shadow(0em 0.06em 0.01em #f7fdff) drop-shadow(0.03em 0em 0.01em #f7fdff)}.orange{color:#ff5400!important}.main-text{text-align:center;margin:17em auto 0}.main-text p{font-size:.65em;font-weight:700}.btn-play{z-index:1;width:8em;position:relative;animation:slide_right 1.2s infinite}.border_yoe,.border_xinstar{padding:10px 30px;background-color:#f3ffdd;z-index:1;display:block;font-weight:400;min-height:2em;border-radius:45px;border:15px solid #70de00}@media(max-width:590px){.border_yoe,.border_xinstar{border-width:12px;border-radius:36px}}@media(max-width:385px){.border_yoe,.border_xinstar{border-width:9px;border-radius:30px}}.border_yoe:hover,.border_xinstar:hover{size:1}.border_yoe::after,.border_xinstar::after{content:"";position:absolute;z-index:-2;inset:0;border:10px solid #c1da92;border-radius:30px}@media(max-width:590px){.border_yoe::after,.border_xinstar::after{border-width:8px;border-radius:24px}}@media(max-width:385px){.border_yoe::after,.border_xinstar::after{border-width:6px;border-radius:20px}}.border_yoe::before,.border_xinstar::before{content:"";position:absolute;z-index:-1;inset:0;border:5px solid #54a700;border-radius:30px}@media(max-width:590px){.border_yoe::before,.border_xinstar::before{border-width:4px;border-radius:24px}}@media(max-width:380px){.border_yoe::before,.border_xinstar::before{border-width:3px;border-radius:20px}}.border_xinstar{background-color:#fdff6a;border-color:#f6b300}.border_xinstar p{text-align:center;font-size:.44em;font-weight:700}.border_xinstar::after{border-color:#e4ce51}.border_xinstar::before{border-color:#f67a00}.tab-btns{text-align:center;display:flex;margin-top:-1.1em!important}.tab-btns h3{cursor:pointer;display:inline;font-size:.55em;width:50%;top:.5em}.tab-btns .tab-btn1,.tab-btns .tab-btn2{padding:.75em 1em 4.25em;position:relative;z-index:0;top:3.1em;filter:none;border-radius:45px;border-bottom:transparent}.tab-btns .tab-btn1::after,.tab-btns .tab-btn2::after{border-bottom:transparent}@media(max-width:590px){.tab-btns .tab-btn1,.tab-btns .tab-btn2{top:3.7em;padding-bottom:10em;height:4em;border-radius:36px}}@media(max-width:380px){.tab-btns .tab-btn1,.tab-btns .tab-btn2{border-radius:30px}}.tab-btns .tab-btn1{background-color:#fdff6a;-webkit-clip-path:polygon(103.17% -5.18%,104.61% 88.02%,67.04% 65.79%,6.62% 65.09%,6.24% 53.51%,1.69% 44.22%,-5.22% 45.86%,-10.59% 15.19%,-2.05% -3.27%);clip-path:polygon(103.17% -5.18%,104.61% 88.02%,67.04% 65.79%,6.62% 65.09%,6.24% 53.51%,1.69% 44.22%,-5.22% 45.86%,-10.59% 15.19%,-2.05% -3.27%)}@media(max-width:1000px){.tab-btns .tab-btn1{-webkit-clip-path:polygon(103.17% -5.18%,104.83% 68.68%,11.76% 65.18%,5.33% 52.05%,1.81% 45.37%,-10.59% 15.19%,-2.05% -3.27%);clip-path:polygon(103.17% -5.18%,104.83% 68.68%,11.76% 65.18%,5.33% 52.05%,1.81% 45.37%,-10.59% 15.19%,-2.05% -3.27%)}}@media(max-width:950px){.tab-btns .tab-btn1{top:3.2em}}@media(max-width:850px){.tab-btns .tab-btn1{top:3.3em}}@media(max-width:800px){.tab-btns .tab-btn1{top:3.4em}}@media(max-width:750px){.tab-btns .tab-btn1{top:3.5em}}@media(max-width:650px){.tab-btns .tab-btn1{top:3.6em}}@media(max-width:700px){.tab-btns .tab-btn1{-webkit-clip-path:polygon(103.17% -5.18%,104.83% 68.68%,11.76% 65.18%,5.33% 52.05%,1.81% 45.37%,-10.59% 15.19%,-2.05% -3.27%);clip-path:polygon(103.17% -5.18%,104.83% 68.68%,11.76% 65.18%,5.33% 52.05%,1.81% 45.37%,-10.59% 15.19%,-2.05% -3.27%)}}@media(max-width:590px){.tab-btns .tab-btn1{-webkit-clip-path:polygon(103.17% -5.18%,103.13% 45.57%,10.32% 45.4%,8.36% 38.07%,3.08% 31.59%,-3.1% 32.9%,-10.59% 15.19%,-2.05% -3.27%);clip-path:polygon(103.17% -5.18%,103.13% 45.57%,10.32% 45.4%,8.36% 38.07%,3.08% 31.59%,-3.1% 32.9%,-10.59% 15.19%,-2.05% -3.27%)}}@media(max-width:475px){.tab-btns .tab-btn1{-webkit-clip-path:polygon(103.17% -5.18%,106.07% 68.7%,66.54% 47.67%,14.76% 47%,8.81% 39.11%,3.62% 32.91%,-10.59% 15.19%,-2.05% -3.27%);clip-path:polygon(103.17% -5.18%,106.07% 68.7%,66.54% 47.67%,14.76% 47%,8.81% 39.11%,3.62% 32.91%,-10.59% 15.19%,-2.05% -3.27%)}}@media(max-width:430px){.tab-btns .tab-btn1{top:3.8em}}@media(max-width:385px){.tab-btns .tab-btn1{top:3.7em}}@media(max-width:329px){.tab-btns .tab-btn1{top:3.8em}}@media(max-width:270px){.tab-btns .tab-btn1{top:3.9em}}.tab-btns .tab-btn2{background-color:#f3ffdd;-webkit-clip-path:polygon(102.11% -5.05%,130.66% 46.55%,98.09% 45.65%,88.03% 66.28%,63.98% 65.43%,31.45% 65.29%,17.77% 62.24%,7.94% 78.18%,-3.3% 79.75%,-2.05% -3.27%);clip-path:polygon(102.11% -5.05%,130.66% 46.55%,98.09% 45.65%,88.03% 66.28%,63.98% 65.43%,31.45% 65.29%,17.77% 62.24%,7.94% 78.18%,-3.3% 79.75%,-2.05% -3.27%)}@media(max-width:920px){.tab-btns .tab-btn2{top:3.2em}}@media(max-width:849px){.tab-btns .tab-btn2{top:3.3em}}@media(max-width:749px){.tab-btns .tab-btn2{top:3.4em}}@media(max-width:694px){.tab-btns .tab-btn2{top:3.5em}}@media(max-width:620px){.tab-btns .tab-btn2{top:3.45em}}@media(max-width:590px){.tab-btns .tab-btn2{-webkit-clip-path:polygon(97.34% -6.92%,110.29% 31.05%,97.88% 31.13%,86.64% 46.76%,35.01% 46.28%,24.64% 42.19%,12.85% 46.74%,15.55% 64.51%,-3.49% 65.61%,-2.05% -3.27%);clip-path:polygon(97.34% -6.92%,110.29% 31.05%,97.88% 31.13%,86.64% 46.76%,35.01% 46.28%,24.64% 42.19%,12.85% 46.74%,15.55% 64.51%,-3.49% 65.61%,-2.05% -3.27%);top:3.5em}.tab-btns .tab-btn2 img{width:70%}}@media(max-width:445px){.tab-btns .tab-btn2{-webkit-clip-path:polygon(97.34% -6.92%,105.24% 34.21%,98.07% 33.01%,85.56% 48.49%,39.46% 49.85%,28.1% 46.35%,20.27% 53.28%,17.15% 81.02%,-3.01% 82.69%,-2.05% -3.27%);clip-path:polygon(97.34% -6.92%,105.24% 34.21%,98.07% 33.01%,85.56% 48.49%,39.46% 49.85%,28.1% 46.35%,20.27% 53.28%,17.15% 81.02%,-3.01% 82.69%,-2.05% -3.27%)}}.none{top:2.1em!important}.tabs{margin-top:-.5em}@media(max-width:590px){.tabs{margin-top:-2.5em}}.tabs .item1{position:relative}.tabs .item1 p{text-align:center;font-size:.5em;font-weight:700;color:#54990a!important;margin-top:3.9em}.tabs .item1 .text01{position:absolute;z-index:4;top:-1.5em}@media(max-width:1000px){.tabs .tab2 .item2 img:last-child{width:8.7em}}@media(max-width:1000px){.tabs .tab1 .item2 img:last-child{width:8em}}.tabs .tab2 .item2 .xin-icon:hover{filter:brightness(1.1) drop-shadow(0 0 1px green)}.tabs .tab2 .item2 .xin-icon{position:relative;width:56%;display:block;margin:auto}.tabs .tab2 .item2 .xin-icon img{width:100%!important}.tabs .tab2 .item2 .xin-icon .dec{position:absolute;width:2em;height:2.45em;top:1.8em;right:-.3em;z-index:6;background:url("../../../img/Event/202405_Yoe/dec-hand-2%EF%B9%96v.png") top/100% auto no-repeat;animation:ani-decHand 1.4s infinite step-end;pointer-events:none}@media(max-width:900px){.tabs .tab2 .item2 .xin-icon{width:64%}}.tabs .tab2 .item1-img{margin-top:.2em!important}@media(max-width:540px){.tabs .tab2 .item1-img{margin-top:.3em!important}}#section-recommend .box{position:absolute;left:58.5%;line-height:1.5;top:0}#section-recommend .box p{font-size:.8em;font-weight:700}#section-recommend .xin-icon{position:relative;display:flex;width:8em;height:5em;background:url("../../../img/Event/202405_Yoe/xinstar_icon2%EF%B9%96v.png") center/100% auto no-repeat;transition:filter .1s}#section-recommend .xin-icon:hover{filter:brightness(1.1) drop-shadow(4px 4px 4px green)}#section-active{margin:0 auto}#section-active .swiper{width:16em;max-width:100%;margin:.5em 0 1em;padding:0 .5em}#section-active .swiper-slide{position:relative;padding:0;box-shadow:0 0 .25em rgba(0,0,64,.35);min-height:3em;border-radius:.65em}#section-active .swiper-slide::before,#section-active .swiper-slide::after{content:none}#section-active .swiper-slide img{width:100%}#section-active .swiper-btn{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}#section-active .swiper-btn:hover>.slick-prev,#section-active .swiper-btn:hover>.slick-next{animation:none}#section-active .slick-arrow{display:block;width:11%;height:100%;padding:0;position:absolute;font-size:0;line-height:0;cursor:pointer;border:0;outline:none;background:center no-repeat;z-index:5;transition:background-color .5s}#section-active .slick-prev{background:url("../../../img/Event/202405_Yoe/btn-left%EF%B9%96v=1.png") top/100% auto no-repeat;width:11%;height:31%;top:32%;transition:filter .2s,transform .2s;animation:btnPlay 2s infinite step-end}#section-active .slick-prev:hover{animation:none;background:url("../../../img/Event/202405_Yoe/btn-left%EF%B9%96v=1.png") bottom/100% auto no-repeat;filter:brightness(1.1);transform:scale(1.1)}#section-active .slick-next{background:url("../../../img/Event/202405_Yoe/btn-right%EF%B9%96v=1.png") top/100% auto no-repeat;transition:filter .2s,transform .2s;width:11%;height:31.7%;right:5em;top:32%;animation:btnPlay2 2s infinite step-end}#section-active .slick-next:hover{animation:none;background:url("../../../img/Event/202405_Yoe/btn-right%EF%B9%96v=1.png") bottom/100% auto no-repeat;filter:brightness(1.1);transform:scale(1.1)}#section-notice .download-txt{font-size:.8em!important;text-align:center;font-weight:700}#section-notice .btns{display:flex;text-align:center;margin-top:30px;height:2em;justify-content:center;margin-bottom:.8em}#section-notice .btns a{width:6em;height:2em}#section-notice .btns .google{background:url("../../../img/Event/202405_Yoe/google.png") center/100% auto no-repeat;transition:filter .2s,transform .2s}#section-notice .btns .google:hover,#section-notice .btns .google.active{transform:scale(1.05);filter:brightness(1.2) drop-shadow(0px 2px 2px white)}#section-notice .btns .apple{background:url("../../../img/Event/202405_Yoe/apple.png") center/100% auto no-repeat;transition:filter .2s,transform .2s}#section-notice .btns .apple:hover,#section-notice .btns .apple.active{transform:scale(1.05);filter:brightness(1.2) drop-shadow(0px 2px 2px white)}.side-container{position:fixed;left:50%;transform:translate(-50%);top:2.25em;z-index:5;pointer-events:none;width:100%;max-width:26em;opacity:1}.side-container .side-btn{pointer-events:all;display:block;margin-left:auto;margin-right:.25em;width:3.15em;opacity:1;transition:opacity .5s}@media(max-width:900px){.side-container .side-btn{opacity:0;pointer-events:none}}.fade-in{opacity:0;transition:opacity 1s}.fade-in.show{opacity:1}.fade-up{opacity:0;transform:translateY(50px);transition:opacity 1s,transform 1s}.fade-up.show{opacity:1;transform:translateY(0)}.fade-down{opacity:0;transform:translateY(-50px);transition:opacity 1s,transform 1s}.fade-down.show{opacity:1;transform:translateY(0)}.fade-left{opacity:0;transform:translateX(-100px);transition:opacity 1s,transform 1s}.fade-left.show{opacity:1;transform:translateY(0)}.fade-right{opacity:0;transform:translateX(100px);transition:opacity 1s,transform 1s}.fade-right.show{opacity:1;transform:translateY(0)}@keyframes slide_right{0%{right:1em}50%{right:0}100%{right:1em}}@keyframes rightIn{from{transform:translate3d(20%,0,0)}to{transform:none}}@keyframes btnPlay{0%{background-position:top}50%{background-position:bottom}}@keyframes btnPlay2{0%{background-position:bottom}50%{background-position:top}}@keyframes ani-decHand{0%{transform:none}50%{transform:translate(0.1em,0.1em)}}