/*!
 * Tomo css
 * Written by czq @2023
 */
body,div,td,th,p,span,input,select,button,h1,h2,h3,h4,h5,li{font-family:'Open Sans',sans-serif}body{background:#222}.whitebg{background:#fff}a{color:#fff}a:visited{color:#fff}a:hover{color:#fff}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#ff3020;--bs-btn-border-color:#ff5f53;--bs-btn-hover-bg:#ff1806;--bs-btn-hover-border-color:#ff3020;--bs-btn-active-bg:#ec1100;--bs-btn-active-border-color:#ff3020;--bs-btn-active-color:#fff;--bs-btn-disabled-bg:#ff3020;--bs-btn-disabled-border-color:#d30f00}.control-inline{display:inline-block;width:auto}.form-control:focus,.form-select:focus,.form-check-input:checked{border-color:#ff3020;box-shadow:0 0 .5rem rgba(0,0,0,.2)}.form-check-input:checked{background-color:#ff3020}.navbar-toggler{color:#fff;background:#222;padding:.45rem .5rem;border-radius:.3rem;vertical-align:.5rem;float:left}.top-career{background:#9f0102;color:#fff}.top-career a{text-align:center;display:block;line-height:50px;height:50px;text-decoration:none}.navbar{background:rgba(0,0,0,.5);padding:.75rem 0}.navbar .navbar-brand img{height:50px}.navbar a.cart,.navbar a.orderonline{color:#fff;display:inline-block;padding:.3rem .5rem!important;margin-top:.1rem;font-size:1rem;border-radius:3px;font-weight:600;text-decoration:none;border:1px solid #787878;margin-left:1rem}.navbar a.cart em,.navbar a.orderonline em{font-style:normal}.navbar a.cart{color:#ff3020}.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.5rem}.videoheader .controls2{position:absolute;width:100%;bottom:1.3rem;left:50%;width:200px;margin-left:-100px;text-align:center}.navbar-nav .nav-item .nav-link{color:#fff;padding-left:.5rem;padding-right:.5rem;font-weight:700}.navbar-nav .nav-item .active{color:#ff3020;font-weight:900}.menunavbar{background:#111;padding:1rem 0!important}.menunavbar a{color:#fff;text-decoration:none}.menunavbar a.float-start{font-size:1.5rem}.menunavbar a.navbar-brand-menu img{margin:.3rem 0;height:50px}.footer{color:#999}.offcanvas-header{border-bottom:1px solid #ddd}#homebanner{box-shadow:0 .5rem .5rem rgba(0,0,0,.2)}.homeitem{padding:1rem;margin:2rem 0;color:#999;background:#2f2f2f;border-radius:.5rem}.homeitem:hover{background:#343434}.homeitem h3{color:#eee;font-size:1.4rem;position:relative;padding-left:70px;padding-top:.85rem;text-shadow:0 1px 1px #000;line-height:1.3rem;height:60px;font-weight:700}.homeitem h3 img{border:2px solid #333;position:absolute;left:0;top:0;width:60px;height:60px;border-radius:30px}.homeitem p{margin-top:1rem}.homemenu{background:linear-gradient(#1a1a1a,#363636);background-size:auto 200px;background-repeat:no-repeat;background-color:#363636;min-height:830px;border-radius:.5rem;padding:2rem 0 .5rem 0;position:relative;box-shadow:0 -1px rgba(255,255,255,.1),0 .5rem .5rem rgba(0,0,0,.3)}.homemenu a{text-decoration:none}.homemenu .card{margin:1rem;border:0;background:#222}.homemenu .card .card-img-top{border-bottom:1px solid #151515;height:210px;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.homemenu .card .card-badge{position:absolute;right:-.4rem;top:.4rem;background:#2c2c2c;color:#fff;padding:.1rem .3rem;border-radius:.25rem;font-weight:600;border:1px solid #666}.homemenu .card .card-title{font-weight:bolder;padding:.2rem 1rem 0 1rem;margin:0;line-height:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.homemenu .card .card-body{padding:0;min-height:90px}.homemenu .card .card-text{padding:.5rem 1rem 1rem 1rem;color:#888;line-height:1.1rem;font-size:.9rem;font-weight:400}.homemenu a.allmenus{position:absolute;right:2rem;top:2rem;color:#ff3020}.homemenu h2{color:#fff;font-size:1rem;font-weight:400;position:relative;display:flex;font-size:.85rem;display:none}.homemenu h2 span{display:inline-block}.homemenu h2 span.center{background:#6d0800;padding:.6rem 1rem;margin-left:-10px;font-style:italic;color:#eee}.homemenu h2 span.left{position:absolute;left:-10px;bottom:-15px;border-bottom:10px solid #222;border-top:10px solid #530600;border-left:10px solid #222;width:10px;height:10px;margin-bottom:-5px}.homemenu h2 span.right{width:20px;height:40px;border-top:20px solid #6d0800;border-right:20px solid #222;border-bottom:20px solid #6d0800}.homemenu .sidebar{padding:1rem;color:#fff}.homemenu .sidebar .hours{border-bottom:1px solid #999;margin-bottom:1rem}.homemenu .sidebar .hours .item{margin:1rem 0 1rem 1.5rem}.homemenu .sidebar .hours .item label{display:block;margin-left:-1.4rem;font-weight:800;color:#ec1100}.homemenu .sidebar .hours:last-child{border-bottom:0}section.gallery,section.content{margin:1rem 0 1rem 0}section.aboutus{height:auto;color:#ccc;margin-top:1.5rem}section.aboutus .bg1{background:#000;margin:0}section.aboutus .bg2{margin:0;background:url(https://csitecdn.restaurant888.com/images/shanghaiclub/shanghai.png) no-repeat 85% center #000;background-size:100%;padding:2rem}section.aboutus .img1 .carousel-item{height:474px;background-size:70% auto;background-position:center center;background-repeat:no-repeat}section.aboutus h3{text-align:center}section.aboutus p{margin:0 0 2rem 0;padding:0}section.redbar .hours{background:url(https://csitecdn.restaurant888.com/images/shanghaiclub/bg5.webp) repeat center center #000;padding:2rem 0;color:#fff!important;text-align:center;height:250px;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}section.redbar .hours .clock{font-size:3rem;text-align:center}section.redbar .hours p,section.redbar .hours font,section.redbar .hours b{color:#fff!important}section.redbar .attr{background:url(https://csitecdn.restaurant888.com/images/shanghaiclub/bg5.webp) repeat center center #000;padding:2rem;color:#fff;height:250px;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}section.redbar .attr .item{margin-bottom:1rem}section.redbar .attr .item label{display:inline-block;width:100px}section.redbar .attr .item:last-child{margin-bottom:0}.table{--bs-table-bg:transparent;--bs-table-color:auto;--bs-table-hover-color:#ddd;--bs-table-border-color:#999}.main{position:relative;display:block;box-sizing:border-box}.menuDetailBox{background-color:#fff;background-size:100% 300px;min-height:600px;padding:0 1rem;border-radius:.5rem;border:1px solid #ddd}.menuDetailBox h1{font-size:1.85rem;font-weight:800}span.required{font-weight:900;font-size:1.5rem;margin-left:.5rem;line-height:1rem;vertical-align:-.4rem}.textbox{background:linear-gradient(#080808,#1a1a1a);background-size:100% 300px;background-repeat:no-repeat;background-color:#1a1a1a;border-radius:.5rem;padding:3rem;min-height:500px;color:#ddd}.textbox h1{color:#ff3020;font-weight:100;font-size:1.5rem;margin-bottom:2rem}.gallery img.thumb{display:block;margin:0 auto 1rem auto;width:100%;border-radius:.35rem;box-shadow:0 .1rem .4rem rgba(0,0,0,.15)}.swiperbox .homemenu{min-height:auto}.swiper-container{padding:0 2rem;overflow:hidden}.swiper-container .swiper-slide{text-align:center;font-size:18px;display:flex;justify-content:center;align-items:center}.swiper-container .swiper-slide img{display:block;object-fit:cover;width:100%;border-radius:.35rem;box-shadow:0 .5rem .5rem rgba(0,0,0,.25)}.swiper-container .swiper-pagination1{margin:1rem 0 0 0}.swiperbox{margin:2rem 0}#cartBoard table .t{font-size:.85rem}.menuBox{padding-top:110px}.menuBox .bannerImg{box-shadow:0 .5rem .5rem rgba(0,0,0,.2);border-radius:.5rem;height:200px;background-position:center center;background-repeat:no-repeat;background-size:cover}.menuBox .imgbox{position:relative}.menuBox .imgbox span.commend{position:absolute;left:10px;top:10px;background-color:rgba(255,255,255,.9);text-align:center;padding-top:6px;width:60px;height:60px;border-radius:30px;box-shadow:0 .6rem .5rem rgba(0,0,0,.3)}.menuBox .imgbox span.commend img{width:46px;height:46px}.menuBox .imgbox img{border-radius:.5rem}.menuBox .sticky-top{top:90px;margin-top:1rem}.menuBox h2.catetitle{color:#222;font-size:1.8rem;padding:.5rem 0;margin-top:2rem;text-align:left;font-weight:900;border-bottom:1px solid #ddd;margin-bottom:2rem}.menuBox h3{font-size:1.5rem;padding:.3rem 0;font-weight:900}.menuBox h4{color:#222;font-size:1rem;font-weight:500}.menuBox .catList{color:#000;padding:1.5rem 0;background:#fff;border-radius:.5rem;border-top-left-radius:0;border-top-right-radius:0}.menuBox .catList a.gotop{position:sticky;bottom:4rem;margin-right:-39px;margin-top:-90px;writing-mode:vertical-rl;transform:rotate(0deg);float:right;color:#fff;height:90px;width:35px;font-weight:900;background:#484848;text-align:center;line-height:2.2rem;padding:0;font-size:1.2rem;text-decoration:none;display:block;border-radius:.5rem;opacity:.55}.menuBox .catList a.gotop:hover{opacity:1}.menuBox .catbox{padding:.5rem .4rem;background:rgba(80,80,80,.9);backdrop-filter:blur(2px);border-radius:.45rem;box-shadow:0 .2rem 1rem rgba(0,0,0,.15)}.menuBox .catbox a.nav-link{color:#fff;font-weight:200;padding:.5rem .3rem;display:inline-block;border-radius:.5rem}.menuBox .catbox a.nav-link:hover{background-color:#555}.menuBox .catbox a.active{color:#fff;background:#ec1100}.menuBox .catbox .dropdown-menu{background:#484848}.menuBox .catnav{padding:1.6rem 0;color:#ff3020}.menuBox .catnav a{color:#ff3020}.menuBox .catdesc{line-height:1rem;color:#999}.menuBox .catdesc p{margin:0 0 .5rem 0}.menuBox .catdesc img{width:48.5%;display:inline-block;margin:.5rem}.menuBox .menudetail{padding-bottom:2rem;margin-top:1rem}.menuBox .menudetail .pricetype{margin:1rem 0;border-top:0}.menuBox .menudetail .pricetype ul{list-style:none;margin:0;padding:0}.menuBox .menudetail .pricetype ul li{display:inline-block;width:47%;margin:.5rem 1rem .5rem 0}.menuBox .menudetail .pricetype h3{font-size:1rem;border-bottom:1px solid #ddd;display:inline-block}.menuBox .menudetail .pricetype .sideorder{background:#fff;margin:1rem}.menuBox .menudetail .pricetype .sideorder ul li{border:2px solid #eee;padding:.85rem;border-radius:0;box-shadow:0 0 .3rem rgba(0,0,0,.1);cursor:pointer;position:relative}.menuBox .menudetail .pricetype .sideorder ul li .checked{position:absolute;right:.3rem;top:0;color:#222;display:none}.menuBox .menudetail .pricetype .sideorder ul li.active{border-color:#222}.menuBox .menudetail .pricetype .sideorder ul li.active .checked{display:block}.menuBox .menudetail .pricetype .sideorder .qty{float:left;width:95px;margin:0 .4rem 0 0;vertical-align:bottom}.menuBox .menudetail .pricetype .sideorder .qty input[type=number]{-moz-appearance:textfield;border-top-color:#666;border-bottom-color:#666;text-align:center;font-weight:800}.menuBox .menudetail .pricetype .sideorder .qty input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.menuBox .menudetail .pricetype .t2 ul li label{float:left;margin-top:.25rem;font-weight:800;font-size:.9rem}.menuBox a.menu{text-decoration:none;display:block;padding:0;border:1px solid #eee;vertical-align:top;margin-bottom:0;position:relative;color:#222;border-radius:.35rem}.menuBox a.menu .img{display:block;width:100%;border-top-left-radius:.35rem;border-top-right-radius:.35rem}.menuBox a.menu span.commend{position:absolute;right:10px;top:190px;width:50px;height:50px;background-color:rgba(255,255,255,.9);border-radius:25px;text-align:center;padding-top:6px;box-shadow:0 .4rem .3rem rgba(0,0,0,.3)}.menuBox a.menu span.commend img{width:40px;height:40px}.menuBox a.menu strong.name{margin:1.2rem 0 0 0;padding:0 .5rem;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menuBox a.menu strong.name span{color:#444;font-size:.85rem;font-weight:500;font-style:italic;margin-top:.3rem}.menuBox a.menu strong,.menuBox a.menu span{display:block;line-height:1.1rem}.menuBox a.menu span.desc{color:#888;font-size:.9rem;padding:1rem;display:none}.menuBox a.menu span.price{padding:.5rem .5rem 1rem .5rem;color:#ff392a}.mydata .list-group-item{line-height:1.2rem}.mydata .list-group-item small{color:#808080;font-size:.9rem}.mydata th{background:#eee;font-size:1rem;font-weight:300;line-height:1.2rem}.mydata a{color:#000}.printHeader{padding:1rem 0;display:block;width:100%;text-align:center;background:#eee;margin:1rem 0}.printHeader strong{display:block}.packages{text-align:center;display:flex}.packages .p{border:1px solid #ddd;padding:1rem;margin:.5rem;width:25%;display:inline-block;background:#fff}.packages .p p{margin:.5rem 0 0 0;padding:0;font-size:.85rem}.packages .p:hover{border-color:#222;box-shadow:0 0 .6rem rgba(0,0,0,.2)}.ordernow{background:#860900;display:inline-block;padding:.4rem .8rem;font-size:1rem;border-radius:3px;font-weight:600;text-decoration:none;text-transform:uppercase}@media(max-width:450px){.videoheader{height:auto;margin-bottom:0;padding-top:0}.videoheader video{width:100%;min-height:auto;min-width:auto;position:unset;left:auto;top:auto;transform:none;max-width:auto}.videoheader .controls{bottom:.2rem;left:.2rem}.videoheader .controls button{margin:0}.videoheader .controls button i.fa{font-size:1.5rem}.videoheader .controls2{opacity:.9;width:auto;left:auto;right:.5rem;margin-left:0;bottom:.75rem}section.redbar{margin-bottom:1rem}section.redbar .hours{border-bottom:1px solid #f00;border-radius:0;height:auto}section.redbar .attr{border-radius:0;padding:2rem 1rem;height:auto}section.redbar .attr .item{margin-bottom:.6rem;position:relative;padding-left:90px}section.redbar .attr .item label{position:absolute;width:90px;left:0;top:0}section.aboutus{margin-top:.5rem}section.aboutus .bg1{padding-top:0}section.aboutus .bg2{padding:1rem;margin-bottom:1rem}section.aboutus .bg2 p{font-size:.95rem}section.aboutus .img1 .carousel-item{height:300px;background-position-y:35%;background-size:95% auto}section.aboutus h3{margin:0 0 1rem 0}section.aboutus h3 img{width:60%}section.aboutus p{margin-bottom:1rem}.menuBox{padding-top:82px}.menuBox .sticky-top{top:80px;margin-top:0}.menuBox .container-fluid .bannerImg{border-radius:0;height:90px}.menuBox .catList{padding:0;background:none}.menuBox .catList a.menu{box-shadow:0 .25rem .25rem rgba(0,0,0,.08)}.menuBox .catbox{margin:0;border-radius:0;box-shadow:0 .55rem .35rem rgba(0,0,0,.1)}.catmenu h3{margin:1rem 0 .3rem 0}.navbar{background:#1a1a1a;border-bottom:0;box-shadow:0;padding:.5rem 0 .5rem 0}.navbar a.cart{margin-left:0;color:#ff3020}.navbar .navbar-brand{margin-right:0}.navbar .navbar-brand img{height:40px}.menunavbar{background:#222;height:auto!important;padding:0!important}.menunavbar a.float-start{font-size:1.2rem}.menunavbar a.navbar-brand-menu img{margin:1rem 0;height:50px}.menunavbar a.cart{color:#ff3020}.menunavbar a.cart i.fa{font-size:1.2rem}.catbox{display:flex;flex:1 1 auto;position:relative;overflow:scroll;scrollbar-width:none}.catbox a.nav-link{padding:.5rem!important;font-size:1rem;flex:0 0 auto;display:list-item}.navbar-nav{background:transparent!important;box-shadow:none;padding:1rem 0}.navbar-nav li a.nav-link{border-right:0!important}.offcanvas-body{overflow-y:unset;background:#222}section.info{display:none}.swiperbox{margin:0}.homemenu{min-height:auto;margin-bottom:1rem}.homemenu .card{margin:0 0 1rem 0}.homemenu .card .card-img-top{height:auto}.homemenu a.allmenus{right:.8rem;top:1.7rem}.homemenu a.allmenus i.fa{display:none}.textbox{padding:2rem 1rem}.menuDetailBox{padding:0}.menuDetailBox .catnav{padding:.8rem 0}.menuDetailBox h1{margin-top:1rem;font-size:1.3rem}}