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 {
    margin: 0 auto;
    max-width: 1920px;
    position: relative;
}

.festival-container .session-middle .front {
    background-color: #fff;
    position: relative;
    width: 100%;
    z-index: 1;
    text-align:center;
}

.festival-container .session-middle .front>.header {
    max-width: 1920px;
    width: 100%;
    margin: auto;
    padding: 3% 0;
    position: relative;
}
.festival-container .session-middle .front>.header::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    /* padding-bottom: 38.1770833333333%; */
}

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

.bg-greentea{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/bg-greentea.png");
    width: 100%;
}
.bg-yellow1{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/bg-yellow1.png");
    width: 100%;
}
.bg-yellow2{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/bg-yellow2.png");
    width: 100%;
}

.festival-container .session-middle .front>.bg-yellow1{
    padding: 3% 0;
}
.festival-container .session-middle .front>.bg-yellow1>.starttest {
    max-width: 913px;
    width: 47.5520833333333%;
    margin: auto;
    padding: 0;
    display: block;
    position: relative;
}
.festival-container .session-middle .front>.bg-yellow1>.starttest::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/startquiz-bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 80.7228915662651%;
}
.festival-container .session-middle .front>.bg-yellow1>.starttest>.button {
    max-width: 375px;
    width: 41.0733844468784%;
    margin: auto;
    padding: 0;
    display: block;
    position: absolute;
    top: 44%;
    left: 29%;
}
.festival-container .session-middle .front>.bg-yellow1>.starttest>.button::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/startquiz-button.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    cursor: pointer;
    display: block;
    padding-bottom: 33.0666666666667%;
}
.festival-container .session-middle .front>.bg-yellow2>.intro {
    max-width: 894px;
    width: 46.5625%;
    margin: auto;
    padding: 4% 0 0;
}
.festival-container .session-middle .front>.bg-yellow2>.intro::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/header-intro.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 61.1856823266219%;
}
.festival-container .session-middle .front>.bg-yellow2>.intro-gifts {
    max-width: 1908px;
    width: 99.375%;
    margin: auto;
    padding: 0;
}
.festival-container .session-middle .front>.bg-yellow2>.intro-gifts::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/intro-gifts.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 56.1844863731656%;
}

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

.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,
.festival-container .session-middle .container > .session-subtitle > img {
    margin: 0 auto;
}
.festival-container .session-middle .container.beauty > .session-title > img {
    max-width: 832px;
    width: 43.3333333333333%
}
.festival-container .session-middle .container.fashion > .session-title > img {
    max-width: 832px;
    width: 43.3333333333333%
}
.festival-container .session-middle .container.food > .session-title > img {
    max-width: 832px;
    width: 43.3333333333333%
}
.festival-container .session-middle .container.shopping > .session-title > img {
    max-width: 940px;
    width: 48.9583333333333%
}
.festival-container .session-middle .container > .session-subtitle {
    padding: 1% 0 2%;
}
.festival-container .session-middle .container.beauty > .session-subtitle > img {
    max-width: 501px;
    width: 26.09375%
}
.festival-container .session-middle .container.fashion > .session-subtitle > img {
    max-width: 544px;
    width: 28.3333333333333%
}
.festival-container .session-middle .container.food > .session-subtitle > img {
    max-width: 560px;
    width: 29.1666666666667%
}
.festival-container .session-middle .container.shopping > .session-subtitle > img {
    max-width: 844px;
    width: 43.9583333333333%
}

.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,
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel .swiper-button-prev {
    background-size: 100%;
    top: 50%;
    margin-top: 0px;
    transform: translateY(-50%);
    width: 66px;
    height: 300px;
    left: -5%;
    cursor: pointer;
    background-image: url("/assets/img/tagsis/festival/2024/summer/arrow-l.png");
}

.festival-container .session-middle .reels .container .reels-carousel .swiper-button-next,
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel .swiper-button-next {
    background-size: 100%;
    top: 50%;
    margin-top: 0px;
    transform: translateY(-50%);
    width: 66px;
    height: 300px;
    right: -5%;
    cursor: pointer;
    background-image: url("/assets/img/tagsis/festival/2024/summer/arrow-r.png");
}

