@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;600&display=swap";@font-face{font-family:"CentraNo2";src:url("../images/font/CentraNo2-Medium.woff2") format("woff2"),url("../images/font/CentraNo2-Medium.woff") format("woff"),url("../images/font/CentraNo2-Medium.ttf") format("ttf");font-weight:300;font-style:normal}@font-face{font-family:"CentraNo2";src:url("../images/font/CentraNo2-Bold.woff2") format("woff2"),url("../images/font/CentraNo2-Bold.woff") format("woff"),url("../images/font/CentraNo2-Bold.ttf") format("ttf");font-weight:600;font-style:normal}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*::focus{outline:0}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{display:block;border:0}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}a{text-decoration:none}.clear{margin:0;padding:0;clear:both}*:focus{outline:none}button{border:none;color:inherit;font:inherit;background-color:inherit;margin:0;padding:0}b{font-weight:bold}i{font-style:normal}input,select{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:inherit;padding:0;margin:0;font-family:"CentraNo2",-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Helvetica Neue",helvetica,STHeiti,"Microsoft JhengHei","微軟正黑體",sans-serif}input::-webkit-inner-spin-button,select::-webkit-inner-spin-button{-webkit-appearance:none}input::-webkit-input-placeholder{color:#979797}::-moz-placeholder{color:#979797}:-ms-input-placeholder{color:#979797}::-webkit-input-placeholder{color:#979797}::placeholder{color:#979797}@media screen and (-webkit-min-device-pixel-ratio: 0){select,textarea,input{font-size:16px}}body{font-family:"CentraNo2",-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Helvetica Neue",helvetica,STHeiti,"Microsoft JhengHei","微軟正黑體",sans-serif;font-weight:300;color:#000;background-color:#f7efcd;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;background-image:url(../images/bg_star.png);background-size:48px auto;background-position:center;background-repeat:repeat}body.lock{overflow:hidden}@media only screen and (max-width: 768px){body{background-size:30px auto}}input,select,textarea{font-family:"CentraNo2",-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Helvetica Neue",helvetica,STHeiti,"Microsoft JhengHei","微軟正黑體",sans-serif;color:#fff;background-color:rgba(125,46,255,.5)}input::placeholder,select::placeholder,textarea::placeholder{color:#fff}::-webkit-scrollbar-track{z-index:9;-webkit-box-shadow:none;background-color:#f7efcd}::-webkit-scrollbar{z-index:9;height:6px;width:6px;background-color:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{z-index:9;background-color:#7d2eff;border-radius:0}#wrapper{width:100%;min-height:100vh;min-height:100dvh}.header{height:70px;width:100%;background-color:rgba(0,0,0,0);border-bottom:3px solid rgba(0,0,0,0);transition:background-color .3s ease-out,border-color .3s ease-out;position:fixed;top:0;left:0;z-index:10}.header.scrolled{background-color:#f7efcd;border-bottom-color:#c9e02f}.header .inner{width:100%;padding:0 20px;position:relative;display:flex;justify-content:space-between;align-items:center;height:100%}.header .ylogo{position:relative;width:94px;background-image:url(../images/ylogo.png);background-position:center;background-size:100% auto;background-repeat:no-repeat;display:block}.header .ylogo>div{width:100%;padding-bottom:28.7234%}.header .logout{display:none;flex-shrink:0}.header .logout.active{display:block}.header .logout a{display:flex;align-items:center;color:#7d2eff;font-weight:600;font-size:16px;line-height:1;white-space:nowrap}.header .logout a .icon{width:28px;background-image:url(../images/logout.png);background-size:100% auto;background-position:center;background-repeat:no-repeat;display:inline-block;position:relative}.header .logout a .icon:before{content:"";padding-bottom:100%;display:block}.content{width:100%;position:relative}h1{font-size:30px;text-align:center;color:#000;font-weight:600;line-height:1.3}h3{font-size:22px;margin-bottom:20px}p{font-size:14px;font-weight:400;line-height:1.6}.btnsBox{display:flex;flex-wrap:wrap;width:100%;margin:20px 0}.btnsBox a{text-align:center;line-height:1;font-size:16px;font-weight:600;transition:all .3s ease-out;width:188px;background:#c9e02f;color:#7d2eff;border:2px solid #000;position:relative;display:inline-block;padding:12px 0;border-radius:40px}.btnsBox a:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-bottom:6px solid #000;border-radius:40px}.btnsBox a:nth-child(odd){margin-right:10px}.btnsBox a:only-child{width:100%;margin-right:0}.btnsBox a.disabled{opacity:.2;pointer-events:none}.hint{font-size:14px;opacity:.7;line-height:1.6}.hint a{color:#7d2eff;text-decoration:underline}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.br-mobile-only{display:none}.hide-mobile{display:inline}@media only screen and (max-width: 1024px){.br-mobile-only{display:block}.hide-mobile,.hide-pc{display:none}}.backTop{position:fixed;right:20px;bottom:20px;width:50px;aspect-ratio:1;background-image:url(../images/backtop.png);background-size:100% 100%;background-repeat:no-repeat;z-index:15;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease}.backTop>div{width:100%;padding-bottom:100%}.backTop.show{opacity:1;pointer-events:auto;transform:translateY(0)}.innappErrorBox{width:100%;height:100%;position:fixed;top:0;left:0;z-index:20;display:none;align-items:center;justify-content:center;box-sizing:border-box;padding:0 20px}.innappErrorBox.active{display:flex}.innappErrorBox .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f7efcd}.innappErrorBox .inner{width:100%;max-width:500px;border-radius:27px;padding:44px 30px;position:relative;z-index:2;background-color:#fff;border:2px solid #000;box-shadow:0 6px 0 #000}.innappErrorBox .inner p{text-align:center;font-size:20px;color:#7d2eff;font-weight:600;line-height:1.5}.innappErrorBox .inner ul{list-style-type:decimal;width:80%;margin:30px auto 0}.innappErrorBox .inner ul li{font-size:16px;color:#7d2eff;margin-bottom:10px;position:relative;line-height:1.5}.innappErrorBox .inner ul li:last-child{margin-bottom:0}.swal2-container{background:rgba(0,0,0,.6) !important}.swal2-popup{font-family:"CentraNo2",-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Helvetica Neue",helvetica,STHeiti,"Microsoft JhengHei","微軟正黑體",sans-serif;background:#f7efcd;border-radius:27px;padding:34px 24px}.swal2-title{font-size:20px;font-weight:600;color:#7d2eff;padding:10px 0 6px}.swal2-html-container{font-size:18px;font-weight:600;color:#000;line-height:1.6}.swal2-actions{gap:10px;margin-top:20px}.swal2-confirm,.swal2-cancel{background:#c9e02f !important;color:#7d2eff !important;border:2px solid #000 !important;border-radius:40px !important;font-family:"CentraNo2",-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Helvetica Neue",helvetica,STHeiti,"Microsoft JhengHei","微軟正黑體",sans-serif;font-weight:600 !important;font-size:15px !important;padding:10px 26px !important;box-shadow:0 5px 0 #000 !important;transition:all .15s ease-out}.swal2-confirm:hover,.swal2-cancel:hover{transform:translateY(3px);box-shadow:0 2px 0 #000 !important}.swal2-confirm:focus,.swal2-cancel:focus{box-shadow:0 5px 0 #000 !important}.swal2-cancel{background:#fff !important;color:#000 !important}.swal2-icon.swal2-error{border-color:#7d2eff;color:#7d2eff}.swal2-icon.swal2-error .swal2-x-mark-line-left,.swal2-icon.swal2-error .swal2-x-mark-line-right{background-color:#7d2eff}.swal2-icon.swal2-success{border-color:#c9e02f}.swal2-icon.swal2-success [class^=swal2-success-line]{background-color:#7d2eff}.swal2-icon.swal2-success .swal2-success-ring{border-color:rgba(201,224,47,.3)}.loginBox{width:100%;min-height:100vh;min-height:100svh;padding:50px 62px 0 150px;position:relative}.loginBox .inner{width:100%;z-index:2;position:relative}.loginBox .inner h1{text-align:left}.loginBox .inner h2{font-size:42px;font-weight:800;margin:0 0 6px;line-height:1.4}.loginBox .inner h3{font-size:16px;font-weight:600;margin-bottom:20px;line-height:1.6}.loginBox .inner p{line-height:1.4}.loginBox .inner p.color{color:#7d2eff}.loginBox .inner p .hint{opacity:1}.loginBox .inner ul{list-style:disc;padding-left:22px;margin:8px 0 20px}.loginBox .inner ul li{font-size:14px;line-height:1.6}.loginBox .inner .mainLogo{position:relative;width:100%;max-width:270px;background-image:url(../images/index_logo.png?v3)}@supports(background-image: image-set(url(../images/index_logo.webp?v3) 1x)){.loginBox .inner .mainLogo{background-image:image-set(url(../images/index_logo.webp?v3) 1x)}}.loginBox .inner .mainLogo{background-position:left center;background-size:100% auto;background-repeat:no-repeat;display:block}.loginBox .inner .mainLogo>div{width:100%;padding-bottom:76.923%}.loginBox .inner .counterBox{display:inline-block;margin:10px 0 12px}.loginBox .inner .counterBox .counterLine{border-bottom:5px solid #c9e02f}.loginBox .inner .counterBox .counterLine b{font-size:28px;color:#7d2eff}.loginBox .inner .rewardToggle{font-size:19px;font-weight:600;margin-bottom:18px;display:inline-block;text-decoration:none;color:#7d2eff}.loginBox .inner .rewardToggle .plus{width:20px;height:20px;margin-left:5px;vertical-align:middle}.loginBox .inner .rewardToggle .plus:after{content:"?";font-size:14px}.loginBox .inner .rewardToggle .plus{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#7d2eff;color:#fff;font-weight:300;line-height:1;text-decoration:none}.loginBox .inner .rewardDetails{display:none;padding-left:15px}.loginBox .inner .rewardDetails li{font-size:12px;opacity:.5}.loginBox .inner .rewardDetails.is-open{display:block}.loginBox .btnsBox a:only-child{width:166px;margin-right:0}.loginBox .indexImg{position:absolute;width:58%;transform:translate(0, -45%);top:50%;right:0;background-image:url(../images/index.png)}@supports(background-image: image-set(url(../images/index.webp) 1x)){.loginBox .indexImg{background-image:image-set(url(../images/index.webp) 1x)}}.loginBox .indexImg{background-size:100% auto;background-position:top center;background-repeat:no-repeat;pointer-events:none}.loginBox .indexImg>div{position:relative;padding-bottom:82.7%}.doneBox .shareRail{position:absolute;top:0;right:-84px;height:100%}.doneBox .shareRail .shareBox{flex-direction:column;margin:110px 0 0;gap:12px;position:sticky;top:90px}.doneBox .shareRail .shareBox .share{background-color:#000}@media only screen and (min-width: 1025px){.loginBox{overflow:hidden}.loginBox .inner{width:50%;padding-top:60px}}@media only screen and (max-width: 1300px){.loginBox{padding:20px 45px 20px}.loginBox .indexImg{right:0}}.votingBox{position:relative;width:100%;line-height:1.5;padding:20px 20px 0}.votingBox .region{width:90%;margin:0 auto}.votingBox .region .inner{position:relative;z-index:2;width:100%}.votingBox .region .caption{text-align:center;margin-bottom:60px;max-width:1000px;margin-left:auto;margin-right:auto}.votingBox .region .caption .doneBanner{width:100%;margin:0 auto 26px;background-image:url(../images/kv_02.png?v3),linear-gradient(#c9e02f, #c9e02f)}@supports(background-image: image-set(url(../images/kv_02.webp?v3) 1x)){.votingBox .region .caption .doneBanner{background-image:image-set(url(../images/kv_02.webp?v3) 1x),linear-gradient(#c9e02f, #c9e02f)}}.votingBox .region .caption .doneBanner{background-size:100% auto,100% 4px;background-position:center top,center 93%;background-repeat:no-repeat,no-repeat}.votingBox .region .caption .doneBanner>div{padding-bottom:46.04604%;width:100%}.votingBox .region .caption p{color:#000;font-size:14px;text-align:center}.votingBox .allQ{width:70%;margin:0 auto;z-index:2;position:relative;padding:0 45px;max-width:1000px;margin-bottom:60px}@media screen and (max-width: 1350px){.votingBox .allQ{width:80%;padding:0}}.votingBox .allQ .box{scroll-margin-top:90px;border-bottom:2px solid #7d2eff;margin-bottom:75px;padding-bottom:75px}.votingBox .allQ .box:last-child{margin-bottom:0;border-width:0;padding-bottom:0}.votingBox .allQ .box.done>h3 .catTitle::before{content:"已完成";position:absolute;top:-28px;left:0;padding:2px 10px;font-size:12px;border-radius:999px;background-color:rgba(125,46,255,.12);color:#7d2eff;white-space:nowrap}.votingBox .allQ .box h3{font-size:30px;margin-bottom:5px;text-align:center;line-height:1.35}.votingBox .allQ .box h3 .catTitle{position:relative;display:inline-block;text-align:left}.votingBox .allQ .box h3 .catTitleIcon{display:inline-block;vertical-align:middle;width:70px;aspect-ratio:1;background-size:100% 100%;background-repeat:no-repeat;margin-top:-5px}.votingBox .allQ .box h3 .catTitleIcon.left{margin-right:10px}.votingBox .allQ .box h3 .catTitleIcon.right{margin-left:10px}.votingBox .allQ .box[data-cat=money] h3 .catTitleIcon{background-image:url(../images/icon_p_money.png)}.votingBox .allQ .box[data-cat=life] h3 .catTitleIcon{background-image:url(../images/icon_p_life.png)}.votingBox .allQ .box[data-cat=feel] h3 .catTitleIcon{background-image:url(../images/icon_p_feel.png)}.votingBox .allQ .box[data-cat=pick] h3 .catTitleIcon{background-image:url(../images/icon_p_pick.png)}.votingBox .allQ .box[data-cat=cart] h3 .catTitleIcon{background-image:url(../images/icon_p_cart.png)}.votingBox .allQ .box[data-cat=go] h3 .catTitleIcon{background-image:url(../images/icon_p_go.png)}.votingBox .allQ .box[data-cat=voice] h3 .catTitleIcon{background-image:url(../images/icon_g_voice.png)}.votingBox .allQ .box[data-cat=sound] h3 .catTitleIcon{background-image:url(../images/icon_g_sound.png)}.votingBox .allQ .box[data-cat=game] h3 .catTitleIcon{background-image:url(../images/icon_g_game.png)}.votingBox .allQ .box[data-cat=spotlight] h3 .catTitleIcon{background-image:url(../images/icon_g_spotlight.png)}.votingBox .allQ .box .catIntro{margin:-8px 0 24px;font-size:16px;line-height:1.6;color:#000;opacity:.85;text-align:center}.votingBox .allQ .box .qus{border:2px solid #c9e02f;border-radius:22px;overflow:hidden;width:100%;margin:0 auto 20px;position:relative;display:flex;align-items:stretch}.votingBox .allQ .box .qus .num{width:75px;background-color:#c9e02f;position:relative;display:flex;align-items:center;justify-content:center}.votingBox .allQ .box .qus .num:before{content:"";position:relative;top:0;left:0;width:100%;padding-bottom:100%}.votingBox .allQ .box .qus .num span{font-size:34px;font-weight:600;color:#7d2eff;position:absolute}.votingBox .allQ .box .qus p{padding:20px;width:100%;font-size:18px;text-align:left;position:relative;padding-left:20px;font-weight:600}.votingBox .allQ .box .qus p .sub{font-weight:300;opacity:.75;font-size:.85em}.votingBox .allQ .box .ans{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:22px;margin:0 auto 60px}.votingBox .allQ .box .ans:last-child{margin-bottom:0}.votingBox .allQ .box .ans.a3{grid-template-columns:repeat(5, 1fr)}.votingBox .allQ .box .ans.a4{grid-template-columns:repeat(5, 1fr)}.votingBox .allQ .box .ans>div{cursor:pointer;padding:14px 20px;background:#fff;color:#7d2eff;font-size:16px;font-weight:500;border-radius:40px;display:flex;align-items:center;justify-content:center;border:2px solid #000;position:relative}.votingBox .allQ .box .ans>div:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-bottom:6px solid #000;border-radius:40px}.votingBox .allQ .box .ans>div span{position:relative;z-index:1;line-height:1.2;text-align:center}.votingBox .allQ .box .ans>div.active{background-color:#7d2eff;color:#fff}.votingBox .allQ .box .ans .otherBox{grid-column:1/-1;order:99;width:100%;display:flex;align-items:center;gap:10px;cursor:default;line-height:1.2;padding:14px 20px;background:#fff;border:2px solid #000;border-radius:40px;position:relative}.votingBox .allQ .box .ans .otherBox:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-bottom:6px solid #000;border-radius:40px}.votingBox .allQ .box .ans .otherBox label{display:flex;align-items:center;gap:8px;cursor:pointer;flex-shrink:0;position:relative;z-index:1}.votingBox .allQ .box .ans .otherBox input[type=radio]{width:18px;height:18px;flex-shrink:0;box-sizing:border-box;border:2px solid #7d2eff;border-radius:3px;background-color:rgba(0,0,0,0);cursor:pointer}.votingBox .allQ .box .ans .otherBox input[type=radio]:checked{background-color:#7d2eff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3 8.5l3.2 3.2L13 4.5'/%3E%3C/svg%3E");background-size:12px 12px;background-repeat:no-repeat;background-position:center}.votingBox .allQ .box .ans .otherBox input[type=text],.votingBox .allQ .box .ans .otherBox .otherText{flex:1;border:0;background:rgba(0,0,0,0);color:#7d2eff;padding:0 4px;font-size:16px;line-height:1.2;position:relative;z-index:1}.votingBox .allQ .box .ans .otherBox input[type=text]::placeholder,.votingBox .allQ .box .ans .otherBox .otherText::placeholder{color:rgba(125,46,255,.5)}.votingBox .allQ .box .ans .otherBox:has(input[type=radio]:checked){background-color:#7d2eff}.votingBox .allQ .box .ans .otherBox:has(input[type=radio]:checked) label{color:#fff}.votingBox .allQ .box .ans .otherBox:has(input[type=radio]:checked) input[type=text],.votingBox .allQ .box .ans .otherBox:has(input[type=radio]:checked) .otherText{color:#fff}.votingBox .allQ .box .ans .otherBox:has(input[type=radio]:checked) input[type=text]::placeholder,.votingBox .allQ .box .ans .otherBox:has(input[type=radio]:checked) .otherText::placeholder{color:rgba(255,255,255,.7)}.votingBox .allQ .box .ans .otherBox:has(input[type=radio]:checked) input[type=radio]{border-color:#fff}.votingBox .allQ .box .ans .otherBox:has(input[type=radio]:checked) input[type=radio]:checked{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%237D2EFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3 8.5l3.2 3.2L13 4.5'/%3E%3C/svg%3E")}.votingBox .formBox{z-index:2;position:relative;width:calc(70% - 90px);max-width:910px;margin:0 auto 30px;padding:44px 30px;border:2px solid #7d2eff;border-radius:27px;color:#000;overflow:hidden}.votingBox .formBox .selectBox,.votingBox .formBox .inputBox{margin-bottom:20px}.votingBox .formBox .selectBox:last-child,.votingBox .formBox .inputBox:last-child{margin-bottom:0}.votingBox .formBox .selectBox.error input[type=checkbox],.votingBox .formBox .inputBox.error input[type=checkbox]{border-color:red}.votingBox .formBox .selectBox p,.votingBox .formBox .inputBox p{margin-bottom:10px;text-align:left;line-height:1.5}.votingBox .formBox .selectBox select,.votingBox .formBox .inputBox select{padding:8px 30px 8px 10px;font-size:16px;background-image:url(../images/select_arr.png);background-size:auto 20%;background-repeat:no-repeat;background-position:center right 10px;width:100%}.votingBox .formBox .selectBox input:not([type=checkbox]),.votingBox .formBox .inputBox input:not([type=checkbox]){font-size:16px;width:100%;padding:8px 10px}.votingBox .formBox .selectBox input:not([type=checkbox]):disabled,.votingBox .formBox .inputBox input:not([type=checkbox]):disabled{opacity:.5;pointer-events:none;background-color:#3e3e3e}.votingBox .formBox .form{width:620px;margin:0 auto;position:relative}.votingBox .formBox .form .inner{width:100%;position:relative}.votingBox .formBox .form>p{text-align:left;margin-bottom:20px}.votingBox .formBox .form .hideBox{width:100%;margin-bottom:16px}.votingBox .formBox .form .hideBox p{text-align:center;color:#7d2eff;font-weight:600;font-size:16px}.votingBox .formBox .consentBox{margin:10px 0 0}.votingBox .formBox .consentBox label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;line-height:1.5}.votingBox .formBox .consentBox input[type=checkbox]{width:20px;height:20px;flex-shrink:0;margin-top:2px;border:2px solid #7d2eff;border-radius:3px;background-color:rgba(0,0,0,0)}.votingBox .formBox .consentBox input[type=checkbox]:checked{background-color:#7d2eff;background-image:url(../images/check.png);background-size:76% auto;background-repeat:no-repeat;background-position:center}.votingBox .formBox .consentBox a{color:#000;text-decoration:underline}.votingBox .sendBox{width:100%;text-align:center;z-index:2;position:relative;padding-bottom:100px}.votingBox .sendBox .submitBtn{cursor:pointer;width:166px;text-align:center;color:#7d2eff;background:#c9e02f;border:2px solid #000;line-height:1;font-size:16px;padding:12px 0;border-radius:40px;font-weight:600;transition:all .3s ease-out;position:relative;display:inline-block}.votingBox .sendBox .submitBtn:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-bottom:6px solid #000;border-radius:40px}.votingBox .sendBox .submitBtn span{position:relative;z-index:1}.votingBox .sendBox .submitBtn:disabled{opacity:.2;pointer-events:none}.consentBig{max-width:680px;position:relative;z-index:2;margin:0 auto 30px}.consentBig>div{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.consentBig .selectBox.forconsent,.consentBig .inputBox.forconsent{border:0;background-color:rgba(0,0,0,0);margin-bottom:0}.consentBig .selectBox.forconsent>p,.consentBig .inputBox.forconsent>p{width:100%;text-align:left;padding:0}.consentBig .selectBox.forconsent .consentBox,.consentBig .inputBox.forconsent .consentBox{width:100%;position:relative;display:flex;align-items:center}.consentBig .selectBox.forconsent .consentBox input[type=checkbox],.consentBig .inputBox.forconsent .consentBox input[type=checkbox]{width:20px;height:20px;border:2px solid #7d2eff;border-radius:3px;background-color:rgba(0,0,0,0);position:relative}.consentBig .selectBox.forconsent .consentBox input[type=checkbox]:checked,.consentBig .inputBox.forconsent .consentBox input[type=checkbox]:checked{background-color:#7d2eff;background-image:url(../images/check.png);background-size:76% auto;background-repeat:no-repeat;background-position:center}.consentBig .selectBox.forconsent .consentBox p,.consentBig .inputBox.forconsent .consentBox p{padding:0;padding-left:10px;margin-bottom:0;text-align:left;color:#000}.consentBig .selectBox.forconsent .consentBox p a,.consentBig .inputBox.forconsent .consentBox p a{color:#000;text-decoration:underline}.doneBanner{margin:-20px -20px 20px;height:auto;background-image:url(../images/resultkv.png);background-size:100% auto;background-position:center top;background-repeat:no-repeat}.doneBanner>div{width:100%;padding-bottom:46.6667%}.resultBox{position:relative}.doneBox{position:relative;display:none;flex-direction:column;align-items:stretch;justify-content:center;background-color:#f7efcd;width:540px;border:4px solid #c9e02f;padding:20px;margin:0 auto}.doneBox.active{display:flex}.doneBox .hint{text-align:center}.doneBox .inner{width:100%;position:relative;z-index:2}.doneBox .picksRow{display:grid;grid-template-columns:1fr;grid-gap:24px;align-items:start;margin-bottom:40px}.doneBox .picksBlock h3{font-size:23px;font-weight:600;letter-spacing:.06em;margin-bottom:12px;color:#000;text-align:center}.doneBox .picksBlock ul{display:grid;grid-gap:10px}.doneBox .picksBlock li{text-align:center;border-radius:8px;position:relative;display:flex;align-items:flex-start;justify-content:flex-start;position:relative;border:2px solid #000;background-size:20px auto;background-repeat:repeat;background-position:center;background-image:url(../images/frame.png)}.doneBox .picksBlock li:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-bottom:4px solid #000;border-right:4px solid #000;pointer-events:none;border-radius:8px}.doneBox .picksBlock li:before{content:"";display:block;position:relative;width:100%;padding-bottom:100%;pointer-events:none}.doneBox .picksBlock li>div:not(.frame,.catIcon){position:absolute;width:100%;text-align:left;padding:15px;z-index:2}.doneBox .picksBlock li>div:not(.frame,.catIcon) .cat{line-height:1.4;display:inline-block;border-bottom:5px solid #c9e02f;margin-bottom:8px;padding-bottom:8px;font-weight:600}.doneBox .picksBlock li>div:not(.frame,.catIcon) .name{font-weight:300;line-height:1.3;display:block}.doneBox .picksBlock li>div:not(.frame,.catIcon) .name .bracket{display:inline-block;transform-origin:left top}.doneBox .picksBlock li .catIcon{position:absolute;aspect-ratio:1;z-index:3;pointer-events:none;background-size:100% 100%;background-repeat:no-repeat}.doneBox .picksBlock.peoplePicks ul{grid-template-columns:repeat(2, 1fr)}.doneBox .picksBlock.peoplePicks ul li{background-color:#7d2eff;color:#fff}.doneBox .picksBlock.peoplePicks ul li>div:not(.frame,.catIcon) .cat{font-size:40px}.doneBox .picksBlock.peoplePicks ul li>div:not(.frame,.catIcon) .name{font-size:29px}.doneBox .picksBlock.peoplePicks ul li>div:not(.frame,.catIcon) .name .bracket{transform:scale(0.84)}.doneBox .picksBlock.peoplePicks ul li[data-cat=voice] .catIcon{background-image:url(../images/icon_g_voice.png)}.doneBox .picksBlock.peoplePicks ul li[data-cat=sound] .catIcon{background-image:url(../images/icon_g_sound.png)}.doneBox .picksBlock.peoplePicks ul li[data-cat=game] .catIcon{background-image:url(../images/icon_g_game.png)}.doneBox .picksBlock.peoplePicks ul li[data-cat=spotlight] .catIcon{background-image:url(../images/icon_g_spotlight.png)}.doneBox .picksBlock.peoplePicks ul li .catIcon{right:3px;bottom:3px;width:54px}.doneBox .picksBlock.brandPicks ul{grid-template-columns:repeat(3, 1fr)}.doneBox .picksBlock.brandPicks ul li{background-color:#c9e02f;color:#7d2eff}.doneBox .picksBlock.brandPicks ul li>div:not(.frame,.catIcon){width:100%;text-align:center}.doneBox .picksBlock.brandPicks ul li>div:not(.frame,.catIcon) .cat{font-size:18px;border-color:#000;border-width:3px}.doneBox .picksBlock.brandPicks ul li>div:not(.frame,.catIcon) .name{font-size:17px}.doneBox .picksBlock.brandPicks ul li>div:not(.frame,.catIcon) .name .bracket{transform:scale(0.824)}.doneBox .picksBlock.brandPicks ul li[data-cat=money] .catIcon{background-image:url(../images/icon_p_money.png)}.doneBox .picksBlock.brandPicks ul li[data-cat=life] .catIcon{background-image:url(../images/icon_p_life.png)}.doneBox .picksBlock.brandPicks ul li[data-cat=feel] .catIcon{background-image:url(../images/icon_p_feel.png)}.doneBox .picksBlock.brandPicks ul li[data-cat=pick] .catIcon{background-image:url(../images/icon_p_pick.png)}.doneBox .picksBlock.brandPicks ul li[data-cat=cart] .catIcon{background-image:url(../images/icon_p_cart.png)}.doneBox .picksBlock.brandPicks ul li[data-cat=go] .catIcon{background-image:url(../images/icon_p_go.png)}.doneBox .picksBlock.brandPicks ul li .catIcon{top:0;left:0;width:34px}.doneBox .shareBox{display:flex;justify-content:center;align-items:center;gap:12px;margin:0 0 32px}.doneBox .shareBox .share{width:46px;height:46px;border-radius:50%;background-color:#7d2eff;background-size:74% auto;background-position:center;background-repeat:no-repeat;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.doneBox .shareBox .share span{color:#fff;font-weight:600;line-height:1;font-size:20px}.doneBox .shareBox .share .shareStatus{font-size:9px;line-height:1.15;letter-spacing:0;padding:0 3px;text-align:center}.doneBox .shareBox .share.share-fb{background-image:url(../images/p_fb.png)}.doneBox .shareBox .share.share-line{background-image:url(../images/p_line.png)}.doneBox .shareBox .share.share-threads{background-image:url(../images/p_threads.png)}.doneBox .shareBox .share.share-link{background-image:url(../images/p_link.png)}.doneBox .shareBox .share.share-ig{background-image:url(../images/p_ig.png)}.doneBox .shareBox .share.share-ig:has(.shareStatus){background-image:none}.doneBox .shareBox .share.share-download{background-image:url(../images/p_download.png)}.doneBox .shareBox .share.share-download:has(.shareStatus){background-image:none}.doneBox .codeBox{max-width:720px;margin:0 auto;text-align:center}.doneBox .codeBox .codeItem p{font-size:16px;font-weight:600;color:#000;line-height:1.6}.doneBox .codeBox .codeItem p a{color:#7d2eff;text-decoration:underline}.doneBox .shareCta{text-align:center;margin-top:40px}.doneBox .shareCta .shareCtaText{font-size:16px;font-weight:600;line-height:1.6;margin-bottom:16px}.doneBox .shareCta a{display:inline-block;width:240px;text-align:center;color:#fff;background:#7d2eff;border:2px solid #000;font-size:16px;font-weight:600;padding:12px 0;border-radius:40px;position:relative;transition:background-color .2s ease}.doneBox .shareCta a:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-bottom:6px solid #000;border-radius:40px}.doneBox .shareCta .hint{margin-top:12px}.doneBox #public_url{word-break:break-all}.termsBox{max-width:860px;margin:0 auto;padding:110px 24px 60px}.termsBox.embed{padding-top:0}.termsBox h1{font-size:18px;margin-bottom:20px;line-height:1.4;text-align:left}.termsBox h2{font-size:16px;font-weight:600;margin:28px 0 10px;line-height:1.4;text-align:left}.termsBox h2:first-of-type{margin-top:0}.termsBox .draftNote{background-color:rgba(125,46,255,.08);border-left:4px solid #7d2eff;padding:12px 16px;font-size:14px;margin-bottom:24px}.termsBox ol{padding-left:22px;list-style:decimal;font-size:14px}.termsBox ol>li{margin-bottom:14px;line-height:1.9}.termsBox ol ol{margin-top:8px;list-style:decimal}.termsBox ol[type=a]{list-style:none;padding-left:22px;counter-reset:alphaItem}.termsBox ol[type=a]>li{counter-increment:alphaItem}.termsBox ol[type=a]>li::before{content:"(" counter(alphaItem, lower-alpha) ") ";margin-left:-22px;padding-right:4px}.termsBox ol ul{margin-top:8px;padding-left:20px;list-style:disc}.termsBox ol ul>li{margin-bottom:6px;line-height:1.7}.termsBox .tbd{color:#b4460f;font-size:.9em}.termsBox a{color:#7d2eff}.termsBox .btnsBox{margin-top:32px;max-width:240px;margin:0 auto}.winnersBox .weekBlock{margin-bottom:32px}.winnersBox .weekBlock h3{font-size:16px;font-weight:600;margin-bottom:12px}.winnersBox .weekBlock ul{display:grid;grid-gap:10px;grid-template-columns:repeat(2, 1fr)}.winnersBox .weekBlock li{background-color:#7d2eff;color:#fff;border-radius:8px;padding:14px 16px;font-size:15px;text-align:center;word-break:break-all;position:relative;background-image:url(../images/frame.png);background-size:20px auto;background-repeat:repeat;background-position:center}.winnersBox .btnsBox{max-width:240px;margin:24px auto 0}.devbar{position:fixed;left:0;right:0;bottom:0;z-index:999;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 14px;background-color:#14181a;color:#fff;font-size:13px;line-height:1.4}.devbar .tag{background-color:#f7e7a8;color:#14181a;font-weight:700;padding:2px 8px;border-radius:3px;letter-spacing:.08em}.devbar .who{opacity:.8}.devbar .env{margin-left:auto;opacity:.5;text-transform:uppercase;letter-spacing:.1em}.devbar a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:4px 12px}.devbar a:hover{background-color:#fff;color:#14181a}body:has(.devbar) #wrapper{padding-bottom:80px}.chairBox{width:100%;height:100%;position:relative;pointer-events:none}.chairBox img{height:95%;width:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.chairBox img.mark{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.popupBox{position:fixed;width:100%;height:100vh;height:100dvh;top:0;left:0;display:none;justify-content:center;align-items:center;z-index:30}.popupBox.active{display:flex}.popupBox .bg{width:100%;height:100%;background-color:rgba(0,0,0,.6);position:absolute;top:0;left:0}.popupBox .closeBtn{width:35px;height:35px;position:absolute;right:-44px;top:6px;cursor:pointer;overflow:hidden}.popupBox .closeBtn div{width:24px;height:24px;background-image:url(../images/close.png);background-size:100% auto;background-repeat:no-repeat;background-position:center;transition:all .3s ease-out;transform:rotate(0);transform-origin:center;position:absolute;left:50%;top:50%;margin-left:-12px;margin-top:-12px}.popupBox .textBox{width:100%;background-color:#f7efcd;border-radius:27px;padding:44px 34px;position:relative;max-width:800px;height:550px}.popupBox .textBox .all{width:100%;height:100%}.popupBox .textBox .all iframe{width:100%;height:100%}@keyframes introWipe{0%{width:0}100%{width:100%}}.loadingBox{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99;display:flex;justify-content:center;align-items:center;opacity:1;visibility:visible;pointer-events:all;transition:all .5s}.loadingBox.active{opacity:0;visibility:hidden;pointer-events:none}.loadingBox .bg{position:absolute;top:0;left:0;background-color:#c9e02f;width:100%;height:100%}.loadingBox .intro{top:0;left:0;background-color:#f7efcd;width:0;height:100%;position:absolute;z-index:3}.loadingBox .intro.show{animation:introWipe .6s ease-out forwards}.loadingBox .inner{z-index:2}.loadingBox .inner .nextgen100{width:600px;background-image:url(../images/logo_op_v2.png?v3)}@supports(background-image: image-set(url(../images/logo_op_v2.webp?v3) 1x)){.loadingBox .inner .nextgen100{background-image:image-set(url(../images/logo_op_v2.webp?v3) 1x)}}.loadingBox .inner .nextgen100{background-size:100% auto;background-repeat:no-repeat;margin:0 auto;background-position:center}.loadingBox .inner .nextgen100>div{width:100%;padding-bottom:87.5%}.formLoadingBox{width:100%;height:100%;position:fixed;display:none;justify-content:center;align-items:center;z-index:99;top:0;left:0}.formLoadingBox.active{display:flex}.formLoadingBox .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.5);z-index:1}.formLoadingBox .loader{width:50px;--b: 8px;aspect-ratio:1;border-radius:50%;background:#7d2eff;-webkit-mask:repeating-conic-gradient(rgba(0, 0, 0, 0) 0deg, #000 1deg 70deg, rgba(0, 0, 0, 0) 71deg 90deg),radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - var(--b) - 1px), #000 calc(100% - var(--b)));-webkit-mask-composite:destination-in;mask-composite:intersect;animation:l5 1s infinite;z-index:2;position:relative}@keyframes l16{0%{background-position:-150% 0,-150% 0}66%{background-position:250% 0,-150% 0}100%{background-position:250% 0,250% 0}}@keyframes mark1{0%{transform:translate3d(-50%, -50%, 0) scale(1)}50%{transform:translate3d(-50%, -50%, 0) scale(1.1)}100%{transform:translate3d(-50%, -50%, 0) scale(1)}}@keyframes m_mark1{0%{transform:translate3d(-50%, 0, 0) scale(1)}50%{transform:translate3d(-50%, 0, 0) scale(1.1)}100%{transform:translate3d(-50%, 0, 0) scale(1)}}@keyframes l5{to{transform:rotate(0.5turn)}}@media only screen and (min-width: 769px){.votingBox .allQ .box .ans>div:hover{background-color:#7d2eff;color:#fff}.votingBox .allQ .box .ans .otherBox:hover input[type=text],.votingBox .allQ .box .ans .otherBox:hover .otherText{color:#fff}.votingBox .allQ .box .ans .otherBox:hover input[type=text]::placeholder,.votingBox .allQ .box .ans .otherBox:hover .otherText::placeholder{color:rgba(255,255,255,.7)}.votingBox .allQ .box .ans .otherBox:hover input[type=radio]{border-color:#fff}.votingBox .allQ .box .ans .otherBox:hover input[type=radio]:checked{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%237D2EFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3 8.5l3.2 3.2L13 4.5'/%3E%3C/svg%3E")}.votingBox .sendBox .submitBtn:hover{background-color:#7d2eff;color:#fff}.popupBox .closeBtn:hover div{transform:rotate(180deg)}.btnsBox a:hover{background-color:#7d2eff;color:#fff}.header .logout a:hover{opacity:.7}.doneBox .shareBox .share:hover{background-color:#7d2eff;transform:translateY(-2px)}.doneBox .shareCta a:hover{background-color:#c9e02f;color:#7d2eff}.doneBox .shareBox .share-ig{display:none}}@media only screen and (min-width: calc(1024px + 1px)){.loginBox .indexImg{display:block}.loginBox .inner>.indexImg{display:none}}@media only screen and (max-width: 1024px){.header{height:40px}.header .ylogo{width:58px}.header .logout a{font-size:14px}body.page-result .header{background-color:#f7efcd;border-bottom-color:#c9e02f}.loadingBox .inner .nextgen100{width:100vw}.loginBox{padding:40px 20px}.loginBox .inner{padding:0;display:flex;flex-direction:column;align-items:center;text-align:center}.loginBox .inner h2{font-size:27px}.loginBox .inner h3{font-size:14px;margin-bottom:10px}.loginBox .inner p{font-size:12px;line-height:1.7}.loginBox .inner p .hint{font-size:12px}.loginBox .inner .rewardToggle{margin-bottom:10px;font-size:16px;line-height:1.3}.loginBox .inner .rewardDetails li{font-size:10px}.loginBox .inner .rewardDetails.is-open{display:inline-block;text-align:left}.loginBox .inner .mainLogo{width:100%}.loginBox .inner .indexImg{display:block;position:relative;transform:none;top:inherit;right:inherit;width:100%}.loginBox .inner .btnsBox{justify-content:center;margin-top:0}.loginBox .inner .btnsBox a{width:calc(50% - 5px)}.loginBox .indexImg{display:none}.votingBox{padding:50px 20px}.votingBox .region{width:100%}.votingBox .region .caption p{text-align:left}.votingBox .allQ{width:90%}.votingBox .allQ .box{margin-bottom:40px;padding-bottom:40px}.votingBox .allQ .box h3{font-size:22px;line-height:1.6;margin-bottom:14px}.votingBox .allQ .box h3 .catTitleIcon{width:40px;margin-top:0;vertical-align:top}.votingBox .allQ .box h3 .catTitleIcon.left{margin-right:6px}.votingBox .allQ .box h3 .catTitleIcon.right{margin-left:6px}.votingBox .allQ .box h3 .catTitle{text-align:center}.votingBox .allQ .box .catIntro{font-size:14px}.votingBox .allQ .box .qus p{width:100%;font-size:16px;padding:10px}.votingBox .allQ .box .qus .num{width:85px;flex-shrink:0}.votingBox .allQ .box .qus .num:before{padding-bottom:0;height:100%}.votingBox .allQ .box .qus .num span{color:#fff;font-weight:600}.votingBox .allQ .box .ans{margin-bottom:30px}}@media only screen and (max-width: 1024px)and (max-width: 768px){.votingBox .allQ .box .ans{grid-template-columns:repeat(2, 1fr);grid-gap:12px;padding:0}.votingBox .allQ .box .ans.a3,.votingBox .allQ .box .ans.a4{grid-template-columns:repeat(2, 1fr) !important}.votingBox .allQ .box .ans>div{font-size:12px;--v-pad: 4px;padding:var(--v-pad) 10px;min-height:calc(var(--v-pad)*2 + 2.4em)}.votingBox .allQ .box .ans>div span{text-align:left}.votingBox .allQ .box .otherBox{padding:var(--v-pad) 10px !important;min-height:calc(var(--v-pad)*2 + 2.4em) !important}.votingBox .allQ .box .otherBox input[type=text],.votingBox .allQ .box .otherBox .otherText{font-size:12px !important}}@media only screen and (max-width: 1024px){.votingBox .formBox{padding:20px;border-radius:10px;width:80%}.votingBox .formBox .form{width:100%}.votingBox .sendBox{padding-bottom:0}}@media only screen and (max-width: 1024px)and (max-width: 768px){.votingBox .allQ{width:100%}.votingBox .formBox{width:100%}}@media only screen and (max-width: 1024px){.popupBox .textBox{border-radius:10px}.swal2-popup{border-radius:10px}.doneBox{width:100%}.doneBox .picksBlock li>div:not(.frame,.catIcon){padding:5px}.doneBox .picksBlock li>div:not(.frame,.catIcon) .cat{margin-bottom:4px;padding-bottom:4px;border-bottom-width:3px}.doneBox .picksBlock li .catIcon{right:0;bottom:0}.doneBox .picksBlock.peoplePicks ul li>div:not(.frame,.catIcon) .cat{font-size:20px}.doneBox .picksBlock.peoplePicks ul li>div:not(.frame,.catIcon) .name{font-size:18px}.doneBox .picksBlock.peoplePicks ul li .catIcon{width:40px}.doneBox .picksBlock.brandPicks ul li>div:not(.frame) .cat{font-size:13px}.doneBox .picksBlock.brandPicks ul li>div:not(.frame) .name{font-size:12px}.doneBox .picksBlock.brandPicks ul li .catIcon{width:22px}.doneBox .shareRail{position:static;height:auto;right:auto;top:auto;margin:0 0 20px}.doneBox .shareRail .shareBox{flex-direction:row;position:static;top:auto;margin:0;gap:10px}.doneBox .shareRail .shareBox .share{width:42px;height:42px}.doneBox .shareCta{max-width:240px;margin:0 auto}.doneBox .shareCta a{width:100%;min-width:0}.doneBox .codeBox .codeItem p{font-size:15px}.termsBox{padding-top:50px}.termsBox h1{font-size:21px}.devbar{font-size:12px;gap:6px;padding:6px 10px}.devbar .env{display:none}}