body {
    background-color: #282828
}

body #main_container {
    background-color: rgba(0, 0, 0, 0)
}

body div[class^=af_space_] {
    height: 0
}

.festival-container {
    overflow: hidden;
    position: relative
}

.festival-container .btn-back {
    position: absolute;
    left: 20px;
    top: 15%;
    display: inline-block;
    width: 170px
}

.festival-container .btn-back:hover {
    opacity: .7
}

.festival-container .session-middle {
    /* background-image: url("/assets/img/tagsis/festival/2023/spring/bgloop.png"); */
    margin: 0 auto;
    max-width: 1920px;
    position: relative;
}

.festival-container .session-middle .front {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/front/bg.png");
    position: relative;
    width: 100%;
    z-index: 1;
    text-align:center;
}

.festival-container .session-middle .front>.flower-deco-l {
    max-width: 520px;
    width: 27.0833%;
    position: absolute;
    left: 0;
    top: 5%;
}
.festival-container .session-middle .front>.flower-deco-l::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/front/flower-left.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 133.07692%;
}

.festival-container .session-middle .front>.flower-deco-r {
    max-width: 499px;
    width: 25.98958%;
    position: absolute;
    right:0;
    top: 5%;
}
.festival-container .session-middle .front>.flower-deco-r::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/front/flower-right.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 142.48496%;
}

.festival-container .session-middle .front>.greeting {
    max-width: 803px;
    width: 41.67%;
    margin: auto;
    padding: 8.5% 0 0;
}
.festival-container .session-middle .front>.greeting::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/front/greeting.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 35.616438%;
}

.festival-container .session-middle .front>.testpromote {
    max-width: 680px;
    width: 35.41%;
    margin: auto;
    padding: 10px 0 0;
}
.festival-container .session-middle .front>.testpromote::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/front/test-promote.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 29.117%;
}

.festival-container .session-middle .front>.gift {
    max-width: 1077px;
    width: 56.09375%;
    margin: auto;
    padding: 20px 0 0;
}
.festival-container .session-middle .front>.gift::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/front/gift.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 112.81337%;
}

.festival-container .session-middle .front>.starttest {
    max-width: 559px;
    width: 29.0625%;
    margin: auto;
    padding: 5% 0 0;
    display: block;
    cursor: pointer;
}
.festival-container .session-middle .front>.starttest::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/front/start-button.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    cursor: pointer;
    display: block;
    padding-bottom: 18.99641%;
}

.festival-container .session-middle .front>.separator {
    max-width: 1451px;
    width: 75.57291%;
    margin: auto;
    padding: 5% 0;
}
.festival-container .session-middle .front>.separator::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/front/separate-line.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 1.791867%;
}

.festival-container .session-middle .reels {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/bg-gold.png");
    padding: 40px 0;
    position: relative;
    width: 100%;
    z-index: 1;
    text-align:center;
}
.festival-container .session-middle .reels > .title {
    max-width: 1405px;
    width: 73.1770833333333%;
    margin: auto;
}
.festival-container .session-middle .reels > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/title-reels.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 20.4270462633452%;
}
.festival-container .session-middle .reels .container {
    width: 65%;
}
.festival-container .session-middle .reels .container > .reels-carousel{
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    user-select: none;
}
.festival-container .session-middle .reels .container > .reels-carousel .multi{
    display: flex;
    flex-direction: row;
}
.festival-container .session-middle .reels .container > .reels-carousel .multi a{
    flex: 1;
}
.festival-container .session-middle .reels .container > .reels-carousel .multi a > .reel-image::after{
    flex: 1;
}
.festival-container .session-middle .reels .container > .reels-carousel a > .reel-image{
    max-width: 600px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0 auto;
}
.festival-container .session-middle .reels .container > .reels-carousel a > .reel-image::after{
    content: ' ';
    display: block;
    padding-bottom: 143.75%;
}
.festival-container .session-middle .reels .container > .separator {
    max-width: 1449px;
    width: 75.46875%;
    margin: auto;
    padding: 5% 0 0;
}
.festival-container .session-middle .reels .container > .separator::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/separator-reels.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 2.2774327122153%;
}

.festival-container .session-middle .container {
    padding: 40px 0;
    position: relative;
    width: 100%;
    z-index: 2;
}

.festival-container .session-middle .container.newyear {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/bg-brown.png");
}
.festival-container .session-middle .container.beauty {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/bg-pink.png");
}
.festival-container .session-middle .container.fashion {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/bg-red.png");
}
.festival-container .session-middle .container.food {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/bg-gold.png");
}

.festival-container .session-middle .container.food > .branches-deco-l {
    max-width: 467px;
    width: 24.3229166666667%;
    position: absolute;
    left: 0;
    top: 5%;
}
.festival-container .session-middle .container.food > .branches-deco-l::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/front/branches-left.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 55.8886509635974%;
}
.festival-container .session-middle .container.food > .branches-deco-r {
    max-width: 395px;
    width: 20.5729166666667%;
    position: absolute;
    right:0;
    top: 5%;
}
.festival-container .session-middle .container.food > .branches-deco-r::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/front/branches-right.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 55.9493670886076%;
}

.festival-container .session-middle .container .article-carousel {
    margin: 0 auto;
    position: relative;
    width: 65%;
}

.festival-container .session-middle .container .article-carousel.hot {
    margin-top: -36px
}

.festival-container .session-middle .container > .session-title {
    padding-bottom: 15px;
    position: relative;
    z-index: 2
}

.festival-container .session-middle .container > .session-title > img {
    margin: 0 auto;
}
.festival-container .session-middle .container.newyear > .session-title > img {
    max-width: 1185px;
    width: 61.72%
}
.festival-container .session-middle .container.beauty > .session-title > img {
    max-width: 1330px;
    width: 69.27%
}
.festival-container .session-middle .container.fashion > .session-title > img {
    max-width: 1271px;
    width: 62.19%
}
.festival-container .session-middle .container.food > .session-title > img {
    max-width: 893px;
    width: 46.5%
}
.festival-container .session-middle .container > .session-title-type{
    margin: 1% 0 5%;
    text-align: center;
}
.festival-container .session-middle .container.newyear > .session-title-type > img {
    width: 30%;
}
.festival-container .session-middle .container.beauty > .session-title-type > img {
    width: 56%;
}
.festival-container .session-middle .container.fashion > .session-title-type > img {
    width: 51%;
}
.festival-container .session-middle .container.food > .session-title-type > img {
    width: 38%;
}

.festival-container .session-middle .container .article-carousel .session-swiper-container {
    padding: 0 40px;
    position: relative;
    min-height: 300px
}

.festival-container .session-middle .container .article-carousel .session-swiper-container .swiper-slide {
    background-color: #fff;
    border-radius: 25px;
    border: 5px solid #fff;
    overflow: hidden;
    padding: 5px
}

.festival-container .session-middle .container .article-carousel .session-swiper-container .swiper-slide .article-image {
    position: relative;
    background-color: #fff
}

.festival-container .session-middle .container .article-carousel .session-swiper-container .swiper-slide .article-image img {
    width: 100%;
    display: block;
    z-index: 6
}