.bg-yellow1 .article-carousel .session-swiper-container .swiper-button-prev,
.bg-yellow2 .article-carousel .session-swiper-container .swiper-button-prev,
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .swiper-button-prev{
    background-size: 100%;
    top: 50%;
    margin-top: 0px;
    transform: translateY(-50%);
    width: 66px;
    height: 300px;
    left: -5%;
    cursor: pointer;
}
.bg-yellow1 .article-carousel .session-swiper-container .swiper-button-next,
.bg-yellow2 .article-carousel .session-swiper-container .swiper-button-next,
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .swiper-button-next{
    background-size: 100%;
    top: 50%;
    margin-top: 0px;
    transform: translateY(-50%);
    width: 66px;
    height: 300px;
    right: -5%;
    cursor: pointer;
}
.bg-yellow1 .article-carousel .session-swiper-container .swiper-button-prev{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/arrow-l-g.png");
}
.bg-yellow1 .article-carousel .session-swiper-container .swiper-button-next{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/arrow-r-g.png");
}
.bg-yellow2 .article-carousel .session-swiper-container .swiper-button-prev{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/arrow-l-o.png");
}
.bg-yellow2 .article-carousel .session-swiper-container .swiper-button-next{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/arrow-r-o.png");
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .swiper-button-prev{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/gift/arrow-l.png");
    height:250px;
    width:55px;
    top:38%;
    left:4%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .swiper-button-next{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/gift/arrow-r.png");
    height:250px;
    width:55px;
    top:38%;
    right:4%;
}

.festival-container .session-middle .reels .container .reels-carousel .swiper-button-prev,
.festival-container .session-middle .reels .container .reels-carousel .swiper-button-next
{
    width: 33px;
    height: 150px;
}

.festival-container .session-middle .reels .container .reels-carousel .swiper-button-prev{
    left: 5%;
}
.festival-container .session-middle .reels .container .reels-carousel .swiper-button-next{
    right: 5%;
}

.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 .container.food .article-carousel .session-separator{
    display: none;
}

/* sponsor */
.festival-container .session-middle .sponsor>.title {
    padding-top:3%;
}
.festival-container .session-middle .sponsor>.title {
    max-width: 714px;
    width: 37.1875%;
    margin: 0 auto;
}
.festival-container .session-middle .sponsor>.title::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/sponsor-title.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 11.2044817927171%;
}
.festival-container .session-middle .sponsor>.sponsorcontainer {
    max-width: 1155px;
    width: 60.15625%;
    margin: 3% auto 0;
    position: relative;
}
.festival-container .session-middle .sponsor>.sponsorcontainer:after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/sponsors.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 51.6883116883117%;
}
.festival-container .session-middle .sponsor>.sponsorcontainer > a{
    position: absolute;
}
.festival-container .session-middle .sponsor>.sponsorcontainer > a.s1{
    width: 23%;
    height: 33%;
    top: -1%;
    left: -2%;
}
.festival-container .session-middle .sponsor>.sponsorcontainer > a.s2{
    width: 20%;
    height: 36%;
    top: -4%;
    left: 22%;
}
.festival-container .session-middle .sponsor>.sponsorcontainer > a.s3{
    width: 31.4%;
    height: 32%;
    top: -3%;
    left: 43%;
}
.festival-container .session-middle .sponsor>.sponsorcontainer > a.s4{
    width: 28%;
    height: 32%;
    top: -3%;
    left: 75%;
}
.festival-container .session-middle .sponsor>.sponsorcontainer > a.s5{
    width: 23%;
    height: 33%;
    top: 42%;
    left: 10%;
}
.festival-container .session-middle .sponsor>.sponsorcontainer > a.s6{
    width: 24%;
    height: 33%;
    top: 42%;
    left: 36%;
}
.festival-container .session-middle .sponsor>.sponsorcontainer > a.s7{
    width: 36%;
    height: 33%;
    top: 42%;
    left: 62%;
}
.festival-container .session-middle .sponsor>.separator {
    max-width: 1198px;
    width: 62.3958333333333%;
    margin: auto;
    padding: 5% 0;
}
.festival-container .session-middle .sponsor>.separator::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/article-separator.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 2.33722871452421%;
}

.festival-container .session-middle .footer {
    padding-bottom: 40px;
    position: relative;
}
.festival-container .session-middle .footer>.title {
    max-width: 726px;
    width: 37.8125%;
    margin: auto;
}
.festival-container .session-middle .footer>.title::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/footer-getaway.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 81.9559228650138%;
}

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-color: #fff;
    margin: 0 auto;
    max-width: 1920px;
    width: 100%;
    height: 100dvh;
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-bottom: env(safe-area-inset-bottom);
}
#quizoverlay > .quizcontainer > .closebutton{
    border-radius: 100%;
    color: #e3c687;
    cursor: pointer;
    font-size: 3em;
    position: fixed;
    top: 2%;
    right: 2%;
    z-index: 100;
}
#quizoverlay > .quizcontainer > .closebutton > i{
    position: relative;
    z-index: 9;
}
#quizoverlay > .quizcontainer > .closebutton:after{
    background-color:#fff;
    content: ' ';
    width:50%;
    height:50%;
    position:absolute;
    top:25%;
    left:25%;
    z-index: 1;
}

