@font-face{font-family:"新微軟正黑體";unicode-range:U+7db0, U+78A7, U+7B75;font-style:normal;font-weight:bold;src:local(MS Gothic), local(Yu Gothic)}@font-face{font-family:"新微軟正黑體";unicode-range:U+7db0, U+78A7, U+7B75;font-style:normal;font-weight:normal;src:local(微軟正黑體), local(Microsoft JhengHei)}body{font-family:Arial,"新微軟正黑體",Helvetica,Meiryo,Microsoft JhengHei,"微軟正黑體",sans-serif !important;-webkit-box-sizing:border-box;box-sizing:border-box;letter-spacing:0.4px;-ms-overflow-style:scrollbar}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Arial,"新微軟正黑體",Helvetica,Meiryo,Microsoft JhengHei,"微軟正黑體",sans-serif !important;letter-spacing:0.4px}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,img,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;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}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}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Arial,Helvetica,Meiryo,Microsoft JhengHei,"微軟正黑體",sans-serif;font-size:16px;line-height:1.5;color:#333}@media all and (max-width: 500px){*,*::before,*::after{font-size:15px}}button{border:none;background:transparent;text-align:center;cursor:pointer;outline:none}a{text-decoration:none}.dis-none{display:none}.is-hidden{text-indent:-9999px}.is-margin{display:block !important;margin:0
auto}.is-tra{-webkit-transition:all 0.2s;transition:all 0.2s}.is-btn{display:inline-block;text-align:center;cursor:pointer}@media all and (max-width: 500px){.is-pc{display:none}}.is-m{display:none}@media all and (max-width: 500px){.is-m{display:block}}.is-b{font-weight:bold}.is-main-width{max-width:800px}@media all and (max-width: 1024px){.is-main-width{padding:0
20px}}@media all and (max-width: 1024px){.is-main-width{padding:0
15px}}.mbit-main
header{width:100%;display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;top:0;z-index:1;padding:35px
0 30px 0}@media all and (max-width: 1680px){.mbit-main
header{padding:35px
0 50px 0}}@media all and (max-width: 1280px){.mbit-main
header{padding:35px
0 37px 0}}@media all and (max-width: 500px){.mbit-main
header{padding:30px
15px 0 15px}}.mbit-main
header.stickBar_fix{padding-top:70px}@media all and (max-width: 1024px){.mbit-main
header.stickBar_fix{padding:76px
20px 30px 20px}}@media all and (max-width: 500px){.mbit-main
header.stickBar_fix{padding:66px
15px 20px 15px}}.mbit-main header
.logo{margin:auto;z-index:1}.mbit-main header .logo
img{cursor:pointer;width:136px;height:32px}@media all and (max-width: 500px){.mbit-main header .logo
img{width:92px;height:21px}}.que-section{background-attachment:fixed;background-repeat:no-repeat;background-position:left top;padding-top:105px;padding-bottom:180px;overflow:hidden;max-width:1200px;margin:auto}@media all and (max-width: 1680px){.que-section{max-width:900px}}@media all and (max-width: 1024px){.que-section{padding-top:155px}}@media all and (max-width: 768px){.que-section{padding-bottom:160px}}@media all and (max-width: 500px){.que-section{padding-top:51px;padding-bottom:342px}}@media all and (max-width: 320px){.que-section{padding-top:46px}}.que-section::after{content:"";display:block;position:fixed;left:0;right:0;top:0;bottom:0;z-index:-1;background-color:#6596FF;background-image:url("/img/index/event/genz_question/question_bg_pc.png");background-repeat:no-repeat;background-size:contain;background-position:center;background-size:cover}.index-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:0;padding-bottom:0;position:relative}.index-section::after{background-image:url("/img/index/event/genz_question/question_bg_pc.png");background-repeat:no-repeat;background-position:bottom;background-size:cover}@media all and (max-width: 500px){.index-section::after{background-image:url("/img/index/event/genz_question/question_bg_m_2.png?v=2")}}.index-section .is-main-width{max-width:700px}.index-section .text-wrap{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -80%);transform:translate(-50%, -80%);width:100%}.index-section .genz-logo{max-width:940px;width:100%;height:188px;-webkit-animation-name:fadeTitle;animation-name:fadeTitle;-webkit-animation-duration:2s;animation-duration:2s;-webkit-transition-timing-function:linear;transition-timing-function:linear;background-image:url("/img/index/event/genz_question/img_event_genz_logo.svg");background-size:contain;background-repeat:no-repeat;background-position:center;margin:auto}@media all and (max-width: 2048px){.index-section .genz-logo{margin:0}}@media all and (max-width: 1680px){.index-section .genz-logo{height:200px;margin-top:0;margin-bottom:150px}}@media all and (max-width: 1440px){.index-section .genz-logo{height:180px}}@media all and (max-width: 1280px){.index-section .genz-logo{height:150px}}@media all and (max-width: 500px){.index-section .genz-logo{width:115%;margin:0
0 20px 0}}.index-section .genz-logo
p{position:relative;text-align:center;color:white;font-size:32px;font-weight:700;bottom:-200px}@media all and (max-width: 1680px){.index-section .genz-logo
p{bottom:-220px}}@media all and (max-width: 1280px){.index-section .genz-logo
p{bottom:-160px}}@media all and (max-width: 500px){.index-section .genz-logo
p{font-size:12px;bottom:-130px}}.index-section .card-wrap{position:relative;z-index:0;margin-top:150px;margin-bottom:80px}@media all and (max-width: 1680px){.index-section .card-wrap{margin-top:0}}@media all and (max-width: 500px){.index-section .card-wrap{margin-top:18px;margin-bottom:40px}}.index-section .card-wrap .main-card-wrap{position:relative;-webkit-animation-name:fadeUp;animation-name:fadeUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition:0.5s;transition:0.5s;cursor:pointer}.index-section .card-wrap .main-card-wrap:hover{-webkit-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition:0.5s;transition:0.5s}.index-section .card-wrap .main-card-wrap
.card{-webkit-animation-name:shine;animation-name:shine;-webkit-animation-duration:6.5s;animation-duration:6.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;width:100%;max-width:300px;border-radius:20px}@media all and (max-width: 500px){.index-section .card-wrap .main-card-wrap
.card{width:207px}}.index-section .card-wrap .main-card-wrap
.circle{position:absolute;background-color:#FCED30;width:193px;height:193px;border-radius:50%;top:127.5px;left:54px;border:1.8px solid #2D2A27;overflow:hidden}@media all and (max-width: 500px){.index-section .card-wrap .main-card-wrap
.circle{width:133px;height:133px;top:87.5px;left:37px}}.index-section .card-wrap .main-card-wrap .circle::after{content:"";position:absolute;top:-100px;left:-100px;width:50px;height:50px;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, white 100%, rgba(255, 255, 255, 0) 0%);-webkit-animation:shinyV2 1.5s 1.2s infinite linear;animation:shinyV2 1.5s 1.2s infinite linear}.index-section .card-wrap .main-card-wrap .circle .go-to-quiz_text{position:absolute;left:36px;top:32px;max-width:100%;width:115px}@media all and (max-width: 500px){.index-section .card-wrap .main-card-wrap .circle .go-to-quiz_text{width:80px;left:26px;top:22px}}@-webkit-keyframes
shinyV2{0%{-webkit-transform:scale(0) rotate(25deg);transform:scale(0) rotate(25deg);opacity:0}50%{-webkit-transform:scale(1) rotate(25deg);transform:scale(1) rotate(25deg);opacity:1}100%{-webkit-transform:scale(25) rotate(25deg);transform:scale(25) rotate(25deg);opacity:0}}@keyframes
shinyV2{0%{-webkit-transform:scale(0) rotate(25deg);transform:scale(0) rotate(25deg);opacity:0}50%{-webkit-transform:scale(1) rotate(25deg);transform:scale(1) rotate(25deg);opacity:1}100%{-webkit-transform:scale(25) rotate(25deg);transform:scale(25) rotate(25deg);opacity:0}}@-webkit-keyframes
shine{0%{-webkit-box-shadow:0 0 50px rgba(255, 255, 255, 0.8);box-shadow:0 0 50px rgba(255,255,255,0.8)}50%{-webkit-box-shadow:0 0 60px white;box-shadow:0 0 60px white}100%{-webkit-box-shadow:0 0 50px rgba(255, 255, 255, 0.8);box-shadow:0 0 50px rgba(255, 255, 255, 0.8)}}@keyframes
shine{0%{-webkit-box-shadow:0 0 50px rgba(255, 255, 255, 0.8);box-shadow:0 0 50px rgba(255,255,255,0.8)}50%{-webkit-box-shadow:0 0 60px white;box-shadow:0 0 60px white}100%{-webkit-box-shadow:0 0 50px rgba(255, 255, 255, 0.8);box-shadow:0 0 50px rgba(255, 255, 255, 0.8)}}@-webkit-keyframes
fadeTitle{0%{opacity:0;-webkit-transform:translateX(-150px);transform:translateX(-150px)}10%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}100%{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes
fadeTitle{0%{opacity:0;-webkit-transform:translateX(-150px);transform:translateX(-150px)}10%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}100%{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}}@-webkit-keyframes
fadeUp{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px);pointer-events:none}70%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px);pointer-events:none}100%{opacity:1;-webkit-transform:none;transform:none;pointer-events:auto}}@keyframes
fadeUp{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px);pointer-events:none}70%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px);pointer-events:none}100%{opacity:1;-webkit-transform:none;transform:none;pointer-events:auto}}.index-section .card-wrap .card-left{background-image:url("/img/index/event/genz_question/card-left.png");background-size:cover;background-repeat:no-repeat;width:310px;height:357px;left:-245px;bottom:0;position:absolute;z-index:-1;-webkit-animation-name:fadeLeft;animation-name:fadeLeft;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-transform-origin:bottom right;transform-origin:bottom right;cursor:pointer}@media all and (max-width: 500px){.index-section .card-wrap .card-left{width:220px;height:250px;left:-150px;bottom:10px}}@-webkit-keyframes
fadeLeft{0%{opacity:0;-webkit-transform:rotate(30deg);transform:rotate(30deg)}60%{opacity:0;-webkit-transform:rotate(30deg);transform:rotate(30deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes
fadeLeft{0%{opacity:0;-webkit-transform:rotate(30deg);transform:rotate(30deg)}60%{opacity:0;-webkit-transform:rotate(30deg);transform:rotate(30deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.index-section .card-wrap .card-right{background-image:url("/img/index/event/genz_question/card-right.png");background-size:cover;background-repeat:no-repeat;width:310px;height:357px;right:-240px;bottom:10px;position:absolute;z-index:-1;-webkit-animation-name:fadeRight;animation-name:fadeRight;-webkit-animation-duration:2s;animation-duration:2s;-webkit-transform-origin:bottom left;transform-origin:bottom left;cursor:pointer}@media all and (max-width: 500px){.index-section .card-wrap .card-right{width:220px;height:250px;right:-150px;bottom:10px}}@-webkit-keyframes
fadeRight{0%{opacity:0;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}58%{opacity:0;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes
fadeRight{0%{opacity:0;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}58%{opacity:0;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}100%{opacity:1;-webkit-transform:none;transform:none}}footer{position:relative;z-index:8;text-align:center;padding:40px
0 114px}@media all and (max-width: 500px){footer{padding:40px
25px}}footer
.copyright{font-size:12px;margin-top:10px;color:white}footer
.comp_name{font-size:12px;line-height:1.7;color:white}