@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&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:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#log{position:fixed;width:500px;height:300px;z-index:3000;background:#fff;color:#000}body.modal-open{padding-right:0 !important}img{width:100%;height:auto;padding:0;margin:0;border:0;vertical-align:top}br.clear{clear:both}.hide{display:none}.row{width:100%;padding:0;margin-left:0}.col,.col-lg,.col-sm{padding:0px}.tr{position:relative;display:block;width:100%;height:auto;border:0px red dotted}.tr.two .td{width:50%}@media only screen and (max-width: 992px){.tr.two .td{position:relative;display:block;width:100%;height:auto}}.tr.three .td{width:33.3%}@media only screen and (max-width: 992px){.tr.three .td{position:relative;display:block;width:100%;height:auto}}@media screen and (max-width: 1000px){wr{display:inline}nr{display:inline}sr{display:block}.wide{display:none}.normal{display:none}.small{display:block}}@media screen and (min-width: 1001px)and (max-width: 1600px){wr{display:block}nr{display:block}sr{display:inline}.wide{display:none}.normal{display:block}.small{display:none}}@media screen and (min-width: 1600px){wr{display:block}nr{display:inline}sr{display:inline}.small{display:none}.normal{display:none}.wide{display:block}}.loader,.loader:after{border-radius:50%;width:2em;height:2em}.loader{position:absolute;display:block;top:calc(50% - 1em);left:calc(50% - 1em);margin:0;border-top:.3em solid rgba(255,255,255,.2);border-right:.3em solid rgba(255,255,255,.2);border-bottom:.3em solid rgba(255,255,255,.2);border-left:.3em solid #fff;transform:translateZ(0);animation:load8 1.1s infinite linear}@keyframes load8{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}body{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;min-height:100vh;overflow:auto;overflow-x:hidden;font-family:"Noto Sans TC","Microsoft JhengHei","sans-serif";font-weight:400;font-size:14pt;line-height:180%;color:#000;background-color:#fff}@media only screen and (min-width: 1200px)and (max-width: 1500px){body{font-size:13pt}}@media only screen and (min-width: 992px)and (max-width: 1200px){body{font-size:12pt}}@media only screen and (max-width: 992px){body{font-size:3.5vw;line-height:150%}}body.rule{height:auto;overflow-y:scroll}a{width:100%;height:100%;text-decoration:none}a:hover{text-decoration:underline}b{font-weight:bold}img{width:100%;height:auto}#loading{position:fixed;display:block;width:100vw;height:100vh;margin:0;padding:0;top:0;z-index:30000;pointer-events:auto}#loading .bg{background-color:rgba(250,250,250,.7);z-index:30}#loading .loader{z-index:100;background-color:#aaa}header{position:fixed;display:block;width:100%;height:100%;pointer-events:none;z-index:10000;border:0px red dotted}#toggleBtn{display:none}@media only screen and (max-width: 992px){#toggleBtn{position:absolute;display:block;width:12vw;height:12vw;margin:0;padding:0;right:0;pointer-events:auto;cursor:pointer}}#lang{position:absolute;display:flex;width:6em;height:2em;top:5vw;right:5vw;flex-direction:row}#lang .langBtn{position:relative;display:flex;width:3em;height:2em;align-items:center;justify-content:center;background-color:#fff;border:1px #4e4e4e solid;font-weight:bold;pointer-events:auto;cursor:pointer}#lang .langBtn a{color:#4e4e4e;text-decoration:none;text-align:center;padding:0;border:0}#lang .langBtn:hover{opacity:.7}#lang .langBtn.active{background-color:#4e4e4e;pointer-events:none}#lang .langBtn.active a{color:#fff}@media only screen and (max-width: 992px){#lang{top:0vw;right:0;font-size:.8em}}main{position:relative;display:block;width:100%;height:auto;min-height:100vh;z-index:10}.bg{position:fixed;display:block;width:100vw;height:100vh;min-height:100vh;background-size:cover;background-repeat:repeat;background-position:50% 0%;z-index:10;background-image:url(../img/homeBg.jpg)}.bg.rule{background-image:url(../img/ruleBg.jpg)}.bg.rule::before{content:"";position:relative;display:block;width:100vw;height:100vh;background-color:rgba(255,255,255,.7)}@media only screen and (max-width: 992px){.bg{background-image:url(../img/m/comeBg.jpg)}.bg.rule{background-image:url(../img/m/comeBg.jpg)}}section{position:relative;display:flex;width:100%;height:auto;margin:0;padding:0;z-index:100;overflow:hidden;pointer-events:none}section .content{position:relative;display:flex;width:100%;height:auto;margin:0;padding:0;overflow:hidden;pointer-events:none}section .content .box{position:relative;display:flex;width:100%;height:auto;margin:0;padding:0;margin:auto;padding:0px;overflow:hidden;pointer-events:auto}.section h2,.section h3{position:relative;margin:0 auto;padding:0}.section h2{font-size:1.4em;line-height:120%;letter-spacing:0px}.section h3{margin-top:1em;margin-bottom:1em;font-size:1em;line-height:180%}.infoBox{position:relative;display:flex;width:100%;height:auto;min-height:44vh;list-style:none;padding-left:0}@media only screen and (max-width: 992px){.infoBox{min-height:100vw}}.infoBox .ti,.infoBox .txt{position:relative;display:inline-block;width:50%;height:auto;margin-right:-4px;vertical-align:top;font-size:1em}.infoBox .ti{padding:.3em 3em .3em .3em;text-align:right}@media only screen and (max-width: 992px){.infoBox .ti{width:30%;padding:.3em 4vw .3em 0}}.infoBox .txt{padding:.3em 3em .3em 0}@media only screen and (max-width: 992px){.infoBox .txt{width:70%;padding:.3em 4vw .3em 0}}.baseBtn{position:relative;display:block;width:auto;height:80px;line-height:80px;cursor:pointer;pointer-events:auto;text-align:center;color:#666;font-size:1em;margin:0}.baseBtn:hover span{color:#ddd}hr{margin-top:5px;margin-bottom:5px;opacity:0}.td{position:relative;display:flex;width:100%;height:auto;padding:50px;font-size:.9em}@media only screen and (max-width: 992px){.td{padding:5vw}}.logoBox{position:fixed;display:block;width:100%;height:auto;top:0;z-index:600}.logoBox .logo{position:relative;display:block;width:10%;height:auto;margin:5vw;z-index:100;pointer-events:auto}.logoBox .logo.home{display:block}@media only screen and (max-width: 992px){.logoBox{position:relative;width:20vw}.logoBox .logo{width:70%;margin:15vw auto 0 auto}.logoBox.home{display:none}}html{--myColor1: #e961a7;--myColor2: #d32f84;--myColor3: #d70c19;--myColor4: #fff;--myColor5: #b6b6b6}#homeArea{min-height:calc(100vh - 8vw)}#homeArea .content{align-items:center;justify-content:center}#homeArea .content .box{display:flex;width:50%;height:auto;margin:14vw auto 3vw auto;flex-direction:column;align-items:center}#homeArea .content .box .logoHB{display:none}#homeArea .content .box h2{font-size:2.2em;font-weight:bold;line-height:120%;margin:0 auto .5em auto;color:#4e4e4e}#homeArea .content .box h2.en{font-size:1.8em}#homeArea .content .box h3{width:8em;height:auto;min-height:2em !important;padding:0}@media only screen and (min-width: 1200px)and (max-width: 1500px){#homeArea .content .box{width:65%}}@media only screen and (min-width: 992px)and (max-width: 1200px){#homeArea .content .box{width:70%}}@media only screen and (max-width: 992px){#homeArea .content{height:auto;margin:10vw 0;align-items:flex-start}#homeArea .content .box{width:90%}#homeArea .content .box .logoHB{display:flex;width:40%;height:auto;margin:3em auto 20vw auto}#homeArea .content .box h3{width:23vw;margin-bottom:1vw}}.socialBox{position:relative;display:flex;width:100%;margin:.5em 0 0 0;flex-direction:row;justify-content:flex-end}.socialBox .socialBtn{position:relative;display:flex;width:auto;height:auto;padding:0 .8em 0 .5em;margin:.1em;line-height:150%;border-radius:.2em}.socialBox .socialBtn a,.socialBox .socialBtn a:link{color:#fff}.socialBox .socialBtn a:hover{text-decoration:none}.socialBox .socialBtn i{margin:0 .2em 0 0;font-size:1.1em}.socialBox .socialBtn.fb{background-color:#3756ba}.socialBox .socialBtn.fb:hover{background-color:#5271d6}.socialBox .socialBtn.ig{background-color:#c1012e}.socialBox .socialBtn.ig:hover{background-color:#e0476b}@media only screen and (max-width: 992px){.socialBox{justify-content:flex-start}}.openrice{color:#4e3c2e;background-color:#ffd503}.openrice a{color:#4e3c2e}.deliveroo{color:#fff;background-color:#00ccbc}.deliveroo a{color:#fff}.foodpanda{color:#fff;background-color:#d60f63}.foodpanda a{color:#fff}ul.store{position:relative;display:flex;width:100%;height:auto;list-style:none;flex-direction:column}ul.store li{position:relative;display:flex;width:100%;height:auto;flex-direction:column;background-color:#fff;margin:0 0 .5em 0}ul.store li .row{position:relative;display:flex;width:100%;height:auto;flex-direction:row;padding:.3em}ul.store li .row .col{position:relative;display:flex;color:#8a8a8a}ul.store li .row .col a,ul.store li .row .col a:link{position:relative;display:flex;height:auto;padding:.5em}ul.store li .row .col a .logo,ul.store li .row .col a:link .logo{position:relative;display:flex;width:15%;height:auto;padding:.5em}ul.store li .row .col a .txt,ul.store li .row .col a:link .txt{position:relative;display:flex;flex-direction:column;justify-content:center}ul.store li .row .col a .txt h4,ul.store li .row .col a .txt h5,ul.store li .row .col a:link .txt h4,ul.store li .row .col a:link .txt h5{line-height:130%}ul.store li .row .col a .txt h5,ul.store li .row .col a:link .txt h5{font-weight:bold}ul.store li .row .col a:hover{opacity:.6}ul.store li .row .col:first-child{border-right:.3em #fff solid}ul.store li .row .col.address{padding:.5em;line-height:130%}ul.store li .row .col.tel{align-items:center;padding:0 0 0 1em;border-left:1px #8a8a8a solid}@media only screen and (max-width: 992px){ul.store li .row .col a .logo,ul.store li .row .col a:link .logo{width:3.5em;height:auto}ul.store li .row .col:first-child{border-right:0 #fff solid}ul.store li .row .col.tel{align-items:center;padding:0 .5em;border-left:0px #8a8a8a solid}}#ruleArea{height:auto;min-height:100vh}#ruleArea .ruleBox{position:relative;display:block;width:60%;height:auto;margin:10vw auto 3vw auto}#ruleArea .ruleBox h1{font-size:1.5em;font-weight:bold;margin:0 0 1em 0}@media only screen and (max-width: 992px){#ruleArea .logoBox{position:fixed}#ruleArea .ruleBox{width:75vw;margin:14.5vw 0vw 10vw 20vw}}.backBtn{position:absolute;display:flex;width:auto;height:auto;top:10vw;left:calc(20% - 8em);padding:.1em .5em;background-color:#d70c19;font-size:.8em;pointer-events:auto;cursor:pointer}.backBtn a{position:relative;display:flex;flex-direction:row;align-items:center;font-weight:bold;color:#fff}.backBtn a .arrow{position:relative;display:flex;width:auto;height:1em;line-height:100%;margin:0}.backBtn a .arrow img{width:auto;height:1em}.backBtn:hover{background-color:#333}@media only screen and (max-width: 992px){.backBtn{top:0vw;left:0}}body.rule footer .bgRB{opacity:.3}footer{position:relative;display:flex;width:100%;height:auto;padding:0;font-size:1em;flex-direction:column;justify-content:flex-end;align-items:flex-end;overflow:hidden;pointer-events:auto;z-index:500}footer a{color:#000}footer .bgRB{position:relative;display:block;width:100%;height:auto;opacity:0}footer .menuBox{position:absolute;flex-direction:flex;margin:2vw 2vw 2vw 2vw;z-index:50}footer .menuBox li{position:relative;display:inline;width:auto;height:auto;padding:0;margin:0 .5em 0 0;line-height:100%;border:1px #333 solid;pointer-events:auto;cursor:pointer}footer .menuBox li a{color:#000;line-height:170%;padding:0em 1em}footer .menuBox li:nth-child(3){margin:0}footer .menuBox li:hover{background-color:#4e4e4e}footer .menuBox li:hover a{color:#fff}footer .menuBox .copyright{text-align:right;margin:.5em 0}@media only screen and (max-width: 992px){footer{position:relative;width:100%;left:0;padding:0;font-size:.8em;flex-direction:column;align-items:flex-start}footer .bgRB{display:none}footer .menuBox{position:relative;display:flex;margin:0 5vw 0 5vw;top:0;right:0;flex-wrap:wrap}footer .menuBox li{margin:0 .5em .5em 0}footer .menuBox li:nth-child(3){margin:0 .5em .5em 0}footer .menuBox .copyright{text-align:left}}.modal{position:relative;display:flex;width:100%;height:auto;margin:0;padding:0;padding-right:0 !important;max-width:100%;min-width:0%;z-index:5000;overflow:hidden;background-color:rgba(0,0,0,.8)}.modal-centered{top:0%;transform:translate(0%, 50%) !important}.modal.fade.show .modal-centered{top:0%;transform:translate(0, 0%) !important}.modal-dialog,.modal-content,.modal-body{position:relative;display:flex;width:100%;height:auto;margin:0;padding:0;max-width:100%;min-width:0%;border:0px;border-radius:0px;overflow:hidden;background-color:rgba(0,0,0,0)}.closeBtn{position:absolute;display:flex;width:3em;height:3em;margin:0;padding:0;pointer-events:auto;cursor:pointer;top:0%;right:-60px;background-color:#fff}.closeBtn:hover{background-color:#aaa}.closeBtn img{position:relative;display:flex;width:50%;height:50%;margin:25% auto}#menuModal{display:none}@media only screen and (max-width: 992px){#menuModal .modal-dialog{padding-top:12vw}#menuModal .modal-content{height:auto}#menuModal .modal-body{height:auto}}#menuModal ul{position:relative;display:flex;width:100%;height:auto;margin:0;padding:0}#menuModal ul li{position:relative;display:flex;width:100%;height:16vw;margin:0;padding:0;line-height:16vw;padding-left:6vw;text-align:left;color:#fff;font-size:1em;pointer-events:auto;cursor:pointer;background-color:#333;border-bottom:1px #999 solid}#menuModal ul li:first-child{border-top:1px #999 solid}