@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;500;600;900&family=Oswald:wght@300;400&display=swap);body,html{padding:0;margin:0;box-sizing:border-box}body{font-family:Microsoft JhengHei;font-size:15px;line-height:1.6em;width:100%;max-height:100%;background-color:#fff}a{text-decoration:none;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;text-decoration-color:-moz-use-text-color;-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-transition:.3s;transition:.3s}a:hover{text-decoration:none}.img-responsive{margin:0 auto}small{font-size:75%;color:#666}header{overflow:hidden;z-index:8888;position:fixed;width:100%;background-color:#fff;top:0;left:0;border-bottom:1px solid #e7e7e7}header{padding:0!important}nav.navbar.navbar-default{min-height:60px;padding:0}header .navbar-brand{margin:0!important;padding:5px 0!important}header .navbar-brand img{width:210px;height:auto}main .visualBox .container{text-align:right;position:relative}footer{background-color:#222;color:#fff;padding:1em 0;text-align:center}.method-title{font-size:2.2em;font-weight:700}.btnset{text-align:center}.btnset a{border-radius:30px;font-size:1.8em;font-weight:bolder;padding:.2em 1em;display:inline-block}@media (max-width:992px){header .container{width:100%}header .container{min-height:50px;padding:0!important}header .container .navbar-brand img{width:100%;width:200px;height:auto}header .container .navbar-header{width:auto!important}main .visualBox{min-height:inherit}main .visualBox .container{text-align:right;position:relative;padding:0;width:100%}main h1 .title img{max-width:300px;margin:0 auto}}@media (max-width:767px){footer span{display:block}}.btnset a{color:#fff;border:3px solid #f8d595;background-color:#d40e19;box-shadow:3px 5px #796239;line-height:1.2}.btnset a:hover{color:#ec1c24;border:3px solid #ec1c24;background-color:#fff;box-shadow:3px 5px #70111f}body{scroll-behavior:smooth}#gotop{position:fixed;z-index:90;right:30px;bottom:70px;width:40px;height:40px;color:#fff;background:rgba(0,0,0,.6);line-height:45px;border-radius:50%;transition:all .5s;text-align:center;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);display:flex;justify-content:center;align-items:center;overflow:hidden}#gotop a{display:block;color:#fff;font-size:30px;font-weight:700;padding:30px}.arrowUp{width:14px;height:14px;transform:rotate(45deg) translate(2px ,2px);border:1px solid #fff;border-bottom:0;border-right:0}.topBnAll{position:relative;overflow:hidden}.arrowUp{width:14px;height:14px;transform:rotate(45deg) translate(2px ,2px);border:1px solid #fff;border-bottom:0;border-right:0}::selection{color:#fff;background:#0957ae}.pt-20{padding-top:20px}.topicBox{position:relative}.animeItem{position:absolute;width:100%;top:0;left:0}.anime_upDown{animation:upDown 3s infinite linear}@keyframes upDown{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}body,html{margin:0;padding:0}*{box-sizing:border-box}body{scroll-behavior:smooth;overflow-x:hidden}html{overflow-x:hidden}.sidepanel{position:fixed;z-index:20;height:auto;top:100px;right:-180px;background-color:#000;border-right:none;overflow-x:hidden;transition:.5s;padding-top:60px;padding-bottom:30px;border-radius:30px 0 0 45px}.sidepanel a{padding:8px 8px 8px 20px;text-decoration:none;font-size:16px;color:#fff;display:block;transition:.3s}.sidepanel a:hover{color:#f1f1f1;background-color:#0957ae}.sidepanel a.closebtn{padding:8px}.sidepanel .closebtn{position:absolute;top:0;right:25px;font-size:36px}.openbtn{font-size:16px;cursor:pointer;background-color:#111;color:#fff;padding:10px 15px;border:none;position:fixed;top:100px;right:0;z-index:15}.openbtn:hover{background-color:#444}.dropbtn{background-color:#ddd;color:#fff;padding:16px;font-size:16px;border:none;cursor:pointer;height:60px;display:flex;justify-content:center;align-items:center}.dropbtn:focus,.dropbtn:hover{background-color:#ccc}.dropdown{display:inline-block;right:-37px;top:30px;transform:translate(-50%,-50%);z-index:10000;position:fixed}.dropdown-content{display:none;position:absolute;right:0;background-color:#f1f1f1;min-width:200px;overflow:auto;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown a:hover{background-color:#ddd}.show{display:block}.hamline{display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}.hamline div{width:40px;height:4px;background-color:#f0f8ff;border-radius:20px;margin-bottom:4px;margin-top:4px}.row{margin:0}* [class^=col-]{padding-left:0;padding-right:0}.aniview{opacity:0}section#kvTopBN{padding-top:60px;overflow:hidden;background-color:#d40e19}footer p{margin:0}.methodBoxAll{padding-top:20px;padding-bottom:20px}.actallBox .swiper-container{padding-bottom:30px}.specialboxsize{margin:10px 5px}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:5px}.swiper-container3{padding-bottom:20px}a:hover{color:#3e68c7;scroll-behavior:smooth}section#method a{margin:0 3px}.animepppBox{position:absolute;width:46%;left:30%;transform:translateX(-50%);bottom:0}.topppBox{display:flex;justify-content:center;align-items:flex-end}section{padding-top:10px;padding-bottom:10px}.methodBox a{color:#fbce74}.methodBox a:hover{color:#ff0}.topbnbox{margin-top:60px}.recipe-titlebox{background-image:url(../images/banner-kitchen.png);padding-top:40px;padding-bottom:40px;text-align:center;font-weight:700;color:#fff;text-shadow:0 0 10px rgb(0 0 0);font-family:'Noto Serif TC',serif;font-family:Oswald,sans-serif}.recipeguildbox .innbox{background:#fff;box-shadow:0 0 3px rgb(0 0 0 / 30%);padding:10px;margin:6px;transform:rotate(-2deg)}.recipeguildbox .col-md-3.col-6:nth-child(2n) .innbox{margin-top:30px;transform:rotate(2deg)}.recipeguildbox .innbox p{font-family:'Noto Serif TC',serif;text-align:center;padding-top:5px;margin-bottom:0;color:#000}.hrstyle{border-top:3px dotted rgba(0,0,0,.6);border-style:dashed}.recipeinfobox .recipeinfobox-inn .infobox{display:flex;align-items:center;padding:3px 9px;margin:5px;border-bottom:1px dotted}.recipeinfobox .recipeinfobox-inn .infobox span{margin-left:auto;white-space:nowrap}.recipeinfobox .recipeinfobox-inn h5{background:#015cb1;color:#fff;padding:5px;margin-bottom:0}.recipeinfobox .recipeinfobox-inn .infobox img{max-width:21px;padding-right:3px}.recipeinfobox .recipeinfobox-inn ul{list-style-type:decimal;padding-top:10px}.recipeinfobox h4{font-family:'Noto Serif TC',serif}.recipeinfobox p{color:#999}.bottom-h6{text-align:center;background-color:#84c4c4;color:#fff;padding:9px;margin-bottom:0}.bottomguild{background-color:#84c4c4;padding-top:15px;padding-bottom:15px}.bottomguild p{padding:10px;background:#fff;position:relative;border-radius:5px;margin-bottom:0;font-size:14px;line-height:1.4}.recipeinfobox .recipeinfobox-inn ul li{border-bottom:1px dotted #bbb}.recipeinfobox .recipeinfobox-inn ul li ul li{border:none}@-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover{-webkit-animation-name:hvr-wobble-vertical;animation-name:hvr-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@media screen and (max-width:1199px){.stepbox{padding:18px}.stepbox .subtitle{margin-top:-9%}}@media screen and (max-width:767px){.method-title{font-size:1.6em}}@media screen and (max-width:640px){.recipeinfobox .recipeinfobox-inn .infobox{font-size:14px;line-height:1.2;align-items:end}.recipeguildbox .innbox{padding:8px;margin:4px}.recipeguildbox .col-md-3.col-6:nth-child(2n) .innbox{margin-top:15px}.recipeinfobox-inn .row{display:flex;align-items:flex-end}.recipeinfobox .recipeinfobox-inn h5{font-size:14px}.recipeinfobox p{line-height:1.3;margin-bottom:8px}}