.festival-container .session-middle .container .article-carousel .session-swiper-container .swiper-slide .article-image .article-origin-image {
    z-index: 8;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.festival-container .session-middle .container .article-carousel .session-swiper-container .swiper-slide .article-date {
    font-size: .875rem;
    line-height: 150%;
    color: #ccc;
    display: inline-block
}

.festival-container .session-middle .container .article-carousel .session-swiper-container .swiper-slide .article-content {
    padding: 10px
}

.festival-container .session-middle .container .article-carousel .session-swiper-container .swiper-slide .article-content .article-title {
    margin-bottom: 5px;
    font-size: 1rem;
    line-height: 150%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 3rem;
    -webkit-box-orient: vertical
}

.festival-container .session-middle .reels .container .reels-carousel .swiper-button-prev,
.festival-container .session-middle .container .article-carousel .session-swiper-container .swiper-button-prev {
    background-size: 100%;
    top: 50%;
    margin-top: 0px;
    transform: translateY(-50%);
    width: 66px;
    height: 300px;
    left: -5%;
    cursor: pointer;
}

.festival-container .session-middle .reels .container .reels-carousel .swiper-button-next,
.festival-container .session-middle .container .article-carousel .session-swiper-container .swiper-button-next {
    background-size: 100%;
    top: 50%;
    margin-top: 0px;
    transform: translateY(-50%);
    width: 66px;
    height: 300px;
    right: -5%;
    cursor: pointer;
}

.festival-container .session-middle .reels .container .reels-carousel .swiper-button-prev,
.festival-container .session-middle .container.reels .article-carousel .session-swiper-container .swiper-button-prev,
.festival-container .session-middle .container.beauty .article-carousel .session-swiper-container .swiper-button-prev {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/left-brown.png");
}
.festival-container .session-middle .reels .container .reels-carousel .swiper-button-next,
.festival-container .session-middle .container.reels .article-carousel .session-swiper-container .swiper-button-next,
.festival-container .session-middle .container.beauty .article-carousel .session-swiper-container .swiper-button-next {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/right-brown.png");
}

.festival-container .session-middle .container.newyear .article-carousel .session-swiper-container .swiper-button-prev,
.festival-container .session-middle .container.fashion .article-carousel .session-swiper-container .swiper-button-prev,
.festival-container .session-middle .container.food .article-carousel .session-swiper-container .swiper-button-prev {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/left-yellow.png");
}
.festival-container .session-middle .container.newyear .article-carousel .session-swiper-container .swiper-button-next,
.festival-container .session-middle .container.fashion .article-carousel .session-swiper-container .swiper-button-next,
.festival-container .session-middle .container.food .article-carousel .session-swiper-container .swiper-button-next {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/right-yellow.png");
}

.festival-container .session-middle .container .article-carousel .session-swiper-container .swiper-button-prev:focus,
.festival-container .session-middle .container .article-carousel .session-swiper-container .swiper-button-next:focus {
    outline: none
}

.festival-container .session-middle .container .article-carousel .session-separator{
    padding-top: 40px;
}

.festival-container .session-middle .footer {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/footer/bg.png");
    padding-bottom: 40px;
    position: relative;
}
.festival-container .session-middle .footer>.logocontainer {
    padding: 12% 0;
    text-align:center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.festival-container .session-middle .footer>.logocontainer>div.starnic {
    width: 28.3333333333333%;
    max-width: 544px;
}
.festival-container .session-middle .footer>.logocontainer>div.starnic::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/footer/starnic.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 34.375%;
}
.festival-container .session-middle .footer>.logocontainer>div.fees {
    width: 12.65625%;
    max-width: 243px;
}
.festival-container .session-middle .footer>.logocontainer>div.fees::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/footer/fees.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 76.9547325102881%;
}
.festival-container .session-middle .footer>.logocontainer>div.etude {
    width: 20.0520833333333%;
    max-width: 385px;
}
.festival-container .session-middle .footer>.logocontainer>div.etude::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/footer/etude.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 100%;
}
.festival-container .session-middle .footer>.title {
    max-width: 1451px;
    width: 75.5729166666667%;
    margin: auto;
}
.festival-container .session-middle .footer>.title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/footer/title-bottom.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 17.160579%;
}

footer {
    background-color: rgba(0, 0, 0, 0);
    margin: 0 auto;
    max-width: 1500px;
    width: 100%
}

footer div.copy-right-container {
    color: #fafafa;
    position: relative;
    z-index: 5
}

#quizoverlay{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.7);
    z-index: 20;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
#quizoverlay.close{
    display: none;
}

#quizoverlay> .quizcontainer{
    background-image: url("/assets/img/tagsis/festival/2024/newyear/front/bg.png");
    margin: 0 auto;
    max-width: 1920px;
    width: 100%;
    height: 100dvh;
    position: relative;
    overflow-y: scroll;
    padding-bottom: env(safe-area-inset-bottom);
}
#quizoverlay > .quizcontainer > .closebutton{
    background-image: url("/assets/img/tagsis/festival/2024/newyear/front/bg.png");
    border-radius: 100%;
    color: #e3c687;
    cursor: pointer;
    font-size: 3em;
    position: fixed;
    top: 2%;
    right: 2%;
    z-index: 100;
}

