* {
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important; /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

html,body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    /*-webkit-user-select: none;  */                /* prevent copy paste, to allow, change 'none' to 'text' */
}
.min-vh{min-height: 100vh}
.index-bg{
    background:url(../images/bg.png) center/cover;
    overflow: hidden;
}
.index-bg2{
    background:url(../images/bg2.png) center/cover;
    overflow: hidden;
}
.login-bg{
    height: 100vh;
    background:url(../images/login_xl_bg.png) center/cover;
}
.login-bg[p="1"]{
    background:url(../images/login_xl_bg_line.png) center/cover;
}
.imgcover{background-position: center;background-size: cover;padding-bottom: 67%;margin-bottom: 15px;}
.bg-coupon{background:url(../images/coupon_bg.jpg) center/cover;/*background-image: linear-gradient(135deg, #f2a059 0%, #fddba8 99%, #fad0c4 100%);*/}
.bg-member{background:url(../images/94212.png) center/cover;min-height: 200px}
.login-box{
    position: absolute;
    width: 100%;
    bottom: 30%;
}
.logo{
    display: block;
    margin: 20px auto;
    max-width: 200px;
}
.login-bg .sp-feature-box-4{position: relative;}
.login-bg .sp-feature-box-4 input{
    border-radius: 50px;
    font-size: 16px;
    border:none;
    padding: 10px 25px;
    background-color: #fff;
    width: 100%;
}
.login-bg .sp-feature-box-4 .submit-btn{
    width: 80px;
    letter-spacing: 2px;
    color: #ffffff;
    line-height: 50px;
    border: 1px solid #d65400;
    background-color: #d65400;
    border-radius: 100px;
    height: 50px;
    letter-spacing: inherit;
    position: absolute;
    right: 5px;
    top: 5px;
}
#money-bag,#coins,#coin,#sorry-img{width: 32px;}
.coupon-vh{max-height: 100vh; overflow: hidden;}
.wheelimg{
    width: 81%;
    padding-bottom: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.rule-btn{
    background-color: rgba(218, 119, 35, 0.5);
    color: #fff;
    letter-spacing: 2px;
}
.index-bg2 .rule-btn{
    background-color: rgba(197, 152, 95, .6);
    color: #fff;
    letter-spacing: 2px;
}
.index-bg2 .rule-btn{

}
.turnplate{
    background: url(../images/turnplate-bg.png) center no-repeat;
    background-size: 89%;
    padding: 16px 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    /*position: fixed !important;*/
    /*width: calc(100% - 20px)!important;*/
    /*bottom: 60px;*/
}
.turnplate2{
    background: url(../images/turnplate-bg2.png) center no-repeat;
    background-size: 89%;
    padding: 16px 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    /*position: fixed !important;*/
    /*width: calc(100% - 20px)!important;*/
    /*bottom: 60px;*/
}
.marquee-box{
    position: fixed;
    bottom:0;
    font-size: 16px;
    padding: 10px 15px;
    width: calc(100%);
    /*background-color: #de8720;*/
    background-image: linear-gradient(60deg, #97b2f3  0%, #F44336 100%);
    /*background-image: linear-gradient(120deg, #fbc2eb 0%, #a6c1ee 100%);*/

}
.index-bg2 .marquee-box{
    background-image: linear-gradient(120deg, #be965d 0%, #be965d 30%,#e6cb9a 62% ,#976f40 100% );
    text-shadow: 0 0 10px hsla(33, 62%, 35%, 0.7);
}
.marquee-box:after{
    content: '';
    background-image: -webkit-linear-gradient(left, rgba(255, 235, 59, 0), rgb(243, 164, 32), rgba(255, 235, 59, 0));
    background-image: -moz-linear-gradient(left, rgba(255, 235, 59, 0), rgb(243, 164, 32), rgba(255, 235, 59, 0));
    background-image: -ms-linear-gradient(left, rgba(255, 235, 59, 0), rgb(243, 164, 32), rgba(255, 235, 59, 0));
    background-image: -o-linear-gradient(left, rgba(255, 235, 59, 0), rgb(243, 164, 32), rgba(255, 235, 59, 0));
    width: 100%;
    height: 1px;
    display: block;
    top: 0;
    position: absolute;
}
#ann_box{    
    overflow:hidden;
    height:26px;
    width: 100%;
    color: #ffe53b;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1.5px;
}
[name=win-logo]{max-width: 70%;margin: 0 auto}
#ann_box div{line-height: 26px;text-align: center; color: #FFF}
.modal-header,.modal-footer{border:none;}
.modal-header .close{
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .8;
}
.modal-body h5{line-height: 1.8;}
.index #notice.modal{top: 22%}
.index #notice .modal-content{
  background: url(../images/alert.png) center/cover;
  max-width: 100%;
  height: 350px;
  margin: 0 auto;
  box-shadow: none;
  border: none;
}
.index #notice .alert{
  font-size: 30px;
  margin-top: 50px;
  line-height: 0.45;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 0 4px #ffdb92;
  letter-spacing: 2px;
}
.index #notice .events{
  position: absolute;
  top: 77px;
  left:0;
  right: 0;
  font-weight: 600;
  font-size: 16px;
  color: #fcefe7;
  text-align: center;
  text-shadow: 1px 1px 0 rgba(7, 7, 7, 0.2);
}
.rule{
    position: absolute;
    top:150px;
    left:10px;
    text-align: center;
}
.g-hr{    
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, transparent, rgb(208, 49, 33), transparent);
    background-image: -moz-linear-gradient(left, transparent, rgb(208, 49, 33), transparent);
    background-image: -ms-linear-gradient(left, transparent, rgb(208, 49, 33), transparent);
    background-image: -o-linear-gradient(left, transparent, rgb(208, 49, 33), transparent);
    margin: 10px 0 8px 0;
}
.about-bg{background: url(../images/about.png) bottom/cover;height: 200px;;}
.content-box{margin-top: 150px;}
.list-2.bg-white{background-color: transparent;}
.round.pagination{border-radius: 50px !important;background-color: #fff;line-height: 35px;}
.round.pagination > li > a{border:none;background-color: transparent;float: initial;}
.round.pagination.hover-orange > li > a,.round.pagination.hover-blue > li > a{border-radius: 50px;}
.round.pagination.hover-orange > li > a:not([href]),.round.pagination.hover-blue > li > a:not([href]){background-color: transparent;color: #323335}
.round-xs{border-radius: 15px;}
ul.list-2.bg-white li{border-radius: 5px;position: relative;z-index: 2;width: 100%;}
ul.list-2.bg-white li:after{
    content: '';
    z-index: -1;
    position: absolute;
    top: 100%;
    right: 25px;
    padding-bottom: 10px;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    margin-top: 0px;
    border-right-width: 14px;
    border-right-color: currentColor;
    border-radius: 0 0 46px 0;
    color: #ffffff;
    box-shadow:-5px 5px 5px 1px rgba(135, 135, 135, 0.1);
}
.newsP-title,.page-content{word-break: break-all;}
.cbp-caption{border-radius: 8px;}
.cbp-caption-overlayBottomAlong .cbp-caption .cbp-caption-activeWrap{
    -webkit-transform: translateY(-100%) !important;
    transform: translateY(-100%) !important;
}
.disable-a{pointer-events: none;}
.cbp-caption-activeWrap{
    background: linear-gradient(to bottom , rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap{ height: 100px;}
form.center{text-align: center;margin: 0 auto}
.spinner input[type=number] {
  float: left;
  min-width: 200px;
  height: 35px;
  padding: 0;
  font-size: 1.2em;
  text-transform: uppercase;
  text-align: center;
  color: #505050;
  border: 1px #d6d5d3 solid;
  background: #efefef;
  outline: none;
  -webkit-appearance: none;
  pointer-events: none;
}

span.spinner {
  position: relative;
  height: 40px;
  display: inline-block;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

span.spinner > .sub,
span.spinner > .add {
  float: left;
  display: block;
  width: 35px;
  height: 35px;
  text-align: center;
  font-family: Lato;
  font-weight: 700;
  font-size: 1.2em;
  line-height: 33px;
  color: #505050;
  border: 1px #d6d5d3 solid;
  border-right: 0;
  border-radius: 2px 0 0 2px;
  cursor: pointer;
  transition: 0.1s linear;
  -o-transition: 0.1s linear;
  -ms-transition: 0.1s linear;
  -moz-transition: 0.1s linear;
  -webkit-transition: 0.1s linear;
}

span.spinner > .add {
  top: 0;
  border: 1px #d6d5d3 solid;
  border-left: 0;
  border-radius: 0 2px 2px 0;
}

span.spinner > .sub:hover,
span.spinner > .add:hover {
  background: #e87e04;
  color: #ffffff;
}
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
}
.img-responsive.center{margin: 0 auto}
.table>tbody>tr>th{text-align:left;font-weight: 600;background-color: #eee;padding-left: 20px;}
.table>tbody>tr>td{padding: 12px;vertical-align: middle;}
.table.win tr>th{text-align: left;background-color: transparent;}
.table.win tr:first-child{background: #ffecd2}
.table.win>tbody>tr>td,.table.win>tbody>tr>th{font-size: 15px}
.bg-888{background: url(../images/888.png) center/cover; padding-bottom: 40%;}
.shop-data li{line-height: 1.8;letter-spacing: 1.5px}
.member-btns .iconbox-large{width: 100%; height: calc(100vw / 2);font-size:16px;}
.shadow.sm{box-shadow: 0 0px 20px rgba(150, 145, 145, 0.15)}
.fix_bottom{position: fixed;bottom: 0;left:0;}
.main-btn {width: calc((100% - 1px) / 2);padding:5px 2.5px;}
.main-btn img{margin: 0 auto;width: 100%;}
.avatar{background-size: cover;background-position: center;border:3px solid #fff;}
.page-content img{margin: 20px auto}
.product-list .cbp-caption-defaultWrap{
  width: 100%;
  border-radius: 8px;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  margin-bottom: 20px;
}
.product-list .cbp-caption { position: relative;}
.product-list .cbp-caption-activeWrap { 
  position: absolute;bottom: 0;width: 100%;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;
}

.show-file {
    z-index: 1;
    display: block;
    width: 100px;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #e2e2e2;
    border: 1px solid;
    position: relative;
}
.del_img{
  position: absolute;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 50px;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 38px;
  right: 10px;
  top: -8px;
}
.del_img i{font-size: 26px;}
.last.del_img{top:19px;}

/* 20221229 */
.date-select{display: flex;margin-bottom: 10px;width:calc(100vw - 60px);}
.date-select [type="date"]{flex:0 0 45%;}
.date-select .input-group-addon{flex: 0 0 10%;padding: 0; line-height: 32px;}
.pos_r{
  position: relative;
}
.activity_btn{
  width: 50vw;
  margin: 0;
  position: absolute;
  padding: 15px !important;
  font-size: 15px!important;
  bottom: 0px;
  border: 0;
  border-bottom: 2px solid #f9805d;
}
.activity_btn.b1{background-color: blanchedalmond;left:-15px;}
.activity_btn.b2{background-color: #ffd8aa;right: -15px;}















/**************************seller******************************/
.slogin-bg{
  background-image: linear-gradient(to bottom, #cfd9df 0%, #e2ebf0 100%);
}
.manager .main-nav{height: 40px;}
.manager .header-section{box-shadow: 0 0 10px #e0e0e0;}
.manager .header-section ul li.menu-icon{padding: 10px 0 0 30px;}
.content-body{margin-left: 325px;padding: 40px;}
header.panel-heading{
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #DADADA;
  padding: 18px;
  position: relative;
}
header.panel-heading h5{margin-bottom: 10px;font-weight: 600;}
.bg-white.round-xs{border-radius: 5px;}
.panel-heading + .panel-body {
    border-radius: 0 0 5px 5px;
}
.panel-body {
    padding: 30px 15px;
    margin-bottom: 15px;
}
.panel-heading h5.text-blue{color:#217fbc}
.panel-body .table>tbody>tr>td{padding: 8px;vertical-align: middle;height: 70px;font-size: 15px;}
.panel-body .table>tbody>tr>th{padding:12px 8px;background-color: #eaeef7;font-size: 16px;}
.panel-body .table>tbody>tr{transition: all 0.3s;}
.panel-body .table>tbody>tr:hover{background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);}
/*.panel-body .table>tbody>tr:hover >td{color: #727272;}*/
.table.report tr td,.table.report tr th{text-align: center;border:1px solid #ddd;}
.table.report tr:last-child td{font-weight: 600;font-size:18px;}
/*.panel-body .table.gradient>tbody>tr:hover{background-image: linear-gradient(to right, #fcedd7 0%, #f6c9bb 100%);}
.panel-body .table.gradient>tbody>tr:hover >td{color: #8d5252;}*/
#convert blockquote{
  padding: 20px;
  margin: 13px auto;
  font-size: 17.5px;
  letter-spacing: 1.5px;
  border-top: 3px solid #e1eef6;
  border-bottom: 3px solid #e1eef6;
  border-left:none;
  width: 70%;
  background-color: #fafdff;
}
.add-client{border:1px solid #bec3c7 !important;color:#bec3c7!important;}
.add-client:hover{background-color:#eaeef7;color: #212b36!important;}
tr.red{background-color: #fffaf2;}
tr.red td{color: #ec6c4d;font-weight: 600;}
.panel-body input{height: 45px;}
.input-group-addon,.input-group input{border:1px solid #ebebeb;}
.table.give-coupon tr td:last-child{text-align: center;}
.panel-body .input-1:focus,.slogin-bg .input-1:focus{
  border:1px solid #66afe9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}





















/*-------- checkbox----------*/
ul.ks-cboxtags {
    list-style: none;
    padding: 5px 0;
}
ul.ks-cboxtags li{
  display: inline-block;
  margin-bottom: 10px;
}
ul.ks-cboxtags li label{
    display: inline-block;
    background-color: rgba(255, 255, 255, .9);
    border: 2px solid rgba(139, 139, 139, .3);
    color: #898989;
    border-radius: 25px;
    white-space: nowrap;
    margin: 3px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
}

ul.ks-cboxtags li label {
    padding: 4px 8px;
    cursor: pointer;
}

ul.ks-cboxtags li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "LineAwesome";
    font-weight: 900;
    font-size: 12px;
    padding: 2px 6px 2px 2px;
    content: "\f2c2";
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label::before {
    content: "\f17b";
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label {
    border: 2px solid #469ac0;
    background-color: #53a9d1;
    color: #fff;
    transition: all .2s;
}

ul.ks-cboxtags li input[type="checkbox"] {
  display: none;
}
ul.ks-cboxtags li input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
ul.ks-cboxtags li input[type="checkbox"]:focus + label {
  border: 2px solid #0492a8;
}
::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 5px;
}

::-webkit-scrollbar:horizontal {
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 10px;
    border: 1px solid transparent;
}

::-webkit-scrollbar-track {
    background-color: transparent; 
}

/*
| ----------------------------------------------------
| responsive
| ----------------------------------------------------
*/
@media (max-width: 1600px) {

  #box{width: 280px}
  .content-body{margin-left: 280px;}
  #box .contact-info{padding-left: 10px;}
}
@media (max-width: 1367px) {

}


@media (max-width: 1025px) {}


@media (max-width: 769px) {
  .content-body{margin-left: 0px;padding: 60px 15px;}
  #btn{top: 25px; left: 25px;}
  .offcanvas-menu {
      position: fixed;
      left: 0%;
      top: 0;
      width: 100%;
      background-color: #edf2f6;
      display: block;
      height: 60px;
  }
  .table tbody{display: table-row-group;}  
    #btn.active{left:240px;}
    #btn.active div{background-color: #fff;}
}


 /*iphone plus*/
@media (max-width: 415px) {
    img.font{max-width: 230px;margin: 8px auto 0;}
    .login-box{ bottom: 20%;}
    .login-bg{
        background:url(../images/login_bg.png) center/cover;
    }
    .login-bg[p="1"]{
        background:url(../images/login_bg_line.png) center/cover;
    }
    .logo{
        margin: 20px auto;
        max-width: 130px;
    }
    .banner .turnplate,.banner .turnplate2{margin-top: 0}
    .banner .turnplate,.banner .turnplate2{display:block;width:100%;position:relative;}
    .banner .turnplate img.pointer,.banner .turnplate2 img.pointer{
        width:27.5%;
        height:42.5%;
        left:36%;
        top:23.5%;
    }
    .banner .turnplate canvas.item,.banner .turnplate2 canvas.item{margin: 0 auto;}
    .panel-body .table>tbody>tr:hover{background:#f7f5f5;}
    .showdate{font-size: 20px;text-align: left;margin-top: 8px;}
    .showdate>span{display: block;}  
    .panel-body .table>tbody>tr>td{vertical-align: top}  
	.scrolling table {
	    table-layout: inherit;
		*margin-left: -182px;/*ie7*/
	}
	.scrolling tr:first-child{  background-color: #eaeef7;	}
	.scrolling td,.scrolling th {
	    vertical-align: top;
		padding: 10px;
		min-width: 100px;
	}
	.scrolling th:first-child,.scrolling td:first-child {
		position: absolute;
		*position: relative; /*ie7*/
		left: 0;
		width: 100px;
		/*min-height: 69px;*/
	}
	.scrolling th:nth-child(2),.scrolling td:nth-child(2){
		position: absolute;
		*position: relative; /*ie7*/
		left: 100px;
		min-width: 82px;
		width: 82px;
		/**/
	}	
	.scrolling table.gradient tr td{height: 100px;}
	.scrolling table.gradient th:first-child,.scrolling table.gradient td:first-child,
	.scrolling table.gradient th:nth-child(2),.scrolling table.gradient td:nth-child(2){
		min-height: 69px;
	}
	.scrolling .red th,.scrolling .red td{min-height: 121px;}
	.scrolling .red th:first-child,.scrolling .red td:first-child,
	.scrolling .red th:nth-child(2),.scrolling .red td:nth-child(2){
		background-color: #fffaf2;
	}
	.outer {
		position: relative
	}
	.inner {
		overflow-x: auto;
		overflow-y: visible;
		margin-left: 182px;
		border-left: 2px solid #ddd;
	}
  .d-text-left{text-align: left!important}




/*iphone: 7px*/
@media (max-width: 376px) {}



/*iphone 5*/
@media (max-width: 321px) {
    .cbp-l-caption-title{font-size: 16px;}
    .cbp-l-caption-desc{font-size: 10px;}
    .cbp-caption-overlayBottomAlong .cbp-caption-activeWrap{height: 115px;}
    .responsive-tabs-content #tab-1 h6{font-size: 13px; margin: 3px 0}
    .bg-coupon .mb{margin-bottom: 10px;}
    .tabstyle-7 .responsive-tabs li a{font-size: 13px;padding: 6px;}
}


/*iPhone XR*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) { 

    .font{margin-top: 50px;}
    .login-bg{background-position: top left;}
    .login-box {bottom: 25%;}

}

/*iPhone XS*/
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 

    .font{margin-top: 50px;}
    .login-bg{background-position: top left;}
    .login-box {bottom: 25%;}
}

/*iPhone XS Max*/
@media only screen
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) { 

    .font{margin-top: 50px;}
    .login-bg{background-position: top left;}
    .login-box {bottom: 25%;}
}