@charset "UTF-8";.menuList .item{position:relative;padding:40px 0;display:flex;align-items:center;justify-content:center}.menuList .item:has(.pic) .txtBox{flex-direction:column}.menuList .item:has(.pic) .picBox{width:250px;max-width:100%}@media only screen and (min-width: 1201px){.menuList .item:has(.pic) .picBox:after{content:"";width:100%;height:100%;background:#0009;transition:.4s opacity;opacity:0;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}}.menuList .item:has(.pic) .picBox .icon{z-index:2;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.menuList .item:not(:first-child):after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background-color:rgba(var(--wordRGB),.2)}.menuList .item .txtBox{flex:1;gap:10px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}.menuList .item .txtBox .tag{width:100%;color:var(--tagColor);font-size:clamp(.875rem,.7647rem + .1961vw,1rem);font-weight:400;line-height:1.8;letter-spacing:.5px}.menuList .item .txtBox .itemTitle{transition:.4s color}.menuList .item .txtBox .nameEN{font-family:El Messiri,Noto Sans TC,微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif}.menuList .item .picBox{position:relative;flex-shrink:0}.menuList .item .picBox .pic{position:relative;width:100%;overflow:hidden}.menuList .item .picBox .pic:before{content:"";display:block;width:100%;height:100%;padding-top:100%}.menuList .item .picBox .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.menuList .item .picBox .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.menuList .item .picBox .pic+.icon{color:#fff}.menuList .item .picBox .icon{width:20px;height:20px;font-size:1.25rem;opacity:0;transition:.4s opacity}@media only screen and (max-width: 767px){.menuList .item .picBox .icon{display:none}}@media only screen and (min-width: 1201px){.menuList .item:hover .picBox:after{opacity:1}.menuList .item:hover .picBox .icon{opacity:1}}@media only screen and (max-width: 1200px){.menuList .item:active .picBox:after{opacity:1}.menuList .item:active .picBox .icon{opacity:1}}@media only screen and (max-width: 1200px){.menuList .item{width:100%;max-width:680px}}.menu_dish-page{--blkSpace: clamp(50px, 1.4706rem + 2.9412vw, 80px);--blkSpace2: clamp(50px, .3676rem + 4.902vw,100px)}.menu_dish-page[color-theme=dark]{--tagColor: #321C05}.menu_dish-page[color-theme=light]{--tagColor: #FFF}section.headBlk{position:relative;overflow:hidden}section.headBlk[data-theme=dark]{color:#fff}section.headBlk[data-theme=dark] multipurpose-nav[m4-type=drag] .drag-container .category{color:#fff}section.headBlk[data-theme=dark] multipurpose-nav[m4-type=drag] .drag-container .category:after{background:#ffffff80}section.headBlk[data-theme=light]{color:#1f1f1f}section.headBlk[data-theme=light] multipurpose-nav[m4-type=drag] .drag-container .category{color:#1f1f1f}section.headBlk[data-theme=light] multipurpose-nav[m4-type=drag] .drag-container .category:after{background:#1f1f1f80}section.headBlk .container{max-width:1440px;padding:var(--blkSpace) 0;width:calc(100% - var(--1frSpace) * 2 - var(--baseSpace) * 2);margin:auto}@media only screen and (max-width: 900px){section.headBlk .container{width:calc(100% - var(--baseSpace) * 2)}}@media only screen and (min-width: 1921px){section.headBlk .container{max-width:75vw}}section.headBlk .breadCrumbs{width:100%}section.headBlk .unit-head{margin-top:var(--blkSpace)}section.headBlk .multipurpose{margin-top:var(--blkSpace)}section.headBlk .multipurpose multipurpose-nav[m4-type=drag].noScrollable .drag-container{justify-content:center}section.headBlk .pic img{width:100%;height:100%;object-fit:cover;z-index:-1;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}section.contentBlk .container{max-width:1440px;padding:var(--blkSpace2) 0;width:calc(100% - var(--1frSpace) * 2 - var(--baseSpace) * 2);margin:auto}@media only screen and (max-width: 900px){section.contentBlk .container{width:calc(100% - var(--baseSpace) * 2)}}@media only screen and (min-width: 1921px){section.contentBlk .container{max-width:75vw}}section.contentBlk .page-head .text{width:calc((100% - 15px)/2);gap:10px 15px;text-align:left;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}@media only screen and (min-width: 901px){section.contentBlk .page-head .text+.text{max-width:682px;margin-left:auto}}@media only screen and (max-width: 900px){section.contentBlk .page-head{gap:0}section.contentBlk .page-head .text{width:100%;flex-direction:column;align-items:flex-start;text-align:left}section.contentBlk .page-head .paragraph{margin-top:20px}}section.contentBlk .menuList{gap:0 var(--blkSpace);margin-top:calc(var(--blkSpace) - 40px);margin-bottom:-40px;counter-reset:number;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}@media only screen and (max-width: 1200px){section.contentBlk .menuList{justify-content:center}}@media only screen and (max-width: 767px){section.contentBlk .menuList{margin-top:calc(var(--blkSpace) - 30px);margin-bottom:-30px}}section.contentBlk .menuList .item{width:calc((100% - var(--blkSpace)) / 2);counter-increment:number}@media only screen and (min-width: 1201px){section.contentBlk .menuList .item:hover .txtBox:before{border:1px solid var(--main-color);color:var(--main-color)}}@media only screen and (max-width: 1200px){section.contentBlk .menuList .item:active .txtBox:before{border:1px solid var(--main-color);color:var(--main-color)}}section.contentBlk .menuList .item .txtBox{padding-left:80px}section.contentBlk .menuList .item .txtBox:before{content:counter(number,decimal-leading-zero);position:absolute;top:50%;left:0;transform:translateY(-50%);width:50px;height:50px;border:1px solid rgba(var(--wordRGB),.2);border-radius:50%;font-size:1rem;font-weight:500;line-height:1;letter-spacing:.5px;transition:.4s color,.4s border-color;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 1200px){section.contentBlk .menuList .item{width:100%;max-width:680px}section.contentBlk .menuList .item:not(:first-child):after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background-color:rgba(var(--wordRGB),.2)}}@media only screen and (min-width: 1201px){section.contentBlk .menuList .item:not(:first-child):nth-child(2n):after{content:unset}section.contentBlk .menuList .item:not(:first-child):nth-child(odd):after{width:calc(200% + var(--blkSpace))}}@media only screen and (max-width: 767px){section.contentBlk .menuList .item{flex-direction:column;align-items:flex-start;padding:30px 0;gap:30px}section.contentBlk .menuList .item .txtBox{width:100%;gap:5px;position:relative;flex-direction:column}section.contentBlk .menuList .item .picBox{width:100%;padding-left:80px}section.contentBlk .menuList .item:has(.pic) .picBox{width:100%;max-width:400px}section.contentBlk .menuList .item:not(:has(.pic)) .picBox{display:none}}
