@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.popup-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup{background:#fff;border-radius:16px;margin:0 56px;max-height:calc(100vh - 160px);max-width:400px;padding:24px 56px 48px;position:relative;width:100%}.popup form{height:100%;max-height:calc(100vh - 300px);overflow-y:auto}.close-btn{background:none;border:none;cursor:pointer;font-size:1.5em;position:absolute;right:10px;top:10px}.popup_header{align-items:center;display:flex}.popup_header span{padding-left:24px;text-align:center;width:100%}.popup_header button{background-color:#0000;border:none}.popup_context{border-bottom:1px solid #e6e6e6;color:#949494;font-family:Noto Sans TC;font-size:16px;font-style:normal;font-weight:400;margin-bottom:24px;margin-top:8px;padding-bottom:24px;text-align:center;width:100%}.popup_status{align-items:center;display:flex;flex-direction:column;margin-top:32px}.popup_status img{width:80px}.popup_status div{border:none}.upload_field{align-items:center;display:flex;flex-direction:column;margin-bottom:40px;width:100%}.upload_field img{border-radius:12px;margin-bottom:32px}.upload_field img.uploaded-photo{cursor:pointer;height:auto;max-width:400px;width:100%}.upload_field img.default-photo{cursor:pointer;height:auto}.upload_field span{color:#fe747c;margin-bottom:12px;margin-top:12px}.photo{align-items:center;display:flex;flex-direction:column}.photo img{border-radius:8px;width:calc(100% - 6px)}.photo_title{color:#2d49c3;font-size:16px;margin-bottom:8px}.photo_example{align-items:center;border-bottom:1px solid #e6e6e6;display:flex;flex-direction:column;margin-bottom:12px;padding-bottom:32px;width:100%}.photo_group{column-gap:12px;display:flex}*{margin:0;padding:0}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}button{border:none;cursor:pointer}html{background-color:#fff}body,html{height:100%}body{font-family:Noto Sans TC,sans-serif}.main{height:100%}.banner{position:relative}.banner img{width:100%}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:1240px;padding:0 50px}.footer{background-color:#0d0b25;color:#fff;font-family:Noto Sans TC;font-size:14px;font-style:normal;font-weight:400;line-height:28px;padding:48px 0;width:100%}.footer_block{grid-column-gap:20px;align-items:center;column-gap:20px;display:grid;grid-template-columns:1fr 1px 1fr;justify-content:center;margin:0 auto;max-width:1360px;padding:0 40px}.footer_block span{margin:auto;max-width:480px}.line{background-color:#aeaeae80;flex-shrink:0;height:64px;width:1px}.box1{height:100%;left:0;position:absolute;top:0;width:100%}.t24,.t30,.t32,.t48{color:#212121}.t32{font-size:32px;margin-bottom:32px;margin-top:48px}.t30,.t32{font-family:Noto Sans TC,sans-serif;font-style:normal;font-weight:400;line-height:normal}.t30{font-size:30px}.t48{font-size:48px}.t24,.t48{font-family:Noto Sans TC;font-style:normal;font-weight:400;line-height:normal}.t24{font-size:24px}.t18{color:#515151;font-size:16px;line-height:36px}.t14,.t18{font-family:Noto Sans TC;font-style:normal;font-weight:400}.t14{font-size:14px}.rol{display:block;height:49%;text-align:center}.rol2{align-items:center;display:grid;grid-template-columns:1fr 1fr;height:49%;justify-content:center}.btn-hidden{background-color:#0000;border:none;cursor:pointer;height:100%;margin:auto;width:30%}.btn-group{margin-top:36px}.btn-group,.btn-group2{column-gap:48px;display:flex}.btn-group2{margin-bottom:8px;margin-top:8px}.btn-style1{background:linear-gradient(97deg,#fe747c 7.81%,#2845c1 91.07%)}.btn-style1,.btn-style2{border-radius:16px;color:#fff;font-weight:600;height:48px;width:160px}.btn-style2{background:linear-gradient(97deg,#e5ae35 7.81%,#ea5e61 91.07%)}.btn-style3{background:linear-gradient(97deg,#fe747c 7.81%,#2845c1 91.07%);border-radius:12px;color:#fff;font-weight:600;height:48px;width:100%}.btn-outline2{background-color:#0000;border:1px solid #fe747c;color:#fe747c;font-size:14px;font-weight:400}.btn-outline2,.btn-style4{border-radius:12px;height:48px;width:100%}.btn-style4{background:#fe747c;color:#fff;font-weight:600}.btn-outline{background-color:#0000;border:1px solid #fe747c;border-radius:100px;color:#fe747c;font-size:14px;font-weight:400;height:32px;width:84px}.btn_kfc{right:12%;width:36%!important}.btn_kfc,.btn_pizza{position:relative;top:7%}.btn_pizza{right:16%;width:14%!important}.btn_logo{position:relative;top:7%;width:75%!important}.pr32{margin-right:10%}.hint{background-color:#000000b3;border-radius:5px;color:#fff;left:50%;padding:10px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.vote{column-gap:5%;display:flex}.vote,.vote_frame{width:100%}.vote_kfc{border:1px solid #fe747c;border-radius:24px;display:flex;flex-direction:column;height:400px;padding:16px;width:calc(100% - 34px)}.vote_kfc img{border-radius:12px;margin:auto;max-height:300px;max-width:100%}.vote_pizza{border:1px solid #2d49c3;border-radius:24px;display:flex;flex-direction:column;height:400px;padding:16px;width:calc(100% - 34px)}.vote_pizza img{border-radius:12px;margin:auto;max-height:300px;max-width:100%}.vote_text{align-items:flex-start;display:flex;justify-content:space-between;margin-top:12px;padding:0 8px}.vote_title{align-items:center;margin-bottom:24px}.vote_detail,.vote_title{display:flex;margin-top:32px}.vote_detail{border:1px solid #e6e6e6;border-radius:24px;flex-direction:column;padding:16px}.vote_block{align-items:center;display:flex;justify-content:space-between}.vote_block:nth-child(n):not(:last-child){border-bottom:1px solid #e6e6e6;width:100%}.vote_block:nth-child(n):not(:last-child) img{margin-bottom:16px}.vote_block:nth-child(n+2) img{margin-top:16px}.vote_img{display:flex;width:200px}.vote_img img{border-radius:12px;height:140px;margin:auto}.info{border:1px solid #e6e6e6;border-radius:24px;padding:24px 32px;width:calc(100% - 64px)}.info_block{display:flex;flex-direction:column;row-gap:16px}.info_block:nth-child(n):not(:last-child){border-bottom:1px solid #e6e6e6;margin-bottom:24px;padding-bottom:24px}.bottom{margin-bottom:120px}.kfc_amount{color:#fe747c}.kfc_amount,.pizza_amount{font-family:Noto Sans TC,sans-serif;font-size:32px;font-style:normal;font-weight:400;line-height:normal}.pizza_amount{color:#2d49c3}.red_block{background-color:#fe747c}.blue_block,.red_block{height:24px;margin-right:8px;width:8px}.blue_block{background-color:#2d49c3}ul{padding-left:20px}.ul2,.ul2 li{list-style-type:none}li{list-style-type:decimal}.input_style{margin-bottom:20px}.input_style,.input_style-psw{background-color:#fff;border:1px solid #d4d4d4;border-radius:10px;height:40px;margin-top:4px;padding-left:16px;padding-right:16px;width:calc(100% - 36px)}.input_style-psw{display:flex;justify-content:space-between;margin-bottom:32px}.input_style-psw>input{border:none;width:100%}.input_style-psw>img{width:24px}.input_style-psw:focus-within{border-color:#2d49c3}.input_title,input{color:#212121}input{font-size:15px}input::placeholder{color:#d4d4d4}input:focus{border-color:#2d49c3;outline:none}.input-error{border:1px solid red}.error-message{color:#fe747c;font-family:Noto Sans TC;font-size:14px;font-style:normal;font-weight:400;margin-bottom:32px;text-align:center}.vote_header{align-items:center;background:linear-gradient(90deg,#fe747c,#2845c1);background:var(--G,linear-gradient(90deg,#fe747c 0,#2845c1 100%));border-radius:100px;display:flex;height:72px;justify-content:space-between;margin:40px 0;padding:0 40px;width:calc(100% - 80px)}.vote_header span{color:#fff;font-size:600}.vote_header img{width:24px}.vote_container{grid-column-gap:24px;grid-row-gap:24px;column-gap:24px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-bottom:80px;row-gap:24px;width:100%}.vote_list{align-items:center;border:1px solid #e6e6e6;border-radius:16px;display:flex;flex-direction:column;height:320px;margin:0 auto;max-width:245px;padding:20px 16px 24px;width:calc(100% - 32px)}.vote_list img{border-radius:16px;max-height:200px;max-width:200px}.vote_info{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;width:calc(100% - 32px)}.vote_info button{width:100%}.vote_info span{align-items:center;color:#fe747c;display:flex;flex:1 1;justify-content:center}.vote_list.selected{border:1px solid #fe747c}.mb{margin-bottom:50px}.blue{color:#2d49c3}.red{color:#fe747c}@media screen and (max-width:580px){.footer_block{grid-template-columns:1fr;margin:0 48px}.footer_block .line{visibility:hidden}.footer_block span:first-child{text-align:center}.footer_block span:first-child:after{background-color:#aeaeae80;content:"";display:block;height:1px;margin-top:40px;width:100%}.vote{grid-row-gap:40px;display:grid;grid-template-columns:1fr;row-gap:40px}}@media screen and (max-width:450px){.btn-group{grid-row-gap:40px;display:grid;grid-template-columns:1fr;row-gap:40px}}@media screen and (max-width:1140px){.vote_container{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width:888px){.vote_container{grid-template-columns:1fr 1fr}}@media screen and (max-width:632px){.vote_container{grid-template-columns:1fr}}@media screen and (max-width:500px){.container{padding:0 20px}.popup{margin:0 32px}.popup_header .t30{font-size:24px}.btn_pizza{top:6px}}.btn-hidden img{transition:transform .3s ease,box-shadow .3s ease}.btn-hidden img.clicked{filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));transform:scale(1.2)}@keyframes enlargeAndShrink{0%{box-shadow:none;transform:scale(1)}50%{box-shadow:0 4px 8px #0000004d;transform:scale(1.2)}to{box-shadow:none;transform:scale(1)}}.photo-overlay{align-items:center;background:#000c;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.photo-overlay-content{max-height:90%;max-width:90%}.photo-overlay img{border-radius:20px;max-height:50vh;max-width:50vw}
/*# sourceMappingURL=main.31d39b55.css.map*/