.locked{
    position: fixed;
    overflow-y: hidden;
}
#quizoverlay > .quizcontainer > .starting, #quizoverlay > .quizcontainer > .quiz, #quizoverlay > .quizcontainer > .quizresult{
    display: none;
}
#quizoverlay > .quizcontainer .show{
    display: block;
}
#quizoverlay > .quizcontainer > .starting > .header {
    max-width: 870px;
    width: 45.3125%;
    margin: auto;
    padding: 3% 0;
}
#quizoverlay > .quizcontainer > .starting > .header::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/header.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 32.9885%;
}
#quizoverlay > .quizcontainer > .starting > .art {
    max-width: 1461px;
    width: 76.09375%;
    margin: auto;
}
#quizoverlay > .quizcontainer > .starting > .art::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/art.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 64.40793%;
}
#quizoverlay > .quizcontainer > .starting > .startquiz {
    max-width: 558px;
    width: 29.0625%;
    margin: auto;
    cursor: pointer;
    z-index: 21;
    display: block;
}
#quizoverlay > .quizcontainer > .starting > .startquiz::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/start-button.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 18.9964157706093%;
    margin: -19% 0 20%;
}
#quizoverlay > .quizcontainer > .starting > .separator {
    max-width: 1451px;
    width: 75.57291%;
    margin: 0 auto 5%;
}
#quizoverlay > .quizcontainer > .starting > .separator::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/separator.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 1.79186%;
}
#quizoverlay > .quizcontainer > .quiz{
    width: 100%;
    min-height: 100vh;
}
#quizoverlay > .quizcontainer > .quiz > .frame {
    max-width: 848px;
    width: 44.1666666666667%;
    margin: 10% auto 2.5%;
    position: relative;
}
#quizoverlay > .quizcontainer > .quiz > .frame::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quiz > .frame > .question {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
#quizoverlay > .quizcontainer > .quiz > .frame > .question > .icon {
    max-width: 158px;
    width: 18.632075%;
    margin: -8% auto 8%;
}
#quizoverlay > .quizcontainer > .quiz > .frame > .question > .icon::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 87.3417721518987%;
}
#quizoverlay > .quizcontainer > .quiz > .frame > .question > .title {
    margin: 0 auto;
    padding: 5% 0 0;
}
#quizoverlay > .quizcontainer > .quiz > .frame > .question > .title::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quiz > .frame > .question > .decor {
    margin: 1% auto 5%;
}
#quizoverlay > .quizcontainer > .quiz > .frame > .question > .decor::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quiz > .frame > .question > .ans {
    /* margin: 1.5% auto; */
    cursor: pointer;
    display: block;
}
#quizoverlay > .quizcontainer > .quiz > .frame > .question > .ans::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quiz > .separator {
    max-width: 1451px;
    width: 75.57291%;
    margin: 2.5% auto 5%;
}
#quizoverlay > .quizcontainer > .quiz > .separator::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/separator.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 1.79186%;
}
/* q1 */
#quizoverlay > .quizcontainer > .quiz.q1 > .frame::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q1/frame.png");
    padding-bottom: 208.8443396226415%;
}
#quizoverlay > .quizcontainer > .quiz.q1 > .frame > .question > .icon::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q1/icon.png");
}
#quizoverlay > .quizcontainer > .quiz > .frame > .question > .title {
    max-width: 636px;
    width: 75%;
}
#quizoverlay > .quizcontainer > .quiz > .frame > .question > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q1/title.png");
    padding-bottom: 20.7547169811321%;
}
#quizoverlay > .quizcontainer > .quiz > .frame > .question > .decor {
    max-width: 252px;
    width: 29.7169811320755%;
}
#quizoverlay > .quizcontainer > .quiz > .frame > .question > .decor::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q1/decor.png");
    padding-bottom: 244.8412698412698%;
}
#quizoverlay > .quizcontainer > .quiz.q1 > .frame > .question > .ans {
    margin: 1.5% auto;
    max-width: 478px;
    width: 56.3679245283019%;
}
#quizoverlay > .quizcontainer > .quiz.q1 > .frame > .question > .ans::after {
    padding-bottom: 22.1757322175732%;
}
#quizoverlay > .quizcontainer > .quiz.q1 > .frame > .question > .ans1::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q1/ans1.png");
}
#quizoverlay > .quizcontainer > .quiz.q1 > .frame > .question > .ans2::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q1/ans2.png");
}
#quizoverlay > .quizcontainer > .quiz.q1 > .frame > .question > .ans3::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q1/ans3.png");
}
#quizoverlay > .quizcontainer > .quiz.q1 > .frame > .question > .ans4::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q1/ans4.png");
}
#quizoverlay > .quizcontainer > .quiz.q1 > .frame > .question > .ans5::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q1/ans5.png");
}
/* q2 */
#quizoverlay > .quizcontainer > .quiz.q2 > .frame::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q2/frame.png");
    padding-bottom: 217.0990566037736%;
}
#quizoverlay > .quizcontainer > .quiz.q2 > .frame > .question > .icon::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q2/icon.png");
}
#quizoverlay > .quizcontainer > .quiz.q2 > .frame > .question > .title {
    max-width: 634px;
    width: 74.7641509433962%;
}
#quizoverlay > .quizcontainer > .quiz.q2 > .frame > .question > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q2/title.png");
    padding-bottom: 8.6750788643533%;
}
#quizoverlay > .quizcontainer > .quiz.q2 > .frame > .question > .decor {
    max-width: 450px;
    width: 53.0660377358491%;
}
#quizoverlay > .quizcontainer > .quiz.q2 > .frame > .question > .decor::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q2/decor.png");
    padding-bottom: 110.6666666666667%;
}
#quizoverlay > .quizcontainer > .quiz.q2 > .frame > .question > .ans {
    margin: 2.5% auto;
    max-width: 694px;
    width: 81.8396226415094%;
}
#quizoverlay > .quizcontainer > .quiz.q2 > .frame > .question > .ans::after {
    padding-bottom: 21.6138328530259%;
}
#quizoverlay > .quizcontainer > .quiz.q2 > .frame > .question > .ans1::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q2/ans1.png");
}
#quizoverlay > .quizcontainer > .quiz.q2 > .frame > .question > .ans2::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q2/ans2.png");
}
#quizoverlay > .quizcontainer > .quiz.q2 > .frame > .question > .ans3::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q2/ans3.png");
}
#quizoverlay > .quizcontainer > .quiz.q2 > .frame > .question > .ans4::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q2/ans4.png");
}
#quizoverlay > .quizcontainer > .quiz.q2 > .frame > .question > .ans5::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q2/ans5.png");
}
/* q3 */
#quizoverlay > .quizcontainer > .quiz.q3 > .frame::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q3/frame.png");
    padding-bottom: 168.75%;
}
#quizoverlay > .quizcontainer > .quiz.q3 > .frame > .question > .icon::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q3/icon.png");
}
#quizoverlay > .quizcontainer > .quiz.q3 > .frame > .question > .title {
    max-width: 591px;
    width: 69.6933962264151%;
}
#quizoverlay > .quizcontainer > .quiz.q3 > .frame > .question > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q3/title.png");
    padding-bottom: 19.4585448392555%;
}
#quizoverlay > .quizcontainer > .quiz.q3 > .frame > .question > .decor {
    max-width: 360px;
    width: 42.4528301886792%;
    margin: 3% auto 8%;
}
#quizoverlay > .quizcontainer > .quiz.q3 > .frame > .question > .decor::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q3/decor.png");
    padding-bottom: 133.8888888888889%;
}
#quizoverlay > .quizcontainer > .quiz.q3 > .frame > .question > .ans {
    margin: 2.5% auto;
    max-width: 694px;
    width: 81.8396226415094%;
}
#quizoverlay > .quizcontainer > .quiz.q3 > .frame > .question > .ans::after {
    padding-bottom: 21.6138328530259%;
}
#quizoverlay > .quizcontainer > .quiz.q3 > .frame > .question > .ans1::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q3/ans1.png");
}
#quizoverlay > .quizcontainer > .quiz.q3 > .frame > .question > .ans2::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q3/ans2.png");
}
#quizoverlay > .quizcontainer > .quiz.q3 > .frame > .question > .ans3, #quizoverlay > .quizcontainer > .quiz.q3 > .frame > .question > .ans4, #quizoverlay > .quizcontainer > .quiz.q3 > .frame > .question > .ans5 {
    display:none;
}
/* q4 */
#quizoverlay > .quizcontainer > .quiz.q4 > .frame::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q4/frame.png");
    padding-bottom: 202.9481132075472%;
}
#quizoverlay > .quizcontainer > .quiz.q4 > .frame > .question > .icon::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q4/icon.png");
}
#quizoverlay > .quizcontainer > .quiz.q4 > .frame > .question > .title {
    max-width: 725px;
    width: 85.4952830188679%;
}
#quizoverlay > .quizcontainer > .quiz.q4 > .frame > .question > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q4/title.png");
    padding-bottom: 24.4137931034483%;
}
#quizoverlay > .quizcontainer > .quiz.q4 > .frame > .question > .decor {
    max-width: 663px;
    width: 78.1839622641509%;
    margin: 8% auto;
}
#quizoverlay > .quizcontainer > .quiz.q4 > .frame > .question > .decor::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q4/decor.png");
    padding-bottom: 49.4720965309201%;
}
#quizoverlay > .quizcontainer > .quiz.q4 > .frame > .question > .ans {
    margin: 2.5% auto;
    max-width: 694px;
    width: 81.8396226415094%;
}
#quizoverlay > .quizcontainer > .quiz.q4 > .frame > .question > .ans::after {
    padding-bottom: 21.6138328530259%;
}
#quizoverlay > .quizcontainer > .quiz.q4 > .frame > .question > .ans1::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q4/ans1.png");
}
#quizoverlay > .quizcontainer > .quiz.q4 > .frame > .question > .ans2::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q4/ans2.png");
}
#quizoverlay > .quizcontainer > .quiz.q4 > .frame > .question > .ans3::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q4/ans3.png");
}
#quizoverlay > .quizcontainer > .quiz.q4 > .frame > .question > .ans4::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q4/ans4.png");
}
#quizoverlay > .quizcontainer > .quiz.q4 > .frame > .question > .ans5 {
    display:none;
}
/* q5 */
#quizoverlay > .quizcontainer > .quiz.q5 > .frame::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q5/frame.png");
    padding-bottom: 231.3679245283019%;
}
#quizoverlay > .quizcontainer > .quiz.q5 > .frame > .question > .icon::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q5/icon.png");
}
#quizoverlay > .quizcontainer > .quiz.q5 > .frame > .question > .title {
    max-width: 727px;
    width: 85.7311320754717%;
}
#quizoverlay > .quizcontainer > .quiz.q5 > .frame > .question > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q5/title.png");
    padding-bottom: 15.818431911967%;
}
#quizoverlay > .quizcontainer > .quiz.q5 > .frame > .question > .decor {
    max-width: 370px;
    width: 43.6320754716981%;
    margin: 10% auto;
}
#quizoverlay > .quizcontainer > .quiz.q5 > .frame > .question > .decor::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q5/decor.png");
    padding-bottom: 130.2702702702703%;
}
#quizoverlay > .quizcontainer > .quiz.q5 > .frame > .question > .ans {
    margin: 2.5% auto;
    max-width: 694px;
    width: 81.8396226415094%;
}
#quizoverlay > .quizcontainer > .quiz.q5 > .frame > .question > .ans::after {
    padding-bottom: 21.6138328530259%;
}
#quizoverlay > .quizcontainer > .quiz.q5 > .frame > .question > .ans1::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q5/ans1.png");
}
#quizoverlay > .quizcontainer > .quiz.q5 > .frame > .question > .ans2::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q5/ans2.png");
}
#quizoverlay > .quizcontainer > .quiz.q5 > .frame > .question > .ans3::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q5/ans3.png");
}
#quizoverlay > .quizcontainer > .quiz.q5 > .frame > .question > .ans4::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q5/ans4.png");
}
#quizoverlay > .quizcontainer > .quiz.q5 > .frame > .question > .ans5::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q5/ans5.png");
}
/* q6 */
#quizoverlay > .quizcontainer > .quiz.q6 > .frame::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q6/frame.png");
    padding-bottom: 221.4622641509434%;
}
#quizoverlay > .quizcontainer > .quiz.q6 > .frame > .question > .icon::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q6/icon.png");
}
#quizoverlay > .quizcontainer > .quiz.q6 > .frame > .question > .title {
    max-width: 730px;
    width: 86.0849056603774%;
}
#quizoverlay > .quizcontainer > .quiz.q6 > .frame > .question > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q6/title.png");
    padding-bottom: 44.6575342465753%;
}
#quizoverlay > .quizcontainer > .quiz.q6 > .frame > .question > .decor {
    max-width: 244px;
    width: 28.7735849056604%;
    margin: 6% auto;
}
#quizoverlay > .quizcontainer > .quiz.q6 > .frame > .question > .decor::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q6/decor.png");
    padding-bottom: 175.4098360655738%;
}
#quizoverlay > .quizcontainer > .quiz.q6 > .frame > .question > .ans {
    margin: 2.5% auto;
    max-width: 694px;
    width: 81.8396226415094%;
}
#quizoverlay > .quizcontainer > .quiz.q6 > .frame > .question > .ans::after {
    padding-bottom: 21.6138328530259%;
}
#quizoverlay > .quizcontainer > .quiz.q6 > .frame > .question > .ans1::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q6/ans1.png");
}
#quizoverlay > .quizcontainer > .quiz.q6 > .frame > .question > .ans2::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q6/ans2.png");
}
#quizoverlay > .quizcontainer > .quiz.q6 > .frame > .question > .ans3::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q6/ans3.png");
}
#quizoverlay > .quizcontainer > .quiz.q6 > .frame > .question > .ans4::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/q6/ans4.png");
}
#quizoverlay > .quizcontainer > .quiz.q6 > .frame > .question > .ans5 {
    display:none;
}
/* quiz result */
#quizoverlay > .quizcontainer > .quizresult{
    width: 100%;
}
#quizoverlay > .quizcontainer > .quizresult > .head {
    max-width: 332px;
    width: 17.2916666666667%;
    margin: 8% auto 2.5%;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .head::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/quizresult.png");
    padding-bottom: 20.7831325301205%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame {
    margin: 2% auto;
    position: relative;
    max-width: 848px;
    width: 44.1666666666667%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result .clickformore {
    cursor: pointer;
    display: block;
    max-width: 249px;
    width: 29.3632075471698%;
    margin: 0 auto;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result .clickformore::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/clickformore.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 18.8755020080321%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .title::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .photo {
    margin: 0 auto;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .photo::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .dotline {
    max-width: 503px;
    width: 59.3160377358491%;
    margin: 2% auto;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .dotline::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/dotline.png");
    padding-bottom: 2.9821073558648%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .subtitle {
    margin: 1% auto;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .subtitle::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 {
    position: relative;
    width: 100%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .icon {
    margin: 0 auto;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .icon::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/icon-1.png");
    padding-bottom: 100%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .title{
    margin: 3% auto 1%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .title::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 {
    position: relative;
    width: 100%;
    padding: 4% 0 0;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .lipstick-heart {
    max-width: 194px;
    width: 22.877358490566%;
    position: absolute;
    right: 4%;
    top: 1%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .lipstick-heart::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/etute-lipstick-heart.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 89.1752577319588%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .icon {
    max-width: 86px;
    width: 10.1415094339623%;
    margin: 0 auto;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .icon::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 100%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .product-placement{
    text-align: center;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .product-placement > div{
    margin: 0 1%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .product-placement > .lipstick-5, #quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .product-placement > .lipstick-10, #quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .product-placement > .lipstick-11, #quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .product-placement > .lipstick-12, #quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .product-placement > .lipstick-13, #quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .product-placement > .lipstick-14 {
    max-width: 303px;
    width: 35.7311320754717%;
    display: inline-block;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .product-placement > .lipstick-5::after, #quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .product-placement > .lipstick-10::after, #quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .product-placement > .lipstick-11::after, #quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .product-placement > .lipstick-12::after, #quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .product-placement > .lipstick-13::after, #quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .product-placement > .lipstick-14::after{
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 75.2475247524752%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .product-placement > .lipstick-5::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/etute-lipstick-5.png");
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .product-placement > .lipstick-10::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/etute-lipstick-10.png");
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .product-placement > .lipstick-11::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/etute-lipstick-11.png");
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .product-placement > .lipstick-12::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/etute-lipstick-12.png");
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .product-placement > .lipstick-13::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/etute-lipstick-13.png");
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product1 > .product-placement > .lipstick-14::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/etute-lipstick-14.png");
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product2 {
    position: relative;
    width: 100%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product2 > .icon {
    max-width: 86px;
    width: 10.1415094339623%;
    margin: 0 auto;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product2 > .icon::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/icon-2.png");
    padding-bottom: 100%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product2 > .title {
    margin: 3% auto 1%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product2 > .title::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product2 > .product-placement{
    max-width: 694px;
    width: 81.8396226415094%;
    margin: 0 auto 9%;
    display: flex;
    align-items: end;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product2 > .product-placement > .product-container{
    flex: 1;
    text-align: center;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product2 > .product-placement > .product-container .clickformore{
    width: 71.616426%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product2 > .product-placement > .product-container .fees-showeroil-rose{
    max-width: 236px;
    width: 70%;
    margin: -4% auto -14%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product2 > .product-placement > .product-container .fees-showeroil-rose::after{
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/fees-showeroil-rose.png");
    padding-bottom: 196.6101694915254%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product2 > .product-placement > .product-container .fees-showeroil-josephine{
    max-width: 224px;
    width: 65%;
    margin: 4% auto 3%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product2 > .product-placement > .product-container .fees-showeroil-josephine::after{
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/fees-showeroil-josephine.png");
    padding-bottom: 167.4107142857143%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product2 > .product-placement > .product-container .fees-showeroil-garden{
    max-width: 220px;
    width: 65%;
    margin: 4% auto 6%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product2 > .product-placement > .product-container .fees-showeroil-garden::after{
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/fees-showeroil-garden.png");
    padding-bottom: 163.6363636363636%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product2 > .product-placement > .product-container .fees-travelkit{
    max-width: 236px;
    width: 70%;
    margin: 0 auto -10%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product2 > .product-placement > .product-container .fees-travelkit::after{
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/fees-travelkit.png");
    padding-bottom: 119.5744680851064%;
}

#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 {
    position: relative;
    width: 100%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .icon {
    max-width: 86px;
    width: 10.1415094339623%;
    margin: 0 auto;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .icon::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/icon-3.png");
    padding-bottom: 100%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .title {
    max-width: 569px;
    width: 67.0990566037736%;
    margin: 3% auto -1%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .title::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/product-title-1-3.png");
    padding-bottom: 16.6959578207381%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-treatment {
    max-width: 401px;
    width: 47.2877358490566%;
    margin: 0 auto 3%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-treatment::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/starnic-treatment.png");
    padding-bottom: 100%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-hyaluronic > .title {
    max-width: 423px;
    width: 49.8820754716981%;
    margin: 3% auto 0;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-hyaluronic > .title::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/starnic-hyaluronic-title.png");
    padding-bottom: 26.0047281323877%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-hyaluronic > .product {
    max-width: 253px;
    width: 29.8349056603774%;
    margin: 0 auto 4%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-hyaluronic > .product::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/starnic-hyaluronic.png");
    padding-bottom: 139.1304347826087%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-hyaluronic > .clickformore{
    margin:0 auto 12%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-whitening > .title {
    max-width: 386px;
    width: 45.5188679245283%;
    margin: 0 auto 3%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-whitening > .title::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/starnic-whitening-title.png");
    padding-bottom: 28.4974093264249%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-whitening > .product-placement{
    max-width: 694px;
    width: 81.8396226415094%;
    margin: 0 auto 4%;
    display: flex;
    align-items: end;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-whitening > .product-placement > .product-container{
    flex: 1;
    text-align: center;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-whitening > .product-placement > .product-container .whitening-1{
    max-width: 308px;
    width: 85%;
    margin: -15% auto -11%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-whitening > .product-placement > .product-container .whitening-1::after{
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/starnic-whitening-1.png");
    padding-bottom: 133.1168831168831%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-whitening > .product-placement > .product-container .whitening-2{
    max-width: 335px;
    width: 95%;
    margin: 0 auto 0%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-whitening > .product-placement > .product-container .whitening-2::after{
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/starnic-whitening-2.png");
    padding-bottom: 100%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-mask > .title {
    max-width: 626px;
    width: 73.8207547169811%;
    margin: 3% auto 0;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-mask > .title::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/starnic-mask-title.png");
    padding-bottom: 6.5495207667732%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-mask > .product {
    max-width: 360px;
    width: 42.4528301886792%;
    margin: 2% auto 4%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-mask > .product::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/starnic-mask.png");
    padding-bottom: 88.3333333333333%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-polypeptide-treatment > .title {
    max-width: 570px;
    width: 67.2169811320755%;
    margin: 0 auto 5%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-polypeptide-treatment > .title::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/starnic-polypeptide-title.png");
    padding-bottom: 21.0526315789474%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-polypeptide-treatment > .subtitle {
    max-width: 469px;
    width: 55.3066037735849%;
    margin: 0 auto 5%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-polypeptide-treatment > .subtitle::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/starnic-polypeptide-subtitle.png");
    padding-bottom: 16.4179104477612%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-polypeptide-treatment > .product-placement{
    max-width: 694px;
    width: 81.8396226415094%;
    margin: 0 auto 4%;
    display: flex;
    align-items: end;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-polypeptide-treatment > .product-placement > .product-container{
    flex: 1;
    text-align: center;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-polypeptide-treatment > .product-placement > .product-container .polypeptide-1{
    max-width: 262px;
    width: 80%;
    margin: 0 auto;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-polypeptide-treatment > .product-placement > .product-container .polypeptide-1::after{
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/starnic-polypeptide-1.png");
    padding-bottom: 100%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-polypeptide-treatment > .product-placement > .product-container .polypeptide-2{
    max-width: 262px;
    width: 80%;
    margin: 0 auto;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-polypeptide-treatment > .product-placement > .product-container .polypeptide-2::after{
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/starnic-polypeptide-2.png");
    padding-bottom: 100%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .clickformore {
    margin: 0 auto 9.5%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-hyaluronic > .clickformore{
    margin: 0 auto 12%;
} 
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-whitening > .clickformore{
    margin: 6% auto 12%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-mask > .clickformore{
    margin: 0 auto 13%;
} 
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-polypeptide-treatment > .clickformore{
    margin: 5% auto 12%;
} 
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .note {
    max-width: 453px;
    width: 53.4198113207547%;
    margin: 3% auto 1%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .note::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
/* r1 */
#quizoverlay > .quizcontainer > .quizresult.r1 > .frame::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/frame-1.png");
    padding-bottom: 409.3160377358491%;
}
#quizoverlay > .quizcontainer > .quizresult.r1 > .frame > .result > .title {
    max-width: 393px;
    width: 46.3443396226415%;
    margin: 20% auto -10%;
}
#quizoverlay > .quizcontainer > .quizresult.r1 > .frame > .result > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/title-1.png");
    padding-bottom: 51.6539440203562%;
}
#quizoverlay > .quizcontainer > .quizresult.r1 > .frame > .result > .photo {
    max-width: 793px;
    width: 87.1462264150943%;
}
#quizoverlay > .quizcontainer > .quizresult.r1 > .frame > .result > .photo::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/photo-1.png");
    padding-bottom: 70.5006765899865%;
}
#quizoverlay > .quizcontainer > .quizresult.r1 > .frame > .result > .subtitle {
    max-width: 583px;
    width: 68.75%;
}
#quizoverlay > .quizcontainer > .quizresult.r1 > .frame > .result > .subtitle::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/subtitle-1.png");
    padding-bottom: 14.4082332761578%;
}
#quizoverlay > .quizcontainer > .quizresult.r1 > .frame > .result > .product1 > .title {
    max-width: 513px;
    width: 60.4952830188679%;
}
#quizoverlay > .quizcontainer > .quizresult.r1 > .frame > .result > .product1 > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/product-title-1-1.png");
    padding-bottom: 18.1286549707602%;
}
#quizoverlay > .quizcontainer > .quizresult.r1 > .frame > .result > .product2 > .title {
    max-width: 508px;
    width: 59.9056603773585%;
}
#quizoverlay > .quizcontainer > .quizresult.r1 > .frame > .result > .product2 > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/product-title-1-2.png");
    padding-bottom: 21.259842519685%;
}
#quizoverlay > .quizcontainer > .quizresult.r1 > .frame > .result > .product1 > .product1-more{
    margin: 4% auto 9%;
}
#quizoverlay > .quizcontainer > .quizresult.r1 > .frame > .result > .note::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/note-1.png");
    padding-bottom: 57.8366445916115%;
}
/* r2 */
#quizoverlay > .quizcontainer > .quizresult.r2 > .frame::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/frame-2.png");
    padding-bottom: 386.7924528301887%;
}
#quizoverlay > .quizcontainer > .quizresult.r2 > .frame > .result > .title {
    max-width: 393px;
    width: 46.3443396226415%;
    margin: 20% auto -10%;
}
#quizoverlay > .quizcontainer > .quizresult.r2 > .frame > .result > .title::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/title-2.png");
    padding-bottom: 51.6539440203562%;
}
#quizoverlay > .quizcontainer > .quizresult.r2 > .frame > .result > .photo {
    max-width: 793px;
    width: 87.1462264150943%;
}
#quizoverlay > .quizcontainer > .quizresult.r2 > .frame > .result > .photo::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/photo-2.png");
    padding-bottom: 70.5006765899865%;
}
#quizoverlay > .quizcontainer > .quizresult.r2 > .frame > .result > .subtitle {
    max-width: 583px;
    width: 68.75%;
}
#quizoverlay > .quizcontainer > .quizresult.r2 > .frame > .result > .subtitle::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/subtitle-2.png");
    padding-bottom: 14.4082332761578%;
}
#quizoverlay > .quizcontainer > .quizresult.r2 > .frame > .result > .product1 > .title {
    max-width: 515px;
    width: 60.7311320754717%;
}
#quizoverlay > .quizcontainer > .quizresult.r2 > .frame > .result > .product1 > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/product-title-2-1.png");
    padding-bottom: 18.252427184466%;
}
#quizoverlay > .quizcontainer > .quizresult.r2 > .frame > .result > .product1 > .product1-more{
    margin: 4% auto 8%;
}
#quizoverlay > .quizcontainer > .quizresult.r2 > .frame > .result > .product2 > .title {
    max-width: 508px;
    width: 59.9056603773585%;
}
#quizoverlay > .quizcontainer > .quizresult.r2 > .frame > .result > .product2 > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/product-title-2-2.png");
    padding-bottom: 12.992125984252%;
}
#quizoverlay > .quizcontainer > .quizresult.r2 > .frame > .result > .product2 > .product-placement{
    margin: 0 auto 8%;
}
#quizoverlay > .quizcontainer > .quizresult.r2 > .frame > .result > .product2 > .product-placement > .product-container .clickformore{
    width: 36.126426%;
}
#quizoverlay > .quizcontainer > .quizresult.r2 > .frame > .result > .product2 > .product-placement > .product-container .fees-travelkit{
    width: 40%;
    margin: 0 auto -5%;
}
#quizoverlay > .quizcontainer > .quizresult.r2 > .frame > .result > .note::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/note-2.png");
    padding-bottom: 39.7350993377483%;
}
/* r3 */
#quizoverlay > .quizcontainer > .quizresult.r3 > .frame::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/frame-3.png");
    padding-bottom: 509.9056603773585%;
}
#quizoverlay > .quizcontainer > .quizresult.r3 > .frame > .result > .title {
    max-width: 427px;
    width: 46.3443396226415%;
    margin: 20% auto 1%;
}
#quizoverlay > .quizcontainer > .quizresult.r3 > .frame > .result > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/title-3.png");
    padding-bottom: 29.7423887587822%;
}
#quizoverlay > .quizcontainer > .quizresult.r3 > .frame > .result > .photo {
    max-width: 793px;
    width: 87.1462264150943%;
}
#quizoverlay > .quizcontainer > .quizresult.r3 > .frame > .result > .photo::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/photo-3.png");
    padding-bottom: 70.5006765899865%;
}
#quizoverlay > .quizcontainer > .quizresult.r3 > .frame > .result > .subtitle {
    max-width: 583px;
    width: 68.75%;
}
#quizoverlay > .quizcontainer > .quizresult.r3 > .frame > .result > .subtitle::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/subtitle-3.png");
    padding-bottom: 14.4082332761578%;
}
#quizoverlay > .quizcontainer > .quizresult.r3 > .frame > .result > .product1 {
    padding: 6% 0 0;
}
#quizoverlay > .quizcontainer > .quizresult.r3 > .frame > .result > .product1 > .title {
    max-width: 513px;
    width: 60.4952830188679%;
}
#quizoverlay > .quizcontainer > .quizresult.r3 > .frame > .result > .product1 > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/product-title-3-1.png");
    padding-bottom: 17.7387914230019%;
}
#quizoverlay > .quizcontainer > .quizresult.r3 > .frame > .result > .product1 > .product1-more{
    margin: 4% auto 12%;
}
#quizoverlay > .quizcontainer > .quizresult.r3 > .frame > .result > .product2 > .title {
    max-width: 508px;
    width: 59.9056603773585%;
}
#quizoverlay > .quizcontainer > .quizresult.r3 > .frame > .result > .product2 > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/product-title-3-2.png");
    padding-bottom: 21.259842519685%;
}
#quizoverlay > .quizcontainer > .quizresult.r3 > .frame > .result > .product2 > .product-placement{
    margin: 0 auto 12%;
}
#quizoverlay > .quizcontainer > .quizresult.r3 > .frame > .result > .product3 > .title {
    max-width: 596px;
    width: 70.2830188679245%;
    margin: 3% auto 0%
}
#quizoverlay > .quizcontainer > .quizresult.r3 > .frame > .result > .product3 > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/product-title-3-3.png");
    padding-bottom: 13.5906040268456%;
}
#quizoverlay > .quizcontainer > .quizresult.r3 > .frame > .result > .note::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/note-3.png");
    padding-bottom: 57.8366445916115%;
}
/* r4 */
#quizoverlay > .quizcontainer > .quizresult.r4 > .frame::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/frame-4.png");
    padding-bottom: 499.0566037735849%;
}
#quizoverlay > .quizcontainer > .quizresult.r4 > .frame > .result > .title {
    max-width: 385px;
    width: 45.4009433962264%;
    margin: 20% auto 1%;
}
#quizoverlay > .quizcontainer > .quizresult.r4 > .frame > .result > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/title-4.png");
    padding-bottom: 33.5064935064935%;
}
#quizoverlay > .quizcontainer > .quizresult.r4 > .frame > .result > .photo {
    max-width: 739px;
    width: 87.1462264150943%;
    margin: 0 auto 3%;
}
#quizoverlay > .quizcontainer > .quizresult.r4 > .frame > .result > .photo::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/photo-4.png");
    padding-bottom: 66.9824086603518%;
}
#quizoverlay > .quizcontainer > .quizresult.r4 > .frame > .result > .subtitle {
    max-width: 583px;
    width: 68.75%;
}
#quizoverlay > .quizcontainer > .quizresult.r4 > .frame > .result > .subtitle::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/subtitle-4.png");
    padding-bottom: 16.1234991423671%;
}
#quizoverlay > .quizcontainer > .quizresult.r4 > .frame > .result > .product1 {
    padding: 6% 0 0;
}
#quizoverlay > .quizcontainer > .quizresult.r4 > .frame > .result > .product1 > .title {
    max-width: 364px;
    width: 42.9245283018868%;
}
#quizoverlay > .quizcontainer > .quizresult.r4 > .frame > .result > .product1 > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/product-title-4-1.png");
    padding-bottom: 25%;
}
#quizoverlay > .quizcontainer > .quizresult.r4 > .frame > .result > .product1 > .product-placement > .lipstick-14 {
    max-width: 389px;
    width: 45.872641509434%;
}
#quizoverlay > .quizcontainer > .quizresult.r4 > .frame > .result > .product1 > .product-placement > .lipstick-14::after{
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/etute-lipstick-14-4.png");
    padding-bottom: 76.6233766233766%;
}
#quizoverlay > .quizcontainer > .quizresult.r4 > .frame > .result > .product1 > .product1-more{
    margin: 4% auto 13%;
}
#quizoverlay > .quizcontainer > .quizresult.r4 > .frame > .result > .product2 > .title {
    max-width: 589px;
    width: 59.9056603773585%;
}
#quizoverlay > .quizcontainer > .quizresult.r4 > .frame > .result > .product2 > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/product-title-4-2.png");
    padding-bottom: 21.259842519685%;
}
#quizoverlay > .quizcontainer > .quizresult.r4 > .frame > .result > .product2 > .product-placement{
    margin: 0 auto 13%;
}
#quizoverlay > .quizcontainer > .quizresult.r4 > .frame > .result > .product3 > .title {
    max-width: 589px;
    width: 69.4575471698113%;
    margin: 3% auto 5%;
}
#quizoverlay > .quizcontainer > .quizresult.r4 > .frame > .result > .product3 > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/product-title-4-3.png");
    padding-bottom: 19.6943972835314%;
}
#quizoverlay > .quizcontainer > .quizresult.r4 > .frame > .result > .note::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/note-4.png");
    padding-bottom: 35.0993377483444%;
}
/* r5 */
#quizoverlay > .quizcontainer > .quizresult.r5 > .frame::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/frame-5.png");
    padding-bottom: 378.6556603773585%;
}
#quizoverlay > .quizcontainer > .quizresult.r5 > .frame > .result > .title {
    max-width: 385px;
    width: 62.8537735849057%;
    margin: 18% auto 1%;
}
#quizoverlay > .quizcontainer > .quizresult.r5 > .frame > .result > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/title-5.png");
    padding-bottom: 24.202626641651%;
}
#quizoverlay > .quizcontainer > .quizresult.r5 > .frame > .result > .photo {
    max-width: 719px;
    width: 84.7877358490566%;
    margin: 0 auto 3%;
}
#quizoverlay > .quizcontainer > .quizresult.r5 > .frame > .result > .photo::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/photo-5.png");
    padding-bottom: 65.6467315716273%;
}
#quizoverlay > .quizcontainer > .quizresult.r5 > .frame > .result > .subtitle {
    max-width: 653px;
    width: 77.0047169811321%;
}
#quizoverlay > .quizcontainer > .quizresult.r5 > .frame > .result > .subtitle::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/subtitle-5.png");
    padding-bottom: 14.3950995405819%;
}
#quizoverlay > .quizcontainer > .quizresult.r5 > .frame > .result > .product3 > .icon::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/icon-gift.png");
}
#quizoverlay > .quizcontainer > .quizresult.r5 > .frame > .result > .product3 > .winner-tw {
    max-width: 201px;
    width: 23.7028301886792%;
    margin: 2% auto 2.5%;
}
#quizoverlay > .quizcontainer > .quizresult.r5 > .frame > .result > .product3 > .winner-tw::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/winner-tw.png");
    padding-bottom: 24.8756218905473%;
}
#quizoverlay > .quizcontainer > .quizresult.r5 > .frame > .result > .product3 > .winner-hk {
    max-width: 202px;
    width: 23.8207547169811%;
    margin: 2% auto 2.5%;
}
#quizoverlay > .quizcontainer > .quizresult.r5 > .frame > .result > .product3 > .winner-hk::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/winner-hk.png");
    padding-bottom: 24.7524752475248%;
}
#quizoverlay > .quizcontainer > .quizresult.r5 > .frame > .result > .product3 > .starnic-mask > .clickformore{
    margin: 0 auto 9%;
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-whitening > .title {
    max-width: 438px;
    width: 51.6509433962264%;
    /* margin: 0 auto 3%; */
}
#quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product3 > .starnic-whitening > .title::after {
    background-image: url(/assets/img/tagsis/festival/2024/newyear/quiz/result/starnic-whitening-title-hk.png);
    padding-bottom: 25.1141552511416%;
}
#quizoverlay > .quizcontainer > .quizresult.r5 > .frame > .result > .note {
    display: none;
}


