html,body {
  height: 100%;
  width: 100%;
}
body {
  font-family: 'Montserrat', sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 30px;
}
hr {
  border-color: #ffffff;
  border-width: 3px;
  max-width: 50px;
}
hr.light {
  border-color: white;
}
a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  text-decoration: none;
  color: #000;
}
a:hover,a:focus {
  text-decoration: none;
  opacity: 0.875;
  color: #929090;
}
ul{
  margin: 0;
  padding: 0;
}
strong{font-weight: bold;}
button:focus{outline: none;}
ul li{
  list-style: none;
}
h1,h2,h3,h4,h5,h6 {
}
input:focus,textarea:focus{outline: none;}
input, textarea{
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
/* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
  .partyfrm .container .col-md-12{overflow: hidden;}
.textwidget.custom-html-widget {
  height: 100%;
}
.mobi{
  display: none;
}
.bgbody,.menuicon{
  display: none;
}
.mat-divd input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color:rgba(255,255,255,0.6);
}
.mat-divd input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(255,255,255,0.6);
  opacity: 1;
}
.mat-divd input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(255,255,255,0.6);
  opacity: 1;
}
.mat-divd input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(255,255,255,0.6);
}
.mat-divd input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgba(255,255,255,0.6);
}
.mat-divd input::placeholder {
  /* Most modern browsers support this now. */
  color: rgba(255,255,255,0.6);
}
.bg-primary {
  background-color: #ffffff;
}
.bg-dark {
  background-color: #222222;
  color: white;
}
.text-faded {
  color: #FFF;
}
.section {
  overflow: hidden;
  position: relative;
}
p:empty{display: none;}
.mb.blackclass,.blackclass{display: none !important;}

section{
  max-width: 1920px;
  margin: 0 auto;
}
aside {
  padding: 50px 0;
}
img {
  max-width: 100%;
}
.mb{
  display: none !important;
}
.no-padding {
  padding: 0;
}
.zmdi{
  vertical-align: middle;
  font-size: 20px;
}
.animate{
  opacity: 1;
}
.imgebanner.mystyle {
    opacity: 1;
}
.imgebanner {
    opacity: 0;
}
div#o-wrapper {
}

.headermenu {
    padding: 22px 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    background: none;
    color: #fff;
    height: 75px;
}
.headermenu.fixed {
  color: #000;
  position: fixed;
  z-index: 999;
  box-shadow: 1px 1px 3px 1px #f5f5f5;
      background: #fff;
}
.headermenu.fixed ul.ulmenu li a{color: #000;}
.headermenu.fixed ul.ulmenu li.menu-item.current-menu-item a, .headermenu.fixed ul.ulmenu li.menu-item.current-page-ancestor a{
  border-color: #000;
}
#mainNav{
  max-height: 0;
}
a.logo {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-top: -3px;
}
.headermenu ul.ulmenu li {
    float: left;
    padding: 0px 12px;
    position: relative;
}
.headermenu ul.ulmenu li:last-child{
  border: none;
}

.headermenu.headermenu.fixed{    padding: 19px 0 27px;}
.headermenu ul.ulmenu li a {
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
}
.headermenu ul.ulmenu li.menu-item.current-menu-item a,.headermenu ul.ulmenu li.menu-item.current-page-ancestor a {
  color: #c00807;
}
html[lang="ja"] .headermenu ul.ulmenu li a{
  text-transform: uppercase;
  font-size: 18px;
}
html[lang="ja"] .headermenu ul.ulmenu li{padding: 0 20px;}
.headermenu ul.ulmenu li a.active{
  color: #e65444;
}
.headermenu ul.ulmenu{
  margin-top: 3px;
  float: left;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}

.righthead{
  float: right;
}
.righthead ul li{
  float: left;
  padding: 0 5px;
}
a.booknowhead.ourtheteam.pc {
    background: none;
    border: 1px solid #fff;
    color: #fff;
  }
a.booknowhead {
    background: #fff;
    color: #000;
    padding: 1px 17px;
    display: block;
    font-size: 13px;
    min-width: 80px;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #fff;
}
.headermenu.fixed a.booknowhead {
  background: #000;
  color: #fff;
}
.headermenu.fixed a.booknowhead.ourtheteam{
  border: 1px solid #000;
  background: none;
  color: #000;
}
@media (min-width: 768px){
  .headermenu li .sub-menu {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 30px;
    border-top: 1px solid #e5e4e0;
    border-bottom: 1px solid #e5e4e0;
    border-left: 1px solid #e5e4e0;
    border-right: 1px solid #e5e4e0;
    min-width: 150px;
    background: #fff;
    padding: 5px 10px;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 200ms ease;
    -moz-transition: 200ms ease;
    -o-transition: 200ms ease;
    transition: 200ms ease;
    white-space: nowrap;
    max-width: 150px;
    display: none;
  }
  .headermenu li .sub-menu li a{
    color: #1c1c1c;
    font-size: 14px;
  }
  .headermenu li .sub-menu li{
    width: 100%;
    position: relative;
  }
  .headermenu li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .sub-menu:after, .sub-menu:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  .sub-menu:before {
    border-color: rgba(229, 228, 224, 0);
    border-bottom-color: #e5e4e0;
    border-width: 11px;
    margin-left: -11px;
  }
  .sub-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
  }
  .headermenu .dropdown{
    float: right;
  }
  #mainNav .dropdown .dropdown-toggle {
    border: none;
    background: none;
    color: #fff;
    font-size: 13px;
    margin-top: 0px;
    cursor: pointer;
    margin-left: 0;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    border: 1px solid #fff;
    padding: 6px 15px;
    line-height: 10px;
  }
  .headermenu.fixed #mainNav .dropdown .dropdown-toggle{
    border-color: #000;
    color: #000;
  }
  .headermenu.fixed a.booknowhead{

  }
  #mainNav .dropdown .dropdown-toggle img{
    vertical-align: middle;
  }
  #mainNav .dropdown .dropdown-toggle i.zmdi {
    margin-left: 5px;
  }
}
#mainNav .dropdown-menu a{
  color: #000;
  font-size: 14px;
  display: block;
}
.headermenu.fixed .logo img{
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.headermenu .logo img{display: none;}
.headermenu .logo img.logotop{display: block;}
.headermenu .logo img.logotopfix{display: none;}
.headermenu.fixed .logo img.logotop{display: none;}
.headermenu.fixed .logo img.logotopfix{display: block;}
#mainNav .dropdown-menu {
  padding: 4px 10px;
  border-radius: 0;
  left: -30px !important;
  top: 5px !important;
  text-align: center;
  border: 1px solid #000;
}
#mainNav .dropdown-menu li{
  width: 100%;
  text-align: left;
}
#mainNav .dropdown-toggle::after{
  display: none;
}
#mainNav .dropdown{
  font-size: 14px;
}
#mainNav .dropdown .dropdown-toggle:active,#mainNav .dropdown .dropdown-toggle:focus{
  outline: none;
}
#mainNav .dropdown img {
  vertical-align: middle;
  width: 20px;
}
#mainNav .dropdown-menu:after, #mainNav .dropdown-menu:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#mainNav .dropdown-menu:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 8px;
  margin-left: -8px;
}
#mainNav .dropdown-menu:before {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #000000;
  border-width: 9px;
  margin-left: -9px;
}
#mainNav .dropdown-menu:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 7px;
  margin-left: -7px;
}
.banner .rsOverflow{
  height: 100% !important;
      width: 100% !important;
}
.docSlider{width: 100% !important;}
.docSlider-pager{display: none;}
.banner{
  height: 100%;
  background-size: cover;
  background-position: center;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.rsVideoContainer video {
    max-height: inherit;
    width: 130%;
    height: 118%;
}
.banner img{
      object-fit: cover;
    height: 100%;
}
.banner h5 img{
  margin: 0 auto;
}
.banner h5 img:last-child{
  margin: 30px auto 0;
  max-height: 35px;
}
.banner .followus{
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0,0,0,0.4);
  padding: 40px 0;
  text-align: center;
}
.banner .followus h4{
  font-size: 16px;
  margin-bottom:30px;
  text-transform: uppercase;
}
.banner .followus ul li{
  display: inline-block;
  margin: 0 30px;
}
.banner .followus ul li span{
  display: block;
  color: #fff;
  font-size: 14px;
  margin-top: 5px;
  display: none
}
.banner .followus ul li i.zmdi{
  font-size: 50px;
  color: #fff;
}
.royalSlider{
  width: 100%;
  height: 100%;
  min-height: 500px;
}
.rsContent div.pc,.rsContent div.mb{
  height:100%;
}
.txtbannersl {
    position: absolute;
    bottom: 20%;
    text-align: center;
    width: 100%;
    left: 0;
    color: #fff;
        z-index: 99;
}
#Modalandroid .modal-content{padding: 20px 30px; color: #000;border-radius: 0;}
.imgcler{margin-bottom: 35px;}
.txtlife {
    font-size: 60px;
    letter-spacing: 4px;
    font-weight: bold;
    text-transform: uppercase;
}
.pc img.rsImg,.mb img.rsImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.royalSlider img.pc,.royalSlider img.mb{
  object-fit: cover;
  object-position: center;
  height: 100%;
}
.liststu{margin-top: 80px;}
.liststu li{
  display: inline-block;
  vertical-align: top;
}
.liststu li a{
  display: block;
  font-size: 30px;
  font-weight: 500;
  width: 350px;
  line-height: 40px;
  padding: 52px 10px;
  border: 1px solid #fff;
  color: #fff;
  margin: 0 15px;
  height: 143px;
  border-radius: 10px;
  overflow: hidden;
}
.liststu li a:hover{
  color: #000;
}
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  background: none;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.liststu li:first-child a{
  padding: 32px 10px;
}

