body{
	background-color: #e6edf8;
}
.container{ padding: 0; }
.head{ background-color: #fff; padding: 20px 1rem; }
.bg-blue{background-color: #43a3e8 !important;}
.btn-blue{background-color: #43a3e8; color: #fff;}
.btn-blue:hover{background-color: #007bff; color: #fff;}
.navbar-dark .navbar-nav .nav-link { color: #fff !important; }
.btn{ padding: 0.15rem 0.3rem; border-radius:0; }
.user-contain{ display: inline-block;vertical-align:middle; line-height: 60px; float: left;}

.down-list{ position: relative; vertical-align: middle; float: right; margin: 0; width: 210px; text-align: right;}

ul.down-item{
	display: block;position: absolute; margin:0; list-style: none; right: 0; text-align: right;
	z-index: 1000;
}
.switch-lang{height: 100%; line-height: 60px; float: right; display: block; vertical-align: baseline;}
button.dropdown-item{ line-height: 16px !important; }
em.icon{
	display: inline-block;
	width: 50px;
    height: 16px;
    content: "";
}
em.fr{
	background-image: url(/image/fr.png);background-repeat:no-repeat;background-position:center;
}
em.en{
	background-image: url(/image/en.png);background-repeat:no-repeat;background-position:center;
}
em.cn{
	background-image: url(/image/cn.png);background-repeat:no-repeat;background-position:center;
}
.dropdown-menu{ border-radius: 0;}
.btn-default{
	color: #2B91E3;
}
.btn-default:hover{
	color: #2B91E3;
}
.navbar{ padding: 0 1rem; }
.main{ background-color: #fff; }
.full-content{ padding: 1rem 1.5rem; }
.full-content p{ margin-bottom: 0.5rem; }
.container-sidebar{ padding-left: 1.5rem; }
.container-body{ padding-right: 1.5rem; }
.ml-0{ margin-left: 0 !important; }
.mr-0{ margin-right: 0 !important; }

.game-list{display: inline-table !important;}
.game-list div{ width: 25%; float: left;margin-bottom: 4px; text-align: center; border: solid 1px #dee2e6;}
div.item{ position: relative;  }
div.item a{ display: block;  color: #666; padding-top: 2px; padding-bottom: 2px;	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-left: 20px;
padding-right:20px;
}
div.item a:hover{ text-decoration: none; }
div.item:hover{background-color: #e6edf8;}
.game-list .active{background-color: #e6edf8; background-image: url(/image/checked.png); background-repeat: no-repeat; background-position: right; }
.foot{background-color: #e6edf8;border-top: 1px solid white; }
.foot a{ color: #7992ba;}
.table .thead-light th{ background-color: #e6edf8;}
.table thead th{border-bottom: none;}

.user-contain p{  margin-bottom: 0;  }
.user-contain .wrap{display: table-cell; vertical-align: middle; height: 60px;}
.ac-name{ line-height: 16px; }
.ac-name span.txt{color: #666; font-size: 14px; padding-right: 5px;}
.ac-name span.val{font-size: 14px; }
.ac-name span.val a{text-decoration: none;color: #666; }
.ac-out{line-height: 16px; margin-top: 5px;}
.ac-out a.signout{ font-size: 14px; text-decoration: none; }
.form-control{
    webkit-box-shadow:none;
    box-shadow:none;
}
.form-control:focus{
    webkit-box-shadow:none;
    box-shadow:none;
}
.required:before{
	content: '* ';
    color: red;
}
@media screen and (min-width: 627px) {
    div.withResponsive{
    	width: 40% !important;
    	margin-left: auto !important;
    	margin-right: auto !important;
	}
}
@media screen and (max-width: 626px) {
    div.withResponsive{
    	width: 100%;
	}
}
.account-menu{ padding-top: 15px; padding-left: 0; }
.account-menu li{ padding: 10px 10px; list-style: none}
.account-menu li a{ color: #666; }
.account-menu li a:hover{color: #777; text-decoration: none;}
.account-menu li.active{background-color: #e6edf8; }
.form-control-sm{border-radius: 0;}
.form-control{border-radius: 0;}

.pagination-sm .page-item:first-child .page-link{
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.pagination-sm .page-item:last-child .page-link{
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
span.open{
	background-color: #444444;
	font-size: 12px;
	color: #fff;
	padding: 0 5px;
	text-align: center;
	display: inline-block;
	width: auto;
	position: absolute;
	left: 0;
	top: 5px;
}
div.nodata{
	border: 1px dashed #dee2e6;
	text-align: center;
	padding: 20px;
	color:#999;
}
.has-error small{ color: #dc3545; }
ul{ margin-bottom: 0; }
div.payment-3{ display: none; }
div.payment-4{ display: none; }
@media (min-width: 1200px) {
    .container{
        max-width: 1200px;
    }
}

@media (min-width: 1920px) {
    .container{
        max-width: 1400px;
    }
}