/* luckydraw */
#quizoverlay > .quizcontainer > .quizresult > .luckydraw > .luckydraw-head {
    max-width: 490px;
    width: 25.5208333333333%;
    margin: 5% auto 2.5%;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .luckydraw > .luckydraw-head::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/luckydraw-head.png");
    padding-bottom: 14.0816326530612%;
}
#quizoverlay > .quizcontainer > .quizresult > .luckydraw > .luckydraw-frame {
    max-width: 848px;
    width: 44.1666666666667%;
    margin: 2% auto;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .luckydraw > .luckydraw-frame::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/luckydraw-frame.png");
    padding-bottom: 184.7877358490566%;
}
#quizoverlay > .quizcontainer > .quizresult > .luckydraw > .luckydraw-frame > .frame-container {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
#quizoverlay > .quizcontainer > .quizresult > .luckydraw > .luckydraw-frame > .frame-container > .luckydraw-graphic {
    max-width: 503px;
    width: 59.3160377358491%;
    margin: 10% auto 0;
}
#quizoverlay > .quizcontainer > .quizresult > .luckydraw > .luckydraw-frame > .frame-container > .luckydraw-graphic::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/luckydraw-graphic.png");
    padding-bottom: 18.2902584493042%;
}
#quizoverlay > .quizcontainer > .quizresult > .luckydraw > .luckydraw-frame > .frame-container > .luckydraw-type {
    max-width: 701px;
    width: 82.6650943396226%;
    margin: 4% auto 0;
}
#quizoverlay > .quizcontainer > .quizresult > .luckydraw > .luckydraw-frame > .frame-container > .luckydraw-type::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/luckydraw-type.png");
    padding-bottom: 74.1797432239658%;
}
#quizoverlay > .quizcontainer > .quizresult > .luckydraw > .luckydraw-frame > .frame-container > .luckydraw-decor {
    max-width: 739px;
    width: 87.1462264150943%;
    margin: 0 auto;
}
#quizoverlay > .quizcontainer > .quizresult > .luckydraw > .luckydraw-frame > .frame-container > .luckydraw-decor::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/luckydraw-decor.png");
    padding-bottom: 43.0311231393775%;
}
#quizoverlay > .quizcontainer > .quizresult > .luckydraw > .luckydraw-frame > .frame-container > .luckydraw-button {
    cursor: pointer;
    display: block;
    margin: 4% auto;
    max-width: 558px;
    width: 65.8018867924528%;
}
#quizoverlay > .quizcontainer > .quizresult > .luckydraw > .luckydraw-frame > .frame-container > .luckydraw-button::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 18.9964157706093%;
}
#quizoverlay > .quizcontainer > .quizresult > .luckydraw > .luckydraw-frame > .frame-container > .b1::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/luckydraw-b1.png");
}
#quizoverlay > .quizcontainer > .quizresult > .luckydraw > .luckydraw-frame > .frame-container > .b2::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/luckydraw-b2.png");
}
#quizoverlay > .quizcontainer > .quizresult > .luckydraw > .luckydraw-frame > .frame-container > .b3::after {
    background-image: url("/assets/img/tagsis/festival/2024/newyear/quiz/result/luckydraw-b3.png");
}
    

