/*!
 * 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"}.topline{position:sticky;top:0;z-index:999;background:#fff}.topline a.phone{font-size:.8rem;color:#787878}.topline span.right a{color:#ff7928;margin-right:1rem}.dropdown-menu{--bs-dropdown-spacer:-.2rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.4)}.navbar{border-bottom:1px solid #ddd;background-color:#fff;position:sticky;top:40px;z-index:999}.navbar a.cart{margin-left:-3.5rem}.navbar .navbar-brand strong{font-family:Georgia,'Times New Roman',Times,serif;font-size:2.1rem;display:block;text-transform:uppercase;font-weight:900;float:none;padding:0;letter-spacing:0;color:#000}.navbar .navbar-brand span{font-family:Georgia,'Times New Roman',Times,serif;font-size:1rem;display:block;color:#787878;float:none;font-weight:200;margin-top:-.5rem;letter-spacing:-1px;margin-left:.2rem}.navbar .navbar-brand:hover{text-decoration:none}.navbar a.orderonline{margin-right:1rem}.navbar .navbar-nav .nav-item{position:relative}.navbar .navbar-nav a.active{font-weight:800;color:#000}.navbar .navbar-nav a.nav-link{box-shadow:none;text-decoration:none}body.dark{background:#222;color:#eee}body.dark .topline{background:#111}body.dark .navbar{background:#222;border-bottom-color:#444}body.dark .navbar .navbar-nav .nav-item{margin-left:1rem}body.dark .navbar .navbar-nav a.active{font-weight:800;color:#fff}body.dark .navbar .navbar-brand strong{color:#fff}body.dark .navbar .navbar-brand span{color:#999}body{background:#fff}.control-inline{display:inline-block;width:auto}a{color:#333;text-decoration:none}a:hover{text-decoration:underline}.swiper-container{overflow:hidden}.videoheader{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:1rem}section.aboutus .attr{background:#333;padding:.25rem 2rem}section.aboutus .attr .item{margin:1.9rem 0}section.aboutus .attr .item label{width:100px}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:200px 155px;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:auto 100%;background-repeat:no-repeat;background-position:right 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}.bannerImgBox{height:240px;position:relative;width:100%;overflow:hidden}.bannerImgBox .banner-img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease-in-out}.bannerImgBox .banner-img.active{opacity:1}.catbox{position:sticky;top:140px;left:0;height:90vh;overflow-y:auto;padding:1.5rem 0}.catbox h1{font-size:1.3rem;font-weight:700;padding:0 0 .3rem 0}.catbox ul{padding:0;margin:0 0 0 1.2rem}.catbox ul li a{display:block;padding:0;margin:.6rem 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}#floatCart{bottom:11rem}.catList{padding:0}.catList a.gotop{position:sticky;bottom:5rem;float:right;width:100px;padding:.5rem;background:#eee;color:#ff995b;text-align:center;font-size:1.3rem;font-weight:900;margin-right:-110px;border:5px double #fff}.catList a.gotop:hover{background-color:#ddd;text-decoration:none}.catList .catmenu{padding:2rem 0 0 0;margin: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 .catmenu:first-child{padding:.5rem 0 0 0}.catList h3{font-size:1.3rem;font-weight:700;margin:0 0 1rem 0}.catList a.nopic{padding-right:1rem!important}.catList a.menu{position:relative;display:block;width:100%;height:130px;border:1px solid #eee;padding:1rem 165px 1rem 1rem;border-radius:.5rem}.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;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.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{position:static;top:unset}.navbar .navbar-brand strong{font-size:1.6rem;letter-spacing:0}.navbar .navbar-brand span{margin-top:-.4rem;font-size:.85rem}.dropdown-menu{box-shadow:none}.dropdown-menu li{border-bottom:1px solid #ddd}.dropdown-menu li:last-child{border-bottom:0}.main{margin-top:.75rem}.main .bannerImgBox{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:1rem 0}section.aboutus .attr .item label{width:auto}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 .catmenu{padding:0;margin:2rem 0 0 0}.catList .catmenu .catdesc img{width:100%!important;height:auto!important}.catList .catmenu a.menu{padding:.45rem 135px .45rem .45rem;height:110px}.catList .catmenu a.menu img.img{height:110px}.catList .catmenu a.menu div.desc{margin:.35rem 0 0 0;max-height:50px;overflow-y:hidden}.catList .catmenu a.lunch{padding:0;height:auto}.catsInOffcanvas ul{padding:0;margin:0 0 0 1rem}.catsInOffcanvas ul li a{display:block;padding:0;margin:.8rem 0;line-height:1.1rem;font-size:.9rem;text-transform:capitalize}.catsInOffcanvas ul li ul{margin-left:1rem}.catbox{padding:.5rem;text-align:right;margin:0;height:auto;top:0;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;color:#f45c00;font-weight:400}.job{padding:1rem}}