header{/* display:none !important;*/ }
p{ margin-bottom:0; }
a{min-width: fit-content;}
.hide{ height:0; overflow:hidden; padding-top:0; padding-bottom:0; }
small.text-muted{ color:#880000 !important; }
.top-nav.fixed{ z-index: 5; }
.flash-banner-wrapper{    position: fixed; z-index: 10; width: 100%;}
.page-left-wrapper,.page-right-wrapper{  width:12rem; padding-top:3.2rem;
	background: #F6F6F6; 
    z-index: 1;

} 
.one-page{ width:100%; max-width:1280px; margin-top:0; padding-top:90px; }
.flex-center{ display:flex; align-items:center;justify-content:center;  }
.hide .leftbar-switch{  right: -20px;}
.leftbar-switch{    position: absolute; right: 0px;}


.player-list-div #ListDataTb{ width: 100% !important;}
select[name=ListDataTb_length]{ min-width:80px; }

.page-left-wrapper{ position: fixed; transition:width .4s ease-out;}
.page-left-wrapper +.page-wrapper-main{  padding-left:12rem;}
.page-left-wrapper a,.page-right-wrapper a{}
.page-left-wrapper.hide{ width:0;    overflow: visible;  }
.page-left-wrapper.hide +.page-wrapper-main{padding-left:0rem; }
.widget-one{padding-bottom:1rem;}

.page-wrapper{    min-height: 100% !important; height:auto !important; }
.page-wrapper-main{     width: 100%;overflow: auto; transition:all .5s ease-in-out;}
.page-wrapper-main .md\:grid{ display:block; }
.varket-form-field.section-form-row{gap: 3rem;}
.section-form-row{grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1.5rem; display: grid; padding-bottom:1.5rem; border-bottom:1px solid #F1F1F1; margin-bottom:.5rem;}
.section-form-accept-row{
	padding-top:1.5rem;
	display: block; padding-bottom:1.5rem; border-bottom:1px solid #F1F1F1; margin-bottom:.5rem;}
.section-form-row .cols-inline{  display: flex; }
.section-form-row .cols-inline label{ min-width:160px;    margin:0 auto; }
.section-form-row .cols-inline .row-input-group{width:100%; }
.row-input-group select,.row-input-group input,.row-input-group textarea{ border:1px solid #CCC; border-radius:5px;  }
.accept-span{ font-size:1rem; display: inline; padding:2px;}
.var-tab-button{}
.var-tab-button.active{ background:#5865ff; color:#FFF; }
.ineditor-top-nav{ padding-bottom:10px; }
div[type='text']{ border:none; padding:0; }
.form-control[type='number']{padding: .375rem .75rem;    font-size: 1rem;    border: 1px solid #ced4da;border-radius: .25rem;}
.singleUploadInput{ position:relative; }
.singleUploadInput > input { position:absolute; width:100%; height:100%;left:0; top:0;z-index:5; opacity:0; cursor:pointer; }
.map-tile-one > span,.map-tile-one > a{ position:absolute; width:100%; height:100%; 
              display:flex; justify-content:center; align-items:center; background: url('https://varket.cc/varket_assets/preset/floor.png') no-repeat ;background-size: 100%;   color: #CCC !important;font-size: 12px;}
.deg45 .map-tile-one > span,.deg45 .map-tile-one > a{  background: url('../varket_assets/preset/floor_30.png') no-repeat ;background-size: 100%;   color: #CCC !important;font-size: 12px;}

.deg45 .map-tile-one.wall-left > span, .deg45 .map-tile-one.wall-left > a{
	  background: url('../varket_assets/preset/tile45wallL.png') no-repeat ;background-size: 100%;  
}
.deg45 .map-tile-one.wall-right > span, .deg45 .map-tile-one.wall-right > a{
	  background: url('../varket_assets/preset/tile45wallR.png') no-repeat ;background-size: 100%;  
}
.float-map.grid .wall-left{ display:none; }

.summary-nav{ display: flex; align-items: center;justify-content:center; }
.summary-nav-tab{ display: inline-block; margin:auto .5rem; padding:.25rem 5rem;background:#F6F6F5;color: #888;  border-radius:10px; cursor:pointer; }
.summary-nav-tab.active{  background:#DDD; color: #333;}
.booth-edit-div{ display:flex; }
.game-preview-div{  min-width: 500px; height:80vh;  background:#F6F6F6 ; overflow:hidden;}
.game-booth-editdiv{ width:100%; height:80vh; overflow:auto;}


.page-top-nav{ z-index: 20; background: #FFF;}
.gameplay .page-top-nav{background: none;}
.non-Inertia-page{width:100%;  background:#F6F6F6;}
.container{  margin:auto;  max-width:1280px; margin:auto; padding-bottom:5rem; }
.page-p-group h3{ font-weight:bolder; }
.page-p-group p{ padding:1rem 1.5rem 3rem 1.5rem; }
.normal-content-page{padding-top:3rem; padding-bottom:3rem;}
.normal-content-page  ul{ padding-left:3rem;  }
.normal-content-page  ul li { list-style:disc;  }
.gameplay .page-footer-group{ width:100%;  background:none;  position:fixed; bottom:0px; font-size:12px;  }
.useLayout.left-bar-hide .page-footer-group{ padding-left:0.5rem; }
.useLayout .page-footer-group{ padding-left:12rem;     position: fixed;  bottom: 0;  width: 100%; z-index: 3;}
.page-footer-group{ width:100%; padding:.5rem .5rem .5rem .5rem;  background:#FFF; }


.page-footer-container{ margin:auto; padding:.25rem 1.5rem; display:flex; justify-content: space-between; }
.normal-content-header{ font-size:2rem; padding-bottom:3rem; line-height:3rem; font-weight:bolder; width:100%; }

.me-wiget-form-row.row{ margin-right:0; margin-left:0;     word-break: break-all; }

.game-preview-div #mapOneFloor{    height: 50vh !important; max-height: 50vh !important;}

.section-form-rows .col-span-6{ padding-bottom:1rem; }

.fr-radio-one{ position:relative; height:100px; max-width: 23%; width:100%; display:inline-block;  margin:.5rem; padding:1rem;cursor:pointer;
}

.fr-radio-one input{ opacity:0;  position:absolute; z-index:1; width:100%; height:100%;  }
.fr-radio-one input:hover + .fr-radio-one-bg,.fr-radio-one input:focus + .fr-radio-one-bg{}
.fr-radio-one input:checked + .fr-radio-one-bg{
	background-color:#ffffcc;
}

.fr-radio-one-bg{border-radius:10px; position:absolute; width:100%; height:100%; left:0; top:0;   border:1px solid #CCC; 
   background-size: auto 80%; background-position:center center; background-repeat:no-repeat; }
.fr-radio-one-t{ position:absolute; bottom:5px; width:100%; text-align:center; font-size:.12px;}


.top-main-nav{ display:inline-flex;padding-right:1rem; margin-right:1rem; border-right:2px solid #CCC;}
.top-main-nav-item{ display:inline-flex; padding:0 1rem; color:#333; }

.UI-TopLeft h2 span{ color: #FFF; text-shadow: -1px 0 black, 0 1px black,  1px 0 black, 0 -1px black;  }
.ui-marquee{ background: black; position: relative; max-width: 100vw; top: 0; overflow: hidden; width:100%;  z-index: 50; }
.ui-marquee-text {font-size: 1em; color:yellow; transform:translateX(100%);animation: marqueeAni 20s linear infinite; width:100%;}

.widget-rm-one-li{ margin-top:.5rem; } 
.widget-rm-one-item{ padding:.25rem 1rem; cursor:pointer;  border-radius:15px; background-color:#EEE; display:block;}

.gmtool-f-row{}
.welcome-page-wraper{ display:flex; flex-direction:column;    align-items: center;padding-top:60px; }
.welcome-page{ width:100%; max-width:1280px; margin-top:0;  }
.gamemap-one-card{ cursor:pointer; background:#FFF; }
.exhibition-one-card{ background:#FFF; cursor:pointer; }
.exhibition-one-card.offline{ opacity:.5;}
.card-content-dates{ width: 100%;  top: 0px; background: #ff7600; color:#FFF; padding:2px 10px; left: 0; display:flex; align-items:center; justify-content:center;}
.card-content-dates.long-stay{background:#F2F2F2; color:#6f6f6f; font-weight:bold;}
.card-content-dates.long-stay{justify-content: flex-end;  }
.card-content-dates + .card-content-title  {padding-top:1.2rem;}
.card-content-title{ font-weight:bolder; font-size:1.2rem; }
.page-group-head{  font: 1.2rem !important; font-weight:bold; letter-spacing:2px;  border-left:5px solid #adbeff; padding:.25rem 0 .25rem .25rem; margin-bottom:.5rem; }

.sponsos-item{ position: relative; overflow:hidden;}
.sponsos-item h3{ position: absolute; width:100%;  padding:.25rem; text-align:center; background-color:rgba(0,0,0,.7);  bottom:0; left:0; bottom:-30px;
	transition:all .3s ease-out;
}
.sponsos-item:hover h3{bottom:0px;  }

.widget-one-nav a.active{     background: #333; }
.booth-theme-text{ color:#00a8ff !important; }
.booth-theme-text.active {color:#FFF !important; background-color:#00a8ff;}
.exhibitions-theme-text { color:#ec4899 !important; }
.exhibitions-theme-text.active { color:#FFF !important;background-color:#ec4899; }
.shows { color:#ec4899 !important; }
.shows-theme-text.active { color:#FFF !important;background-color:#ec4899; }

.shop-theme-text{ color:#c34800 !important; }
.shop-theme-text.active { color:#FFF !important;background-color:#c34800; }

.vk-shoppage{ padding:1rem; }
.vk-shoppage .vkShop-wrapper > div{ position:relative; padding-bottom:5rem; 
	border-radius:5px;
	max-width:1170px; margin:auto ; border:1px solid #CCC;
}
.product-view-one,.product-view-one .item-one-cover{ background-color:white; background-size:cover; cursor:pointer; }
.product-view-one .card-content-title{ font-size:1rem; }
.vkShop-wrapper > div{    position: absolute; width: 100%; min-height: 100%;background:#FFF; z-index: 10; }
.card-content-price{  }
.card-content-price span{color:red;}
.vkShop-product-top{ display: flex;}
.vkShop-product-cover{ width:46%; position: relative;}

.vkShop-product-intro{ line-height:175%;}
.vkproduct-title{ font-size:1.2rem; font-weight:bold; padding-bottom:.5rem;  }
.vkproduct-buy-ui{padding-top:3rem; }
.vkShop-act-btn{ padding:.25rem 2rem;  border-radius:5px; border:2px solid #888; cursor:pointer; display:inline-block; }
.section-form-action-row{ display:flex;  }
.shop-order-conirm-div{ width:100%;    padding: 1rem 0; }
.shop-order-conirm-tb{width:100%;}
.shop-order-conirm-tb td,.shop-order-conirm-tb th{ padding:.25rem 1rem; border:1px solid #CCC; }
.shop-order-conirm-tb th{  background-color:#EEE; }
.vkShop-product-contents{}
.vkShop-product-remarks-group{ line-height:200%; font-size:1rem; color:#666; }

.page-flash-banner{	  animation-name: timeToHide; animation-duration: 10s;  animation-fill-mode: forwards;
	position: fixed;    width: 100%;    z-index: 100;   display: flex;    align-items: center;   justify-content: center;}
.page-flash-banner-text{     width: 100%; max-width: 720px;    padding: 1rem;  text-align: center;
	background: #333;color: #FFF; border-radius: 8px; top: 30px;position: relative;box-shadow: 0px 4px 8px #aaa;
}
.page-flash-banner-text a:hover{ color: yellow; }

.vkproduct-intro-row{}  
.vkproduct-buy-ui{ display: block; margin-top:1rem; padding:.5rem; text-align:center;}
.vkShop-product-remarks-group{border-top:2px solid #EEE; }
.vkShop-product-remarks-group h2{ font-size:1.5rem; color: #888; padding:1rem 0 .5rem 0;line-height: 200%;}
.vkShop-product-remarks-group h3{ color: #333;line-height: 200%;  margin-top:1rem;}
.vkShop-product-remarks-group a{ color:blue !important; text-decoration:underline;}
.vkShop-product-remarks-p{ padding-bottom:1.5rem; }
.vkShop-product-remarks-group ul>li{ list-style:disc; margin-left:1.5rem;}
.map-ui-popup-contain{ overflow:auto !important; }
.vkShop-product-order-info h2{ text-align:center;  font-size: 1.5rem; color:#333; font-weight:bold;}
.section-form-row-gp h3{     color: #888; line-height: 100%;  font-size: 1.5rem;  margin-top: 1rem;  margin-bottom: 0.5rem;}

.dt-btn{ display:block; border:1px solid #CCC; border-radius:.25rem; padding:.25rem; text-align:center; cursor:pointer; background:#EEE; }
.finished-order{ opacity:.4; }

.exhione-content ol li{ padding-left:1rem; list-style:decimal;  }

.excerpt-html{}
.excerpt-html a{
  max-width:28rem;
      display: inline; /* Fallback for non-webkit */    overflow-wrap: break-word;
    word-break: break-all;
  display: -webkit-box;
  height: 1.3em; /* Fallback for non-webkit, line-height * 2 */
  -webkit-line-clamp: 1; /* if you change this, make sure to change the fallback line-height and height */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration:underline;
}
.excerpt-html a::after {
  content: "...";
}

.tranfbg{
    background-image: url('../varket_assets/tranfbg.jpg')   ;    background-size: unset !important;   background-repeat: repeat !important;
}
@keyframes timeToHide {
  0% {
    opacity:1;
  }
  93% {
    
    opacity:1;
    transform: translate(0,0);
  }
  100% {
    opacity:0;display:none;
    transform: translate(0,-100px);
  }
}

label.required::after{ content:"*"; display: inline-block;  color:red; }
iframe.iframe-video,.excerpt-html iframe.iframe-video{    
	max-width: 100%;
    height: 380px;
    width: 660px;
    max-height: 48vw;
}

.note-editing-area .note-editable.card-block > *{ max-height:initial !important; }
@keyframes marqueeAni {
	0% { transform: translateX(100%);}
	100% {transform: translateX(-100%);}
}

label.main-pt{ font-weight:bold; }

.iframe-node-container.h-full iframe{ height:100vh !important; }
.vk-page-section .section-header{ text-align:center; }

.def-social-icon{ border-radius:50%; background-position:center center; background-size:contain; width:64px; height:64px; display:inline-flex; }

.social-icon-ig{ background-image:url('../assets/icons/s-icon-insta.png')   ;  }
.social-icon-fb{ background-image:url('../assets/icons/s-icon-fb.png')   ;  }
.social-icon-yt{ background-image:url('../assets/icons/s-icon-youtube.png')   ;  }
.social-icon-line{ background-image:url('../assets/icons/s-icon-line.png')   ;  }
.social-icon-plurk{ background-image:url('../assets/icons/s-icon-plurk.png')   ;  }
.social-icon-discord{ background-image:url('../assets/icons/s-icon-insta.png')   ;  }
.social-icon-linkedin{ background-image:url('../assets/icons/s-icon-linkedin.png')   ;  }
.social-icon-steam{ background-image:url('../assets/icons/s-icon-steam.png')   ;  }
.social-icon-twitter{ background-image:url('../assets/icons/s-icon-twiter.png')   ;  }
.shop-admin-actionui{ width:100%; padding:.5rem .5rem; display:flex; align-items:center; justify-content:end; }
.shop-admin-btn{background: #ee4779; color: #FFF !important; font-size: 1.5rem; border-radius: 5px; padding: .5rem 2rem; display: inline-flex; align-items: center; justify-content: center;}
.full-wid{ width:100% }
.tile-t-alpha{ background:none !important; }
.map-editor-tools-nav{ z-index:1; }
body .StoryOne-mess .som-message-ans a {width: auto; }
@media all and (max-width: 1200px) and (min-width: 769px) {
  .game-preview-div{  min-width: 40%; height:80vh;  background:#F6F6F6 ; overflow:hidden;}

}
@media all and (max-width: 768px) {

  .page-top-nav{  background:#FFF; }
  .top-main-nav{ display:inline-flex;padding-left:.5rem; margin-left:.5rem; border-right:1px solid #CCC;}
  .top-main-nav-item{ display:inline-flex; padding:0 .5rem; color:#888; }

  .ui-marquee{ background: black; position: fixed; max-width: 100vw;  }
  .ui-marquee + .top-bar-nav .top-right-nav{top: 14px;}
  .page-footer-container{flex-direction: column; align-items: center;}

  .vkShop-product-top{ flex-direction: column; }
  .vkShop-product-cover{ width: 100%;}


  .booth-edit-div{ display:block; }
  .game-preview-div{  min-width: 100%; height:40vh;  background:#F6F6F6 ; overflow:hidden; border-bottom:1px solid #CCC; margin-bottom:1rem;}
  .game-booth-editdiv{ width:100%; height:45vh; overflow:auto; padding-bottom:4rem;}
  .game-preview-div h3{padding-bottom: !important; margin-bottom:0 !important; display:none;}
  .excerpt-html a{    max-width: 80%; overflow: hidden; word-break: break-all; text-decoration:underline;}

}