*{padding:0;margin:0;box-sizing:border-box}html{overflow-y:scroll}:root{overflow-y:auto;overflow-x:hidden}:root body{position:absolute}body{width:100vw;overflow:hidden}#header_block{z-index:999999}.liability{font-family:"Microsoft JhengHei",PingFang,sans-serif,serif;color:#4f4f4f}.liability img{margin:0}.container{max-width:1280px;margin:0 auto}@media screen and (max-width: 1280px){.container{padding:0 1.25rem}}@media screen and (max-width: 768px){.mob-hidden{display:none}}@media screen and (min-width: 768px){.pc-hidden{display:none}}img{width:100%;height:100%}h1,h2{padding:2.5rem 0;font-size:1.875rem;font-weight:700;color:#005bac;text-align:center}@media screen and (max-width: 768px){h1,h2{font-size:1.5rem}}.blue{color:#005bac}.red{color:#ee5b6e}.bold{font-weight:600}.slide-top{-webkit-animation:slide-top 1.25s cubic-bezier(0.47, 0, 0.745, 0.715) infinite alternate-reverse both;animation:slide-top 1.25s cubic-bezier(0.47, 0, 0.745, 0.715) infinite alternate-reverse both}@-webkit-keyframes slide-top{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes slide-top{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.kvBg{background-image:url("../../images/greendraw/bg/kv02.svg"),url("../../images/greendraw/bg/kv-bg02.svg");background-color:#f2f7fc;background-position:bottom center,bottom center;background-repeat:no-repeat,repeat-x;background-size:auto 100%,auto 100%}.kv{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}@media screen and (max-width: 768px){.kv.container{padding:0 0}}.kv .title{position:relative;width:100%;max-width:1024px}@media screen and (max-width: 768px){.kv .title{display:none}}.kv .title .title{position:absolute;top:0;margin:0 auto}.kv .title-m{position:relative;width:100%;display:none}@media screen and (max-width: 768px){.kv .title-m{display:block}}.slot01{background-image:url("../../images/greendraw/bg/slot01-bg.svg");background-color:#fff;background-position:bottom center;background-repeat:repeat-x;background-size:1920px auto;padding-bottom:240px}@media screen and (max-width: 768px){.slot01{background-image:url("../../images/greendraw/bg/slot01-bg-pad.svg");background-size:768px auto}.slot01 h2{padding:0 0 2.5rem 0}}.slot01 .slot-content{display:flex;gap:1.25rem}@media screen and (max-width: 1023px){.slot01 .slot-content{flex-direction:column}}.slot01 .item{display:flex;padding:1.25rem;justify-content:center;align-items:center;gap:1.875rem;border-radius:1.25rem;border:2px solid #4f4f4f;font-weight:700;background-color:#fff;width:100%}@media screen and (max-width: 768px){.slot01 .item{flex-direction:column;padding:.625rem}}.slot01 .item .content{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;width:calc((100% - 30px)/2)}@media screen and (max-width: 768px){.slot01 .item .content{width:100%}}.slot01 .item .content .main-title-img{width:210px}@media screen and (max-width: 375px){.slot01 .item .content .main-title-img{width:90%}}.slot01 .item .content .main-title{color:#005bac;font-weight:700}.slot01 .item .slot-img{width:calc((100% - 30px)/2)}@media screen and (max-width: 768px){.slot01 .item .slot-img{width:100%}}.slot01 .item .slot-img img{width:100%}.slot02{background-image:url("../../images/greendraw/bg/slot02-bg.svg");background-color:#f2f7fc;background-position:bottom center;background-repeat:repeat-x;background-size:1920px auto;padding-bottom:240px}@media screen and (max-width: 768px){.slot02{background-image:url("../../images/greendraw/bg/slot02-bg-pad.svg");background-size:768px auto}}.slot02 .new-frend{display:flex;gap:40px;max-width:796px;margin:0 auto;padding:1.25rem 0 .625rem 0;align-items:center}@media screen and (max-width: 768px){.slot02 .new-frend{flex-direction:column}}.slot02 .new-frend .new-frend-img{width:80%}@media screen and (max-width: 768px){.slot02 .new-frend .new-frend-img{width:260px;height:180px;order:2}}.slot02 .new-frend .new-frend-content{display:flex;width:calc((100% - 40px)*.66);padding:30px;flex-direction:column;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:1.25rem;border:2px solid #4f4f4f;background:#fff5d9;text-align:center;position:relative}@media screen and (max-width: 768px){.slot02 .new-frend .new-frend-content{width:100%;order:1}}.slot02 .new-frend .new-frend-content .arrow{width:30px;height:42px;position:absolute;left:-20px;bottom:40px}@media screen and (max-width: 768px){.slot02 .new-frend .new-frend-content .arrow{left:50%;transform:translate(-50%);bottom:-25px;transform:rotate(-90deg)}}.slot02 .new-frend .new-frend-content .title{font-size:1.875rem;font-weight:700;color:#005bac}.slot02 .new-frend .new-frend-content .title span{font-size:1.5rem}.slot02 .new-frend .new-frend-content .subtitle{width:100%;padding:8px 0;background:#fff;font-weight:700}.slot02 .slot-content{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;padding-top:70px}@media screen and (max-width: 1024px){.slot02 .slot-content{gap:100px 1.25rem}}@media screen and (max-width: 767px){.slot02 .slot-content{flex-direction:column}}.slot02 .item{display:flex;padding:1.25rem;justify-content:center;align-items:center;gap:1.875rem;border-radius:1.25rem;border:2px solid #4f4f4f;background-color:#fff;width:calc((100% - 60px)/4);padding-top:100px;position:relative;min-height:174px}@media screen and (max-width: 1024px){.slot02 .item{width:calc((100% - 30px)/2)}}@media screen and (max-width: 768px){.slot02 .item{flex-direction:column;width:100%}}.slot02 .item .content{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.slot02 .item .content .main-title-img{width:260px;height:180px;position:absolute;left:50%;transform:translate(-50%);top:-44%}@media screen and (max-width: 375px){.slot02 .item .content .main-title-img{width:90%}}.slot02 .item .content .slot-font span{font-size:1.25rem;font-weight:700}.slot03{background-color:#e5effa;padding-bottom:10px}.slot03 .slot-content{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;padding-top:100px}@media screen and (max-width: 1024px){.slot03 .slot-content{gap:100px 1.25rem}}@media screen and (max-width: 767px){.slot03 .slot-content{flex-direction:column}}.slot03 .item{display:flex;padding:1.25rem;justify-content:center;align-items:center;gap:1.875rem;border-radius:1.25rem;border:2px solid #4f4f4f;background-color:#fff;width:calc((100% - 30px)/2);padding-top:100px;position:relative}@media screen and (max-width: 1024px){.slot03 .item{width:calc((100% - 30px)/2)}}@media screen and (max-width: 768px){.slot03 .item{flex-direction:column;width:100%}}.slot03 .item .content{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;width:100%}.slot03 .item .content .main-title-img{width:260px;height:180px;position:absolute;left:50%;transform:translate(-50%);top:-27%}@media screen and (max-width: 375px){.slot03 .item .content .main-title-img{width:90%}}.slot03 .item .content .slot-font{min-height:120px}.slot03 .item .content .slot-font span{font-weight:700}.slot03 .item .content .slot-font span.big{font-size:1.25rem}.slot03 .item .content .btn{display:flex;gap:.625rem;width:100%}.slot03 .item .content .btn a{width:50%;padding:.4375rem 1.25rem;text-align:center;border:1px solid #ee5b6e;border-radius:100px;text-decoration:none;color:#ee5b6e;font-weight:400;margin-top:1.875rem}.slot03 .item .content .btn a.right{color:#fff;background-color:#ee5b6e}.slot04{background-color:#f2f7fc;background-size:1920px auto;padding-bottom:80px}.slot04 .slot-content{border-radius:20px 20px 0 0;border:2px solid #4f4f4f;background-color:#fff;padding:1.875rem 1.25rem}.slot04 .slot-content .rules.close{max-height:450px;overflow:hidden;margin-bottom:-30px}.slot04 .slot-content .rules ul a{font-weight:400}.slot04 .slot-content .rules ul.chinese-list{list-style:none;counter-reset:chinese;padding-left:0}.slot04 .slot-content .rules ul.chinese-list>li{counter-increment:chinese;position:relative;padding-left:2em}.slot04 .slot-content .rules ul.chinese-list>li::before{content:counter(chinese, cjk-ideographic) "、";position:absolute;left:0}.slot04 .slot-content .rules ul.chinese-paren-list{list-style:none;counter-reset:chinese;padding-left:0}.slot04 .slot-content .rules ul.chinese-paren-list>li{counter-increment:chinese;position:relative;padding-left:2em}.slot04 .slot-content .rules ul.chinese-paren-list>li::before{content:"(" counter(chinese, cjk-ideographic) ") ";position:absolute;left:0}.slot04 .slot-content .rules ul.decimal-paren-list{list-style:none;counter-reset:chinese;padding-left:0}.slot04 .slot-content .rules ul.decimal-paren-list>li{counter-increment:chinese;position:relative;padding-left:2em}.slot04 .slot-content .rules ul.decimal-paren-list>li::before{content:"(" counter(chinese) ") ";position:absolute;left:0}.slot04 .slot-content .rules ol.decimal{padding-left:2em}.slot04 .slot-content .rules ol.decimal>li{list-style:decimal;position:relative;padding-left:0}.slot04 .slot-content .rules ol.decimal>li::before{content:"";position:absolute;left:0}.slot04 .bottom-btn{display:flex;justify-content:center;align-items:center;gap:.625rem;width:100%;background-color:#005bac;color:#fff;padding:1.25rem 0;font-size:1.25rem;border:2px solid #4f4f4f;border-radius:0 0 20px 20px;border-top:0;margin-bottom:10px}.slot04 .bottom-btn img{width:17px}.slot03-01{background-image:url("../../images/greendraw/bg/slot03-bg.svg");background-color:#e5effa;background-position:bottom center;background-repeat:repeat-x;background-size:1920px auto;padding-bottom:240px}@media screen and (max-width: 768px){.slot03-01{background-image:url("../../images/greendraw/bg/slot03-bg-pad.svg");background-size:768px auto}}.slot03-01 .carousel .item img{width:100%}.owl-theme .owl-dots{margin-top:30px !important}.owl-theme .owl-dots .owl-dot span{width:12px;height:12px;margin:5px 7px;background:#e8e8e8}.owl-theme .owl-dots .owl-dot.active span{background:#ee5b6e}.owl-theme .owl-dots .owl-dot:hover span{background:#ee5b6e}.slot04 .QA-content{display:flex;gap:1.25rem;flex-direction:column}.slot04 .QA-content .item{background-color:#fff;border-radius:10px;border:2px solid #4f4f4f;overflow:hidden}.slot04 .QA-content .item .QA{border-left:14px solid #005bac;padding:20px;display:flex;flex-direction:column;cursor:pointer}.slot04 .QA-content .item .QA .Q{display:flex;width:100%;font-weight:600}.slot04 .QA-content .item .QA .Q .Q-title{width:100%}.slot04 .QA-content .item .QA .Q img{width:25px}.slot04 .QA-content .item .QA .A{max-height:0;overflow:hidden;transition:max-height .25s cubic-bezier(0.4, 0, 0.2, 1)}.slot04 .QA-content .item .QA .A .height30{height:30px}.slot04 .QA-content .item .QA .A a{font-weight:400}.slot04 .QA-content .item .QA.open .A{max-height:500px}.slot04 .QA-content .item .QA.open img{transform:rotate(-180deg)}