@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;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}body.lock{overflow:hidden}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;min-width:1200px}.header{height:70px;width:100%;background-color:#fff;position:fixed;top:0;left:0;z-index:10}.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:block;color:#7d2eff;font-weight:600;font-size:16px;line-height:1;white-space:nowrap}.content{width:100%;position:relative}.btnsBox{display:flex;flex-wrap:wrap;width:100%;margin:20px 0}.btnsBox a{width:calc(50% - 5px);text-align:center;color:#7d2eff;background-color:rgba(0,0,0,0);line-height:1;font-size:16px;padding:18px 0;border-radius:30px;font-weight:600;transition:all .3s ease-out;border:3px solid #7d2eff;width:166px;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}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:300;line-height:1.6}.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}.loginBox{width:100%;min-height:100vh;min-height:100svh;display:flex;align-items:stretch;padding:110px 70px 50px}.loginBox .inner{width:100%;padding:45px;z-index:2;position:relative;overflow:hidden}.loginBox .inner h1{text-align:left}.loginBox .inner h2{font-size:42px;font-weight:800;margin:28px 0 12px;line-height:1.4}.loginBox .inner h3{font-size:16px;font-weight:600;margin:16px 0 6px;line-height:1.6}.loginBox .inner p.color{color:#7d2eff}.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 .counterBox{display:inline-block}.loginBox .inner .counterBox .counterLine{margin:12px 0 0;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-top:20px;display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;color:#7d2eff}.loginBox .inner .rewardToggle .plus{width:20px;height:20px;margin-left:-5px}.loginBox .inner .rewardToggle .plus:after{content:"+";font-size:22px}.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}.loginBox .inner .rewardDetails.is-open{display:block}@media only screen and (min-width: 1025px){.loginBox .inner{width:50%}}.votingBox{position:relative;width:100%;line-height:1.5;padding:110px 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 .titleBox{border-bottom:5px solid #c9e02f;display:inline-block;margin-bottom:26px}.votingBox .region .caption .titleBox h1{text-align:center}.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}.votingBox .allQ .box{margin-bottom:150px}.votingBox .allQ .box:last-child{margin-bottom:0}.votingBox .allQ .box h3{font-size:30px;margin-bottom:20px;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 .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 .formBox{z-index:2;position:relative;width:calc(70% - 90px);max-width:1000px;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}.votingBox .formBox .form .inner{width:100%;position:relative}.votingBox .formBox .form>p{text-align:left;margin-bottom:20px}.votingBox .sendBox{width:100%;text-align:center;z-index:2;position:relative;padding-bottom:100px}.votingBox .sendBox .submitBtn{cursor:pointer;width:min((80% - 178px)/5,164.4px);text-align:center;color:#7d2eff;background:#7d2eff;border:2px solid #c9e02f;line-height:1;font-size:16px;padding:14px 20px;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{background-color:#c9e02f;font-size:32px;font-weight:600;text-align:center;height:248px;line-height:248px;position:relative;width:540px;margin:100px auto 0}.resultBox{position:relative}.doneBox{position:relative;display:none;min-height:100vh;min-height:100dvh;align-items:flex-start;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){position:absolute;text-align:left;padding:15px;z-index:2}.doneBox .picksBlock li>div:not(.frame) .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) .name{font-weight:300;line-height:1.3;display:block}.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) .cat{font-size:35px}.doneBox .picksBlock.peoplePicks ul li>div:not(.frame) .name{font-size:25px}.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){width:100%;text-align:center}.doneBox .picksBlock.brandPicks ul li>div:not(.frame) .cat{font-size:18px;border-color:#000;border-width:3px}.doneBox .picksBlock.brandPicks ul li>div:not(.frame) .name{font-size:17px}.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;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease,background-color .2s ease}.doneBox .shareBox .share svg{width:20px;height:20px;fill:currentColor}.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-line span{font-size:10px;letter-spacing:.06em}.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 a{display:inline-block;width:166px;text-align:center;color:#7d2eff;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 a:hover{background:#c9e02f;color:#7d2eff}#page-result .shareBox{flex-direction:column;margin:110px 0 0;display:flex;justify-content:center;align-items:center;gap:12px;position:absolute;top:0;right:-68px}#page-result .shareBox .share{width:46px;height:46px;border-radius:50%;background-color:#000;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}#page-result .shareBox .share svg{width:20px;height:20px;fill:currentColor}#page-result .shareBox .share span{color:#fff;font-weight:600;line-height:1;font-size:20px}#page-result .shareBox .share.share-line span{font-size:10px;letter-spacing:.06em}.loadingBox{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:all .5s}.loadingBox.active{opacity:1;visibility:visible;pointer-events:all}.loadingBox .bg{position:absolute;top:0;left:0;background-color:#fff;width:100%;height:100%}.loadingBox .inner{z-index:2}.loadingBox .inner .bicLogo{width:100px;background-image:url(../images/loading.png);background-position:center;background-size:100% auto;background-repeat:no-repeat;margin:0 auto 30px}.loadingBox .inner .bicLogo>div{width:100%;padding-bottom:128%}.loadingBox .inner .loader{height:4px;width:100px;margin:0 auto;position:relative;--c: no-repeat linear-gradient(#fff 0 0);background:var(--c),var(--c),#7d2eff;background-size:60% 100%;animation:l16 3s infinite}.popupBox{position:fixed;width:100%;height:100vh;height:100dvh;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:10}.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:#fff;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 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)}}.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}.innappErrorBox{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9;display:none;align-items:center;justify-content:center}.innappErrorBox.active{display:flex}.innappErrorBox .inner{width:100%;max-width:500px;border-radius:27px;padding:44px 30px;position:relative;z-index:2}.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}.innappErrorBox .inner ul li span{width:5px;height:5px;border-radius:100%;background-color:#7d2eff;display:inline-block;margin:0 2px}@keyframes l5{to{transform:rotate(0.5turn)}}@media only screen and (min-width: 769px){.votingBox .allQ .box .ans>div:not(.otherBox):hover{background-color:#7d2eff;color:#fff}.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,.doneBox .shareCta a:hover{background-color:#7d2eff}.doneBox .shareBox .share:hover{transform:translateY(-2px)}.doneBox .shareBox .share-ig{display:none}}@media only screen and (max-width: 1024px){#wrapper{min-width:auto}.header{width:100%;height:50px}.header .ylogo{width:80px}.header .logout a{font-size:15px}.chairBox{height:inherit;position:relative}.chairBox img{width:90%;height:auto;top:inherit;transform:translate(-50%, 0);position:relative;bottom:0}.chairBox img.mark{position:absolute}.loginBox{position:relative;padding:110px 45px 50px}.loginBox .inner{width:100%}h1{font-size:22px;line-height:1.3}h1 span{display:block}.votingBox{padding:110px 20px}.votingBox .region .inner{display:block}.votingBox .allQ{width:100%}.votingBox .formBox{padding:30px}.votingBox .formBox p{line-height:1.5}.votingBox .formBox .selectBox select,.votingBox .formBox .selectBox input:not([type=checkbox]),.votingBox .formBox .inputBox select,.votingBox .formBox .inputBox input:not([type=checkbox]){width:100%;min-width:auto}.votingBox .formBox .selectBox p,.votingBox .formBox .inputBox p{line-height:1.5}.votingBox .formBox .selectBox p span,.votingBox .formBox .inputBox p span{display:block}.consentBig{width:100%;padding:0 20px}.consentBig .selectBox.forconsent .consentBox,.consentBig .inputBox.forconsent .consentBox{align-items:flex-start}.consentBig .selectBox.forconsent .consentBox input[type=checkbox],.consentBig .inputBox.forconsent .consentBox input[type=checkbox]{margin-top:4px}.consentBig .selectBox.forconsent .consentBox p,.consentBig .inputBox.forconsent .consentBox p{width:calc(100% - 20px)}.sendBox .submitBtn{width:100%}.popupBox.terms .all iframe{min-height:400px}.popupBox .closeBtn{top:-40px;right:0}.popupBox .textBox{width:calc(100% - 40px);padding:30px 20px;height:80vh;height:80dvh}.doneBox{padding:70px 20px 40px}.doneBox .picksRow{grid-template-columns:1fr;grid-gap:24px}.innappErrorBox{padding:0 20px}.innappErrorBox .inner{padding:70px 20px 50px}}@media only screen and (max-width: 850px){.btnsBox a{width:100%}.btnsBox a:nth-child(odd){margin-bottom:10px;margin-right:0}.loginBox{padding:70px 20px 50px}.loginBox .inner{padding:40px 20px}.loginBox .inner h2{font-size:18px}.loginBox .inner h3{font-size:15px}.votingBox{padding:70px 20px 50px}.votingBox .region .inner{padding:40px 20px}.votingBox .allQ{padding:0 20px}.votingBox .allQ .box{margin-bottom:80px}.votingBox .allQ .box h3{font-size:22px;line-height:1}.votingBox .allQ .box h3 span{display:block;margin-top:10px}.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{grid-template-columns:repeat(1, 1fr);margin-bottom:30px}.votingBox .allQ .box .ans.a3,.votingBox .allQ .box .ans.a4{grid-template-columns:repeat(1, 1fr) !important}.votingBox .formBox{padding:20px;width:calc(100% - 40px);border-radius:10px}.votingBox .formBox .form{width:100%}.popupBox .textBox{border-radius:10px}.doneBox{padding:66px 0 0}.doneBox .doneBanner{height:248px}.doneBox .doneBody{padding:20px 16px 32px}.doneBox .shareBox{gap:10px}.doneBox .shareBox .share{width:42px;height:42px}.doneBox .shareCta a{width:100%;min-width:0}.doneBox .codeBox .codeItem p{font-size:15px}#page-result .resultBox{flex-direction:column;align-items:center;gap:0}#page-result .doneBox{margin:66px 0 0}#page-result .shareBox{flex-direction:row;margin:20px 0 32px;gap:10px}#page-result .shareBox .share{width:42px;height:42px}}.inAppNotice{background-color:#7d2eff;color:#fff;text-align:center;padding:10px 16px;font-size:14px;font-weight:600;line-height:1.5;position:fixed;top:70px;left:0;right:0;z-index:11}.inAppNotice[hidden]{display:none !important}.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}.votingBox .allQ .box.done>h3::after{content:"已完成";display:inline-block;margin-left:10px;padding:2px 10px;font-size:12px;border-radius:999px;background-color:rgba(125,46,255,.12);color:#7d2eff;vertical-align:middle}.votingBox .allQ .box h3{line-height:1.35}.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 p .sub{font-weight:300;opacity:.75;font-size:.85em}.votingBox .allQ .box .ans .otherBox{grid-column:1/-1;order:99;width:100%;display:flex;align-items:center;gap:10px;cursor:default}.votingBox .allQ .box .ans .otherBox label{display:flex;align-items:center;gap:8px;cursor:pointer;flex-shrink:0}.votingBox .allQ .box .ans .otherBox:hover{background-color:rgba(0,0,0,0);color:#7d2eff}.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;border-bottom:2px solid #7d2eff;background:rgba(0,0,0,0);color:#7d2eff;padding:6px 4px;font-size:16px}.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.active{background-color:rgba(0,0,0,0);color:#7d2eff}.votingBox .formBox .form{position:relative}.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 .form.active .hideBox{display:none}.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 .submitBtn{display:inline-block;cursor:pointer}.resultBox.doneBox{display:flex}.doneBox #public_url{word-break:break-all}.doneBox .shareBox .share{cursor:pointer}.doneBox .shareCta .hint{margin-top:12px}.termsBox{max-width:860px;margin:0 auto;padding:110px 24px 60px}.termsBox h1{font-size:26px;margin-bottom:20px;line-height:1.4;text-align:left}.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}.termsBox ol>li{margin-bottom:14px;line-height:1.9}.termsBox ol ol{margin-top:8px;list-style:decimal}.termsBox .tbd{color:#b4460f;font-size:.9em}.termsBox a{color:#7d2eff}.termsBox .btnsBox{margin-top:32px;max-width:240px}.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}.winnersBox .weekBlock li{background-color:#4b1a8c;color:#fff;border-radius:8px;padding:14px 16px;display:flex;justify-content:space-between;gap:12px;font-size:15px}.winnersBox .weekBlock li span{opacity:.85}.winnersBox .weekBlock li b{font-weight:600}.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}@media only screen and (max-width: 1024px){.inAppNotice{top:50px}}@media only screen and (max-width: 850px){.inAppNotice{top:50px;font-size:13px}.termsBox{padding-top:80px}.termsBox h1{font-size:21px}.devbar{font-size:12px;gap:6px;padding:6px 10px}.devbar .env{display:none}}