@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}ol,ul,button{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:fit-content}.tab-content>.tab-pane{height:0;display:block;opacity:0;pointer-events:none}.tab-content>.active{height:auto;opacity:1;pointer-events:auto}.nav-tabs .nav-link,.nav-tabs a.nav-link,.nav-tabs a.nav-link.active,.nav-pills .nav-link,.nav-pills a.nav-link,.nav-pills a.nav-link.active{padding:0;background:rgba(0,0,0,0);background-color:none}.tab-pane{display:none}.tab-pane.active{display:block}body{font-family:"Noto Sans TC","Microsoft JhengHei","Playfair Display",sans-serif,Arial;font-optical-sizing:auto;font-style:normal;font-weight:500;line-height:1}.wrap{position:relative;overflow:hidden;background:url(../images/main_bg.jpg) no-repeat center top/cover;max-width:2500px;min-height:2500px;margin:80px auto 0;transform:translateX(-50%);left:50%}@media only screen and (max-width: 768px){.wrap{background:url(../images/main_bg_m.jpg) no-repeat center top/cover;min-height:3200px}}#main{position:relative;min-height:1000px;overflow:hidden}#main .title_wrapper{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}#main .title_wrapper .title_box{position:relative;text-align:center}#main .title_wrapper .title_box .title{opacity:0;filter:blur(30px);animation:blur .5s ease-in-out 1 forwards}#main .title_wrapper .link{display:flex;justify-content:center;align-items:center;text-align:center;margin:30px 0 0;opacity:0;filter:blur(30px);animation:blur .5s ease-in-out 1 forwards;gap:25px}#main .title_wrapper .link a{position:relative;display:inline-block;width:164px;height:42px;border-radius:25px;font-size:18px;line-height:2.2;color:#fff;transition:all .3s ease-in-out}#main .title_wrapper .link a:nth-of-type(1){background:#e78e2b}#main .title_wrapper .link a:nth-of-type(1):hover{background:#bb7423}#main .title_wrapper .link a:nth-of-type(2){background:#d72f4e}#main .title_wrapper .link a:nth-of-type(2):hover{background:#aa263f}@media only screen and (max-width: 480px){#main .title_wrapper .link a:nth-of-type(2){display:none}}section{position:relative;text-align:center}@media only screen and (max-width: 1200px){section{min-height:unset;padding:30px 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 p{letter-spacing:0;font-size:19px;font-weight:500}section#s1 .container{flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:1300px}@media only screen and (max-width: 480px){section#s1 .container{padding:0px}}section#s1 .container .title{margin-bottom:40px}section#s1 .container .title p{padding-top:20px;font-size:19px;line-height:1.8;color:#fff;text-shadow:2px 0px 5px #222803;font-weight:400}@media only screen and (max-width: 480px){section#s1 .container .title p{font-size:16px}}section#s1 .container .title p span{color:#fbe343;vertical-align:top}section#s1 .container .title p span.note{margin-left:-10px}section#s1 .container .wrapper{background:#dae892;background:linear-gradient(0deg, rgb(218, 232, 146) 0%, rgb(227, 236, 179) 100%);border:8px solid #fcf36a;border-radius:30px;padding:15px;display:flex;flex-wrap:wrap;position:relative}section#s1 .container .wrapper::before,section#s1 .container .wrapper::after{content:"";position:absolute;right:-16%;top:-184px}@media only screen and (max-width: 768px){section#s1 .container .wrapper::before,section#s1 .container .wrapper::after{display:none}}section#s1 .container .wrapper::before{background:url("../images/bee1.png") no-repeat 0 0/contain;width:176px;height:218px}section#s1 .container .wrapper::after{background:url("../images/bee2.png") no-repeat 0 0/contain;width:200px;height:248px;top:50%;transform:translateY(-50%);left:-21%;right:unset;margin-top:100px}section#s1 .container .wrapper>[class*=col-]{padding-top:15px;padding-bottom:15px}section#s1 .container .wrapper .card{background:rgba(0,0,0,0);border-radius:20px 20px 0px 0px;border:none;min-height:320px;height:100%}section#s1 .container .wrapper .card .title{background:#fff453;background:linear-gradient(0deg, rgb(255, 244, 83) 0%, rgb(255, 247, 132) 100%);border-radius:20px 20px 0px 0px;margin:0}section#s1 .container .wrapper .card .title p{font-size:20px;color:#373e12;padding:0px;line-height:60px;font-weight:700;text-shadow:none}section#s1 .container .wrapper .card .content{display:flex;align-items:flex-end;flex-wrap:wrap;justify-content:center;background:#a4b83c;padding:15px 0;border:4px solid #fff453;border-top:none;height:100%}section#s1 .container .wrapper .card .content .col{display:flex;flex-direction:column;align-items:center;max-width:50%}section#s1 .container .wrapper .card .content .col .box{position:relative;margin-bottom:4px}section#s1 .container .wrapper .card .content .col .box .mug{position:absolute;right:0px;bottom:0px;cursor:pointer}section#s1 .container .wrapper .card .content .col .box.pop{cursor:pointer}section#s1 .container .wrapper .card .content .col .box.pop::before{content:"";position:absolute;background-position:0 0;background-repeat:no-repeat;background-size:contain;display:block;left:50%;top:100%;transform:translateX(-50%);opacity:0;pointer-events:none;z-index:10;transition:opacity .3s ease-in-out;margin:0 auto}section#s1 .container .wrapper .card .content .col .box.pop:hover::before{opacity:1}section#s1 .container .wrapper .card .content .col .box.pop.pop1::before{width:min(340px,90vw);height:auto;aspect-ratio:340/520;background-image:url("../images/pop1.png")}section#s1 .container .wrapper .card .content .col .box.pop.pop2::before{width:min(704px,54vw);height:auto;aspect-ratio:704/520;background-image:url("../images/pop2.png")}section#s1 .container .wrapper .card .content .col .box.pop.pop3::before{width:min(704px,54vw);height:auto;aspect-ratio:704/520;background-image:url("../images/pop3.png")}section#s1 .container .wrapper .card .content .col .item_name{margin-bottom:4px}section#s1 .container .wrapper .card .content .col .item_name p{font-size:19px;line-height:1.3;color:#fff;text-wrap:nowrap}@media only screen and (max-width: 768px){section#s1 .container .wrapper .card .content .col .item_name p{font-size:14px}}section#s1 .container .wrapper .card .content .col .item_price{position:relative;background:#f1718d;border-radius:15px;margin-bottom:20px;width:200px;height:35px}@media only screen and (max-width: 480px){section#s1 .container .wrapper .card .content .col .item_price{width:140px;height:30px}}section#s1 .container .wrapper .card .content .col .item_price p{font-size:18px;color:#fff;text-wrap-mode:nowrap;line-height:1.8;display:inline-block;vertical-align:middle}@media only screen and (max-width: 768px){section#s1 .container .wrapper .card .content .col .item_price p{font-size:12px}}section#s1 .container .wrapper .card .content .col .item_price::before{content:"";position:relative;width:29px;height:29px;background:url("../images/item_price.png") no-repeat center center/contain;margin-right:-4px;display:inline-block;vertical-align:middle}section#s1 .container .wrapper .card .content .col span{color:#ffde00;vertical-align:top}section#s1 #mug_box{position:fixed;left:50px;top:300px;max-width:80%;opacity:0;pointer-events:none;transition:.3s}section#s1 #mug_box.active{opacity:1;pointer-events:unset}@media only screen and (max-width: 480px){section#s1 #mug_box{left:10%}}section#s1 #mug_box #mug_close{position:absolute;right:-15px;top:-15px;width:30px;height:30px}section#s1 #mug_box #mug_close::after{content:"X";color:#fff;position:absolute;font-size:20px;line-height:30px;background:#333;right:0;top:0;border:2px solid #fff;border-radius:50%;width:30px;height:30px;opacity:.7}section#s1 #mug_box #mug_close:hover::after{opacity:1}.modal{z-index:999;padding-top:10vh;background-color:rgba(0,0,0,.5215686275)}@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-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}}#s2 .swiper-notification{display:block;width:14px;height:14px}#s2 .swiper-button-next,#s2 .swiper-button-prev{width:89px;height:89px;top:300px;background:url(../images/arrow.png) no-repeat center center;background-size:contain;position:absolute;filter:saturate(0%)}@media only screen and (max-width: 480px){#s2 .swiper-button-next,#s2 .swiper-button-prev{width:40px;height:40px}}#s2 .swiper-button-next::after,#s2 .swiper-button-prev::after{content:""}#s2 .swiper-button-next:hover,#s2 .swiper-button-prev:hover{filter:saturate(100%)}#s2 .swiper-button-next{transform:rotate(180deg)}#s2 .swiper-horizontal>.swiper-pagination-bullets,#s2 .swiper-pagination-bullets.swiper-pagination-horizontal,#s2 .swiper-pagination-custom,#s2 .swiper-pagination-fraction{top:20px}#s2 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,#s2 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0px}#s2 .swiper-pagination{position:absolute;margin:0% auto}@media only screen and (max-width: 1200px){#s2 .swiper-pagination{margin:2% auto}}@media only screen and (max-width: 480px){#s2 .swiper-pagination{margin:4% auto}}#s2 .swiper-pagination .swiper-pagination-bullet{position:absolute;width:90px;height:50px;opacity:0;font-size:1.4rem;color:#855b6a;border-radius:0;background:none;margin:0px;pointer-events:none}@media only screen and (max-width: 480px){#s2 .swiper-pagination .swiper-pagination-bullet{width:40vw}}#s2 .swiper-pagination .swiper-pagination-bullet span{opacity:0}#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(1){position:absolute;right:0px;top:0px}@media only screen and (max-width: 767px){#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(1){right:-40px}}@media only screen and (max-width: 480px){#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(1){right:-20px;top:unset;bottom:50px}}#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(2){position:absolute;right:15px;top:80px}@media only screen and (max-width: 767px){#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(2){right:-23px}}@media only screen and (max-width: 480px){#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(2){right:-20px;top:unset;bottom:50px}}#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(3){position:absolute;left:180px;top:0px}@media only screen and (max-width: 480px){#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(3){left:15px;top:unset;bottom:50px}}#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(4){position:absolute;left:15px;top:80px}@media only screen and (max-width: 480px){#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(4){left:25px;top:unset;bottom:50px}}#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(1),#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(3){transform:translateX(-90px);opacity:0}#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(1)::before,#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(3)::before{content:"";position:absolute;width:120px;height:125px;right:0px;top:0px;background:url("../images/s2_swiper_subbtn1.png") no-repeat center center;background-size:contain;filter:brightness(1)}#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(1).swiper-pagination-bullet-active,#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(1):hover,#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(3).swiper-pagination-bullet-active,#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(3):hover{display:inline-block}#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(1).swiper-pagination-bullet-active::before,#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(1):hover::before,#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(3).swiper-pagination-bullet-active::before,#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(3):hover::before{filter:brightness(1.2)}#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(1).on,#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(1).swiper-pagination-bullet-active,#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(3).on,#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(3).swiper-pagination-bullet-active{opacity:1;pointer-events:painted}#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(2),#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(4){opacity:0}#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(2)::before,#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(4)::before{content:"";position:absolute;width:120px;height:125px;right:0px;top:0px;background:url("../images/s2_swiper_subbtn2.png") no-repeat center center;background-size:contain;filter:brightness(1)}#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active,#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(2):hover,#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(4).swiper-pagination-bullet-active,#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(4):hover{display:inline-block;color:#eeddd7}#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active::before,#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(2):hover::before,#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(4).swiper-pagination-bullet-active::before,#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(4):hover::before{filter:brightness(1.2)}#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(2).on,#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active,#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(4).on,#s2 .swiper-pagination .swiper-pagination-bullet:nth-of-type(4).swiper-pagination-bullet-active{opacity:1;pointer-events:painted}#s2 .swiper-wrapper{align-items:center}#s3 .swiper_wrapper{position:relative}#s3 .swiper-button-next,#s3 .swiper-button-prev{width:89px;height:89px;top:350px;left:50px;background:url(../images/arrow.png) no-repeat center center;background-size:contain;position:absolute;filter:saturate(0%)}@media only screen and (max-width: 480px){#s3 .swiper-button-next,#s3 .swiper-button-prev{width:40px;height:40px}}#s3 .swiper-button-next::after,#s3 .swiper-button-prev::after{content:""}#s3 .swiper-button-next:hover,#s3 .swiper-button-prev:hover{filter:saturate(100%)}#s3 .swiper-button-next{transform:rotate(180deg);left:unset;right:50px}#s3 .swiper .swiper-pagination{top:0px;width:100%;height:50px}@media only screen and (max-width: 480px){#s3 .swiper .swiper-pagination{display:flex;flex-wrap:wrap;justify-content:center}}#s3 .swiper .swiper-pagination .swiper-pagination-bullet{width:140px;height:60px;border-radius:0;margin:0px;opacity:1}#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(1){background:url("../images/s3_swiper_btn1.png") no-repeat center center;background-size:contain}#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(1):hover,#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(1).swiper-pagination-bullet-active{background:url("../images/s3_swiper_btn1_on.png") no-repeat center center;background-size:contain}#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(2){background:url("../images/s3_swiper_btn2.png") no-repeat center center;background-size:contain}#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(2):hover,#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active{background:url("../images/s3_swiper_btn2_on.png") no-repeat center center;background-size:contain}#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(3){background:url("../images/s3_swiper_btn3.png") no-repeat center center;background-size:contain}#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(3):hover,#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(3).swiper-pagination-bullet-active{background:url("../images/s3_swiper_btn3_on.png") no-repeat center center;background-size:contain}#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(4){background:url("../images/s3_swiper_btn4.png") no-repeat center center;background-size:contain}#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(4):hover,#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(4).swiper-pagination-bullet-active{background:url("../images/s3_swiper_btn4_on.png") no-repeat center center;background-size:contain}#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(5){background:url("../images/s3_swiper_btn5.png") no-repeat center center;background-size:contain}#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(5):hover,#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(5).swiper-pagination-bullet-active{background:url("../images/s3_swiper_btn5_on.png") no-repeat center center;background-size:contain}#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(6){background:url("../images/s3_swiper_btn6.png") no-repeat center center;background-size:contain}#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(6):hover,#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(6).swiper-pagination-bullet-active{background:url("../images/s3_swiper_btn6_on.png") no-repeat center center;background-size:contain}#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(7){background:url("../images/s3_swiper_btn7.png") no-repeat center center;background-size:contain}#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(7):hover,#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(7).swiper-pagination-bullet-active{background:url("../images/s3_swiper_btn7_on.png") no-repeat center center;background-size:contain}#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(8){background:url("../images/s3_swiper_btn8.png") no-repeat center center;background-size:contain}#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(8):hover,#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(8).swiper-pagination-bullet-active{background:url("../images/s3_swiper_btn8_on.png") no-repeat center center;background-size:contain}#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(9){background:url("../images/s3_swiper_btn9.png") no-repeat center center;background-size:contain}#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(9):hover,#s3 .swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(9).swiper-pagination-bullet-active{background:url("../images/s3_swiper_btn9_on.png") no-repeat center center;background-size:contain}.animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@keyframes willow{0%{transform-origin:right top;transform:skew(0deg, 0deg)}50%{transform-origin:right top;transform:skew(8deg, 0deg)}100%{transform-origin:right top;transform:skew(0deg, 0deg)}}.willow{-webkit-animation:willow;animation:take 10s infinite linear}@keyframes movemove{0%{transform-origin:center top;transform:rotate(6deg)}50%{transform-origin:center top;transform:rotate(-6deg)}100%{transform-origin:center top;transform:rotate(6deg)}}.movemove{-webkit-animation-name:movemove;animation-name:movemove}@keyframes blur{0%{opacity:0;filter:blur(30px);transform:translateY(-30px)}100%{opacity:1;filter:blur(0px);transform:translateY(0px)}}