/*reset*/
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea,  blockquote, th, td { margin: 0; padding: 0; }
img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul { list-style: none; }
q:before, q:after { content: ''; }
a { text-decoration: none; outline: none; }
a:hover { text-decoration: none; }
em { font-style: normal; }
.clearfix { zoom: 1; }
.clearfix:after { content:""; display: block; visibility: hidden; height: 0; font-size: 0; clear: both; }

html, body {
	margin: 0 auto;
	height: 100%;
	overflow:hidden; 
	}
html,body,.btn{
	font-family: "Open Sans", Helvetica, Arial, STHeiti, "Microsoft JhengHei", 微軟正黑體, sans-serif;
	}
img{ border:0}
::selection { background:#F90; color:#ffffff;}
::-moz-selection { background:#F90; color:#ffffff;}
::-webkit-selection { background:#F90; color:#ffffff;}

.desktop-logo{
	display:inline-block;
	position:absolute;
	width:85px;
	left:4px;
	top:9px;
	z-index:5;
	}
.desktop-logo.setting-logo{
	left:37px;
	}
.page-wrapper {
	position: relative;
	display: block;
	margin: 0 auto;
	max-width: 768px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #000000;
	}
.page-wrapper.liff{
	padding: 0 5%;
	background: #ffffff;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
.footer-bar{
/*	position: fixed;
	bottom:-200px;*/
	display:block;
	width:100%;
    margin: 0 auto;
    max-width: 800px;
    background: linear-gradient(to bottom, #f7f7f7, #cecece);
	padding:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
.footer-bar.order-now{
	background: #333333;
	}
.footer-bar span.title{
	display:inline-block;
	color: #ffffff;
	margin-right:5px; 
	}
.header-bar{
	display:block;
	width:100%;
	height:45px;
	padding:15px 58px 15px 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
ul.lang-switch{
	float: right;
	background: rgba(0, 0, 0, 0.3);
	list-style-type:none;
	padding:0 5px;
	margin:-3px 0 0 0;
	border-radius:4px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
ul.lang-switch li{
	display:inline-block;
	color:#707070;
	}
ul.lang-switch li a,
ul.lang-switch li a:active{
	display:block;
	padding:3px 0;
	margin:0 3px;
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
	}
ul.lang-switch li a:hover{
	color:#F90;
	}
a.top-nav-tab-name:active,
a.top-nav-tab-name{
	position:relative;
	display:inline-block;
	padding:0 13px 0 0;
    margin:0 20px 0 0;
	float:right;
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
	}
a.top-nav-tab-name > .account-icon{
	padding:0 28px 0 0;
	}
a.top-nav-tab-name > .sign-off-icon{
	padding:0 12px 0 0;
	}
a.top-nav-tab-name:hover{
	color:#F90;
	text-decoration:underline;
	}
/*icon*/
.view-more-icon:after{
	position:absolute;
	right:0;
	top:2px;
	display: inline-block;
	content: "\f0d7";
	font-family: 'FontAwesome';
	font-size:14px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
.account-icon:after{
	position:absolute;
	left:0;
	top:0;
	display: inline-block;
	content: "\f2be";
	font-family: 'FontAwesome';
	font-size:17px;
	color:#666666;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
.sign-off-icon:after{
	position:absolute;
	right:0;
	top:0;
	display: inline-block;
	content: "\f08b";
	font-family: 'FontAwesome';
	font-size:20px;
	color:#666666;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
.mobile-icon{
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
    margin-bottom: 5px;
    }  
.h5web-icon:after,     
.unbind-icon:after,    
.cs-icon:after,    
.dollar-icon:after,
.log-off-icon:after,
.hall-icon:after,
.menu-setting-icon:after,
.credit-icon:after,
.edit-icon:after,
.bill-icon:after,
.total-icon:after,
.msg-history-icon:after,
.history-icon:after,
.rule-icon:after,
.book-icon:after{
	position:relative;
	left:0;
	top:8px;
	display: inline-block;
	font-family: 'FontAwesome';
	color:#e78b68;
	font-size:36px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
.h5web-icon:after{
    left: 0;
    top: 10px;
    font-size: 35px;
    content: "\f13b";
    } 
.unbind-icon:after{
    left: 0;
    top: 12px;
    font-size: 33px;
    content: "\f127";
    } 
.cs-icon:after{
    left: 0;
    top: 9px;
    font-size: 33px;
    content: "\f27a";
    }  
.hall-icon:after{
	content: "\f19c";
    }
.menu-setting-icon:after{
	content: "\f00b";
    }
.credit-icon:after{
	content: "\f007";
    }
.edit-icon:after{
    top: 8px;
    left: 4px;
    content: "\f044";
    font-size: 40px;
    }
.bill-icon:after{
	left:1px;
	content: "\f0ea";
    }
.total-icon:after{
    left: 2px;
    top: 10px;
    font-size: 33px;
    content: "\f1ec";
    }
.history-icon:after{
	top: 6px;
	content: "\f1da";
	font-size: 40px;
    }
.msg-history-icon:after{
	top: 8px;
	content: "\f0f6";
	font-size: 38px;
    }
.rule-icon:after{
	content: "\f278";
	font-size:35px;
    }
.book-icon:after{
	content: "\f02d";
	font-size:39px;
    }
.dollar-icon:after{
    top: 7px;
    left: 0;
    content: "\f155";
    font-size: 39px;
	}
.log-off-icon:after{
    top: 6px;
    left: 3px;
    content: "\f08b";
    font-size: 40px;
    }
/*icon end*/

  @media screen and (max-width:480px) {
	a.top-nav-tab-name:active,
	a.top-nav-tab-name{
		margin:0 12px 0 0;
		padding: 0 5px 0 0;
		font-size:13px;
		}
	a.top-nav-tab-name:last-child{
		margin:0 12px 0 0;
		}
	.m-value-hide{
		display:none;
		}
	.account-icon:after{
		padding:0 26px 0 0;
		font-size:19px;
		color:#ffffff;
		}
	.sign-off-icon:after{
		top:-3px;
		font-size:24px;
		color:#ffffff;
		}
  }
/* desktop tabs nav */
.nav-banner-area {
    position: relative;
    }
.navbar-fixed-top {
    max-width: 768px;
    width:100%;
    height: 40px;
    margin: 0 auto;
	top: 0;
    left: 0;
	border:0;
    z-index: 9995;
    /*background-color: #303647;*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    }
.nav-ul {
	margin-top:5px; 
    list-style-type:none;
    display: inline-block;
    }
.nav-ul li{
    display:inline-block;
    width: auto;
    }
.nav-ul li label,
.nav-ul li a{
    display:block;
    font-size:14px;
    padding:0;
    text-transform:none;
    }
.nav-ul li label span{
    color: #ffffff;
    }
  @media screen and (max-width:640px) {
	.nav-ul li label,
	.nav-ul li a{
		font-size:13px;
		}
	.nav-ul li a{
		-webkit-transform-origin: 80% 80%;
		-ms-transform-origin: 80% 80%;
		transform-origin: 80% 80%;
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
		}
  }
.nav-ul li label span{
	font-weight:600;
	font-size:13px;
    }
.navbar-default {
	border: 0;
	}
.top-tabs {
	position: relative;
	}
.top-tabs .nav-pills > li,
.top-tabs .nav-pills > li > a {
	border-radius: 0;
	color: #ffffff;
	text-decoration:none;
	}
.top-tabs .nav-pills > li{
	color: #90a3be;
	}
.top-tabs .nav-pills > li > a:after {
	content: '';
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	height: 2px;
	overflow: hidden;
	background: #F90;
	opacity: 0;
	filter: alpha(opacity=0);
	}
.top-tabs .nav-pills > li > a:hover { background: none; }
.top-tabs .nav-pills > li > a:hover:after {
	opacity: 0.4;
	filter: alpha(opacity=40);
	}
.top-tabs .nav-pills > li.active,
.top-tabs .nav-pills > li.active > a,
.top-tabs .nav-pills > li.active > a:focus,
.top-tabs .nav-pills > li.active > a:hover {
	background: none;
	color: #F90;
	}
.top-tabs .nav-pills > li.active > a:after {
	opacity: 1;
	filter: alpha(opacity=100);
	}
.top-tabs .nav-pills .swiper-slide { /*width: auto;*/ }
/* desktop tabs nav end */

/* mobile sidebar */
.full-height{ 
	display: table;
	height:100%;
    }
.login-register-area{
	position:relative;
	display:block;
	color:#fff;
	width:250px;
	height:98px;
	text-align:center;
	overflow:hidden;
	z-index:1;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
.login-register-area:after{
	content: '';
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: -127px;
	background-color: #242424;
	width: 500px;
	height: 500px;
	border-radius: 100%;
	z-index: 0;
	}
.dl-logo{
	position:relative;
	z-index:9999;
	left:-7px;
	display:block;
	margin:18px auto 5px auto;
	}
ul.mobile-list{
	position: relative;
	left: 50%;
	width:100%;
	padding:0;
	margin:6vh auto 0 -95px;
	list-style-type:none;
	text-align: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
ul.mobile-list li{
	display: inline-block;
	width: 37%;
	margin:10px 0;
	padding:0;
	text-align: center;
	vertical-align:top;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
ul.mobile-list li:last-child{
	margin:12px 0 0 0;
	}
ul.mobile-list li a,
ul.mobile-list li a:active{
	display:block;
	font-size:14px;
	letter-spacing: 0;
	color:#ffffff;
	text-decoration:none;
    font-weight: normal;
    -webkit-transform-origin: 90% 90%;
    -ms-transform-origin: 90% 90%;
    transform-origin: 90% 90%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);

	}

ul.mobile-list li img,
ul.mobile-list li a:active{
	display:block;
	}
ul.mobile-list li img{
	width: 60px;
	margin: 0 auto;
	}
ul.mobile-list li a:hover{
	color:#ffffff;
	}
ul.mobile-list li label{
	display:block;
	cursor: pointer;
	}
@media screen and (max-width:480px) {
ul.mobile-list li:last-child{
	margin:10px 0 0 0;
	}
}
body.sidebar-show {
    overflow: scroll;
    }
.sidebar,
.sidebar-btn {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    }
.content.sidebar-show:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(45, 45, 45, .7);
    z-index: 9997;
    overflow: hidden;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    border-radius: 0;
    }
.sidebar {
    position: absolute;
    top: 0;
    right: 0;
    width: 250px;
    height: 100%;
    background: linear-gradient(320deg, #000000, #222222);
    color: #333333;
    transform: translate(300px);
    z-index: 10000;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    }
html.is-active .sidebar {
    background: linear-gradient(320deg, #cccccc, #ffffff);
}

html.is-active ul.mobile-list li label {
    color: #222222;
}
html.is-active .content.sidebar-show:before {
    background-color: rgba(215, 215, 215, .7);
}

.sidebar.show {
    transform: translate(0);
    overflow-y: auto;
	overflow-x: hidden;
    }
.sidebar-btn {
    position: absolute;
	display:inline-block;
    height: 40px;
    width: 38px;
    background-color:transparent;
    border: 0;
	outline: none;
    top: 0;
    right: 0;
    cursor:pointer;
    transform: translate(0);
    z-index: 10001;
    text-decoration:none;
    }
.sidebar-btn.sidebar-show {
    transform: translate(-200px);
    }
.menu-stripes {
    position: relative;
    height: 6px;
    border-radius:99px;
    background-color: #949aa6;
    }
.menu-stripes:nth-child(1) {
    width: 6px;
    margin: 0 auto 3px auto;
    }
.menu-stripes:nth-child(2) {
    width: 6px;
    margin: 0 auto 3px auto;
    } 
.menu-stripes:nth-child(3) {
    width: 6px;
    margin: 0 auto;
    }    

.sidebar-btn.sidebar-show .menu-stripes {
    margin: -6px auto;
    }
.sidebar-btn.sidebar-show .menu-stripes:nth-child(1) {
	width: 23px;
    transform: rotate(45deg);
	background-color: #ffffff;
	border-radius: 5px;
    }
.sidebar-btn.sidebar-show .menu-stripes:nth-child(2) {
	width: 23px;
    display: none;
    }
.sidebar-btn.sidebar-show .menu-stripes:nth-child(3) {
	width: 23px;
    transform: rotate(-45deg);
	background-color: #ffffff;
	border-radius: 5px;
    }
/* mobile sidebar end */

html.is-active .sidebar-btn.sidebar-show .menu-stripes:nth-child(1),
html.is-active .sidebar-btn.sidebar-show .menu-stripes:nth-child(3) {
	background-color: #707070;
}


/* banners */
.top-banner .swiper-slide a {
	display: block;
	margin: 0 auto;
	max-width: 800px;
	}
.top-banner .swiper-slide a img {
	display: block;
	width: 100%;
	}
  @media screen and (max-width:640px) {
	.top-banner .swiper-slide a img {
		height:220px;
		}
  }
   @media screen and (max-width:480px) {
	.top-banner .swiper-slide a img {
		height:200px;
		}
  }
.top-banner .swiper-pagination {
	right: 0;
	left: 0;
	top: 14px;
	margin: 0 auto;
	z-index: 9997;
	}
   @media screen and (max-width:320px) {
	.top-banner .swiper-pagination {
		right: 0px;
		}
  }
.top-banner .swiper-pagination-bullet {
	position: relative;
	width: 18px;
	height: 18px;
	margin: 0 10px 0 0;
	background: rgba(50, 50, 50, 0.7);
	opacity: 1;
	border-radius:100%;
	}
.top-banner .swiper-pagination-bullet:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 18px;
	height: 18px;
	border-radius:100%;
	background: rgba(255, 255, 255, 0.9);
	vertical-align: middle;
	opacity: 0.2
	}
.top-banner .swiper-pagination-bullet-active { border-color: #fff; }
.top-banner .swiper-pagination-bullet-active:after { opacity: 1; }
.top-banner .swiper-button-prev,
.top-banner .swiper-button-next { display: none; }
/* banners end */



/*button*/
.btn {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 5px 12px;
	outline: none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-radius: 8px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	cursor: pointer;
	border: 0;
	}
.btn:disabled, .btn:disabled:hover {
	background: #fa921b;
	color: #FEB13A;
	cursor: not-allowed;
	pointer-events: none;
	}
.btn-white {
	border: 1px solid #d9d9d9;
	background: #fff;
	color: #4d4d4d;
	font-weight: bold;
	}
.btn-mini{
	font-size: 12px;
	height:29px;
	line-height:29px;
	padding: 0 8px;
	border-radius: 7px;
	}
#confirm-bet-popup .btn-mini {
     line-height: 1; 
}
.btn-min{
	font-size: 12px;
	height:32px;
	line-height:32px;
	padding: 0 10px;
	border-radius: 7px;
	}
.btn-small{
	font-size: 12px;
	height:26px;
	line-height:26px;
	padding: 0 7px;
	border-radius: 26px;
	}
.speed-choose{
    border-color: #384966;
    background-color: #4D6386;
	background: linear-gradient(to bottom, #6077A2, #4D6386);
	color:#ffffff;
	margin: 0 3px 3px 0;
	border-radius:6px;
	}
.speed-choose.small-single{
	padding: 8px;
	width: auto;
	}
.speed-choose.small-single span{
	width: auto;
	min-width: 20px;
	padding: 2px 4px;
	background: #384966;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 6px;
	}

.speed-choose.red{
    border-color: #ea3535;
    background-color: #ea3535;
	background: linear-gradient(to bottom, #ea3535, #a22121);
	}
.speed-choose.blue{
    border-color: #237dd1;
    background-color: #237dd1;
	background: linear-gradient(to bottom, #237dd1, #175fa2);
	}
.speed-choose.green{
    border-color: #5eaf11;
    background-color: #5eaf11;
	background: linear-gradient(to bottom, #5eaf11, #3f760a);
	}
.speed-choose.yellow{
    border-color: #ffbc00;
    background-color: #ffbc00;
    background: linear-gradient(to bottom, #ffbc00, #bb7401);
	}
.speed-choose.red,
.speed-choose.blue,
.speed-choose.green,
.speed-choose.yellow{
    padding: 8px 15px;
	}
.speed-choose.is-active{
	border-color: #384966;
	background-color: #384966;
	background: linear-gradient(to bottom, #384966, #384966);
	}
.top-swich{
	width:100%;
	max-width:165px;
	}
.popup-swich{
	width:100%;
	height:33px;
	}
.btn-large{
	padding: 8px 30px;
	min-width:120px;
	}
.price-btn{
	margin:1.5px 0;
	}
.btn-normal{
	padding: 8px 20px;
	border-radius: 7px;
	}
.btn-bigger {
	padding: 7px 30px;
	font-size:16px;
	border-radius:18px;
	}
  @media screen and (max-width:480px) {
	.btn-half {
		float:left;
		width:48%;
		margin:0 1%;
		}
  }
.btn-current {
	background: linear-gradient(to bottom, #FEB13A, #f78c1b);
	color: #222222;
	border:1px solid #B35A00;
	}
.btn-primary {
    background: linear-gradient(45deg, #ffa237, #ffa237);
    color: #222222;
    position: relative;
	background: rgb(247,150,33); 
	background: -moz-linear-gradient(-45deg, rgba(247,150,33,1) 0%, rgba(247,225,170,1) 48%, rgba(247,150,33,1) 100%); 
	background: -webkit-linear-gradient(-45deg, rgba(247,150,33,1) 0%,rgba(247,225,170,1) 48%,rgba(247,150,33,1) 100%); 
	background: linear-gradient(135deg, rgba(247,150,33,1) 0%,rgba(247,225,170,1) 48%,rgba(247,150,33,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79621', endColorstr='#f79621',GradientType=1 ); 
	}	
.btn-current:hover,
.btn-current:active,
.btn-primary:hover,
.btn-primary:active {
	background: linear-gradient(to bottom, #ec8106, #ffa237);
	}
.btn-tertiary {
	border-color: #ADADAD;
	background: linear-gradient(to bottom, #E6E6E6, #C9C9C9);
	color: #222222;
	}
.btn-tertiary:hover,
.btn-tertiary:active {
	border-color: #ADADAD;
	background: linear-gradient(to bottom, #C9C9C9, #C9C9C9);
	}
.btn-secondary {
	border-color: #849dc2;
	background-color: #b3d5ff;
	background: linear-gradient(320deg, #c0925a, #cfab77);
	color: #ffffff;
	}
.btn-secondary:hover,
.btn-secondary:active {
	border-color: #849dc2;
	background-color: #96BAE6;
	background: linear-gradient(320deg, #af8552, #af8552);
	color: #ffffff;
	}
.btn-alt {
	border:1px solid #849dc2;
	background-color: #b3d5ff;
	background: linear-gradient(to bottom, #b3d5ff, #96BAE6);
	color: #0e1b2e;
	}
.btn-alt:hover,
.btn-alt:active {
	background-color: #96BAE6;
	background: linear-gradient(to bottom, #96BAE6, #96BAE6);
	color: #0e1b2e;
	}
.btn-deep{
	background-color: #756f5d;
	background: linear-gradient(to bottom, #756f5d, #655d4b);
	color: #ffffff;
	}
.btn-deep:hover,
.btn-deep:active {
	background-color: #655d4b;
	background: linear-gradient(to bottom, #655d4b, #655d4b);
	color: #ffffff;
	}
.btn-dark{
	background-color: #333333;
	color: #ffffff;
	}
a.btn-dark{
	background-color: #333333;
	color: #F90;
	font-weight:normal;
	}
.left-btn{
	float:left;
	}
.right-btn{
	float:right;
	}
.btn-green {
	background-color:#05ad4f;
	color: #ffffff;
	}
.btn-green:hover,
.btn-green:active {
	background-color:#049e40;
	}
  @media screen and (max-width:320px) {
	.btn.btn-tertiary{
        padding: 8px;
		}
  }
.btn-donate-box{
	display: block;
	width: 100%;
	margin: 15px 0 0 0;
	text-align: center;
	}
.btn-donate-box.half{
	display: inline-block;
	width: 50%;
	margin: 15px 0 0 0;
	text-align: center;
	}
.btn-donate-box.way{
	margin: 10px 0 0 0;
	}
.btn-donate{
	display: inline-block;
	width: calc(25% - 4px);
	padding: 8px 0;
	margin: 0 0 4px 0;
	font-size: 16px;
	border-radius: 12px;
	border: 0;
	cursor: pointer;
	line-height: 1.1;
	}
.btn-donate.half{
	width: calc(50% - 4px);
	padding: 10px 0;
	}
.btn-donate.half.yellow{
	border: 2px solid #f1b602;
	}
.btn-donate.half.red{
	border: 2px solid #ad072a;
	}
@media screen and (max-width:320px) {
.btn-donate{
	font-size: 14px;
	}
 }
.btn-donate b{
    font-size: 19px;
	}
.btn-donate-box.way.open-way .btn-donate{
	width: calc(50% - 10px);
	max-width: 100px;
	}
.btn-donate-box.way.open-way.four .btn-donate{
	width: calc(25% - 10px);
	}
.btn-donate.purple{
	background: linear-gradient(320deg, #601f77, #8c43a7);
	color: #ffe04b;
	}
.btn-donate.blue{
	background: linear-gradient(320deg, #2d66b5, #508fe6);
	color: #b0ffcb;
	}
.btn-donate.green{
	background: linear-gradient(320deg, #3a9c45, #57bf62);
	color: #c3ff81;
	}	
.btn-donate.pink{
	background: linear-gradient(320deg, #e64d9e, #ff9fd2);
	color: #ffffff;
	}	
.btn-donate.red{
	background: linear-gradient(320deg, #bf082e, #ec123f);
	color: #ffff00;
	}
.btn-donate.yellow{
	background: linear-gradient(320deg, #ffbc00, #ffe000);
	color: red;
	}							
.btn-donate span{
	display: block;
    font-size: 14px;
    color: #ffffff;
	}
.btn-donate.yellow:hover span,	
.btn-donate:hover{
    background: #333333;
    color: #ffffff;
	}
.btn-donate.yellow span{
    color: #222222;
	}
/*button end*/

/* alert success error */
.add-success {
	width: 100%;
	padding: 8px 0;
	margin: 5px 0;
	border: 2px solid #74ba71;
	outline: 0;
	font-size: 15px;
	border-radius: 10px;
	color: #74ba71;
	cursor: default;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
.is-error {
	width: 100%;
	padding: 8px 0;
	margin: 5px 0;
	border: 2px solid #ef2727;
	outline: 0;
	font-size: 15px;
	border-radius: 10px;
	color: #ef2727;
	cursor: default;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
/* alert success error end*/

/*message-icon*/
.message-icon:before{
	position:absolute;
	left:7px;
	top:-5px;
	display: inline-block;
	content: "\f00c";
	font-family: 'FontAwesome';
	font-size:57px;
	color:#ffffff;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	z-index:2;
    }
.message-icon:after{
	position:absolute;
	left:8px;
	top:-1px;
	display: inline-block;
	content: "\f00c";
	font-family: 'FontAwesome';
	font-size:57px;
	color:rgba(0, 0, 0, 0.2);
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	z-index:1;
    }
/*message-icon end*/

/*pagination*/
.next-back-section {
    width:100%;
	margin:20px auto;
	text-align:center;
	}
ul.next-type{
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	color:#818181;
	font-size: 14px;
	}
ul.next-type li{
	display:inline-block;
	color:#999999;
	text-decoration: none;
	margin:0 0 3px 0;
	text-align:center;
	vertical-align: top;
	background-color:#ffffff;
	}
ul.next-type li a,
ul.next-type li a:visited{
	border:1px solid #e5e5e5;
	display:inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	color:#999999;
	}
ul.next-type li a:hover {
	color:#222222;
	background-color:#e5e5e5;
	}
ul.next-type li.disabled{
	background-color:#717171;
	text-align:center;
	vertical-align: top;
	pointer-events: none;
	cursor: not-allowed;
	}
ul.next-type li.disabled a{
	color:#ffffff;
	border:1px solid #717171;
	}
.caret-left,
.caret-right{
	position:relative;
    top:0;
    left:0;
	color: #777777;
	}
.caret-left:after{
    content: "\f0d9";
    font-size: 16px;
    font-family: 'FontAwesome';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
	}
.caret-right:after{
	content: "\f0da";
	font-size:16px;
	font-family: 'FontAwesome';
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	cursor:pointer;
	}
.disabled .caret-left:after,
.disabled .caret-right:after{
	color:#aaaaaa;
	}
 /*pagination End*/

.dl-inputBox {
	height: 32px;
	border: 0;
	background-color: #FFFFFF;
	vertical-align: middle;
	color: #222222;
	margin: 0 3px 0 0;
	padding: 0 0 0 10px;
	border: 1px solid #DBDBDB;
	border-radius:7px;
	font-size: 14px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: "Open Sans", Helvetica, Arial, STHeiti, "Microsoft JhengHei", 微軟正黑體, sans-serif;
	outline: 0;
	}
.dl-inputBox:focus {
	border-color: #66afe9;
	outline: 0;
	-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);
	}
@media screen and (max-width: 375px) {
.dl-inputBox.half{
	max-width: 70px;
	}	
}
.dl-inputBox.chat-type-in{
	display: inline-block;
	width: 75%;
	height: 35px;
	}
.dl-inputBox.bank{
	margin-top: 5px;
	}
.min-price{
	color: #999999;
	margin-top: 5px;
	}
.min-price strong{
	font-size: 15px;
	color: #222222;
	}
/*Table A*/
.table-a{
	width:95%;
	margin:0 auto 10px auto;
	text-align: center;
	border-collapse: collapse;
	}
.table-a th{
	text-align: center;
	font-size:15px;
	background-color:#ffffff;
	color: #222222;
	padding: 15px;
	font-weight:bold;
	}
.table-a td{
	height: 12px;
	color: #222222;
	padding: 5px 2px;
	font-size:14px;
	border:1px solid #dad8d8;
	background-color:#ffffff;
	text-align: center;
	}
.table-a.font-type td{
	width: 12.5%;
	height: auto;
	padding: 5px 8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
.table-a td span{
	color:#aaaaaa;
	}
.table-a td label{
	color:#F90;
	font-weight:bold;
	}
/*Table A end*/

/*Table B*/
.datetime{
    display: table;
    margin: 0 0 8px 0;
    color: #999999
	}
.table-lottery{
	margin:0;
	text-align: center;
	border-collapse: collapse;
	}
.table-lottery.white-bg{
	background-color:#ffffff;
	}
.table-lottery th{
	text-align: center;
	font-size:13px;
	background-color:#e8e8e8;
	color: #222222;
    padding:8px 5px;
	font-weight:bold;
	border:1px solid #cccccc;
	}
.table-lottery.white-bg.history {
	min-width: 400px;
	}

.table-lottery.white-bg.billing th {
	padding: 12px 5px;
	}
.table-lottery>tbody>tr:nth-of-type(odd) {
	background-color: #f9f9f9;
	}
.table-lottery td{
	color: #222222;
	padding:8px 5px;
	font-size:13px;
	line-height:10px;
	border:1px solid #cccccc;
	}
.table-lottery.white-bg.billing td{
	padding:6px 5px;
	}
.table-lottery td a{
	color: #222222;
	}
.table-lottery td strong {
    font-size: 15px;
}
/*Table B end*/

/*Table C*/
.table-order{
	margin:0;
	border-collapse: collapse;
	}
.table-order th{
	text-align: left;
	font-size:14px;
	background-color:#e8e8e8;
	color: #222222;
    padding:8px 2px 8px 8px;
	font-weight:bold;
	border-bottom:1px solid #cccccc;
	}
.table-order td{
	color: #222222;
	padding:6px;
	font-size:13px;
	line-height:10px;
	border-bottom:1px solid #f0f0f0;
	}
.table-order td a{
	color: #222222;
	}
/*Table C end*/
/*Table D*/
.table-option{
	margin:0;
	border-collapse: collapse;
	}
.table-option th{
	text-align: left;
	font-size:15px;
	background-color:#cccccc;
	color: #222222;
	padding:8px;
	font-weight:bold;
	}
.table-option td{
	color: #ffffff;
	padding:5px 8px;
	font-size:14px;
	line-height:10px;
	border-top:1px solid #555555;
	}
/*Table D end*/
/*Table E*/
.table-info{
	margin:0;
	border-collapse: collapse;
	}
.table-info th{
    font-size: 13px;
    background-color: #cccccc;
    color: #222222;
    padding: 8px 2px;
	letter-spacing:-1px;
    font-weight: bold;
    line-height: 1.2;
	cursor:auto;
	}
.table-info td{
	color: #ffffff;
	padding:12px 8px;
	font-size:13px;
	line-height:1.2;
	border-top:1px solid #555555;
	}
.table-info.txt-center	{
	text-align: center;
	}
.table-info.billing>tbody>tr:nth-of-type(odd) {
	background-color:#444444;
	}
.table-info.billing tbody tr:hover {
	background-color:#222222;
	cursor:pointer;
	}
.table-info.billing label strong{
	color:#cccccc;
	}
.table-info.billing label{
	color:#999999;
	}

.top-table{
	display:block;
	background-color:#555555;
	border-radius:6px;
	padding:10px;
	margin-bottom:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
.top-table .table-info th,
.top-table .table-info td{
	border:0;
	padding:8px 8px;
	}
/*Table E end*/

/*setup option*/
.back-btn{
	position: absolute;
	display: block;
	height: 45px;
	width: 45px;
	background-color: transparent;
	border: 0;
	outline: none;
	top: 3px;
	left: 0;
	cursor: pointer;
	transform: translate(0);
	z-index: 9996;
	text-decoration: none;
	}
.back-btn:after{
	position:relative;
	left:17px;
	top:2px;
	display: inline-block;
	font-family: 'FontAwesome';
	color:#999999;
	font-size:35px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\f104";
    }
.inside-option-area{
	display: block;
	width: 100%;
	padding: 40px 10px 10px 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
.option-area{
	display: block;
	width: 100%;
	max-width: 640px;
	margin:0 auto;
	padding:20px 10px;
	border-radius: 6px;
	color:#ffffff;
	background-color: #333333;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
.table-mask {
	display: block;
	width: 100%;
	overflow-x: scroll;
	}
.font-link{
	position: relative;
	top: 8px;
	right: 5px;
    display: inline-block;
    padding: 0 15px 0 0;
    color: #F90;
    font-size: 13px;
    float: right;
    }
.font-link.popup{
	top: 2px;
	right: 0;
    }
.font-link:after {
	position: absolute;
    right: 2px;
    top: 3px;
	display: inline-block;
	content: "\f101";
	font-family: 'FontAwesome';
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
.font-link.popup:after {
    top: 1.5px;
	}
.text-info{
	color: #7bf3f9;
	}
.text-success {
	color: #48ac4a;
	}
.text-danger {
	color: #ff9dd3;
	}
.rules.note	.text-danger {
	color: #fffb76;
	}
.table.table-bordered.table-hover.table-condensed.table-striped .text-danger {
	color: #e10202;
	}
.table.table-bordered.table-hover.table-condensed.table-striped .text-info {
	color: #037bdd;
	}
.table.table-bordered.table-hover.table-condensed.table-striped .text-success{
	color: #06a14b;
	}
.cash-account-content li .text-danger a,	
.cash-account-content li div,
.cash-account-content .text-danger {
	color: #e10202!important;
	font-weight: bold;
	}
.cash-account-content ::selection {
	color: #e10202!important;
	}

.setup-title{
	display: inline-block;
	font-size:15px;
	color:#cccccc;
	margin:0 0 15px 0;
	}
.setup-title a{
	color: #F90;
	}
.setup-title span{
	vertical-align:middle;
	margin-right:5px;
	}
span.into-icon{
	position:relative;
	top: 0;
	right: 0;
	width: 20px;
	height:20px;
	border-radius:100%;
	text-align: center;
	cursor: pointer;
	background-color:#111111;
	}
span.into-icon:after{
	position:absolute;
	top: 2px;
	right: 5px;
	content: "\f0da";
	font-size:16px;
	color:#777777;
	font-family: 'FontAwesome';
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	cursor:pointer;
    }
/*setup option end*/

/*sp6 tw6 small6 plugin ball begin*/
.special-number{
	position:relative;
	top:-5px;
	display:inline-block;
	margin-left:10px;
	padding:1px 2px 1px 13px;
	border:2px solid #4689B9;
	background-color:#ffffff;
	border-radius:6px;
	vertical-align:middle;
	}
.special-number.record{
    top: -2px;
    margin-left: 2px;
    float: left;
	}
.special-number:after {
	position: absolute;
	left: -11px;
	top: 7px;
	content: "+";
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-size: 13px;
	color: #cccccc;
	}
.special-number.record:after {
	display:none;
	}
.special-number:before {
	position: absolute;
	left: -2px;
	top: -3px;
	width: 14px;
	height: 40px;
	content: "特";
	font-size: 12px;
    transform: scale(0.85,0.85);
    -ms-transform: scale(0.85,0.85);
    -webkit-transform: scale(0.85,0.85);
	text-align: center;
	color: #aadaf7;
	line-height: 37px;
	background-color: #4689B9;
	border-radius: 6px 0 0 6px;
	z-index: 2;
	}
	@media screen and (max-width: 405px) {
	.special-number:before {
		height: 38px;
		}
	}

.special-number .defaul-ball{
	-webkit-box-shadow: 3px 2px 3px 0 rgba(0, 0, 0, .4);
	-o-box-shadow: 3px 2px 3px 0 rgba(0, 0, 0, .4);
	-moz-shadow: 3px 2px 3px 0 rgba(0, 0, 0, .4);
	box-shadow: 3px 2px 3px 0 rgba(0, 0, 0, .4);
	}
/*sp6 tw6 small6 plugin ball end*/
/*ball*/
.ball-vaule{
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	margin-left:3px;
	}
.double-value{
	display:inline-block;
	}
.defaul-ball {
	display:inline-block;
	width: 24px;
	height: 24px;
	margin:0;
	text-align:center;
	line-height:23.5px;
	border-radius: 100%;
	background-color:#cccccc;
	box-shadow: inset -3px -3px 10px rgba(0,0,0,0.3);
	position:relative;
	z-index: 0;
	overflow:hidden;
	}
.game-number-group.sp6ball-modify{
	overflow: visible;
	}
.game-number-group.sp6ball-modify .defaul-ball{
	float:left;
	width: 30px;
	height: 30px;
	margin: 0 2px 0 0;
	line-height:23.5px;
	}
.table-lottery .game-number-group.sp6ball-modify{
	padding-right:0;
	}
.table-lottery .game-number-group.sp6ball-modify .defaul-ball{
	margin: 0;
	}
.table-lottery.white-bg.history .game-number-group.sp6ball-modify .defaul-ball {
	margin: 0 2px 0 0;
	}
.game-number-group.sp6ball-modify .defaul-ball span{
	position:relative;
	top:1px;
	left:0;
	z-index: 2;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-size:14px;
	font-weight:600;
	color:#ffffff;
	font-style:italic;
	}
.game-number-group.sp6ball-modify .defaul-ball label{
	display: inline-block;
	position:relative;
	top:7px;
	left:-1px;
	font-size:12px;
	color:#ffffff;
	vertical-align: middle;
	}
	@media screen and (max-width: 405px) {
	.game-number-group.sp6ball-modify .defaul-ball span{
		top:-1px;
		left:0;
		font-size:13.5px;
		}
	.game-number-group.sp6ball-modify .defaul-ball label{
		top:6px;
		transform: scale(0.9,0.9);
		-ms-transform: scale(0.9,0.9);
		-webkit-transform: scale(0.9,0.9);
		}
	.game-number-group.sp6ball-modify .defaul-ball{
		width: 28px;
		height: 28px;
		margin-right:1px;
		}
	}
.game-ball-group.record .defaul-ball {
	margin-right: 2px;
	float: left;
	}
.game-number-group .defaul-ball{
	margin-right:2px;
	border-radius: 6px;
	display: inline-block;
	vertical-align: top;
	}
.game-number-group .defaul-ball:last-child{
	margin-right:0;
	}

.defaul-ball span{
	position:relative;
	top:0;
	left:-0.5px;
	z-index: 2;
	font-size:16px;
	font-weight:600;
	color:#ffffff;
	font-style:italic;
	}
.game-ball-group .defaul-ball span{
	position: absolute;
	top:1px;
	left: 0;
	right: 0;
	}

.defaul-ball.gdk span,
.defaul-ball.SSC span{
	display:inline-block;
	width:14px;
	height:14px;
	line-height:15.7px;
	background-color:#ffffff;
	color:#222222;
	border-radius:100%;
	font-size: 13px;
    font-weight: bold;
	}
.defaul-ball.gdk span{
	text-indent:-1.5px;
	letter-spacing:-1px;
	font-size: 13.5px;
	left:0;
	}
 @media screen and (max-width: 405px) {
	.game-ball-group .defaul-ball.gdk span,
	.game-ball-group .defaul-ball.SSC span{
		margin: 0 -2px 0 0;
		}
}
 @media screen and (max-width: 380px) {
	.game-ball-group .defaul-ball.gdk span{
		width:12.5px;
		height:12.5px;
		line-height:13px;
		}
	.game-ball-group .defaul-ball.SSC span{
		width:11.5px;
		height:11.5px;
		line-height:11.5px;
		margin: 0 -1px 0 0;
		}
}
 @media screen and (max-width: 360px) {
	.game-ball-group .defaul-ball.gdk span{
		width:11px;
		height:11px;
		line-height:11px;
		}
	.game-ball-group .defaul-ball.SSC span{
		width:10px;
		height:10px;
		line-height:10px;
		}
}
/*.defaul-ball:before {
	content: "";
	width: 13px;
	height: 13px;
	position: absolute;
	left: 6px;
	top: 6px;
	z-index: 2;
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 80%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 80%);
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
	border-radius: 100%;
	}*/
.sp6ball-modify .defaul-ball:before {
	width: 50px;
	height: 50px;
	left: 5px;
	top: 10px;
	}
/*.defaul-ball:after {
	content: "";
	width: 17px;
	height: 15px;
	position: absolute;
	left: 3px;
	top: 1px;
	z-index: 1;
	background: -moz-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,.6) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,.6) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
	border-radius: 100%;
	}*/
.check-btn .defaul-ball{
	vertical-align:middle;
	margin-top:-2px;
}
.check-btn.xs .defaul-ball{
	border-radius: 10px;
	padding: 0 2px;
	margin-right: 0;
}

.more-guide.check-btn.ballx20{
	width: 97%;
}
.more-guide.check-btn.ballx20 .defaul-ball {
	line-height: 17px;
	border-radius: 5px;
	width: 21px;
	height: 19px;
}

.ball-vaule.interactive .defaul-ball{
	position: absolute;
	left: 10px;
	margin-top: -3px;
	float: left;
	}
@media screen and (max-width: 405px) {
	.ball-vaule.interactive .defaul-ball{
		margin-top: 0;
		}
}

.bing05-02,.bing05-05,.bing05-12,.bing05-15,.bing05-18,.bing05-21,.bing05-28,.bing05-31,.bing05-34,.bing05-37,.bing05-44,.bing05-47,.bing05-50,.bing05-53,.bing05-60,.bing05-63,.bing05-66,.bing05-69,.bing05-76,.bing05-79,
.bing05-03,.bing05-06,.bing05-09,.bing05-16,.bing05-19,.bing05-22,.bing05-25,.bing05-32,.bing05-35,.bing05-38,.bing05-41,.bing05-48,.bing05-51,.bing05-54,.bing05-57,.bing05-64,.bing05-67,.bing05-70,.bing05-73,.bing05-80,
.bing05-01,.bing05-08,.bing05-11,.bing05-14,.bing05-17,.bing05-24,.bing05-27,.bing05-30,.bing05-33,.bing05-40,.bing05-43,.bing05-46,.bing05-49,.bing05-56,.bing05-59,.bing05-62,.bing05-65,.bing05-72,.bing05-75,.bing05-78,
.bing05-03,.bing05-06,.bing05-09,.bing05-16,.bing05-19,.bing05-22,.bing05-25,.bing05-32,.bing05-35,.bing05-38,.bing05-41,.bing05-48,.bing05-51,.bing05-54,.bing05-57,.bing05-64,.bing05-67,.bing05-70,.bing05-73,.bing05-80,
.defaul-ball.small6{
	margin-right:2px;
	margin-bottom:2px;
	margin-top:0;
	}

/*黃 bingo5*/
.color-yellow,
.pk10.car-1,
.bing05-02,.bing05-05,.bing05-12,.bing05-15,.bing05-18,.bing05-21,.bing05-28,.bing05-31,.bing05-34,.bing05-37,.bing05-44,.bing05-47,.bing05-50,.bing05-53,.bing05-60,.bing05-63,.bing05-66,.bing05-69,.bing05-76,.bing05-79{ background-color:#fab312;}

/*寶藍*/
.color-blue,
.pk10.car-2,
.gdk.No_1,.gdk.No_2,.gdk.No_3,.gdk.No_4,.gdk.No_5,.gdk.No_6,.gdk.No_7,.gdk.No_8,.gdk.No_9,.gdk.No_10,.gdk.No_11,.gdk.No_12,.gdk.No_13,.gdk.No_14,.gdk.No_15,.gdk.No_16,.gdk.No_17,.gdk.No_18,
.small6-03,.small6-04,.small6-09,.small6-10,.small6-14,.small6-15,.small6-20,.small6-25,.small6-26,.small6-31,.small6-36,.small6-37,.small6-41,.small6-42,.small6-47,.small6-48{ background-color:#237dd1;}

/*深藍*/
.color-darkblue,
.pk10.car-3{ background-color:#324e76;}

/*橘*/
.color-orange,
.pk10.car-4{ background-color:#f06e0f;}

/*淺藍 bingo5*/
.color-lightblue,
.pk10.car-5,
.bing05-03,.bing05-06,.bing05-09,.bing05-16,.bing05-19,.bing05-22,.bing05-25,.bing05-32,.bing05-35,.bing05-38,.bing05-41,.bing05-48,.bing05-51,.bing05-54,.bing05-57,.bing05-64,.bing05-67,.bing05-70,.bing05-73,.bing05-80,
.SSC.No-0,.SSC.No-1,.SSC.No-2,.SSC.No-3,.SSC.No-4,.SSC.No-5,.SSC.No-6,.SSC.No-7,.SSC.No-8,.SSC.No-9{ background-color:#57a7d5;}

/*紫*/
.color-purple,
.pk10.car-6{ background-color:#bd2edb;}

/*灰*/
.color-gray,
.pk10.car-7{ background-color:#aaaaaa;}

/*紅 bingo5*/
.color-red,
.pk10.car-8,
.bing05-01,.bing05-08,.bing05-11,.bing05-14,.bing05-17,.bing05-24,.bing05-27,.bing05-30,.bing05-33,.bing05-40,.bing05-43,.bing05-46,.bing05-49,.bing05-56,.bing05-59,.bing05-62,.bing05-65,.bing05-72,.bing05-75,.bing05-78,
.gdk.No_19,.gdk.No_20,
.small6-01,.small6-02,.small6-07,.small6-08,.small6-12,.small6-13,.small6-18,.small6-19,.small6-23,.small6-24,.small6-29,.small6-30,.small6-34,.small6-35,.small6-40,.small6-45,.small6-46{ background-color:#ff2828;}

/*咖啡*/
.color-brown,
.pk10.car-9{ background-color:#793614;}

/*綠 bingo5*/
.color-green,
.pk10.car-10,
.bing05-04,.bing05-07,.bing05-10,.bing05-13,.bing05-20,.bing05-23,.bing05-26,.bing05-29,.bing05-36,.bing05-39,.bing05-42,.bing05-45,.bing05-52,.bing05-55,.bing05-58,.bing05-61,.bing05-68,.bing05-71,.bing05-74,.bing05-77,
.small6-05,.small6-06,.small6-11,.small6-16,.small6-17,.small6-21,.small6-22,.small6-27,.small6-28,.small6-32,.small6-33,.small6-38,.small6-39,.small6-43,.small6-44,.small6-49{ background-color:#5eaf11;}

.bing05-04,.bing05-07,.bing05-10,.bing05-13,.bing05-20,.bing05-23,.bing05-26,.bing05-29,.bing05-36,.bing05-39,.bing05-42,.bing05-45,.bing05-52,.bing05-55,.bing05-58,.bing05-61,.bing05-68,.bing05-71,.bing05-74,.bing05-77{ margin-right:2px;}

/*農場蔬果動物*/
.farm{
	background-image:url(../img/farm_fruit.png);
	background-repeat:no-repeat;
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: middle;
	}
.game-number-group .farm{
	float:left;
	margin-right:2px;
	}
.game-number-group .farm:last-child{
	margin-right:0;
	}
.No_1{background-position:0 0}
.No_2{background-position:0 -25px}
.No_3{background-position:0 -50px}
.No_4{background-position:0 -75px}
.No_5{background-position:0 -100px}
.No_6{background-position:0 -125px}
.No_7{background-position:0 -150px}
.No_8{background-position:0 -175px}
.No_9{background-position:0 -200px}
.No_10{background-position:0 -225px}
.No_11{background-position:0 -250px}
.No_12{background-position:0 -275px}
.No_13{background-position:0 -300px}
.No_14{background-position:0 -325px}
.No_15{background-position:0 -350px}
.No_16{background-position:0 -375px}
.No_17{background-position:0 -400px}
.No_18{background-position:0 -425px}
.No_19{background-position:0 -450px}
.No_20{background-position:0 -475px}
/*農場蔬果動物end*/

.popup-ball-group{
	text-align:left;
	}
.popup-ball-group.double-group:nth-child(2n){
	display: inline-block;
	margin:3px 0 0 0;
	}
.popup-ball-group .defaul-ball {
	width: 18px;
	height: 18px;
	float:left;
	margin-right:2px;
	}
.popup-ball-group .defaul-ball span {
	font-size:14px;
	top: -2.7px;
	left: -0.5px;
	}
.popup-ball-group .defaul-ball.gdk span {
    font-size: 13px;
    top: -2.5px;
    left: 0;
	}
.popup-ball-group .defaul-ball.SSC span {
	top: -2.7px;
	width: 12px;
	margin: 0 -1px 0 0;
	height: 12px;
	line-height: 12.5px;
	}
.popup-ball-group.double-group .defaul-ball span {
	font-size: 12px;
	top: -2.7px;
	left: 0px;
	}
.popup-ball-group .defaul-ball:before,
.popup-ball-group .defaul-ball:after {
	display:none;
	}
.popup-ball-group .defaul-ball {
	box-shadow: inset -3px -3px 10px rgba(0,0,0,0);
	}
.check-btn.ballx20 .game-ball-group{
    top: 0;
    padding: 0;
    vertical-align: middle;
    line-height: 1;
	}
 @media screen and (max-width: 660px) {
	.check-btn.ballx20 .game-ball-group:nth-child(2n){
		margin:0;
		}
 }
.check-btn.ballx20 .ball-vaule,
.check-btn.ballx20.half .ball-vaule,
.check-btn.ballx20.special .ball-vaule{
    display: table;
    background-color: rgba(255,255, 255, .5);
    margin: 0;
    border-radius: 6px;
    padding: 2px 8px;
	}
.check-btn.ballx20.special .ball-vaule.interactive{
    background-color: rgba(0,0, 0, .07);
    padding: 6px 8px;
	}
@media screen and (max-width: 480px) {
	.check-btn.ballx20.special .ball-vaule.interactive{
	    padding: 4px 8px;
		}
}
@media screen and (max-width: 405px) {
	.check-btn.ballx20.special .ball-vaule.interactive{
	    padding: 2px 8px;
		}
}
.check-btn.ballx20.special .ball-vaule{
    background-color: rgba(0,0, 0, .07);
    display: block;
    text-align: center;
	}
.check-btn.ballx20 .ball-vaule{
    margin-left: 0;
    display: inline-block;
    background-color: #ffffff;
    position: absolute;
    top: -1px;
	}
@media screen and (max-width: 480px) {
.check-btn.ballx20 .ball-vaule{
    top: 9px;
    right: 5px;
	}
}

.game-ball-group{
	display:block;
}
.game-ball-group.sp6ball-modify{
	top:0;
	}
.game-ball-group.special{
	display:block;
	margin:5px 0 0 0!important;
	}
	@media screen and (max-width: 480px) {
		.game-ball-group .defaul-ball {
			width: 28px;
			height: 20px;
			}
		.game-ball-group.sp6ball-modify{
			padding-top: 0;
			}
		.game-ball-group.fruit {
			padding-top: 0px;
			}
		.game-ball-group .farm{
			position:relative;
			bottom:-2px;
			}
		.game-ball-group .defaul-ball span{
			font-size:15px;
			text-shadow: 1px 1px 1px rgb(0, 0, 0, .5);
			top: calc(100% - 21.5px);;
			}	
	    .more-guide.check-btn.ballx20 .defaul-ball span{
			font-size: 13px;
			font-weight: 600;
			vertical-align: text-bottom;
			position: relative;
			}	
	}
	@media screen and (max-width: 420px) {
	.game-ball-group .farm{
		bottom:-3px;
		margin-left: -5px;
		margin-top: -2px;
		transform: scale(0.9,0.9);
		-ms-transform: scale(0.9,0.9);
		-webkit-transform: scale(0.9,0.9);
		}
	}
	@media screen and (max-width: 405px) {
	.game-ball-group .defaul-ball {
		width: 23px;
		height: 20px;		    
		}
	.last-result-pissue{
		font-size:12px;
		}
	.game-ball-group .defaul-ball span{
		left:-1px;
		}
	.game-ball-group .defaul-ball:after {
		display:none;
		}
	.game-number-group.sp6ball-modify .defaul-ball:after{
		display:inline-block;
		}

	}
	@media screen and (max-width: 380px) {
	.game-ball-group.special{
		margin: 0 0 0 2px!important;
		}
	}
	@media screen and (max-width: 365px) {
	.game-ball-group .farm{
		margin-left: -6px;
		transform: scale(0.8,0.8);
		-ms-transform: scale(0.8,0.8);
		-webkit-transform: scale(0.8,0.8);
		}
	}
	@media screen and (max-width: 360px) {
	.game-ball-group{
		padding-top: 5px;
		}
	.game-ball-group .defaul-ball {
		width: 16px;
		height: 16px;
		}
	.game-ball-group .defaul-ball span {
		font-size:12px;
		top: -5px;
		}
	}
	@media screen and (max-width: 365px) {
	.game-ball-group .farm{
		margin-left: -7px;
		}
	}
	@media screen and (max-width: 340px) {
	.game-ball-group .defaul-ball {
		float:left;
		margin-right:1px;
		}
	.game-ball-group .farm{
		margin-left: -8px;
		}
	}
/*ball end*/

/*index 聲明*/
.terms{
	display:block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:10% 7%;
	}
.terms.rule{
	padding:0;
	}
.terms ul{
	display:block;
	list-style-type:disc;
	width:100%;
	background-color:#333333;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:7% 5% 5% 10%;
	margin:0;
	border-radius:6px;
	}
.terms.rule ul{
	padding:0 1.5% 0 6%;
	}
.terms.rule ul li{
	margin:0 0 5px 0;
	}
.terms.rule ul li.last-child{
	margin:0;
	}
  @media screen and (max-width:640px) {
	.terms ul{
		margin:0 0 10% 0;
		}
	.terms.rule ul{
		margin:0;
		}
  }
.terms ul li{
	margin:0 0 20px 0;
	color:#707070;
	font-size: 14px;
	line-height:1.5;
	}
.terms ul li span{
	color:#ffffff;
	}
.terms ul li.last-child{
	margin:0 0 10px 0;
	}
.admin-sign {
	width:auto;
	font-size: 16px;
	color: #aaaaaa;
	font-weight: bold;
	background-color:#333333;
	position:relative;
	width:100%;
	padding:33px 0 0 0;
	margin:0 0 30px -3%;
	}
.admin-sign.rule-title {
	margin:0 0 45px -3%;
	}
.admin-sign:before{
	content:'';
	position: absolute;
	top:40px;
	bottom: 0;
	left: 0;
	right: 0;
	width:100%;
	height:1px;
	background-color:#222222;
	z-index:0;
	}
.admin-sign:after{
	content:'';
	position: absolute;
	top:41px;
	bottom: 0;
	left: 0;
	right: 0;
	width:100%;
	height:1px;
	background-color:#555555;
	z-index:0;
	}
.admin-sign label {
	z-index: 2;
	position: absolute;
	left: 0;
	right: 0;
	background-color: #333333;
	width: fit-content;
	margin: 0 auto;
	padding: 0 10px;
	line-height: 1;
	text-align: center;
	}
.admin-sign.rule-title label{
	width:fit-content;
	}
.rule-info {
	display: block;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding:0 5% 5% 5%;
	margin: 0;
	font-size: 14px;
    line-height: 1.8;
	}
/*index 聲明 end*/

/*loading*/
.add-processing{
	position:relative;
	width:100%;
	padding:8px 0;
	margin: 5px 0 0 0;
	border:0;
	outline:0;
	font-size:15px;
	font-family: 'HYQiHei-45S', 'Microsoft YaHei', Helvetica,Hiragino Sans GB;
	letter-spacing:3px;
	border-radius:10px;
	color:#999999;
	background-color:#E4E4E4;
	cursor:default;
	text-align:center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
.add-processing span{
	vertical-align:middle;
	}
@-webkit-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loading-spinner {
	-webkit-animation-duration: 0.75s;
	-moz-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: rotate-forever;
	-moz-animation-name: rotate-forever;
	animation-name: rotate-forever;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
	height: 30px;
	width: 30px;
	border: 8px solid #ffffff;
	border-right-color: transparent;
	border-radius: 50%;
	display: inline-block;
	}
/*loading begin*/
/*@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}*/


.loading {
	position: absolute;
	right: 10px;
	top: 7px;
	display:inline-block;
	vertical-align:top;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	border: 0.4rem solid rgba(255, 255, 255, 0.3);
	border-top-color: white;
	-webkit-animation: spin 0.5s infinite linear;
	animation: spin 0.5s infinite linear;
	}
.loading.large{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -30px;
    width: 40px;
    height: 40px;
	border: 0.4rem solid rgba(0, 0, 0, 0.1);
    border-top-color: #F90;
	}
.loading-spinner {
	position: absolute;
	top: 50%;
	right: 0;
	bottom: 0;
	left: 50%;
	margin: -15px 0 -15px;
	}
/*loading end*/

/*game add*/
.long-count {
    display: inline-block;
    width: calc(50% - 6px);
    box-sizing: border-box;
    color: #ffffff;
    padding: 3.5px 10px;
    margin: 0 0 3px 0;
    font-size: 14px;
    border: 2px solid rgb(255,255,255, .55);
    background-color: rgb(255, 255, 255, .35);
    border-radius: 16px;
  }
.long-count span{
  color:#000000;
  font-weight: 600;
  }
.long-count label{
  color:#2056bd;
  font-weight:bold;
  }
/*game add end*/

hr{
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	border-top: 1px solid #555555;
	}
hr.dashed{
	border-top: 1px dashed #e7e7e7;
	margin-bottom: -3px;
	}
hr.race-hr{
	border-top: 1px solid #ffffff;
	}
.game-hr-line hr{
	margin-right:15px;
	}

/*notification*/
.notifyjs-corner .notifyjs-wrapper, 
.notifyjs-corner .notifyjs-container{
	max-width: 768px;
	margin: 3px auto;
	}
.notifyjs-corner .notifyjs-wrapper:first-child, 
.notifyjs-corner .notifyjs-container:first-child{
	margin-top: 7px;
	}

.notifyjs-corner {
	max-width: 800px;
	margin: 0;
	z-index: 11111;
	}
.notifyjs-bootstrap-base{
	-webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
	}
.notifyjs-bootstrap-error{
	position:relative;
	background: linear-gradient(to bottom, #ffffff, #F2DEDE);
	}
.notifyjs-bootstrap-error:before{
	position: absolute;
	left: 11px;
	top: 10px;
	display: inline-block;
	content: "\f071";
	font-family: 'FontAwesome';
	font-size: 22px;
	color: #b93533;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	z-index: 2;
	}
.notifyjs-bootstrap-info{
	position:relative;
	background: linear-gradient(to bottom, #ffffff, #ccf2f7);
	}
.notifyjs-bootstrap-info:before{
    position: absolute;
    left: 11px;
    top: 9px;
    display: inline-block;
    content: "\f05a";
    font-family: 'FontAwesome';
    font-size: 24px;
    color: #2c87b4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 2;
	}
.notifyjs-bootstrap-warn{
	position:relative;
	background: linear-gradient(to bottom, #ffffff, #ffdfa3);
	}
.notifyjs-bootstrap-warn:before{
	position: absolute;
	left: 10px;
	top: 11px;
	display: inline-block;
	content: "\f08a";
	font-weight: 600;
	font-family: 'FontAwesome';
	font-size: 22px;
	color: #de9920;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	z-index: 2;
	}
.notifyjs-bootstrap-success{
	position:relative;
	background: linear-gradient(to bottom, #ffffff, #DFF0D8);
	}
.notifyjs-bootstrap-success:before{
	position: absolute;
	left: 12.5px;
	top: 13px;
	font-weight: 100;
	display: inline-block;
	content: "\f00c";
	font-family: 'FontAwesome';
	font-size: 17px;
	color: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	z-index: 2;
	}
.notifyjs-bootstrap-success:after{
	position: absolute;
	left: 10px;
	top: 12px;
	display: inline-block;
	content: "";
	width: 22px;
	height: 22px;
	border-radius: 100%;
	background-color: #468847;
	z-index: 1;
	}
/*notification end*/

.game-nonopen{
    position: fixed;
    bottom: 7px;
    left: 10px;
    display: block;
    margin: 0 auto;
    width: calc(100% - 20px);
    border: 4px solid #ff5c9a;
    border-radius: 10px;
    padding: 15px 10%;
    text-align: center;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 600;
    color: #ffffff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 9996;
    background-color: rgb(10, 8, 34, .5);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    text-shadow: 2px 2px 1px rgb(0, 0, 0, .9);
}
@media screen and (max-width:480px) {
	.game-nonopen{
		padding: 10px 10%;
	    font-size: 4.5vw;
	}
}

/*toggle begin*/
.form-toggle {
	display: -webkit-inline-flex;
	display: inline-flex;
	position: relative;
	-webkit-align-items: center;
	align-items: center;
	top: 1px;
	}
.form-toggle .form-cell-name { margin: 0 5px 0 0; }
.form-toggle input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	}
.form-toggle > label {
	display: block;
	cursor: pointer;
	}
.form-toggle-body {
	display: block;
	position: relative;
	width: 100%;
	max-width: 100px;
	border: 2px solid #e0e0e0;
	border-radius: 7px;
	overflow: hidden;
	transform: translate3d(0,0,0);
	pointer-events: none;
	}
.form-toggle-body-inner {
	position: relative;
	display: flex;
	width: 200%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: transform 0.3s;
	transition: transform 0.3s;
	}
.form-toggle-body-inner:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	bottom: 0;
	width: 40px;
	overflow: hidden;
	border-radius: 5px;
	background: #fff;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	box-shadow: 3px 0 5px rgba(0, 0, 0, 0.25);
	}
.form-toggle-handle {
	display: -webkit-flex;
	display: flex;
	width: 100%;
    font-size: 13px;
    line-height: 11px;
	height: 28px;
	box-sizing: border-box;
	background: #cccccc;
	color: #222;
	-webkit-align-items: center;
	align-items: center;
	pointer-events: none;
	}
.form-toggle-handle.take-on { padding-left: 10px; }
.form-toggle-handle.take-off {
	padding-right: 10px;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.25);
	}
.form-toggle-tertiary .form-toggle-handle.take-on {
    background: #444444;
    color: #ffffff;
	}
.form-toggle-tertiary input[type="checkbox"]:checked ~ .form-toggle-body { border-color: #707070; }
.form-toggle input[type="checkbox"]:checked ~ .form-toggle-body .form-toggle-body-inner {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
.form-toggle-mini .form-toggle-handle { height: 27px; }
/*toggle end*/
.table-lottery .record-total{display: none;}
.toggle-area{
    display: block;
    margin: -6px 0 10px 0;
    padding-top: 8px;
    border-top: 1px solid #555555;
	}
.toggle-area.popup{
    border-top: 1px solid #cccccc;
	}

/*.donate*/
.donate-btn{
	position: absolute;
	width: 35px;
	height: 35px;
	left: 8px;
	top: 6px;
	border-radius: 100%;
	border:0;
	background-color:transparent;
	cursor: pointer;
	z-index: 9996;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	}
.donate-icon:before,	
.donate-icon:after{
	position: absolute;
	display: inline-block;
	font-family: 'FontAwesome';
	font-size:16px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
.donate-icon:after{
	font-size: 27px;
	content: "\f08a";
	color: #ffffff;
	left:0;
	right:0;
	top:4px;
	z-index: 1;
	text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.7);
    }
.donate-icon:before{	
    font-size: 14px;
    content: "\f155";
    right: -4px;
    bottom: -2px;
    color: #464646;
    background-color: #ffbe2d;
    border:2px solid #222222;
    z-index: 2;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 100%;
    transform: scale(0.75, 0.75);
    -moz-transform: scale(0.75, 0.75);
    -webkit-transform: scale(0.75, 0.75);
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
    }

.like-wrapper {
    position: fixed;
    display: inline-block;
    width: 65px;
    z-index: 9995;
    margin: 0 0 0 5px;
	}
.like-button {
	border-radius: 6px;
	padding: 8px;
	color: #222222;
	font-weight: bold;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	font-size: 1rem;
	-webkit-transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: 0;
	border:0;
	background: linear-gradient(to bottom, #FEB13A, #f78c1b);
	cursor: pointer;
	}
.like-button:hover {
	background: linear-gradient(to bottom, #f78c1b, #FEB13A);
	}
.like-icon {
	width: 13px;
	height: 10px;
	display: inline-block;
	position: relative;
	margin-right: 3px;
	font-size: 1.5rem;
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDIxIDE4Ij48cGF0aCBkPSJNMTAuMTAxIDQuNDE3UzguODk1LjIwNyA1LjExMS4yMDdjLTQuNDY1IDAtMTAuOTY3IDYuODQ2IDUuMDgyIDE3LjU5MkMyNS4yMzcgNy4wMyAxOS42NjUuMjAyIDE1LjUwMS4yMDJjLTQuMTYyIDAtNS40IDQuMjE1LTUuNCA0LjIxNXoiIGZpbGw9IiNkZTRjNGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") no-repeat center;
	background-size: 100%;
	-webkit-animation: heartUnlike 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	animation: heartUnlike 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	}
.liked .like-icon {
	-webkit-animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	}
.liked .like-icon [class^="heart-animation-"] {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMSAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuMTAxIDQuNDE3UzguODk1LjIwNyA1LjExMS4yMDdjLTQuNDY1IDAtMTAuOTY3IDYuODQ2IDUuMDgyIDE3LjU5MkMyNS4yMzcgNy4wMyAxOS42NjUuMjAyIDE1LjUwMS4yMDJjLTQuMTYyIDAtNS40IDQuMjE1LTUuNCA0LjIxNXoiIGZpbGw9IiNGRjZFNkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") no-repeat center;
	background-size: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 14px;
	opacity: 0;
	}
.liked .like-icon [class^="heart-animation-"]::before, .liked .like-icon [class^="heart-animation-"]::after {
	content: "";
	background: inherit;
	background-size: 100%;
	width: inherit;
	height: inherit;
	display: inherit;
	position: relative;
	top: inherit;
	left: inherit;
	opacity: 0;
	}
.liked .like-icon .heart-animation-1 {
	-webkit-animation: heartFloatMain-1 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	animation: heartFloatMain-1 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	}
.liked .like-icon .heart-animation-1::before, .liked .like-icon .heart-animation-1::after {
	width: 12px;
	height: 10px;
	visibility: hidden;
	}
.liked .like-icon .heart-animation-1::before {
	opacity: 0.6;
	-webkit-animation: heartFloatSub-1 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	animation: heartFloatSub-1 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	}
.liked .like-icon .heart-animation-1::after {
	-webkit-animation: heartFloatSub-2 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	animation: heartFloatSub-2 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	opacity: 0.75;
	}
.liked .like-icon .heart-animation-2 {
	-webkit-animation: heartFloatMain-2 1s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	animation: heartFloatMain-2 1s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	}
.liked .like-icon .heart-animation-2::before, .liked .like-icon .heart-animation-2::after {
	width: 10px;
	height: 8px;
	visibility: hidden;
	}
.liked .like-icon .heart-animation-2::before {
	-webkit-animation: heartFloatSub-3 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	animation: heartFloatSub-3 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	opacity: 0.25;
	}
.liked .like-icon .heart-animation-2::after {
	-webkit-animation: heartFloatSub-4 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	animation: heartFloatSub-4 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	opacity: 0.4;
	}
@-webkit-keyframes heartPulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

@keyframes heartPulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
@-webkit-keyframes heartUnlike {
  50% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}
@keyframes heartUnlike {
  50% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}
@-webkit-keyframes heartFloatMain-1 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0) rotate(0);
    transform: translate(0) rotate(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(0, -50px) rotate(-20deg);
    transform: translate(0, -50px) rotate(-20deg);
  }
}
@keyframes heartFloatMain-1 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0) rotate(0);
    transform: translate(0) rotate(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(0, -50px) rotate(-20deg);
    transform: translate(0, -50px) rotate(-20deg);
  }
}
@-webkit-keyframes heartFloatMain-2 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0) rotate(0) scale(0);
    transform: translate(0) rotate(0) scale(0);
  }
  50% {
    opacity: 0.9;
    -webkit-transform: translate(-20px, -50px) rotate(25deg) scale(1);
    transform: translate(-20px, -50px) rotate(25deg) scale(1);
  }
}
@keyframes heartFloatMain-2 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0) rotate(0) scale(0);
    transform: translate(0) rotate(0) scale(0);
  }
  50% {
    opacity: 0.9;
    -webkit-transform: translate(-20px, -50px) rotate(25deg) scale(1);
    transform: translate(-20px, -50px) rotate(25deg) scale(1);
  }
}
@-webkit-keyframes heartFloatSub-1 {
  0% {
    visibility: hidden;
    -webkit-transform: translate(0) rotate(0);
    transform: translate(0) rotate(0);
  }
  50% {
    visibility: visible;
    -webkit-transform: translate(13px, -13px) rotate(30deg);
    transform: translate(13px, -13px) rotate(30deg);
  }
}
@keyframes heartFloatSub-1 {
  0% {
    visibility: hidden;
    -webkit-transform: translate(0) rotate(0);
    transform: translate(0) rotate(0);
  }
  50% {
    visibility: visible;
    -webkit-transform: translate(13px, -13px) rotate(30deg);
    transform: translate(13px, -13px) rotate(30deg);
  }
}
@-webkit-keyframes heartFloatSub-2 {
  0% {
    visibility: hidden;
    -webkit-transform: translate(0) rotate(0);
    transform: translate(0) rotate(0);
  }
  50% {
    visibility: visible;
    -webkit-transform: translate(28px, -10px) rotate(55deg);
    transform: translate(28px, -10px) rotate(55deg);
  }
}
@keyframes heartFloatSub-2 {
  0% {
    visibility: hidden;
    -webkit-transform: translate(0) rotate(0);
    transform: translate(0) rotate(0);
  }
  50% {
    visibility: visible;
    -webkit-transform: translate(28px, -10px) rotate(55deg);
    transform: translate(28px, -10px) rotate(55deg);
  }
}

.game-name{
    position: absolute;
	left: 10px;
    bottom: 10px;
    color: #ffffff;
    background-color: #385983;
    border-radius: 50px;
    padding: 3px 10px;
    font-size: 14px;
    letter-spacing: 0.5px;
    z-index: 9999;
    border: 2px solid #85abdb;
	}

.o-loading{
	position: relative;
	display: block;
	left:50%;
	margin-left: -11px;
	top:5px;	
	mix-blend-mode: luminosity;
	}
.o-live-logo{
	width: 68px;
	position: absolute;
	left: 50%;
	top: 3px;
	margin-left: -30px;
	}
#user-order{
	position: absolute;
	left: 0;
	top: 40px;
	z-index: 9995;
	width:100%;
	border-top: 1px solid rgb(204, 204, 204, .3);
	}
.landing-banner{
	display: block;
	width: 100%;
	}
ul.lobby-game-list{
    display: block;
    width: 100%;
    padding: 0 0 0 10px;
    margin: 5% auto 10% auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
ul.lobby-game-list li{
    position: relative;
    display: inline-block;
    width: calc(50% - 10px);
    margin: 0 10px 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 5px 20px;
	}
ul.lobby-game-list li a label {
    display: block;
    width: 100%;
    text-align: center;
    padding: 5px 10px 10px 10px;
    color: #ffe215;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);
    font-size: 16px;
    letter-spacing: 1px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 0 0 10px 10px;
    }
ul.lobby-game-list li a.game-disable label{
    /*background-color:rgb(0, 0, 0,.5);*/
	}
ul.lobby-game-list li a span.bg,
ul.lobby-game-list li a span.note{
    display: none;
	}
ul.lobby-game-list li a.game-disable span.note{
    display: block;
    width: 90%;
    position: absolute;
    left: 0;
    right: 0;
    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .7);
    font-size: 25px;
    letter-spacing: 0.5px;
    z-index: 1;
    top: calc(50% - 50px);
    margin: 0 auto;
    text-align: center;
	}
@media screen and (max-width:768px) {
ul.lobby-game-list li a.game-disable span.note{
	top: 8vw;
	top: calc(50% - 37px);
	font-size: 16px;
    height: 40px;
	}
}
@media screen and (max-width:375px) {
ul.lobby-game-list li a.game-disable span.note{
	top: calc(45% - 32px);
    font-size: 16px;
	}
}	
ul.lobby-game-list li a.game-disable span.bg{
	position: absolute;
    top: 0;
    display: block;
	width: 100%;
	height: calc(100% - 34.19px);
    background-color:rgb(0, 0, 0,.5);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 5px 20px;
	}
ul.lobby-game-list li a.game-disable{
	cursor: default;
	border-radius: 10px;
	}
ul.lobby-game-list li a.game-disable img{
	position: relative;
    width: 100%;
    height: 100%;
    opacity: .8;
	}
ul.lobby-game-list li img{
	display: block;
	width: 100%;
	border-radius: 10px;
	}
ul.bet-info-area{
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 auto 10px auto;
	text-align: center;
	}
ul.bet-info-area li{
	display: inline-block;
	width: 32%;
	padding: 0;
	}
ul.bet-info-area li button{
	display: inline-block;
	width: 100%;
	border: 0;
	background: linear-gradient(320deg , #93c8dc, #e5efd8);
	padding: 10px 0;
	margin: 0 auto;
	border-radius: 6px;
	outline: 0;
	cursor: pointer;
	}
ul.bet-info-area li button:focus{
    background: linear-gradient(320deg , #b3d9ef, #95b2da);
	}	
ul.bet-info-area li label{
	display: block;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 5px;
	}
ul.bet-info-area li span{
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	margin-top: 10px;
	padding: 2px 10px;
	border-radius: 99px;
	background-color: rgb(61, 84, 148, .5);
	color: #ffffff;
	font-style: italic;
	}
ul.bet-info-area li input{
	display: block;
	padding: 8px;
	font-size: 12px;
	width: 85%;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	color: #222222;
	margin: 0 auto;
	border-radius: 6px;
	outline: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
@media screen and (max-width:320px) {
	ul.bet-info-area li input{
		width:75px;
		}
}	
.all-bet{
	display: block;
	font-size: 14px;
	width: 100%;
	padding: 8px 0;
	text-align: center;
    background: #1d3856;
    color: #ffffff;
	}
.all-bet b{
	font-size: 15px;
	font-weight: 600;
	color: #ffb346;
	}
ul.speed-bet{
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 auto 10px auto;
	text-align: center;
	}
ul.speed-bet li{
	display: inline-block;
	width: 18.7%;
	padding: 0;
	}	
ul.speed-bet li button{
	position: relative;
    display: inline-block;
    width: 100%;
	background: linear-gradient(320deg , #c1cbd4, #ffffff);
	border: 1px solid #225088;
    padding: 10px 0;
    margin: 0 auto;
    border-radius: 8px;
    font-size: 13px;
    outline: 0;
    cursor: pointer;
    -webkit-box-shadow: 4px 2px 8px rgba(0, 0, 0, .3);
    -o-box-shadow: 4px 2px 8px rgba(0, 0, 0, .3);
    -moz-shadow: 4px 2px 8px rgba(0, 0, 0, .3);
    box-shadow: 4px 2px 8px rgba(0, 0, 0, .3);
	}	
ul.speed-bet li button:after{
	position: absolute;
	left: 5px;
	top: auto;
	bottom: auto;
	content: '$';
	color: #b9b9b9;
	font-size: 13px;
	}	
.confirm{
	display: block;
	width: 100%;
	border-top:1px solid #6989b1;
	padding-top: 10px;
	margin: 12px 0 10px 0;
	text-align: center;
	}	
.confirm .btn {
	padding: 7px 25px;
	font-size: 15px;
	}
.into-game-name{
	position: absolute;
    top: 49px;
    right: 11vh;
	display: block;
	padding: 4px 6px 3px 7px;
	color: #fb77ff;
	background-color: rgb(0, 0, 0, .3);
	z-index: 9996;
	border-radius: 16px;
	font-size: 12px;
	}	
@media screen and (max-width:320px) {
.into-game-name{    
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
	}
}	

.popup-game-box{
    width: 48%;
    height: auto;
    margin: 17px auto 7px auto;
    display: inline-block;
    color: #222222;
    text-align: center;
    font-size: 13px;
    padding: 0 10px 15px 10px;
    line-height: 160%;
    border: 1px solid #DBDBDB;
    border-radius: 10px;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.popup-game-box.third{
    width: 45%;
    padding: 8px;
    text-align: center;
    font-size: 12px;
    background: linear-gradient( 320deg , #fbf9f9, #ffffff);
	position: relative;
	text-align: left;
	margin: 10px auto 0 auto;
}
.popup-game-box.third:first-child{
/*    display: block;*/
}
.popup-game-box.third .dl-inputBox{
    width: 90%;
    margin-bottom: 5px;
}
.popup-game-box.third .btn.btn-alt{
    margin: 5px auto;
    padding: 3px 10px;
    width: 100%;
}
.popup-game-box.third .popup-game-title{
	margin-left: auto;
	text-indent: 8px;
}
.popup-game-title {
	display: table;
	width: auto;
	font-size: 18px;
	color: #666666;
	margin: -10px auto 9px auto;
	padding: 0 10px;
	font-weight: 600;
	background-color: #ffffff;
	}
.popup-game-title label{
	position: absolute;
    right: 5px;
	font-size: 12px;
	color: #222222;
	}
.popup-game-box.third.active .popup-game-title {
	background-color: transparent;	
	}
.item-container.active .popup-game-title {
	background-color: transparent;
	}

@media screen and (max-width:320px) {
.popup-game-title {
	font-size: 18px;
	letter-spacing: 0;
	}
}	

.popup-game-title.red{ color: #a91313; }
.popup-game-title.green{ color: #2a8c2a; }
.popup-game-title.blue{ color: #1e73d4; }
.popup-game-title.black{ color: #222222; }
.popup-game-box {
  margin: 17px auto 2px auto;
  text-align: left;
  }
.popup-game-title {
	margin: -10px auto 4px 0;
	padding: 0 7px;
	}
.cowcow .popup-game-box.half{
	border-radius: 8px;
	position: relative;
	}
.cowcow .popup-game-box.half .popup-game-title {
	margin: 10px auto;
	}
.cowcow .popup-game-box.half .btn.btn-alt{
	margin-top:5px;
	padding: 3.5px 10px;
	width: 100%;
    }
@media screen and (max-width: 320px){
.dl-inputBox.half {
	max-width: 65px;
	}
}
.req-owner{
	display: block;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom:1px dashed #d4d4d4;
	
    overflow-y: scroll;
    height: 175px;
	}
.popup-game-box.way .popup-game-title{
	font-size: 17px;
	margin: 10px 0 5px 0;
	letter-spacing: -1px;
	background-color: transparent;
	display: block;
	}
.popup-game-box {
    padding: 0 0 12px 8px;
    }
.popup-game-box.third.active{
	background: -moz-linear-gradient(90deg, #cccccc 0%, #ffffff 40%, #ffffff 60%, #aaaaaa 100%);
	background: -webkit-linear-gradient(90deg, #cccccc 0%, #ffffff 40%, #ffffff 60%,#aaaaaa 100%);
	background: linear-gradient(90deg, #cccccc 0%, #ffffff 40%, #ffffff 60%,#aaaaaa 100%);
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 16px rgb(102 175 233 / 60%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 16px rgb(102 175 233 / 60%);	
	}	
.popup-game-box.third.active .dl-inputBox {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 16px rgb(102 175 233 / 60%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 16px rgb(102 175 233 / 60%);	
	}
	
.popup-game-box.baccarat{
    padding: 0 10px 12px 10px;
    }
.popup-game-box.way{
	padding: 0 0 12px 0;
	text-align: center;
	}
.popup-game-box.half{
    padding: 0 8px 8px 8px;
    text-align: center;
    }
.popup-game-box.half.soon{
    padding: 2px 8px 12px 8px;
    text-align: center;
    vertical-align: baseline;
    margin: 0 auto;
    }
.popup-game-box.half.active{
	background: -moz-linear-gradient(90deg, #cccccc 0%, #ffffff 40%, #ffffff 60%, #aaaaaa 100%);
	background: -webkit-linear-gradient(90deg, #cccccc 0%, #ffffff 40%, #ffffff 60%,#aaaaaa 100%);
	background: linear-gradient(90deg, #cccccc 0%, #ffffff 40%, #ffffff 60%,#aaaaaa 100%);
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 16px rgb(102 175 233 / 60%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 16px rgb(102 175 233 / 60%);	
	}
.popup-game-box.half.active .dl-inputBox {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 16px rgb(102 175 233 / 60%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 16px rgb(102 175 233 / 60%);	
	}
.popup-game-box.half.active .popup-game-title {
	background: transparent;
	}
.btn{
    padding: 3.5px 12px;
    font-size: 13px;
    }
.btn.btn-primary.half-d-btn{
    padding: 5px 16px;
    }
.popup-game-box.emoji .btn{
    padding: 3.5px 5px;
    }
.btn.btn-large{
    font-size: 14px;
    font-weight: 600;
    }
.stream-video{
    background-color: #020202;
    }
.video-content{
    width: 100%;
    /*height:230px;*/ /*video height*/
    border:0; 
    z-index: 0;
    } 
.popup-game-box.only{
	width: 100%;
	padding: 0 10px 14px 10px;
	}   
.popup-game-title.red.center{
	margin: -10px auto 4px auto;
	}
.popup-game-box.only.center{
	text-align: center;
	}   
.popup-game-title.center,
.popup-game-title.red.center{
	margin: -10px auto 10px auto;
	}

.switch-make-sure{
	position: relative;
	display: block;
    width: 95%;
    margin: 10px auto 5px auto;
	padding: 10px 15px 10px 50px;
	font-size: 18px;
	color: #222222;
	font-weight: 600;
	line-height: 1.5;
	border: 2px solid #d32222;
	background-color: #ffcfcf;
	border-radius: 8px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
.switch-make-sure:after{
    position: absolute;
    left: 10px;
    top: 0;
    content: "\f06a";
    font-family: 'FontAwesome';
    font-size: 32px;
    color: #d32222;
	}
ol.cash-account-content,	
ul.cash-account-content{
	display: block;
	width: 90%;
	margin: 5% auto 0 auto;
	padding: 5%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background-color: #ffffff;
	border-radius: 12px;
    -webkit-box-shadow: 3px 5px 10px rgb(0, 0, 0, .1);
	box-shadow: 3px 3px 10px rgb(0, 0, 0, .1);
}
ul.cash-account-content.gray{
	background: #f5f5f5;
}
ol.cash-account-content{
	background-color: #fff7e3;
	padding: 5% 5% 5% 8%;
}
ol.cash-account-content:last-child,
ul.cash-account-content:last-child{
	margin: 5% auto;
}
ol.cash-account-content li,
ul.cash-account-content li{
	padding: 15px;
	font-size: 17px;
	color: #222222;
	border-bottom:1px solid #dddddd;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-weight: bold;	
}
ul.cash-account-content li table{
	font-weight: normal;	
}
ul.cash-account-content li.add-content{
	padding: 15px 5px;
}
ul.cash-account-content li.add-content .text-dagner{
	font-size: 13px;
	padding: 3px 10px;
	border-radius: 26px;
	background-color: #f7f7f7;
}
ul.cash-account-content.gray li.add-content .text-dagner{
	background-color: #ffffff;
}
@media screen and (max-width:680px) {
ul.cash-account-content li.add-content .text-dagner{
	display: block;
	margin-top: 15px;
	text-align: center;
	}
}	
ol.cash-account-content li{
	padding: 15px 0 15px 6px;
	list-style-type: auto;
    border-bottom:1px solid #efe2c1;
}

ul.cash-account-content li{
	display: block;
}
ol.cash-account-content li{
	font-size: 15px;
	font-weight: normal;
}
ul.cash-account-content li span{
	display: inline-block;
	color: #888888;
	margin-right: 10px;
	font-size: 15px;
	font-weight: normal;	
}
ul.cash-account-content li .table.table-bordered.table-hover.table-condensed.table-striped span.text-info,
ul.cash-account-content li .table.table-bordered.table-hover.table-condensed.table-striped span.text-success,
ul.cash-account-content li .table.table-bordered.table-hover.table-condensed.table-striped span.text-warning,
ul.cash-account-content li .table.table-bordered.table-hover.table-condensed.table-striped span.text-danger{
	font-size: 13px;
	margin-right: 0px;
}
ul.cash-account-content li .table.table-bordered.table-hover.table-condensed.table-striped span.text-danger{
	color: #eb443f;
}
ul.cash-account-content li .table.table-bordered.table-hover.table-condensed.table-striped span.text-info{
	color: #1e73d4;
}
ul.cash-account-content li .table.table-bordered.table-hover.table-condensed.table-striped span.text-warning{
	color: #efa41c;
}
ul.cash-account-content li .table.table-bordered.table-hover.table-condensed.table-striped span.text-success{
	color: #48ac4a;
}
ol.cash-account-content div.li-title,
ul.cash-account-content li.li-title{
	position: relative;
	font-size: 20px;
	padding-top: 0;
	padding-left: 50px;
}
ul.cash-account-content li.li-title{
	color: #009f94;
}
ul.cash-account-content li.li-title.add-point{
	color: #d75945;
}
ul.cash-account-content li.li-title.add-point.record{
	color: #707070;
}
ul.cash-account-content li.li-title.out-point{
	color: #707070;
}
ol.cash-account-content div.li-title{
	color: #222222;
	font-weight: bold;
	padding-bottom: 15px;
	padding-left: 32px;
	border-bottom:1px solid #efe2c1;
}
ol.cash-account-content div.li-title.center{
	text-align: center;
	padding: 0 0 20px 0;
}
ol.cash-account-content div.li-title.center:after{
	display: none;
  
}
ol.cash-account-content div.li-title:after,
ul.cash-account-content li.li-title:after{
	position: absolute;
	font-size: 20px;
	content: '';
	left: 15px;    
    font-family: 'FontAwesome'; 
    font-weight: 100;   
}
ul.cash-account-content li.li-title:after{
    content: "\f09d";
    color: #707070;
    top: -2px;
    left: 7px;
    font-size: 25px;    
}
ul.cash-account-content li.li-title.upload{
	position: relative;
	font-size: 20px;
	padding-top: 0;
	padding-left: 0;
	text-align: center;
}
ul.cash-account-content li.li-title.upload:after{
    top: 0px;
    left: 0px;
    content: "";
}
ol.cash-account-content div.li-title:after{
    content: "\f071";
    color: #ff991b;
    top: -1px;
    left: 0;
    font-size: 21px;
}
ul.cash-account-content li.li-title.add-point:after{
    content: "\f1c0";
    color: #cf4d1b;
}
ul.cash-account-content li.li-title.add-point.record:after{
    color: #777777;
}
ul.cash-account-content li.li-title.out-point:after{
    content: "\f019";
}


ol.cash-account-content li:last-child,
ul.cash-account-content li:last-child{
	border-bottom:0px;
}
ol.cash-account-content li .text-danger{
	display: inline;
	font-weight: bold;
}

ul.cash-account-content li span.pic-title{
	color:#222222;  
	width: 105px;	
}
#bankImg,#userImg{
	margin-bottom: 15px;	
}
@media screen and (max-width:640px) {
#bankImg,#userImg{
	margin: 10px 0 15px 0;	
}
}	
ul.cash-account-content li span.pic-btn{
	font-size: 13px;
}
#userImgDiv img,
.pic-display{
    display: block;
    width: 70%;
    max-width: 320px;
    border: 1px solid #cccccc;
    border-radius: 4px;
}	

/*marquee animation*/
.js-marquee-wrapper{	
	animation-timing-function: ease-out!important;    
	}
#marquee{
	position: absolute;
	width: 100%;
	max-width: 768px;
	overflow: hidden;
	top: 85px;		
	color: #ffffff;
	font-size: 15px;
	text-shadow: 1px 1px 2px rgb(0, 0, 0, .7);
	z-index: 9997;
	}
#marquee b{	
	color: #ffc809;
	font-weight: bold;
	}
.zoom-item{
	-moz-animation: zoom_item 13s;
	-webkit-animation: zoom_item 13s;
	animation: zoom_item 13s;	
	}
.join-in-btn{
	display: inline-block;
	width: auto;
	vertical-align: text-top;
	border: 0;
	padding: 5px 10px;
	background: linear-gradient(to bottom, #ef4635, #a10f1d);
	color: #ffffff;
	font-size: 14px;
	line-height: 1;
	border-radius: 16px;
	text-decoration:none;
	vertical-align: middle;
	}
.animations-icon{
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: middle;
	}
.e-dance-1{
	background-image: url(/assets/img/emoji/dance1.gif);
	width: 20px;
	height: 33px;
	background-size: 20px 33px;
	}
.e-dance-2{
	background-image: url(/assets/img/emoji/dance2.gif);
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	}
.message-text .e-dance-1{
	width: 15px;
	height: 25px;
	background-size: 15px 25px;
	}
.message-text .e-dance-2{
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	padding: 5px 0;
	}

.e-fire{
	position: relative;
	top: -5px;
	background-image: url(/assets/img/emoji/fire.gif);
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	}
.e-loud{
	position: relative;
	top: -1px;
	background-image: url(/assets/img/emoji/loud.gif);
	width: 50px;
	height: 32px;
	background-size: 50px 32px;
	}
.e-here{
	background-image: url(/assets/img/emoji/here.gif);
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	}
@keyframes zoom_item{    
    0% {
      font-size: 15px;
    }
    50% {
      font-size: 15px;
    }
    80% {
      font-size: 18px;
    }
    100% {
      font-size: 15px;
    }
} 
@-webkit-keyframes zoom_item{    
    0% {
      font-size: 15px;
    }
    50% {
      font-size: 15px;
    }
    80% {
      font-size: 18px;
    }
    100% {
      font-size: 15px;
    }
}   
@-moz-keyframes  zoom_item{    
    0% {
      font-size: 15px;
    }
    50% {
      font-size: 15px;
    }
    80% {
      font-size: 18px;
    }
    100% {
      font-size: 15px;
    }
} 
@-o-keyframes zoom_item{   
    0% {
      font-size: 15px;
    }
    50% {
      font-size: 15px;
    }
    80% {
      font-size: 18px;
    }
    100% {
      font-size: 15px;
    }
}



.logged-user-icon{
    position: relative;
    display: none;
    vertical-align: middle;
    margin-right: 5px;
}
.logged-user-icon:after{
    font-size: 29px;
    content: "\f53d";
    color: #c7b7a8;
    font-family: 'FontAwesome';
}
/* SubNav begin */
.sub-nav-check-area{
    position:fixed;
    top: 40px;
    right:auto;
    left: auto;
    display:none; 
    padding:5px 0;
    background:#ffffff;
    border: 1px solid #dddddd;
    border-radius: 6px;
    box-sizing:border-box;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box;  
    z-index:9997; 
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .1); 
}   
.sub-menu-box-arrow:after {
    content: "";
    position: absolute;
    top: -7px; 
    left: 104px;
    margin-left: -5px;
    z-index: 999;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-bottom: 8px solid #ffffff;
    background: none;
    font-size: 14px;
}
.sub-menu-box-arrow:before {
    content: "";
    position: absolute;
    top: -9.5px; 
    left: 104px;
    margin-left: -5px;
    z-index: 999;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-bottom: 8px solid #dddddd;
    background: none;
    font-size: 14px;
}  
.sub-nav-mask{
    height:auto; 
    padding: 25px 20px;
    box-sizing:border-box;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box;
    text-align: center; 
}
.sub-nav-mask ul{
    display: inline-block;
    width: 46%;
    padding: 0;
    margin:0;
    text-transform: capitalize;
    text-align: left;
    box-sizing:border-box;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box;
    vertical-align: top;
} 
.sub-nav-mask ul.language{
    width: 100%;
    border-left:0; 
    text-align: center;
}
.sub-nav-mask ul:last-child{
  padding: 0 0 0 10%;
  border-left:1px solid #dddddd; 
} 
.sub-nav-mask ul.language:last-child{
    border-left:0; 
    padding: 0;
} 
.sub-nav-mask ul li{
  display: block;
  margin:0;
} 
.sub-nav-mask ul li a{
  display: block;
  padding: 8px 0;
  color: #707070;
} 
.sub-nav-mask ul li a:hover{
  color: #b58f6b;
  text-decoration: underline;
} 
.sub-nav-mask ul h3{
  display: block;
  margin: 8px 0;
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
} 
.sub-nav-mask::-webkit-scrollbar {
  width: 10px; 
  background: #f0f0f0;
  border-radius: 10px;
}
.sub-nav-mask::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 10px;
}
.sub-nav-mask:hover::-webkit-scrollbar-thumb {
  background: #cccccc;
}    

.btn-sign-out{  
    display: inline-block;
    margin: 12px 0 0 0;
    padding: 8px 15px;
    width: 100%;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: 0;
    font: 700 16px/1 'Open Sans Condensed','Arial Narrow','Helvetica Narrow',arial,helvetica,sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #222222;
    border-radius: 6px;
    border: 1px solid #cccccc;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    }
@media screen and (max-width: 370px) {
    .btn-sign-out{  
        margin: 12px 0 0 0;
    }
}   
.btn-sign-out.white{
    width: auto;    
    color: #707070;
    background-color: #ffffff;
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
}
.btn-sign-out:hover,
.btn-sign-out:active {
    color: #a5907e;
    background-color: #ffffff;
}
@media screen and (max-width: 640px) {
    .btn-sign-out{  
        font: 700 14px/1 'Open Sans Condensed','Arial Narrow','Helvetica Narrow',arial,helvetica,sans-serif;
    }
    .sub-nav-mask{ 
        padding: 25px 15px;
    }
    .sub-nav-mask ul h3{
        font-size: 14px;
    } 
    .sub-nav-mask ul:last-child{
        padding: 0 0 0 7%;
    } 
}   
@media screen and (max-width: 320px) {
    .sub-nav-mask{ 
        padding: 25px 7px;
    }
}   
@media screen and (max-width: 480px) {  
    .account-logged-on {
        padding: 0;
    }
}    
/* SubNav END */
/* header page use */
.logged-user-name{
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
    line-height: 1.3;
    }
.logged-user-name span,
.logged-user-name label{
    display: block;
    }
.logged-user-name span{
    font-size: 13px;
    color: #ffffff;
}
.logged-user-name span b.todayResult{
    width: 50px;
    display: inline-block;
    font-size: 14px;
}
html.is-active .logged-user-name span{
    color: #707070;    
} 
.logged-user-name.lobby span{
    line-height: 1;
    cursor: auto;
    }   
html.is-active .logged-user-name label{
    position: relative;
    font-size: 12px;
    font-weight: 500;
    color: #222222;
    cursor: pointer;
}
.logged-user-name label{
    color: #ffffff;
    font-size: 12px;
}
html.is-active .logged-user-name label:after{
    position: absolute;
    top: -3px;
    left: 36px;
    font-size: 17px;
    margin: 0 0 0 20px;
    content: "\f0d7";
    color: #222222;
    font-family: 'FontAwesome';
    }
.logged-user-name label:after{
    position: absolute;
    top: 15px;
    left: 74px;
    font-size: 17px;
    margin: 0 0 0 20px;
    content: "\f0d7";
    font-family: 'FontAwesome';
    color: #ffffff;
}
.logged-user-name.lobby{
    padding-right: 0;
    }
.logged-user-name.lobby label{
    font-weight: 700;
    cursor: auto;
    }
.logged-user-name.lobby label:after{
    display: none;
    }

 @media screen and (max-width: 330px) { 
    .logged-user-icon{
        display: none;
        }
    .logged-user-name label:after {
        top: -2px;
        }
    .logged-user-name label,
    .user-points strong {
        font-size: 13px;
        }
}   
.sub-nav-mask ul li.home-btn{
    display: none;
}
.sub-nav-check-area {
    width: 320px;
    max-width: 320px;
    padding: 15px 0 10px 0;
    margin: 0 ;
}
html.is-active .logged-user-icon:after {
    font-size: 26px;
    content: "\f219";
    color: #bbb9ff;
}
.logged-user-icon:after {
    font-size: 26px;
    content: "\f219";
    color: #59c8ff;
}
.sub-nav-mask {
    height: auto;
    padding: 0 10px 10px 10px;
}
.sub-nav-mask h4{
    font-size: 18px;
    font-weight: bold;
    padding-left: 0;
    display: inline;
}
.sub-nav-hover {
    position: absolute;
    top: 3px;
    left: 46px;
}
.sub-nav-mask ul h3 {
    margin-bottom: 0;
}

ul.game-point-list{
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
}
ul.game-point-list li:first-child{
	display: block;
    width: calc(100%);
    text-align: center;
    background: #f7f7f7;
}
ul.game-point-list li{
    display: inline-block;
    width: calc(50% - 1px);
    padding: 5px 0;
    margin: 0;    
    color: #707070;
    border-bottom: 1px solid #e3e3e3;
}
ul.game-point-list li:last-child{
    border: 0;
}
ul.game-point-list li label{
    display: inline-block;
    width: 75px;
    font-size: 12px;
    text-align: right;
}
ul.game-point-list li:first-child label{
	font-size: 15px;
	width: auto;
}
ul.game-point-list li span{
    color: #ff9423;
    font-size: 13px;
    font-weight: 600;
}
ul.game-point-list li:first-child span{
	font-size: 18px;
}
ul.game-point-list li span.text-black{
	color: #c5107b;
}
ul.game-point-list li span.text-black i{
	color: #cccccc;
}
hr {
    border-top: 1px solid #cccccc;
    margin-bottom:0;
}
.reload-icon{
    position: absolute;
    top: 5px;
    right: 5px;
    border: 0;
    padding: 0;
    background-color: transparent;
    cursor: pointer;
    display: block;
    z-index: 9997;
    width: 38px;
    height: 40px;
    outline: 0;
}

.reload-icon i{
    transform: rotate(45deg);
}
.spin {
    animation: spin 0.5s linear;
}
.reload-icon i{
    color: #555555;
}

.maintaince{
    filter: url(../JSFiles/filters.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(.8);
    position: relative;
}
html.is-active .maintaince img{
    opacity: .8;
}
.maintaince img{
    opacity: .7;
    box-shadow: rgba(50, 50, 93, .2) 0px 30px 100px -12px inset, rgba(0, 0, 0, .1) 0px 18px 66px -18px inset!important;
}
html.is-active ul.lobby-game-list.sports.zoom .maintaince:before,
html.is-active .maintaince:before{
	position: absolute;
	top: calc(50% - 21px);
	left: 0;
	right: 0;
    content: "\f013";
    color: rgba(255, 255, 255, .9);
    font-family: 'FontAwesome';
    font-size: 36px;
    z-index: 888;
    text-shadow: 0 0 15px rgba(0, 0, 0, .9);
    animation: spin 5s linear infinite;
	-webkit-text-stroke: 1px #222;
	text-stroke: 1px #222;
}
ul.lobby-game-list.sports.zoom .maintaince:before,
.maintaince:before{
	position: absolute;
	top: calc(50% - 21px);
	left: 0;
	right: 0;
    content: "\f013";
    color: rgba(0, 0, 0, .7);
    font-family: 'FontAwesome';
    font-size: 36px;
    z-index: 888;
    text-shadow: 0 0 15px rgba(0, 0, 0, .9);
    animation: spin 5s linear infinite;
	-webkit-text-stroke: 1px #fff;
	text-stroke: 1px #fff;
}
ul.lobby-game-list.funny.games.three .maintaince:before,
html.is-active ul.lobby-game-list.funny.games.three .maintaince:before,
ul.lobby-game-list.sports .maintaince:before,
html.is-active ul.lobby-game-list.sports .maintaince:before{
    top: calc(50% - 33px);
}
ul.lobby-type-list.live .maintaince:before,
#lobby-tabs-1 ul.lobby-type-list .maintaince:before{
	top: calc(50% - 38px);
	left: 6px;
}

.spin {
    -webkit-animation: spin 0.5s infinite linear;
    animation: spin 0.5s infinite linear
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}