/*!
 * Massage Admin css
 * Written by czq @2023
 */
html,body,div,span,td,th,input,li,a{font-family:'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif}body{background:#fff;font-size:18px}.navbar{padding:1.3rem 0;box-shadow:0 1px 5px rgba(0,0,0,.5);background:#fff}.navbar .container a.navbar-brand{color:#7e3a19;font-weight:600;font-size:1.5rem;text-shadow:0 .6rem .4rem rgba(0,0,0,.2)}.navbar .container a.navbar-brand:hover{text-decoration:none}.navbar .container a:hover{text-decoration:underline}.navbar .container .offcanvas-header{border-bottom:1px solid #7e3a19}.navbar .container .offcanvas-header h5{color:#7e3a19}.banner{background-size:cover;background-attachment:scroll;background-repeat:no-repeat;min-height:250px;background-position:center center}.banner h1{color:#fff;margin-top:6rem;text-align:center;text-shadow:0 0 .5rem rgba(0,0,0,.5)}section.content{min-height:650px}section.content .contentbody{padding:3rem 0}section.content .contentbody h1.contenttitle{margin:0 0 2rem 0;padding:0;color:#7e3a19}section.content .contentbody h1.contenttitle span{border-bottom:1px solid #dd8053;padding-bottom:.3rem}section.content .contentbody img{max-width:100%}.spotlight{height:100vh;background-size:cover;background-attachment:scroll;background-repeat:no-repeat;min-height:367px;background-position:50% center;background-image:url(https://csitecdn.restaurant888.com/images/massage01/banner.webp)}.spotlight .caption{position:relative}.spotlight .caption h1{color:#fff;margin:0;padding:0;font-size:3.5rem;margin-top:28vh;text-align:left;line-height:6rem;text-shadow:0 1rem .5rem rgba(0,0,0,.2)}.spotlight .caption .flower{position:absolute;left:15%;width:140px;animation:whirling 20s linear infinite}.spotlight .caption .flower2{position:absolute;left:0;top:-70px;width:70px;animation:whirling 10s linear infinite reverse}.spotlight .caption .flower3{position:absolute;right:42%;top:-60px;width:75px;animation:whirling 60s linear infinite}@keyframes whirling{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.infobar{background:#dd8053;padding:3rem 0;color:#fff;text-align:center;line-height:1.5rem}.infobar .call{font-size:1.8rem}.infobar i.fa{margin-block:.2rem;margin-right:.5rem;height:50px;font-size:2rem;display:block}.info{margin:4rem 0}.info h2{font-size:1.5rem;text-align:center;font-weight:normal;margin-bottom:2rem}.gallery .imgs .img{display:inline-block;margin:.5rem}.gallery .imgs .img img.img{max-width:200px;max-height:130px}.footer{background-image:url(https://csitecdn.restaurant888.com/images/massage01/footbg.webp);background-size:cover;background-attachment:scroll;background-repeat:no-repeat;min-height:200px;background-position:center bottom;color:#ccc;font-weight:100;font-size:.85rem}.footer .brand{padding:1rem 0 1.5rem 0;font-size:1.5rem;margin-bottom:1rem;border-bottom:1px solid #999}.footer .brand i{margin:0 1.2rem}@media(max-width:550px){.navbar{padding:1rem 0}.navbar .container a.navbar-brand{font-size:1.3rem;letter-spacing:0}.navbar .container .nav-item{border-bottom:1px solid #eee}.spotlight{background-position:65% center}.spotlight .caption h1{font-size:3.3rem;line-height:4.5rem}.spotlight .caption .flower{left:22%;bottom:-20vh}.spotlight .caption .flower2{left:0;top:-10vh}.spotlight .caption .flower3{right:15%;top:-60px}.infobar{padding:2rem 0}.infobar .col-xs-12{margin-block:auto;margin-top:2rem}.infobar .col-xs-12:first-child{margin-top:0}.infobar i.fa{font-size:2rem;display:block}.infobar .call{font-size:1.2rem}.banner{min-height:160px}.banner h1{color:#fff;margin-top:4rem;text-align:center;text-shadow:0 0 .5rem rgba(0,0,0,.5)}.gallery .imgs .img{margin:.1rem}.gallery .imgs .img img.img{max-width:140px;max-height:130px}}@media(max-width:400px){.spotlight .caption h1{font-size:2.3rem;line-height:3rem}.navbar{padding:1rem 0}.navbar .container a.navbar-brand{font-size:1.2rem;letter-spacing:0}}@media(max-width:378px){.navbar{padding:1rem 0}.navbar .container a.navbar-brand{font-size:1.2rem;letter-spacing:-1px}}