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}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{background:rgba(0,0,0,0);border:none;font-size:0}img{max-width:100%;height:auto}html{scroll-behavior:smooth}body{position:relative;background-color:#0b0b4f;text-align:center}body::-webkit-scrollbar{display:none}.mobile-header{display:none;position:fixed;top:0;left:0;width:100%;height:60px;background:rgba(20,20,38,.5803921569);z-index:9;padding:0 20px;align-items:center;justify-content:space-between}@media only screen and (max-width: 768px){.mobile-header{display:flex}}.mobile-header .burger-btn{width:30px;height:20px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.mobile-header .burger-btn span{display:block;width:100%;height:2px;background:#fff;transition:.4s cubic-bezier(0.22, 1, 0.36, 1)}.mobile-header .burger-btn.openbtn span:nth-child(1){transform:translateY(9px) rotate(45deg)}.mobile-header .burger-btn.openbtn span:nth-child(2){opacity:0}.mobile-header .burger-btn.openbtn span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.sidebar{position:fixed;top:0;left:0;height:100vh;width:70px;background-color:rgba(20,20,38,.6901960784);display:flex;flex-direction:column;transition:width .6s;z-index:99;overflow:hidden}@media only screen and (max-width: 768px){.sidebar{width:320px;transform:translateX(-100%);transition:.4s cubic-bezier(0.22, 1, 0.36, 1)}}@media only screen and (max-width: 768px)and (max-width: 480px){.sidebar{width:80vw}}@media only screen and (max-width: 768px){.sidebar.openbar{transform:translateX(0)}}.sidebar:hover{width:360px}@media only screen and (max-width: 480px){.sidebar:hover{width:80vw}}.sidebar:hover .nav-text{opacity:1}.sidebar .logo-area{height:80px;display:flex;align-items:center;flex-shrink:0}.sidebar .link-area{display:flex;align-items:center;padding:0 17px;margin-bottom:2vh}.sidebar .link-area .nav-icon{margin-right:28px}.sidebar .link-area .nav-item{width:100%;display:flex}.sidebar .link-area .nav-item a{margin:0 2%}.sidebar .nav-list{flex:1;padding:20px 0}.sidebar .nav-list .nav-item{position:relative;display:flex;align-items:center;height:40px;color:#6f6f70;text-decoration:none;white-space:nowrap;padding:0 15px;margin:4vh 0;transition:.2s}.sidebar .nav-list .nav-item:nth-of-type(1):hover,.sidebar .nav-list .nav-item:nth-of-type(1).active{color:rgba(0,0,0,0);background:linear-gradient(0deg, #d6a0fe, #d6a0fe, #fef6ff);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.sidebar .nav-list .nav-item:nth-of-type(1):hover img.nav-icon,.sidebar .nav-list .nav-item:nth-of-type(1).active img.nav-icon{content:url("../images/side1_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.sidebar .nav-list .nav-item:nth-of-type(1):hover img.nav-icon,.sidebar .nav-list .nav-item:nth-of-type(1).active img.nav-icon{content:url("../images/side1_hover.webp")}}.sidebar .nav-list .nav-item:nth-of-type(2):hover,.sidebar .nav-list .nav-item:nth-of-type(2).active{color:rgba(0,0,0,0);background:linear-gradient(0deg, #d6a0fe, #d6a0fe, #fef6ff);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.sidebar .nav-list .nav-item:nth-of-type(2):hover img.nav-icon,.sidebar .nav-list .nav-item:nth-of-type(2).active img.nav-icon{content:url("../images/side2_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.sidebar .nav-list .nav-item:nth-of-type(2):hover img.nav-icon,.sidebar .nav-list .nav-item:nth-of-type(2).active img.nav-icon{content:url("../images/side2_hover.webp")}}.sidebar .nav-list .nav-item:nth-of-type(3):hover,.sidebar .nav-list .nav-item:nth-of-type(3).active{color:rgba(0,0,0,0);background:linear-gradient(0deg, #d6a0fe, #d6a0fe, #fef6ff);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.sidebar .nav-list .nav-item:nth-of-type(3):hover img.nav-icon,.sidebar .nav-list .nav-item:nth-of-type(3).active img.nav-icon{content:url("../images/side3_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.sidebar .nav-list .nav-item:nth-of-type(3):hover img.nav-icon,.sidebar .nav-list .nav-item:nth-of-type(3).active img.nav-icon{content:url("../images/side3_hover.webp")}}.sidebar .nav-list .nav-item:nth-of-type(4):hover,.sidebar .nav-list .nav-item:nth-of-type(4).active{color:rgba(0,0,0,0);background:linear-gradient(0deg, #d6a0fe, #d6a0fe, #fef6ff);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.sidebar .nav-list .nav-item:nth-of-type(4):hover img.nav-icon,.sidebar .nav-list .nav-item:nth-of-type(4).active img.nav-icon{content:url("../images/side4_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.sidebar .nav-list .nav-item:nth-of-type(4):hover img.nav-icon,.sidebar .nav-list .nav-item:nth-of-type(4).active img.nav-icon{content:url("../images/side4_hover.webp")}}.sidebar .nav-list .nav-item:nth-of-type(5):hover,.sidebar .nav-list .nav-item:nth-of-type(5).active{color:rgba(0,0,0,0);background:linear-gradient(0deg, #d6a0fe, #d6a0fe, #fef6ff);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.sidebar .nav-list .nav-item:nth-of-type(5):hover img.nav-icon,.sidebar .nav-list .nav-item:nth-of-type(5).active img.nav-icon{content:url("../images/side5_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.sidebar .nav-list .nav-item:nth-of-type(5):hover img.nav-icon,.sidebar .nav-list .nav-item:nth-of-type(5).active img.nav-icon{content:url("../images/side5_hover.webp")}}.sidebar .nav-list .nav-item:nth-of-type(6):hover,.sidebar .nav-list .nav-item:nth-of-type(6).active{color:rgba(0,0,0,0);background:linear-gradient(0deg, #d6a0fe, #d6a0fe, #fef6ff);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.sidebar .nav-list .nav-item:nth-of-type(6):hover img.nav-icon,.sidebar .nav-list .nav-item:nth-of-type(6).active img.nav-icon{content:url("../images/side6_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.sidebar .nav-list .nav-item:nth-of-type(6):hover img.nav-icon,.sidebar .nav-list .nav-item:nth-of-type(6).active img.nav-icon{content:url("../images/side6_hover.webp")}}.sidebar .nav-list .nav-item:nth-of-type(7):hover,.sidebar .nav-list .nav-item:nth-of-type(7).active{color:rgba(0,0,0,0);background:linear-gradient(0deg, #d6a0fe, #d6a0fe, #fef6ff);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.sidebar .nav-list .nav-item:nth-of-type(7):hover img.nav-icon,.sidebar .nav-list .nav-item:nth-of-type(7).active img.nav-icon{content:url("../images/side7_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.sidebar .nav-list .nav-item:nth-of-type(7):hover img.nav-icon,.sidebar .nav-list .nav-item:nth-of-type(7).active img.nav-icon{content:url("../images/side7_hover.webp")}}.sidebar .nav-list .nav-item .nav-icon{min-width:40px;margin-right:25px;text-align:center}.sidebar .nav-list .nav-item .nav-text{font-size:1.3rem;font-weight:500;line-height:18px;text-align:left}@media only screen and (max-width: 480px){.sidebar .nav-list .nav-item .nav-text{font-size:1rem}}.sidebar .nav-list .nav-item .nav-text span{font-size:1rem;vertical-align:baseline}@media only screen and (max-width: 480px){.sidebar .nav-list .nav-item .nav-text span{font-size:.9rem}}@media only screen and (max-width: 1200px){picture{max-width:98vw}}h3{position:relative;max-width:98vw;margin:0 auto;z-index:1}p{font-size:1rem;line-height:1.8rem;letter-spacing:1px;margin:.6vw 0}@media only screen and (max-width: 480px){p{max-width:98vw;margin:.6vw auto}}#particles-js{position:fixed;width:100%;top:0;left:0;z-index:9;pointer-events:none}@media only screen and (max-width: 1200px){#particles-js{display:none}}#main{position:relative}@media only screen and (max-width: 480px){#main{padding-top:60px}}#main .title{position:absolute;left:0;right:0;bottom:30vh;z-index:9}@media only screen and (max-width: 1440px){#main .title{bottom:0}}@media only screen and (max-width: 1200px){#main .title img{max-width:98vw;max-height:50vh}}section{position:relative;text-align:center;padding:1vh 0}section:first-of-type{margin-top:-30vh}@media only screen and (max-width: 768px){section:first-of-type{margin-top:0}}section:last-of-type{min-height:5120px;background:url(../images/bg.png) no-repeat center top/cover;padding-top:40vh}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section:last-of-type{background:url(../images/bg.webp) no-repeat center top/cover}}@media only screen and (max-width: 768px){section:last-of-type{min-height:unset}}@media only screen and (max-width: 480px){section:last-of-type{padding-top:20vh}}section>div{position:relative;width:100%}section>div::before{content:"";position:absolute;left:0}#sec1::before{width:100%;height:1150px;background:url(../images/deco1.png) no-repeat center center/cover;top:-4%;z-index:-1}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sec1::before{background:url(../images/deco1.webp) no-repeat center center/cover}}@media only screen and (max-width: 480px){#sec1::before{display:none}}#sec1 .ctn1{width:1366px;min-height:755px;background:url(../images/frame1.png) no-repeat center center/contain;display:flex;flex-wrap:wrap;justify-content:center;padding:3% 0 0;margin:3vh auto 6vh}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sec1 .ctn1{background:url(../images/frame1.webp) no-repeat center center/contain}}@media only screen and (max-width: 1200px){#sec1 .ctn1{width:98vw;min-height:unset;background:url(../images/frame_straight.png) no-repeat center center/cover;padding:10% 2%}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sec1 .ctn1{background:url(../images/frame_straight.webp) no-repeat center center/cover}}}#sec1 .ctn1 picture{margin:0 4%}@media only screen and (max-width: 768px){#sec1 .ctn1 picture{margin:1%}}#sec1 .ctnChar{position:relative;padding-right:30vw}@media only screen and (max-width: 768px){#sec1 .ctnChar{padding-right:0}}#sec1 .ctnChar::before{content:"";width:100%;min-height:915px;background:url(../images/deco2.png) no-repeat center center/cover;position:absolute;top:14vh;left:0;z-index:-1}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sec1 .ctnChar::before{background:url(../images/deco2.webp) no-repeat center center/cover}}@media only screen and (max-width: 768px){#sec1 .ctnChar::before{top:0}}@media only screen and (max-width: 480px){#sec1 .ctnChar::before{display:none}}#sec1 .ctnChar::after{content:"";width:754px;height:246px;background:url(../images/ctn14.png) no-repeat center center/contain;position:absolute;top:28vh;right:6vw}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sec1 .ctnChar::after{background:url(../images/ctn14.webp) no-repeat center center/contain}}@media only screen and (max-width: 768px){#sec1 .ctnChar::after{width:50vw;top:0;right:0}}#sec2{margin-top:-28vh}@media only screen and (max-width: 480px){#sec2{margin-top:-10vh}}#sec2::before{width:100%;height:1150px;background:url(../images/deco3.png) no-repeat center center/cover;bottom:-35vh;z-index:-1}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sec2::before{background:url(../images/deco3.webp) no-repeat center center/cover}}@media only screen and (max-width: 480px){#sec2::before{display:none}}#sec2 .ctn2{width:1366px;min-height:676px;background:url(../images/frame2.png) no-repeat center center/contain;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;margin:3vh auto 0}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sec2 .ctn2{background:url(../images/frame2.webp) no-repeat center center/contain}}@media only screen and (max-width: 1200px){#sec2 .ctn2{width:98vw;min-height:unset;background:url(../images/frame_straight.png) no-repeat center center/cover;padding:4% 8%}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sec2 .ctn2{background:url(../images/frame_straight.webp) no-repeat center center/cover}}}#sec3{margin-bottom:6%}#sec3::before{width:100%;height:840px;background:url(../images/deco4.png) no-repeat center center/contain;bottom:6vh}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sec3::before{background:url(../images/deco4.webp) no-repeat center center/contain}}@media only screen and (max-width: 480px){#sec3::before{display:none}}#sec3 .circle{position:absolute;top:0;left:calc((100% - 1205px)/2);animation:spin 50s linear infinite;transform-origin:center}@media only screen and (max-width: 1200px){#sec3 .circle{left:0}}#sec4::before{width:100%;height:2000px;background:url(../images/deco5.png) no-repeat center center/cover;top:-28vh}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sec4::before{background:url(../images/deco5.webp) no-repeat center center/cover}}@media only screen and (max-width: 480px){#sec4::before{display:none}}#sec4 .ctn4{position:relative;width:1310px;min-height:768px;background:url(../images/frame4.png) no-repeat center center/contain;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:2% 0 0;margin:2% auto 6%}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sec4 .ctn4{background:url(../images/frame4.webp) no-repeat center center/contain}}@media only screen and (max-width: 1200px){#sec4 .ctn4{width:98vw;min-height:unset;background:url(../images/frame_straight2.png) no-repeat center center/cover;padding:10% 2%}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sec4 .ctn4{background:url(../images/frame_straight2.webp) no-repeat center center/cover}}}#sec4 .ctn4 picture:nth-of-type(4){width:100%}#sec4 .ctn4 picture:nth-of-type(1){margin-bottom:2%}#sec4 .ctn4 picture:nth-of-type(2),#sec4 .ctn4 picture:nth-of-type(3){margin:0 2%}#sec4 .ctn4 a.link{display:block;margin-bottom:-2%}#sec4 .ctn4 a.link:hover{background:url(../images/link_hover.png) no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sec4 .ctn4 a.link:hover{background:url(../images/link_hover.webp) no-repeat center center/contain}}#sec4 .ctn4 a.link:hover picture{opacity:0}@media only screen and (max-width: 1200px){#sec4 .ctn4 a.link{margin:4% auto 0}}#sec5::before{display:none}#sec5 .ctn5{width:1366px;min-height:916px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;background:url(../images/frame5.png) no-repeat center center/contain;margin:1% auto 0}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sec5 .ctn5{background:url(../images/frame5.webp) no-repeat center center/contain}}@media only screen and (max-width: 1200px){#sec5 .ctn5{width:98vw;min-height:unset;background:url(../images/frame_straight3.png) no-repeat center center/cover;padding:8% 2%}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sec5 .ctn5{background:url(../images/frame_straight3.webp) no-repeat center center/cover}}}#sec5 .ctn5 a{position:relative;max-width:360px;display:block;margin:1% 1.2%}#sec5 .ctn5 a:hover{filter:brightness(1.2)}#sec5 .ctn5 a.tip1:hover::before{content:"九週年慶典限定「連擊率」可從這活動獲得！";width:100%;height:100%;background-color:rgba(0,0,0,.6901960784);color:#fff;line-height:1.2rem;align-content:center;position:absolute;padding:2%}#sec5 .ctn5 a.tip2:hover::before{content:"九週年慶典限定「署名、外觀編制券 」可從這活動獲得！";width:100%;height:100%;background-color:rgba(0,0,0,.6901960784);color:#fff;line-height:1.2rem;align-content:center;position:absolute;padding:2%}@media only screen and (max-width: 768px){#sec5 .ctn5 a{max-width:48%;margin:1%}}.mySwiper{max-width:1500px;padding-top:32vh;margin:1% auto 0}.mySwiper::before{content:"";width:100%;height:853px;background:url(../images/frame3.png) no-repeat center center/auto;position:absolute;top:21.2vh;left:0;z-index:1}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.mySwiper::before{background:url(../images/frame3.webp) no-repeat center center/auto}}@media only screen and (max-width: 768px){.mySwiper::before{background-size:cover}}@media only screen and (max-width: 480px){.mySwiper::before{display:none}}@media only screen and (max-width: 768px){.mySwiper{max-width:98vw}}@media only screen and (max-width: 480px){.mySwiper{padding-top:6vh}}.swiper-notification{display:none}.swiper-pagination{position:relative}.swiper-pagination::before{content:"";width:100%;height:270px;background:url(../images/swipbtn_deco.png) no-repeat center center/contain;position:absolute;left:0;bottom:50%}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-pagination::before{background:url(../images/swipbtn_deco.webp) no-repeat center center/contain}}@media only screen and (max-width: 1200px){.swiper-pagination::before{bottom:10%}}.swiper-pagination .swiper-pagination-bullet{position:relative;width:145px;height:145px;color:#746b65;border-radius:0;opacity:1}@media only screen and (max-width: 480px){.swiper-pagination .swiper-pagination-bullet{width:100px;height:100px}}.swiper-pagination .swiper-pagination-bullet:nth-of-type(1){background:url("../images/swipbtn1.png") no-repeat center center/contain;margin:2% .5%}.swiper-pagination .swiper-pagination-bullet:nth-of-type(1):hover,.swiper-pagination .swiper-pagination-bullet:nth-of-type(1).swiper-pagination-bullet-active{background:url("../images/swipbtn1_hover.png") no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-pagination .swiper-pagination-bullet:nth-of-type(1):hover,.swiper-pagination .swiper-pagination-bullet:nth-of-type(1).swiper-pagination-bullet-active{background:url("../images/swipbtn1_hover.webp") no-repeat center center/contain}}.swiper-pagination .swiper-pagination-bullet:nth-of-type(2){background:url("../images/swipbtn2.png") no-repeat center center/contain;margin:2% .5%}.swiper-pagination .swiper-pagination-bullet:nth-of-type(2):hover,.swiper-pagination .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active{background:url("../images/swipbtn2_hover.png") no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-pagination .swiper-pagination-bullet:nth-of-type(2):hover,.swiper-pagination .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active{background:url("../images/swipbtn2_hover.webp") no-repeat center center/contain}}.swiper-pagination .swiper-pagination-bullet:nth-of-type(3){background:url("../images/swipbtn3.png") no-repeat center center/contain;margin:2% .5%}.swiper-pagination .swiper-pagination-bullet:nth-of-type(3):hover,.swiper-pagination .swiper-pagination-bullet:nth-of-type(3).swiper-pagination-bullet-active{background:url("../images/swipbtn3_hover.png") no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-pagination .swiper-pagination-bullet:nth-of-type(3):hover,.swiper-pagination .swiper-pagination-bullet:nth-of-type(3).swiper-pagination-bullet-active{background:url("../images/swipbtn3_hover.webp") no-repeat center center/contain}}.swiper-pagination .swiper-pagination-bullet:nth-of-type(4){background:url("../images/swipbtn4.png") no-repeat center center/contain;margin:2% .5%}.swiper-pagination .swiper-pagination-bullet:nth-of-type(4):hover,.swiper-pagination .swiper-pagination-bullet:nth-of-type(4).swiper-pagination-bullet-active{background:url("../images/swipbtn4_hover.png") no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-pagination .swiper-pagination-bullet:nth-of-type(4):hover,.swiper-pagination .swiper-pagination-bullet:nth-of-type(4).swiper-pagination-bullet-active{background:url("../images/swipbtn4_hover.webp") no-repeat center center/contain}}.swiper-pagination .swiper-pagination-bullet:nth-of-type(5){background:url("../images/swipbtn5.png") no-repeat center center/contain;margin:2% .5%}.swiper-pagination .swiper-pagination-bullet:nth-of-type(5):hover,.swiper-pagination .swiper-pagination-bullet:nth-of-type(5).swiper-pagination-bullet-active{background:url("../images/swipbtn5_hover.png") no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-pagination .swiper-pagination-bullet:nth-of-type(5):hover,.swiper-pagination .swiper-pagination-bullet:nth-of-type(5).swiper-pagination-bullet-active{background:url("../images/swipbtn5_hover.webp") no-repeat center center/contain}}.swiper-pagination .swiper-pagination-bullet:nth-of-type(6){background:url("../images/swipbtn6.png") no-repeat center center/contain;margin:2% .5%}.swiper-pagination .swiper-pagination-bullet:nth-of-type(6):hover,.swiper-pagination .swiper-pagination-bullet:nth-of-type(6).swiper-pagination-bullet-active{background:url("../images/swipbtn6_hover.png") no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-pagination .swiper-pagination-bullet:nth-of-type(6):hover,.swiper-pagination .swiper-pagination-bullet:nth-of-type(6).swiper-pagination-bullet-active{background:url("../images/swipbtn6_hover.webp") no-repeat center center/contain}}.swiper-pagination .swiper-pagination-bullet:nth-of-type(7){background:url("../images/swipbtn7.png") no-repeat center center/contain;margin:2% .5%}.swiper-pagination .swiper-pagination-bullet:nth-of-type(7):hover,.swiper-pagination .swiper-pagination-bullet:nth-of-type(7).swiper-pagination-bullet-active{background:url("../images/swipbtn7_hover.png") no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-pagination .swiper-pagination-bullet:nth-of-type(7):hover,.swiper-pagination .swiper-pagination-bullet:nth-of-type(7).swiper-pagination-bullet-active{background:url("../images/swipbtn7_hover.webp") no-repeat center center/contain}}.swiper-pagination .swiper-pagination-bullet:nth-of-type(8){background:url("../images/swipbtn8.png") no-repeat center center/contain;margin:2% .5%}.swiper-pagination .swiper-pagination-bullet:nth-of-type(8):hover,.swiper-pagination .swiper-pagination-bullet:nth-of-type(8).swiper-pagination-bullet-active{background:url("../images/swipbtn8_hover.png") no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-pagination .swiper-pagination-bullet:nth-of-type(8):hover,.swiper-pagination .swiper-pagination-bullet:nth-of-type(8).swiper-pagination-bullet-active{background:url("../images/swipbtn8_hover.webp") no-repeat center center/contain}}.swiper-pagination .swiper-pagination-bullet:nth-of-type(3),.swiper-pagination .swiper-pagination-bullet:nth-of-type(6){margin-top:-2%}@media only screen and (max-width: 1200px){.swiper-pagination .swiper-pagination-bullet:nth-of-type(3),.swiper-pagination .swiper-pagination-bullet:nth-of-type(6){margin-top:unset}}.swiper-pagination .swiper-pagination-bullet:nth-of-type(2),.swiper-pagination .swiper-pagination-bullet:nth-of-type(7){margin:2% .2%;margin-top:-8%}@media only screen and (max-width: 1200px){.swiper-pagination .swiper-pagination-bullet:nth-of-type(2),.swiper-pagination .swiper-pagination-bullet:nth-of-type(7){margin-top:unset}}.swiper-pagination .swiper-pagination-bullet:nth-of-type(1),.swiper-pagination .swiper-pagination-bullet:nth-of-type(8){margin:2% .2%;margin-top:-16%}@media only screen and (max-width: 1200px){.swiper-pagination .swiper-pagination-bullet:nth-of-type(1),.swiper-pagination .swiper-pagination-bullet:nth-of-type(8){margin-top:unset}}.swiper-pagination .swiper-pagination-bullet:nth-of-type(6)::before,.swiper-pagination .swiper-pagination-bullet:nth-of-type(8)::before{content:"";width:77px;height:41px;background:url(../images/new.png) no-repeat center center/contain;position:absolute;top:-4%;right:0}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-pagination .swiper-pagination-bullet:nth-of-type(6)::before,.swiper-pagination .swiper-pagination-bullet:nth-of-type(8)::before{background:url(../images/new.webp) no-repeat center center/contain}}footer{color:#fff}