@media only screen and (max-width: 1300px) {
    #quizoverlay > .quizcontainer > .quiz > .frame,
    #quizoverlay > .quizcontainer > .quizresult > .frame,
    #quizoverlay > .quizcontainer > .quizresult > .luckydraw > .luckydraw-frame {
        width: 50%;
    }
}

@media only screen and (max-width: 768px) {
    .festival-container .session-middle .header {
        background-position: top center;
        background-size: 100% !important;
        padding-bottom: 54%
    }

    .festival-container .session-middle .header .btn-back {
        display: none
    }

    .festival-container .session-middle .header>.title {
        padding-bottom: 28.8%;
        width: 85%
    }

    .festival-container .session-middle .front .flower-deco-l,
    .festival-container .session-middle .front .flower-deco-r,
    .festival-container .session-middle .container.food > .branches-deco-l,
    .festival-container .session-middle .container.food > .branches-deco-r{
        display: none;
    }
    .festival-container .session-middle .front .greeting{
        width: 80%;
    }
    .festival-container .session-middle .front .testpromote{
        width: 70%;
    }
    .festival-container .session-middle .front .gift{
        width: 80%;
    }
    .festival-container .session-middle .front .starttest{
        width: 70%;
    }

    .festival-container .session-middle .reels .container,
    .festival-container .session-middle .container .article-carousel{
        width: 80%;
    }

    .festival-container .session-middle .reels .container > .reels-carousel a > .reel-image{
        width: 90%;
    }

    .festival-container .session-middle .reels .container .reels-carousel .swiper-button-prev,
    .festival-container .session-middle .container .article-carousel .session-swiper-container .swiper-button-prev {
        width: 44px !important;
        height: 200px !important;
        left: -8% !important
    }
    .festival-container .session-middle .reels .container .reels-carousel .swiper-button-next,
    .festival-container .session-middle .container .article-carousel .session-swiper-container .swiper-button-next {
        width: 44px !important;
        height: 200px !important;
        right: -8% !important
    }

    .festival-container .session-middle .reels > .title,
    .festival-container .session-middle .container.newyear > .session-title > img,
    .festival-container .session-middle .container.beauty > .session-title > img,
    .festival-container .session-middle .container.fashion > .session-title > img,
    .festival-container .session-middle .container.food > .session-title > img {
        width: 92%
    }

    .festival-container .session-middle .container.newyear > .session-title-type > img{
        width: 55%;
    }
    .festival-container .session-middle .container.beauty > .session-title-type > img,
    .festival-container .session-middle .container.fashion > .session-title-type > img{
        width: 85%;
    }
    .festival-container .session-middle .container.food > .session-title-type > img{
        width: 75%;
    }

    .festival-container .session-middle .footer>.title {
        width: 80%
    }

    footer:before {
        margin: -10% auto -13%
    }

    .festival-container .session-middle .footer>.logocontainer {
        flex-direction: column;
    }
    .festival-container .session-middle .footer>.logocontainer>div.starnic {
        width: 80%;
    }
    .festival-container .session-middle .footer>.logocontainer>div.fees {
        width: 35%;
    }
    .festival-container .session-middle .footer>.logocontainer>div.etude {
        width: 50%;
        margin: -14% 0;
    }

    #quizoverlay > .quizcontainer > .starting > .header{
        width: 80%;
        margin: 15% auto 5%
    }
    #quizoverlay > .quizcontainer > .starting > .art{
        width: 98%;
    }
    #quizoverlay > .quizcontainer > .starting > .startquiz{
        width: 60%;
    }
    #quizoverlay > .quizcontainer > .starting > .startquiz::after{
        margin: 15% 0 0;
    }
    #quizoverlay > .quizcontainer > .starting > .separator{
        margin: 15% auto 0;
    }

    #quizoverlay > .quizcontainer > .quiz > .frame,
    #quizoverlay > .quizcontainer > .quizresult > .frame,
    #quizoverlay > .quizcontainer > .quizresult > .luckydraw > .luckydraw-frame {
        width: 90%;
    }
    #quizoverlay > .quizcontainer > .quizresult > .head{
        width: 35%;
    }
    #quizoverlay > .quizcontainer > .quizresult > .luckydraw > .luckydraw-head{
        width: 48%;
    }

    #quizoverlay > .quizcontainer > .quizresult > .frame > .result .clickformore{
        width: 40%;
    }
    #quizoverlay > .quizcontainer > .quizresult > .frame > .result > .product2 > .product-placement > .product-container .clickformore{
        width: 80%;
    }
    #quizoverlay > .quizcontainer > .quizresult.r2 > .frame > .result > .product2 > .product-placement > .product-container .clickformore{
        width: 49%;
    }
}

/*# sourceMappingURL=spring.css.map */