@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";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:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;overflow-x:hidden}html{font-size:16px}@media only screen and (max-width: 767px){html{font-size:14px}}@media only screen and (max-width: 480px){html{font-size:12px}}span{vertical-align:baseline}ol,ul,button{list-style:none;margin:0;padding:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*:focus,a:hover,a:active,a:focus,button:focus{text-decoration:none;outline:none}button,a{border:none;font-size:unset;padding:0;margin:0;background:rgba(0,0,0,0);background-color:none;outline:none;border:none}img{max-width:100%;height:auto}body{background-color:#000;font-family:"Noto Sans TC","Microsoft JhengHei","Playfair Display",sans-serif,Arial;font-size:1rem;letter-spacing:0;line-height:1;font-weight:400}.sideBtn{position:absolute;bottom:0;width:100%;height:100px;background-color:#f5f5f5;justify-content:center;transition:1s all;z-index:9;filter:drop-shadow(0 0 15px rgba(0, 0, 0, 0.6941176471))}@media only screen and (max-width: 767px){.sideBtn{height:80px}}@media only screen and (max-width: 480px){.sideBtn{height:60px}}.sideBtn.on{position:fixed;top:0}.sideBtn li{position:relative}.sideBtn li a{position:relative;display:flex;justify-content:center;align-items:center;height:100%;font-weight:700;padding:0;width:170px;line-height:1.5rem;font-size:1.125rem;background:#323955;background:linear-gradient(to top, #323955 0%, #6477B6 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}@media only screen and (max-width: 1440px){.sideBtn li a{width:120px}}@media only screen and (max-width: 767px){.sideBtn li a{width:80px}}@media only screen and (max-width: 480px){.sideBtn li a{width:60px}}.sideBtn li a:hover,.sideBtn li a.active{background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.sideBtn li a:hover::before,.sideBtn li a.active::before{content:"";background:url(../images/nav-on.jpg) no-repeat center center/cover;width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1}.sideBtn li a:hover::after,.sideBtn li a.active::after{display:none}#main{position:relative;background:url(../images/mainbg.jpg) no-repeat center center/cover;text-align:center;min-height:1080px;overflow:hidden}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main{background:url(../images/mainbg.webp) no-repeat center center/cover}}@media only screen and (max-width: 480px){#main{min-height:100vh}}#main::before{content:"";aspect-ratio:747/996;max-width:747px;width:clamp(320px,110vw,747px);background:url(../images/mainChar.png) no-repeat center top/contain;position:absolute;left:50%;transform:translateX(-50%);bottom:0;margin-left:56px;pointer-events:none}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main::before{background:url(../images/mainChar.webp) no-repeat center top/contain}}@media only screen and (max-width: 1440px){#main::before{margin-left:auto}}#main a.outlink{position:absolute;top:0;left:0}@media only screen and (max-width: 480px){#main a.outlink{width:40vw}}#main a.logo{position:absolute;top:2vh;right:2vw}#main .title{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);max-width:1118px;width:100%;margin:7.18rem auto 0}#main .scroll{position:relative;display:block;margin:0 auto 1%;z-index:9}#main ul.btnPC,#main ul.btnMB{display:flex;justify-content:center;gap:34px;margin:15.9rem 0 0}@media only screen and (max-width: 767px){#main ul.btnPC,#main ul.btnMB{margin-top:1.9rem;gap:10px}}#main ul.btnPC li a,#main ul.btnMB li a{background:#26365f;border-radius:50px;border:1px solid #425da1;padding:1rem 4rem;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.5rem}#main ul.btnPC li a:hover,#main ul.btnMB li a:hover{border:1px solid #c3ffa3;background:#c3ffa3;background:linear-gradient(130deg, rgb(195, 255, 163) 0%, rgb(12, 246, 255) 100%);color:#0f1c38}@media only screen and (max-width: 480px){#main ul.btnPC{display:none}}#main ul.btnMB{display:none}@media only screen and (max-width: 480px){#main ul.btnMB{display:flex}}section{position:relative;text-align:center;overflow:hidden}section h2{position:relative;filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));margin:0 auto;width:fit-content}@media only screen and (max-width: 1200px){section h2{width:75vw}}section h3{position:relative;z-index:1;margin:0 auto 2.5rem;width:fit-content}@media only screen and (max-width: 1200px){section h3{width:55vw}}section h6{width:fit-content;margin:0 auto}@media only screen and (max-width: 1200px){section h6{width:55vw}}section p{font-size:1.5rem;font-weight:400;color:#fff;margin:0 0 1.56rem;line-height:2.25rem}@media only screen and (max-width: 480px){section p{max-width:90vw;font-size:1.1rem;margin:1% auto}}section p span{color:#0cf6ff}section p.date{background:#0f1a37;padding:8px 26px;font-size:1.125rem;color:#fff;width:fit-content;margin:1.875rem auto 5rem;line-height:1}section p.key{display:inline-block;font-size:1rem;line-height:1rem;border:solid 2px #1f2b9a;border-radius:18px;padding:.8% 1%}section p.warn{position:relative;display:inline-block;font-size:1rem;color:#0cf6ff}@media only screen and (max-width: 480px){section p.warn{max-width:80vw;text-align:left}}section p.warn::before{content:"";width:23px;height:23px;background:url(../images/note.png) no-repeat center center/contain;position:absolute;top:5px;left:-30px}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section p.warn::before{background:url(../images/note.webp) no-repeat center center/contain}}@media only screen and (max-width: 480px){section p.warn::before{left:-24px}}section picture{position:relative}section .underline{text-decoration:underline}section .ctnflex{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:0 auto 4.68rem;gap:40px}section .ctnflex.ctnwrap{align-items:flex-start}section .rewards{position:relative;display:flex}section .rewards .award{display:flex;align-items:center;padding:1% 0;margin:0 1%}@media only screen and (max-width: 800px){section .rewards .award{justify-content:center}}section .rewards .award p{width:50%;font-size:1.1rem;font-weight:500;line-height:1.6rem;text-align:left;margin:0 4%}section .rewards .award p span{color:#0cf6ff;font-size:1rem;font-weight:normal}section .rewards .award p span.num{color:#fff;background-color:#0cf6ff;border-radius:12px;padding:0 10px}section>div{padding:5.3rem 0 0}section>div::before,section>div::after{content:"";position:absolute;z-index:1;pointer-events:none}@media only screen and (max-width: 1440px){section>div::before,section>div::after{display:none}}section>div>div>.popbtn{position:absolute;top:-8px;right:4%}section>div>div>.popbtn:hover{filter:hue-rotate(20deg)}@media only screen and (max-width: 480px){section>div>div>.popbtn{position:relative;top:unset;right:unset;margin:0 auto}}#tab1{background:url(../images/bg1.jpg) no-repeat center top/cover;min-height:2054px}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab1{background:url(../images/bg1.webp) no-repeat center top/cover}}#tab1 .ctnflex{gap:30px}#tab1 .rewards{max-width:869px;height:444px;background:url(../images/awardbg1.png) no-repeat center center/contain;flex-direction:column;flex-wrap:wrap;align-content:center;padding-top:4%}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab1 .rewards{background:url(../images/awardbg1.webp) no-repeat center center/contain}}@media only screen and (max-width: 800px){#tab1 .rewards{height:auto;background-size:cover}}#tab1 .rewards::before{content:"";width:220px;height:113px;background:url(../images/deco10.png) no-repeat center center/contain;position:absolute;right:10%;bottom:6%}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab1 .rewards::before{background:url(../images/deco10.webp) no-repeat center center/contain}}@media only screen and (max-width: 800px){#tab1 .rewards::before{display:none}}#tab1 .rewards .award{max-width:35%}@media only screen and (max-width: 1200px){#tab1 .rewards .award{max-width:unset}}#tab1 .rewards .award:nth-of-type(1){border-right:dotted 1px #fff}@media only screen and (max-width: 1200px){#tab1 .rewards .award:nth-of-type(1){border:none}}#tab1 .rewards .award:nth-of-type(2){border-right:dotted 1px #fff}@media only screen and (max-width: 1200px){#tab1 .rewards .award:nth-of-type(2){border:none}}#tab1 .rewards .award:nth-of-type(3){border-right:dotted 1px #fff}@media only screen and (max-width: 1200px){#tab1 .rewards .award:nth-of-type(3){border:none}}#tab2{background:url(../images/bg2.jpg) no-repeat center top/cover;min-height:2049px}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab2{background:url(../images/bg2.webp) no-repeat center top/cover}}#tab2 .ctnflex::before{content:"";width:591px;height:872px;background:url(../images/deco21.png) no-repeat center center/contain;position:absolute;right:6px;top:-231px}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab2 .ctnflex::before{background:url(../images/deco21.webp) no-repeat center center/contain}}@media only screen and (max-width: 800px){#tab2 .ctnflex::before{display:none}}#tab3{background:url(../images/bg3.jpg) no-repeat center top/cover;min-height:2950px}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab3{background:url(../images/bg3.webp) no-repeat center top/cover}}#tab3 .list .note{position:relative}#tab3 .list .note::before{content:"";position:absolute;background:url(../images/deco31.png) no-repeat 0 0/contain;width:395px;height:496px;right:-240px;bottom:-20px}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab3 .list .note::before{background:url(../images/deco31.webp) no-repeat 0 0/contain}}@media only screen and (max-width: 1200px){#tab3 .list .note::before{display:none}}#tab3 .ctnflex{gap:0}#tab3 .ctnflex.ctnwrap{gap:40px}#tab3 .ctnflex.ctnwrap div:nth-of-type(2) p span{color:#ff96f1}#tab3 .ctnflex.ctnwrap div p{font-size:1.25rem;margin:2.5rem 0 2.8rem;line-height:1.75rem;font-weight:300}#tab3 .ctnflex ul.nav{flex-direction:column;margin-top:-2.18rem;margin-right:-1px}@media only screen and (max-width: 800px){#tab3 .ctnflex ul.nav{flex-direction:row;flex-wrap:nowrap;margin-right:0;margin-bottom:1rem}}@media only screen and (max-width: 480px){#tab3 .ctnflex ul.nav{justify-content:center}}#tab3 .ctnflex ul.nav li{margin:3% 0}@media only screen and (max-width: 350px){#tab3 .ctnflex ul.nav li img{max-width:22vw}}#tab3 .ctnflex ul.nav li:nth-of-type(1) a:hover img,#tab3 .ctnflex ul.nav li:nth-of-type(1) a.active img{content:url("../images/tab1_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab3 .ctnflex ul.nav li:nth-of-type(1) a:hover img,#tab3 .ctnflex ul.nav li:nth-of-type(1) a.active img{content:url("../images/tab1_hover.webp")}}#tab3 .ctnflex ul.nav li:nth-of-type(2) a:hover img,#tab3 .ctnflex ul.nav li:nth-of-type(2) a.active img{content:url("../images/tab2_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab3 .ctnflex ul.nav li:nth-of-type(2) a:hover img,#tab3 .ctnflex ul.nav li:nth-of-type(2) a.active img{content:url("../images/tab2_hover.webp")}}#tab3 .ctnflex ul.nav li:nth-of-type(3) a:hover img,#tab3 .ctnflex ul.nav li:nth-of-type(3) a.active img{content:url("../images/tab3_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab3 .ctnflex ul.nav li:nth-of-type(3) a:hover img,#tab3 .ctnflex ul.nav li:nth-of-type(3) a.active img{content:url("../images/tab3_hover.webp")}}#tab3 .ctnflex .rewards{width:942px;height:502px;background:url(../images/ct3_bg.png) no-repeat center top/cover;flex-wrap:wrap;justify-content:center;padding:3.125rem 0;gap:50px}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab3 .ctnflex .rewards{background:url(../images/ct3_bg.webp) no-repeat center top/cover}}@media only screen and (max-width: 1200px){#tab3 .ctnflex .rewards{height:100%;flex-direction:column}}#tab3 .ctnflex .rewards .rewards-pop{position:relative;width:fit-content;height:fit-content}@media only screen and (max-width: 1200px){#tab3 .ctnflex .rewards .rewards-pop{margin:0 auto}}#tab3 .ctnflex .rewards .rewards-pop .popbtn{position:absolute;right:23px;bottom:20px;transition:all .3s ease;z-index:2}#tab3 .ctnflex .rewards .rewards-pop .popbtn:hover{filter:brightness(120%)}#tab4{background:url(../images/bg4.jpg) no-repeat center top/cover;min-height:2930px}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab4{background:url(../images/bg4.webp) no-repeat center top/cover}}#tab4 #s4 p.date:nth-of-type(1){margin-bottom:.4375rem}#tab4 #s4 p.date:nth-of-type(2){margin-top:0}#tab4 #s4 .ranking{position:relative;width:fit-content;margin:0 auto}#tab4 #s4 .ranking::before,#tab4 #s4 .ranking::after{content:"";position:absolute;background-repeat:no-repeat;background-position:0 0;background-size:contain}#tab4 #s4 .ranking::before{background-image:url(../images/deco40.png);width:388px;height:713px;left:-235px;top:-16px;z-index:1}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab4 #s4 .ranking::before{background-image:url(../images/deco40.webp)}}@media only screen and (max-width: 767px){#tab4 #s4 .ranking::before{display:none}}#tab4 #s4 .ranking::after{background-image:url(../images/deco41.png);width:1092px;height:254px;left:50%;transform:translateX(-50%);bottom:0;margin-left:-97px;z-index:0}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab4 #s4 .ranking::after{background-image:url(../images/deco41.webp)}}#tab4 #s4:nth-of-type(1) .ctnflex{margin-bottom:8.4375rem}#tab4 #s4 .ctnflex{z-index:3;gap:50px}#tab4 #s4 .ctnflex.ctnwrap{gap:20px;margin-top:3.125rem;align-items:center}@media only screen and (max-width: 767px){#tab4 #s4 .ctnflex.ctnwrap{flex-direction:column;gap:75px}}#tab4 #s4 .ctnflex.ctnwrap div{position:relative}#tab4 #s4 .ctnflex.ctnwrap div::before,#tab4 #s4 .ctnflex.ctnwrap div::after{content:"";position:absolute;background-repeat:no-repeat;background-position:0 0;background-size:contain}#tab4 #s4 .ctnflex.ctnwrap div:nth-of-type(1)::before{background-image:url(../images/deco44.png);width:462px;height:667px;left:-100%;bottom:-52px;margin-left:-16px;z-index:-2}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab4 #s4 .ctnflex.ctnwrap div:nth-of-type(1)::before{background-image:url(../images/deco44.webp)}}#tab4 #s4 .ctnflex.ctnwrap div:nth-of-type(1)::after{background-image:url(../images/deco42.png);width:141px;height:140px;left:-106px;bottom:-39px;z-index:1}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab4 #s4 .ctnflex.ctnwrap div:nth-of-type(1)::after{background-image:url(../images/deco42.webp)}}@media only screen and (max-width: 767px){#tab4 #s4 .ctnflex.ctnwrap div:nth-of-type(2){transform:rotate(100deg)}}#tab4 #s4 .ctnflex.ctnwrap div:nth-of-type(3)::before{background-image:url(../images/deco45.png);width:234px;height:651px;left:100%;bottom:-52px;margin-left:-9px;z-index:-2}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab4 #s4 .ctnflex.ctnwrap div:nth-of-type(3)::before{background-image:url(../images/deco45.webp)}}#tab4 #s4 .ctnflex.ctnwrap div:nth-of-type(3)::after{background-image:url(../images/deco43.png);width:206px;height:200px;right:-165px;bottom:-87px;z-index:1}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab4 #s4 .ctnflex.ctnwrap div:nth-of-type(3)::after{background-image:url(../images/deco43.webp)}}#tab5{background:url(../images/bg5.jpg) no-repeat center top/cover;min-height:1830px}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab5{background:url(../images/bg5.webp) no-repeat center top/cover}}#tab5 #s5{z-index:1}#tab5 #s5 .note::before,#tab5 #s5 .note::after{content:"";position:absolute}@media only screen and (max-width: 1200px){#tab5 #s5 .note::before,#tab5 #s5 .note::after{display:none}}#tab5 #s5 .note::before{background:url(../images/deco51.png) no-repeat center center/contain;width:429px;height:521px;left:-452px;bottom:-264px}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab5 #s5 .note::before{background:url(../images/deco51.webp) no-repeat center center/contain}}#tab5 #s5 .note::after{background:url(../images/deco52.png) no-repeat center center/contain;width:355px;height:483px;right:-399px;top:-72px}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab5 #s5 .note::after{background:url(../images/deco52.webp) no-repeat center center/contain}}#tab5 #s5 .note li .coupon{margin:0 10px}#tab5 #s5 .note li .poke{position:absolute;bottom:-30px;right:-25px}@media only screen and (max-width: 767px){#tab5 #s5 .note li .poke{position:unset;width:10vw}}@media only screen and (max-width: 1440px){#tab5 #s5 .ctnflex.ctnwrap{flex-direction:column;justify-content:center;align-items:center}}#tab5 #s5 .ctnflex.ctnwrap div:nth-of-type(2){margin:13rem 1.25rem 0 -3.75rem}@media only screen and (max-width: 1440px){#tab5 #s5 .ctnflex.ctnwrap div:nth-of-type(2){margin:0}}#tab5 #s5 .ctnflex.ctnwrap div:nth-of-type(3){margin:13rem -3.75rem 0 1.25rem}@media only screen and (max-width: 1440px){#tab5 #s5 .ctnflex.ctnwrap div:nth-of-type(3){margin:0}}#tab5 #s5 .ctnflex.ctnwrap .btn-list{display:block;position:absolute;left:50%;transform:translateX(-50%);top:50px}@media only screen and (max-width: 1440px){#tab5 #s5 .ctnflex.ctnwrap .btn-list{position:relative;left:auto;transform:none;top:auto;width:60vw}}#tab5 #s5 .ctnflex.ctnwrap .btn-list:hover{background:url(../images/btn-list_hover.png) no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab5 #s5 .ctnflex.ctnwrap .btn-list:hover{background:url(../images/btn-list_hover.webp) no-repeat center center/contain}}#tab5 #s5 .ctnflex.ctnwrap .btn-list:hover img{opacity:0}#tab6{background:url(../images/bg6.jpg) no-repeat center top/cover;min-height:2640px}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab6{background:url(../images/bg6.webp) no-repeat center top/cover}}#tab6 #s6{z-index:1}#tab6 #s6 .ctnflex{gap:40px}#tab6 #s6 .ctnflex.ctnwrap{gap:50px;margin-bottom:3.75rem}#tab6 #s6 .ctnflex.ctnwrap:nth-of-type(4){gap:90px}#tab6 #s6 .ctnflex.ctnwrap:nth-of-type(4) picture:nth-of-type(1)::before{content:"";position:absolute;width:136px;height:252px;right:-41px;top:24px;background:url(../images/deco61.png) no-repeat 0 0/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab6 #s6 .ctnflex.ctnwrap:nth-of-type(4) picture:nth-of-type(1)::before{background:url(../images/deco61.webp) no-repeat 0 0/contain}}#tab6 #s6 .ctnflex.ctnwrap:nth-of-type(4) picture:nth-of-type(2)::before{content:"";position:absolute;width:120px;height:242px;right:-41px;top:24px;background:url(../images/deco62.png) no-repeat 0 0/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab6 #s6 .ctnflex.ctnwrap:nth-of-type(4) picture:nth-of-type(2)::before{background:url(../images/deco62.webp) no-repeat 0 0/contain}}#tab7{background:url(../images/bg7.jpg) no-repeat center top/cover;min-height:2640px}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#tab7{background:url(../images/bg7.webp) no-repeat center top/cover}}#tab7 #s7 .note-point{padding:6px 60px}.modal .modal-dialog{width:100%;max-width:1200px !important}.modal .modal-dialog .modal-body h4{position:relative;z-index:1;margin:4% auto;margin-bottom:-50px}.modal .modal-dialog .modal-body>div,.modal .modal-dialog .modal-body ul{position:relative;background-color:#fffdf0;border:solid 5px #fff;border-radius:10px}#pop1 ul.note{font-size:1.1rem;line-height:2.4rem;list-style:"- ";text-align:left;font-weight:500;padding:60px 8vw 4vh 4vw;margin:0 auto}@media only screen and (max-width: 480px){#pop1 ul.note{font-size:16px;line-height:20px;padding-right:2%;margin-left:1%}}#pop1 ul.note::before{content:"";width:99%;height:98%;border:solid 1px #fff;border-radius:6px;position:absolute;top:1%;left:.5%;pointer-events:none}#pop1 ul.note::after{content:"";width:130px;height:184px;background:url(../images/popdeco2.png) no-repeat center center/contain;position:absolute;right:2%;bottom:2%}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#pop1 ul.note::after{background:url(../images/popdeco2.webp) no-repeat center center/contain}}@media only screen and (max-width: 800px){#pop1 ul.note::after{display:none}}#pop1 ul.note li{color:#fff}@media only screen and (max-width: 480px){#pop1 ul.note li{margin-bottom:2%}}#pop1 ul.note li span{color:#0cf6ff}#pop2 .border-deco,#pop3 .border-deco{padding:6px}#pop2 .border-deco>.ctnflex,#pop3 .border-deco>.ctnflex{border:solid 1px #fff;border-radius:6px;padding:60px 0 1vh;max-height:80vh;overflow-x:hidden;overflow-y:scroll}#pop2 .border-deco>.ctnflex::-webkit-scrollbar,#pop3 .border-deco>.ctnflex::-webkit-scrollbar{width:12px;height:70vh}#pop2 .border-deco>.ctnflex::-webkit-scrollbar-track,#pop3 .border-deco>.ctnflex::-webkit-scrollbar-track{border:solid 1px #fff;border-radius:6px;overflow:hidden}#pop2 .border-deco>.ctnflex::-webkit-scrollbar-thumb,#pop3 .border-deco>.ctnflex::-webkit-scrollbar-thumb{background-color:#fff;border-radius:6px}#pop2 table,#pop3 table{background-color:#fff;border:solid 1px #fff;font-size:1.1rem;font-weight:500;line-height:2.4rem}#pop2 table th,#pop3 table th{background-color:#fff;color:#fff}#pop2 table th:nth-of-type(1),#pop3 table th:nth-of-type(1){text-align:left;padding:0 2%}#pop2 table th.spec,#pop3 table th.spec{background-color:#0cf6ff}#pop2 table td,#pop3 table td{color:#fff}#pop2 table td:nth-of-type(1),#pop3 table td:nth-of-type(1){text-align:left}#pop2 .ctnflex{display:flex;flex-wrap:wrap;justify-content:center}#pop2 .level{max-width:48%;margin:1%}@media only screen and (max-width: 1200px){#pop2 .level{max-width:90vw}}#pop2 .level:last-of-type{margin-right:calc(100% - 500px - 2%)}@media only screen and (max-width: 1200px){#pop2 .level:last-of-type{margin:inherit}}#pop2 .level>picture img{margin-bottom:2%}#pop2 .level table{min-width:500px}@media only screen and (max-width: 480px){#pop2 .level table{min-width:unset}}#pop2 .level table tr{border-bottom:dotted 1px #fff}#pop2 .level table tr:first-of-type{border:none}#pop2 .level th:nth-of-type(2){color:#0cf6ff}#pop2 .level td{padding:0 2%}#pop2 .level td:nth-of-type(2){color:#0cf6ff}#pop3 table{width:80%;margin:0 auto 2%}@media only screen and (max-width: 800px){#pop3 table{width:90%}}#pop3 table td{padding:0 2% 2%}#pop3 table td.spec{position:relative}#pop3 table td.spec::before{content:"";width:252px;height:380px;background:url(../images/popdeco1.png) no-repeat center center/contain;position:absolute;right:2%;bottom:2%}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#pop3 table td.spec::before{background:url(../images/popdeco1.webp) no-repeat center center/contain}}@media only screen and (max-width: 1200px){#pop3 table td.spec::before{display:none}}#pop3 table td.spec>p{line-height:1.2rem;margin:1% 0}#pop3 table td.spec>p span{color:#0cf6ff}#pop3 table td.spec .item{width:40%;color:#0cf6ff}@media only screen and (max-width: 480px){#pop3 table td.spec .item{width:100%}}#pop3 table .ctnflex{display:flex;flex-wrap:wrap}#pop3 table .ctnflex .item{width:30%;display:flex;align-items:center;line-height:1.6rem;margin:1%}@media only screen and (max-width: 800px){#pop3 table .ctnflex .item{width:45%}}@media only screen and (max-width: 480px){#pop3 table .ctnflex .item{width:100%}}#pop3 table .ctnflex .item picture{margin-right:4%}footer{background:#252a90}.modal{z-index:999;background-color:rgba(0,0,0,.5215686275)}@media only screen and (max-width: 480px){.modal{padding-top:20vh}}.modal .modal-content{background:none;border:none}.modal .modal-dialog{max-width:960px;pointer-events:auto}.modal .modal-body{text-align:center;padding:2% 4%}.modal-backdrop{display:none}button.close{position:absolute;display:inline-block;width:64px;height:64px;font-size:0;top:4%;right:1%;transition:.2s;z-index:999}@media only screen and (max-width: 1200px){button.close{right:0}}h4{margin:0 auto 1.875rem;width:fit-content}@media only screen and (max-width: 1200px){h4{width:20vw}}.notice{padding:0 0 6.875rem}.notice.list{padding-bottom:5.6rem}.notice.list ul.note{position:relative}@media only screen and (max-width: 767px){.notice.list ul.note{padding-left:57px}}.notice.list ul.note li{margin:1.25rem 0}.notice.list ul.note li::before{width:38px;height:44px;left:-50px;top:-8px}.notice.list ul.note li:nth-child(1)::before{background:url("../images/notice-num1.png") no-repeat center/contain}.notice.list ul.note li:nth-child(2)::before{background:url("../images/notice-num2.png") no-repeat center/contain}.notice.list ul.note li:nth-child(3)::before{background:url("../images/notice-num3.png") no-repeat center/contain}.notice.list ul.note li:nth-child(4)::before{background:url("../images/notice-num4.png") no-repeat center/contain}.notice.list ul.note li:nth-child(5)::before{background:url("../images/notice-num5.png") no-repeat center/contain}.notice ul.note{position:relative;text-align:left;margin:0 auto;width:fit-content}@media only screen and (max-width: 767px){.notice ul.note{padding-left:35px}}.notice ul.note li{color:#fff;font-size:1.125rem;line-height:1.875rem;font-weight:300;list-style:none;position:relative}.notice ul.note li::before{content:"";position:absolute;left:-28px;top:6px;width:19px;height:17px;background:url("../images/notice-dot.png") no-repeat center/contain}.notice ul.note li span{color:#0cf6ff}.note-point{background:#5a1fef;padding:6px;margin:4px 0;display:inline-block;line-height:1;color:#0cf6ff;font-size:1rem}