html,body,ul,li,a,p{margin:0;padding:0}li{list-style-type:none}ol li{list-style-position:inside;list-style-type:decimal}a{text-decoration:none}img{border-style:none}textarea{overflow:auto}canvas{display:inline-block}audio,video{display:inline-block}article,aside,footer,header,nav,section{display:block}@font-face{font-family:'FontAwesome';src:url("fonts/fontawesome-webfont.eot?v=4.6.3");src:url("fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"),url("fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"),url("fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'FontAwesome5regular';src:url("webfonts/fa-regular-400.eot");src:url("webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("webfonts/fa-regular-400.ttf") format("truetype"),url("webfonts/fa-regular-400.svg#fontawesome") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'FontAwesome5brands';src:url("webfonts/fa-brands-400.eot");src:url("webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("webfonts/fa-brands-400.ttf") format("truetype"),url("webfonts/fa-brands-400.svg#fontawesome") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'FontAwesome5solid';src:url("webfonts/fa-solid-900.eot");src:url("webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype") url("webfonts/fa-solid-900.ttf") format("truetype"),url("webfonts/fa-solid-900.svg#fontawesome") format("svg");font-weight:normal;font-style:normal}body{width:100%;height:100%;font-family:Microsoft JhengHei;font-size:18px;line-height:2em}@media screen and (min-width: 768px) and (max-width: 1023px){body{font-size:16px}}@media screen and (max-width: 767px){body{font-size:15px}}body *{max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}div.inner{max-width:1200px;width:100%;margin:0 auto}.iosbtn{-webkit-appearance:none}#dialog{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:rgba(0,0,0,0.6);z-index:50}#dialog #close{width:1000px;max-width:100%;height:50px;margin:60px auto 0 auto;color:white;cursor:pointer;position:relative}#dialog #close:after{content:"[ X ]";line-height:50px;text-align:right;position:absolute;top:0;left:0;width:96%;height:50px;font-size:1.5em}#dialog #inner{width:1000px;max-width:100%;max-height:80vh;min-height:50vh;overflow:auto;margin:0 auto;position:relative;background-color:#cfc3a9}#dialog #inner .photo{width:40%;float:left;padding:2em 1em}#dialog #inner .data{width:60%;float:left;padding:0 1em}#dialog #inner .data .pcc{text-align:center}#dialog #inner .data .redp{color:red;font-size:1.2em}#dialog #inner .data .storetel:before{content:"\f098";font-family:'FontAwesome';font-size:1.5em;padding-right:0.5em}#dialog #inner .data .storeaddress:before{content:"";display:inline-block;width:2em;height:1.5em;background-image:url(/img/web/google.png);background-size:auto 80%;background-repeat:no-repeat;background-position:left center}#dialog #inner .data .settext{text-align:center}#dialog #inner .data .settext span{color:red;padding:0.5em 1.5em;border:1px solid red}#dialog #inner .data .spicy1:after{content:"";display:inline-block;width:2em;height:1em;background-image:url(/img/web/spicy1.png);background-size:auto 100%;background-repeat:no-repeat;background-position:center}#dialog #inner .data .spicy2:after{content:"";display:inline-block;width:2em;height:1em;background-image:url(/img/web/spicy2.png);background-size:auto 100%;background-repeat:no-repeat;background-position:center}@media screen and (max-width: 767px){#dialog #inner .photo{width:100%;padding:1em 2em 0 2em;text-align:center}#dialog #inner .photo img{width:55%}#dialog #inner .photo img.shop{width:85%;max-height:38vh}#dialog #inner .data{width:100%;padding:0 2em}}div#pager{width:100%;float:left;margin:20px 0}div#pager ul{width:100%;text-align:center}div#pager ul li{display:inline-block;border:1px solid gray;border-radius:7px;margin:0 3px;text-align:center}div#pager ul li a{display:block;width:30px;height:30px;text-align:center;line-height:30px;color:gray}div#pager ul li a:hover{font-weight:bolder;font-size:18px}div#pager ul li.now{min-width:30px;background-color:rgba(101,101,101,0.3)}div#pager ul li.text{border:none}header{width:100%;float:left}@media screen and (min-width: 768px){header{height:100px}header div.logo{width:30%;height:100px;float:left;text-align:center}header div.logo img{height:100%;width:auto}header #headermenu{width:70%;height:inherit;float:left}header ul#ulheader{width:100%;height:inherit;float:left;display:flex}header ul#ulheader li{flex:1;height:inherit;line-height:100px;text-align:center}header ul#ulheader li a{font-size:1.1em;font-weight:bolder;padding:7px 5px}header ul#ulheader li.active a{color:#d9a126;border-bottom:5px solid #d9a126;font-size:1.2em;white-space:nowrap}header ul#ulheader li:hover a{color:#d9a126;font-size:1.2em;white-space:nowrap}}@media screen and (max-width: 767px){header{height:60px;position:fixed;z-index:99;background-color:#00839f}header div.logo{width:calc( 100% - 60px );height:60px;float:left}header div.logo img{max-height:60px}header #headermenu{width:60px;height:60px;float:left;padding:10px;position:relative}header #headermenu:before{font-family:'FontAwesome';content:"\f0c9";width:40px;height:40px;text-align:center;font-weight:bolder;position:absolute;top:10px;left:10px;color:white;line-height:40px;font-size:1.3em;z-index:99}header #headermenu ul#ulheader{display:inline-block;width:100vw;max-width:100vw;height:calc( 100vh - 60px );position:absolute;top:60px;right:-100vw;background-color:#00839f;z-index:10;transition:right 0.7s ease-out}header #headermenu ul#ulheader li{width:100%;float:left;border-bottom:0.5px dotted white;font-size:2em;line-height:2em;text-align:center}header #headermenu ul#ulheader li a{display:inline-block;width:100%;height:100%;color:white}header #headermenu.active:before{content:" X "}header #headermenu.active ul#ulheader{right:0vw}}#content ul.control{width:100%;position:absolute;bottom:0;left:0;text-align:center;z-index:3}#content ul.control li{width:30px;height:17px;display:inline-block;cursor:pointer}#content ul.control li:before{content:"";display:block;width:20px;height:7px;margin:5px;background-color:white;border:1px solid #7AAAE6}#content ul.control li.active:before{background-color:#7AAAE6}#content .lr{height:100%;width:25px;background-color:rgba(0,0,0,0.2);color:white;position:absolute;top:0;z-index:10;cursor:pointer}#content .lr:before{display:block;font-family:'FontAwesome';width:25px;height:25px;font-size:20px;text-align:center;line-height:25px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}#content .lr.left{left:0}#content .lr.left:before{content:"\f104"}#content .lr.right{right:0}#content .lr.right:before{content:"\f105"}#content .lr:hover{background-color:rgba(0,0,0,0.6);width:50px}#content .lr:hover:before{width:50px;font-size:30px}.gotop{position:fixed;cursor:pointer;z-index:50;display:none;z-index:20}.gotop img{width:100%}.gotop#gotop{width:70px;height:70px;line-height:15px;text-align:center;border-radius:40px;overflow:hidden;right:20px;bottom:20px}@media screen and (max-width: 1024px){.gotop#gotop{right:calc( 50vw - 30px );bottom:0}}body{background-color:white;color:#0f0f0f}body a{color:#0f0f0f}@media screen and (max-width: 767px){body .mobilehide{display:none !important}}div#content{width:100%;float:left;min-height:300px;padding-bottom:3em}@media screen and (max-width: 767px){div#content{margin-top:60px}}footer{width:100%;float:left}footer div.footerdiv{width:100%;max-width:600px;display:flex;flex-wrap:wrap;margin:0 auto}footer div.footerdiv div.logo{width:150px;padding:0 2%;text-align:center}footer div.footerdiv ul.contact{flex:1;padding:0 5%}footer div.footerdiv ul.contact li{width:100%;float:left;font-size:1.5em;text-align:center;font-weight:bolder}footer div.footerdiv ul.contact li img{width:100%}footer div.footerdiv ul.contact li span{display:inline-block;width:5em}footer div.footerdiv p{display:inline-block;width:100%;text-align:center;font-weight:bolder}footer ul#ulfooter{width:100%;height:inherit;display:flex;max-width:800px;margin:0 auto}footer ul#ulfooter li{flex:1;height:inherit;line-height:100px;text-align:center}footer ul#ulfooter li a{font-size:1.1em;font-weight:bolder;padding:7px 5px}footer ul#ulfooter li.active a{color:#cfc3a9;border-bottom:5px solid #cfc3a9;font-size:1.2em;white-space:nowrap}footer ul#ulfooter li:hover a{color:#cfc3a9;font-size:1.2em;white-space:nowrap}@media screen and (max-width: 767px){footer{padding-bottom:3em}footer div.footerdiv div.logo{width:100%}footer div.footerdiv div.logo img{max-height:150px}footer div.footerdiv ul.contact{width:100%}}div#content div.w100{width:100%;float:left}div#content div.w50{width:50%;float:left}@media screen and (max-width: 767px){div#content div.w50{width:100%}}div#content .maintitle{margin:0;line-height:3em;text-align:center;letter-spacing:1px}div#content.page404{padding:50px 0;text-align:center}div#content div.bg{width:100%;display:inline-block;background-image:url(/img/web/bg_center.jpg);background-repeat:no-repeat;background-size:100% auto;background-position:center}@media screen and (max-width: 767px){div#content div.bg{background-size:auto 150%}}div#content #prodmarquee{height:300px;overflow:hidden;position:relative}div#content #prodmarquee ul.marquee{width:50000%;max-width:50000%;position:absolute;top:30px;left:0}@media screen and (max-width: 767px){div#content #prodmarquee ul.marquee{top:0}}div#content #prodmarquee ul.marquee li{width:25vw;max-width:300px;height:20vw;max-height:240px;float:left;position:relative}div#content #prodmarquee ul.marquee li div.mark{width:100%;height:4em;background-repeat:no-repeat;background-size:auto 4em;background-position:left center;position:absolute;top:-15px;left:0;z-index:2}div#content #prodmarquee ul.marquee li div.mark.isHot{background-image:url(/img/web/hot.png)}div#content #prodmarquee ul.marquee li div.mark.isNew{background-image:url(/img/web/new.png)}div#content #prodmarquee ul.marquee li div.image{width:inherit;height:inherit;max-height:300px;padding:0 5%;position:relative;z-index:1;text-align:center}div#content #prodmarquee ul.marquee li div.image img{width:80%;max-height:280px}div#content #prodmarquee ul.marquee li .subject{width:100%;position:absolute;bottom:-1em;left:0;z-index:2;color:black;font-weight:bolder;height:4em;padding:0 5%;text-align:center}div#content #prodmarquee ul.marquee li .subject span{display:inline-block;width:100%}div#content #prodmarquee ul.marquee li .subject span.sub{width:auto;border-top:1px solid black;font-size:0.9em}@media screen and (max-width: 767px){div#content #prodmarquee ul.marquee li{width:100vw;max-width:100%;height:100vw;max-height:300px}div#content #prodmarquee ul.marquee li div.mark{top:0;height:5em;background-size:auto 6em}div#content #prodmarquee ul.marquee li div.image img{width:90%}div#content #prodmarquee ul.marquee li .subject{bottom:0;height:2.5em}div#content #prodmarquee ul.marquee li .subject span{font-size:1.5em;width:auto}div#content #prodmarquee ul.marquee li .subject span.sub{border-top:0px solid black}}div#content div.newsinner{width:100%;max-width:40em;margin:0 auto;padding:0 5%}div#content div.newsinner ul#newsindexul{width:100%;float:left}div#content div.newsinner ul#newsindexul li{width:100%;float:left}div#content div.newsinner ul#newsindexul li a{display:flex;line-height:2.5em}div#content div.newsinner ul#newsindexul li a span.time{width:7em;font-size:1.1em}div#content div.newsinner ul#newsindexul li a .subject{flex:1;margin:0;font-size:1.1em}div#content div.newsinner ul#newsindexul li.top .subject:after{content:"！！";color:red;text-shadow:0 0 1px red}@media screen and (max-width: 767px){div#content div.newsinner div.flexinner{width:100%;float:left}div#content div.newsinner div.smokeimage{width:100%;float:left;text-align:center;padding:1em 0}div#content div.newsinner div.smokeimage img{position:relative}}div#content div.webhtml{width:100%;min-height:50vh;float:left;padding:10px 5%}div#content div.webhtml *{max-width:900px;margin:0 auto}div#content div.webhtml.article h1{margin:1em auto}div#content div.webhtml.article div.timer{width:100%;text-align:right;font-size:0.9em}div#content div.webhtml.article div.textsummary{width:100%;min-height:300px;padding:1em 0}div#content div.webhtml .returnbtn{width:100%;max-width:100%;float:left;text-align:center;padding:30px;position:relative;z-index:2}div#content div.webhtml .returnbtn a{display:block;width:200px;line-height:40px;background-color:orange;color:white;font-weight:bolder;letter-spacing:2px;border-radius:20px;opacity:0.9}div#content div.webhtml .returnbtn a:hover{opacity:1}div#content div.menu{width:15%;float:left}div#content div.menu ul.menu{width:100%;float:left;padding-top:2em}div#content div.menu ul.menu li{width:100%;float:left;font-size:1.2em;line-height:2.3em}div#content div.menu ul.menu li a{display:inline-block;width:100%;height:100%}div#content div.menu ul.menu li a.active{color:orange;border:2px solid orange}div#content div.menu ul.menu li a:hover{color:orange}div#content div.menu ul.menu li a.dish{position:relative;padding-left:2em}div#content div.menu ul.menu li a.dish:before{content:"";position:absolute;top:0;left:0;width:2em;height:2.3em;display:inline-block;background-image:url(/img/web/bowl.png);background-size:auto 70%;background-position:center;background-repeat:no-repeat}div#content div.menu ul.menu li a.dish.active{color:black;background-color:#cfc3a9;border:none}div#content div.menu ul.menu li a.dish:hover{color:black;background-color:#cfc3a9}div#content div.menu ul.menu li a.area{position:relative;padding-left:0.5em}div#content div.menu ul.menu li a.area:before{content:"\f015";font-family:'FontAwesome';position:relative;font-size:1.5em;padding-right:0.5em;display:inline-block}div#content div.menu ul.menu li a.area.active{color:black;background-color:#cfc3a9;border:none}div#content div.menu ul.menu li a.area:hover{color:black;background-color:#cfc3a9}div#content div.mmenu{display:none}@media screen and (max-width: 767px){div#content div.mmenu{display:inline-block;text-align:center;width:100%;padding:5px 2em;font-size:2em;font-weight:bolder}div#content div.mmenu select.changepage{width:100%;font-size:1em;line-height:2em;color:#00839f;border-color:#00839f}div#content div.mmenu select.changepage option{background-color:#00839f;color:white;-webkit-appearance:none;-webkit-tap-highlight-color:#00839f}div#content div.mmenu select.changepage option[selected]{color:#00839f !important}}div#content div.menuhtml{width:85%}@media screen and (max-width: 767px){div#content div.menuhtml{width:100%}}div#content ul#productsul{width:100%;float:left;display:flex;flex-wrap:wrap}div#content ul#productsul li{flex:1;max-width:24%;min-width:24%;float:left;padding:10px;position:relative;background-color:rgba(207,195,169,0.3);margin:0.5%}div#content ul#productsul li div.settext{width:100%;float:left;position:absolute;top:-10px;z-index:2;text-align:right;overflow:hidden}div#content ul#productsul li div.settext span{padding:3px 7px;color:white;background-color:red}div#content ul#productsul li div.settextbottom{width:100%;float:left;text-align:center}div#content ul#productsul li div.settextbottom span{color:#00839f;font-weight:bolder}div#content ul#productsul li div.settextbottom span.len{font-size:0.9em}div#content ul#productsul li div.image{width:100%;float:left;height:0;padding-bottom:85%;position:relative}div#content ul#productsul li div.image img{width:95%;height:auto;max-height:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:1}div#content ul#productsul li div.subject{width:100%;float:left;height:2em;position:relative;z-index:2;text-align:center;white-space:nowrap}div#content ul#productsul li div.subject span.spicy.spicy1,div#content ul#productsul li div.subject span.spicy.spicy2{content:"";width:1em;height:1em;display:inline-block;background-image:url(/img/web/spicy1.png);background-size:100% auto;background-position:center;background-repeat:no-repeat}div#content ul#productsul li div.subject span.spicy.spicy2{background-image:url(/img/web/spicy2.png)}div#content ul#productsul li div.price{width:100%;float:left;height:2em;position:relative;z-index:2;text-align:center}div#content ul#productsul li div.price span.price{display:inline-block;width:100%}@media screen and (min-width: 768px) and (max-width: 1023px){div#content ul#productsul li{max-width:49%;min-width:49%}}@media screen and (max-width: 767px){div#content ul#productsul li{max-width:49%;min-width:49%}}div#content.product .pcc{text-align:center}div#content.product .redp{font-size:1.3em;color:red}div#content.product .subname span{border-top:1px solid black;font-size:1.2em;min-width:10em;display:inline-block;margin-top:0.5em}div#content div.productdata div.productimage{width:100%;float:left;position:relative;text-align:center}div#content div.productdata div.productimage img{width:100%;max-width:350px}div#content div.productdata div.settext{width:100%;float:left;text-align:center}div#content div.productdata div.settext span{border:1px solid red;padding:3px 7px;color:red}div#content div.textsummary{min-height:300px}@media screen and (max-width: 767px){div#content div.textsummary{min-height:150px}}@media screen and (max-width: 767px){div#content.product .pcc{text-align:left}div#content div.productimage img{max-width:100%}}div#content ul#downloadul{width:100%;float:left;padding:10px 0}div#content ul#downloadul li{width:95%;float:left;padding:10px 0}div#content ul#downloadul li .submitbtn{cursor:pointer;padding:3px 7px;background-color:orange;color:white;font-size:1.2em;opacity:0.9}div#content ul#downloadul li .submitbtn:hover{opacity:1}div#content ul#downloadul li div.subject{height:4em;text-align:center}div#content ul#downloadul li div.image{height:0;padding-bottom:70%;position:relative;overflow:hidden}div#content ul#downloadul li div.image img{width:90%;height:auto;max-height:90%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:1}div#content ul#downloadul li div.icon{height:0;padding-bottom:70%;position:relative}div#content ul#downloadul li div.icon:before{font-family:'FontAwesome';width:100%;height:50px;text-align:center;font-size:50px;line-height:50px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}div#content ul#downloadul li div.icon.doc:before{content:"\f1c2"}div#content ul#downloadul li div.icon.pdf:before{content:"\f1c1"}div#content ul#shopsul{width:100%;float:left;display:flex;flex-wrap:wrap}div#content ul#shopsul li{min-width:32.33%;max-width:32.33%;padding:10px;background-color:rgba(207,195,169,0.3);margin:0.5%}div#content ul#shopsul li div.image{height:0;padding-bottom:70%;position:relative;overflow:hidden}div#content ul#shopsul li div.image div.autosize{position:absolute;width:100%;height:100%;top:0;left:0}div#content ul#shopsul li div.image div.autosize img{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}div#content ul#shopsul li div.storename{font-size:1.3em}div#content ul#shopsul li div.storeaddress:before{content:"";display:inline-block;width:2em;height:1.5em;background-image:url(/img/web/google.png);background-size:auto 80%;background-repeat:no-repeat;background-position:left center}div#content ul#shopsul li div.storeaddress:hover{color:blue}div#content ul#shopsul li div.storetel:before{content:"\f098";font-family:'FontAwesome';font-size:1.5em;padding-right:0.5em}div#content ul#shopsul li div.storetel:hover{color:blue}div#content ul#shopsul li .fbbtn{height:2em;vertical-align:middle}div#content ul#shopsul li a:hover{color:blue}div#content ul#shopsul li:hover{color:#0097DF}div#content ul#shopsul li:hover div.image div.autosize img{width:110%;height:110%;max-width:110%;max-height:110%;top:-5%;left:-5%}@media screen and (min-width: 768px) and (max-width: 1023px){div#content ul#shopsul li{min-width:49%;max-width:49%}}@media screen and (max-width: 767px){div#content ul#shopsul li{min-width:99%;max-width:99%}}div#content div.storedata div.icon.map{width:2.5em;height:2.5em;float:right;margin-right:10px;padding:2px;cursor:pointer}div#content div.storedata div.icon.map img{width:100%;height:100%}div#content div.storedata div.storeimage{width:100%;max-width:600px;float:left}div#content div.storedata div.storeimage img{width:100%}@media screen and (max-width: 767px){div#content div.storedata div.storeimage{max-width:100%}}div#content div.storedata div.settext{width:100%;float:left}div#content div.storedata div.settext span{border:1px solid red;padding:3px 7px;color:red}div#content div.textsummary{min-height:200px}@media screen and (max-width: 767px){div#content div.textsummary{min-height:100px}}div#noscript{width:100vw;height:100vh;position:fixed;z-index:99}table tr th,table tr td{padding:0.3em 1.5em}table#frantable{color:black;font-size:0.9em}table#frantable tr th,table#frantable tr td{padding:5px}table#frantable tr.dark{background-color:#414141;color:white}table#frantable tr.light{background-color:white;color:black}table#frantable input[type=reset],table#frantable input[type=submit]{padding:5px 15px;font-size:1.2em}table#frantable .full{width:90%}@media screen and (min-width: 768px){table#frantable{max-width:700px}}@media screen and (max-width: 767px){table#frantable{max-width:100%}}