/*!
 * Tomo css
 * Written by czq @2023
 */
.btn-outline-primary,.btn-primary{--bs-btn-color:#f45c00;--bs-btn-border-color:#f45c00;--bs-btn-hover-bg:#db5200;--bs-btn-hover-border-color:#f45c00;--bs-btn-active-bg:#cb4d00;--bs-btn-active-border-color:#f45c00;--bs-btn-disabled-bg:#ffa975;--bs-btn-disabled-border-color:#ffa975}.btn-primary{--bs-btn-bg:#f45c00;--bs-btn-color:#fff}.form-check-input:checked{background-color:#f45c00;border-color:#f45c00;box-shadow:0 0 .3rem #f45c00}body,div,td,th,p,span,input,select,button,h1,h2,h3,h4,h5,li{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}body.dark{background:#222;color:#eee}body.dark .navbar{background:#222;border-bottom-color:#444}body.dark .navbar .navbar-brand strong span{color:#999}body.dark .navbar a.btn:hover{text-decoration:none}body{background:#fff}.control-inline{display:inline-block;width:auto}.navbar{border-bottom:1px solid #ddd;background-color:#fff}.navbar .navbar-brand{font-size:1.3rem;font-weight:400;line-height:1.4rem}.navbar .navbar-brand img{height:70px;width:70px;border-radius:35px;border:4px solid #fff;box-shadow:0 0 .3rem rgba(0,0,0,.3);float:left;margin-right:.5rem}.navbar .navbar-brand strong{float:left;font-size:1.65rem;margin-top:.6rem;font-weight:900;font-family:Georgia;letter-spacing:0}.navbar .navbar-brand strong span{display:block;font-family:Georgia;font-size:.9rem;letter-spacing:-1px;font-weight:400;color:#666;margin-top:.3rem;padding-left:.1rem}.navbar a.orderonline{margin-right:1rem}.navbar .navbar-nav a.active{font-weight:800}.navbar .navbar-nav a.nav-link:hover{text-decoration:underline}a{color:#333;text-decoration:none}a:hover{text-decoration:underline}.swiper-container{overflow:hidden}.videoheader{margin-top:.75rem;position:relative}.videoheader video{width:100%;height:auto}.videoheader .controls{position:absolute;width:150px;text-align:left;left:1rem;bottom:1rem}.videoheader .controls button{border:0;background:transparent;color:rgba(255,255,255,.9);text-shadow:0 .5rem .5rem rgba(0,0,0,.3);padding:.5rem}.videoheader .controls button i.fa{font-size:2.2rem}.videoheader .controls2{position:absolute;width:100%;bottom:1.3rem;left:50%;width:200px;margin-left:-100px;text-align:center}.main{margin-top:110px}section.aboutus .attr{background:#333;padding:2rem}section.aboutus .attr .item{margin:1.9rem 0}section.redbar{margin:1.5rem 0}section.redbar .bg2 h3{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-weight:100}section.redbar .bg3{background:#333;padding:2rem}section.redbar a.maps{display:block;height:450px;background-repeat:no-repeat;background-position:center center;background-size:cover}section.info{margin-top:2rem}section.info .homeitem{background-image:linear-gradient(to bottom,#444,#333);background-color:#333;background-size:100% 50%;background-repeat:no-repeat;padding:2rem}section.info .homeitem span.img{box-shadow:0 .5rem .3rem rgba(0,0,0,.3) inset;width:160px;height:160px;background-size:300px 225px;background-position:center center;background-repeat:no-repeat;border-radius:80px;display:block;margin:0 auto 1rem auto}#menuImgPreview{position:absolute;background-color:#fff;border-radius:var(--bs-border-radius);padding:10px;box-shadow:0 0 .5rem rgba(0,0,0,.3)}#menuImgPreview img{display:block;margin-bottom:.5rem;border-radius:var(--bs-border-radius);max-height:450px;max-width:450px}#homebanner2{margin-top:0}#homebanner2 .carousel-item{height:395px;background-size:cover;background-repeat:no-repeat;background-position:center center}#homebanner2 .carousel-indicators{bottom:0}#homebanner2 .carousel-indicators a{border:0;background:#ddd;font-size:1px;overflow:hidden;padding:0;height:5px;width:30px;margin:0 .1rem}.job{padding:2rem;background:#fff;color:#000}.footer{color:#999;border-top:1px solid #444;font-size:.85rem}.offcanvas-header{border-bottom:1px solid #ddd}section.aboutus,section.swiperbox,section.redbar{margin:2rem 0 1rem 0}section.aboutus h3,section.swiperbox h3,section.redbar h3{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-weight:100;text-shadow:0 .3rem .2rem rgba(0,0,0,.15)}.swiper-container{padding:0;overflow:hidden}.swiper-container .swiper-slide{text-align:center;font-size:18px;display:flex;justify-content:center;align-items:start}.swiper-container .swiper-slide a{display:block;position:relative}.swiper-container .swiper-slide img{display:block;object-fit:fill;width:100%}.swiper-container .swiper-slide .name{position:absolute;bottom:0;left:0;width:100%;padding:.3rem 0;background:rgba(0,0,0,.35);color:#fff;backdrop-filter:blur(5px);font-size:.8rem;font-weight:100;white-space:nowrap;line-height:1rem;overflow:hidden;text-overflow:ellipsis}.swiper-container .swiper-pagination1{margin:0}.bannerImg{height:240px;background-size:cover;background-position:center center}.catbox{position:sticky;top:6rem;left:0;height:90vh;overflow-y:auto;padding:2.2rem 0}.catbox h1{font-size:1.3rem;font-weight:700;padding:0 0 .3rem 0}.catbox ul{padding:0;margin:0;list-style:none}.catbox ul li a{display:block;padding:0;margin:.8rem 0;line-height:1.1rem;font-size:.9rem;text-transform:capitalize}.catbox ul li ul{margin-left:1rem}.catbox a.active{font-weight:700;border-left:4px solid #333;padding-left:.5rem}#cartBoard .text-secondary{font-size:.85rem}.catList{padding:2rem 0}.catList a.gotop{position:sticky;bottom:5rem;float:right;transform:rotate(90deg);width:80px;height:30px;background:#ddd;color:#fff;text-align:center;font-size:1.4rem;line-height:30px;font-weight:900;margin-right:-55px}.catList a.gotop:hover{background-color:#ccc;text-decoration:none}.catList .catmenu{padding:0;margin:0 0 2rem 0}.catList .catmenu h3{text-transform:capitalize}.catList .catmenu .catdesc{line-height:1.1rem;font-size:.9rem;color:#666;margin:0 0 1rem 0}.catList .catmenu .catdesc p{margin:0;padding:0}.catList h3{font-size:1.3rem;font-weight:700;margin:0 0 1rem 0}.catList a.nopic{padding-right:1rem!important;height:100px!important}.catList a.menu{position:relative;display:block;width:100%;height:130px;border:1px solid #eee;padding:1rem 165px 1rem 1rem}.catList a.menu:hover{text-decoration:none;border-color:#ddd;background-color:#f9f9f9}.catList a.menu:hover img.img{border-color:#ddd}.catList a.menu img.img{position:absolute;right:-1px;top:-1px;width:auto;height:130px;border:1px solid #eee}.catList a.menu .desc{color:#666;font-size:.85rem;margin:.5rem 0;line-height:1rem}.catList a.menu h3.name{font-size:1rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0;overflow:hidden}.catList a.menu .price{color:#666;font-size:.9rem}.catList a.lunch{padding:0 .5rem;border:0;height:auto;background:#fff;display:inline-block;width:auto;font-weight:700;line-height:1rem}.catList a.lunch span.cnname{margin:0 .5rem;color:#808080;font-size:.85rem;font-style:italic;font-weight:200}.catList a.lunch:hover{background:#fff}.catList .lunchgrid td.name{padding:.5rem 0;background:url(https://csitecdn.restaurant888.com/images/bigbowl/dot.gif?v=2) repeat-x left center}.catList .lunchgrid td.price{width:50px;padding:.5rem 0}.catList .lunchgrid td.right{border-left:1px solid #ccc}.catList .lunchgrid tr:hover td{background-color:#f3f3f3}.catList .lunchgrid tr:hover td a.lunch{background:#f3f3f3}.menuinfo_content h1{font-size:1.2rem;padding:.5rem 0;margin:.5rem 0;font-weight:800}.menuDetailBox .imgbox img.img{width:100%}.menudetail{margin-top:1rem}.menudetail h1{font-size:1.75rem}.menudetail .pricetype{margin-bottom:1rem;border-top:0}.menudetail .pricetype ul{list-style:none;margin:0;padding:0}.menudetail .pricetype ul li{display:inline-block;width:46%}.menudetail .pricetype ul.long li{width:100%}.menudetail .pricetype h3{font-size:1.2rem;border-bottom:1px solid #ddd;display:inline-block}.menudetail .pricetype .sideorder{background:#fff;margin:0}.menudetail .pricetype .sideorder h4 strong{font-size:1rem}.menudetail .pricetype .sideorder ul li{cursor:pointer;position:relative}.menudetail .pricetype .sideorder ul li .checked{position:absolute;right:.3rem;top:0;color:#fff;display:none}.menudetail .pricetype .sideorder ul li.active{border-color:#fff}.menudetail .pricetype .sideorder ul li.active .checked{display:block}.menudetail .pricetype .sideorder .qty{float:left;width:95px;margin:0 .4rem 0 0;vertical-align:bottom}.menudetail .pricetype .sideorder .qty input[type=number]{-moz-appearance:textfield;border-top-color:#666;border-bottom-color:#666;text-align:center;font-weight:800}.menudetail .pricetype .sideorder .qty input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.menudetail .pricetype .t2 ul li label{float:left;margin-top:.25rem;font-weight:800;font-size:.9rem}.textbox{min-height:500px;padding:2rem 0}.textbox h1.title{font-size:2rem;margin:0 0 1rem 0;padding:0;font-weight:100}.textbox div.text{padding:0}.textbox img.thumb{border:1px solid #f2f2f2;width:100%;margin:0 0}.textbox img.thumb:hover{border-color:#fff;box-shadow:0 .5rem .5rem rgba(0,0,0,.25)}@media(max-width:450px){.navbar .navbar-brand img{height:50px;width:50px;border-radius:25px}.navbar .navbar-brand strong{margin-top:.2rem;font-size:1.4rem}.navbar .navbar-brand strong span{margin-top:.1rem;font-size:.8rem}.main{margin-top:76px}.main .bannerImg{height:100px;margin:0}section.aboutus h3,section.swiperbox h3,section.redbar h3{text-align:center}.videoheader .controls{left:.5rem;bottom:.5rem}.videoheader .controls button i.fa{font-size:1.4rem}.videoheader .controls2{opacity:.9;width:auto;left:auto;right:.2rem;margin-left:0;bottom:.5rem}section.aboutus{margin-top:.5rem}section.aboutus .attr{padding:1rem}section.aboutus .attr .item{margin:.5rem 0}section.redbar .bg3{padding:1rem}section.redbar a.maps{height:500px;background-size:auto 120%}#homebanner2 .carousel-item{height:315px}.textbox div.text{padding:0}.catList{padding-top:0}.catList a.menu{padding:.45rem 135px .45rem .45rem;height:110px}.catList a.menu img.img{height:110px}.catList a.menu div.desc{margin:.35rem 0 0 0}.catList a.lunch{padding:0;height:auto}.catbox{padding:0;margin:0 0 1rem 0;height:auto;top:74px;left:0;margin-left:-.75rem;background:#eee;width:100vw;z-index:100;box-shadow:0 .3rem .3rem rgba(0,0,0,.1)}.catbox h1{display:none}.catbox ul.root{margin-bottom:0}.catbox ul{list-style:none;padding:0;margin:0;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;display:flex}.catbox ul li{margin:0 .2rem 0 0;height:50px}.catbox ul li a{display:block;background:#eee;padding:0 .6rem;margin:0;height:50px;line-height:50px;letter-spacing:-1px;border-right:1px solid #fff}.catbox ul li a.active{border-left:0;background:#f45c00;color:#fff;font-weight:400}.job{padding:1rem}}