@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:400,700&display=swap");html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,footer,img,figure{margin:0;padding:0;border:0}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style:none}q:before,q:after{content:''}abbr,acronym,img{border:0}a,div,li{text-decoration:none}a:hover,div:hover,li:hover{text-decoration:none}a{-webkit-transition:all 0.5s ease;transition:all 0.5s ease}a:hover{-webkit-transition:all 0.5s ease;transition:all 0.5s ease}.clearfix:after{content:" ";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size:0;display:inline-block}html[xmlns] .clearfix{display:block}*{-webkit-box-sizing:border-box;box-sizing:border-box}* html .clearfix{height:1%}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;width:100%;background:#fff;letter-spacing:1px}body{width:100%;font-family:'Noto Sans TC',微軟正黑體, Arial ,sans;letter-spacing:1px}img{max-width:100%;height:auto}body{color:white;font-weight:400;font-size:20px;background:#a32610;background:-webkit-gradient(linear, left bottom, left top, from(#701419), color-stop(33%, #8f1c21), to(#a32610));background:linear-gradient(0deg, #701419 0%, #8f1c21 33%, #a32610 100%)}p{font-weight:400;line-height:1.5em;letter-spacing:.1em}.progress{background:#7e0016;height:100%;position:fixed;width:100%;z-index:9999999999;top:0;overflow:hidden}.progress.dispear{opacity:0;visibility:hidden;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:.5s;transition:.5s}.loading{width:170px;height:88px;margin:0 auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#wrap{position:relative;width:640px;height:auto;display:block;margin:auto;font-size:18px;line-height:32px;overflow:hidden;-webkit-box-shadow:1px 0 30px 0 rgba(0,0,0,0.2),-1px 0 30px 0 rgba(0,0,0,0.2);box-shadow:1px 0 30px 0 rgba(0,0,0,0.2),-1px 0 30px 0 rgba(0,0,0,0.2);background:url("../images/bg.jpg") top center no-repeat}#index{width:640px;height:1050px;position:relative}#index .index_cover{position:absolute;left:70px;top:150px}#index .index-slide{width:550px;height:690px;position:absolute;left:50px;top:110px}#index .index-slide .one{width:550px;height:690px;position:relative}#index .index-slide .one .kv{position:absolute;top:20px;left:0}#index .index-slide .one .kvbg{position:absolute;top:0px;left:20px;width:530px;height:670px}#index .index-slide .one .kvbg.kvbg1{background:#870002}#index .index-slide .one .kvbg.kvbg2{background:#dc742b}#index .index-slide .one .kvbg.kvbg3{background:#f0be41}#index .index-slide .one .kvbg.kvbg4{background:#a284d4}#index .logo{position:absolute;left:252px;top:20px;width:134px}#index .leaf1{position:absolute;left:0;bottom:-35px;-webkit-transform:scale(1.2);transform:scale(1.2)}#index .leaf1.active{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:1s;transition:1s}#index .leaf2{position:absolute;left:0;top:0;-webkit-transform:scale(1.5);transform:scale(1.5)}#index .leaf2.active{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:1s;transition:1s}#index .leaf3{position:absolute;right:0;top:0;-webkit-transform:scale(1.5);transform:scale(1.5)}#index .leaf3.active{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:1s;transition:1s}#index .leaf4{position:absolute;right:0;bottom:-15px;-webkit-transform:scale(1.45);transform:scale(1.45)}#index .leaf4.active{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:1s;transition:1s}#index .index_txt{width:100%;text-align:center;position:absolute;top:840px;left:0}#index .index_txt .tit0{margin-bottom:7px;opacity:0;-webkit-transform:scale(0.2);transform:scale(0.2)}#index .index_txt .tit0.active{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:1.5s;transition:1.5s}#index .index_txt p{font-size:20px;line-height:32px;text-shadow:1px 0 4px rgba(0,0,0,0.4);opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}#index .index_txt p.active{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:1s 1s;transition:1s 1s}#index .index_txt img{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}#index .index_txt img.active{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:1s 1s;transition:1s 1s}#index .index_btn{width:240px;height:55px;position:absolute;bottom:0;left:200px;cursor:pointer;background:url("../images/index_btn.jpg");background-position:0px 0px;-webkit-transition:.3s;transition:.3s;opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3)}#index .index_btn.active{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:1s 1.5s;transition:1s 1.5s}#index .index_btn p{color:white;width:100%;line-height:55px;text-align:center;text-shadow:1px 0 4px rgba(0,0,0,0.4)}#index .index_btn:hover{background-position:-240px 0px;-webkit-transition:.3s 0s ease;transition:.3s 0s ease}#video{width:640px;height:590px;position:relative;text-align:center;padding-top:100px}#video .video_wrap{width:640px;height:360px;position:absolute;left:0;bottom:0}#prod{width:640px;height:1250px;position:relative;text-align:center;overflow:hidden}#prod .tit2{position:absolute;top:80px;left:125px}#prod .prod-slide{position:absolute;top:220px;left:0;width:640px;height:990px}#prod .prod-slide *{outline:none}#prod .prod-prev,#prod .prod-next{position:absolute;top:600px;left:15px;cursor:pointer}#prod .prod-next{left:inherit;right:8px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#editor{width:640px;height:900px;position:relative}#editor .tit3{position:absolute;top:40px;left:45px}#editor .editor-prev,#editor .editor-next{position:absolute;top:375px;left:8px;cursor:pointer}#editor .editor-next{left:inherit;right:8px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#editor .editor-slide{position:absolute;top:180px;left:0px;width:640px;height:655px}#editor .editor-slide .one{width:580px;height:655px;margin:0 30px;outline:none;display:block}#editor .editor-slide .one .inner{width:580px;height:630px;border:#d0ccad 1px solid;position:relative}#editor .editor-slide .one figure{width:500px;height:375px;overflow:hidden;margin:40px 40px 20px}#editor .editor-slide .one figure img{-webkit-transition:3s;transition:3s}#editor .editor-slide .one .txtwrap{width:100%;height:144px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center}#editor .editor-slide .one .txtwrap h3{font-size:24px;line-height:40px;text-align:center;font-weight:bold;letter-spacing:2px;-webkit-transform:translateX(10px);transform:translateX(10px);color:white;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}#editor .editor-slide .one .more{width:250px;height:50px;font-size:22px;text-align:center;position:absolute;bottom:-25px;left:165px;background:url("../images/editor_btn.jpg");background-position:0px 0px;-webkit-transition:.3s;transition:.3s}#editor .editor-slide .one .more p{color:white;width:100%;line-height:50px;text-align:center;letter-spacing:0;text-shadow:1px 0 4px rgba(0,0,0,0.4)}#editor .editor-slide .one:hover figure img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:3s;transition:3s}#editor .editor-slide .one:hover .more{background-position:-250px 0px;-webkit-transition:.3s ease;transition:.3s ease}#bottom{width:640px;height:1320px;position:relative;text-align:center;margin:auto;padding-top:60px}#bottom .tit4{margin:0 auto 30px;position:relative;z-index:101}#bottom .titbg{width:535px;height:75px;line-height:75px;font-size:30px;font-weight:bold;letter-spacing:.35em;color:white;margin:0 auto 35px}#bottom .intro{width:520px;font-size:20px;line-height:40px;text-align:justify;margin:0 auto 50px;letter-spacing:2px}#bottom .gameWrap{width:530px;height:auto;margin:0 auto 20px}#bottom .gameWrap p{text-align:center;color:#e3deba;font-size:20px;font-weight:bold;margin-bottom:30px}#bottom .gameWrap .inner{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}#bottom .gameWrap .inner .card{width:250px;height:330px;margin-bottom:30px;padding:3px;-webkit-perspective:1000px;perspective:1000px;cursor:pointer;position:relative}#bottom .gameWrap .inner .card.dispear{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:.2s 1s;transition:.2s 1s}#bottom .gameWrap .inner .card.card1{border:2px #cf182e solid}#bottom .gameWrap .inner .card.card1.active{-webkit-animation:flip1 2s forwards;animation:flip1 2s forwards}#bottom .gameWrap .inner .card.card1.active div{-webkit-animation:flipcard 2s;animation:flipcard 2s}#bottom .gameWrap .inner .card.card1 div{background:#cf182e}#bottom .gameWrap .inner .card.card2{border:2px #dc742b solid}#bottom .gameWrap .inner .card.card2.active{-webkit-animation:flip2 2s forwards;animation:flip2 2s forwards}#bottom .gameWrap .inner .card.card2.active div{-webkit-animation:flipcard 2s;animation:flipcard 2s}#bottom .gameWrap .inner .card.card2 div{background:#dc742b}#bottom .gameWrap .inner .card.card3{border:2px #f0be41 solid}#bottom .gameWrap .inner .card.card3.active{-webkit-animation:flip3 2s forwards;animation:flip3 2s forwards}#bottom .gameWrap .inner .card.card3.active div{-webkit-animation:flipcard 2s;animation:flipcard 2s}#bottom .gameWrap .inner .card.card3 div{background:#f0be41}#bottom .gameWrap .inner .card.card4{border:2px #a284d4 solid}#bottom .gameWrap .inner .card.card4.active{-webkit-animation:flip4 2s forwards;animation:flip4 2s forwards}#bottom .gameWrap .inner .card.card4.active div{-webkit-animation:flipcard 2s;animation:flipcard 2s}#bottom .gameWrap .inner .card.card4 div{background:#a284d4}#bottom .gameWrap .inner .card div{width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:1s;transition:1s}#bottom .gameWrap .inner .card:hover div{-webkit-transform:rotateY(35deg);transform:rotateY(35deg);-webkit-transition:1s;transition:1s}#other{width:100%;height:920px;padding:65px 50px 0;background:url("../images/other.gif")}#other .otherTxt{width:100%;height:730px;background:#7e0016;margin-bottom:30px;position:relative}#other .otherTxt .more{width:250px;height:50px;font-size:22px;text-align:center;position:absolute;bottom:75px;left:145px;background:url("../images/editor_btn.jpg");background-position:0px 0px;-webkit-transition:.3s;transition:.3s}#other .otherTxt .more p{color:white;width:100%;line-height:50px;text-align:center;letter-spacing:0;text-shadow:1px 0 4px rgba(0,0,0,0.4)}#other .social .socialLogo{margin-bottom:25px}#other .social .socialWrap{display:-webkit-box;display:-ms-flexbox;display:flex;width:500px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:auto}#other .social .socialWrap a:hover{-webkit-filter:drop-shadow(0 0 8px rgba(0,0,0,0.7));filter:drop-shadow(0 0 8px rgba(0,0,0,0.7))}input[type="checkbox"]{display:none}input[type="checkbox"]+label{display:inline-block;vertical-align:top;width:30px;text-align:left;color:#fff;cursor:pointer;position:relative;margin-right:10px}input[type="checkbox"]+label::before{content:"";display:inline-block;width:30px;height:30px;background:#fff;border:1px #5c4349 solid;vertical-align:middle;-webkit-transition:background ease-in .5s;transition:background ease-in .5s}input[type="checkbox"]+label::after{content:"";display:inline-block;top:6px;left:10px;-webkit-box-sizing:border-box;box-sizing:border-box;width:12px;height:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-style:solid;border-color:#fff;border-top:0;border-left:0;position:absolute}input[type="checkbox"]:checked+label::after{border-color:#5c4349}.enter,.tofb{width:100%;height:85px;text-align:center;cursor:pointer;overflow:hidden;background:url("../images/enter.jpg");margin:0 auto 20px;overflow:hidden;position:relative;font-family:'Noto Sans TC',微軟正黑體, Arial ,sans-serif;color:white;text-align:center}.enter span,.tofb span{text-shadow:1px 0 4px rgba(0,0,0,0.4);line-height:85px;font-size:25px;letter-spacing:4px}.tofb{background:#4267b2;border:#29487d 1px solid;color:white;display:none}footer{height:100px}.popup{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;visibility:hidden;z-index:100}.popup.active{opacity:1;visibility:visible;-webkit-transition:1.5s;transition:1.5s}.popup.active .form_wrap{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:1.5s;transition:1.5s}.popup .bgcolor{width:100%;height:100%;position:absolute;background:rgba(0,0,0,0.7);top:0;left:0}.popup .form_wrap{width:580px;height:auto;position:absolute;top:215px;left:30px;background:#8a0304;-webkit-transform:scale(0.5);transform:scale(0.5)}.popup .form_wrap::after{width:100%;height:calc(100% - 50px);content:"感謝熱烈參與，本活動已額滿，請手刀到櫃兌換！";display:block;background:rgba(0,0,0,0.85);display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0px 80px;color:white;font-size:22px;position:absolute;z-index:99999;border:1px white solid;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}.popup .form_wrap form{padding:30px}.popup .form_wrap form .p{margin-bottom:20px}.popup .form_wrap form p{font-size:20px;line-height:40px;text-align:justify;margin:0 auto 20px;letter-spacing:2px}.popup .form_wrap ul li{margin-bottom:20px}.popup .form_wrap ul li.shop_wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.popup .form_wrap ul li input,.popup .form_wrap ul li select{width:100%;height:70px;font-size:20px;line-height:68px;border:1px #5c4349 solid;border-radius:0;font-family:'Noto Sans TC',微軟正黑體, Arial ,sans-serif;letter-spacing:.1em;font-weight:400;color:#5c4349;padding:0 30px;background:white;-webkit-appearance:none;-moz-appearance:none;appearance:none}.popup .form_wrap ul li input::-webkit-input-placeholder,.popup .form_wrap ul li select::-webkit-input-placeholder{color:#5c4349;opacity:1}.popup .form_wrap ul li input:-ms-input-placeholder,.popup .form_wrap ul li select:-ms-input-placeholder{color:#5c4349;opacity:1}.popup .form_wrap ul li input::-ms-input-placeholder,.popup .form_wrap ul li select::-ms-input-placeholder{color:#5c4349;opacity:1}.popup .form_wrap ul li input::placeholder,.popup .form_wrap ul li select::placeholder{color:#5c4349;opacity:1}.popup .form_wrap ul li input.store_region,.popup .form_wrap ul li select.store_region{width:180px;margin-right:10px}.popup .radios{font-family:'Noto Sans TC',微軟正黑體, Arial ,sans-serif;text-align:left;font-weight:400}.popup .radios p{width:calc(100% - 50px);display:inline-block;font-size:20px;line-height:35px;color:white;vertical-align:top;margin-bottom:0}.popup .radios p a{color:white;text-decoration:underline}.popup .radios p a:hover{color:#e3deba}.coupon_wrap #coup-name,.coupon_wrap #coup-phone,.coupon_wrap #coup-mail,.coupon_wrap #coup-store{width:100%;height:70px;font-size:20px;line-height:68px;border:1px #5c4349 solid;border-radius:0;font-family:'Noto Sans TC',微軟正黑體, Arial ,sans-serif;letter-spacing:.1em;font-weight:400;color:#5c4349;padding:0 30px;background:white;text-align:left;margin-bottom:20px}.coupon_wrap #check-btn{margin:20px auto}.coupon_wrap #check-btn p{line-height:100px;font-size:25px;letter-spacing:.3em;color:white;text-align:center}.coupon_wrap #check-btn p::after{content:"確認兌換";margin:auto}.coupon_wrap #check-btn.done{background:#5c4349}.coupon_wrap #check-btn.done p{color:gray}.coupon_wrap #check-btn.done p::after{content:"兌換完成"}@-webkit-keyframes flip1{0%{-webkit-transform:scale(1) translate(0px, 0px);transform:scale(1) translate(0px, 0px)}90%{-webkit-transform:scale(1.2) translate(115px, 150px);transform:scale(1.2) translate(115px, 150px);z-index:10;opacity:1}100%{-webkit-transform:scale(1.5) translate(95px, 115px);transform:scale(1.5) translate(95px, 115px);opacity:0;z-index:10}}@keyframes flip1{0%{-webkit-transform:scale(1) translate(0px, 0px);transform:scale(1) translate(0px, 0px)}90%{-webkit-transform:scale(1.2) translate(115px, 150px);transform:scale(1.2) translate(115px, 150px);z-index:10;opacity:1}100%{-webkit-transform:scale(1.5) translate(95px, 115px);transform:scale(1.5) translate(95px, 115px);opacity:0;z-index:10}}@-webkit-keyframes flip2{0%{-webkit-transform:scale(1) translate(0px, 0px);transform:scale(1) translate(0px, 0px)}90%{-webkit-transform:scale(1.2) translate(-115px, 150px);transform:scale(1.2) translate(-115px, 150px);z-index:10;opacity:1}100%{-webkit-transform:scale(1.5) translate(-95px, 115px);transform:scale(1.5) translate(-95px, 115px);opacity:0;z-index:10}}@keyframes flip2{0%{-webkit-transform:scale(1) translate(0px, 0px);transform:scale(1) translate(0px, 0px)}90%{-webkit-transform:scale(1.2) translate(-115px, 150px);transform:scale(1.2) translate(-115px, 150px);z-index:10;opacity:1}100%{-webkit-transform:scale(1.5) translate(-95px, 115px);transform:scale(1.5) translate(-95px, 115px);opacity:0;z-index:10}}@-webkit-keyframes flip3{0%{-webkit-transform:scale(1) translate(0px, 0px);transform:scale(1) translate(0px, 0px)}90%{-webkit-transform:scale(1.2) translate(115px, -150px);transform:scale(1.2) translate(115px, -150px);z-index:10;opacity:1}100%{-webkit-transform:scale(1.5) translate(95px, -115px);transform:scale(1.5) translate(95px, -115px);opacity:0;z-index:10}}@keyframes flip3{0%{-webkit-transform:scale(1) translate(0px, 0px);transform:scale(1) translate(0px, 0px)}90%{-webkit-transform:scale(1.2) translate(115px, -150px);transform:scale(1.2) translate(115px, -150px);z-index:10;opacity:1}100%{-webkit-transform:scale(1.5) translate(95px, -115px);transform:scale(1.5) translate(95px, -115px);opacity:0;z-index:10}}@-webkit-keyframes flip4{0%{-webkit-transform:scale(1) translate(0px, 0px);transform:scale(1) translate(0px, 0px)}90%{-webkit-transform:scale(1.2) translate(-115px, -150px);transform:scale(1.2) translate(-115px, -150px);z-index:10;opacity:1}100%{-webkit-transform:scale(1.5) translate(-95px, -115px);transform:scale(1.5) translate(-95px, -115px);opacity:0;z-index:10}}@keyframes flip4{0%{-webkit-transform:scale(1) translate(0px, 0px);transform:scale(1) translate(0px, 0px)}90%{-webkit-transform:scale(1.2) translate(-115px, -150px);transform:scale(1.2) translate(-115px, -150px);z-index:10;opacity:1}100%{-webkit-transform:scale(1.5) translate(-95px, -115px);transform:scale(1.5) translate(-95px, -115px);opacity:0;z-index:10}}@-webkit-keyframes flipcard{0%,50%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(720deg);transform:rotateY(720deg)}}@keyframes flipcard{0%,50%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(720deg);transform:rotateY(720deg)}}
/*# sourceMappingURL=style.min.css.map */