@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300&display=swap";@font-face{font-family:Gaggenau;font-weight:400;src:url("../fonts/gaggenr.ttf")}@font-face{font-family:Gaggenau;font-weight:bold;src:url("../fonts/gaggenb.ttf")}@keyframes fading{0%{opacity:0}40%{opacity:1}60%{opacity:1}100%{opacity:0}}body{font-size:4.8vw;line-height:1.2;font-family:Gaggenau,"Noto Sans TC",sans-serif;font-weight:400;text-align:center;background-color:#000;color:#fff}body h1,body h2,body h3,body h4,body h5,body h6,body p{margin-block-start:0;margin-block-end:0}body h1{font-size:2.5em}body h2{font-size:2.22em}body h3{font-size:1.75em}body h4{font-size:1.5em}body h5{font-size:1.25em}body h6{font-size:.83em}body p.small{font-size:.83em}body span.single-line{display:inline-block}body a:link,body a:visited{text-decoration:none;color:#897b71}body a:hover,body a:active{text-decoration:underline}body section{position:relative;width:100%;display:flex;flex-direction:column;justify-content:center;align-content:flex-start;flex-wrap:wrap;padding-top:16vw;padding-bottom:16vw}body .container{width:100%;display:flex;flex-direction:row;justify-content:center;align-content:flex-start;flex-wrap:wrap;padding-left:8vw;padding-right:8vw}body section.toTopSection{width:initial;position:fixed;bottom:0;right:0;padding:0;z-index:100;font-size:.83em}body section.toTopSection .container{justify-content:flex-end;padding:0}body section.toTopSection .container .toTopButton{cursor:pointer;margin:5.3333333333vw;padding:2.6666666667vw;background-color:#727272}body section.toTopSection .container .toTopButton .arrow{animation-name:fading;animation-duration:2.5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}nav{width:100%;height:20vw;position:relative}nav #menu-toggle{display:none}nav #menu-toggle:checked~.container .menu{height:calc(100vh - 20vw)}nav #menu-toggle:checked~#overlay{opacity:1;z-index:9999}nav .container{z-index:10000;width:100% !important;max-width:initial !important;height:100%;background-color:#1e1e1e;align-content:center;justify-content:space-between;position:relative;padding:2.6666666667vw 8vw}nav .container .logo{display:flex;flex-direction:column;justify-content:center;align-content:flex-start;flex-wrap:wrap}nav .container .logo img{height:8vw}nav .container .menu-button-container{width:9.3333333333vw;height:8.8vw;padding:1.3333333333vw;position:relative}nav .container .menu-button-container .menu-button .bar{background-color:#fff;height:.2666666667vw;display:block;position:absolute;right:0}nav .container .menu-button-container .menu-button .bar:nth-child(1){width:6.6666666667vw;top:1.3333333333vw}nav .container .menu-button-container .menu-button .bar:nth-child(2){width:5.3333333333vw;top:4vw}nav .container .menu-button-container .menu-button .bar:nth-child(3){width:4vw;top:6.6666666667vw}nav .container .menu{position:absolute;top:0;left:0;width:100%;height:0;margin-top:20vw;transition:all .3s ease-in-out;background-color:#1e1e1e;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}nav .container .menu::-webkit-scrollbar{display:none}nav .container .menu .menuOptions{margin-block-start:0;margin-block-end:0;padding-inline-start:0;padding-top:8vw;padding-bottom:8vw;list-style:none;display:flex;flex-direction:column;justify-content:center;align-content:flex-start;flex-wrap:wrap;flex-wrap:nowrap;align-items:center;gap:60px}nav .container .menu .menuOptions li a{color:#fff}nav #overlay{transition:all .3s ease-in-out;position:fixed;z-index:-1;top:0;left:0;right:0;opacity:0;background-color:rgba(0,0,0,.7);width:100%;height:100%}footer{text-align:left}footer .container{justify-content:flex-start;display:flex;flex-direction:column;justify-content:center;align-content:flex-start;flex-wrap:wrap;gap:10.6666666667vw}footer .container .detailsWrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-content:flex-start;flex-wrap:wrap;align-content:flex-start;gap:5.3333333333vw}footer .container .detailsWrapper .detailBlocksWrapper{display:flex;flex-direction:column;justify-content:center;align-content:flex-start;flex-wrap:wrap;row-gap:2.6666666667vw}footer .container .detailsWrapper .detailBlocksWrapper .detailBlockContent.follow{display:flex;flex-direction:row;justify-content:center;align-content:flex-start;flex-wrap:wrap;column-gap:8vw}footer .container .detailsWrapper .detailBlocksWrapper .detailBlockContent.follow .fb{width:5.3333333333vw}footer .container .detailsWrapper .detailBlocksWrapper .detailBlockContent.follow .ig{width:5.3333333333vw}footer .container .detailsWrapper .detailBlocksWrapper .detailBlockContent.follow .yt{width:6.6666666667vw}footer .container .divider{width:100%;height:2px;background-color:#fff}footer .copyright{text-align:center;padding-top:10.6666666667vw;color:#727272}footer .copyright .container{justify-content:center}button{width:100%;padding:2.6666666667vw 5.3333333333vw;border:0;background-color:#e37222;color:#fff;cursor:pointer}@media screen and (min-width: 768px){body{font-size:18px}body section{padding-top:60px;padding-bottom:60px;align-content:center}body section.toTopSection .container .toTopButton{margin:40px;padding:20px}body .container{padding-left:30px;padding-right:30px;max-width:1200px}nav{height:75px}nav #menu-toggle:checked~.container .menu{height:calc(100vh - 75px)}nav .container{padding:10px 30px}nav .container .logo img{height:30px}nav .container .menu-button-container{width:35px;height:33px;padding:5px}nav .container .menu-button-container .menu-button .bar{height:1px}nav .container .menu-button-container .menu-button .bar:nth-child(1){width:25px;top:5px}nav .container .menu-button-container .menu-button .bar:nth-child(2){width:20px;top:15px}nav .container .menu-button-container .menu-button .bar:nth-child(3){width:15px;top:25px}nav .container .menu{margin-top:75px}nav .container .menu .menuOptions{padding-top:60px;padding-bottom:60px}footer .container{gap:40px}footer .container .detailsWrapper{gap:20px}footer .container .detailsWrapper .detailBlocksWrapper{row-gap:10px}footer .container .detailsWrapper .detailBlocksWrapper .detailBlockContent.follow{column-gap:30px}footer .container .detailsWrapper .detailBlocksWrapper .detailBlockContent.follow .fb{width:20px}footer .container .detailsWrapper .detailBlocksWrapper .detailBlockContent.follow .ig{width:20px}footer .container .detailsWrapper .detailBlocksWrapper .detailBlockContent.follow .yt{width:25px}footer .container .divider{height:1px}footer .copyright{padding-top:40px}button{width:initial;padding:20px 60px}}@media screen and (min-width: 1200px){nav .container .menu-button-container{display:none}nav .container .menu{position:initial;top:initial;left:initial;width:initial;transition:none;height:100%;margin-top:initial}nav .container .menu .menuOptions{display:flex;flex-direction:row;justify-content:center;align-content:flex-start;flex-wrap:wrap;height:100%;align-content:center;padding-top:initial;padding-bottom:initial}footer .container{display:flex;flex-direction:row;justify-content:center;align-content:flex-start;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}footer .container .detailsWrapper{width:initial;flex-basis:20%;flex-shrink:1;flex-grow:1;gap:20px}footer .container .detailsWrapper .detailBlocksWrapper .detailBlockContent.follow{column-gap:20px}}section.chefs .container .chefList{display:flex;flex-direction:row;justify-content:center;align-content:flex-start;flex-wrap:wrap;justify-content:space-between;gap:16vw 2.6666666667vw}section.chefs .container .chefList .chef{display:flex;flex-direction:column;justify-content:center;align-content:flex-start;flex-wrap:wrap;row-gap:2.6666666667vw;width:40vw}section.chefs .container .chefList .chef .thumbnail{position:relative;width:40vw;height:40vw}section.chefs .container .chefList .chef .thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center 20%}section.chefs .container .chefList .chef .thumbnail .frame{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 2vw 1.3333333333vw #000;z-index:10}section.chefs .container .chefList .chef .details{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-content:flex-start;flex-wrap:wrap;justify-content:flex-start;align-content:center;row-gap:1.3333333333vw}section.chefs .container .chefList .chef .details .title{font-size:.83em;color:#897b71}section.chefs .container .chefList .chef .details .restaurant{font-size:.83em;color:#897b71}section.chefs .container .chefList .chef a:link,section.chefs .container .chefList .chef a:visited{text-decoration:underline;color:#cf7b40}@media screen and (min-width: 768px){section.chefs .container .chefList{gap:60px 30px;justify-content:center}section.chefs .container .chefList .chef{row-gap:10px;width:150px}section.chefs .container .chefList .chef .thumbnail{width:150px;height:150px}section.chefs .container .chefList .chef .thumbnail .frame{box-shadow:inset 0 0 7.5px 5px #000}section.chefs .container .chefList .chef .details{row-gap:5px}}.modal{position:fixed;top:0;left:0;z-index:-1;width:0;height:0;overflow-x:hidden;overflow-y:auto;outline:0;transition:opacity .15s linear;background-color:#000;opacity:0;pointer-events:none}.modal.show{display:block;opacity:1;z-index:10055;width:100%;height:100%}.modal.show .modal-dialog{transform:none}.modal.hiding{opacity:0}.modal.hiding .modal-dialog{transform:translate(0, -50px)}.modal .modal-dialog{position:relative;width:auto;height:100%;margin:0 auto;transition:transform .3s ease-out;transform:translate(0, -50px)}.modal .modal-dialog .modal-content{position:relative;display:flex;flex-direction:column;width:100%;height:100%;pointer-events:auto;outline:0}.modal .modal-dialog .modal-content .modal-header{position:fixed;top:0;left:0;width:100%;height:20vw;z-index:100}.modal .modal-dialog .modal-content .modal-header .container{height:100%;justify-content:end;align-content:center;max-width:none}.modal .modal-dialog .modal-content .modal-header .container img.modal-btn-close{cursor:pointer;width:9.3333333333vw;height:8.8vw}.modal .modal-dialog .modal-content .modal-body{overflow:auto;width:100%;height:100%;text-align:left;font-weight:400;padding-top:20vw}.modal .modal-dialog .modal-content .modal-body .modal-body-container{width:100%;max-width:750px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-content:flex-start;flex-wrap:wrap}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-thumbnail{position:relative;width:100%;min-height:100%;z-index:5}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-thumbnail .modal-chef-photo{width:100%}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-thumbnail .modal-thumbnail-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, transparent 76%, #000000 98%);z-index:10}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-details{width:100%;padding:16vw 8vw}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-details h3.modal-chef-name{padding-bottom:2.6666666667vw}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-details div.modal-chef-title{padding-bottom:2.6666666667vw}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-details div.modal-chef-desc{color:#cf7b40}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-details p.modal-chef-intro{white-space:pre-line;padding-top:10.6666666667vw;padding-bottom:10.6666666667vw}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-details .modal-chef-video{position:relative;width:100%;padding-bottom:56.25%;display:none}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-details .modal-chef-video.show{display:block}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-details .modal-chef-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-details .modal-chef-gallery{margin-top:1.3333333333vw;width:100%}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-details .modal-chef-gallery .gallery-item{width:38.6666666667vw}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-details .modal-chef-gallery .gallery-item img{width:100%;height:100%}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-about{padding:0 8vw 8vw}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-about .modal-chef-about{background-color:#1e1e1e;padding:10.6666666667vw 8vw}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-about .modal-chef-about h5.modal-chef-about-title{color:#cf7b40;padding-bottom:10.6666666667vw}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-about .modal-chef-about p.modal-chef-about-desc{white-space:pre-line}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-back{padding-top:8vw}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-back .container{justify-content:flex-start}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-back .container button{background-color:#cf7b40;width:initial}@media screen and (min-width: 768px){.modal .modal-dialog .modal-content .modal-header{height:75px}.modal .modal-dialog .modal-content .modal-header .container{max-width:none}.modal .modal-dialog .modal-content .modal-header .container img.modal-btn-close{width:70px;height:66px}.modal .modal-dialog .modal-content .modal-body{padding-top:75px}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-details{padding:60px 30px}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-details h3.modal-chef-name{padding-bottom:10px}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-details div.modal-chef-title{padding-bottom:10px}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-details p.modal-chef-intro{padding-top:40px;padding-bottom:40px}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-details .modal-chef-gallery{margin-top:10px}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-details .modal-chef-gallery .gallery-item{width:290px}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-about{padding:0 30px 60px}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-about .modal-chef-about{padding:40px 30px}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-about .modal-chef-about h5.modal-chef-about-title{padding-bottom:40px}.modal .modal-dialog .modal-content .modal-body .modal-body-container .modal-chef-section-back{padding-top:20px}}main#chefs section.intro{padding-left:8vw;padding-right:8vw}main#chefs section.intro .container{background-color:#1e1e1e;row-gap:10.6666666667vw;padding-top:10.6666666667vw;padding-bottom:10.6666666667vw}main#chefs section.intro .container h1{color:#e37222}main#chefs section.chefs{row-gap:16vw}main#chefs section.chefs .container.back{justify-content:flex-start}main#chefs section.chefs .container.back button{background-color:#cf7b40}@media screen and (min-width: 768px){main#chefs section.intro{padding-left:30px;padding-right:30px}main#chefs section.intro .container{row-gap:40px;padding-top:60px;padding-bottom:60px;padding-left:40px;padding-right:40px;max-width:900px}main#chefs section.chefs{row-gap:60px}main#chefs section.chefs .container.back{justify-content:center}}