@charset "UTF-8";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:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;overflow-x:hidden}button,ol,ul{margin:0;padding:0}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:focus,a:active,a:focus,a:hover,button:focus{text-decoration:none;outline:0}a,button{border:none;font-size:unset;padding:0;margin:0;background:0 0;background-color:none;outline:0;border:none}img{max-width:100%;height:auto}.tab-content>.tab-pane{height:0;display:block;opacity:0;pointer-events:none}.tab-content>.active{height:auto;opacity:1;pointer-events:auto}.nav-pills .nav-link,.nav-pills a.nav-link,.nav-pills a.nav-link.active,.nav-tabs .nav-link,.nav-tabs a.nav-link,.nav-tabs a.nav-link.active{padding:0;background:0 0;background-color:none}.tab-pane{display:none}.tab-pane.active{display:block}@font-face{font-family:SWEI-leg;src:url(../webfonts/SweiB2LegCJKtc-Regular.ttf)}body{background-color:#000;font-family:SWEI-leg,"Noto Sans TC","Microsoft JhengHei","Playfair Display",sans-serif,Arial}.sideBtn{position:fixed;right:1vw;top:50%;transform:translateY(-50%);z-index:99;transition:1s all;min-width:171px}.sideBtn li{position:relative;text-align:right;margin:4% 0}.sideBtn li .icon,.sideBtn li span{display:inline-block}.sideBtn li a{position:relative;padding:0}.sideBtn li a.active .icon,.sideBtn li a:hover .icon{opacity:1}@media only screen and (max-width:480px){.sideBtn li a.active .icon,.sideBtn li a:hover .icon{opacity:.6}}.sideBtn li a .icon{position:absolute;right:0;pointer-events:none;opacity:0}#main{position:relative;background:url(../images/mainbg.jpg) no-repeat center center;background-size:cover;padding:80px 0 4%;min-height:180vh;overflow:hidden}#main .title{text-align:center}@media only screen and (max-width:480px){#main .title>img{max-width:96vw}}#main .title .link{display:flex;justify-content:center;align-items:center}#main .title .link a{color:#fff;display:inline-block;width:140px;line-height:40px;border-radius:10px;background-color:#2776d9;box-shadow:inset 0 -2px 0 0 #f751ff;margin:0 .4%;transition:.3s all}#main .title .link a:hover{filter:brightness(1.2)}@media only screen and (max-width:480px){#main .title .link a:nth-of-type(2){display:none}}#main .title>.popbtn{position:relative;width:679px;height:403px;background:url(../images/videobg.png) no-repeat center center;background-size:contain;margin:2% auto;padding:0 17px 11px 0}@media only screen and (max-width:480px){#main .title>.popbtn{width:90vw}}#main .title>.popbtn::before{content:'';width:102px;height:102px;background:url(../images/vbtn.png) no-repeat center center;background-size:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.6s}#main .title>.popbtn:hover::before{filter:brightness(2)}#main .title>.popbtn .bg-video{width:600px;height:338px}@media only screen and (max-width:480px){#main .title>.popbtn .bg-video{width:100%}}#main .main{display:flex;justify-content:center;text-align:center}@media only screen and (max-width:800px){#main .main{flex-wrap:wrap}}#main .main p{font-size:1rem}#main .main .mainc1{min-width:640px;min-height:830px;background:url(../images/mainCtnBg1.png) no-repeat center top;background-size:cover;margin-right:2%}@media only screen and (max-width:480px){#main .main .mainc1{min-width:unset;width:90vw;min-height:auto;margin-right:unset}}#main .main .mainc1 p{color:#ff7ec1}#main .main .mainc2{min-width:475px;min-height:830px;background:url(../images/mainCtnBg2.png) no-repeat center top;background-size:cover}@media only screen and (max-width:480px){#main .main .mainc2{min-width:unset;width:90vw;min-height:auto}}#main .main .mainc2 p{color:#34c1da}#main .main .ctnLink{display:flex;flex-wrap:wrap;justify-content:space-evenly}#main .main .ctnLink a{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:flex-end;color:#bed5ff;line-height:1.4rem;margin:2% 6%}#main .main .ctnLink a img{margin-bottom:8%}#main .main .coin{font-size:1.8rem}.coin{text-align:center;width:200px;background-color:#000;padding:6px;margin:1% auto;border-radius:30px;font-weight:700;font-size:1.6rem}.coin.m span{color:#52ca9a}.coin img{margin-right:10%}.coin span{color:#fdce35}#notice{font-size:36px;font-weight:700;color:#404040}#notice li{text-align:left;font-size:16px;font-weight:400;line-height:1.6rem;list-style:disc;max-width:80%;margin:1% auto}section{position:relative;text-align:center;padding:4% 0}@media only screen and (max-width:1200px){section{padding:1% 0}}section h2{position:relative;margin:2vh auto}section h2 p{font-size:1.2rem;line-height:1.6rem;letter-spacing:unset;margin:1rem auto}@media only screen and (max-width:1200px){section h2>img{max-width:90vw}}section#s2{background:url(../images/bg1.jpg) no-repeat center center;background-size:cover;min-height:1451px}@media only screen and (max-width:800px){section#s2{min-height:unset}}section#s2 h2 p{color:#bed5ff}section#s2 h2 p span{color:#7baaff}section#s2 .swiperTab{display:flex}section#s2 .mySwiper{max-width:60vw;margin:0 auto}@media only screen and (max-width:1200px){section#s2 .mySwiper{max-width:90vw}}section#s2 ul.remark{color:#8183b2;text-shadow:0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000}section#s3{background:url(../images/bg2.jpg) no-repeat center center;background-size:cover;min-height:1297px}@media only screen and (max-width:480px){section#s3{min-height:unset}}section#s3 h2 p{color:#af9ec9}section#s3 h2 p span{color:#caa8fc}section#s3 ul.remark{color:#4a332c}section#s4{background:url(../images/bg3.jpg) no-repeat center center;background-size:cover;min-height:970px}@media only screen and (max-width:480px){section#s4{min-height:unset}}section#s4 h2 p{color:#4a1832}section#s4 h2 p span{color:#791649}section#s5{background:url(../images/bg4.jpg) no-repeat center center;background-size:cover;min-height:2537px}@media only screen and (max-width:480px){section#s5{min-height:unset}}section#s5 h2 p{color:#0d2e4e}section#s5 h2 p span{color:#000306}section#s5 .duck{margin:4% auto 10%}section#s5 .pet{display:flex;flex-wrap:wrap;max-width:1200px;justify-content:center;margin:0 auto}section#s5 .pet img{margin:0 2%}section#s7{background:url(../images/bg5.jpg) no-repeat center center;background-size:cover;min-height:1151px}@media only screen and (max-width:480px){section#s7{min-height:unset}}section#s7 h2 p{color:#0d2e4e}section#s8{background:url(../images/bg6.jpg) no-repeat center center;background-size:cover}@media only screen and (max-width:800px){section#s8{padding:2%}}section#s8 h2:first-of-type img:nth-of-type(2){margin:2% auto -2%}section#s8 h2 p{color:#d9dfe5}section#s8 h2 p span{color:#b6b9bd}section#s8 .shop{display:flex;justify-content:center}@media only screen and (max-width:480px){section#s8 .shop{flex-wrap:wrap}}section#s8 .shop>div{margin:4% 2% 1%}section#s8 .shop>div .coin{margin:4% auto}section#s8 ul.remark.rice{margin-top:0;margin-bottom:3%}section#s8 ul.remark.rice li{text-align:center;list-style:none}section#s8 ul.remark.rice li::before{content:"*"}section#s8 .vposture{margin-bottom:2%}section#s8 .vposture .posture{max-width:600px;height:340px}@media only screen and (max-width:480px){section#s8 .vposture .posture{max-width:90vw}}section#s8 .vposture p{color:#9b8bdd;font-size:1rem}ul.remark{color:#5f5c6b;line-height:1.6rem;text-align:left;max-width:800px;margin:2% auto}@media only screen and (max-width:800px){ul.remark{max-width:90vw}}ul.remark li{list-style:disc}.note{font-size:1.2rem;font-weight:700;line-height:2rem;color:#915398;text-align:center;max-width:1000px;margin:0 auto;padding-left:30px}@media only screen and (max-width:800px){.note{font-size:1rem;line-height:1.6rem;margin-top:2vh}}.note li{text-align:left;color:#6e7382;list-style-type:disc}.modal{z-index:999;padding-top:10vh;background-color:#00000085}@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;padding:4%;height:60vh}.modal-backdrop{display:none}button.close{position:absolute;display:inline-block;width:60px;height:60px;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:1200px){#player1{width:90vw;height:70vh}}@media only screen and (max-width:800px){#player1{height:50vh}}#notice-modal .modal-body{background-color:#f2f2f2d4}@media only screen and (max-width:1200px){#notice-modal .modal-body{width:90vw;margin:2% auto}}.swiperTab{display:flex;justify-content:center}.swiperTab button{margin-right:-38px}@media only screen and (max-width:480px){.swiperTab button{width:33vw;margin-right:-16px}}.swiperTab button.active img,.swiperTab button:hover img{opacity:0}.swiperTab button.active:nth-of-type(1),.swiperTab button:hover:nth-of-type(1){background:url(../images/slide1btn11.png) no-repeat center center;background-size:contain}.swiperTab button.active:nth-of-type(2),.swiperTab button:hover:nth-of-type(2){background:url(../images/slide1btn22.png) no-repeat center center;background-size:contain}.swiperTab button.active:nth-of-type(3),.swiperTab button:hover:nth-of-type(3){background:url(../images/slide1btn33.png) no-repeat center center;background-size:contain}.swiper-notification{display:block;width:14px;height:14px}.swiper-button-next,.swiper-button-prev{width:80px;height:80px;background:url(../images/arrow.png) no-repeat center center;background-size:contain;position:absolute}@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{background:url(../images/arrowhover.png) no-repeat center center;background-size:contain}.swiper-button-next{transform:rotate(180deg)}.swiper-pagination{position:relative;margin:1% auto}@media only screen and (max-width:1200px){.swiper-pagination{margin:2% auto}}@media only screen and (max-width:480px){.swiper-pagination{margin:4% auto}}.swiper-pagination .swiper-pagination-bullet{position:relative;width:90px;height:26px;display:none;font-size:1.2rem;color:#665f79;border-radius:0;margin:0 10px!important;background:0 0}.swiper-pagination .swiper-pagination-bullet:nth-of-type(odd)::before{content:"基本顏色"}.swiper-pagination .swiper-pagination-bullet:nth-of-type(odd)::after{content:"";width:1px;height:15px;position:absolute;background-color:#3b3076;top:0;right:-10px}.swiper-pagination .swiper-pagination-bullet:nth-of-type(even)::before{content:"染色樣品"}.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{display:inline-block;background:0 0;color:#cbc2f8;border-bottom:solid 3px #8469ff}.swiper-pagination .swiper-pagination-bullet.on{display:inline-block;opacity:1}.swiper-wrapper{align-items:center}.swiper-wrapper .swiper-slide img{margin:1.5%}.slick-next,.slick-prev{top:50%;width:80px;height:80px;z-index:9}@media only screen and (max-width:480px){.slick-next,.slick-prev{width:40px;height:40px}}.slick-next::before,.slick-prev::before{content:''}.slick-prev{left:1vw;background:url(../images/arrow.png) no-repeat center center;background-size:contain}@media only screen and (max-width:1440px){.slick-prev{left:-2vw}}.slick-prev:focus,.slick-prev:hover{background:url(../images/arrowhover.png) no-repeat center center;background-size:contain}.slick-next{right:1vw;background:url(../images/arrow.png) no-repeat center center;background-size:contain;transform:translate(0,-50%) rotate(180deg)}@media only screen and (max-width:1440px){.slick-next{right:-2vw}}.slick-next:focus,.slick-next:hover{background:url(../images/arrowhover.png) no-repeat center center;background-size:contain}.slick-dots{display:flex;justify-content:center;top:-100px;bottom:unset}.slick-dots li button::before{content:''}.slick-dotted.slick-slider.slick-slider{max-width:60vw;margin:100px auto 0}@media only screen and (max-width:1200px){.slick-dotted.slick-slider.slick-slider{max-width:90vw}}.slick-dotted.slick-slider.slick-slider .arms,.slick-dotted.slick-slider.slick-slider .avatar,.slick-dotted.slick-slider.slick-slider .musical{display:flex;flex-wrap:wrap;justify-content:center}.slick-dotted.slick-slider.slick-slider .arms img,.slick-dotted.slick-slider.slick-slider .avatar img,.slick-dotted.slick-slider.slick-slider .musical img{margin:1%}#slick-area .slick-dots{top:-100px}@media only screen and (max-width:480px){#slick-area .slick-dots{flex-wrap:wrap}}#slick-area .slick-dots li{display:block;width:148px;height:80px;margin-right:-44px}@media only screen and (max-width:800px){#slick-area .slick-dots li{margin-right:-34px}}@media only screen and (max-width:480px){#slick-area .slick-dots li{width:30vw;height:30px;background-size:cover!important}}#slick-area .slick-dots li:nth-of-type(1){width:153px;background:url(../images/slide2btn1.png) no-repeat center center;background-size:contain}@media only screen and (max-width:480px){#slick-area .slick-dots li:nth-of-type(1){width:30vw}}#slick-area .slick-dots li:nth-of-type(1).slick-active,#slick-area .slick-dots li:nth-of-type(1):hover{background:url(../images/slide2btn11.png) no-repeat center center;background-size:contain}#slick-area .slick-dots li:nth-of-type(2){background:url(../images/slide2btn2.png) no-repeat center center;background-size:contain}#slick-area .slick-dots li:nth-of-type(2).slick-active,#slick-area .slick-dots li:nth-of-type(2):hover{background:url(../images/slide2btn22.png) no-repeat center center;background-size:contain}#slick-area .slick-dots li:nth-of-type(3){background:url(../images/slide2btn3.png) no-repeat center center;background-size:contain}#slick-area .slick-dots li:nth-of-type(3).slick-active,#slick-area .slick-dots li:nth-of-type(3):hover{background:url(../images/slide2btn33.png) no-repeat center center;background-size:contain}#slick-area .slick-dots li:nth-of-type(4){background:url(../images/slide2btn4.png) no-repeat center center;background-size:contain}#slick-area .slick-dots li:nth-of-type(4).slick-active,#slick-area .slick-dots li:nth-of-type(4):hover{background:url(../images/slide2btn44.png) no-repeat center center;background-size:contain}#slick-area .slick-dots li:nth-of-type(5){background:url(../images/slide2btn5.png) no-repeat center center;background-size:contain}#slick-area .slick-dots li:nth-of-type(5).slick-active,#slick-area .slick-dots li:nth-of-type(5):hover{background:url(../images/slide2btn55.png) no-repeat center center;background-size:contain}#slick-area .slick-dots li:nth-of-type(6){background:url(../images/slide2btn6.png) no-repeat center center;background-size:contain}#slick-area .slick-dots li:nth-of-type(6).slick-active,#slick-area .slick-dots li:nth-of-type(6):hover{background:url(../images/slide2btn66.png) no-repeat center center;background-size:contain}#slick-area .slick-dots li:nth-of-type(7){background:url(../images/slide2btn7.png) no-repeat center center;background-size:contain}#slick-area .slick-dots li:nth-of-type(7).slick-active,#slick-area .slick-dots li:nth-of-type(7):hover{background:url(../images/slide2btn77.png) no-repeat center center;background-size:contain}#slick-area .slick-dots li:nth-of-type(8){width:153px;background:url(../images/slide2btn8.png) no-repeat center center;background-size:contain}@media only screen and (max-width:480px){#slick-area .slick-dots li:nth-of-type(8){width:30vw}}#slick-area .slick-dots li:nth-of-type(8).slick-active,#slick-area .slick-dots li:nth-of-type(8):hover{background:url(../images/slide2btn88.png) no-repeat center center;background-size:contain}#slick-area .slick-dots li button::before{content:''}@media only screen and (max-width:480px){#slick-area2 .slick-dots{flex-wrap:wrap}}#slick-area2 .slick-dots li{display:block;width:178px;height:80px;margin-right:-44px}@media only screen and (max-width:480px){#slick-area2 .slick-dots li{width:40vw;height:30px;margin-right:-38px;background-size:cover!important}}#slick-area2 .slick-dots li:nth-of-type(1){width:183px;background:url(../images/slide3btn1.png) no-repeat center center;background-size:contain}@media only screen and (max-width:480px){#slick-area2 .slick-dots li:nth-of-type(1){width:40vw}}#slick-area2 .slick-dots li:nth-of-type(1).slick-active,#slick-area2 .slick-dots li:nth-of-type(1):hover{background:url(../images/slide3btn11.png) no-repeat center center;background-size:contain}#slick-area2 .slick-dots li:nth-of-type(2){background:url(../images/slide3btn2.png) no-repeat center center;background-size:contain}#slick-area2 .slick-dots li:nth-of-type(2).slick-active,#slick-area2 .slick-dots li:nth-of-type(2):hover{background:url(../images/slide3btn22.png) no-repeat center center;background-size:contain}#slick-area2 .slick-dots li:nth-of-type(3){background:url(../images/slide3btn3.png) no-repeat center center;background-size:contain}#slick-area2 .slick-dots li:nth-of-type(3).slick-active,#slick-area2 .slick-dots li:nth-of-type(3):hover{background:url(../images/slide3btn33.png) no-repeat center center;background-size:contain}#slick-area2 .slick-dots li:nth-of-type(4){background:url(../images/slide3btn4.png) no-repeat center center;background-size:contain}#slick-area2 .slick-dots li:nth-of-type(4).slick-active,#slick-area2 .slick-dots li:nth-of-type(4):hover{background:url(../images/slide3btn44.png) no-repeat center center;background-size:contain}#slick-area2 .slick-dots li:nth-of-type(5){background:url(../images/slide3btn5.png) no-repeat center center;background-size:contain}#slick-area2 .slick-dots li:nth-of-type(5).slick-active,#slick-area2 .slick-dots li:nth-of-type(5):hover{background:url(../images/slide3btn55.png) no-repeat center center;background-size:contain}#slick-area2 .slick-dots li:nth-of-type(6){width:183px;background:url(../images/slide3btn6.png) no-repeat center center;background-size:contain}@media only screen and (max-width:480px){#slick-area2 .slick-dots li:nth-of-type(6){width:40vw}}#slick-area2 .slick-dots li:nth-of-type(6).slick-active,#slick-area2 .slick-dots li:nth-of-type(6):hover{background:url(../images/slide3btn66.png) no-repeat center center;background-size:contain}#slick-area3 .slick-dots{top:-50px}#slick-area3 .slick-dots li{display:block;width:90px;height:26px;font-size:1.2rem;color:#665f79;margin:0 10px}#slick-area3 .slick-dots li:nth-of-type(1)::after{content:"";width:1px;height:15px;position:absolute;background-color:#3b3076;top:0;right:-10px}#slick-area3 .slick-dots li:nth-of-type(1)::before{content:"基本顏色"}#slick-area3 .slick-dots li:nth-of-type(2)::before{content:"染色樣品"}#slick-area3 .slick-dots li.slick-active,#slick-area3 .slick-dots li:hover{color:#cbc2f8;border-bottom:solid 3px #8469ff}