@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";.kv{position:relative;height:1280px;overflow:hidden;background-image:url(../images/kv-tag.png),url(../images/kv-bg.jpg);background-position:20px 98.5%,center top;background-repeat:no-repeat}.kv .kvBtn .btns .btn:after{position:absolute;top:40%;left:57%;transform:translate(-50%,-50%);content:url(../images/bobbles1.png)}.product{height:1340px}.article{background:url(../images/article-bg.jpg) no-repeat center bottom;padding-bottom:80px}.article .content .contImg{position:absolute;z-index:1}.article .content .contInner{display:block;position:relative;z-index:2;width:90.6%;padding-top:600px;margin:auto;border:1px solid #38677b;transform:translateY(40px)}.article .content .contInner .contTxt{margin:12px auto 36px}.article .content .contInner .btns{width:280px;margin:auto auto 40px}.article .content .contInner .btns .btn{height:68px;background:linear-gradient(93deg,#5e9aaa .61%,#38677b 58.19%,#619bad 99.59%);border-radius:40px;line-height:68px;transition:all .2s linear}.article .content .contInner .btns .btn:hover{color:#fff;transform:scale(.95) translateY(-5px)}.event{padding:60px 0;background:url(../images/form-bg.jpg) no-repeat center top;background-size:cover}.event .form ul li input[type=checkbox]:checked{background:#fff url(../images/check.svg) no-repeat center center;background-size:contain}.event .form ul li select{height:87px;background:#fff;border:1px solid #2e2e2e;font-family:Noto Sans TC,sans-serif;font-size:2.6rem;font-weight:400;line-height:78px;letter-spacing:2px;padding-left:20px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:#fff url(../images/arrow.svg) no-repeat 95% center;background-size:30px;border:1px solid #38677b;color:#38677b;cursor:pointer}.swiper-button-next,.swiper-button-prev{width:80px;height:80px;color:transparent}.swiper-button-prev{background:url(../images/arrow-prev.png) no-repeat center center;transform:translate(12px)}.swiper-button-next{background:url(../images/arrow-next.png) no-repeat center center;transform:translate(-12px)}.swiper .dots{bottom:64px}@keyframes floating{0%{top:10px}50%{top:15px}}@keyframes shinyBtn{0%{opacity:0;transform:scale(0) rotate(45deg)}80%{opacity:.5;transform:scale(0) rotate(45deg)}81%{opacity:1;transform:scale(4) rotate(45deg)}to{opacity:0;transform:scale(50) rotate(45deg)}}@keyframes light{0%{top:700px;left:-500px}to{top:-300px;left:-60px}}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:inherit;font-size:100%;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}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.fontWhite{color:#fff}.fontPrimary{color:#38677b}.fontSecondary{color:#2e2e2e}.fontPrimaryLight{color:#38677b}.fontPrimaryTitle{color:#38677b;font-size:3rem;font-weight:500}.fontPrimaryTxt{color:#38677b;font-size:3.4rem;font-weight:400;line-height:48px;letter-spacing:3px}.fontGrey{color:#555}.strong{font-weight:700}.Primary{background:#38677b}.center{text-align:center}.left{text-align:left}.right{text-align:right}.btn{display:block;position:relative;margin:0 auto;overflow:hidden;color:#fff;font-size:2.4rem;font-weight:400;line-height:48px}.btn:hover{color:#38677b;transition:all linear .1s}.btn:before{display:inline-block;position:absolute;top:-180px;left:0;width:30px;height:100%;background-color:#fff;content:""}.pointer{cursor:pointer}.row{display:flex}.flexEnd{justify-content:flex-end}*,*:after,*:before{box-sizing:border-box}a,a:hover{text-decoration:none;outline:none}a[href^=tel]{color:inherit;text-decoration:none}img{max-width:100%;height:auto}html,body{margin:0;padding:0;background:#c9dbef;color:#38677b;font-family:Noto Sans TC,sans-serif;font-size:10px}.container{width:750px;min-width:300px;height:auto;margin:0 auto;overflow:hidden;background-color:#fff;box-shadow:0 0 20px 10px #0000001a}.container .footer img{position:relative;margin-bottom:-1px}.kv{position:relative;height:1280px;overflow:hidden;background-image:url(../images/kv-tag.png),url(../images/kv-bg.jpg);background-position:20px 98.5%,center top;background-repeat:no-repeat}.kv .logo{margin-top:72px}.kv .kvBtn{margin-top:715px}.kv .kvBtn .btns{width:360px;margin:auto}.kv .kvBtn .btns .btn{background:transparent;transition:all .2s linear}.kv .kvBtn .btns .btn:after{position:absolute;top:40%;left:57%;transform:translate(-50%,-50%);content:url(../images/bobbles1.png)}.kv .kvBtn .btns .btn:hover{transform:scale(.95) translateY(-5px)}.coupon .kv{height:1150px}.coupon .insertForm .btn:after{content:"確認兌換"}.coupon .insertForm .btn.active{background:#555;color:#c9c9c9;cursor:default}.coupon .insertForm .btn.active:after{content:"兌換完畢"}.coupon .insertForm .btn.active:hover{background:#555;border:none;color:#c9c9c9}.coupon .insertForm .btn:before{animation:none}.coupon .insertForm .insertBox{height:87px;background:#fff;border:1px solid #2e2e2e;color:#38677b;font-family:Noto Sans TC,sans-serif;font-size:2.6rem;font-weight:400;line-height:78px;letter-spacing:2px;padding-left:20px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.coupon .insertForm .remind{margin:40px auto;font-size:2.4rem;font-weight:700;letter-spacing:2px}.event{padding:60px 0;background:url(../images/form-bg.jpg) no-repeat center top;background-size:cover}.event .wrap{width:678px;margin:auto;padding-top:100px;padding-bottom:60px;background:#fff}.event .wrap .inner{width:594px;margin:auto}.event .wrap .inner .title{margin-bottom:40px}.event .form [type=submit]{display:none}.event .form ul{width:594px;margin:30px auto 0}.event .form ul li{margin-top:20px}.event .form ul li input{height:87px;background:#fff;border:1px solid #2e2e2e;color:#38677b;font-family:Noto Sans TC,sans-serif;font-size:2.6rem;font-weight:400;line-height:78px;letter-spacing:2px;padding-left:20px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:594px;margin:0 auto;border:1px solid #38677b}.event .form ul li input[type=checkbox]{background:#fff;cursor:pointer}.event .form ul li input[type=checkbox]:checked{background:#fff url(../images/check.svg) no-repeat center center;background-size:contain}.event .form ul li select{height:87px;background:#fff;border:1px solid #2e2e2e;font-family:Noto Sans TC,sans-serif;font-size:2.6rem;font-weight:400;line-height:78px;letter-spacing:2px;padding-left:20px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:#fff url(../images/arrow.svg) no-repeat 95% center;background-size:30px;border:1px solid #38677b;color:#38677b;cursor:pointer}.event .form ul li select:nth-child(2){margin-top:20px}.event .form ul li select::-ms-expand{display:none}.event .form ul li.checkWrap{margin:30px auto 35px}.event .form ul li .reminder{color:#2e2e2e!important;font-size:1.8rem;line-height:28px;letter-spacing:2px;text-align:left;margin-top:15px}.event .form ul li .check{float:left;width:45px;height:45px}.event .form ul li .checkTxt{color:#38677b;font-size:2.8rem;font-weight:400;line-height:40px;text-align:left;margin-left:18px}.event .form ul li .checkTxt a{color:#38677b;text-decoration:underline}.event .form ul li .checkTxt a:hover{color:#38677b}.event .form ul li.formInfo{margin-top:40px}.event .form ul li .btn{height:100px;background:linear-gradient(93deg,#5e9aaa .61%,#38677b 58.19%,#619bad 99.59%);border:transparent;border-radius:0;color:#fff;font-size:3.2rem;font-weight:400;line-height:96px;transition:all .2s linear;cursor:pointer;margin-top:2px;margin-bottom:40px}.event .form ul li .btn:hover{transform:scale(.95)}