/* quiz */
.locked{
    /* position: fixed; */
    overflow-y: hidden;
}
#quizoverlay > .quizcontainer > .starting, #quizoverlay > .quizcontainer > .quiz, #quizoverlay > .quizcontainer > .quizresult{
    /* display: none; */
}
#quizoverlay > .quizcontainer .show{
    display: block;
}
#quizoverlay > .quizcontainer > .bluewhiteline {
    max-width: 1920px;
    width: 100%;
    margin: 0;
}
#quizoverlay > .quizcontainer > .bluewhiteline::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/quiz/bluewhiteline.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 2.39583333333333%;
}
#quizoverlay > .quizcontainer > .bluewhiteline.footer {
    position: absolute;
    bottom: 0;
}
#quizoverlay > .quizcontainer > .greeting {
    max-width: 1000px;
    width: 63.5416666666667%;
    margin: auto;
    padding: 0;
    display: none;
    position: relative;
}
#quizoverlay > .quizcontainer > .greeting::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/quiz/greeting.png?");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 84.9180327868852%;
}
#quizoverlay > .quizcontainer > .greeting>.button {
    max-width: 476px;
    width: 39.016393442623%;
    margin: auto;
    padding: 0;
    display: block;
    position: absolute;
    bottom: 21.5%;
    left: 15.5%;
}
#quizoverlay > .quizcontainer > .greeting>.button::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/quiz/greet-button.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    cursor: pointer;
    display: block;
    padding-bottom: 28.3613445378151%;
}
#quizoverlay > .quizcontainer > .quiz{
    display:none;
}
#quizoverlay > .quizcontainer > .quiz > .bmibmr{
    margin: 8% auto 0;
}
#quizoverlay > .quizcontainer > .quiz > .bmibmr > .calculator {
    max-width: 1282px;
    width: 66.7708333333333%;
    margin: auto;
    padding: 0;
    display: block;
    position: relative;
}
#quizoverlay > .quizcontainer > .quiz > .bmibmr > .calculator::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/quiz/bmibmr-calculator.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 84.9453978159126%;
}
#quizoverlay > .quizcontainer > .quiz > .bmibmr > .calculator > .gender.m{
    position: absolute;
    top: 28.1%;
    left: 36.4%;
    width: 3.5%;
    height: 3.5%;
}
#quizoverlay > .quizcontainer > .quiz > .bmibmr > .calculator > .gender.f{
    position: absolute;
    top: 28.1%;
    left: 50.1%;
    width: 3.5%;
    height: 3.5%;
}
#quizoverlay > .quizcontainer > .quiz > .bmibmr > .calculator > .age{
    position: absolute;
    top: 36.8%;
    left: 36.4%;
    width: 37.7%;
    height: 9%;
    border: 0;
    border-radius: 20px;
    font-size: 280%;
    padding: 2%;
}
#quizoverlay > .quizcontainer > .quiz > .bmibmr > .calculator > .bodyheight{
    position: absolute;
    top: 47.5%;
    left: 36.4%;
    width: 37.7%;
    height: 9%;
    border: 0;
    border-radius: 20px;
    font-size: 280%;
    padding: 2%;
}
#quizoverlay > .quizcontainer > .quiz > .bmibmr > .calculator > .bodyweight{
    position: absolute;
    top: 58.4%;
    left: 36.4%;
    width: 37.7%;
    height: 9%;
    border: 0;
    border-radius: 20px;
    font-size: 280%;
    padding: 2%;
}
#quizoverlay > .quizcontainer > .quiz > .bmibmr > .calculator > .calbutton{
    max-width: 316px;
    width: 24.6489859594384%;
    margin: auto;
    padding: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15%;
}
#quizoverlay > .quizcontainer > .quiz > .bmibmr > .calculator > .calbutton::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/quiz/bmibmr-cal-button.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 24.6835443037975%;
}
#quizoverlay > .quizcontainer > .quiz > .bmibmrtips {
    max-width: 1465px;
    width: 76.3020833333333%;
    margin: -5% auto 0;
    padding: 0;
    display: none;
    position: relative;
}
#quizoverlay > .quizcontainer > .quiz > .bmibmrtips::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/quiz/bmibmr-tips.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 89.4880546075085%;
}
#quizoverlay > .quizcontainer > .quiz > .bmibmrtips > .resultreveal{
    max-width: 451px;
    width: 30.7849829351536%;
    margin: auto;
    padding: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 22%;
}
#quizoverlay > .quizcontainer > .quiz > .bmibmrtips > .resultreveal::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/quiz/resultreveal.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 17.2949002217295%;
}
#quizoverlay > .quizcontainer > .quiz > .tdee{
    margin: -10% 0 0;
    position: relative;
    display: none;
}
#quizoverlay > .quizcontainer > .quiz > .tdee > .calculator {
    max-width: 1719px;
    width: 89.53125%;
    margin: 0 auto;
    padding: 0;
    display: block;
    position: relative;
}
#quizoverlay > .quizcontainer > .quiz > .tdee > .calculator::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/quiz/tdee-calculator.png?");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 92.700988947062%;
}
#quizoverlay > .quizcontainer > .quiz > .tdee > .calculator > .strength{
    position: absolute;
    left: 27.8%;
    width: 2.5%;
    height: 2.5%;
}
#quizoverlay > .quizcontainer > .quiz > .tdee > .calculator > .strength.a{
    top: 36.8%;
}
#quizoverlay > .quizcontainer > .quiz > .tdee > .calculator > .strength.b{
    top: 40.6%;
}
#quizoverlay > .quizcontainer > .quiz > .tdee > .calculator > .strength.c{
    top: 44.5%;
}
#quizoverlay > .quizcontainer > .quiz > .tdee > .calculator > .strength.d{
    top: 48.4%;
}
#quizoverlay > .quizcontainer > .quiz > .tdee > .calculator > .strength.e{
    top: 52.3%;
}
#quizoverlay > .quizcontainer > .quiz > .tdee > .finalreveal{
    max-width: 575px;
    width: 33.449680046538685%;
    margin: auto;
    padding: 0;
    display: block;
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 11%;
}
#quizoverlay > .quizcontainer > .quiz > .tdee > .finalreveal:after{
    background-image: url("/assets/img/tagsis/festival/2024/summer/quiz/tdee-finalreveal.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 13.5652173913043%;
}

