.mainColor{color:#ff5600}.noteColor{color:#ff7e7e}.linkColor{color:#3fa493}.linkColor:hover{color:#358d7e}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}img{max-width:100%}button{background:0 0;border:0}body{background-color:#000;font-family:"Noto Sans TC",sans-serif,Arial;font-weight:bolder;overflow-x:hidden}main,section{position:relative;text-align:center}.bg-video{width:100%;visibility:hidden;position:absolute;top:0;left:0}.bg-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;mix-blend-mode:lighten}h3{font-weight:700;font-size:24px;letter-spacing:1px;line-height:1.3;color:#ff5600;margin:0 auto}@media only screen and (max-width:480px){h3{font-size:16px}}p{font-size:18px;line-height:1.6;color:#eff2f9}@media only screen and (max-width:480px){p{font-size:14px}}#gotop{position:fixed;right:2vw;bottom:2vh;z-index:9}@media only screen and (max-width:480px){#gotop{max-width:26vw}}#gotop:hover{background:url(../images/top_hover.png) no-repeat center center/contain}#gotop:hover img{opacity:0}main{background:url(../images/mainbg.jpg) no-repeat left top/contain;min-height:100vh;padding-top:80px;margin-bottom:-60vh}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main{background:url(../images/mainbg.webp) no-repeat left top/contain}}@media only screen and (max-width:1440px){main{background-size:cover}}@media only screen and (max-width:480px){main{margin-bottom:-50vh}}main .title{position:absolute;transform:translateX(-50%);left:50%;bottom:36vh;text-align:center;margin:0 auto;z-index:9}@media only screen and (max-width:480px){main .title{transform:unset;left:unset}}main .mainlink{margin-top:-4%}main .mainlink a:hover{filter:brightness(1.2)}section{min-height:2340px;background:url(../images/bg.png) no-repeat center top/cover;padding:30vh 0 6vh}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section{background:url(../images/bg.webp) no-repeat center top/cover}}@media only screen and (max-width:800px){section{min-height:100vh}}@media only screen and (max-width:480px){section{padding-top:20vh}}section .char{display:flex;justify-content:center;align-items:center;margin-bottom:-20vh}@media only screen and (max-width:800px){section .char{margin-bottom:-10vh}}@media only screen and (max-width:480px){section .char{margin-bottom:-4vh}}section .outlink:hover{filter:brightness(1.2)}section .items:nth-of-type(2){margin-top:-16vh}@media only screen and (max-width:1440px){section .items:nth-of-type(2){margin-top:0}}@media only screen and (max-width:800px){section .items img{max-width:40vw;margin-bottom:-6%}section .items img:last-of-type,section .items img:nth-last-of-type(2){margin-bottom:0}}.modal{background-color:#00000085;padding-top:10vh;z-index:999}@media only screen and (max-width:480px){.modal{padding-top:20vh}}.modal .modal-content{border:none}.modal .modal-dialog{max-width:1200px;pointer-events:auto}.modal .modal-body{text-align:center}.modal-backdrop{display:none}button.close{position:absolute;display:inline-block;width:43px;height:44px;font-size:0;right:-70px;top:0;transition:.2s;z-index:999}@media only screen and (max-width:1200px){button.close{right:0}}button.close::before{content:"";position:absolute;top:50%;left:50%;width:84px;height:1px;background-color:#fff;transform:translate(-50%,-50%) rotate(45deg)}button.close::after{content:"";position:absolute;top:50%;left:50%;width:84px;height:1px;background-color:#fff;transform:translate(-50%,-50%) rotate(135deg)}@media only screen and (max-width:1440px){#player1{max-width:90vw;max-height:70vh}}.swiper-button-next,.swiper-button-prev{width:76px;height:89px;position:absolute;z-index:9}@media only screen and (max-width:480px){.swiper-button-next,.swiper-button-prev{width:40px;height:40px}}.swiper-button-next::after,.swiper-button-prev::after{content:''}.swiper-button-next:hover,.swiper-button-prev:hover{opacity:1}.swiper-button-prev{background:url(../images/arrow_left.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-button-prev{background:url(../images/arrow_left.webp) no-repeat center center/contain}}.swiper-button-next{background:url(../images/arrow_right.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-button-next{background:url(../images/arrow_right.webp) no-repeat center center/contain}}.swiper-pagination{position:relative;margin:2% auto}#mySwiper{max-width:98vw;margin:0 auto}#mySwiper .swiper-pagination-bullet{position:relative;width:300px;height:130px;color:#929292;font-size:1.7rem;line-height:130px;border-radius:0;margin:1px!important;opacity:1;background:url(../images/btn.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#mySwiper .swiper-pagination-bullet{background:url(../images/btn.webp) no-repeat center center/contain}}@media only screen and (max-width:800px){#mySwiper .swiper-pagination-bullet{margin-bottom:-4%!important}}@media only screen and (max-width:480px){#mySwiper .swiper-pagination-bullet{width:180px;height:90px;font-size:1rem;line-height:90px}}#mySwiper .swiper-pagination-bullet.swiper-pagination-bullet-active,#mySwiper .swiper-pagination-bullet:hover{color:#00c0ff;background:url(../images/btn_hover.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#mySwiper .swiper-pagination-bullet.swiper-pagination-bullet-active,#mySwiper .swiper-pagination-bullet:hover{background:url(../images/btn_hover.webp) no-repeat center center/contain}}#mySwiper .swiper-pagination-bullet:nth-of-type(1)::before{content:"AVA X SF聯名地圖"}#mySwiper .swiper-pagination-bullet:nth-of-type(2)::before{content:"AVA X SF聯名商品"}#mySwiper .swiper-pagination-bullet:nth-of-type(3)::before{content:"改版活動"}#mySwiper .swiper-pagination-bullet:nth-of-type(4)::before{content:"改版資訊"}#mySwiper>.swiper-wrapper>.swiper-slide{opacity:0!important;pointer-events:none!important}#mySwiper>.swiper-wrapper>.swiper-slide.swiper-slide-visible{opacity:1!important;pointer-events:auto!important}#mySwiper2 .swiper-wrapper{align-items:center;padding:2% 0}@media only screen and (max-width:1440px){#mySwiper2 .swiper-wrapper{max-width:90vw}}#mySwiper2 .swiper-wrapper .swiper-slide{padding:0 10%}@media only screen and (max-width:1440px){#mySwiper2 .swiper-wrapper .swiper-slide{padding:0}}#mySwiper2 .swiper-wrapper .swiper-slide.swiper-slide-active{width:1000px!important;padding:0}@media only screen and (max-width:1440px){#mySwiper2 .swiper-wrapper .swiper-slide.swiper-slide-active{width:auto!important;max-width:80%}#mySwiper2 .swiper-wrapper .swiper-slide.swiper-slide-active img{max-width:90%}}#mySwiper2 .swiper-wrapper .swiper-slide.swiper-slide-active img{filter:drop-shadow(0 0 20px #0096ff)}#mySwiper2 .swiper-wrapper .swiper-slide .popbtn{background:0 0;border:0}#mySwiper2 .swiper-wrapper .swiper-slide .popbtn::before{content:'';width:118px;height:118px;background:url(../images/play.png) no-repeat center center/contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#mySwiper2 .swiper-wrapper .swiper-slide .popbtn::before{background:url(../images/play.webp) no-repeat center center/contain}}@media only screen and (max-width:480px){#mySwiper2 .swiper-wrapper .swiper-slide .popbtn::before{width:20vw;height:20vw}}#mySwiper2 .swiper-wrapper .swiper-slide .popbtn:hover{filter:brightness(1.2)}#mySwiper3{max-width:1200px;margin-top:-6vh}@media only screen and (max-width:480px){#mySwiper3{margin-top:-2vh}}#mySwiper3 .swiper-button{width:20%;min-height:90px;position:absolute;top:1%;right:10vw;display:flex;justify-content:space-between}@media only screen and (max-width:800px){#mySwiper3 .swiper-button{width:40%;top:2%}}@media only screen and (max-width:480px){#mySwiper3 .swiper-button{top:10%}}#mySwiper3 .swiper-button .swiper-button-next,#mySwiper3 .swiper-button .swiper-button-prev{position:relative;display:block}#mySwiper3 .swiper-wrapper{align-items:flex-end}#mySwiper3 .swiper-wrapper .swiper-slide img{padding:6% 4% 0;filter:grayscale(1)}#mySwiper3 .swiper-wrapper .swiper-slide.swiper-slide-active img{padding:0;filter:grayscale(0)}