html{overflow-x:hidden;width:100%;font-size:clamp(15px,2.1vmin,20px)}@media screen and (max-width: 575px){html{font-size:clamp(13px,4vmin,16px)}}html,body{box-sizing:border-box;margin:0;padding:0 !important}body{overflow:hidden;margin:0 auto;color:#242424;font-family:"Roboto","Noto Sans TC","San Francisco","PingFang TC","Hiragino Sans GB","Microsoft YaHei","微軟正黑體","WenQuanYi Micro Hei",sans-serif;max-width:100%;width:100%;position:relative;min-height:100vh}ul,dt,dd,dl,p{margin:0;padding:0;list-style:none}a{position:relative;display:inline-block;transition:.5s;text-decoration:none;color:inherit}a:hover,a:active{text-decoration:none;color:inherit}a:hover,a:focus,a:active,a.active,a:not(:disabled):not(.disabled).active,a:not(:disabled):not(.disabled):active,a:not(:disabled):not(.disabled).active:hover,a:not(:disabled):not(.disabled):active:hover{box-shadow:0 0 0 0 hsla(0,0%,100%,.1);outline:0}figure{margin:0;padding:0}img{max-width:100%;height:auto;-o-object-fit:contain;object-fit:contain}input.input-style[type=checkbox]:checked+label::after,input.input-style[type=radio]:checked+label::after,input.input-style[type=checkbox]+label::before,input.input-style[type=radio]+label::before{content:"";position:absolute;width:20px;height:20px;left:0;top:2px}.img-box{width:100%;height:auto}.img-box>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.img-box__cover>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.btn{border-radius:.5rem;padding:1px 18px;font-weight:500;padding:.4rem .2rem .3rem .2rem}.btn-primary{border-color:#02458d;background-color:#398ee8;color:#fff;border-width:1px;font-size:1.68rem;box-shadow:0 .1rem 0 .1rem #02458d;width:100%}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active:hover,.btn-primary:not(:disabled):not(.disabled):active:hover{border-color:#02458d;background-color:rgb(75.2769230769,152.4307692308,234.1230769231);color:#fff;box-shadow:0 .1rem 0 .1rem #02458d}.btn-primary.btn-reverse{background-color:#fff;color:#02458d}.btn-primary.sm{font-size:1.45rem}.btn-primary.width-auto{width:auto}.btn-secondary{border-color:#02458d;background-color:#ff662e;color:#fff;border-width:1px;width:100%;font-size:1.45rem;box-shadow:0 .1rem 0 .1rem #02458d}.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active,.btn-secondary.active,.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active:hover,.btn-secondary:not(:disabled):not(.disabled):active:hover{border-color:#02458d;background-color:rgb(255,139.3349282297,97);color:#02458d;box-shadow:0 .1rem 0 .1rem #02458d}.btn-secondary.btn-reverse{background-color:#fff;color:#ff662e}.btn-secondary.sm{font-size:1.2rem}.btn-secondary.width-auto{width:auto}.input-style{display:block;width:100%;outline:none;font-size:1.05rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;padding:.375rem .75rem;-webkit-appearance:none;background:#fff;border-radius:.5rem;border:1px solid rgb(112.5,112.5,112.5);color:#242424}.input-style::-moz-placeholder{color:#242424}.input-style::placeholder{color:#242424}.input-style:disabled{background:hsla(0,0%,100%,.5)}.input-style:focus,.input-style.focus{outline:0;border-color:#398ee8}.label-style{margin-bottom:0;font-weight:500}input.input-style[type=checkbox],input.input-style[type=radio]{display:none}input.input-style[type=checkbox]+label,input.input-style[type=radio]+label{position:relative;padding-left:25px}input.input-style[type=checkbox]+label::before,input.input-style[type=radio]+label::before{background:url(../img/cust_check.svg) no-repeat}input.input-style[type=checkbox]:checked+label::after,input.input-style[type=radio]:checked+label::after{background:url(../img/cust_checked.svg) no-repeat}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(57,142,232,.2)}.custom-control-input:checked~.custom-control-label::before,.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;border-color:#398ee8;background-color:#398ee8}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#398ee8}select.input-style{padding:.375rem 1rem .375rem .75rem;background:url(../img/select-down.svg) no-repeat calc(100% - 7px) center #fff;background-size:auto 35%}input[type=date]{position:relative}input[type=date]::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;padding:.375rem 1rem .375rem .75rem;color:rgba(0,0,0,0);background:url(../img/select-down.svg) no-repeat calc(100% - 7px) center rgba(0,0,0,0);background-size:auto 35%;margin-inline-start:0}.show_pw{background:url(../img/icon-eye.svg) no-repeat center center/contain;position:absolute;top:50%;right:10px;transform:translateY(-50%);padding:11px}input.error,.input-style.error{border-color:#db4711}p.error{color:#db4711;font-weight:500;font-size:.95rem;letter-spacing:1px;margin-top:2px}p.error::before{content:"";background:url(../img/notice.svg) no-repeat center center/contain;width:16px;height:16px;display:inline-block;margin-right:5px;transform:translateY(2px)}.scrollbar::-webkit-scrollbar{width:18px;-webkit-appearance:none}.scrollbar::-webkit-scrollbar-track{border-radius:0;margin:0;box-shadow:inset 0 0 18px rgba(255,102,46,.3);border:6px solid rgba(0,0,0,0)}.scrollbar::-webkit-scrollbar-thumb{border-radius:0;background:rgba(0,0,0,0);border:6px solid rgba(0,0,0,0);box-shadow:inset 0 0 18px rgb(255,139.3349282297,97)}@keyframes bounce{from,20%,53%,to{transform:translate3d(0, 0, 0)}40%,43%{transform:translate3d(0, -15px, 0) scaleY(1.1)}70%{transform:translate3d(0, -8px, 0) scaleY(1.05)}80%{transform:translate3d(0, 0, 0) scaleY(0.95)}90%{transform:translate3d(0, -2px, 0) scaleY(1.02)}}@keyframes swing{5%{transform:rotate3d(0, 0, 1, 15deg)}10%{transform:rotate3d(0, 0, 1, -10deg)}15%{transform:rotate3d(0, 0, 1, 5deg)}20%{transform:rotate3d(0, 0, 1, -5deg)}to{transform:rotate3d(0, 0, 1, 0deg)}}@keyframes shiny{0%,25%,100%{opacity:1}10%{opacity:.2}40%{opacity:.4}65%{opacity:.8}85%{opacity:.3}}body.loader-open{position:fixed;width:100%;left:0;right:0}body.loader-open .loader{display:flex}.loader,.loading{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:9999}.loader{display:none;background:rgba(0,0,0,.8);color:#fffdf4}.loading{background:rgba(0,0,0,.9);color:#cac9c9}.loader__style--2{width:10px;height:10px;border-radius:50%;display:block;position:relative;background:#fffdf4;margin:0 auto;box-shadow:-20px 0 #fffdf4,20px 0 #fffdf4;animation:shadowPulse 1.2s linear infinite}@keyframes shadowPulse{33%{background:#fffdf4;box-shadow:-20px 0 rgba(255,253,244,.2),20px 0 #fffdf4}66%{background:rgba(255,253,244,.2);box-shadow:-20px 0 #fffdf4,20px 0 #fffdf4}100%{background:#fffdf4;box-shadow:-20px 0 #fffdf4,20px 0 rgba(255,253,244,.2)}}.modal .modal-dialog{width:clamp(290px,88%,800px);max-width:800px;margin:.5rem auto}.modal .modal-content{overflow:hidden;justify-content:center;border-radius:1rem}.modal .modal-body{display:flex;flex-direction:column;justify-content:center;text-align:center;min-height:100px}@media screen and (max-width: 576px){.modal .modal-body{font-size:clamp(14px,3.3vmin,1.5rem)}}.modal .modal-footer{justify-content:center;border-top:0}.modal-dialog-centered{min-height:calc(100% - 1rem)}.modal-scroll .modal-body{max-height:70vh;overflow-y:auto;justify-content:flex-start}.modal-backdrop.show{opacity:.9}#joinModal p{font-size:clamp(1rem,3.7vmin,1.4rem)}#joinModal .code-img{width:50%;margin:5% auto}#joinModal .code-img img{width:100%}#winnerModal h3{font-size:clamp(24px,2.5vw,36px)}#winnerModal h4{font-size:clamp(22px,2vw,30px)}#winnerModal p{font-size:clamp(20px,1.6vw,24px)}#winnerModal span{font-size:clamp(18px,1.6vw,24px)}#winnerModal .highlight{color:#0c2153}.swiper-outer{position:relative}.swiper-tools{position:relative;display:flex;justify-content:center;align-items:center;margin-top:clamp(1.5rem,2%,1.8rem)}.swiper-tools *{position:relative}.swiper-container{padding-bottom:.8rem}.swiper-button-prev{left:-4rem;color:#224a9a}@media screen and (max-width: 575px){.swiper-button-prev{display:none}}.swiper-button-next{color:#224a9a;right:-4rem}@media screen and (max-width: 575px){.swiper-button-next{display:none}}#teachModal .swiper-pagination,#cardModal .swiper-pagination{bottom:-1rem;width:100%;display:none}@media screen and (max-width: 575px){#teachModal .swiper-pagination,#cardModal .swiper-pagination{display:block}}.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-pagination-bullet-active{background:#224a9a}.btn__swiper{font-weight:500;font-size:24px;background-color:#224a9a;color:#fff;border-radius:10px;padding:10px 40px}@media screen and (max-width: 575px){.btn__swiper{font-size:1rem}}.swiper__title{color:#224a9a}.teach-wrap{width:75%;margin:0 auto;position:relative}.navbg{background:#0b2f64;box-shadow:1px 2px 4px 1px rgba(36,36,36,.2);position:fixed;top:0;left:0;right:0;z-index:99}.navbg.exc{background:rgba(0,0,0,0);box-shadow:none}.navbg.exc .nav__list>li>a{background-color:#fff;padding:60px 25px 30px 25px}.navbg.exc .nav__menu img{margin-top:30px;width:100px}@media screen and (max-width: 1240px){.navbg.exc{background:rgba(11,47,100,.8);box-shadow:1px 2px 4px 1px rgba(36,36,36,.2)}.navbg.exc .nav__list>li>a{background-color:#fff;padding:20px 25px}.navbg.exc .nav__menu img{margin-top:0}.navbg.open{position:fixed;top:0;right:0;bottom:0;left:0;flex-direction:column;background:#0b2f64}}.nav{display:flex;justify-content:space-between;padding:0 4%}.nav__menu{display:flex;align-items:center;justify-content:space-between}.nav__menu a{cursor:default}.nav__menu img{width:200px}@media screen and (max-width: 1240px){.nav__menu img{margin-left:0}}@media screen and (max-width: 575px){.nav__menu img{width:130px}}@media screen and (max-width: 1240px){.nav__menu{width:100%;padding:12px 0px;height:88px}}@media screen and (max-width: 1240px)and (max-width: 575px){.nav__menu{height:64px}}.nav__list{display:flex;align-items:center}@media screen and (max-width: 1240px){.nav__list{z-index:8;display:none;overflow-x:hidden;overflow-y:auto;flex-direction:column;padding:25px 15px 50px 30px;transition:.5s}.nav__list.open{width:100%;text-align:center;display:flex}}.nav__list>li{position:relative}.nav__list>li>a{padding:20px 25px;font-size:1.4rem;font-weight:400;color:#fff;position:relative;transition:width 1s,1s}@media screen and (max-width: 575px){.nav__list>li>a{padding:20px 25px}}.nav__list>li>a::after{content:"";width:0;height:0;background:#ff662e;display:block;position:absolute;bottom:20px;transition:width .3s}.nav__list>li:hover a::after{content:"";width:calc(100% - 50px);height:3px;transition:width .3s;background:#398ee8}.btn-menu{z-index:10;cursor:pointer;transition:.3s;display:none}@media screen and (max-width: 1240px){.btn-menu{display:block}}.btn-menu__line{position:relative;width:30px;height:26px}.btn-menu__line>span{position:absolute;left:0;display:block;width:100%;height:3px;background:#398ee8;transition:.3s;border-radius:99rem}.btn-menu__line>span:nth-of-type(2){top:10px}.btn-menu__line>span:nth-of-type(3){top:20px}.btn-menu__line.active>span:nth-of-type(1){height:4px;transform:translateY(10px) rotate(45deg)}.btn-menu__line.active>span:nth-of-type(2){opacity:0}.btn-menu__line.active>span:nth-of-type(3){height:4px;transform:translateY(-10px) rotate(-45deg)}.ieonly{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%}.ieonly .banner__logo{width:200px}.container-fluid.w-1080{max-width:calc(1080px + 6%);padding:0 3%}.container-fluid.w-1280{max-width:1280px;padding:0 3%}.container-fluid.w-1480{max-width:1480px;padding:0 3%}@media screen and (min-width: 1025px){.container-fluid.w-1480{width:85%}}.totop{width:50px;height:50px;border-radius:50%;background:rgba(36,36,36,.38);color:#fff;cursor:pointer;position:fixed;right:3%;bottom:6%;opacity:.85;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center}.totop p{font-size:1.2rem;font-weight:bold}.color-primary{color:#398ee8}.color-primary-dark{color:#02458d}.color-secondary{color:#ff662e}.color-theriary{color:#398ee8}.color-notice{color:#db4711}.color-nav{color:#0b2f64}.border-theriary{border-color:#398ee8 !important}.text-md{font-size:.9rem}.text-sm{font-size:.85rem}.subttl{text-align:center}@media screen and (max-width: 575px){.subttl{font-size:1.15rem}}.swiper-pagination{bottom:-1rem}.ani-bounce{animation:bounce 2s ease-in-out infinite}.ani-swing{animation:swing 2s infinite}.btn__close{position:relative;width:260px;height:48px;line-height:46px;font-weight:700;font-size:clamp(18px,1.2vw,22px);background:#ffdf6a;color:#2d1059;border-radius:36px;border:2px solid #fff;box-shadow:0px 5px 0px 0px #ff9afa}.btn__close:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:3px solid #9132da;border-radius:36px}.btn__close:hover{background:#5e1c9d;color:#fff}.logo{cursor:pointer}@media screen and (max-width: 767px){.only-mobile{display:inline}}@media screen and (min-width: 768px){.only-mobile{display:none}}@media screen and (min-width: 768px){.only-pc{display:inline}}@media screen and (max-width: 767px){.only-pc{display:none}}#p0{width:100%;position:relative}@media screen and (max-width: 575px){#p0{padding-top:64px}}@media(min-width: 576px)and (max-width: 1240px){#p0{padding-top:88px}}@media screen and (min-width: 1241px){#p0{padding-top:78px}}#p0 a,#p0 img{width:100%}#p0 .kv_button{position:absolute;left:50%;transform:translateX(-53.5%);cursor:pointer}@media screen and (max-width: 1240px){#p0 .kv_button{width:50vw;bottom:3%}}@media screen and (min-width: 1241px){#p0 .kv_button{width:25.78vw;bottom:8%}}#p0 .kv_button .hover{display:none}#p0 .kv_button:hover .hover{display:block}#p0 .kv_button:hover img:first-child{display:none}#p1{background:linear-gradient(180deg, #FFCEEB 14.9%, #FEF1FF 100%)}#p1 .gradient_deco{height:40px;background:linear-gradient(0deg, rgba(67, 8, 95, 0.02) 0%, rgba(67, 8, 95, 0.44) 27%, rgba(67, 8, 95, 0.75) 50%, rgba(67, 8, 95, 0.93) 71.01%, #43085F 87.01%)}#p1 .p1_content{color:#39008f;line-height:1.3;text-align:center;padding:0 5%}@media screen and (max-width: 575px){#p1 .p1_content{margin-top:60px}}@media(min-width: 576px)and (max-width: 1240px){#p1 .p1_content{margin-top:60px}}@media screen and (min-width: 1241px){#p1 .p1_content{margin-top:120px}}#p1 .p1_content h3{font-weight:900;font-size:clamp(24px,3.5vw,64px);letter-spacing:1px}#p1 .p1_content p{font-weight:700;font-size:clamp(20px,2.4vw,32px);letter-spacing:.25px}#p2{background-color:#fef0ff;background-size:cover;background-position:top left}@media(max-width: 768px){#p2{padding:200px 0 40px;background-image:url("../img/p2_bg_mobile.png")}}@media(min-width: 769px)and (max-width: 1024px){#p2{padding:200px 0 60px;background-image:url("../img/p2_bg_pad.png")}}@media screen and (min-width: 1025px){#p2{padding:330px 0 70px;background-image:url("../img/p2_bg_pc.png")}}#p2 .p2_content{padding:0 5%}#p2 .p2_content h3{font-weight:900;font-size:clamp(36px,3.5vw,64px);letter-spacing:1px;color:#39008f;text-align:center}#p2 .gift__list{width:100%;margin-top:60px;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:32px}#p2 .gift__list .gift__item{width:clamp(352px,28vw,436px);flex-shrink:0;padding:48px 32px;color:#5e1c9d;text-align:center;border-radius:40px;background:#f3e1ff;box-shadow:6px 6px 12px 0px rgba(218,84,255,.2509803922)}#p2 .gift__list .gift__item h5{height:68px;font-weight:700;font-size:clamp(30px,2.5vw,36px);line-height:72px;letter-spacing:.25px;border-radius:16px;background:linear-gradient(90deg, #FDFFCE 0%, #FFF396 100%);box-shadow:0px 4px 4px 0px rgba(232,169,81,.2509803922)}#p2 .gift__list .gift__item .gift__desc{margin-top:28px;font-weight:700;font-size:clamp(18px,1.38vw,20px);line-height:32px}#p2 .gift__list .gift__item img{margin-top:60px;width:250px}#p2 .gift__list .gift__item .gift__name{margin-top:8px;font-weight:700;font-size:clamp(24px,1.94vw,28px)}#p2 .gift__list .gift__item .gift__qty{width:-moz-fit-content;width:fit-content;padding:5px 35px;margin:16px auto 0;font-weight:700;font-size:clamp(18px,1.52vw,22px);border-radius:100px;color:#fff;background-color:#5e1c9d}#p3{text-align:center;background-image:url("../img/p3_bg.png");background-size:cover;background-position:top center}@media(max-width: 768px){#p3{padding:30px 5% 60px}}@media(min-width: 769px)and (max-width: 1240px){#p3{padding:40px 5% 80px}}@media screen and (min-width: 1241px){#p3{padding:60px 5% 112px}}#p3 h3{font-weight:900;font-size:clamp(36px,3.5vw,64px);letter-spacing:1px;color:#39008f}#p3 .task__list{width:45%;max-width:732px;margin:40px auto 0}@media screen and (max-width: 1024px){#p3 .task__list{width:100%}}#p3 .task__list .task__item{padding:40px 30px;margin-bottom:20px;border-radius:40px;background-color:#fff}#p3 .task__list .task__item p,#p3 .task__list .task__item li{font-weight:500;font-size:clamp(18px,1.2vw,22px);color:#2d1059;text-align:justify}#p3 .task__list .task__item p,#p3 .task__list .task__item ol{margin-bottom:30px}#p3 .task__list .task__item ol{padding-left:1rem}#p3 .task__list .task__item a{position:relative;width:260px;height:48px;line-height:46px;font-weight:700;font-size:clamp(18px,1.2vw,22px);background:#ffdf6a;color:#2d1059;border-radius:36px;border:2px solid #fff;box-shadow:0px 5px 0px 0px #ff9afa}#p3 .task__list .task__item a:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:3px solid #9132da;border-radius:36px}#p3 .task__list .task__item a:hover{background:#5e1c9d;color:#fff}#p4 a,#p4 img{width:100%}#rule{padding:60px 5%;font-size:clamp(16px,1.2vw,18px);text-autospace:normal;color:#2d1059;background:linear-gradient(180deg, #FFFFFF 0%, #FFCBF5 100%)}#rule h2{font-size:clamp(24px,2vw,30px);text-align:center}#rule .rule_content{max-width:1440px;margin:0 auto}#rule ol{margin-bottom:0;padding-left:clamp(32px,2.4vw,36px)}#rule .list-cjk-decimal{list-style-type:cjk-decimal}#rule .list-parentheses{list-style:none;counter-reset:parentheses-counter}#rule .list-parentheses>li{counter-increment:parentheses-counter;position:relative}#rule .list-parentheses>li::before{content:"(" counter(parentheses-counter) ") ";position:absolute;left:clamp(-32px,-2.4vw,-36px)}#rule .text-purple{color:#9132da}#rule .font-medium{font-weight:500}/*# sourceMappingURL=transglobe.min.css.map */