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:205px}.sideBtn li{position:relative;text-align:right;margin:4% 0}.sideBtn li:last-of-type{margin-top:6%}.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:120vh;overflow:hidden}@media only screen and (max-width:1440px){#main{min-height:100vh}}@media only screen and (max-width:1200px){#main{background-position-x:60%}}@media only screen and (max-width:480px){#main{min-height:calc(100vh + 80px);top:-80px}}#main .title{text-align:center;max-width:50vw;margin-left:8vw}@media only screen and (max-width:1440px){#main .title{margin-left:1vw}}@media only screen and (max-width:480px){#main .title{max-width:90vw;margin:30vh auto 0}}@media only screen and (max-width:480px){#main .title>img{max-width:96vw}}#main .title .link{display:flex;justify-content:center;align-items:center;margin:1% 0}@media only screen and (max-width:480px){#main .title .link{position:relative;z-index:99}}#main .title .link a{color:#fff;display:inline-block;width:140px;line-height:40px;border-radius:4px;background-color:#3e3a34;margin:0 .2vw;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:280px;height:280px;margin:4% auto}@media only screen and (max-width:480px){#main .title>.popbtn{width:90vw;margin:10% auto}}#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;z-index:9}#main .title>.popbtn:hover::before{filter:brightness(2)}#main .title>.popbtn .bg-video{width:280px;height:280px;border-radius:100%;overflow:hidden;background-color:#000;margin:0 auto}#main .title>.popbtn .bg-video::before{content:'';width:301px;height:302px;background:url(../images/vbtndeco.png) no-repeat center center;background-size:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.6s;z-index:999}.coin{position:relative;text-align:center;max-width:150px;background-color:#0d2525;padding:4px;margin:1% auto;font-weight:700;font-size:2rem;font-family:Cinzel}.coin::before{content:'';width:20px;height:100%;border:solid 12px transparent;border-right-color:#0d2525;position:absolute;top:0;left:-24px}.coin::after{content:'';width:20px;height:100%;border:solid 12px transparent;border-left-color:#0d2525;position:absolute;top:0;right:-24px}.coin img{margin-right:10%}.coin span{color:#fff}#notice{background-color:#f2f2f2f2;font-weight:700;color:#292929;padding:2% 4%;border-radius:0 0 12px 12px}@media only screen and (max-width:480px){#notice{padding:2%;padding-left:20px}}#notice li{text-align:left;font-size:1.2rem;font-weight:400;line-height:1.6rem;list-style:disc;max-width:98%;margin:1% auto}@media only screen and (max-width:480px){#notice li{font-size:1rem;margin:2% auto}}section{position:relative;text-align:center;min-height:100vh;padding:4% 0}@media only screen and (max-width:1200px){section{min-height:unset;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}section h2>img{margin-bottom:-1%}@media only screen and (max-width:1200px){section h2>img{max-width:90vw}}section#s1{background:url(../images/bg1.jpg) no-repeat center center;background-size:cover;min-height:120vh;display:flex;justify-content:center}@media only screen and (max-width:1440px){section#s1{min-height:100vh}}@media only screen and (max-width:1200px){section#s1{flex-wrap:wrap}}@media only screen and (max-width:800px){section#s1{min-height:unset}}section#s1::before{content:'';width:400px;height:1170px;background:url(../images/char1.png) no-repeat center center;background-size:contain;position:absolute;left:1vw}@media only screen and (max-width:1440px){section#s1::before{left:-8vw}}@media only screen and (max-width:800px){section#s1::before{display:none}}section#s1::after{content:'';width:300px;height:970px;background:url(../images/char2.png) no-repeat center center;background-size:contain;position:absolute;bottom:0;right:1vw}@media only screen and (max-width:1440px){section#s1::after{right:-8vw}}@media only screen and (max-width:800px){section#s1::after{display:none}}section#s1 .packctn{position:relative;width:630px;min-height:900px;z-index:1;margin:0 1%;margin-top:150px}section#s1 .packctn:first-of-type{background:url(../images/title1bg.png) no-repeat center top;background-size:contain}@media only screen and (max-width:480px){section#s1 .packctn:first-of-type{background-size:cover;padding:0 1% 6%}}section#s1 .packctn:last-of-type{background:url(../images/title1bg.png) no-repeat center top;background-size:contain}@media only screen and (max-width:480px){section#s1 .packctn:last-of-type{background-size:cover;padding:0 1% 6%}}@media only screen and (max-width:480px){section#s1 .packctn{max-width:98vw;min-height:auto}}section#s1 .packctn .main_box{margin-top:-150px}section#s1 .packctn .coin{margin:4% auto 2%}section#s1 .packctn .coin span{color:#e5f7d4}section#s1 .packctn .ctnLink{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}section#s1 .packctn .ctnLink a{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:flex-end;font-size:1.2rem;color:#dae4c3;line-height:1.4rem;margin:2% 6%}section#s1 .packctn .ctnLink a img{margin-bottom:8%}section#s2{background:url(../images/bg2.jpg) no-repeat center center;background-size:cover}@media only screen and (max-width:800px){section#s2{min-height:unset}}section#s2 h2 .coin{background-color:#492832}section#s2 h2 .coin::before{border-right-color:#492832}section#s2 h2 .coin::after{border-left-color:#492832}section#s2 h2 .coin span{color:#ffcede}section#s2 h2 p{color:#ad7286}section#s2 h2 p span{color:#d87194}section#s2 .swiperTab{display:flex;justify-content:center;margin-bottom:1%}@media only screen and (max-width:480px){section#s2 .swiperTab{position:relative;z-index:99}}section#s2 .swiperTab button{background-color:#3d1825;color:#855b6a;width:210px;height:50px;font-size:1.4rem;margin:0 .1%}@media only screen and (max-width:480px){section#s2 .swiperTab button{width:33vw}}section#s2 .swiperTab button.active,section#s2 .swiperTab button:hover{background-color:#874058;color:#fff1f6}section#s2 .swiperTab button:first-of-type{border-radius:4px 0 0 4px}section#s2 .swiperTab button:last-of-type{border-radius:0 4px 4px 0}section#s2 .mySwiper{max-width:60vw;margin:0 auto}@media only screen and (max-width:1200px){section#s2 .mySwiper{max-width:98vw}}section#s3{background:url(../images/bg3.jpg) no-repeat center center;background-size:cover}@media only screen and (max-width:480px){section#s3{min-height:unset}}section#s3 h2 .coin{background-color:#091b3f}section#s3 h2 .coin::before{border-right-color:#091b3f}section#s3 h2 .coin::after{border-left-color:#091b3f}section#s3 h2 .coin span{color:#bfceea}section#s3 h2 p{color:#6a7fad}section#s4{background:url(../images/bg4.jpg) no-repeat center center;background-size:cover}@media only screen and (max-width:480px){section#s4{min-height:unset}}section#s4 h2 .coin{background-color:#4c3c30}section#s4 h2 .coin::before{border-right-color:#4c3c30}section#s4 h2 .coin::after{border-left-color:#4c3c30}section#s4 h2 .coin span{color:#faf3f2}section#s4 h2 p{color:#ba9b85}section#s5{background:url(../images/bg5.jpg) no-repeat center center;background-size:cover}@media only screen and (max-width:480px){section#s5{min-height:unset}}section#s5 h2>img{margin-bottom:0}section#s5 h2 p{color:#ba9b85}ul.remark{font-size:1.2rem;color:#6b515a;line-height:2rem;text-align:left;max-width:900px;margin:2% auto;padding-left:16px}@media only screen and (max-width:800px){ul.remark{max-width:90vw}}ul.remark li{list-style: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:900px;pointer-events:auto}.modal .modal-header{height:70px;justify-content:center;align-items:center;background-color:#292929;border-radius:12px 12px 0 0}.modal .modal-body{padding:4%;text-align:center}.modal-backdrop{display:none}button.close{position:absolute;display:inline-block;width:60px;height:60px;font-size:0;right:0;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:60px;height:1px;background-color:#fff;transform:translate(-50%,-50%) rotate(45deg)}button.close::after{content:"";position:absolute;top:50%;left:50%;width:60px;height:1px;background-color:#fff;transform:translate(-50%,-50%) rotate(135deg)}#player1{max-width:100%}@media only screen and (max-width:1200px){#player1{max-width:90vw;height:70vh}}@media only screen and (max-width:800px){#player1{height:50vh}}@media only screen and (max-width:1200px){#notice-modal .modal-body{max-width:90vw}}.swiper-notification{display:block;width:14px;height:14px}.swiper-button-next,.swiper-button-prev{width:58px;height:98px;background:url(../images/arrow.png) no-repeat center center;background-size:contain;position:absolute;filter:brightness(.4)}@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{filter:brightness(1)}.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:135px;height:30px;display:none;font-size:1.4rem;color:#855b6a;border-radius:0;margin:0 10px!important;background:0 0}@media only screen and (max-width:480px){.swiper-pagination .swiper-pagination-bullet{width:40vw}}.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:18px;position:absolute;background-color:#69414d;top:0;right:-10px}.swiper-pagination .swiper-pagination-bullet:nth-of-type(even)::before{content:"染色樣品"}.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-pagination .swiper-pagination-bullet:hover{display:inline-block;background:url(../images/linedeco.png) no-repeat center bottom;background-size:contain;color:#eeddd7}.swiper-pagination .swiper-pagination-bullet.on{display:inline-block;opacity:1}.swiper-wrapper{align-items:center}.swiper-wrapper .swiper-slide img{margin:1.5%}