#Modalandroid .modal-header h5.modal-title {
    text-align: center;
    width: 100%;
}
#Modalandroid p{line-height: 24px;}
#Modalandroid .inputfs{
  width: 304px;
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
}
#Modalandroid .inputfs.fsubmit{margin-bottom: 20px;}
#Modalandroid .inputfs input{
  border: 1px solid #ccc;
  padding: 5px 10px;
  width: 100%;
}
#Modalandroid .inputfs .submitgo {
    background: #000;
    border: 1px solid #000;
    color: #fff;
    padding: 5px 10px;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: bold;
}
#Modalandroid label.error{bottom: -22px;}
.lineapp {
    text-align: center;
}
ul.socialpp {
    float: none;
    margin-top: 5px;
    display: inline-block;
}
ul.socialpp li{
  float: left;
  margin: 0 15px;
}
ul.socialpp li i{font-size: 30px;}
.lineapp a.alinebutton {
    display: block;
    background: #00c500;
    color: #fff;
    padding: 5px 25px 3px;
    width: 180px;
    text-align: center;
    margin: 0 auto 20px;
}
.firttimest a{
  font-size: 15px;
  color: #fff;
  text-decoration: underline;
}
.cussorow {
    position: absolute;
    width: 100%;
    bottom: 105px;
    text-align: center;
    left: 0;
    z-index: 99;
    display: none;
}
.mousey:before{
  content: "";
  width: 1px;
  height: 60px;
  background: #fff;
  position: absolute;
  left: 8px;
  bottom: -82px;
}
.mousey {
    width: 15px;
    height: 28px;
    box-sizing: content-box;
    position: absolute;
    left: calc( 49% + 9px);
    top: -5px;
    background: url(../img/cusor.svg) no-repeat;
    background-size: 15px 28px;
}
.scroller {
    width: 1px;
    height: 5px;
    border-radius: 25%;
    background-color: #fff;
    animation-name: scrollgo;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15,.41,.69,.94);
    animation-iteration-count: infinite;
    margin-left: 7px;
    margin-top: 5px;
}
@keyframes scrollgo {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}
#djclub2019{
  text-align: center;
  background: #f2f2f2;
  padding: 27px 15px;
}
.rsNavItem {
  display: inline-block;
  margin: 0 5px;
}
.rsBullets {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  max-width: 1000px;
  z-index: 9;
}
.rsNavItem.rsNavSelected span {
  background: #000;
}
.modaltoppage .rsNavItem.rsNavSelected span {
    background: #5f5f5f;
}
.rsNavItem span {
    display: block;
    width: 40px;
    height: 3px;
    background: #ababab;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    cursor: pointer;
}
.royalSlider img.imgebanner.imgber{
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

#slider-with-blocks-2.royalSlider img.imgebanner{
  width: auto;
}
#slider-with-blocks-2.royalSlider {
  text-align: center;
}
.subtrainer #slider-with-blocks-2.royalSlider{
  height:450px;
}
#slider-with-blocks-2 .rsBullets{
  bottom: -30px;
}
#slider-with-blocks-2 .rsNavItem.rsNavSelected span{
  background: #8c8c8c;
}
#slider-with-blocks-2 .rsNavItem span{
  background: #dedede;
}
.nologo .logobn{
  top: 555px;
}
a.btnbooking {
  color: #fff;
  font-size: 40px;
  border: 1px solid #fff;
  text-align: center;
  line-height: 30px;
  padding: 20px 20px 28px;
  margin-top: 100px;
  display: inline-block;
  width: 385px;
  font-weight: bold;
  text-transform: uppercase;
}
a.btnbooking:hover{
  background: #fff;
  color: #000;
}
.logobn {
  position: absolute;
  top: 205px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.logobn h5{
  min-width: 230px;
  margin: 0 auto;
}
.logobn img{
  display: block;
}
.sectiongalery{
  padding: 50px 0 100px;
}
.sectiongalery h2,.sectiongalery h1{
  font-family: "Realtime-Semibold";
  font-size: 30px;
  margin-bottom: 30px;
}
.grwrap .gritem{
  float: left;
  width: 20%;
  position: relative;
  height: 273px;
  overflow: hidden;
  padding: 0 2.5px;
}
.grwrap .gritem div{
  overflow: hidden;
  cursor: pointer;
}
.sectiongalery .grwrap .gritem div{
  cursor: default;
}
ul.list-unstyled {
  max-width: 1365px;
  margin: 0 auto;
}
.grwrap .gritem img {
  height: 100%;
}
.news .container{max-width: 1010px;}
.news{
  padding: 80px 0;
}
.news .btnwrap {
    padding: 45px 0 30px;
}
.part2{
  background: url(../img/screen2.jpg?99) no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
  color: #fff;
  text-align: center;
  padding:125px 0 50px;
}
.part2 p{color: #000;}
.part2 .container{
  max-width: 940px;
}
.part2 h2 {
    font-size: 55px;
       text-shadow: -2px 2px 3px #000, 2px 2px 3px #000, 2px -2px 0 #000, -2px -2px 0 #000;
    font-weight: bold;
    line-height: 75px;
        margin-bottom: 75px;
}
.aboutus {
    padding: 100px 0 75px;
}
.titleab {
    position: relative;
    transform: rotate(-90deg);
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: end;
    display: inline-block;
    margin-top: 50px;
    margin-left: 56px;
    letter-spacing: 4px;
}
.col-md-4.linetitle:before {
    position: absolute;
    left: 135px;
    bottom: 0;
    content: "";
    width: 1px;
    height: 44%;
    background: #000;
}
.aboutus h2 {
    font-size: 25px;
    font-weight: 300;
    line-height: 40px;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-bottom: 30px;
}
.aboutus p {
    margin-bottom: 50px;
}
.rightabout {
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 25px;
    margin-right: 20%;
    font-weight: 300;
}
section.floatmap {
    margin-bottom: 30px;
}
.rightabout li {
    position: relative;
    padding: 10px 30px 10px 0;
    text-align: right;
}
.rightabout i {
    position: absolute;
    right: 0;
    top: 16px;
}
.aboutus .container {
    max-width: 1398px;
}
.ctabb {
    max-width: 65%;
}
.floatct {
    max-width: 1368px;
    margin: 0 auto;
}
.h2title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 45px;
    text-transform: uppercase;
    letter-spacing: 4px;
}
.floatct ul {
    display: table;
    width: calc(100% + 10px);
    margin: 0 -5px;
}
.floatct ul li {
    display: table-cell;
    width: 33.3333333%;
    text-align: center;
    vertical-align: top;
    padding: 0 5px;
}
.floatimg {
    border: 1px solid #898989;
    height: 330px;
    position: relative;
    cursor: pointer;
    padding: 0 20px;
    overflow: hidden;
}
.floatimg img {
    margin-top: -10px;
}
.floatimg span.spfoortext {
    font-size: 30px;
    display: block;
    line-height: 40px;
    position: absolute;
    left: 0;
    bottom: 30px;
    text-align: center;
    width: 100%;
}
.floatimg span.openfloor {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    background: #000;
    display: none;
}
.floatimg span.openfloor i {
    font-size: 12px;
}
.fltartreet {
    border: 1px solid #898989;
    border-top: none;
    cursor: pointer;
    position: relative;
}
@media(min-width: 768px){
  .fltartreet:after, .fltartreet:before {
    top: -1px;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }

  .fltartreet:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 30px;
    margin-left: -30px;
  }
  .fltartreet:before {
    border-color: rgba(137, 137, 137, 0);
    border-top-color: #898989;
    border-width: 31px;
    margin-left: -31px;
  }
}
span.sptxteq {
    position: absolute;
    left: 0;
    text-align: center;
    color: #fff;
    width: 100%;
    top: 47%;
    font-size: 30px;
    font-weight: bold;
    text-shadow: 0 0 2px #000000, -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, 2px 2px 0 #000000;
}
.iquerygo a {
  display: block;
  width: 200px;
  height: 40px;
  text-align: center;
  border: 1px solid #000;
  float: right;
  margin-right: 85px;
  margin-top: 50px;
  line-height: 40px;
}
.imamodal{padding: 50px 20px 0;}
.imamodal img{
  object-fit: cover;
  object-position: center;
}
#myModalf1.modalenjoy button.close i{color: #000;}
#myModalf2.modalenjoy button.close i{color: #000;}
#myModalf3.modalenjoy button.close i{color: #000;}
.mapdraw h2{text-align: center;}
section.floatmap.mapdraw {
    padding: 60px 0 0;
}
.table{margin-bottom: 30px;}
.tablelap .container{max-width: 1400px}
.tablelap .table td,.tablelap .table th{
  border: 1px solid #e5e5e5;
  vertical-align: middle;
}
.btoop th{
  font-size: 20px;
  color: #fff;
  text-align: center;
  background: #000;
  border: 1px solid #000;
}
.tablelap .table .headtops th{
  background: #e5e5e5;
  font-weight: bold;
  border: 1px solid #fff;
}
.tablelap .table .headtops th:first-child{
  border-left: 1px solid #e5e5e5;
}
.tablelap .table .headtops th:last-child{
  border-right: 1px solid #e5e5e5;
  text-align: center;
}
.tdc0lheight td{height: 55px;}
section.tablelap {
    padding-top: 40px;
}
.mobisa{display: none;}
.feetable .table td, .feetable .table th {
    border: 1px solid #e5e5e5;
    vertical-align: middle;
    text-align: center;
}
.feetable .table th {background: #000; color: #fff; font-weight: bold;}
section.feetable {
    padding: 50px 0 30px;
}
.inllistic {
    text-align: center;
    padding: 30px 0;
}
.inllistic li{
  display: inline-block;
}
.inllistic li a {
    display: inline-block;
    width: 380px;
    height: 190px;
    border: 1px solid #000;
    vertical-align: top;
    line-height: 190px;
    font-size: 25px;
    font-weight: bold;
    margin: 0 15px;
}
.inllistic li a img{margin-right: 30px;}
.inllistic li a:hover{
  background: #000;
  color: #fff;
}
.inllistic li a:hover img{
  filter: brightness(0) invert(1);
}
video {
    width: 100%;
    height: auto;
    vertical-align: middle;
    max-height: 391px;
   object-fit: cover;
    object-position: bottom;
}
#container,  .sections,  .section {
  position: relative;

  height: 100%;
}
.gallerytop ul li{
  width: 25%;
  padding: 1px 1px;
  float: left;
  height: 270px;
  overflow: hidden;
  cursor: pointer;
  display: none;
}
.itemdivlg {
    height: 100%;
}
.gallerytop ul li img{
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
  transition: transform .5s ease;
}
.gallerytop ul li:hover img {
    transform: scale(1.1);
}
.centershowmore{
  width: 100%;
  text-align: center;
}
.centershowmore a{
  display: inline-block;
  width: 250px;
  padding: 10px 20px;
  text-align: center;
  color: #000;
  border: 1px solid #000;
  margin-top: 60px;
}
.centershowmore a:hover{background: #000; color: #fff;}
.gallerytop{
  padding: 130px 0 50px;
}
.gallerytop h2 {
    margin-bottom: 50px;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
}
.maptop{
  background: url(../img/map.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 605px;
  position: relative;
  text-align: center;
}
.index_1 .headermenu,.index_2 .headermenu,.index_3 .headermenu,.index_4 .headermenu{background: #000;}
.mapacss {
  background: #fff;
  padding: 50px 30px 10px;
  max-width: 786px;
  margin: 0 auto;
  display: inline-block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -1px;
  right: 0;
}
.mapacss ul li {
    padding: 20px 0;
    float: left;
    width: 33.333333%;
    text-align: center;
}
.mapacss ul li span{
  display: block;
  margin-top: 10px;
}
.mapacss h2{font-size: 15px;font-weight: bold;}
.imgmap img{
  height: 606px;
  object-fit: cover;
  object-position: center;
}
.pacc a{font-weight: 700;}
button.close {
    position: absolute;
    right: 15px;
    top: 5px;
    z-index: 99;
}
button.close i{font-size: 35px}
.modalfloor .modal-dialog .modal-content{
  padding: 50px 30px;
  text-align: center;
  border-radius: 0;
}
.modalfloor.modalvip .modal-dialog .modal-content {
    min-height: 800px;
    display: table-cell;
    vertical-align: middle;
    max-height: 800px;
    line-height: 680px;
}
.map{
  padding: 60px 0 120px;
  position: relative;
  display: inline-block;
  width: 100%;
}
.mapaddress{
  position: absolute;
  background: #000;
  color: #fff;
  top: 44%;
  padding: 5px 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 520px;
  text-align: center;
}
.mapaddress a{color: #fff;}
.viplounge{
  background: url(../img/bg_about_pc.jpg?v1) no-repeat;
  background-size: cover;
  background-position: center;
  height: 720px;
  color: #fff;
  text-align: center;
  display: inline-block;
  width: 100%;
  padding: 0 30px;
}

.theviplounge{
  margin-top: 270px;
}
.theviplounge h2{
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 40px;
}
a.bookvip {
    width: 230px;
    display: inline-block;
    color: #fff;
    border: 1px solid #fff;
    padding: 9px 5px;
    font-weight: bold;
    margin-top: 45px;
}
a.bookvip:hover{
  background: #fff;
  color: #000;
}

footer{
  text-align: center;
  padding: 25px 0 0;
}
.social li{
  display: inline-block;
  margin: 0 15px;
}
.logofooter{
  margin: 50px 0 30px;
}
.footext ul li{
  display: inline-block;
  margin: 0 15px;
}
.footext p {
    margin-bottom: 7px;
    line-height: 20px;
}
.footext ul li i{
  font-size: 16px;
  margin-right: 5px;
}
.txtcopyright {
    color: rgba(0, 0, 0, 0.6);
    margin-top: 25px;
    margin-bottom: 20px;
    font-size: 13px;
}
.footext ul{display: inline-block; position: relative;}
.footext ul:before{
  content: "";
  position:absolute;
  left: 0;
  bottom: -10px;
      bottom: -15px;
    background: #eaeaea;
  height: 1px;
     width: calc(100% - 25px);
     margin: 0 auto;
    right: 0s; 
}
.listlinkfoo{
  width: 100%;
  background: #000;
  padding: 10px 0;
}
.listlinkfoo ul li{
  display: inline-block;
  border-right: 1px solid #fff;
  padding: 0 10px;
  line-height: 15px;
}
.listlinkfoo ul li:last-child{
  padding-right: 0;
  border-right: 0;
}
.listlinkfoo ul li a{color: #fff;}

.navigation {
  display: inline-block;
  width: 100%;
  text-align: center;
      margin-top: 20px;
}
.navigation ul li{
  display: inline-block;
  position: relative;
}
.navigation ul li a{
  color: #959595; font-size: 15px;
  display: block;
  width: 30px;
}
.navigation ul li.active a{
  color: #000;
  font-weight: bold;
  width: 120px;
  text-align: left;

}
.navigation ul li.active a:before {
    width: 85px;
    height: 1px;
    background: rgba(0,0,0,0.6);
    content: "";
    position: absolute;
    left: 26px;
    top: 15px;
}
.listnews .catenews a{color: #fff;}
.newsdetail{
  min-height: 100%;
  background: #f2f2f2;
  position: relative;
  padding: 100px 0;
}
.imgnews_detail.eventsld .nextprevpost {
    position: absolute;
    bottom: -70px;
    left: 0;
    background: #c00807;
    font-size: 30px;
    color: #fff;
    width: 160px;
    text-align: center;
    padding: 20px 0;
}
.newsdetail:before{
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 44%;
  background: url(../img/news/bg-new-deitail.jpg) no-repeat;
  background-size: cover;
  content: "";
}
.imgnews_detail {
  display: inline-block;
  vertical-align: middle;
  height: 670px;
  background: #fff;
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);
max-width: 484px;
}
.imgctde{height: 100%; overflow: hidden;}
.imgnews_detail table{width: 100%;    height: 100%; overflow: hidden;}
.imgnews_detail table td{vertical-align: middle; padding: 0;}
.imgnews_detail .nextprevpost {
    position: absolute;
    bottom: -64px;
    left: 0;
    background: #c00807;
    font-size: 30px;
    color: #fff;
    width: 160px;
    text-align: center;
}
.imgnews_detail .nextprevpost div {
    width: 50%;
    float: left;
    
}
.imgnews_detail .nextprevpost div a{display: block;padding: 17px 0;}
.imgnews_detail .nextprevpost div a:hover{opacity: 0.6}
.imgnews_detail .nextprevpost div i{
  font-size: 30px;
  color: #fff;
}
.imgnews_detail .nextprevpost div.alignleft{text-indent: 10px;}
.imgnews_detail .nextprevpost div.alignright{text-indent: -10px;}
.newsdetail h1{font-size: 20px;    margin-bottom: 0;}
.newsdetail span.datenews {
    font-size: 13px;
    color: #9a9a9a;
}
.tablenew {
    display: table;
    width: 100%;
    height: 100%;
}
.cellnew {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.postconent{margin-top: 30px; }
.appnews {
    text-align: center;
    margin-top: 50px;
}
.appnews h2{
  font-size: 18px;
  margin-bottom: 20px;
}
.appnews .applist li {
    display: inline-block;
    margin: 0 0px;
    max-width: 40%;
    vertical-align: top;
}
.appnews .applist li:last-child .snotes{font-size: 12px; display: block;}
.newsdetail .catename a{
  background: #000;
  color: #fff;
  font-size: 13px;
  display: inline-block;
  padding: 3px 10px;
  line-height: 16px;
  margin-bottom: 20px;
}
.pagenew_detail .headermenu,.pagenew_detail footer{display: none;}
.closepage{
  position: absolute;
  right: 30px;
  top: 30px;
}
.closepage a{
  font-size: 30px;
  color: #fff;
}
.closepage a i{font-size: 30px;}

.releatepost{
  margin-top: 50px;
}
.releatepost h3{
  font-size: 18px;
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
  padding-top: 10px;
  letter-spacing: 4px;
  color: #858585;
  margin-bottom: 20px;
}
.releatepost h3:before{
  width: 185px;
  height: 1px;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
}
.releatepost ul li a{
  display: block;
  font-size: 15px;
  color: #858585;
  margin: 5px 0;
}
.releatepost ul li{
  position: relative;
  padding-left: 30px;
}
.releatepost ul li i {
    position: absolute;
    left: 0;
    top: 6px;
    font-size: 15px;
}
.imgnews_detail .royalSlider.sliderevent{
  height: 100%;
  width: 100%;
  
}
.imgnews_detail .royalSlider.sliderevent img{
  object-fit: contain;
  height: 100%;
}
/* Enjoy
=================================================================*/
.titleclub{text-align: center; padding-bottom: 60px;}
.nighclub{padding: 110px 0;}
.titleclub h2{
  letter-spacing: 4px;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.titleclub p{margin-bottom: 0;}
.ct-club{
  position: relative;
  width: 100%;
  display: inline-block;
  padding-right: 50px;
  min-height: 650px;
}
.ct-club:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  content: "";
  height: 100%;
  background: url(../img/enjoy/img-enjoy.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  max-width: 960px;
}
.ctclubright{
  width: 55%;
  float: right;
  position: relative;
  z-index: 2;
}
.txtinfoclub{
  background: #f2f2f2;
  padding: 70px 50px;
  margin: 125px 0 40px;
}
.lisstnote {
  padding: 0 0 0 160px ;
  text-align: center;
  white-space: nowrap;
}
.lisstnote ul {float: right; margin-right: 20px;}
.lisstnote ul li{
  display: inline-block;
  padding: 0 10px;
  vertical-align: top;
  line-height: 22px;
}
.lisstnote ul li .imgmo{
  width: 98px;
  height: 98px;
  line-height: 90px;
  border: 1px solid #e5e5e5;
   margin: 0 auto 10px;
}
@media (max-width: 1850px){
  .lisstnote ul li{padding: 0 5px;}
}
@media (max-width: 1700px){
 .lisstnote {
    white-space: normal;
    width: 700px;
    margin: 0 auto;
  }
  .lisstnote ul {
    float: none;
    margin-right: 0;
  }
}
.modalenjoy .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  max-width: 100%;
}

.modalenjoy .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
} 
.modalenjoy .newsdetail {
  width: 100%;
  background: #f2f2f2;
  padding-bottom: 20px;
  position: absolute;
}
.modalenjoy .newsdetail .container{position: relative;}
.pnxt {
  position: absolute;
  left: calc(51% + 4px);
  bottom: 0;
  z-index: 100;
  background: #c00807;
}
.pnxt br{display: none;}
.pnxt .btn {
    width: 80px;
    height: 66px;
    color: #fff;
    float: left;
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0;
    text-align: center;
    position: relative;
}
.pnxt .btn.btn-prev:before {
    content: '\f2ff';
    position: absolute;
    left: 50%;
    top: 26%;
    font-size: 30px;
    z-index: 9;
}
.pnxt .btn.btn-next:before  {
    content: '\f301';
    position: absolute;
    left: 25%;
    top: 26%;
    font-size: 30px;
    z-index: 9;
}
.viewdetailpp {
    position: absolute;
    right: 14px;
    bottom: -1px;
}
button.viewdt {
  border: 1px solid #ccc;
  padding: 17px;
  background: #fff;
  width: 155px;
}
button.viewdt:hover{
  background: #000;
  color:#fff;
}
#myModal1 .pnxt .btn.btn-next:before{left: 34%;}
#myModal3 .pnxt .btn.btn-prev:before {left: 34%;}
.titletabf {
    text-align: center;
    margin-top: 60px;
}
.titletabf li{
  display: inline-block;
  padding: 0 0px;
}
.titletabf li button{
  border: none;
  background: #c00807;
  padding: 7px 20px;
  color: #fff;
}
.titletabf .spp{display: none;}
.titletabf li button i{font-size: 30px;}
.tableinpp {
    padding: 30px 0 50px;
    position: relative;
}
button.viewback {
    width: 200px;
    border: 1px solid #000;
    background: #fff;
    margin-top: 35px;
    padding: 7px 0;
}
button.viewback:hover{
  background: #000;
  color: #fff;
}
table.tablemodal {
       width: 100%;
    margin: 0 auto;
}
table.tablemodal thead th {
    background: #000;
    color: #fff;
    font-weight: bold;
        
}
table.tablemodal td, table.tablemodal th {
    border: 1px solid #e5e5e5;
    vertical-align: middle;
    text-align: center;
    padding: .75rem;
}
.modalfloor.modalenjoy  .modal-dialog .modal-content{
    padding: 0px 0;
    overflow: auto;
    background: #f2f2f2;

}
.modalenjoy.modal{padding-right: 0 !important}
.imgnews_detail .royalSlider{
  width: 540px;
  height: 745px;
  max-width: 100%;
  max-height: 100%;
}
.modaltoppage .imgnews_detail .royalSlider{width: 484px;}
.modalenjoy .imgnews_detail{height: 670px; max-width: 540px;}
.modalenjoy  .detailct{text-align: left;}
.modalenjoy h3{font-size: 25px;}
.modalenjoy .detailct table{margin-bottom: 20px;}
.btnmodl a {
    display: inline-block;
    border: 1px solid #000;
    padding: 5px 30px;
    width: 200px;
    text-align: center;
}
.btnmodl a:hover{
  background: #000;
  color: #fff;
}
.btnmodl{
  text-align: center;
  margin-top: 40px;
}
.btnmodl.mofix {
    margin-top: 0;
    margin-bottom: 30px;
}
.modalenjoy .detailct table th{
  font-weight: normal;
  font-size: 13px;
  text-transform: uppercase;
  color: #858585;
  padding: 3px 0;
  width: 200px;
}
.modalenjoy .rsContent{padding: 80px 0;}
.modalenjoy .detailct table th i{
  font-size: 18px;
  margin-right: 5px;
  vertical-align: text-bottom;
}
.modalenjoy .detailct table td, .modalenjoy .detailct table .trheadpp th {
    padding-left: 15px;
    line-height: 20px;
}

.modalenjoy  .pc img.rsImg, .modalenjoy  .mb img.rsImg{
  width: auto;
  height: auto;
      max-width: 100%;
}
.modalenjoy .rsArrow {
  position: absolute;
  bottom: 0;
  background: #c00807;
}
.modalenjoy   .rsArrow .rsArrowIcn{
  width: 80px;
  height: 66px;
  color: #fff;
  display: inline-block;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.modalenjoy .rsArrow.rsArrowLeft .rsArrowIcn:before {
    content: '\f2ff';
    position: absolute;
    left: 50%;
    top: 33%;
    font-size: 30px;
    z-index: 9;
}
.modalenjoy  .rsArrow.rsArrowLeft{
  left: 0;
}
.modalenjoy  .rsArrow.rsArrowRight{
  left: 80px;
}
.modalenjoy  .rsArrow.rsArrowRight .rsArrowIcn:before {
    content: '\f301';
    position: absolute;
    left: 25%;
    top: 33%;
    font-size: 30px;
    z-index: 9;
}
.modalenjoy  .nextprevwrap {
    position: absolute;
    bottom: -76px;
}
.modalenjoy  button.close i{color: #000;}
.modalenjoy  button.close{opacity: 1; top: 0;}
.modalenjoy .b3floor .rsContent {
    padding: 180px 0 0;
}
.modalenjoy .b3floor .rsContent.fix3d{padding-top: 80px;}
.floatenjoy .floatimg span.spfoortext{
  bottom: 75px;
}
.floatenjoy .floatimg p {
    bottom: 25px;
    left: 0;
    text-align: center;
    position: absolute;
    width: 100%;
}

.whatatclub .container{max-width: 1368px;}
section.whatatclub {
    padding: 120px 0 100px;
    background: #f2f2f2;
    margin-top: 100px;
    text-align: center;
}
.whatatclub h2{
  font-size: 18px;
  letter-spacing: 4px;
  font-weight: bold;
  margin-bottom: 75px;
}
.itemsl img {
    height: 334px;
    object-fit: cover;
    margin: 0 auto;
    width: 100%;
    object-position: center top;
}
.itemsl {padding: 0 5px;}
.itemsl a:focus{outline: none;}
.slideeventup .slick-dots,.bottleslide .slick-dots  {
    display: block !important;
        text-align: center;
}
.bottleslide .slick-dots {
    margin-top: 25px;
}
.slideeventup .slick-dots li,.bottleslide .slick-dots li{display: inline-block;}
.slideeventup .slick-dots li button,.bottleslide .slick-dots li button{
  font-size: 0;
  text-indent: -99999px;
  border: none;
  width: 60px;
  height: 3px;
  background: rgba(0,0,0,0.2);
  margin: 0 5px;
}
.bottleslide .slick-dots li button{background:#666666; }
.bottleslide  .slick-dots li.slick-active button{background: #fff;}
.slideeventup .slick-dots li.slick-active button{
  background: #000;
}
.itemsl p{
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 70px;
}
.titlesub2h{
  text-align: center;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  letter-spacing: 4px;
  margin-bottom: 55px;
}
.systemsec{
  padding: 100px 0; 
}
.idcheck{
  position: relative;
  padding-left: 165px;
}
.idcheck .imgidcheck{
  position: absolute;
  left: 0;
  top: 0;
}
.idcheck h3{font-size: 15px; margin-bottom: 20px;  font-weight: bold;}
.idcheck ul li{
  position: relative;
  padding: 3px 0 3px 25px;
}
.idcheck ul li i{
  position: absolute;
  left: 0;
  top: 7px;
}
.hourprice {width: 100%;}
.hourprice tr td,.hourprice tr th{
  border: 1px solid #c7c7c7;
  padding: 20px;
  text-align: center;
  height: 100px;
      font-weight: normal;
}
table.hourprice.v1 {
    margin-top: -1px;
}

.hourprice tr.trfix30 td{
  padding: 9px 20px;
  height: 50px;
}
.bgtdgray{background: #e1e1e1;}
.tableprice{
  margin-top: 70px;
}
.tableprice  h3{font-size: 15px; margin-bottom: 30px;  font-weight: bold; }
.dresscode{
  background: url(../img/enjoy/bg.jpg) no-repeat;
  background-size: cover;
  color: #fff;
  padding: 230px 0;
  text-align: center;
}
.dresscode h2{
  font-weight: bold;
  text-align: center;
  margin-bottom: 80px;
  font-size: 18px;
}
.icon_dress{
  width: 180px;
  height: 180px;
  border: 18px solid #dd352d;
  border-radius: 200px 200px 200px 200px;
  -moz-border-radius: 200px 200px 200px 200px;
  -webkit-border-radius: 200px 200px 200px 200px;
  line-height: 140px;
      margin: 0 auto 50px;
  position: relative;
}
.icon_dress img{position: relative; z-index: 2}
.icon_dress.active{border-color: #fff;}
.icon_dress:before {
    content: "";
    width: 107%;
    height: 18px;
    position: absolute;
    top: 65px;
    left: -9px;
    background: #dd352d;
    transform: rotate(-52deg);
}
.icon_dress.active:before{display: none;}
.dresscode p{line-height: 24px; margin-bottom: 0;}
.mapenjoy{
  background:url(../img/enjoy/map.jpg) no-repeat;
  background-size: cover;
  text-align: center;
}

.mapenjoy p{font-weight: 600; margin-bottom: 40px;}
.mapenjoy h2{font-size: 18px; font-weight: bold; letter-spacing: 4px;    margin-bottom: 20px;}
.partyenjoy .partytile{
  background: #fff;
  padding: 0 0 10px;
  letter-spacing: 4px;
}
.partyenjoy {
  padding-top: 60px;
}
.partyenjoy p{
  text-align: center;
  margin-bottom: 40px;
}
.becomeclub{padding: 30px 0 80px;}
.becomeclub h2{
  text-align: center;
  font-weight: bold;
  font-size: 25px;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.becomeclub p{
  text-align: center;
  margin-bottom: 50px;
}
.cardvip{
  text-align: center;
}
.cardvip li{
  display: inline-block;
}
.cardvip li a{
  display: block;
  -webkit-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75);
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  overflow: hidden;
  margin: 0 5px;
}
.becomeclub .itembec{
  text-align: left;
  position: relative;
  padding: 0 15px 0 35px;
  height: 100%;
}
.becomeclub .col-md-3:first-child .itembec{
  border-left: 1px solid #000;
      padding: 0 15px 0 25px;
}
.becomeclub .col-md-3:last-child .itembec{
  border-right: 1px solid #000;
}
.becomeclub .col-md-3:last-child .itembec:before{display: none;}
.becomeclub .col-md-3:last-child .itembec{padding: 0 30px 0 40px;}
.becomeclub .itembec:before {
    width: 43px;
    height: 100%;
    content: "";
    position: absolute;
    right: -50px;
    top: 0;
    background: url(../img/enjoy/line-arrow.svg) no-repeat;
    background-size: cover;
    background-position: center;
}
.becomeclub .colfinish .itembec:before{display: none;}
.becomeclub .colfinish .itembec{border-right: 1px solid #000;}
.becomeclub .col-md-5 .itembec{border-left:  1px solid #000;}
.becomeclub .itembec p{margin-bottom: 20px;text-align: left;}
.becomeclub .itembec .imgbec{
  text-align: center;
  margin-bottom: 25px;
}
.listbec{margin-top: 50px;}
.linegroup{
  padding: 60px 0 55px;
  background: url(../img/enjoy/bg_line.jpg) no-repeat;
   background-size: cover;
   text-align: center;
   color: #fff;
}
.linegroup h2{
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-bottom: 40px;
  font-weight: bold;
}
.lilist li {
  position: relative;
  padding-left: 25px;
}
.lilist li i {
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 7px;
}
.lisstmailgo.container{max-width: 1368px;}
.radio {
  margin: 10px 0 0;
}
.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.radio input[type="radio"] + .radio-label:before {
  content: '';
  border-radius: 50px;
  border: 1px solid #000;
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  top: 6px;
    margin-right: 5px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.radio input[type="radio"]:checked + .radio-label:before {
    background-color: #000000;
    box-shadow: inset 0 0 0 3px #fff;
    border-radius: 50px;
}
.radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #3197EE;
}
.radio input[type="radio"]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #000;
  border-color: #000;
  background: #000;
}
.radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}
.radio-label{margin-bottom: 0;}
.leftbec{
  width: 30%;
  float: left;
}
.rightbec{
  width: 70%;
  float: left;
  padding: 0 29px 0 20px ;
  margin-top: 40px;
}
.clsradio li{
  display: inline-block;
  margin-right: 10px;
  font-size: 17px;
}
.rightbec input{
  width: 100%;
  border: 1px solid #cccccc;
  padding: 5px 10px;
}
.rightbec .inputfs {
    position: relative;
    z-index: 0;
    display: inline-block;
    width: 100%;
}
.rightbec .g-recaptcha{float: left;}
.rightbec br{display: none;}
.rightbec .submitgo{
  background: #000;
  border: 1px solid #000;
  color: #fff;
  padding: 5px 10px;
  margin-top: 0;
  text-transform: uppercase;
  font-weight: bold;
}
.becomeclub .itembec .rightbec p{margin-bottom: 10px;}
.becomeclub .col .itembec{
  padding-top:40px;
}
/* Vip Page
============================================================*/
.glamorous{
  padding: 100px 0 60px;
  text-align: center;
}
.partysec h3{font-size: 18px; font-weight: bold;}
.glamorous h2{
  font-size: 25px;
  letter-spacing: 4px;
  margin-bottom: 45px;
  text-transform: uppercase;
}
.glamorous p{margin-bottom: 60px;}
.glamorous ul li{
  float: left;
  width: 33.3333333%;
}
.glamorous ul li span{
  display: block;
  margin-top: 45px;
  text-transform: uppercase;
}
.glamorous .groupmakean a {
    display: inline-block;
    border: 1px solid #000;
    font-size: 15px;
    width: 350px;
    text-align: center;
    padding: 10px 10px;
    margin: 10px 0;
    font-weight: bold;
}
.glamorous .groupmakean a span{font-size: 23px; display: block;}
.glamorous .groupmakean a:hover{
  background: #000;
  color: #fff;
  opacity: 1;
}
.groupmakean{
  width: 350px;
  margin: 0 auto;
  margin-top: 60px;
    display: inline-block;
}
.groupmakean i {
    font-size: 12px;
    margin-top: 10px;
    display: block;
    font-weight: normal;
    line-height: 16px;
}
.vipplan{
  background: #f2f2f2;
  padding: 60px 0;
}
h2.titlesubpage{
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: bold;
  margin-bottom: 40px;
  text-align: center;
}
.tablevip{
  width: 100%;
}
.tablevip tr td,.tablevip tr th{
  border: 1px solid #c7c7c7;
  padding: 20px;
  text-align: center;
}
.tablevip tr th strong{display: block;    margin-top: 10px;     font-weight: bold;}
.tablevip tr td.tdfirstli{
  background: #000;
  color: #fff;
  text-transform: uppercase;
}
.checklimit{
  border: 1px solid #a2a2a2;
  border-radius: 50px 50px 50px 50px;
  -moz-border-radius: 50px 50px 50px 50px;
  -webkit-border-radius: 50px 50px 50px 50px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
}
.checklimit.active{
  background: #000;
  color: #fff;
  border: 1px solid #000;
}
.vipseat{padding: 70px;}
.nopadding{padding: 0;}
.imgvipboo{
  height: 100%;
  background: #f2f2f2;
  text-align: center;
  padding: 80px 90px 0 50px;
}
img.b3img5 {
    position: absolute;
    left: -384px;
    bottom: 0;
}
.listimgsa img{
  border-bottom: 1px solid #f2f2f2;
  max-width: 383px;
  margin-left: -40px;
}
.vipseat .container{max-width: 1368px;}
.vipbf2 img.b3img5{
  left: inherit;
  right: -425px;
  z-index: 9;
}
.vipbf2 {margin-top: 60px;}
.vipbf2 .listimgsa img {
    margin-left: 0;
    position: relative;
    z-index: 99;
}
.vipbf2 .listimgsa img.b3img5{position: absolute;}
.vipbf2 .imgvipboo{padding-top: 50px;padding-left: 150px;}
.slick-initialized .slick-slide:focus{outline: none;}
.showimgproduct{max-height: 600px;object-fit: contain;}
.bottlelist{
  background: #000;
  padding: 70px 0 50px;
}
.bottlelist h2{color: #fff;}
.bottlelist img{display: inline-block;    margin-top: -117px;}
.item_bottle_ct {
    background: #fff;
    width: 160px;
    height: 222px;
    margin: 0 auto;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    position: relative;
    margin: 130px auto 30px;
    padding: 20px;
    cursor: pointer;
}
.imgttle {
    text-align: center;
    display: inline-block;
    width: 100%;
}
.item_bottle_ct h6 {
    font-size: 13px;
    margin-top: 10px;
    line-height: 18px;
}
.price {
    font-size: 22px;
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.bottlelist img:hover{opacity: 1;}
.plushow{
  width: 32px;
  height: 32px;
  background: #c00807;
  color: #fff;
  text-align: center;
  line-height: 32px;
  font-size: 22px;
  position: absolute;
  right: -10px;
  bottom: -10px;
  border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
}
.bottlelist .slideeventup .slick-dots li button{background: #666;}
.slideeventup .slick-dots li.slick-active button{background: #ffffff;}
.bottlelist  .slideeventup .slick-dots{text-align: center;    margin-top: 40px;}
.viattention .container{max-width: 1000px;}
.viattention{
  background: url(../img/vip/bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  color: #fff;
  padding: 75px 0;
}
.tableul{display: table;width: 100%; margin-top: 80px;}
.tableul li{
  display: table-cell;
  vertical-align: middle;
  padding:0 30px;
  border-right: 1px solid #fff;
  line-height: 28px;
}
.tableul li:last-child{border: none; width: 52%;}
.tableul li img{margin-right: 10px;}
.tableul li.lismidle{
  padding: 0 40px;
}
.liststo{
  margin-top: 50px;
  text-align: center;
  width: 100%;
  display: inline-block;
}
.liststo li a{color: #fff;}
.liststo li i{margin-right: 10px;}
.reserve h2{
  font-size: 25px;
  letter-spacing: 4px;
  text-align: center;
  margin-bottom: 30px;
}
.reserve h3{
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 40px;
  text-align: center;
}
.reserve{padding: 120px 0 30px;}
.formcontrol{
  width: 640px;
  margin: 0 auto;
  max-width: 100%;
}
.formcontrol  input,.formcontrol  textarea{
  border: 1px solid #000;
  width: 100%;
  padding: 10px 20px;
  border-radius: 0;
}
.formcontrol  textarea{height: 110px;}
.formcontrol .inputfs.fsubmit {
    margin-top: 0;
}
.formcontrol .inputfs {
    margin: 10px 0;
    display: inline-block;
    width: 100%;
    position: relative;
}
span.grnote {
    position: absolute;
    top: -12px;
    left: 0;
    color: red;
    width: 100%;
    text-align: left;
}
.plcehoder {
    position: absolute;
    left: 20px;
    top: 14px;
    z-index: 1;
    color: rgb(0 0 0 / 0.6);
    text-align: left;
}
.plcehoder span.spre {
    color: red;
}
#zrf-form .d-none.formdatego{display: block !important;}
.zrf-form p{position: relative;}
.plcehoder.pcle {
    opacity: 0;
    display: none;
}
.inputfs p{margin-bottom: 0 !important;}
.inputfs br{display: none !important;}
.formcontrol .inputfs.twoip input{
  width: 48.5%;
}
p#zendesk_field_zen_subject {
  display: none;
}
.formcontrol .inputfs .inpucll {
    width: 100%;
    float: right;
}
.formcontrol .inputfs .inpucll input {
  padding: 0;
  border: 0;
  border-bottom: 1px solid #ccc;
  text-align: center;
  line-height: 10px;
  font-size: 14px;
  width: 76px;
      background: url(../img/year-party/clock.svg) no-repeat;
    background-size: 10px 10px;
    background-position: 98% 4px;
}
.formcontrol .inputfs .inpucll input[disabled="disabled"]{
  opacity: 0.5;
}
.inputfs .choices__inner{
  border-color: #000;
  border-radius: 0;
  background: #fff url(../img/arrow-down.svg) no-repeat;
  background-size: 13px 13px;
  background-position: 98% 20px;
  padding: 10px 20px;
  text-align: left;
  height: 52px;
}
.inputfs .choices__list--multiple .choices__item {
  background: #000;
  border-color: #000;
  padding: 0 10px;
  line-height: 23px;
}
.choices__list--dropdown .choices__item{text-align: left;}
.inputfs .choices[data-type*=select-multiple] .choices__button,.inputfs .choices[data-type*=text] .choices__button{
  border-color: #fff;
}
.inputfs .choices__input{opacity: 0; height: 34px; display: none;}
.inpucll table {
    width: 41%;
    float: left;
}
.checkb {
    margin-top: 33px;
}
.inpucll tr td{padding-right: 30px;}
.inpucll input[type=checkbox] + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
}

.inpucll input[type=checkbox] {
  display: none;
}

.inpucll input[type=checkbox] + label:before {
    content: "";
    border: 0.1em solid #000;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-left: 0.2em;
    padding-bottom: 0.3em;
    margin-right: 0.2em;
    vertical-align: bottom;
    color: transparent;
    transition: .2s;
    line-height: 18px;
    vertical-align: middle;
    margin-right: 10px;
}


.b__chkbox {
    position: absolute;
    bottom: -19px;
    right: 285px;
    font-size: 15px;
}

.b__chkbox .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.b__chkbox .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.b__chkbox_b {
	left: 0 !important;
}
.b__chkbox_b .container {
	margin-bottom: 0;
  margin-top: -40px;
}

/* Create a custom checkbox */
.b__chkbox .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #000;
}

/* On mouse-over, add a grey background color */
.b__chkbox .container:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.b__chkbox .container input:checked ~ .checkmark {
    background-color: #fff;
    border: 1px solid #000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.b__chkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.b__chkbox .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.b__chkbox .container .checkmark:after {
    left: 6px;
    top: 2px;
    width: 7px;
    height: 12px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media (max-width: 767px) {
	.b__chkbox_b {
		position: static !important;
		margin-top: 0;
	}
	.b__chkbox {
		position: static;
		display: inline-block;
		margin-top: 15px;
	}
	.b__chkbox .container {
		margin-bottom: 0
	}
}
.inpucll input[type=checkbox] + label:active:before {
  transform: scale(0);
}

.inpucll input[type=checkbox]:checked + label:before {
    border: 1px solid #000;
    color: #000;
    background: url(../img/checked.svg) no-repeat;
    background-size: 13px;
    background-position: center;
}

.inpucll input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}

.inpucll input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}








.fsubmit{text-align: center;}
.formcontrol  .submitgo{
  width: 150px;
  display: inline-block;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #000;
  margin-top: 10px;
}
.vipseat p.text-center{
  margin: 15px 0 0;    
}

.zrf-form label.error {
    position: absolute;
    font-size: 11px;
    white-space: nowrap;
    right: 0;
    bottom: -32px;
    color: red;
    width: auto;
}
.msg-error {
    font-size: 11px;
    color: red;
    display: block;
    text-align: center;
    line-height: 16px;
}
.spinput{position: relative;}
.spinput label.error{bottom: -47px;}
/* Party Page
============================================================*/
.partysec h3{margin-bottom: 50px;}
.glamorous.partysec  ul li{width: 25%;}
span.imgre {
    display: block;
    height: 75px;
}
.tablepriceplan{
  background: #f2f2f2;
  padding: 60px 0;
}
.tablepriceplan table{
  width: 100%;
}
.tablepriceplan table.priceplan{table-layout: fixed;}
.tablepriceplan table.priceplan th{
  text-align: center;
  background: #000;
  color: #fff;
  font-weight: normal;
  line-height: 24px;
  border: 1px solid #c7c7c7;
  padding: 40px 20px;
  vertical-align: top;
}
.tablepriceplan table.priceplan th h5{
  font-size: 20px;
  text-transform: uppercase;
}
.tablepriceplan table.priceplan th p{
  font-size: 13px;
  margin: 0;
  line-height: 20px;
}

.tablepriceplan table.priceplan td{
  background: #fff;
  border: 1px solid #c7c7c7;
   padding: 40px 30px;
}
.tablepriceplan table.priceplan td small{
  text-align: center;
  font-size: 15px;
  display: block;
}
.prnumbers {
  font-size: 35px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
.prnumbers span{
  font-size: 15px;
}
.tablepriceplan h4{
  font-size: 15px;
  margin: 45px 0 20px;
  text-transform: uppercase;
}
.ulhour li{position: relative; padding: 5px 0 5px 25px; line-height: 24px;}
.ulhour li i{
  position: absolute;
  left: 0;
  top: 6px;
}
.tablepriceplan table.priceplan td table th{vertical-align: middle;}
.tablepriceplan table.priceplan td table th,.tablepriceplan table.priceplan td table td{
 border: none;
 background: none;
 padding: 10px 0; 
 color: #000;
 line-height: 24px;

}
.tablepriceplan table.priceplan td table th strong{
  font-size: 20px;
  font-weight: 600;
  color: #000;
  display: block;
  padding-right: 20px;
}
.ct_grid{
  display: -ms-grid;
    display: grid;
    -ms-grid-columns: 38.3% 23.4% 38.3%;
    grid-template-columns: 38.3% 23.4% 38.3%;
    -ms-grid-rows: 300px 300px 300px;
    grid-template-rows: 300px 300px 300px;
}
.ct_grid img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.custom-gallery__cell:first-child:before{display: none;}
.custom-gallery__cell:first-child {
    -ms-grid-column: 2;
    grid-column-start: 2;
    grid-column-end: 3;
    -ms-grid-row: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    padding-top: 43px;
}

.custom-gallery__cell:nth-child(2) {
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    grid-row-end: 3;
}
.custom-gallery__cell:nth-child(3) {
    -ms-grid-column: 2;
    grid-column-start: 2;
    grid-column-end: 3;
    -ms-grid-row: 1;
    grid-row-start: 1;
    grid-row-end: 2;
}
.custom-gallery__cell:nth-child(4) {
    -ms-grid-column: 3;
    grid-column-start: 3;
    grid-column-end: 4;
    -ms-grid-row: 1;
    grid-row-start: 1;
    grid-row-end: 2;
}
.custom-gallery__cell:nth-child(5) {
    -ms-grid-column: 3;
    grid-column-start: 3;
    grid-column-end: 4;
    -ms-grid-row: 2;
    grid-row-start: 2;
    grid-row-end: 4;
}
.custom-gallery__cell:nth-child(6) {
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 3;
    -ms-grid-row: 3;
    grid-row-start: 3;
    grid-row-end: 4;
}
.ct_grid .ct_info {margin-top: 10px;}
.ct_grid .ct_info img{width: 250px;}
.ct_info a{
  border: 1px solid #000;
  display: inline-block;
  width: 200px;
  padding: 5px 10px;
  color: #000;
  margin-top: 35px;
  font-weight: 500;
  text-transform: uppercase;
}
.ct_info a:hover{
  background: #000;
  color: #fff;
}
.ct_grid .ct_info{
  text-align: center;
}
.ct_grid .ct_info h2{
  font-size: 28px;
  margin-top: 20px;
}
.ct_grid li{
  position: relative;
}
.ct_grid li:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
      -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    background: none;
        opacity: 0;
}
.ct_grid li:hover:before{
  background: rgba(0,0,0,0.3);
  opacity: 1;
}
.reserve.partyfrm h3{margin-bottom: 20px;}
.reserve.partyfrm p{text-align: center; margin-bottom: 20px;}
textarea#zen_desc {
    display: none;
}
.faqyear{
  width: 750px;
  margin: 0 auto 50px;
  max-width: 100%;
}
.faqyear a {
    display: block;
    background: #000;
    text-align: center;
    padding: 40px 0;
    color: #fff;
    font-size: 40px;
}
#zrf-form p label{
  position: absolute;
  left: 20px;
  top: 10px;
  color: #999;
  z-index: 10;
  transition: transform 150ms ease-out, font-size 150ms ease-out;
  text-align: left;
  width: auto;
}
.focused  label {
  display: none;
}
#zrf-form p label .spre{    color: red;}
#zrf-form p label.error {
    position: absolute;
    right: 0;
    width: auto;
    left: inherit;
    bottom: -32px;
    top: inherit;
    color: red;
}
.choices{z-index: 9999;}
/* Page About
====================================================*/
.ab_ct,.ab_social{display: none;}
.rightab .ab_ct,.rightab .ab_social{display: block;}
.aboutpage{
  padding: 150px 0;
}
.aboutpage h2{
  padding: 30px 0 10px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
}
.itemabout h6{
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  margin-top: 20px;
}
.itemabout {cursor: pointer; text-align: center; margin: 20px 0; }
.modalabout .modal-lg{
  max-width: 980px;
}

.modalfloor.modalabout .modal-dialog .modal-content{
  text-align: left;
  padding: 70px 50px;
}
.leftab{
  width: 32%;
  float: left;
}
.rightab {
    width: 68%;
    padding-left: 60px;
    float: left;
}
.rightab h6{
  font-size: 30px;
  margin-bottom: 20px;
  font-weight: bold;
}
.listsocial {
  width: 100%;
  float: left;
  margin-top: 20px;
}
ul.listsocial  li{
  float: left;
  margin-right: 20px;
}
section.newsdetail.eventdetail .container {
    max-width: 1235px;
}
.detailct .box{
  background: #fafafa;
  border: 1px solid #e3e3e3;
  padding: 15px;
  text-align: center;
}

section.eventdetail.newsdetail:before{width: 40%;}
.detailct .box table{
  width: 100%;
  margin-bottom: 20px;
}
.detailct .box table td{
  text-align: center;
  border: 1px solid #c7c7c7;
  padding: 10px;
}
.boxmainro{line-height: 24px;}
.listbutnev{width: 100%; display: inline-block; margin-top: 30px;}
.listbutnev a{
  display: block;
  border: 1px solid #000;
  text-align: center;
      padding: 7px 10px;
}
.listbutnev a:hover{
  background: #000;
  color: #fff;
}
.gldetail {
    margin: 50px 0;
}
.gldetail .grwrap .gritem {
    width: 33.33333%;
    padding: 1px;
    height: auto;
}
.grwrap .gritem div {
    overflow: hidden;
    cursor: pointer;
}
.gldetail .grwrap .gritem img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}
.nav-tabs .nav-link {
    font-size: 18px;
    padding: 0 30px 10px;
    border: none;
}
.nav-tabs .nav-item {
    margin-bottom: 0;
}
.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link.active {
    border-bottom: 2px solid #000;
    color: #000;
}
.tab-content {
    margin-top: 50px;
}
.gldetail ul.list-unstyled {
    margin: 0 -10px;
}
@media (min-width: 768px){
  .grwrap .gritem img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 1.0s ease;
}
.grwrap .gritem:hover img {
      transform: scale(1.2);
  }
}
/* Recruit
=================================================================*/
.glrecruit h2{
  text-transform: uppercase;
  font-size: 25px;
  letter-spacing: 4px;
  text-align: center;
  margin-bottom: 40px;
}
.glrecruit{
  padding: 80px 0 70px;
}
.glrecruit p{margin-bottom: 60px; text-align: center;}
.glrecruit .ct_grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 34.2334% 31.5315% 34.2334%;
    grid-template-columns: 34.2334% 31.5315% 34.2334%;
    -ms-grid-rows: 219px  219px;
    grid-template-rows: 219px  219px;
}

.glrecruit .custom-gallery__cell_r:nth-child(1) {
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 1;
    -ms-grid-row: 1;
    grid-row-start: 1;
    grid-row-end: 1;
}
.glrecruit .custom-gallery__cell_r:nth-child(2) {
       -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 3;
    grid-row-start: 2;
    grid-row-end: 2;
}
.glrecruit .custom-gallery__cell_r:nth-child(3) {
   -ms-grid-column: 3;
    grid-column-start: 3;
    grid-column-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    grid-row-end: 3;
}
.glrecruit .custom-gallery__cell_r:nth-child(4) {
    -ms-grid-column: 1;
    grid-column-start: 3;
    grid-column-end: 3;
    -ms-grid-row: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}
.glrecruit .custom-gallery__cell_r:nth-child(5) {
    -ms-grid-column: 3;
    grid-column-start: 3;
    grid-column-end: 4;
    -ms-grid-row: 2;
    grid-row-start: 2;
    grid-row-end: 4;
}
.itemspartime{
  border: 1px solid #f2f2f2;
  padding: 40px 30px 90px;
  height: 100%;
  position: relative;
}
span.toppartime {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0px 20px;
    text-align: center;
    line-height: 23px;
}
span.toppartime.partac{
  color: #fff;
  background: #000;
  font-size: 12px;
  text-transform: uppercase;
}
span.toppartime.fullac{
  color: #fff;
  background: #6178ce;
  font-size: 12px;
  text-transform: uppercase;
}
.itemtimesd .col-md-4{margin: 20px 0;}
.imgti {
    text-align: center;
    margin-bottom: 25px;
}
.itemtimesd h5{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 30px;
}
.itemspartime ul li{
  position: relative;
  padding-left: 25px;
}
.itemspartime ul li i {
    position: absolute;
    top: 4px;
    left: 0;
    font-size: 18px;
}
.itemspartime ul{margin-bottom: 20px;}
.salarya span{display: block;}
.salarya span.lateni{margin-left: 57px;}
.linkover {
    position: absolute;
    bottom: 35px;
    text-align: center;
    left: 0;
    right: 0;
}
.linkover a {
    border: 1px solid #aaaaaa;
    display: block;
    width: 110px;
    margin: 0 auto;
    padding: 4px 0;
}
.linkover a:hover{
  color: #fff;
  background: #000;
  border: 1px solid #000;
}
.itemtimesd h2{
  font-size: 25px;
  letter-spacing: 4px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px;
}
.itemtimesd{padding-bottom: 50px;}
.howtoapply{
  background: #f2f2f2;
  text-align: center;
  padding: 70px 0;
}
.howtoapply h2{
  font-size: 25px;
  letter-spacing: 4px;
  text-transform: uppercase;
}
.howtoapply p{margin-bottom:60px; }
.howtoapply .col-md-4 p{margin-bottom: 0;}
.imgapp{margin-bottom: 20px;}
.whatyouare{
  background: url(../img/recruit/bg.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  padding: 156px 0;
  color: #fff;
  text-align: center;
}
.whatyouare a{
  border: 1px solid #fff;
  background: #fff;
  display: inline-block;
  text-align: center;
  padding: 11px 30px;
  margin-top: 40px;
  font-size: 15px;
    font-weight: bold;
}
.whatyouare a:hover{background: none;color: #fff;}
.whatyouare h2{
  font-size: 25px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: bold;
}
.whatyouare p{font-size: 25px;}
.moreload {
    text-align: center;
    display: block;
    margin-top: 35px;
}
.g-recaptcha{
  width: 304px;
  margin: 40px auto 0;
}
div#captcha_container {
    text-align: center;
    width: 304px;
    margin: 0 auto;
}
div.div{height: 0}
.banner img.pc,.banner img.mb{width: 100%;}

.updateevent {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    width: 100%;
    margin: 20px 0 50px;
  }
.loadev .updateevent {margin-top: 150px;}
section.vipdownapp {
    background: #fafafa;
    padding: 85px 15px;
}
.appdlw {
    max-width: 785px;
    margin: 0 auto;
    position: relative;
    padding-left: 290px;
    min-height: 487px;
}
.imgvis {
    position: absolute;
    left: -30px;
    top: 0px;
}
.txtapptext h2 {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 4px;
    line-height: 31px;
    padding: 120px 0 30px;
    font-weight: bold;
}
.vipdownapp a.appbl {
    margin-top: 40px;
    display: block;
}
.snapgall {
    width: 100%;
    display: inline-block;
}
 .gldetail .snapgall .grwrap .gritem{
  width: 20%;
}
.gldetail .snapgall .grwrap .gritem img{height: 224px;}
.snapgall .titleset,.snapgall .dateshow{margin-left: -10px;}
.snapgall .titleset{
  font-size: 18px;
  letter-spacing: 4px;
  font-weight: 600;
  text-transform: uppercase;
}
.snapgall .dateshow {
    font-size: 15px;
    margin-bottom: 40px;
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 1px 20px;
    line-height: 20px;
}
.snapgall{
  margin-bottom: 80px;
}
.sitemapw{
  padding: 85px 0;
}
.mapsite li a{
  display: block;
  text-transform: uppercase;
  padding: 5px 0;
}
.mapsite li ul {padding-left: 20px;}
.mapsite li ul  li a{
  text-transform: none;
  padding: 1px 0;
}
.socialsite li{
  position: relative;
  padding: 8px 0 8px 45px;
}
.socialsite li span{
  position: absolute;
  left: 0;
  top: 4px;
  width: 30px;
  text-align: center;
}
.socialsite li span i{font-size: 25px;}
.commingsoonpage {
  position: absolute;
  top: -180px;
  left: 0;
  width: 100%;
  color: #fff;
  z-index: 10;
  text-align: center;
  font-size: 30px;
}
.appstore {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  padding: 7px 30px 5px 105px;
  z-index: 999;
  display: none;
}
.appstore ul li {
    float: left;
    color: #ff9500;
    margin-right: 3px;
    font-size: 11px;
    line-height: 10px;
    margin-top: 5px;
}
.appstore ul li i{font-size: 13px; line-height: 10px;}
.appstore h5 {
    font-size: 14px;
    margin: 0 0 2px;
}
.appstore h6{font-size: 12px;margin: 0;}
.appstore .iconappstore{
  position: absolute;
  left: 41px;
  top: 8px;
}
.appstore i.zmdi.zmdi-close {
    position: absolute;
    left: 9px;
    font-size: 18px;
    top: 33px;
}
.appstore .viewlinkapp{
  position: absolute;
  right: 10px;
  top: 30px;
  color: #02a0d7;
}
.txtapp {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    line-height: 13px;
}
/* Year end party
===============================================================*/
.linebtn{
  position: absolute;
  top: 310px;
  left: 0;
  width: 100%;
  text-align: center;
}
.linebtn a {
    display: inline-block;
    width: 297px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    padding: 8px 20px;
    font-weight: bold;
    letter-spacing: 4px;
    background: rgb(0 0 0 / 0.3);
}
.linebtn a:hover{
  background: #fff;
  color: #000;
}
.shibuyatext{
  text-align: center;
  padding: 70px 0 50px;
}
.shibuyatext h2{
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 15px;
}
.shibuyatext h4{
  font-weight: bold;
  margin-bottom: 40px;
  font-size: 16px;
}
.clsreserve a {
    display: block;
    border: 1px solid #000;
    text-align: center;
    width: 200px;
    margin: 0 auto;
    padding: 5px 20px;
}
.clsreserve a:hover{
  color: #fff;
  background: #000;
  opacity: 1;
}
.accordion_body h3{
     text-align: center;
    font-weight: bold;
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
}
.planyar.tablepriceplan table.priceplan td {
    vertical-align: top;
    padding: 20px 15px 80px;
    position: relative;
}
.clsreserve {
    display: inline-block;
    width: 100%;
    margin-top: 25px;
}
.planyar.tablepriceplan table.priceplan td .clsreserve{
  position: absolute;
  bottom: 25px;
  left: 0;
}
.planyar.tablepriceplan table.priceplan td  .clsreserve a{width: 70%;}
.clsreserve a{
  display: block;
  border: 1px solid #000;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 7px 20px;
}
.planyar.tablepriceplan table.priceplan tr.trfirtg td{
  font-size: 18px;
  padding: 15px 20px;
}
.planyar h2 {
  font-size: 30px;
  text-align: center;
  margin-bottom: 50px;
  font-weight: bold;
  line-height: 40px;
}
.planyar.tablepriceplan table.priceplan td ul li {
    position: relative;
    padding: 5px 0 5px 30px;
    line-height: 25px;
    font-size: 12px;
}
.planyar.tablepriceplan table.priceplan td ul li i{
  position: absolute;
  left: 0;
  top: 7px;
}
.planyar.tablepriceplan table.priceplan th h5{
  font-size: 18px;
}
.planyar.tablepriceplan table.priceplan th h3{font-size: 35px; font-weight: bold;}

.acc-main {
  color: #000;
}
.pockets-main h1 {
  font-size: 60px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #111;
  margin: 0 0px 35px;
}
.intro-cont h3{
  font-size: 35px;
  font-weight: 600;
  color: #111;
  margin: 50px 0;
}
.kind h2{
  text-align:center;
  font-size: 45px;
  font-weight: 600;
  color: #111;
  margin: 50px 0 30px;
}
/*accordion*/
.accordion_head {
  background-color: #111;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  padding: 12px 25px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
.accordion_body {
  font-size: 18px;
  padding: 30px 150px  30px;
  border: 1px solid #c7c7c7;
  background: #fff;
  width: 100%;
}
.accordion_body img{
  width: 100%;
  max-width: 230px;
  margin-bottom: 30px;
}
.accordion_body p {
  margin: 0px;
  color: #000000;
}
.accordion-main {
  margin: 0 0 1px;
}
.accordion_body h3,
.div-bott h3{
  font-size: 28px;
  font-weight: 600;
  margin: 15px 0;
  color: #1e352e;
}
.div-bott h3{
font-size: 35px;
}
.div-bott{
text-align:center;
}
.div-bott p{
font-size:24px;
}
.plusminus {
  float: right;
  font-size: 36px;
  margin-top:-15px;
}
.plusminus i{font-size: 27px;}
.coll-back{
  border:1px solid #111;
}
.hr-clc{
  height: 2px;
  background: #111;
  margin-top: 22px;
  width: 17px;
  padding: 0;
  border: 0;
  margin-left: -20px;
}
.accordion_body ul li{
  position: relative;
  padding: 5px 0 5px 30px;
  line-height: 25px;
}
.accordion_body ul li i{
  position: absolute;
  left: 0px;
  top: 7px;
}
.accordion_body ul li {
  position: relative;
  padding: 5px 0 5px 30px;
  line-height: 25px;
  text-align: left;
  width: 49.5%;
  display: inline-block;
  font-size: 12px;
}
.accordion_body ul.ulmaingo li{font-size: 16px;}
.yearprt .ct_grid .ct_info {
    margin-top: 45px;
}
.faqsyear{
  margin: 70px 0 0;
}
.faqsyear a{
  display: block;
  background: #000;
  text-align: center;
  padding: 40px 0;
  color: #fff;
  font-size: 20px;
}
.faqsyear a span{display: block; margin-bottom: 15px;}
.lineing {
    width: 198px;
    height: 198px;
    background: url(../img/year-party/bgfix.svg) no-repeat;
    background-size: 198px 198px;
    font-size: 10px;
    position: fixed;
    right: 100px;
    top: 30px;
    padding: 37px;
    line-height: 16px;
    text-align: center;
    z-index: 10;
}
.lineing a{display: block; font-weight: bold;}
.lineing a.phonesg{font-size: 12px; margin-top: 5px;}
.lineing a.phonesg i{font-size: 15px;}
section.subbanner.bannerparty.fixed .lineing{top: 105px;}
.xdsoft_datetimepicker .xdsoft_calendar th{
  background: none !important;
  border: none !important;
  padding: 5px !important;
  border-bottom: 1px solid #ccc !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td{
  background: none !important;
      border: none !important;
    padding: 5px 5px !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{
  background: #000 !important;
      box-shadow: #000 0 1px 3px 0 inset;
}
.xdsoft_datetimepicker .xdsoft_calendar tr td:hover{
  background: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding-right: 0 !important;
    text-align: center !important;
}
#dateoffcalling {
    background: url(../img/year-party/calendar.svg) no-repeat;
    background-size: 25px 25px;
    background-position: 98% 13px;
}
#callingtime {
    background: url(../img/year-party/clock.svg) no-repeat;
    background-size: 25px 25px;
    background-position: 95% 13px;
}
.iptime {
    display: inline-block;
    margin-left: 10px;
}
.is-open .choices__list--dropdown {
    border-color: #b7b7b7;
    background: #fff;
    z-index: 9;
}
.frmcontendate {
    margin-bottom: -10px;
}
.zrf-form .iptime input {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    background: url(../img/year-party/calendar.svg) no-repeat;
    background-size: 12px 12px;
    background-position: 100% 5px;
    width: 100px !important;
    line-height: 20px;
    font-size: 13px !important;
    padding: 1px 2px;
}
.litbody input {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    background: url(../img/year-party/clock.svg) no-repeat;
    background-size: 10px 10px;
    background-position: 100% 4px;
    width: 50px !important;
    padding: 0;
    line-height: 10px;
}
.litbody table td{
  vertical-align: bottom;    line-height: 20px;
}
.litbody table td span{margin-right: 5px;}
.litbody table{width: 100%;}
.litbody {
    font-size: 12px;
    color: #7b7b7b;
    margin-top: 10px;
}
.lithead strong {
    font-size: 12px;
    vertical-align: bottom;
    display: inline-block;
    line-height: 20px;
}
.calltimes ul li {
    float: left;
    width: 32%;
    border-right: 1px solid #ccc;
    margin-right: 2%;
    padding-bottom: 7px;
}
.calltimes ul li:last-child{
  border-right: none;
  margin-right: 0;
}
.yearenct .formcontrol,.faqsyear .formcontrol{
  width: 750px;
}
.showcall {
    margin: 0px 0 10px;
    display: inline-block;
    width: 100%;
}
.showcall h6{font-size: 16px;}
.fixra2{
  width: 100%;
  display: inline-block;
  margin-top: 15px;
}
.inputfs select {
    width: 49.5%;
    padding: 10px 20px;
    border: 1px solid #000;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/arrow-down.svg) no-repeat;
    background-size: 13px 13px;
    background-position: 95% 22px;
}
.inputfs select:focus{outline: none;}
strong.totalprice {
    font-size: 20px;
}

.xdsoft_datetimepicker.timeofcal .xdsoft_calendar td:hover, 
.xdsoft_datetimepicker.timeofcal .xdsoft_timepicker .xdsoft_time_box>div>div:hover,
.xdsoft_datetimepicker.timeofcal .xdsoft_timepicker .xdsoft_time_box>div>div:focus{
      background: #f2f2f2 !important;
    color: #000 !important;
}
.xdsoft_datetimepicker.timeoffull .xdsoft_timepicker .xdsoft_time_box>div>div:hover,
.xdsoft_datetimepicker.timeoffull .xdsoft_timepicker .xdsoft_time_box>div>div:focus{
      background: #f2f2f2 !important;
    color: #000 !important;
    outline: none;
}
.subbanner h1{
  font-size: 40px;
  position: absolute;
  font-weight: bold;
  left: 0;
  width: 100%;
  top: 130px;
  text-align: center;
  color: #fff;
}
.subbanner{
  height: 240px;
}
.subbanner img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

/* Control the label position from here */
.inputfs.checkboxform {
    margin-top: 0;
}
.checkboxform a{color:#17a2b8 }
.checkboxform label.error {
    right: inherit;
    left: 0;
}
.control {
    font-family: inherit;
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    padding-top: 0px;
    cursor: pointer;
    font-size: inherit;
}
.control input {
    position: absolute !important;
    z-index: -1;
    opacity: 0;
    left: 0;
    max-width: 30px;
}
.control_indicator {
    position: absolute;
    top: 5px;
    left: 0;
    height: 20px;
    width: 20px;
    background: none;
    border: 1px solid #000000;
    border-radius: 0px;
}
.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
    background: #cccccc;
}

.control input:checked ~ .control_indicator {
        background: none;
    color: #000;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    
}
.control input:disabled ~ .control_indicator {
   
    opacity: 0.6;
    pointer-events: none;
}
.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control_indicator:after {
    display: block;
}
.control-checkbox .control_indicator:after {
    left: 6px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control-checkbox input:disabled ~ .control_indicator:after {
    border-color: #008736;
}
.control-checkbox .control_indicator::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 4.5rem;
    height: 4.5rem;
    margin-left: -1.3rem;
    margin-top: -1.3rem;
    background: none;
    border-radius: 3rem;
    opacity: 0.6;
    z-index: 99999;
    transform: scale(0);
}

/* The ripple effect  */
@keyframes s-ripple {
    0% {
        transform: scale(0);
    }
    20% {
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}
@keyframes s-ripple-dup {
   0% {
       transform: scale(0);
    }
   30% {
        transform: scale(1);
    }
    60% {
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}
.control-checkbox input + .control_indicator::before {
    animation: s-ripple 250ms ease-out;
}
.control-checkbox input:checked + .control_indicator::before {
    animation-name: s-ripple-dup;
}
.btninqu a {
    border: 1px solid #000;
    display: inline-block;
    padding: 10px 20px;
    width: 250px;
}
.btninqu a:hover{
  background: #000;
  color: #fff;
  opacity: 1;
}
.btninqu {
    text-align: center;
    margin:20px 0 25px;
}
.gallery-floor {
  padding: 20px;
}
.gallery-floor ul{
  display: flex;
  flex-wrap: wrap;
}
.gallery-floor ul li {
  flex: 0 25%;
  max-width: 25%;
  padding: 1px;
}

@media (max-width: 1500px){
  .footext ul:before{bottom: -6px;}
  .tableinpp{padding-top: 50px;}
  table.tablemodal td, table.tablemodal th{    padding: 7px 10px;}
  .inllistic li a {
    width: 340px;
    height: 135px;
    line-height: 135px;
    font-size: 21px;
  }
  .inllistic li a img{max-width: 75px;}
  .iquerygo a{margin-right: 0; margin-top: 30px;}
  .liststu li a {
    display: block;
    font-size: 20px;
    font-weight: 500;
    width: 260px;
    line-height: 29px;
    padding: 35px 10px;;
    height: 95px;
  }
  .liststu li:first-child a {
    padding: 18px 10px;
  }
  .gallerytop h2 {
    margin-bottom: 24px;
    font-size: 30px;
  }
  .centershowmore a {
    margin-top: 30px;
    padding: 7px 10px;
  }
  .gallerytop {
    padding: 110px 0 50px;
  }
  .reserve {
    padding: 115px 0 30px;
  }
  .reserve h2{margin-bottom: 20px; font-size: 25px;}
  .reserve h3{margin-bottom: 25px;}
  .reserve h3{font-size: 30px;}















  .commingsoonpage{top: -130px;}
  .part2 h2 {
    font-size: 45px;
      text-shadow: -2px 2px 3px #000, 2px 2px 3px #000, 2px -2px 0 #000, -2px -2px 0 #000;
    font-weight: bold;
    line-height: 60px;
    margin-bottom: 30px;
    margin-top: 20px;
  }
  .sitemapw {
    padding: 55px 0;
  }
  .snapgall {
    margin-bottom: 50px;
  }
  .snapgall .dateshow{margin-bottom: 30px;}
  section.vipdownapp {
    background: #fafafa;
    padding: 55px 15px 40px;
  }
  .vipapp .container {
    max-width: 1140px;
  }
  .vipapp p {
    margin-bottom: 20px;
  }
  .imgvipapp {
    position: absolute;
    left: 150px;
    top: -41px;
    max-width: 250px;
  }
  .ourteam{padding-top: 80px;}
  section.vipapp {
    padding-bottom: 110px;
  }
  .vipapp h2 {
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 15px;
    margin-top: -7px;
  }
  .showimgproduct {
    max-height: 500px;
    object-fit: contain;
  }
  .modalfloor.modalvip .modal-dialog .modal-content {
    min-height: 650px;
    display: table-cell;
    vertical-align: middle;
    max-height: 650px;
    line-height: 525px;
  }
  .listevents .container:before{right: -70px;}
  .desourteam .enjoybtn {
    margin-top: 20px;
  }
  .news .btnwrap {
    padding: 25px 0 10px;
  }
  .staffw h2 {
    font-size: 35px;
    margin-top: 20%;
    font-weight: 600;
    margin-left: -195px;
  }
  .firttimest {
    margin-top: 20px;
  }
  .staffw .enjoybtn{margin-right: 20px;}
  .events .cos-4 img{height: 160px;}
  .titleevent .date{top: 5px;}
  .txtbannersl{bottom: 22%;}
  .imgcler {
    margin-bottom: 25px;
  }
  .txtlife{font-size: 45px;line-height: 32px;}
  .btnbuyticket{
    width: 250px;
    font-size: 18px;
    margin: 25px 0;
  }
  .mousey{    left: calc( 49% + 5px);}
  .news .container {
    max-width: 980px;
  }
  .newdlist img{max-width:98%;}
  .party_top,.party_bottom{
    width: calc(100% + 80px);
  }
  .partycy img{height: 330px;}
  video{height: 330px;}
  .xbigtitle{top: 50%;    font-size: 90px;}
  .aboutus .container {
    max-width: 1140px;
  }
  .ctabb {
    max-width: 100%;
  }
  .rightabout {
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 0px;
    margin-right: 0;
  }
  .news {
    padding: 50px 0;
  }
  .h2title{margin-bottom: 30px;}
  .btnwrap{
    padding: 30px 0 40px;
  }
  .enjoybtn {
    width: 200px;
    padding: 7px 0;
  }
  .events{
    padding: 40px 22.5px 40px 
  }
  .events .cos-4{
    margin-bottom: 35px;
  }
  .titleevent{
    line-height: 20px;
  }
  .titleevent{
    padding-top: 0;
  }
  .aboutus {
    padding: 55px 0;
  }
  .aboutus h2 {
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 20px;
  }
  .titleab {
    font-size: 16px;
    margin-top: 40px;
    margin-left: 63px;
  }
  .aboutus p {
    margin-bottom: 35px;
  }
  .floatct {
    max-width: 1110px;
  }
  .map{
    padding: 40px 0 80px;
  }
  .viplounge{
    height: 600px;
  }
  .theviplounge {
    margin-top: 210px;
  }
  .askfaq {
    padding: 70px 0 110px;
    text-align: center;
  }
  .floatct ul li{padding: 0 5px;}
  .floatct ul {
    width: calc(100% + 10px);
    margin:  0 -5px;
  }
  .mapaddress{top: 45%;}
  .traderteam{height: 525px;}
  .desourteam h2.h2title{margin-bottom: 20px;}
  .fontmail {
    font-size: 20px;
    margin: 30px 0 35px;
  }
  .fontmail span {
    font-size: 25px;  
  }
  .desourteam{padding-bottom: 50px;}
  .logofooter {
    margin: 35px 0 20px;
  }
  .txtcopyright{margin-top: 10px;}
  .floatimg img {
    margin-top: -5px;
  }
  .floatimg{height: 280px;}
  .floatimg span.spfoortext {
    font-size: 25px;
    bottom: 20px;
    line-height: 30px;
  }
  .newsdetail{height: auto;}
  .imgnews_detail{ height: 500px;}
  .imgnews_detail img{max-height: 600px;}
  .imgnews_detail table{height: 500px;}
  .nighclub {
      padding: 65px 0;
  }
  .bannerctsub{height: 240px;}
  .subbanner h1{top: 130px;}
  .titleclub{padding: 0 15px 40px;}
  .titleclub h2{margin-bottom: 10px;}
  .txtinfoclub {
    background: #f2f2f2;
    padding: 30px 35px;
    margin: 50px 0 33px;
  }
  .ct-club{padding-right: 30px;}
  .lisstnote{padding-left: 60px;}
  .lisstnote ul li .imgmo{
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
  .imgmo img{height: 30px;}
  .lisstnote ul li p{font-size: 13px;}
  .ct-club{min-height: 460px;}
  section.whatatclub {
    padding: 85px 0 50px;
    margin-top: 70px;
  }
  .whatatclub .container {
    max-width: 1140px;
  }
  .itemsl img{height: 334px;}
  .whatatclub h2{margin-bottom: 55px;}
  .itemsl p{margin-bottom: 40px;}
  .systemsec {
    padding: 70px 0;
  }
  .titlesub2h{margin-bottom: 35px;}
  .tableprice {
    margin-top: 40px;
  }
  .dresscode{padding: 150px 0;}
  .icon_dress{
    width: 150px;
    height: 150px;
    line-height: 110px;
    margin-bottom: 30px;
  }
  .icon_dress img {
    position: relative;
    z-index: 2;
    width: 65%;
    max-height: 70px;
  }
  .icon_dress:before{
    top: 48px;
    left: -1px;
  }
  .dresscode h2{margin-bottom: 50px;}
  .mapacss{padding: 40px 40px;}
  .mapenjoy p,.mapenjoy h2{margin-bottom: 10px;}
  .mapacss ul li {
    padding: 15px 0;
  }
  .mapacss ul li img{max-height: 40px;}
  .partyenjoy {
    padding-top: 45px;
  }
  .partyenjoy p{margin-bottom: 25px;}
  .becomeclub {
    padding: 10px 0 60px;
  }
  .linegroup{    padding: 50px 0 45px;}
  .linegroup h2{margin-bottom: 30px;}
  .glamorous {
    padding: 70px 0 40px;
    text-align: center;
  }
  .glamorous h2{margin-bottom: 30px;}
  .glamorous p {
      margin-bottom: 35px;
  }
  .glamorous ul li span{margin-top: 25px;}
  .groupmakean{margin-top: 30px;}
  .glamorous .groupmakean a{width: 300px; padding: 8px 10px;}
  .vipplan {
        padding: 50px 0;
  }
  .tablevip tr td, .tablevip tr th{padding: 15px 20px;}
  .vipseat .container {
    max-width: 1140px;
  }
  img.b3img5{left: -322px;}
  .vipseat {
    padding: 50px 0;
  }
  .vipbf2 img.b3img5{right: -358px;}
  .vipbf2 .imgvipboo {
    padding: 40px 0 0 150px;
  }
  .vipbf2 .imgvipboo img{width: 550px;}
  .listimgsa img{max-width: 321px;}
  .vipbf2 {
    margin-top: 40px;
  }
  .bottlelist {
      padding: 50px 0 30px;
  }
  .bottlelist .slideeventup .slick-dots{margin-top: 20px;}
  .viattention{padding: 50px 0;}
  .tableul,.liststo{margin-top: 30px;}

  .partysec h3 {
    margin-bottom: 35px;
  }
  .tablepriceplan table.priceplan th{padding: 20px;}
  .tablepriceplan table.priceplan td{padding: 30px;}
  .tablepriceplan h4{    margin: 25px 0 10px;}
  .prnumbers{font-size: 30px;}
  .ct_grid{
    -ms-grid-rows: 240px 240px 240px;
    grid-template-rows: 240px 240px 240px;
  }
  .ct_grid .ct_info h2 {
    font-size: 23px;
    margin-top: 20px;
  }
  .custom-gallery__cell:first-child{padding-top: 85px;}
  .formcontrol .inputfs.fsubmit .submitgo{margin-top: 0;}
  .aboutpage {
    padding: 70px 0;
  }
  section.newsdetail.eventdetail .container {
    max-width: 1140px;
  }
  section.eventdetail.newsdetail:before {
    width: 37%;
  }
  .glrecruit {
    padding: 60px 0 50px;
  }
  .glrecruit h2{margin-bottom: 25px;}
  .glrecruit p {
    margin-bottom: 40px;
    text-align: center;
  }
  .howtoapply{padding: 50px 0;}
  .howtoapply p {
    margin-bottom: 40px;
  }
  .itemtimesd {
    padding-bottom: 40px;
  }
  .whatyouare{padding: 100px 0;}
  .ct_grid .ct_info img {
    width: 185px;
  }
  .custom-gallery__cell:first-child {
    padding-top: 30px;
  }
  .ct_info a{margin-top: 15px;}
  .lisstmailgo.container {
    max-width: 1140px;
  }
  .rightbec .g-recaptcha{
    transform: scale(0.94);
    -webkit-transform-origin-x: 0;
  }
  .rightbec{    padding: 0 0 0 15px;}
  .becomeclub .col-md-5 .itembec{padding-left: 15px;}
  .linebtn{top: 260px;}
  .shibuyatext {
    padding: 50px 0 30px;
  }
  .shibuyatext h4{margin-bottom: 25px;}
  section.planyar.tablepriceplan {
    background: #f2f2f2;
    padding: 40px 0;
  }
  .planyar h2{margin-bottom: 30px;}
  .faqsyear {
    margin: 50px 0 0;
  }
  .lineing{top: 80px;    right: 50px;}
}
@media (max-width: 1279px){
  .rightabout li {
    padding: 7px 30px 7px 0;
  }
  .gallerytop ul li{height: 220px;}
  .gallerytop h2 {
    margin-bottom: 40px;
    font-size: 30px;
  }
  .vipapp .container {
    max-width: 960px;
  }
  .imgbgvip {
    height: 335px;
    object-fit: cover;
  }
  section.vipapp {
    padding-bottom: 60px;
  }

  
  .becomeclub .itembec .imgbec{margin-bottom: 15px;}
  .rightbec .submitgo{margin-top: 10px}
  .becomeclub .itembec p{margin-bottom: 10px;}
}
@media (max-width: 991px) and (min-width: 768px){
  .inllistic li a{width: 290px;}
  .liststu li a{
    width: 200px;
    font-size: 18px;
  }
  .lineing {
    right: 10px;
  }
  .imgvis{left: 0;}
  .vipapp .container {
    max-width: 720px;
  }
  .imgvipapp {
    left: 50px;
  }
  .ct_grid .ct_info {
    margin-top: 10px;
  }
 
  .floatimg {
    height: 195px;
  }
  .floatimg span.spfoortext {
    font-size: 20px;
    bottom: 20px;
    line-height: 25px;
  }
  .txtbannersl {
    bottom: 28%;
  }
  .mousey {
    left: calc( 49% + 0px);
  }
  .news .container {
    max-width: 720px;
  }
  .imgnewgo{
    height: 250px;
  }
  .slick-next {
    right: -30px;
  }
  .slick-prev {
    left: -30px;
  }
  .partycy img,video {
    height: 250px;
  }
  .events .cos-4{
    width: 50%;
  }
  .aboutus .container {
    max-width: 720px;
  }
  .ctabb {
    max-width: 120%;
    margin-left: -15%;
  }
  .titleab{
    margin-left: 7px;
  }
  .col-md-4.linetitle:before{left: 81px;}
  .rightabout {
    font-size: 14px;
    margin-top: -10px;
  }
  .rightabout li {
    padding: 5px 30px 5px 0;
  }
  .rightabout i {
    top: 10px;
  }
  .floatct {
    max-width: 680px;
  }
  
}
@media (max-width: 991px){
  .iquerygo a {
    float: left;
    margin-top: 20px;
  }
  .listimgsa img {
      max-width: 220px;
  }
  
  #mainNav {
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.26s ease;
    height: 0;
    overflow: hidden;
    position: relative;
  }
  .logomenud{position: relative;}
  .logomenud img{
   position: absolute;
    left: 0;
    right: 0;
    width: 120px;
    margin: 23px auto;
  }
  #mainNav.open {
    position: absolute;
    top: -73px;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 6px 20px 10px 20px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    transform: scaleY(1);
    height: auto;
    overflow: auto;
    z-index: 999;
    max-height: inherit;
  }
  .headermenu.fixed #mainNav.open{top:-62px;}
  .headermenu ul.ulmenu {
    width: 100%;
    display: inline-block;
    margin-top: 40px;
    margin-left: 0;
    margin-bottom: 0;
        padding: 0 10px;
  }
  div#mainNav {
    margin-left: 0;
    max-height: 0;
  }
  .righthead:before {
    position: absolute;
    left: -20px;
    width: calc(100% + 40px);
    top: 0;
    content: "";
    background: #fff;
    height: 400px;
  }
  .headermenu ul.ulmenu li a{
    display: block;
    font-size: 15px;
    color: #000;
    text-align: center;
        font-weight: normal;
  }
  .headermenu ul.ulmenu li li a {
    font-size: 15px;
    font-weight: normal;
    text-transform: none;
  }
  .headermenu ul.ulmenu li.menu-item.current-menu-item li a, .headermenu ul.ulmenu li.menu-item.current-page-ancestor li a{
    font-weight: normal;
  }
  .headermenu ul.ulmenu li.menu-item.current-menu-item a{
    border-bottom: none;
  }
  .headermenu ul.ulmenu li.menu-item.current-page-ancestor a{
    border: none;
  }
  .headermenu ul.ulmenu li {
    width: 100%;
    padding: 12px 0px 12px 0px;
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
  }
  html[lang="ja"] .headermenu ul.ulmenu li {
    padding: 12px 20px;
  }
  .headermenu ul.ulmenu .sub-menu li.menu-item.current-menu-item{
    position: relative;
  }
  .headermenu ul.ulmenu .sub-menu li.menu-item.current-menu-item.gallery a,.headermenu ul.ulmenu .sub-menu li.menu-item.current-menu-item.curr.currbeore a{
    font-weight: bold;
  }
  .headermenu ul.ulmenu .sub-menu li.menu-item.current-menu-item.gallery:before{
    position: absolute;
    left: -50px;
    top: 2px;
    width: 50px;
    content: "";
    height: 35px;
    background: #f3f3f3;
  }
  .headermenu ul.ulmenu .sub-menu li.menu-item.current-menu-item.curr.currbeore:before{
    position: absolute;
    left: -50px;
    top: 2px;
    width: 50px;
    content: "";
    height: 35px;
    background: #f3f3f3;
  }
  .headermenu ul.ulmenu li li {
    padding: 10px 0px 10px 10px;
  }
  .headermenu ul.ulmenu li.menu-item-has-children li:last-child{
    padding-bottom: 0;
  }
  .headermenu ul.ulmenu li.menu-item-has-children i{
    position: absolute;
    right: 20px;
    font-size: 24px;
  }
  .headermenu ul.ulmenu li li:last-child{
    border-bottom: none;
  }
  .headermenu .col-md-2,.headermenu .col-md-11 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }
  .headermenu .col-md-2 {
    text-align: center;
  }
  .icon-menu.mb{display: block !important;}
  .icon-menu {
    cursor: pointer;
    position: absolute;
    left: 9px;
    background: none;
    border: none;
    top: -39px;
    z-index: 999;
  }
  .fixed .icon-menu{top: -34px;}
  .fixed .icon-menu.open {
      top: -26px;
  }
  .icon-menu:focus{
    outline: none;
  }
  .icon-menu:before, .icon-menu:after {
    content: "";
    display: block;
  }
  .icon-menu .bar, .icon-menu:before, .icon-menu:after {
    width: 30px;
    height: 2px;
    background-color: #fff;
    margin:6px 0;
    transition: 0.4s;
  }
  .icon-menu .bar.open, .icon-menu.open:before, .icon-menu.open:after{background-color: #000;}
  .headermenu.fixed .icon-menu .bar, .headermenu.fixed .icon-menu:before, .headermenu.fixed .icon-menu:after{
    background-color: #000;
  }
  .headermenu .logo img.logotopfix {
    display: none;
  }
  .headermenu{
    height: 70px;
    padding: 22px 0 15px;
    webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    z-index: 99;
    background: none;
  }
  .headermenu .logo img.logotop {
    display: block;
    width: 120px;
  }
  .headermenu.fixed{
    height:58px;
    padding: 12px 0;
  }
  .headermenu .container{
    max-width: 100%;
  }
  a.booknowhead.mb {
    display: inline-block !important;
    position: absolute;
    right: 15px;
    padding: 0px 10px 0px;
    top: -7px;
    background: #000;
    color: #fff;
  }
  a.logo {
    display: inline-block;
    opacity: 1;
    width: 120px;
    text-align: center;
    position: relative;
    margin-top: -12px;
  }
  .fixed a.logo{
    opacity: 1;
  }
  .open:before {
    transform: rotate(-45deg) translate(-0.3em, 0.2em);
  }
  .open .bar {
    opacity: 0;
  }
  .open:after {
    transform: rotate(45deg) translate(-0.555em, -0.5em);
  }
  .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #mainNav .dropdown {
    font-size: 14px;
    width: 100%;
    margin: 1px 0 20px 0;
  }
  .righthead ul li {
    padding: 5px 5px;
    width: 50%;
    text-align: left;
    float: left;
  }
  .righthead ul li:first-child{width: 100%;}
  #mainNav .dropdown .dropdown-toggle{
    margin-left: 0;
    padding: 8px 10px;
  }
  #mainNav .dropdown-menu {
    padding: 8px 10px;
    border-radius: 0;
    left: 0 !important;
    top: 9px !important;
    width: 100%;
    text-align: center;
  }
  #mainNav .dropdown img{
    display: inline-block !important;
    vertical-align: middle;
    width: 19px;
    height: auto;
  }
  #mainNav .dropdown .dropdown-toggle {
    background: none;
    border: none;
    line-height: 10px;
    width: 100%;
    text-align: left;
    padding: 0;
    color: #000;
    min-height: 25px;
  }
  a.booknowhead.pc {
    display: none;
  }
  #mainNav .dropdown .dropdown-toggle i.zmdi{
    position: absolute;
    top: 9px;
    right: -15px;
  }
  .headermenu ul.ulmenu li.menu-item-has-children .sub-menu {
    background: #fff;
    position: fixed;
    top: 83px;
    z-index: 999;
    left: 100%;
    width: 0;
    height: 100%;
    margin-top: 0;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    opacity: 0;
    width: calc(100% + 15px);
    padding: 40px 35px 0;
  }

  .headermenu ul.ulmenu li.menu-item.current-menu-item .sub-menu{
    display: inline-block;
  }
  .headermenu ul.ulmenu li.menu-item-has-children .sub-menu.acsub{
    height: 100%;
    opacity: 1;
    overflow: inherit;
    
    left: -15px;
  }
  
  .headermenu a.booknowhead {
      background: #fff;
      color: #000;
      opacity: 1;
      border: 1px solid #000;
      
  }
  .headermenu a.booknowhead.ourtheteam.mb{position: inherit;width: 100%;}
  .headermenu.fixed a.booknowhead{opacity: 1; border: none;}
  .headermenu ul.ulmenu li li:last-child a{border: none;}
  .sub-menu h5{font-size: 15px; font-weight: bold; text-align: center; color: #000; text-transform: uppercase;}
  .headermenu ul.ulmenu li.menu-item-has-children .sub-menu:before {
    display: inline-block;
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 30px;
    top: 34px;
    content: '\f2fa';
    font-size: 30px;
    color: #000;
    z-index: 999;
  }
  .righthead {
    width: calc(100% - 20px);
    text-align: center;
    position: relative;
    padding: 7px 0 0 0px;
    border-top: 1px solid #e5e5e5;
    margin-right: 9px;
  }
  #mainNav .dropdown-menu li{padding: 0;}
  .righthead ul.rightgo {
    display: inline-block;
    width: calc(100% + 10px);
    position: relative;
    z-index: 3;
    margin: 0 -5px;
  }
  .righthead ul.rightgo img,.righthead ul.rightgo i{
    margin-right: 25px;
  }
  li.languagewrp {
    width: 100%;
  }
  .logobn img {
    max-width: 124px;
  }
  .soli{
    display: none;
  }
  .bgmenu{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    background: rgba(0,0,0,0.5);
    top: 0;
    z-index: 9;
    display: none;
  }
  .bgmenu.activeg{
    display: block;
  }
  .activegsubmenu .zmdi-chevron-down:before {
    content: '\f2fc';
  }
  .logomenud a.booknowhead {
    display: inline-block;
    padding: 0 10px;
    float: right;
    margin: 26px 0px 0 0;
  }
  .logomenud:before {
    width: calc(100% + 50px);
    position: absolute;
    left: -25px;
    top: 75px;
    height: 0px;
    content: "";
    box-shadow: 0px 1px 1px 1px #f5f5f5;
  }
  .grwrap .gritem img{max-height: 273px;}
  .nav-tabs .nav-link {
    padding: 0 15px 10px;
  }
  span.clicksub {
    position: absolute;
    right: -15px;
    top: 16px;
  }
  .gallery-floor ul li {
    flex: 0 33.33%;
    max-width: 33.33%;
  }
}
@media (max-width: 767px){

  .pc{display: none; }
  .mb{display: block !important;}
  .mbthd{display: none;}
  .bannerctsub {
    height: 190px;
  }
  .subbanner h1 {
    top: 110px;
    font-size: 30px;
  }
  .subbanner {
    height: 190px;
    width: 100%;
  }
  .inllistic li a {
    width: 100%;
    height: 135px;
    line-height: 135px;
    font-size: 21px;
    margin: 10px 0;
  }
  .inllistic li {
    display: inline-block;
    width: 100%;
  }
  .scroll {
    overflow: auto;
    width: calc(100% + 15px);
  }
  .inllistic {
    text-align: center;
    padding: 10px 0;
  }
  .feetable table.table.tabledraw{width: 670px;}
  .mobisa{display: table-row;}
  .mobisa .mbthd{
    display: table-cell;
  }
  .tdc0lheight td {
    display: none;
  }

  .tablelap .table .headtops th:first-child{width:100px; }
  .tablelap .table th.bordergr{border-right:1px solid #e5e5e5; }
  section.floatmap {
    margin-bottom: 0px;
  }
  section.tablelap {
    margin-top: 25px;
  }
  .part2 h2 {
    font-size: 30px;
    -webkit-text-stroke: 1px black;
    line-height: 45px;
  }
  .part2{
    padding-top: 90px;
    background-image: url(../img/screen2_mb.jpg?98);
    text-align: left;
  }
  .imamodal {
    margin-top: 40%;
  }
  .floatmap.mapdraw .floatimg {
    height: 240px;
    width: 100%;
  }
  .floatmap.mapdraw span.spfoortext{font-size: 20px;}
  .maptop{height: 700px;}
  .imgmap img {
    height: 700px;
    object-fit: cover;
    object-position: center;
    width: 100%;
  }
  .mapacss ul li {
    padding: 15px 0;
    width: 100%;
  }
  p.listcrtw {
    position: relative;
    padding-left: 25px;
  }
  p.listcrtw i.zmdi.zmdi-star.mb {
    position: absolute;
    left: 0;
    top: 5px;
  }
  .gallerytop ul li {
    height: 165px;
    width: 50%;
  }
  .liststu li a {
    display: block;
    font-size: 18px;
    font-weight: 500;
    width: 90%;
    line-height: 33px;
    padding: 20px 10px;
    height: 55px;
    margin: 7px auto;
    line-height: 19px;
  }
  .liststu li:first-child a br{display: none;}
  .liststu li{width: 100%;}
  .liststu {
    margin-top: 35px;
  }
  .mapacss{max-width: 95%;}
  a.booknowhead{
    font-size: 12px;
    padding: 0;
    line-height: 28px;
  }
  a.booknowhead.ourtheteam {
    display: block !important;
    padding: 7px 5px;
    font-size: 14px;
    opacity: 1;
    background: none;
        color: #000;
    border-color: #000;
    position: inherit;
  }
  .banner{
    height: calc(100%);
    margin-top: 0px;
  }
  .imgcler {
    margin-bottom: 20px;
  }
  .mousey {
    left: calc( 49% - 4px);
  }
  .news {
    padding: 60px 0 50px;

  }
  .btnbuyticket {
    width: 230px;
    font-size: 18px;
    margin: 25px 0 0;
    padding: 10px 10px;
  }
  .txtlife {
    font-size: 13px;
    line-height: 32px;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
  }
  
  .partycontent{background: #f2f2f2}
  .aboutus {
    padding: 80px 0 55px;
  }
  .titleab {
    transform: rotate(0deg);
    text-align: right;
    width: 100%;
    margin: 0px 0 40px;
    padding-right: 50px;
  }
  .col-md-4.linetitle:before {
    position: absolute;
    left: inherit;
    bottom: 54px;
    content: "";
    width: 40px;
    height: 1px;
    background: #000;
    right: 0;
  }
  .aboutus h2 br{display: none;}
  .aboutus h2{
    font-size: 25px;
    line-height: 40px;
  }
  .aboutus .col-md-8 img{
    height: 200px;
    margin-left: -15px;
  }
  .aboutus p {
    margin-bottom: 25px;
  }
 .rightabout li {
    position: relative;
    padding: 7px 0px 7px 30px;
    text-align: left;
  }
  .rightabout i {
    position: absolute;
    right: inherit;
    top: 12px;
    left: 0;
  }
  .rightabout {
    font-size: 20px;
    margin-top: 25px;
  }
  .floatct ul {
    width: 100%;
    margin: 0 0 20px;
    padding: 0 10px;
  }
  .floatct h2{margin-left: 15px;}
  .map {
    padding: 80px 0 80px;
  }
  .mapaddress {
    top: 40%;
    max-width: 90%;
    line-height: 25px;
    padding: 10px 20px;
  }
  .viplounge {
      min-height: 600px;
      background-image: url(../img/bg_about_mb.jpg?v1) ;
          background-position: center top;
      padding-bottom: 50px;
  }
  .theviplounge {
    margin-top: 180px;
  }
  .theviplounge h2{margin-bottom: 30px;}
  .theviplounge p br{display: none;}
  .theviplounge p {padding: 0 45px;}
  a.bookvip {
    width: 230px;
    display: block;
    color: #fff;
    border: 1px solid #fff;
    padding: 9px 5px;
    font-weight: bold;
    clear: both;
    margin: 40px auto 0;
  }
  
  .txtcopyright {
    margin-top: 20px;
    line-height: 20px;
    margin-bottom: 15px;
  }
  .listlinkfoo ul li{
    padding: 0 7px;
  }
  .listlinkfoo ul{
    max-width: 300px;
    margin: 0 auto;
  }
  .newdlist img {
    max-width: 100%;
    height: 165px;
    object-fit: cover;
    object-position: center;
    width: 185px;
  }
  span.sptxteq{font-size: 18px;}
  .floatimg {
    height: 180px;
    overflow: inherit;
    padding: 0;
    line-height: 106px;
    width: 50%;
    float: left;
  }
  .fltartreet {
    position: relative;
    background: #fff;
    border: 1px solid #898989;
  }
  .fltartreet:after, .fltartreet:before {
    left: -1px;
    top: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }

  .fltartreet:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 30px;
    margin-top: -30px;
  }
  .fltartreet:before {
    border-color: rgba(137, 137, 137, 0);
    border-left-color: #898989;
    border-width: 31px;
    margin-top: -31px;
  }
  .fltartreet {
    float: left;
    width: 50%;
    border: none;
  }
  .fltartreet img {
    height: 180px;
    object-fit: cover;
    object-position: center;
  }
  .spfoortext br{display: none;}
  .floatct ul li {
    width: 100%;
    display: inline-block;
    margin: 10px 0;
  }
  .floatimg span.openfloor{display: block;}
  .floatimg span.spfoortext {
    bottom: 21px;
    font-size: 14px;
    line-height: 30px;
  }
  .floatimg img {
    margin-top: 0;
  }
  .modalfloor .modal-dialog .modal-content{
    padding: 50px 20px;
  }
  .staffw{
    background-image: url(../img/bg-staff_mb.jpg);
    height: 374px;
  }
  .staffw h2 {
    font-size: 25px;
    margin-top: 32%;
    font-weight: 600;
    margin-left: 0;
        line-height: 35px;
  }
  .staffw h2 span{font-size: 26px;}
  .staffw .enjoybtn {
    margin-right: 0;
    float: none;
    margin-top: 50px;
    margin-top: 40px;
    font-size: 13px;
  }
  .footext {
    padding: 0 15px;
  }
  .submitform{width: 100%;}
  .navigation ul li.active a{width: 60px;}
  .navigation ul li.active a:before{width: 40px;}
  .navigation ul li a{width: 20px;}
  .navigation ul li.active a:before{left: 12px;}
  .itemsnews p{display: none;}
  .itemsnews .rightnews{padding: 35px 15px 20px;}
  .itemsnews .imgnews{padding: 0;}
  a.readmore{display: none;}
  .newsdetail{padding-top: 190px; }
  .newsdetail:before{
    height: 570px;
    width: 100%;
    background-image: url(../img/news/bg-new-deitail_mb.jpg);
  }
  .imgnews_detail {
      height: 390px;
      padding: 0;
     width: 100%;
     background: none;
  }
  .imgnews_detail img {
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  .appnews {
    text-align: center;
    margin-top: -7px;
    background: #fff;
    padding: 35px 0 25px;
  }
  .detailct{margin-top: 60px; margin-bottom: 40px;}
  .imgnews_detail .nextprevpost {
    position: absolute;
    bottom: 1px;
    left: inherit;
    background: #c00807;
    font-size: 30px;
    color: #fff;
    width: 26%;
    text-align: center;
    right: -15px;
    z-index: 3;
    height: 142px;
  }
  .imgnews_detail .nextprevpost div{
    width: 100%;
    text-indent: 0 !important;
  }
  .imgnews_detail .nextprevpost div a {
    display: block;
    padding: 20px 0;
  }
  .imgnews_detail table {
    position: relative;
    z-index: 4;
    background: none;
    width: 100%;
    margin-left: 0;
  }
  .itemsnews .imgnews img{height: 170px;}
  .subbanner.subenjoy h1 {
    top: 113px;
    padding: 0 25px;
    line-height: 40px;
    font-size: 30px;
  }
  .nighclub {
    padding: 45px 0 0;
  }
  .titleclub h2 {
    margin-bottom: 10px;
    padding: 0;
    font-weight: normal;
    line-height: 40px;
  }
  .titleclub p{font-weight: bold;}
  .txtinfoclub,.ct-club:before{display: none;}
  .ctclubright{width: 100%;}
  .ct-club {
    min-height: inherit;
    padding-right: 0;
  }
  .lisstnote {
    padding-left: 0;
  }
  .lisstnote ul li .imgmo {
    width: 106px;
    height: 106px;
    line-height: 106px;
  }
  .imgmo img {
    height: 55px;
  }
  .lisstnote ul li p {
    font-size: 15px;
    margin-bottom: 30px;
  }
  .floatenjoy .floatct ul li {
    padding: 0 5px;
    width: 100%;
    display: block;
    position: relative;
  }
  .floatenjoy .floatct ul li:last-child .floatimg{margin-bottom: 80px;}
  .floatenjoy .floatimg{height: 185px; margin-bottom: 110px;}
  .floatenjoy .floatimg span.spfoortext {
    bottom: -40px;
    font-size: 30px;
  }
  .floatenjoy .floatimg p{bottom: -125px;}
  .floatimg img{width: 85%;    max-height: 175px;}
  .floatenjoy .floatimg p {
    bottom: -135px;
  }
  .itemsl img{margin: 0 auto;}
  section.whatatclub {
    padding: 55px 0 35px;
    margin-top: 0;
  }
  .slideeventup .slick-dots li button,.bottleslide .slick-dots li button{width: 40px;}
  .itemsl p {
    margin-bottom: 35px;
  }
  .idcheck{padding-left: 0; text-align: center;}
  .idcheck .imgidcheck {
    position: inherit;
        margin-bottom: 30px;
  }
  .idcheck .idcts{text-align: left;}
  .modalenjoy .newsdetail{height: auto; padding-top: 60px;}
  .imgnews_detail .royalSlider {
    width: 350px;
    height: 455px;
    min-height: 455px;
  }
  .modalenjoy .pc img.rsImg, .modalenjoy .mb img.rsImg {
    width: 100%;
    height: auto;
    padding: 10px;
  }
  .modalenjoy .rsContent{background: #fff;}
 .modalenjoy .imgnews_detail {
        height: auto;
    margin-left: 0;
    background: #ffff;
    max-width: 100%;
    width: calc(100% - 30px);
  }
  .modalenjoy .newsdetail .col-md-6{padding: 0;}
  .modalenjoy .detailct {
    text-align: left;
    padding: 0 15px;
        margin-top: 40px;
    margin-bottom: 15px;
  }
  .modalenjoy .rsContent {
    padding: 40px 20px;
    display: table;
  }
  .modalenjoy .rsContent div{
    vertical-align: middle;
    display: table-cell;
    padding: 0px 0 60px;
  }
  .modalenjoy .rsContent .fixcenter{margin-top: 100px;}
  .modalfloor.modalenjoy .modal-dialog .modal-content{border: none; overflow: auto;}
  .hourprice{line-height: 24px;}
  .hourprice tr td, .hourprice tr th {
    border: 1px solid #c7c7c7;
    padding: 10px;
    text-align: center;
    height: 80px;
  }
  .hourprice tr.trfix30 td {
    padding: 9px 10px;
    height: 80px;
  }
  .hourprice.mb{display: table !important;}
  .mrtop30{margin-top: 30px;}
  .systemsec {
    padding: 70px 0 80px;
  }
  .icon_dress {
    width: 106px;
    height: 106px;
    line-height: 84px;
    margin-bottom: 30px;
    border-width: 11px;
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 12px;
    bottom: 0;
    text-align: center;
  }
  .dresscode .col {
    min-width: 100%;
    padding-left: 131px;
    text-align: left;
    min-height: 130px;
    display: flex;
    align-items: center;
  }
  .icon_dress:before {
    top: 34px;
    left: -1px;
  }
  .icon_dress img{max-height: 60px;}
  .dresscode {
    padding: 65px 0 50px;
  }
  .dresscode h2 {
    margin-bottom: 35px;
  }
  .mapenjoy .col-md-5{padding: 0;}
  .mapacss {
    padding: 70px 15px 0;
  }
  .mapmb {
    margin: 25px 0;
  }
  section.partycontent.partyenjoy {
    background: #fff;
  }
  .partyenjoy p {
    margin-bottom: 35px;
  }
  .becomeclub h2{line-height: 35px;}
  .becomeclub .itembec{
    padding: 0;
    margin-bottom: 100px;
  }
  .becomeclub .col-md-3:first-child .itembec,.becomeclub .col-md-3:last-child .itembec{
    padding: 0;
    border: none;
  }
  .becomeclub .itembec:before {
    background-image: url(../img/enjoy/line-arrow_mb.svg);
    right: 0;
    width: 100%;
    top: inherit;
    bottom: 30px;
    background-position: bottom;
    height: 45px;
  }
  .becomeclub .itembec p{text-align: center;}
  .becomeclub .itembec .imgbec {
    text-align: center;
    margin-bottom: 25px;
  }
  .becomeclub .col-md-3:last-child .itembec{margin-bottom: 0;}
  .linegroup {
    height: 350px;
    background-image: url(../img/enjoy/bg_line_mb.jpg);
    padding: 85px 0 0;
  }
  .linegroup h2 {
    margin-bottom: 60px;
  }
  .glamorous h2{line-height: 40px;margin-bottom: 20px;}
  .glamorous p{display: none;}
  .glamorous ul li {
    float: left;
    width: 100%;
    margin: 20px 0;
  }
  .glamorous ul li span {
    margin-top: 15px;
  }
  .groupmakean {
    margin-top: 10px;
  }
  .glamorous {
    padding: 70px 0 50px;
  }
  .tablevip tr td, .tablevip tr th {
    padding: 10px 10px;
  }
  .tablevip tr td, .tablevip tr th {
    padding: 15px;
    line-height: 20px;
    font-size: 13px;
  }
  .vipplan .col-md-12{padding: 0;}
  .tablevip tr td strong{font-size: 14px;}
  .nopadding {
    padding: 0 15px;
  }
  .imgvipboo{padding: 20px;}
  .listimgsa img {
    max-width: calc(50% - 1px);
    margin-left: 0;
    float: left;
    margin:  0.5px;
  }
  img.b3img5 {
    left: 0;
    position: inherit;
  }
  
  ul.liststo {
    text-align: left;
    margin-top: 20px;
  }
  ul.liststo li{
    position: relative;
    padding-left: 25px;
    margin: 10px 0;
  }
  ul.liststo li i{
    position: absolute;
    left: 0;
    top: 4px;
  }
  .viattention{
    background-image: url(../img/vip/bg_mb.jpg);
  }
  .viattention {
    padding: 70px 0 50px;
  }
  .reserve h2 {
    font-weight: 300;
    line-height: 38px;
  }
  .reserve {
    padding: 100px 0 40px;
  }
  section.mapcer {
    padding-top: 40px;
  }
  .formcontrol .inputfs.twoip input {
    width: 100%;
    margin: 10px 0;
  }
  .formcontrol .inputfs.twoip input:last-child{margin-bottom: 0;}
  .formcontrol .inputfs.twoip input:first-child{margin-top: 0;}
  .bannerparty h1 {
    padding: 0 30px;
    top: 93px;
    font-size: 35px;
  }
  .glamorous.partysec h2{padding: 0 20px;}
  .tablepriceplan table.priceplan.mb{display: table !important;margin-top: 30px; }
  .ct_grid {
    -ms-grid-rows: 94px 126px 130px;
    grid-template-rows: 94px 126px 130px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 38.3% 23.4% 38.3%;
    grid-template-columns: 26.4% 47.2% 26.4%;
  }
  .ct_grid .ct_info img {
    width: 120px;
  }
  .ct_grid .ct_info h2 {
    font-size: 14px;
    padding: 0;
    line-height: 24px;
    margin-top: 5px;
  }
  .custom-gallery__cell:first-child {
    padding-top: 12px;
  }
  .spinput {
    position: relative;
    margin-bottom: 10px;
    display: block;
  }
  .twoip .spinput label.error {
    bottom: -23px;
  }
  .twoip label.error {bottom: -23px;}
  .aboutpage {
    padding: 40px 0;
  }
  .leftab {
    width: 100%;
    float: left;
    text-align: center;
  }
  .rightab {
    width: 100%;
    padding-left: 0;
    float: left;
    margin-top: 40px;
  }
  .modalfloor.modalabout .modal-dialog .modal-content {
    text-align: left;
   padding: 70px 20px 30px;
  }
  .modalabout.modal {
    top: 0;
    padding-right: 0 !important;
    padding: 0;
    z-index: 999999;
    background: #ffffff;
  }
  .nextprevpost{
    display: none;
  }
  .newsdetail{padding: 0;}
  .newsdetail .col-md-6.mb{padding: 0;}
  .imgnews_detail table{
    height: 390px;
  }
  .newsdetail:before{display: none;height: auto;}
  .imgnews_detail .royalSlider.sliderevent{height: 390px; min-height: inherit;}
  .imgnews_detail{
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
  }
  .closepage {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 999;
    background: rgba(255, 255, 255, 0.8);
    color: #000;
    padding: 0px 5px;
  }
  .closepage a i {
    font-size: 25px;
  }
  .closepage a {
    font-size: 30px;
    color: #000;
  }
  .closepage a {
    font-size: 30px;
    color: #000;
  }
  .sliderevent .rsBullets{
    display: block;
    bottom: -15px;
  }
  .sliderevent .rsNavItem span {
    display: block;
    width: 40px;
    height: 3px;
    background: rgba(0,0,0,0.2);
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    cursor: pointer;
    border-radius: 100px;
  }
  .sliderevent .rsNavItem.rsNavSelected span {
    width: 40px;
    height: 3px;
    background: #fff;
  }
  .sliderevent .rsNavItem {
    display: inline-block;
    margin: 0 5px;
  }
  .imgnews_detail, .newsdetail {
    height: auto;
  }
  .detailct .box{margin-bottom: 20px;}
  .listbutnev a{margin: 20px 0;}
  .listbutnev{margin-bottom: 20px;}
  .gldetail .nav-tabs {
    white-space: nowrap;
    flex-wrap: inherit;
    width: 1060px;
  }
  .gldetail .nav-tabs li {
    display: inline-block;
    float: none;
  }
  .scrolllire {
    width: 100%;
    overflow: auto;
    padding-bottom: 10px;
  }
  .gldetail .grwrap .gritem img {
    width: 100%;
    height: 110px;
  } 
  .tab-content {
    margin-top: 40px;
  }
  
  .howtoapply .col-md-4{
    margin: 20px 0;
  }
  .howtoapply p {
    margin-bottom: 20px;
  }
  .whatyouare {
    padding: 100px 35px;
    background-image: url(../img/recruit/bg_mb.jpg) ;
  }
  .whatyouare h2{line-height: 40px;}
  .whatyouare p {
    line-height: 40px;
  }
  .traderteam .itemtt img {
    height: 245px;
  }
  .bottlelist img {
    display: inline-block;
    margin-top: -80px;
    max-height: 130px;
  }
  .item_bottle_ct {
    margin: 90px auto 15px;
    height: 175px;
    padding: 10px;
  }
  .price{bottom: 10px;}
  .modalenjoy button.close i {
    color: #000;
  }
  .modalenjoy .closepage{right: 5px; top: 10px;}
  .formcontrol .inputfs textarea{ height: 220px;}
  .ct_info a {
    margin-top: 0;
    width: 110px;
    padding: 0px 5px;
    font-size: 13px;
  }
  .lisstmailgo .col-md-5,.lisstmailgo .col{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .lisstmailgo.container {
    max-width: 100%;
    overflow: hidden;
  }
  .rightbec .radio input[type="radio"]{width: auto;}
 
  ul.clsradio {
    text-align: center;
  }
  .rightbec .submitgo {
    margin-top: 0;
    width: 304px;
  }
  .modalabout .modal-lg{margin: 0;}
  .whatyouare a{    padding: 6px 30px;}
  .cardvip li {
    margin: 5px 0;
  }
  .banner img.imgebanner.mb.mystyle {
    width: 100%;
  }
  .videocamelot .col-md-4{height: 195px;     margin: 5px 0;}
  .videocamelot .col-md-4 .imgthumbvi {
    height: 100%;
    width: 100%;
    object-fit:cover;
  }
  .videocamelot .col-md-4 .imgthumbvi{    object-position: center -15px;}
  .icon_play {
    width: 50px;
    height: 50px;
  }
  .rightbec .g-recaptcha{float: none;}
  .updateevent {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    width: 100%;
    margin: 20px 0 50px;
  }
  .rsVideoContainer video {
    max-height: inherit;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .txtlife {
    line-height: 55px;
    font-size: 45px;
  }
  .btnbuyticket {
    width: 230px;
    font-size: 18px;
    margin: 25px 0 0;
    padding: 10px 10px;
  }
  .appstoreapp .btnbuyticket{margin-top: 5px;}
  .imgcler img {
      width: auto;
      height: 32px;
      object-fit: contain;
  }
  .modaltoppage .imgnews_detail .royalSlider {
      width: 350px;
  }
  .modalfloor.modalvip .modal-dialog .modal-content {
    min-height: 550px;
    display: table-cell;
    vertical-align: middle;
    max-height: 550px;
    line-height: 450px;
  }
  .showimgproduct{max-height: 470px;}
  .imgvipapp{
    max-width: 186px;
    left: inherit;
    right: 0;
    top: -56px;
  }
  .imgbgvip {
    height: auto;
    object-fit: cover;
  }
  .imgbgvip {
    height: 200px;
    object-fit: cover;
    margin-left: -15px;
  }
  section.vipapp {
    padding-bottom: 80px;
  }
  .vipapp .col-md-8.mb {
    margin: 60px 0 0;
  }
  a.appbl {
    margin-top: 80px;
    text-align: center;
  }
  .imgvis{position: inherit;}
  .appdlw{padding-left: 0;}
  .applwimg {
    text-align: center;
  }
  .txtapptext h2{padding: 40px 0 10px;}
  #Modalandroid .modal-content {
    padding: 15px 10px;
  }
  #Modalandroid .modal-body {
    padding: 20px 9px;
  }
  .appdlw .imgvis {
    max-width: 170px;
  }
  .txtapptext {
    text-align: center;
  }
  .gldetail .snapgall .grwrap .gritem img {
    height: 110px;
  }
  .gldetail .snapgall .grwrap .gritem {
    width: 33.333333333%;
  }
  .snapgall .titleset, .snapgall .dateshow {
    margin-left: 0px;
  }
  .gldetail ul.list-unstyled {
    margin: 0 auto;
    max-width: 100%;
  }
  .mapsite{padding-left: 45px;}
  .socialsite{padding-left: 45px; padding-top: 40px;}
  .commingsoonpage {
    top: -100px;
  }
  b
  .bannerctsub {
    height: 145px;
  }
  .yearparty2020{
    position: relative;
  }
  .lineing {
    position: absolute;
    top: inherit;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .linebtn {
    top: 155px;
  }
  .accordion_body{
        padding: 30px 20px 80px;
  }
  .clsreserve a {
    display: block;
    border: 1px solid #000;
    text-align: center;
    width: 60%;
    margin: 0 auto;
    padding: 5px 20px 3px;
    font-size: 15px;
  }
  .clsreserve{bottom: 30px;}
  .accordion_body ul li{width: 100%;}
  .accordion-main {
    margin: 0 0 25px;
    position: relative;
  }
  span.plusminus {
    position: absolute;
    bottom: -11px;
    float: none;
    margin: 0 auto;
    height: auto;
    line-height: 0;
    left: 46%;
  }
  span.plusminus i {
    z-index: 5;
    position: relative;
    border: 1px solid #000;
    border-radius: 100px;
    line-height: 24px;
    width: 25px;
    height: 25px;
    overflow: hidden;
  }
  span.plusminus:before{
    width: 15px;
    height: 15px;
    position: absolute;
    content: "";
    left: 5px;
    top: 5px;
    background: #000;
  }
  span.plusminus i.zmdi.zmdi-caret-up-circle {
    color: #000;
    font-size: 28px;
  }
  .coll-back span.plusminus:before{background: #fff;}
  .accordion_head{
    padding: 15px 17px;
  }
  .accordion_head h5{font-size: 18px;}
  .accordion_head h3{font-size: 35px;}
  .calltimes ul li {
      float: none;
      width: 70%;
      padding: 15px 0 25px;
      border-bottom: 1px solid #e4e4e4;
      border-right: none;
      margin: 0px auto !important;
  }
  .calltimes ul li:last-child{border: none;}
  .iptime{margin-right: 0;}
  .litbody table td:first-child{width: 35%;text-align: left;}
  .litbody table td{text-align: right;}
  .inputfs select{width: 100%;}
  .iptime input{text-align: left;    width: 110px;}
  .iptime {
    float: right;
  }
  .fixra2{margin-top: 0;}
  .dateoffull {
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
  }
  .xdsoft_datetimepicker.dateoffull  .xdsoft_datepicker{
    width: 100%;
  }
  .xdsoft_datetimepicker.dateoffull .xdsoft_datetimepicker .xdsoft_monthpicker {
    position: relative;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 20px 70px 0;
  }
  .xdsoft_datetimepicker.dateoffull .xdsoft_datetimepicker .xdsoft_calendar td{font-size: 20px;}
  .xdsoft_datetimepicker .xdsoft_monthpicker {
    position: relative;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 20px 18% 0;
  }
  .xdsoft_datetimepicker.dateoffull td.xdsoft_current{
    background: none !important;
    box-shadow: none !important;
  }
  .xdsoft_datetimepicker.dateoffull .xdsoft_calendar td.xdsoft_current div {
    width: 50px;
    height: 50px;
    background: #000;
    border-radius: 100%;
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    line-height: 50px;
  }
  .xdsoft_datetimepicker.dateoffull .xdsoft_calendar td {
    background: none !important;
    border: none !important;
    padding: 20px 5px !important;
    font-size: 15px !important;
  }
  .xdsoft_datetimepicker.dateoffull .xdsoft_month {
    width: auto;
    text-align: right;
    font-size: 16px;
    text-transform: uppercase;
    min-width: 115px;
  }
  .xdsoft_datetimepicker.dateoffull .xdsoft_year {
    width: 65px;
    font-size: 16px;
    margin-left: 5px;
  }
  .xdsoft_datetimepicker.dateoffull .xdsoft_calendar td:hover{
    background: none !important;
    color: #666 !important;
  }
  .xdsoft_datetimepicker.dateoffull .xdsoft_label i {
    background: url(../img/arrow-down.svg) no-repeat;
    background-size: 10px 10px;
    background-position: 100% 5px;
    opacity: 1;
    float: right;
    width: 10px;
        margin-left: 5px;
  }
  .xdsoft_datetimepicker.dateoffull .xdsoft_label>.xdsoft_select>div>.xdsoft_option{
    font-size: 13px;
  }
  .timeoffull {
        width: 130px;
  }
  .timeoffull.xdsoft_datetimepicker .xdsoft_timepicker{width: 113px;}
  .xdsoft_datetimepicker.timeoffull .xdsoft_timepicker .xdsoft_time_box>div>div{
    font-size: 14px;
       height: 35px;
    line-height: 35px;
        background: #ffffff;
    border-top: 1px solid #f3f3f3;
    color: #000;
  }
  .xdsoft_datetimepicker.timeoffull .xdsoft_timepicker .xdsoft_prev,
  .xdsoft_datetimepicker.timeoffull .xdsoft_timepicker .xdsoft_next{
    margin: 5px auto;
  }


  .timeofcal {
        width: calc(100% - 30px);
  }
  .timeofcal.xdsoft_datetimepicker .xdsoft_timepicker{width: calc(100% - 8px);}
  .xdsoft_datetimepicker.timeofcal .xdsoft_timepicker .xdsoft_time_box>div>div{
    font-size: 16px;
       height: 35px;
    line-height: 35px;
        background: #ffffff;
    border-top: 1px solid #f3f3f3;
    color: #000;
  }
  .xdsoft_datetimepicker.timeofcal .xdsoft_timepicker .xdsoft_prev,
  .xdsoft_datetimepicker.timeofcal .xdsoft_timepicker .xdsoft_next{
    margin: 5px auto;
  }
  .fixedyear.bgbody{
    background: transparent;
    z-index: 1;
    position: fixed;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
  }
  .inpucll table{width: 100%;}
  .checkb {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
  }
  .inpucll input[type=checkbox] + label {
    display: block;
    margin: 0;
    cursor: pointer;
    padding: 0;
  }
  .modalenjoy .rsBullets{text-align: center; bottom: 8px;}
  .pnxt {
    top: 455px;
    bottom: inherit;
    left: inherit;
    right: 15px;

  }
  .pnxt .btn{height: 45px;width: 60px;}
  .pnxt .btn.btn-next:before,.pnxt .btn.btn-prev:before{top: 18%}
  .viewdetailpp {
    top: 365px;
    bottom: inherit;
    z-index: 99;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  button.viewdt{padding: 5px 17px;}
  table.tablemodal {
    width: 100%;
  }
  .tableinpp {
    overflow: auto;
    width: 100%;
    padding-top: 30px;
  }
  table.tablemodal td, table.tablemodal th {
    padding: 5px 3px;
    max-width: 100px;
    word-break: break-all;
    line-height: 25px;
  }
  table.tablemodal td {
    font-size: 13px;
  }
  table.tablemodal th {
    font-size: 14px;
  }
  table.tablemodal {
       width: 100%;
    margin: 0 auto;
  }
  .titletabf{margin-top: 30px;}
  .righthead ul li{width: 100%;}
  a.booknowhead.ourtheteam.pc{display: none !important; }
  .txtbannersl {
    bottom:18%;
  }
  .grnote {
    position: absolute  !important;
    top: 83px !important;
    left: 0 !important;
    color: red;
    width: 100%;
    text-align: center !important;
  }
  .g-recaptcha {
    margin: 0px auto 30px;
  }
  .gallery-floor ul li {
    flex: 0 50%;
    max-width: 50%;
  }
}
@media (max-height: 667px){
  .cussorow{display: none;}
  .txtbannersl {
    bottom:12%;
  }
  .xdsoft_datetimepicker .xdsoft_monthpicker{padding: 20px 15% 0;}

}