#quizoverlay > .quizcontainer > .quiz > .bodyresult {
    display: none;
}
#quizoverlay > .quizcontainer > .quiz > .bodyresult > .results {
    max-width: 1420px;
    width: 73.9583333333333%;
    margin: -3% auto 0;
    padding: 0;
    display: block;
    position: relative;
}
#quizoverlay > .quizcontainer > .quiz > .bodyresult > .results::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/quiz/bodyresult.png?");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 49.041667%;
}
#quizoverlay > .quizcontainer > .quiz > .bodyresult > .results div{
    position: absolute;
    left: 41.5%;
    font-size: 1.6em;
}
#quizoverlay > .quizcontainer > .quiz > .bodyresult > .results > .bmi{
    top: 50.6%;
}
#quizoverlay > .quizcontainer > .quiz > .bodyresult > .results > .bmr{
    top: 63.6%;
}
#quizoverlay > .quizcontainer > .quiz > .bodyresult > .results > .tdee{
    top: 76.3%;
}
#quizoverlay > .quizcontainer > .quiz > .bodyresult > .scale{
    max-width: 1100px;
    width: 57.2916666666667%;
    margin: -2% auto 3%;
    padding: 0;
    display: block;
    position: relative;
}
#quizoverlay > .quizcontainer > .quiz > .bodyresult > .scale::after{
    background-image: url("/assets/img/tagsis/festival/2024/summer/quiz/bodyresult-scale.png?");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 64%;
}

