*{box-sizing:border-box;outline:none}:focus{outline:0}html,body{margin:0;padding:0;height:100%}body{width:100%;max-width:2000px;margin:0 auto;background-color:#ebc394;scroll-behavior:smooth;word-wrap:break-word;font-family:"Microsoft JhengHei",微軟正黑體,arial,sans-serif}img{width:100%}img,svg{vertical-align:middle;border:none;outline:none}p,h1,h2,h3,h4,h5,ul{margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:0px}a{text-decoration:none}.prize-left,.prize-right,.activity-prize,.menu>.flex,.menu,.logo,.header>.flex,.flex{display:flex;justify-content:center}.show{display:flex}.none{display:none}@media screen and (max-width: 1024px){html{font-size:14px}}@media screen and (max-width: 425px){html{font-size:12px}}.font-style{color:#4a120d;font-size:1.625rem;font-weight:bold;line-height:1.5}.header{position:fixed;left:0;right:0;z-index:10;padding:.8em 0;background-color:rgba(0,0,0,.2509803922)}.header>.flex{margin:0 3.5%}@media screen and (max-width: 960px){.header>.flex{justify-content:space-between}}.logo{width:10%;min-width:88px}.menu{align-items:center;margin-left:2%}.menu hr{display:none;width:70%;height:2px}@media screen and (max-width: 960px){.menu{position:absolute;top:0;right:0;height:100vh;width:100%;display:none}.menu hr{display:block}.menu>.flex{display:flex;flex-direction:column;width:40%;height:100%;background-color:rgba(113,130,169,.9490196078)}.a-btn{width:70%;margin:1% auto}}@media screen and (max-width: 425px){.a-btn{width:100%}.menu hr{width:85%}}.popup-bg{display:none}.go-top{text-align:center;font-size:1.65rem;font-weight:bold;color:#fff;padding:4.5% 0;display:none}@media screen and (max-width: 960px){.go-top{display:block}.popup-bg{display:block;width:60%;height:100%;background-color:rgba(0,0,0,.6)}}@media screen and (max-width: 425px){.go-top{font-size:1.5rem}}.btn-group{height:30px;flex-direction:column;justify-content:space-between;display:none}@media screen and (max-width: 960px){.btn-group{display:flex}}.btn-line{border-top:5px solid #fff;border-radius:5px;width:45px}.aside-popup{position:fixed;right:-195px;top:150px;z-index:2}.arrow-border{position:absolute;bottom:0;top:0;margin:auto;left:-2.15rem;border:2px #b7370c solid;border-radius:30px;height:3.5rem;width:3.5rem;background-color:#b7370c;display:flex;padding-right:5%}.popup-arrow{object-fit:contain;transform:rotate(180deg)}.aside-popup.openPopup{right:3px}@media screen and (max-width: 425px){.aside-popup.openPopup{right:-36px}}.aside-popup.openPopup .popup-arrow{transform:rotate(0deg)}.popup-btn{padding:5% 5% 0 5%;background-color:#f1e4ca;border:2px solid rgba(0,0,0,0);border-image:linear-gradient(to bottom right, #db460c 0%, #99290b 100%);border-image-slice:1;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0)}.popup-btn a{margin-bottom:5%}@media screen and (max-width: 425px){.popup-btn{width:80%}}.banner{position:relative}.banner-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -63%)}@media screen and (max-width: 960px){.banner-text{width:85%;top:46%}}.banner-platform{width:80%;margin:0 auto}@media screen and (max-width: 960px){.banner-platform{width:auto}.banner-title{transform:translateY(-2vw)}}.main{width:100%;max-width:2000px;padding-top:35rem;padding-bottom:10rem;position:relative;z-index:1}.main .bg{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column}.main .repeat-bg{background-image:url("../assets/img/background_3-repeat.png");background-repeat:repeat-y;background-position:top;background-size:contain;width:100%;max-width:2000px;height:auto;flex:1}@media screen and (max-width: 1200px){.main{padding-top:45vw;padding-bottom:12vw}}.main>.content{width:100%;max-width:1200px;margin:0 auto;padding-bottom:5%;padding-left:1%;padding-right:1%;position:relative;z-index:1}.card{position:relative;width:100%;margin:0 auto}.categorey-title{margin-bottom:1.5%}.card-img{position:absolute;top:-30rem;left:0;right:0;width:90%;margin:0 auto}@media screen and (max-width: 1200px){.card-img{top:-42vw}}.card-bg{background-image:url("../assets/img/mission_box1-repeat.png");background-repeat:repeat-y;background-size:contain;width:100%;padding:0 5%;padding-top:24rem}@media screen and (max-width: 1200px){.card-bg{padding-top:32vw}}.gap-top{margin-top:60%}.bg-top,.bg-down{display:flex;align-items:flex-start}.time{display:flex;justify-content:space-evenly}.time .implement{width:38%;object-fit:contain}.time .Announce{width:26%;object-fit:contain}@media screen and (max-width: 568px){.time .implement{width:42%}.time .Announce{width:29%}}@media screen and (max-width: 375px){.time .implement{width:52%}.time .Announce{width:37%}}.directions{font-size:1.7rem;font-weight:bold;color:#4a120d;line-height:1.5;margin:4% 0 8%}@media screen and (max-width: 568px){.directions{margin:6% 0 12%;font-size:1.5rem}}.directions-ditail{border-left:5px solid #b87b6b;color:#b87b6b;font-size:1.5rem;margin:3%}@media screen and (max-width: 768px){.directions-ditail{border-left:3px solid #b87b6b}}.recruit-ditail{margin-top:2%;font-size:1.5rem;color:#b87b6b}.first-row{margin-bottom:1%}.ditail{margin-left:2%}.xforce{color:#173bd9;font-weight:bold}.activity{position:relative;border-radius:5px;border:1px solid #ff5b00;background-image:linear-gradient(to bottom, #ffbb63, #ffdfac);padding:5% 3% 8%;font-size:0}@media screen and (max-width: 768px){.activity{padding:8% 3%}}@media screen and (max-width: 375px){.activity{padding:10% 3% 8%}}.activity-title{width:14rem;position:absolute;top:-2.1rem}@media screen and (max-width: 576px){.activity-title{width:12rem;top:-1.8rem}}.activity-list{font-size:1.7rem;font-weight:bold;color:#4a120d;line-height:1.5;margin:0}@media screen and (max-width: 425px){.activity-list{font-size:1.4rem;padding-left:25px;margin:3% 0px 5%}}.activity-ditail{font-size:1.625rem;font-weight:bold;color:#4a120d;line-height:1.5;margin-left:1%;margin-top:2%}.activity-prize{margin-top:3%;position:relative;z-index:1}@media screen and (max-width: 960px){.activity-prize{flex-direction:column}}.prize-title{align-self:center}.activity-direction{width:100%}.activity-bg{background-image:url("../assets/img/mission_box2_02.png");background-repeat:repeat-y;background-size:contain;width:100%}.activity-text{background-image:linear-gradient(to left, #d66030, #bb3d12);line-height:1.5;font-size:1.7rem;color:#fff0cb;font-weight:bold;display:flex;align-items:center;padding:0 3%;flex:1}.contrary-background{background-image:linear-gradient(to right, #d66030, #bb3d12)}@media screen and (max-width: 960px){.activity-text{padding:8% 5% 5%;width:100%;font-size:1.5rem}.contrary-background{background-image:linear-gradient(to left, #d66030, #bb3d12)}}.nowrap{white-space:nowrap}@media screen and (max-width: 768px){.nowrap{white-space:revert}}.text-yellow{color:#fffd4c}.price300{font-size:1.2rem}@media screen and (max-width: 576px){.price300{display:block}}.treasure{object-fit:contain;background-color:#f4ead1}.treasure img{object-fit:contain}.GASH{object-fit:contain;background-color:#f4ead1}.GASH img{object-fit:contain}.prize-left,.prize-right{position:relative;width:90%;margin:0 auto}.prize-gap{margin-bottom:3%}@media screen and (max-width: 960px){.prize-left{flex-direction:column;align-items:center}.prize-right{flex-direction:column-reverse;align-items:center}.treasure,.GASH{transform:translateY(15px)}}.recruit-overweight{color:#fff;font-size:2.5rem;text-align:center;line-height:1.5;font-weight:bold;margin-top:4%}.overweight-line{border-bottom:3px solid #fff;width:85%;margin:0 auto;margin-bottom:5%}.activity-bg-bottom{position:absolute;bottom:0;left:0;object-fit:contain;width:100%}.radio-flex{display:flex;align-items:center;margin:5% 0 1%}.radio-flex .orange{font-size:2rem;color:#f55d00;font-weight:bold}@media screen and (max-width: 425px){.radio-flex .orange{font-size:1.8rem}}.radio{width:1.6rem;height:1.6rem;border-radius:50%;background-color:#f55d00}@media screen and (max-width: 425px){.radio{width:1.4rem;height:1.4rem}}.btn{width:40%;margin:0 auto;margin-top:5%}@media screen and (max-width: 568px){.btn{width:50%}}@media screen and (max-width: 425px){.btn{width:60%}}.float-bg{position:absolute;bottom:0}.notice{width:100%;max-width:2000px;display:flex;position:relative}.notice .content{width:100%;max-width:1200px;margin:0 auto;margin-top:9%;z-index:1}@media screen and (max-width: 1200px){.notice .content{margin:12vw 5% 0}}.notice-position{position:absolute;top:0;left:0}.notice-img{margin:0 auto;margin-bottom:5%;width:40%;min-width:236px}