#quizoverlay > .quizcontainer > .quizresult{
    display:none;
}
#quizoverlay > .quizcontainer > .quizresult > .scroll-hint {
    max-width: 548px;
    width: 28.5416666666667%;
    margin: 1% auto;
    padding: 0;
    display: block;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .scroll-hint::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/result/scroll-hint.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 15.6934306569343%;
}
#quizoverlay > .quizcontainer > .quizresult > .header-suggestion {
    max-width: 1232px;
    width: 64.1666666666667%;
    margin: 5% 0 3% 24.9%;
    padding: 0;
    display: block;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .header-suggestion::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/result/header-suggestion.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 17.0454545454545%;
}
#quizoverlay > .quizcontainer > .quizresult > .result {
    max-width: 1086px;
    width: 67.2395833333333%;
    margin: 0 auto;
    padding: 0;
    display: block;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .result:after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quizresult.r1 > .result::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/result/r1.png");
    padding-bottom: 368.6003683241252%;
}
#quizoverlay > .quizcontainer > .quizresult.r2 > .result::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/result/r2.png");
    padding-bottom: 350.1841620626151%;
}
#quizoverlay > .quizcontainer > .quizresult.r3 > .result::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/result/r3.png");
    padding-bottom: 363.9963167587477%;
}
#quizoverlay > .quizcontainer > .quizresult.r4 > .result::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/result/r4.png");
    padding-bottom: 362.1546961325967%;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts{
    position: absolute;
    bottom: 0.5%;
    left: 8.3%;
    right: 9.1%;
    height: 24.5%;
}
#quizoverlay > .quizcontainer > .quizresult.r2 > .result > .gifts{
    height: 26.5%
}
#quizoverlay > .quizcontainer > .quizresult.r3 > .result > .gifts{
    height: 25%
}
#quizoverlay > .quizcontainer > .quizresult.r4 > .result > .gifts{
    height: 26%
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-title{
    max-width: 832px;
    width: 92.7536231884058%;
    margin: 1% auto 0;
    padding: 0;
    display: block;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-title:after{
    background-image: url("/assets/img/tagsis/festival/2024/summer/result/gift-title.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 21.1538461538462%;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel{
    overflow: hidden;
    margin: 0 5%;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a.swiper-slide{
    margin-top: 6%;
    padding: 15px;
}
/*#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-image{
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0 auto;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-image::after{
    content: ' ';
    display: block;
    padding-bottom: 100%;
}*/

#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-muvawheel-img {
    width: 49.3991989319092%;
    margin: auto;
    padding: 0 auto;
    display: block;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-muvawheel-img::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/result/gift/muva-wheel.png");
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-muvawheel-text {
    width: 70.894526034713%;
    margin: 8% auto 0;
    padding: 0;
    display: block;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-muvawheel-text::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/result/gift/muva-wheel-text.png");
    padding-bottom: 27.8719397363465%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-muvapillow-img {
    width: 49.3991989319092%;
    margin: 0 auto;
    padding: 0;
    display: block;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-muvapillow-img::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/result/gift/muva-骨盤枕.png");
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-muvapillow-text {
    width: 63.0173564753004%;
    margin: 8% auto 0;
    padding: 0;
    display: block;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-muvapillow-text::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/result/gift/muva-骨盤枕-text.png");
    padding-bottom: 31.3559322033898%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-damokampogel-img {
    width: 49.3991989319092%;
    margin: 0 auto;
    padding: 0;
    display: block;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-damokampogel-img::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/result/gift/damokampogel.png");
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-damokampogel-text {
    width: 63.0173564753004%;
    margin: 8% auto 0;
    padding: 0;
    display: block;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-damokampogel-text::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/result/gift/damokampogel-text.png");
    padding-bottom: 19.3559322033898%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-drhughesdrink-img {
    width: 49.3991989319092%;
    margin: 0 auto;
    padding: 0;
    display: block;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-drhughesdrink-img::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/result/gift/drhughesdrink.png");
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-drhughesdrink-text {
    width: 90%;
    margin: 8% auto 0;
    padding: 0;
    display: block;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-drhughesdrink-text::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/result/gift/drhughesdrink-text.png?");
    padding-bottom: 18.4473342002601%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-powerhero-img {
    width: 56.3417890520694%;
    margin: 0 auto;
    padding: 0;
    display: block;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-powerhero-img::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/result/gift/powerhero.png");
    padding-bottom: 78.1990521327014%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-powerhero-text {
    width: 83.1775700934579%;
    margin: 8% auto 0;
    padding: 0;
    display: block;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .gift-powerhero-text::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/result/gift/powerhero-text.png");
    padding-bottom: 23.7560192616372%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .clickformore {
    width: 42.8571428571429%;
    margin: 4% auto 0;
    padding: 0;
    display: block;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel a > .clickformore::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/result/gift/clickformore.png");
    padding-bottom: 24.2990654205607%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}

.festival-container .session-middle .reels .container .reels-carousel a.reel-image{
    padding: 15px;
}

.festival-container .session-middle .reels .container > .reels-carousel a > .reel-image{
    width: 90%;
}
#quizoverlay > .quizcontainer > .quizresult > .lottery {
    max-width: 1340px;
    width: 69.7916666666667%;
    margin: auto;
    padding: 0;
    display: block;
    position: relative;
}
/*#quizoverlay > .quizcontainer > .quizresult > .lottery::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/result/lottery.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 69.6268656716418%;
}*/
#quizoverlay > .quizcontainer > .quizresult > .form-button {
    max-width: 806px;
    width: 41.9791666666667%;
    margin: auto;
    padding: 0;
    display: block;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .form-button::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/result/form-button.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 15.0124069478908%;
}
#quizoverlay > .quizcontainer > .quizresult > .gift {
    max-width: 1118px;
    width: 58.2291666666667%;
    margin: 3% auto 8%;
    padding: 0;
    display: block;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .gift::after {
    background-image: url("/assets/img/tagsis/festival/2024/summer/result/gift.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 81.3953488372093%;
}


/* old */
#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;
    padding: 3% 0;
}
#quizoverlay > .quizcontainer > .quiz > .frame {
    margin: 0 auto;
    max-width: 883px;
    width: 45.9895833333333%;
    position: relative;
}
#quizoverlay > .quizcontainer > .quiz > .frame::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/frame.png");
    padding-bottom: 213.9297848244621%;
}
#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: 17.8935447338618%;
    margin: 8% auto;
}
#quizoverlay > .quizcontainer > .quiz > .frame > .question > .icon::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 100%;
}
#quizoverlay > .quizcontainer > .quiz > .frame > .question > .decor {
    margin: 8% auto;
}
#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 > .question > .icon::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q1/icon.png?");
}
#quizoverlay > .quizcontainer > .quiz.q1 > .frame > .question > .decor {
    max-width: 625px;
    width: 70.7814269535674%;
}
#quizoverlay > .quizcontainer > .quiz.q1 > .frame > .question > .decor::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q1/decor.png");
    padding-bottom: 111.2%;
}
#quizoverlay > .quizcontainer > .quiz.q1 > .frame > .question > .ans {
    margin: 1.5% auto;
    max-width: 706px;
    width: 79.9546998867497%;
}
#quizoverlay > .quizcontainer > .quiz.q1 > .frame > .question > .ans::after {
    padding-bottom: 22.6628895184136%;
}
#quizoverlay > .quizcontainer > .quiz.q1 > .frame > .question > .ans1::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q1/ans1.png");
}
#quizoverlay > .quizcontainer > .quiz.q1 > .frame > .question > .ans2::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q1/ans2.png");
}
#quizoverlay > .quizcontainer > .quiz.q1 > .frame > .question > .ans3::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q1/ans3.png");
}
#quizoverlay > .quizcontainer > .quiz.q1 > .frame > .question > .ans4::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q1/ans4.png");
}
/* q2 */
#quizoverlay > .quizcontainer > .quiz.q2 > .frame > .question > .icon::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q2/icon.png");
}
#quizoverlay > .quizcontainer > .quiz.q2 > .frame > .question > .decor {
    max-width: 744px;
    width: 84.2582106455266%;
}
#quizoverlay > .quizcontainer > .quiz.q2 > .frame > .question > .decor::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q2/decor.png");
    padding-bottom: 95.2956989247312%;
}
#quizoverlay > .quizcontainer > .quiz.q2 > .frame > .question > .ans {
    margin: 1.5% auto;
    max-width: 706px;
    width: 79.9546998867497%;
}
#quizoverlay > .quizcontainer > .quiz.q2 > .frame > .question > .ans::after {
    padding-bottom: 22.6628895184136%;
}
#quizoverlay > .quizcontainer > .quiz.q2 > .frame > .question > .ans1::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q2/ans1.png");
}
#quizoverlay > .quizcontainer > .quiz.q2 > .frame > .question > .ans2::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q2/ans2.png");
}
#quizoverlay > .quizcontainer > .quiz.q2 > .frame > .question > .ans3::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q2/ans3.png");
}
#quizoverlay > .quizcontainer > .quiz.q2 > .frame > .question > .ans4::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q2/ans4.png");
}
/* q3 */
#quizoverlay > .quizcontainer > .quiz.q3 > .frame > .question > .icon::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q3/icon.png");
}
#quizoverlay > .quizcontainer > .quiz.q3 > .frame > .question > .decor {
    max-width: 624px;
    width: 70.6681766704417%;
}
#quizoverlay > .quizcontainer > .quiz.q3 > .frame > .question > .decor::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q3/decor.png");
    padding-bottom: 117.1474358974359%;
}
#quizoverlay > .quizcontainer > .quiz.q3 > .frame > .question > .ans {
    margin: 1.5% auto;
    max-width: 706px;
    width: 79.9546998867497%;
}
#quizoverlay > .quizcontainer > .quiz.q3 > .frame > .question > .ans::after {
    padding-bottom: 22.6628895184136%;
}
#quizoverlay > .quizcontainer > .quiz.q3 > .frame > .question > .ans1::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q3/ans1.png");
}
#quizoverlay > .quizcontainer > .quiz.q3 > .frame > .question > .ans2::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q3/ans2.png");
}
#quizoverlay > .quizcontainer > .quiz.q3 > .frame > .question > .ans3::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q3/ans3.png");
}
#quizoverlay > .quizcontainer > .quiz.q3 > .frame > .question > .ans4::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q3/ans4.png");
}
/* q4 */
#quizoverlay > .quizcontainer > .quiz.q4 > .frame > .question > .icon::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q4/icon.png");
}
#quizoverlay > .quizcontainer > .quiz.q4 > .frame > .question > .decor {
    max-width: 696px;
    width: 78.8221970554926%;
}
#quizoverlay > .quizcontainer > .quiz.q4 > .frame > .question > .decor::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q4/decor.png");
    padding-bottom: 97.2701149425287%;
}
#quizoverlay > .quizcontainer > .quiz.q4 > .frame > .question > .ans {
    margin: 1.5% auto;
    max-width: 706px;
    width: 79.9546998867497%;
}
#quizoverlay > .quizcontainer > .quiz.q4 > .frame > .question > .ans::after {
    padding-bottom: 22.6628895184136%;
}
#quizoverlay > .quizcontainer > .quiz.q4 > .frame > .question > .ans1::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q4/ans1.png");
}
#quizoverlay > .quizcontainer > .quiz.q4 > .frame > .question > .ans2::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q4/ans2.png");
}
#quizoverlay > .quizcontainer > .quiz.q4 > .frame > .question > .ans3::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q4/ans3.png");
}
#quizoverlay > .quizcontainer > .quiz.q4 > .frame > .question > .ans4::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q4/ans4.png");
}
/* q5 */
#quizoverlay > .quizcontainer > .quiz.q5 > .frame > .question > .icon::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q5/icon.png");
}
#quizoverlay > .quizcontainer > .quiz.q5 > .frame > .question > .decor {
    max-width: 789px;
    width: 89.3544733861835%;
}
#quizoverlay > .quizcontainer > .quiz.q5 > .frame > .question > .decor::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q5/decor.png");
    padding-bottom: 89.9873257287706%;
}
#quizoverlay > .quizcontainer > .quiz.q5 > .frame > .question > .ans {
    margin: 1.5% auto;
    max-width: 706px;
    width: 79.9546998867497%;
}
#quizoverlay > .quizcontainer > .quiz.q5 > .frame > .question > .ans::after {
    padding-bottom: 22.6628895184136%;
}
#quizoverlay > .quizcontainer > .quiz.q5 > .frame > .question > .ans1::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q5/ans1.png");
}
#quizoverlay > .quizcontainer > .quiz.q5 > .frame > .question > .ans2::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q5/ans2.png");
}
#quizoverlay > .quizcontainer > .quiz.q5 > .frame > .question > .ans3::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q5/ans3.png");
}
#quizoverlay > .quizcontainer > .quiz.q5 > .frame > .question > .ans4::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/quiz/q5/ans4.png");
}
/* quiz result */
#quizoverlay > .quizcontainer > .quizresult{
    width: 100%;
}
#quizoverlay > .quizcontainer > .quizresult > .s1 {
    padding: 5% 0;
}
#quizoverlay > .quizcontainer > .quizresult > .s1 > .head {
    max-width: 940px;
    width: 48.9583333333333%;
    margin: 0% auto 2.5%;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .s1 > .head::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/getaway/result/title.png");
    padding-bottom: 20.9574468085106%;
}
#quizoverlay > .quizcontainer > .quizresult > .s1 > .content {
    margin: 2% auto 0;
    position: relative;
    max-width: 924px;
    width: 48.125%;
}
#quizoverlay > .quizcontainer > .quizresult > .s1 > .content::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 206.1688311688312%;
}
/* r1 */
#quizoverlay > .quizcontainer > .quizresult.r1 > .s1 > .content::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/result/r1.png");
}
/* r2 */
#quizoverlay > .quizcontainer > .quizresult.r2 > .s1 > .content::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/result/r2.png");
}
/* r3 */
#quizoverlay > .quizcontainer > .quizresult.r3 > .s1 > .content::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/result/r3.png");
}
/* r4 */
#quizoverlay > .quizcontainer > .quizresult.r4 > .s1 > .content::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/result/r4.png");
}
/* gift */
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift {
    padding: 40px 0;
    position: relative;
    max-width: 883px;
    width: 45.9895833333333%;
    z-index: 1;
    text-align:center;
    margin:0 auto;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/gift/frame.png?v1");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 213.9297848244621%;
}
/*#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift > .title {
    max-width: 1026px;
    width: 53.4375%;
    margin: auto;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift > .title::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/reels-header.png");
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 18.7134502923977%;
}*/
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container {
    background-color: #fff;
    margin: 0 auto;
    padding: 3%;
    width: 87.202718006795%;
    position: absolute;
    bottom:6.4%;
    left:0;
    right:0;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    user-select: none;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div > .gift-image{
    margin: 0 auto;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div > .gift-image::after{
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div > .gift-text{
    margin: 0 auto;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div > .gift-text::after{
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div > .clickformore{
    display: block;
    max-width: 321px;
    width: 41.6883116883117%;
    margin: 0 auto;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div > .clickformore::after{
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/getaway/gift/clickformore.png");
    padding-bottom: 24.2990654205607%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g1 > .gift-image{
    max-width: 500px;
    width: 64.9350649350649%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g1 > .gift-image::after{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/gift/g1.png");
    padding-bottom: 100%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g1 > .gift-text{
    max-width: 551px;
    width: 71.5584415584416%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g1 > .gift-text::after{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/gift/t1.png");
    padding-bottom: 26.8602540834846%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g2 > .gift-image{
    max-width: 418px;
    width: 54.2857142857143%;
    margin: 5.3% auto;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g2 > .gift-image::after{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/gift/g2.png");
    padding-bottom: 100%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g2 > .gift-text{
    max-width: 467px;
    width: 60.6493506493506%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g2 > .gift-text::after{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/gift/t2.png");
    padding-bottom: 31.6916488222698%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g3 > .gift-image{
    max-width: 271px;
    width: 35.1948051948052%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g3 > .gift-image::after{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/gift/g3.png");
    padding-bottom: 181.549815498155%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g3 > .gift-text{
    max-width: 495px;
    width: 64.2857142857143%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g3 > .gift-text::after{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/gift/t3.png?v1");
    padding-bottom: 29.8989898989899%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g4 > .gift-image{
    max-width: 364px;
    width: 47.2727272727273%;
    margin: 8% auto;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g4 > .gift-image::after{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/gift/g4.png");
    padding-bottom: 100%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g4 > .gift-text{
    max-width: 689px;
    width: 89.4805194805195%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g4 > .gift-text::after{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/gift/t4.png");
    padding-bottom: 22.7866473149492%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g5 > .gift-image{
    max-width: 341px;
    width: 44.2857142857143%;
    margin: 8% auto
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g5 > .gift-image::after{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/gift/g5.png");
    padding-bottom: 104.1055718475073%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g5 > .gift-text{
    max-width: 680px;
    width: 88.3116883116883%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g5 > .gift-text::after{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/gift/t5.png");
    padding-bottom: 23.6764705882353%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g6 > .gift-image{
    max-width: 135px;
    width: 17.5324675324675%;
    margin: 6% auto;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g6 > .gift-image::after{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/gift/g6.png");
    padding-bottom: 291.1111111111111%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g6 > .gift-text{
    max-width: 554px;
    width: 71.9480519480519%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g6 > .gift-text::after{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/gift/t6.png");
    padding-bottom: 28.5198555956679%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g7 > .gift-image{
    max-width: 269px;
    width: 34.9350649350649%;
    margin: 12% auto;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g7 > .gift-image::after{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/gift/g7.png");
    padding-bottom: 127.1375464684015%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g7 > .gift-text{
    max-width: 670px;
    width: 87.6623376623377%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .container > .gift-carousel div.g7 > .gift-text::after{
    background-image: url("/assets/img/tagsis/festival/2024/getaway/gift/t7.png");
    padding-bottom: 17.7777777777778%;
}
/* luckydraw */
#quizoverlay > .quizcontainer > .quizresult > .s2 > .luckydraw{
    padding: 5% 0; 
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .luckydraw > .luckydraw-head {
    max-width: 714px;
    width: 37.1875%;
    margin: 0 auto 2.5%;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .luckydraw > .luckydraw-head::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/getaway/result/luckydraw-head.png");
    padding-bottom: 29.2717086834734%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .luckydraw > .luckydraw-frame {
    max-width: 883px;
    width: 45.9895833333333%;
    margin: 2% auto 0;
    position: relative;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .luckydraw > .luckydraw-frame::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    background-image: url("/assets/img/tagsis/festival/2024/getaway/result/luckydraw-frame.png");
    padding-bottom: 213.9297848244621%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .luckydraw > .luckydraw-frame > .frame-container {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .luckydraw > .luckydraw-frame > .frame-container > .luckydraw-type {
    max-width: 744px;
    width: 84.2582106455266%;
    margin: 10% auto 0;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .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/getaway/result/luckydraw-type.png");
    padding-bottom: 160.752688172043%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .luckydraw > .luckydraw-frame > .frame-container > .luckydraw-decor {
    max-width: 739px;
    width: 87.1462264150943%;
    margin: 0 auto;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .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 > .s2 > .luckydraw > .luckydraw-frame > .frame-container > .luckydraw-button {
    cursor: pointer;
    display: block;
    margin: 4% auto;
    max-width: 476px;
    width: 53.9071347678369%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .luckydraw > .luckydraw-frame > .frame-container > .luckydraw-button::after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: ' ';
    display: block;
    padding-bottom: 28.3613445378151%;
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .luckydraw > .luckydraw-frame > .frame-container > .b1::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/result/luckydraw-b1.png");
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .luckydraw > .luckydraw-frame > .frame-container > .b2::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/result/luckydraw-b2.png");
}
#quizoverlay > .quizcontainer > .quizresult > .s2 > .luckydraw > .luckydraw-frame > .frame-container > .b3::after {
    background-image: url("/assets/img/tagsis/festival/2024/getaway/result/luckydraw-b3.png");
}
    

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

    #quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .swiper-button-prev,
    #quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .swiper-button-next{
        height:175px;
        width:38px;
    }
}

@media only screen and (max-width: 768px) {
    body{
        -webkit-text-size-adjust: 100%;
    }

    .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 .reels .container,
    .festival-container .session-middle .container .article-carousel{
        width: 80%;
    }

    .festival-container .session-middle .reels .container .reels-carousel a.reel-image{
        padding: 15px;
    }

    .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 .container.shopping > .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.shopping > .session-subtitle > img{
        width: 80%
    }
    .festival-container .session-middle .container.beauty > .session-subtitle > img,
    .festival-container .session-middle .container.fashion > .session-subtitle > img,
    .festival-container .session-middle .container.food > .session-subtitle > img {
        width: 60%
    }

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

    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 > .separator{
        margin: 15% auto 0;
    }

    .festival-container .session-middle .front>.intro{
        width: 85%;
    }
    .festival-container .session-middle .front>.intros{
        display: block;
    }
    .festival-container .session-middle .front>.intros>.peggy{
        width: 90%;
    }
    .festival-container .session-middle .front>.intros>.nutritionist{
        width: 85%;
    }
    .festival-container .session-middle .front .starttest{
        width: 100%;
    }
    .festival-container .session-middle .front>.header{
        width: 192%;
        margin-left: -49.5%;
        padding: 6% 0;
    }
    .festival-container .session-middle .front>.header>.greeting{
        width: 100%;
    }
    .festival-container .session-middle .front>.bg-yellow1>.starttest{
        width: 80%;
    }
    .festival-container .session-middle .front>.bg-yellow2>.intro{
        width: 90%;
    }
    .festival-container .session-middle .front>.bg-yellow2>.intro-gifts{
        width: 180%;
        margin-left: -50%;
    }

    #quizoverlay > .quizcontainer > .quizresult > .header-suggestion{
        width: 83%;
        margin: 5% 0 3% 17.5%;
    }
    #quizoverlay > .quizcontainer > .quizresult > .result{
        width: 88%;
    }
    #quizoverlay > .quizcontainer > .quizresult > .result > .gifts{
        left: 10.3%;
        right: 10.4%;
        height: 25%;
    }
    #quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel{
        margin: 0;
    }
    .festival-container .session-middle .reels .container .reels-carousel .swiper-button-prev, .festival-container .session-middle .container .article-carousel .session-swiper-container .swiper-button-prev, #quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel .swiper-button-prev{
        width: 22px;
    }
    .festival-container .session-middle .reels .container .reels-carousel .swiper-button-next, .festival-container .session-middle .container .article-carousel .session-swiper-container .swiper-button-next, #quizoverlay > .quizcontainer > .quizresult > .result > .gifts .gift-carousel .swiper-button-next{
        width: 22px;
    }
    #quizoverlay > .quizcontainer > .quizresult > .lottery{
        width: 85.791667%;
    }
    #quizoverlay > .quizcontainer > .quizresult > .form-button{
        width: 60.979167%;
    }
    #quizoverlay > .quizcontainer > .quizresult > .gift{
        width: 72.229167%;
    }
    #quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .swiper-button-prev,
    #quizoverlay > .quizcontainer > .quizresult > .s2 > .gift .swiper-button-next{
        height:146px;
        width:32px;
    }
    .festival-container .session-middle .sponsor>.sponsorcontainer{
        margin: 45px auto;
        flex-direction: column;
        gap: 45px;
    }
    .festival-container .session-middle .sponsor>.sponsorcontainer > a{
        width: 60%;
    }
    .festival-container .session-middle .sponsor>.sponsorcontainer > a:after{
        background-position: center;
        padding-bottom: 100% !important;
    }
    .festival-container .session-middle .sponsor>.title{
        width: 85%;
    }
    .festival-container .session-middle .sponsor>.sponsorcontainer{
        width: 95%;
    }
    

    #quizoverlay > .quizcontainer > .quiz > .frame,
    #quizoverlay > .quizcontainer > .quizresult > .frame,
    #quizoverlay > .quizcontainer > .quizresult > .s2 > .luckydraw > .luckydraw-frame {
        width: 80%;
    }

    #quizoverlay > .quizcontainer > .quizresult > .s1 > .head{
        width: 78%;
    }
    #quizoverlay > .quizcontainer > .quizresult > .s1 > .content,
    #quizoverlay > .quizcontainer > .quizresult > .s2 > .luckydraw > .luckydraw-head{
        width: 75%;
    }
    #quizoverlay > .quizcontainer > .quizresult > .s2 > .gift{
        width: 75%;
    }
}

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