/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    font-family: Roboto,Noto,Helvetica,Arial,sans-serif;
    font-size: 14px;
    background: #fff;
    color: #222;
    /* min-width: 1200px; */
}

/*
 * Global add-ons
 */
a {
    color: #222;
    text-decoration: none;
}

a.hover {
    text-decoration: none;
    color: #428bca;
}



.container {
    /* width: 1000px; */
}

.topbar {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    /* background: #c5c5c5;
    border-bottom: 1px solid #c5c5c5; */
}

.topbar a {
    padding: 0 5px;
}

.topbar .container {
    padding: 0px 100px;
    position: relative;
    width:100%;
}

.header {
    /* height: 100px; */
    /* background-color: #fff; */
}

.header .container {
    padding: 0;
    position: relative;
}

.logo {
    background: url(../img/logo.png) no-repeat;
    height: 100px;
    width: 450px;
    margin: 0;
    float: left;
    background-size: contain !important;
}

.logo a {
    display: inline-block;
    height: 70px;
    width: 450px;
}

.header-login {
    /*float: right;*/
    margin-top: 15px;
    font-size: 13px;
    color: #222;
    text-align: right;
    white-space: nowrap;
}


.header-login .form-group {
    position: relative;
}

.header-login .form-label {
    font-size: 12px;
    color: #999;
    position: absolute;
    padding: 8px 8px;
}

.header-login .form-control {
    padding-left: 55px;
    font-size: 12px;
    width: 145px;
}

.header-code {
    position: absolute;
    right: 4px;
    top: 4px;
    height: 26px;
}

.index-login-link {
    color: #000;
    margin: -2px 0 10px;
}

.index-login-link>a:hover,
.index-login-link>a:focus {
	color: #000;
}

.draw_deposit_menu {
    border: 1px solid #D42B2B;
    background-color: #D42B2B;
    border-radius: 6px;
    padding: 2px 24px;
    color: #fff !important;
    outline: none;
    text-decoration: none;
    margin: 0 !important;
    /*
    padding: 2px 10px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 5px;
     */
}

.draw_deposit_menu:hover {
	background-color: #ff9b28;
    color: #fff !important;
    border-color: #ff9b28;
}

.draw_deposit_menu_special{
	margin: 0 10px !important;
}

.index-login-link a {
    color: black;
    margin: 0 5px;
}

.index-login-money {
    position: relative;
    display: inline-block;
}

.tip-forget {
   /*  right: 4px;
    top: 4px;
    padding: 0 10px; */
    display: inline-block;
   /*  height: 26px;
    line-height: 25px; */
    text-align: center;
    color: #0262a6;
   /*  border-radius: 2px; */
}

.header-nav {
    background: #1d66b9;
}

.header-banner{ 
	background: #376afd;
}

.header-nav .container {
    padding: 0;
    position: relative;
}

.header-nav-index {
    background: none;
}

.header-nav-index .container {
    background: #e23a3a;
}

.header-nav-lottery {
    width: 180px;
    float: left;
    font-size: 16px;
    line-height: 50px;
    color: #fff;
    background: #d42b2b;
    padding-left: 15px;
    position: relative;
}

.header-nav-lottery-zh {
    width: 300px;
    float: left;
    font-size: 16px;
    line-height: 50px;
    color: #fff;
    background: #d42b2b;
    padding-left: 15px;
    position: relative;
}

.header-nav-lottery>a {
    color: #fff;
    display: block;
}

.header-nav-lottery-zh>a {
    color: #fff;
    display: block;
}

.header-nav-lottery span {
    float: right;
    margin: 20px 15px;
}

.header-nav-lottery-zh span {
    float: right;
    margin: 20px 15px;
}

.header-nav-lottery em {
    position: absolute;
    right: 8px;
    top: 13px;
    width: 18px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    background: url(../img/arrow.png) no-repeat center center;
}

.header-nav-lottery-zh em {
    position: absolute;
    right: 8px;
    top: 13px;
    width: 18px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    background: url(../img/arrow.png) no-repeat center center;
}

.header-nav-lottery:hover em {
    background: url(../img/arrow_up.png) no-repeat center center;
}

.header-nav-lottery-zh:hover em {
    background: url(../img/arrow_up.png) no-repeat center center;
}

.nav-header {
	display: flex;
	justify-content: space-around;
	list-style:none;
	align-items:center;
}

.nav-header>li {
    float: left;
	/* transform: skewX(21deg);
	transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1); */
	padding: 0 5px;
}

.nav-header>li>a {
    color: #fff;
    font-size: 16px;
    padding: 13px 20px;
    /* margin-left: 8px; */
	text-decoration: none;
	/* transform: skewX(-21deg);
	transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1); */
	text-transform: uppercase;
}

.nav-header>li>span {
	color: #fff;
	font-size: 16px;
	padding: 14px 10px 0px;
    margin-left: 8px;
    display: block;
}

.nav-header>li.active,
.nav-header>li:hover {
	color: #fff;
	background: rgb(256,256,256,0.2);
/* 	background: #04b8ff; */
/* 	transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
	padding: 0 10px; */
}

.hot-icon {
    width: 20px;
    height: 14px;
    background: url(../img/hot_new.gif) no-repeat;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 2px;
    overflow: hidden;
    z-index: 10;
}


.header-nav .nav-lottery {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 998;
}

.index-left {
    width: 150px;
    float: left;
}

.nav-ranking {
    border-left: 2px solid #d42b2b;
    border-right: 2px solid #d42b2b;
    height: 182px;
    padding: 5px 5px;
    overflow: hidden;
}

.nav-ranking .nav>table>tr>td {
    line-height: 32px;
    padding: 6px 0;
    margin: 0 10px 0;
    color: #222;
    font-size: 16px;
    border-bottom: 1px dotted #eee;
}

.nav-ranking .nav>table>tr>td>img {
    width: 32px;
    height: 32px;
    margin-right: 5px;
    border-radius: 50%;
    float: left;
}

.nav-ranking .nav .img-small {
    width: 32px;
    height: 32px;
    margin-right: 5px;
    border-radius: 50%;
    float: left;
}

.nav-ranking .nav>li>a small {
    font-size: 12px;
    color: #999;
    float: none;
}

.nav-ranking .nav>li>a:hover,
.nav-ranking .nav>li>a:focus {
    background: none;
    color: #d42b2b;
}

.nav-lottery {
    height: 565px;
    background: #3e3e3e;
}

.nav-lottery1 {
    background: #474747;
}

.nav-lottery1 .nav>li>a {
    line-height: 32px;
    padding: 6px 0;
    margin: 0 10px 0;
    color: white;
    font-size: 16px;
    text-align: center;
}

.nav-lottery1 .nav>li>a>img {
    margin-right: 5px;
}

.nav-lottery1 .nav>li>a small {
    font-size: 12px;
    color: #999;
    float: right;
}

.nav-lottery1 .nav>li>a:hover,
.nav-lottery1 .nav>li>a:focus {
    background: none;
    color: #d42b2b;
}

.nav-lottery2 {
    border-bottom: 2px solid #d42b2b;
    height: 218px;
}

.nav-lottery2 dl {
    padding: 5px 10px;
    margin: 0;
    font-size: 12px;
    height: 72px;
    border-left: 2px solid #d42b2b;
    border-right: 2px solid #d42b2b;
}

.nav-lottery2 dt {
    width: 20px;
    font-weight: normal;
    float: left;
    border: 1px solid #e5e5e5;
    text-align: center;
    color: #999;
    height: 60px;
    padding-top: 4px;
}

.nav-lottery2 dd {
    margin-left: 26px;
    height: 60px;
    overflow: hidden;
}

.nav-lottery2 dd a {
    color: #555;
    display: inline-block;
    width: 83px;
    margin: 1px 0 2px;
}

.nav-lottery2 dd a:hover,
.nav-lottery2 dd a:focus {
    color: #d42b2b;
}

.nav-lottery3 {
    border-bottom: 2px solid #d42b2b;
    height: 218px;
}

.nav-lottery3 dl {
    padding: 5px 10px;
    margin: 0;
    font-size: 12px;
    height: 72px;
    border-left: 2px solid #d42b2b;
    border-right: 2px solid #d42b2b;
}

.nav-lottery3 dt {
    width: 20px;
    font-weight: normal;
    float: left;
    border: 1px solid #e5e5e5;
    text-align: center;
    color: #999;
    height: 60px;
    padding-top: 4px;
}

.nav-lottery3 dd {
    margin-left: 40px;
    height: 60px;
    overflow: hidden;
    margin-right: 20px;
}

.nav-lottery3 dd a {
    color: #555;
    display: inline-block;
    width: 83px;
    margin: 1px 0 2px;
}

.nav-lottery3 dd a:hover,
.nav-lottery3 dd a:focus {
    color: #d42b2b;
}

.index-main {
    width: 100%;
}

.index-main .carousel-inner,
.index-main .carousel-inner>.item>img,
.index-main .carousel-inner>.item>a>img {
    height: 350px;
	width: 100%;
}

.index-main .carousel {
    margin-top: 0px;
}

.index-main .carousel-indicators {
    bottom: 0;
}

.quick-tpis {
    color: #fff;
    line-height: 25px;
    margin: 5px 200px 0px 100px;
    padding: 0;
    overflow: hidden;
    position: relative;
    width: 950px;
    float: left;
}

.quick-tpis .glyphicon {
    font-size: 18px;
    margin-top: 4px;
    float: left;
    position: absolute;
}

.quick-tpis marquee {
    margin-left: 25px;
}

.quick-tpis marquee a {
    color: #fff;
    margin-right: 20px;
}

.index-right {
    width: 270px;
    float: right;
    height: 448px;
}

.index-login {}

.form-link {
    text-align: right;
}

.form-link a {
    margin-left: 15px;
}

.index-login .form-group {
    position: relative;
}

.index-login .form-label {
    font-size: 12px;
    color: #999;
    position: absolute;
    padding: 8px 8px;
}

.index-login .form-control {
    padding-left: 60px;
    font-size: 12px;
}

.index-code {
    position: absolute;
    right: 4px;
    top: 4px;
    height: 26px;
}

.red {
    color: #e23a3a !important;
}

.blue {
	color: #2196f3
}

.black {
	color: #333333
}
.btn-dark-blue {
    background: #013558;
    border-color: #013558;
    color: #FFF;
    padding: 8px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
	/* background-image: linear-gradient(#fd2122, #b51d21); */
}
.btn-dark-blue:hover,
.btn-dark-blue:focus {
    background: #013558;
    border-color: #013558;
    color: #FFF;
	box-shadow: 0 2px 5px #9a9696;
	transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-red {
    background: #d42b2b;
    border-color: #d42b2b;
    color: #FFF;
	background-image: linear-gradient(#fd2122, #b51d21);
}

.btn-red:hover,
.btn-red:focus {
    background: #d42b2b;
    border-color: #d42b2b;
    color: #FFF;
	box-shadow: 0 2px 5px #9a9696;
	transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-blue {
    background: #0262a6;
    color: white;
    border: none;
    padding: 8px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}

.btn-blue:hover,
.btn-blue:focus {
    background: #00548f;
    color: #FFF;
	box-shadow: 0 2px 5px #9a9696;
	transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

.index-news {
    border: 1px solid #e5e5e5;
    margin-top: 10px;
}

.index-news .nav-tabs>li>a {
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    color: #555;
    background: #f8f8f8;
    border-radius: 0;
    padding: 8px 15px;
}

.index-news .nav-tabs>li>a:hover,
.index-news .nav-tabs>li>a:focus {
    background: #f8f8f8;
}

.index-news .nav-tabs>li:first-child.active>a {
    border-left: none;
}

.index-news .nav-tabs>li:last-child.active>a {
    border-right: none;
}

.index-news .nav-tabs>li.active>a,
.index-news .nav-tabs>li.active>a:hover,
.index-news .nav-tabs>li.active>a:focus {
    background: #fff;
    border-top: none;
}

.index-news-list {
    padding: 10px 10px;
    height: 182px;
    overflow: hidden;
}

.index-news-list .nav>li>a {
    font-size: 12px;
    color: #555;
    padding: 5px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-news-list .nav>li>a:hover,
.index-news-list .nav>li>a:focus {
    background: none;
    color: #d42b2b;
}

.index-award {
    margin-top: 10px;
    border: 1px solid #e5e5e5;
}

.index-award h4 {
    font-size: 14px;
    font-weight: normal;
    padding: 10px;
    background: #f8f8f8;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 10px;
}

.index-award-list {
    height: 211px;
    overflow: hidden;
    padding: 0 10px 10px;
}

.index-award-list dl {
    font-size: 12px;
    color: #555;
    padding: 5px 0;
}

.index-award-list dt {
    font-weight: normal;
    width: 70%;
    overflow: hidden;
    float: left;
}

.index-award-list dd {
    width: 30%;
    overflow: hidden;
    float: right;
    color: #e23a3a;
    text-align: right;
}

.index-quick .nav-tabs>li>a {
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    color: #555;
    font-size: 16px;
    padding: 10px 7px;
}

.index-quick .nav-tabs>li>a:hover,
.index-quick .nav-tabs>li>a:focus {
    background: none;
}

.index-quick .nav-tabs>li.active>a,
.index-quick .nav-tabs>li.active>a:hover,
.index-quick .nav-tabs>li.active>a:focus {
    color: #e23a3a;
    background: none;
    border: 0;
    border-bottom: 2px solid #e23a3a;
}

.index-quick-box {
    padding: 0 10px 10px;
    height: 165px;
    overflow: hidden;
}

.index-quick-box1 {
    margin: 15px 0;
    color: #999;
}

.index-quick-box1 a {
    color: #999;
}

.index-quick-box1 a:hover {
    color: #d42b2b;
}

.index-quick-box3 {
    margin-top: 20px;
}


.index-open {
    width: 298px;
    height: 380px;
    float: left;
    margin-top: 20px;
    padding: 10px 0 20px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
}

.index-open .nav-tabs {
    border-bottom: 1px solid #e5e5e5;
}

.index-open h4 {
    font-size: 16px;
    float: left;
    line-height: 0;
    margin-left: 10px;
    font-weight: bold;
    color: #555;
}

.index-open .nav-tabs>li {
    float: right;
}

.index-open .nav-tabs>li>a {
    border: 0;
    border-bottom: 2px solid transparent;
    color: #555;
    padding: 5px 5px;
    margin-right: 5px;
}

.index-open .nav-tabs>li>a:hover,
.index-open .nav-tabs>li>a:focus {
    background: none;
}

.index-open .nav-tabs>li.active>a,
.index-open .nav-tabs>li.active>a:hover,
.index-open .nav-tabs>li.active>a:focus {
    color: #e23a3a;
    background: none;
    border: 0;
    border-bottom: 2px solid #e23a3a;
}

.index-open-list {
    margin-top: 15px;
}

.index-open-list dl {
    margin: 10px 0 0;
    padding: 0 10px;
    line-height: 1;
}

.index-open-list small {
    font-size: 12px;
    color: #999;
    font-weight: normal;
    float: right;
    margin-top: 2px;
}

.index-open-list .text-right,
.index-open-list a {
    font-size: 12px;
    color: #555;
    line-height: 1;
}

.index-open-list a:hover {
    color: #d42b2b;
}

.index-open-list dd b {
    margin-right: 8px;
}

.index-infor {
    margin: 20px 0 0 0px;
    border: 1px solid #e5e5e5;
    height: 380px;
    overflow: hidden;
}

.index-infor h4 {
    font-size: 16px;
    font-weight: bold;
    padding: 12px 10px 13px;
    color: #555;
    line-height: 1;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 8px;
}

.index-infor .nav>li {
    width: 50%;
    float: left;
}

.index-infor .nav>li>a {
    padding: 6px 10px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-infor .nav>li>a span {
    color: #999;
    margin-right: 5px;
}

.index-infor .nav>li>a:hover {
    color: #d42b2b;
    background: none;
}

/* .footer {
    padding-top: 20px;
} */

.bottom-link {
    margin-top: 30px;
	display: flex;
	justify-content: center;
}

.bottom-link dl {
    width: 25%;
    float: left;
    margin: 0;
}

.bottom-link dt {
    font-size: 20px;
    color: #555;
    font-weight: normal;
}

.bottom-link .nav>li>a {
    color: #929292;
    padding: 6px 0;
}

.bottom-link .nav>li>a:hover {
    background: none;
    color: #d42b2b;
}

.phone-code img {
    width: 100px;
    display: block;
}

.phone-code {
    color: #999;
    text-align: center;
}

.phone-code1,
.phone-code2 {
    float: left;
    margin-top: 5px;
}

.phone-code1 {
    margin-right: 10px;
}

.bottom-pic {
    margin: 30px 0 10px
}

.foot_info {
    margin: 0 auto;
    width: 750px;
}

.foot_info li {
    float: left;
    width: 120px;
    height: 45px;
    background: url(../img/footer_img.png) no-repeat;
    margin: 0 10px;
    list-style: none;
}

.foot_info li.foot_wljc {
    background-position: 0 0
}

.foot_info li.foot_wangan {
    background-position: 0 -45px
}

.foot_info li.foot_wsjy {
    background-position: 0 -90px
}

.foot_info li.foot_xylh {
    background-position: 0 -135px
}

.foot_info li.foot_kxwz {
    background-position: 0 -180px
}

.bottom-copy {
    text-align: left;
    font-size: 14px;
    padding-bottom: 20px;
    color: #939393;
    line-height: 2;
}

.bottom-copy a {
    color: #555;
}

.bottom-copy a:hover {
    color: #d42b2b;
}


.promotion {
    margin: 50px 0;
    border: 1px solid #e5e5e5;
    padding: 0 0 20px;
}

.promotion h3 {
    font-size: 20px;
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 20px;
    background: #f5f5f5;
}

.promotion dl {
    border: 1px solid #eee;
    margin: 20px 20px 0;
    padding: 0;
    cursor: pointer;
}

.promotion dt {}

.promotion dt img {
    width: 100%;
}

.promotion dd {
    padding: 20px;
}

.promotion-t {
    color: #e23a3a;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.promotion dd ul {
    font-size: 12px;
    color: #555;
    margin: 20px 0 0;
    line-height: 2;
}

.promotion-box {
    display: none;
    padding: 15px;
    border: 1px solid #eee;
    border-top: 0;
    margin: -1px 20px 20px;
}

.promotion-box img {
    width: 100%;
}

.promoImg img{
	width: inherit;
}

.open {
    margin: 20px 0;
}

.open-tab .nav-tabs {
    background: #f5f5f5;
}

.open-tab .nav-tabs>li>a {
    color: #555;
    border-radius: 0;
}

.open-tab .nav-tabs>li.active>a,
.open-tab .nav-tabs>li.active>a:hover,
.open-tab .nav-tabs>li.active>a:focus {
    color: #222;
    border-top: 2px solid #e23a3a;
}

.open-tab .tab-content {
    border: 1px solid #e5e5e5;
    border-top: 0;
    padding: 10px 0;
}

.open-tab .nav-pills {}

.open-tab .nav-pills>li>a {
    color: #555;
    border-radius: 0;
    padding: 0 15px;
    line-height: 1;
}

.open-tab .nav-pills>li {
    border-right: 1px solid #e5e5e5;
    margin: 8px 0;
}

.open-tab .nav-pills>li:last-child {
    border-right: 0;
}

.open-tab .nav-pills>li>a:hover,
.open-tab .nav-pills>li>a:focus {
    background: none;
    color: #d42b2b;
}

.open h4 {
    margin: 20px 0;
}

.open h4 .btn {
    margin-top: -8px;
}

.open-table .table {
    font-size: 12px;
    border: 1px solid #e5e5e5;
    color: #555;
}

.open-table .table a {
    color: #1E50A2;
}

.open-table .table a:hover,
.open-table .table a:focus {
    color: #d42b2b;
}

.open-table .table a.btn {
    padding: 0px 10px;
    color: #fff;
}

.open-table .table a.btn:hover,
.open-table .table a.btn:focus {
    color: #fff;
}

.open-table .table>thead>tr>th {
    border-bottom: 1px solid #e5e5e5;
    font-weight: normal;
    background: #f5f5f5;
}

.trend {
    margin: 20px 0;
}

.trend-list dl {
    float: left;
    text-align: center;
    margin: 5px 25px 15px 25px;
}

.trend-list dt {
    font-weight: normal;
    margin-bottom: 10px;
}

.trend-list dt img {
    width: 88px;
    display: block;
    margin-bottom: 5px;
}

.news {
    border: 1px solid #e5e5e5;
    margin: 20px 0;
    padding: 0 20px 20px;
}

.news h4 {
    font-size: 20px;
    margin: 0 -20px 20px;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 20px;
    background: #f5f5f5;
}

.news .table {}

.news .table>thead>tr>th,
.news .table>tbody>tr>th,
.news .table>tfoot>tr>th,
.news .table>thead>tr>td,
.news .table>tbody>tr>td,
.news .table>tfoot>tr>td {
    padding: 15px 8px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 0;
}

.news .table a {
    color: #555;
}

.news .table a:hover,
.news .table a:focus {
    color: #d42b2b;
}

.news .pager li>a,
.news .pager li>span {
    border-radius: 0;
}

.news-view {
    margin: 20px;
    border: 1px solid #e5e5e5;
    border-top: 3px solid #e5e5e5;
    padding: 20px;
    min-height: 700px;
}

.news-view h1 {
    margin: 20px;
    font-size: 30px;
    text-align: center;
}

.author {
    color: #999;
    border-bottom: 1px dashed #e5e5e5;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.news-box {
    color: #555;
    line-height: 2;
}

.news-box p {
    margin-bottom: 20px;
    text-indent: 2em;
}

.news-pager {
    margin: 20px;
}

.news-pager li>a,
.news-pager li>span {
    border-radius: 0;
}

.help h4 {
    margin: 20px 0 0;
}

.help .list-group-item a {
    color: #555;
}

.help .list-group-item a em {
    color: #e23a3a;
    font-size: 16px;
    margin-right: 10px;
    font-style: normal;
}

.help .list-group-item a:hover,
.help .list-group-item a:focus {
    color: #d42b2b;
}

.help-box {
    margin-top: 20px;
    border: 1px solid #e5e5e5;
    padding: 0 20px 20px;
}

.help-wrap h3 {
    font-size: 20px;
    margin: 20px -20px 0;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    padding: 15px 20px;
    background: #f5f5f5;
}

.help-box>.help-wrap:first-child h3 {
    margin-top: 0;
    border-top: 0;
}

.help-wrap-tit {
    color: #c71f33;
    font-size: 14px;
    margin: 15px 0 0;
}

.register {
    /* border: 1px solid #e5e5e5; */
    margin: 20px 0;
    border-top: 0;
    min-height: 500px;
}

.t-sub {
    font-size: 20px;
    margin: 0 0 20px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    padding: 15px 20px;
    background: #f5f5f5;
}

.nav-list h4 {
    margin: 20px 0;
}

.nav-list .nav>li {
    width: 16.66666666666%;
    float: left;
    padding: 5px;
    border: 1px solid #e5e5e5;
    margin: 0 -1px -1px 0;
    height: 54px;
}

.nav-list .nav>li>a {
    color: #555;
}

.nav-list .nav>li>a:hover,
.nav-list .nav>li>a:focus {
    background: none;
    color: #d42b2b;
}

.nav-list .nav>li>a img {
    margin-right: 5px;
    vertical-align: middle;
}


.float-left {
    position: fixed;
    left: 10px;
    top: 200px;
    z-index: 999;
}

.float-left-3 {
    height: 165px;
    background: url(../img/float-left-3.png) no-repeat;
    text-align: center;
    padding-top: 19px;
}

.float-right-3 {
    height: 165px;
    background: url(../img/float-left-3.png) no-repeat;
    text-align: center;
    padding-top: 19px;
}

.float-right {
    position: fixed;
    right: 10px;
    top: 200px;
    z-index: 999;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mt20 {
    margin-top: 20px;
}

.wl {
    width: 70px;
}


.red-ball {
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    margin-right: 16px;
    border-radius: 50%;
    background: #e23a3a;
    font-style: normal;
}

.blue-ball {
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    margin-right: 16px;
    border-radius: 50%;
    background: #4493eb;
    font-style: normal;
}

.red-ball-sm {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 19px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    margin-right: 4px;
    border-radius: 50%;
    background: #e23a3a;
    font-style: normal;
}

.blue-ball-sm {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 19px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    margin-right: 4px;
    border-radius: 50%;
    background: #4493eb;
    font-style: normal;
}

.red-ball-home {
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    margin-right: 16px;
    border-radius: 50%;
    background: #e23a3a;
    font-style: normal;
}

.blue-ball-home {
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    margin-right: 16px;
    border-radius: 50%;
    background: #4493eb;
    font-style: normal;
}

.green-ball-home {
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    margin-right: 16px;
    border-radius: 50%;
    background: #4caf50;
    font-style: normal;
}

.racing {
    width: 32px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #e5e5e5;
    display: inline-block;
    color: #fff;
    font-size: 28px;
    text-shadow: 0 1px 1px #000;
    font-style: normal;
    border-radius: 6px;
    margin-right: 5px;
}

.racing-sm {
    width: 18px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #e5e5e5;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    text-shadow: 0 1px 1px #000;
    font-style: normal;
    margin-right: 2px;
}

.r1 {
    background: #ffff02;
}

.r2 {
    background: #018aff;
}

.r3 {
    background: #4c4c4c;
}

.r4 {
    background: #ff7400;
}

.r5 {
    background: #82feff;
}

.r6 {
    background: #5204ff;
}

.r7 {
    background: #e4e4e4;
}

.r8 {
    background: #ff1201;
}

.r9 {
    background: #770400;
}

.r10 {
    background: #23c300;
    letter-spacing: -6px;
    text-indent: -9px;
}

.racing-sm.r10 {
    letter-spacing: 0;
    text-indent: 0;
}

.LHC-num {
    float: left;
    text-align: center;
    margin: 0 10px 0 0;
    padding: 0;
}

.LHC-num dd {
    color: #555;
    font-size: 12px;
}

.LHC-redball,
.LHC-blueball,
.LHC-greenball {
    width: 40px;
    height: 40px;
    line-height: 35px;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background-size: 40px;
    letter-spacing: -1px;
    text-indent: -1px;
}

.LHC-redball {
    border: 1px solid #fb4a51;
    background-image: url(../img/LHC-redball.png);
}

.LHC-blueball {
    border: 1px solid #2ebff6;
    background-image: url(../img/LHC-blueball.png);
}

.LHC-greenball {
    border: 1px solid #7cd932;
    background-image: url(../img/LHC-greenball.png);
}

.LHC-add {
    line-height: 35px;
    font-style: normal;
    font-size: 24px;
}

.LHC-sm {
    height: 20px;
    width: 20px;
    line-height: 16px;
    font-size: 12px;
    font-weight: normal;
    background-size: 20px;
    letter-spacing: -1px;
    text-indent: 1px;
}

.LHC-add-sm {
    line-height: 16px;
    font-style: normal;
    font-size: 14px;
}

.kuai3Ball {
    width: 53px;
    height: 53px;
    display: inline-block;
    background: url(../img/kuai3.png) no-repeat;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 20px 0 0;
}

.num1 {
    background-position: -15px -39px;
}

.num2 {
    background-position: -96px -39px;
}

.num3 {
    background-position: -15px -114px;
}

.num4 {
    background-position: -96px -114px;
}

.num5 {
    background-position: -15px -189px;
}

.num6 {
    background-position: -96px -189px;
}

.open-kuai3 {
    width: 36px;
    height: 36px;
    display: inline-block;
    background: url(../img/kuai3.png) no-repeat;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 10px 0 0;
}

.no1 {
    background-position: -9px -266px;
}

.no2 {
    background-position: -64px -266px;
}

.no3 {
    background-position: -119px -266px;
}

.no4 {
    background-position: -9px -315px;
}

.no5 {
    background-position: -64px -315px;
}

.no6 {
    background-position: -119px -315px;
}

.open-kuai3-small {
    width: 26px;
    height: 26px;
    display: inline-block;
    background: url(../img/kuai3.png) no-repeat;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 10px 0 0;
}

.n1 {
    background-position: 0 0;
}

.n2 {
    background-position: -27px 0;
}

.n3 {
    background-position: -54px 0;
}

.n4 {
    background-position: -81px 0;
}

.n5 {
    background-position: -108px 0;
}

.n6 {
    background-position: -135px 0;
}

.d-banner {
    width: 100%;
    height: 100px;
    background-image: url(../img/d-banner.jpg);
    background-repeat: no-repeat;
    background-position-x: center;
    margin: 20px 0 0;
}

.clearfix {
    line-height: 0;
}

.kf {
    background: url(../img/kf.png) no-repeat;
    width: 109px;
    height: 40px;
    display: inline-block;
    margin: -10px -12px;
}

.nav-lottery2 {
    position: relative;
}

.nav-lottery2 dl.lottery-more-on {
    border-bottom: 1px solid #d42b2b;
    border-right-color: #fff;
    border-top: 1px solid #d42b2b;
    background: #FFF;
    position: relative;
    z-index: 999;
}

.lottery-more {
    border: 2px solid #d42b2b;
    border-left: none;
    width: 590px;
    height: 219px;
    position: absolute;
    left: 300px;
    top: -1px;
    background: #FFF;
    z-index: 999;
    padding: 20px;
    overflow: hidden;
    line-height: 1.42857143;
}

.lottery-more h4 {
    font-size: 16px;
    margin: 0 0 8px;
    color: #222;
}

.lottery-more a {
    color: #555;
    display: inline-block;
    width: 106px;
    margin: 0 0 8px;
    font-size: 12px;
}

.lottery-more a:hover {
    color: #e23a3a;

}


.BalanceSelector1 .Hover,
.BalanceSelector1 .Hover .BalanceSelectorHeader {
    background-position: 0 -6px;
    color: #FFDF1B;
}

.BalanceSelector1 .Hover img {
    top: -6px;
}

.BalanceSelector1 ul {
    border-radius: 4px 4px 4px 4px;
}

.BalanceSelector1 ul li.firstRow a,
.BalanceSelector1 ul li.firstRow div {
    background-color: #BBBBBB;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.BalanceSelector1 ul li.lastRow a,
.BalanceSelector1 ul li.lastRow div {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.BalanceSelector1 ul {
    background-clip: border-box;
    background-position: right top;
    background-repeat: no-repeat;
    /*  border: 1px solid #333333;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); */
    list-style: none outside none;
    position: absolute;
    right: 0;
    width: 160px;
}

.BalanceSelector1 ul li {
    line-height: 30px;
    white-space: nowrap;
    display: block;
    width: 160px;
    text-align: -webkit-match-parent;
}

.BalanceSelector1 ul li div {
    cursor: default;
    font-size: 13px;
    height: auto;
    line-height: 30px;
    display: block;
    width: 160px;
    margin: 0px
}

.BalanceSelector1 ul li a,
.BalanceSelector1 ul li div {
    background-color: #B4B4B4;
    border-bottom: 1px solid #9E9E9E;
    border-top: 1px solid #C0C0C0;
    display: block;
    text-align: left
}

.BalanceSelector1 ul li a,
.BalanceSelector1 ul li a:link,
.BalanceSelector1 ul li a:visited {
    background-position: 164px 2px;
    background-repeat: no-repeat;
    color: #333333;
    cursor: pointer;
    display: block;
    font-family: verdana;
    font-size: 12px;
    height: 28px;
    padding: 0 10px;
    text-align: left;
    margin: 0;
}

.BalanceSelector1 ul li a:hover {
    background-color: #C8C8C8;
    border-top: 1px solid #D8D8D8;
}

.BalanceSelector1 ul li span.BalanceLabel {
    color: #666666;
    display: inline-block;
    float: left;
    padding-left: 10px;
}

.BalanceSelector1 ul li span.BonusValue,
.BalanceSelector1 ul li span.WithdrawableValue,
.BalanceSelector1 ul li span.TotalValue {
    color: #333333;
    display: inline-block;
    float: none;
}


.lottery-iframe {
   /*  border: solid 1px #e5e5e5; */
    margin: 20px 0 0;
}

.app_down {
    width: 100%;
    height: 520px;
    background: url(../img/app_down.jpg) no-repeat center center/auto 520px;
    margin-bottom: -20px;
}

.app_down .inner {
    float: right;
    margin-right: 114px;
    padding-top: 90px;
    position: relative;
}

.app_down .inner .p1 {
    font-size: 14px;
}

.app_down .inner .p2 {
    font-size: 36px;
}

.app_down .inner .p3 {
    position: absolute;
    top: 193px;
    left: 4px;
    font-weight: 200;
}

.app_down .inner a {
    display: block;
    color: #fff;
    width: 150px;
    height: 30px;
    background: #000;
    border-radius: 3px;
    line-height: 30px;
    font-size: 12px;
    position: relative;
    text-indent: 36px;
}

.app_down .inner a:before {
    position: absolute;
    content: '';
    width: 22px;
    height: 16px;
    left: 10px;
    top: 8px;
    background: url(../img/app_icon.png) no-repeat left top/16px auto;
}

.app_down .inner .p3 a:before {
    top: 7px;
}

.app_down .inner .p4 a:before {
    background-position: 0 -16px;
}

.app_down .inner .p5 {
    position: absolute;
    top: 233px;
    left: 4px;
    font-weight: 200;
}

.app_down .inner .p5 a {
    background: 0 0;
    color: #000;
    border: solid 1px #000;
    text-indent: 0;
    text-align: center;
    font-weight: 400;
}

.app_down .inner .p4 {
    display: block;
    position: absolute;
    top: 273px;
    left: 4px;
}

.app_down .inner img {
    width: 115px;
    margin-left: 164px;
    margin-top: 10px;
}

.warp {
    display: none;
}




/* 2018-12-11 */
.coupon-list {
    margin: 16px 16px 0;
}

.coupon-li {
    margin: 0 0 16px;
    background: #fff;
    border-radius: 4px;
    padding: 10px 16px 5px;
    border-left: 4px solid #eb5935;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    position: relative;
    height: 102px;
}

.coupon-line1 {
    font-size: 16px;
}

.coupon-line2 {
    font-size: 50px;
    color: #eb5935;
    line-height: 1;
    margin: 5px 0;
}

.coupon-line2 small {
    font-size: 28px;
    margin-right: -6px
}

.coupon-line2 span {
    background: #eb5935;
    color: #fff;
    font-size: 13px;
    padding: 3px 8px;
    border-radius: 14px;
    margin: 0 0 0 5px;
    vertical-align: middle;
}

.coupon-line3 {
    color: #999;
    font-size: 12px;
}

.coupon-li .button {
    position: absolute;
    right: 10px;
    top: 32px;
    min-width: 52px;
    width: 52px;
    height: 52px;
    line-height: 52px;
    border-radius: 50%;
    padding: 0;
}

.coupon-li-ed {
    border-color: #bbb;
}

.coupon-li-ed .coupon-line2 {
    color: #bbb;
}

.coupon-li-ed .coupon-line2 span {
    background: #bbb;
}

.coupon-li-ed .button.button-fill {
    background: #bbb;
}

.coupon-li-ed .coupon-line3 {
    display: none;
}

@media screen and (max-width: 320px) {
    .coupon-list {
        margin: 10px 10px 0;
    }

    .coupon-li {
        margin: 0 0 10px;
        height: 89px;
    }

    .coupon-line1 {
        font-size: 14px;
    }

    .coupon-line2 {
        font-size: 40px;
    }

    .coupon-line2 small {
        font-size: 24px;
    }

    .coupon-line2 span {
        font-size: 12px;
    }

    .coupon-li .button {
        top: 27px;
    }
}

.quan-list {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    z-index: 9999;
    display: none;
}

.quan-box-zh {
	width: 250px;
	background-image: url(../img/quan-list-zh.png);
	background-repeat: no-repeat;
	background-size: 105% auto;
	margin:180px auto;
	padding: 74px 10px 20px;
	border-radius: 15px;
}
.quan-box-en {
	width: 250px;
	background-image: url(../img/quan-list-en.png);
	background-repeat: no-repeat;
	background-size: 105% auto;
	margin:180px auto;
	padding: 74px 10px 20px;
	border-radius: 15px;
}
.quan-box-th {
	width: 250px;
	background-image: url(../img/quan-list-th.png);
	background-repeat: no-repeat;
	background-size: 105% auto;
	margin:180px auto;
	padding: 74px 10px 20px;
	border-radius: 15px;
}
.quan-box-vi {
	width: 250px;
	background-image: url(../img/quan-list-vn.png);
	background-repeat: no-repeat;
	background-size: 105% auto;
	margin:180px auto;
	padding: 74px 10px 20px;
	border-radius: 15px;
}
.quan-box-in {
	width: 250px;
	background-image: url(../img/quan-list-in.png);
	background-repeat: no-repeat;
	background-size: 105% auto;
	margin:180px auto;
	padding: 74px 10px 20px;
	border-radius: 15px;
}
.quan-box-id {
	width: 250px;
	background-image: url(../img/quan-list-id.png);
	background-repeat: no-repeat;
	background-size: 105% auto;
	margin:180px auto;
	padding: 74px 10px 20px;
	border-radius: 15px;
}
.quan-box-pt {
	width: 250px;
	background-image: url(../img/quan-list-pt.png);
	background-repeat: no-repeat;
	background-size: 105% auto;
	margin:180px auto;
	padding: 74px 10px 20px;
	border-radius: 15px;
}
.quan-li {
    height: 71px;
    background-image: url(../img/quan-li.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0 0 8px;
}

.quan-li-left {
    color: #eb5935;
    font-size: 15px;
    width: 37%;
    float: left;
    text-indent: 8px;
    margin-top: 25px;
}

.quan-li-left small {
    font-size: 14px;
}

.quan-li-right {
    color: #212121;
    width: 63%;
    float: right;
    text-indent: 15px;
    margin-top: 16px;
}

.quan-li-right span {
    color: #999;
    font-size: 12px;
    display: block;
}

a.quan-btn {
    background: #efb93f;
    color: #fff;
    display: block;
    text-align: center;
    padding: 8px 0;
    border-radius: 20px;
    font-size: 16px;
    margin-top: 13px;
}

a.quan-close {
    display: block;
    text-align: center;
    margin-top: -160px;
}

a.quan-close img {
    width: 36px;
}

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}


/* 每日加奖 */
.floorDetail table {
    text-align: center;
    table-layout: fixed
}

.floorDetail table th {
    background-color: #4393be;
    color: #fff;
    font-weight: 100
}

.floorDetail table td,
.floorDetail table th {
    border: 1px solid #e6e6e6;
    height: 40px;
    font-size: 14px;
    text-align: center;
}

.floorDetail em,
.floorDetail i {
    font-size: 14px;
    font-style: normal;
}

.floorDetail em {
    margin-right: 15px
}

.floorDetail i {
    color: #f76727
}

.floorDetail a {
    font-size: 16px;
    color: #fff;
    background: #e4393c;
    border-radius: 4px;
    padding: 7px 18px
}

.floorDetail h3 {
    display: block;
    background: #d2dbe0;
    width: 84px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    margin-top: 30px;
    padding: 0;
    margin-bottom: 10px;
}

.floorDetail h3 i {
    display: inline-block;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 10px solid #d2dbe0;
    position: absolute;
    margin-left: 14px
}

.floorDetail .disable {
    background: #d6d6d6;
    color: #999
}

.tbplus {
    position: relative;
    width: 145px
}

.tbplus em {
    position: absolute;
    right: -10px;
    top: -2px;
    font-size: 14px
}

.tbplus ins {
    border-bottom: 1px solid #7fbbdc;
    position: absolute;
    width: 147px;
    -webkit-transform: rotate(15.2deg);
    transform: rotate(15.2deg);
    left: -1px;
    top: 19px
}

.tbplus i {
    position: absolute;
    left: 12px;
    bottom: 3px;
    color: #fff
}

.VIPTopBonus {
    position: relative;
    top: 6.5em;
    left: -32em;
    font-weight: 600;
    font-size: 1em;
    color: #fa262d
}

.VIPTopBonus2 {
    position: relative;
    top: 4.3em;
    left: -21.2em;
    font-weight: 600;
    font-size: 1.6em;
    color: rgba(59, 19, 138, .84)
}

.floorDetail img {
    max-width: 100%;
}

.badge1 {
    position: relative;
    margin-right: 8px;
}

.badge1[data-badge].noMessage:after {
    content: attr(data-badge);
    position: absolute;
    font-size: .75em;
    font-weight: bold;
    background: #999;
    color: white;
    width: 20px;
    height: 16px;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    box-shadow: 0 0 1px #333;
}

.badge1[data-badge].gtMessage:after {
    content: attr(data-badge);
    position: absolute;
    font-size: .75em;
    font-weight: bold;
    background: red;
    color: white;
    width: 20px;
    height: 16px;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    box-shadow: 0 0 1px #333;
}

.LUSTCITY-nana-small,
.LUSTCITY-lucy-small,
.LUSTCITY-goldbar-small,
.LUSTCITY-car-small,
.LUSTCITY-tower-small,
.LUSTCITY-num-small,
.LUSTCITY-yellow-small,
.LUSTCITY-darkred-small,
.LUSTCITY-red-small {
  width: 30px;
  height: 30px;
  line-height: 27px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  display: inline-block;
  text-align: center;
/*   border-radius: 50%; */
  background-size: 30px;
/*   text-indent: 2px; */
}
.LUSTCITY-nana-small {
  border: 1px solid;
  background-image: url(../img/LUSTCITY/nana.png);
  background-color: white;
}
.LUSTCITY-lucy-small {
  border: 1px solid;
  background-image: url(../img/LUSTCITY/xilu.png);
  background-color: white;
}
.LUSTCITY-goldbar-small {
  border: 1px solid;
  background-image: url(../img/LUSTCITY/jintiao.png);
  background-color: white;
}
.LUSTCITY-car-small {
  border: 1px solid;
  background-image: url(../img/LUSTCITY/haoche.png);
  background-color: white;
}
.LUSTCITY-tower-small {
  border: 1px solid;
  background-image: url(../img/LUSTCITY/dalou.png);
  background-color: white;
}
.LUSTCITY-num-small {
  border: 1px solid;
  background-color: white;
}
.LUSTCITY-yellow-small {
  border: 1px solid;
  background-image: url(../img/LUSTCITY/jinshe.png);
  background-color: white;
}
.LUSTCITY-darkred-small {
  border: 1px solid;
  background-image: url(../img/LUSTCITY/hongshe.png);
  background-color: white;
}
.LUSTCITY-red-small {
  border: 1px solid;
  background-image: url(../img/LUSTCITY/jhongshe.png);
  background-color: white;
}

.YSC-green-small,
.YSC-red-small,
.YSC-purple-small,
.YSC-gpcolor-small,
.YSC-rpcolor-small,
.YSC-num-small {
    width: 30px;
    height: 30px;
    line-height: 27px;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    /*   border-radius: 50%; */
    background-size: 30px;
    /*   text-indent: 2px; */
}
.YSC-green-small {
    border: 1px solid;
    background-image: url(../img/YSC/green.png);
    background-color: white;
}
.YSC-red-small {
    border: 1px solid;
    background-image: url(../img/YSC/red.png);
    background-color: white;
}
.YSC-purple-small {
    border: 1px solid;
    background-image: url(../img/YSC/purple.png);
    background-color: white;
}
.YSC-gpcolor-small {
    border: 1px solid;
    background-image: url(../img/YSC/green-purple.png);
    background-color: white;
}
.YSC-rpcolor-small {
    border: 1px solid;
    background-image: url(../img/YSC/red-purple.png);
    background-color: white;
}
.YSC-num-small {
    border: 1px solid;
    background-color: white;
}

.jltc_zh{
	width:400px;
	height:400px;
	position: absolute;
	background:url(/static/img/jltc_zh.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-left: 24%;
	margin-top: -1000px;
}

.jltc_en{
	width:400px;
	height:400px;
	position: absolute;
	background:url(/static/img/jltc_en.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-left: 24%;
	margin-top: -1000px;
}

.jltc_th{
	width:400px;
	height:400px;
	position: absolute;
	background:url(/static/img/jltc_th.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-left: 24%;
	margin-top: -1000px;
}

.jltc_vi{
	width:400px;
	height:400px;
	position: absolute;
	background:url(/static/img/jltc_vi.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-left: 24%;
	margin-top: -1000px;
}

.jltc_in{
	width:400px;
	height:400px;
	position: absolute;
	background:url(/static/img/jltc_in.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-left: 24%;
	margin-top: -1000px;
}

.jltc_id{
	width:400px;
	height:400px;
	position: absolute;
	background:url(/static/img/jltc_id.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-left: 24%;
	margin-top: -1000px;
}

.jltc_pt{
	width:400px;
	height:400px;
	position: absolute;
	background:url(/static/img/jltc_pt.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-left: 24%;
	margin-top: -1000px;
}

.jltcqr_zh{
	width: 128px;
	height: 36px;
	cursor:pointer;
	margin-top: 5px;
	margin-left: 135px;
	background:url(/static/img/jltcqr_zh.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.jltcqr_en{
	width: 128px;
	height: 36px;
	cursor:pointer;
	margin-top: 5px;
	margin-left: 135px;
	background:url(/static/img/jltcqr_en.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.jltcqr_th{
	width: 128px;
	height: 36px;
	cursor:pointer;
	margin-top: 5px;
	margin-left: 135px;
	background:url(/static/img/jltcqr_th.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.jltcqr_vi{
	width: 128px;
	height: 36px;
	cursor:pointer;
	margin-top: 5px;
	margin-left: 135px;
	background:url(/static/img/jltcqr_vi.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.jltcqr_in{
	width: 128px;
	height: 36px;
	cursor:pointer;
	margin-top: 5px;
	margin-left: 135px;
	background:url(/static/img/jltcqr_in.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.jltcqr_id{
	width: 128px;
	height: 36px;
	cursor:pointer;
	margin-top: 5px;
	margin-left: 135px;
	background:url(/static/img/jltcqr_id.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.jltcqr_pt{
	width: 128px;
	height: 36px;
	cursor:pointer;
	margin-top: 5px;
	margin-left: 135px;
	background:url(/static/img/jltcqr_pt.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.quan-li-left-api {
    color: #eb5935;
    font-size: 15px;
    width: 37%;
    float: left;
    text-indent: 8px;
    margin-top: 25px;
}
.OSD-0-xsmall,
.OSD-1-xsmall {
  width: 25px;
  height: 25px;
  line-height: 27px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  background-size: 25px;
  margin-right: 5px;
}
.OSD-1-xsmall {
  background-image: url(/static/img/game/OSD/1.png);
}
.OSD-0-xsmall {
  background-image: url(/static/img/game/OSD/0.png);
}
.YXX-1-xsmall,
.YXX-2-xsmall,
.YXX-3-xsmall,
.YXX-4-xsmall,
.YXX-5-xsmall,
.YXX-6-xsmall {
  width: 30px;
  height: 30px;
  color: #000;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  background-size: 30px;
  margin-right: 1px;
}

.YXX-1-xsmall {
  background-image: url(/static/img/game/YXX/deer.png);
}
.YXX-2-xsmall {
  background-image: url(/static/img/game/YXX/gourd.png);
}
.YXX-3-xsmall {
  background-image: url(/static/img/game/YXX/rooster.png);
}
.YXX-4-xsmall {
  background-image: url(/static/img/game/YXX/fish.png);
}
.YXX-5-xsmall {
  background-image: url(/static/img/game/YXX/crab.png);
}
.YXX-6-xsmall {
  background-image: url(/static/img/game/YXX/prawn.png);
}
.btn-facebook {
    background: #1877f2;
    border-color: #1877f2;
    color: #FFF;
    font-weight: bold;
}

.btn-facebook:hover,
.btn-facebook:focus {
    background: #2196f3;
    border-color: #2196f3;
    color: #FFF;
}

.btn-facebook i{
	float:left;
	margin: 4px 0 0 5px;
}
.nav-footer {
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.nav-footer>li {
    padding: 0px 5px;
}
.footer-background {
	background-color: #fff !important;
}
.footer-font-color {
	color: #929292;
}
.banner-help {
	color: white;
	float: right;
	margin: 5px 0px;
	padding-right: 150px
}
.col-25 {
	width: 25%;
}
.position-relative {
	position: relative;
}
.top-right-tooltip {
	position: absolute;
	top: 0;
	right: 0;
	color: white;
	background: #188b78;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 7vw;
	height: 3vw;
	border-bottom-left-radius: 45px;
}
.btn-yellow {
	background: #fad910;
	border-color: #fad910;
	color: black;
}
.btn-black {
	background: #000000;
	border-color: #000000;
	color: white;
}

.item1>a>img:hover{
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

.icon-eye{
    height: 20px;
    width: 20px;
    left: auto;
    right: 10px;
    position: absolute;
    z-index: 1;
    bottom: auto;
    top: 7px;
}

.homepage-profile{
    max-width: 42px;
    border-radius: 50%;
    margin:0 15px;
}

.logout-logo{
    width: 16px;
    margin-bottom: 3px;
}

.footer-separator{
    height:2px;
    background-color:#e5e5e5;
}
.main-content{
	display: flex;
}
.lqd-site-content{
	/* background-color: #F0F0F0; */
	padding-top:40px;
	padding-bottom:40px;
}
.container-left{
	width: 40%;
}
.container-right{
	width: 60%;
}
.image-box-img{
	width: 12%;
	margin-right: 20px;
	display: inline-block;
	padding-top:5px;
	padding-bottom:5px;
}
.game-img{
	max-width: 50px;
    height: auto;
}
.carousel-inner>.item>a>img{
	min-width: 100%;
	height:400px!important;
}

.bs-callout-warning {
    border-left-color: #aa6708;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-width: 2px;
    border-radius: 10px;
    box-shadow: 3px 3px #eee;
}

.myaccount dl {
    float: left;
    margin: 0 20px 0px 0;
    position: relative;
    border-radius: 6px;
    width: 210px;
}
.myaccount dt {
    /* border: 1px solid #e5e5e5; */
    display:flex;
    font-size: 16px;
    padding: 10px;
    font-weight: normal;
    align-items: center;
}

.myaccount dt img {
    width: 40px;
    height: 40px;
}

.container-left::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.container-left::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.container-left::-webkit-scrollbar-thumb {
  background: #919191; 
  border-radius: 10px;
}

/* Handle on hover */
.container-left::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}

@media (min-width: 1800px) {
   .carousel-inner>.item>a>img {
      min-width: 100%;
      height: 600px !important;
   }
   .container-left{
      height: 600px!important;
   }
   body{
      font-size: 15px;
   }
   /* .header {
        height: 130px;
   } */
   .logo{
        height: 130px;
        width: 600px;
   }
   .btn{
     font-size: 15px;
   }
   .header-login .form-control, .header-login, #primary-nav a, .index-login-link{
        font-size: 15px!important;
   }
   .topbar{
        font-size: 14px;
   }
   .headerform{
   	margin-left: 180px;
   }
   .headerform1{
   	margin-left: 400px!important;
   }
}

.input-group {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #0262a6;
    border-radius: 5px;
    padding: 8px;
    position: relative;
}

.input-group i {
    background: linear-gradient(to right, #6a5acd, #0262a6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    margin-right: 8px;
}
.input-group:focus-within {
    box-shadow: 0 0 5px rgba(106, 90, 205, 0.6);
}
.input-group input {
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
    padding: 0px;
    width: 200px;
}
.input-group input::placeholder {
  color: #929292;
  opacity: 1; /* Firefox */
  font-size: 13px;
}

.input-group input::-ms-input-placeholder { /* Edge 12 -18 */
  color: #929292;
  font-size: 13px;
}
.topbg{
	background-image: url(/static/img/vibackgroundtop.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mainbg{
	background-image: url(/static/img/vibackground.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mainbghome{
	background-image: url(/static/img/vibackground_main.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

 .elementor-kit-1089 {
     --e-global-color-primary: #0044EB;
     --e-global-color-secondary: #54595F;
     --e-global-color-text: #4D4D4D;
     --e-global-color-accent: #651FDE;
     --e-global-color-bab4e2b: #01213A;
     --e-global-typography-primary-font-family: "Chivo";
     --e-global-typography-primary-font-size: 15px;
     --e-global-typography-primary-font-weight: 400;
     --e-global-typography-primary-letter-spacing: 0.1px;
     --e-global-typography-secondary-font-family: "Chivo";
     --e-global-typography-secondary-font-weight: 500;
     --e-global-typography-text-font-family: "Chivo";
     --e-global-typography-text-font-weight: 400;
     --e-global-typography-accent-font-family: "Chivo";
     --e-global-typography-accent-font-weight: 700;
     font-family: "Chivo", Sans-serif;
     font-size: 15px;
     font-weight: 400;
     line-height: 1.55em;
     letter-spacing: 0.1px;
 }

 body.elementor-page {
     --color-gradient-start: #00CB99;
     --color-gradient-stop: #00CB99;
 }

 .elementor-kit-1089 .lqd-post-content,.elementor-kit-1089 .lqd-post-header .entry-excerpt {
     font-family: "Mulish", Sans-serif;
 }

 .elementor-kit-1089 a {
     font-family: "Mulish", Sans-serif;
 }

 .page-scheme-dark {
     color: rgba(255, 255, 255, 0.8);
 }

 .page-scheme-dark h1, .page-scheme-dark .h1 {
     color: #ffffff;
 }

 .page-scheme-dark h2, .page-scheme-dark .h2 {
     color: #ffffff;
 }

 .page-scheme-dark h3, .page-scheme-dark .h3 {
     color: #ffffff;
 }

 .page-scheme-dark h4, .page-scheme-dark .h4 {
     color: #ffffff;
 }

 .page-scheme-dark h5, .page-scheme-dark .h5 {
     color: #ffffff;
 }

 .page-scheme-dark h6, .page-scheme-dark .h6 {
     color: #ffffff;
 }

 .elementor-section.elementor-section-boxed > .elementor-container {
     max-width: 1270px;
 }

 .e-container {
     --container-max-width: 1270px;
 }

 .elementor-widget:not(:last-child) {
     margin-bottom: 0px;
 }

 .elementor-element {
     --widgets-spacing: 0px;
 }

 h1.entry-title {
     display: var(--page-title-display);
 }

 .elementor-kit-1089 e-page-transition {
     background-color: #FFBC7D;
 }

 @media(max-width: 1199px) {
     .elementor-section.elementor-section-boxed > .elementor-container {
         max-width:1024px;
     }

     .e-container {
         --container-max-width: 1024px;
     }
 }

 @media(max-width: 767px) {
     h1, .h1 {
         font-size:42px;
     }

     h2, .h2 {
         font-size: 35px;
     }

     .elementor-section.elementor-section-boxed > .elementor-container {
         max-width: 767px;
     }

     .e-container {
         --container-max-width: 767px;
     }
 }

 /* Start custom CSS */
 .comments-area, .nav-previous, .nav-next, .related-posts, .entry-author, .entry-date, .cat-links, .entry-meta .byline, .titlebar-inner p {
     display: none;
 }

 /* End custom CSS */
 .elementor-633 .elementor-element.elementor-element-527f05f {
     --min-height: 700px;
     --flex-direction: column;
     --container-widget-width: 100%;
     --container-widget-height: initial;
     --container-widget-flex-grow: 0;
     --margin-top: -97px;
     --margin-right: 0px;
     --margin-bottom: 0px;
     --margin-left: 0px;
     --padding-top: 0px;
     --padding-right: 50px;
     --padding-bottom: 0px;
     --padding-left: 50px;
 }

 /* .elementor-633 .elementor-element.elementor-element-527f05f:not(.elementor-motion-effects-element-type-background), .elementor-633 .elementor-element.elementor-element-527f05f > .elementor-motion-effects-container > .elementor-motion-effects-layer {
     background-color: #0C1131;
     background-image: url(/static/img/vibackground.png);
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
 } */

 .elementor-633 .elementor-element.elementor-element-7539f38 {
     width: 50%;
     max-width: 50%;
 }

 .elementor-633 .elementor-element.elementor-element-7539f38.elementor-element {
     --align-self: center;
 }

 .elementor-633 .elementor-element.elementor-element-171b142 {
     text-align: center;
 }

 .elementor-633 .elementor-element.elementor-element-171b142 .elementor-heading-title {
     color: #f4131f;
     font-family: "Mulish", Sans-serif;
     font-size: 30px;
 }

 .elementor-633 .elementor-element.elementor-element-171b142 > .elementor-widget-container {
     padding: 10px 10px 10px 10px;
 }

 .elementor-633 .elementor-element.elementor-element-03d7987 {
     color: #192056;
     font-family: "Mulish", Sans-serif;
     font-size: 14px;
     font-weight: 600;
 }

 .elementor-633 .elementor-element.elementor-element-03d7987 > .elementor-widget-container {
     padding: 10px 10px 10px 10px;
 }

 .elementor-633 .elementor-element.elementor-element-8d0499e {
     color: #192056;
     font-family: "Mulish", Sans-serif;
     font-size: 14px;
     font-weight: 600;
 }

 .elementor-633 .elementor-element.elementor-element-8d0499e > .elementor-widget-container {
     padding: 10px 10px 10px 10px;
 }

 .elementor-633 .elementor-element.elementor-element-1127cf7 {
     color: #192056;
     font-family: "Mulish", Sans-serif;
     font-size: 14px;
     font-weight: 600;
 }

 .elementor-633 .elementor-element.elementor-element-1127cf7 > .elementor-widget-container {
     padding: 10px 10px 10px 10px;
 }

 .elementor-633 .elementor-element.elementor-element-b3c6ba4 {
     color: #192056;
     font-family: "Mulish", Sans-serif;
     font-size: 14px;
     font-weight: 600;
 }

 .elementor-633 .elementor-element.elementor-element-b3c6ba4 > .elementor-widget-container {
     padding: 10px 10px 10px 10px;
 }

 .elementor-633 .elementor-element.elementor-element-254806e {
     color: #192056;
     font-family: "Mulish", Sans-serif;
     font-size: 14px;
     font-weight: 600;
 }

 .elementor-633 .elementor-element.elementor-element-254806e > .elementor-widget-container {
     padding: 10px 10px 10px 10px;
 }

 .elementor-633 .elementor-element.elementor-element-1dfc3f3 img {
     opacity: 0.9;
 }

 .elementor-633 .elementor-element.elementor-element-1dfc3f3:hover img {
     opacity: 1;
 }


 @media(min-width: 768px) {
     .elementor-633 .elementor-element.elementor-element-527f05f {
         --content-width:650px;
     }
 }
 
.floating-menu {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(1, 0, 54, 0.78);
    border: 2px solid rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    padding: 10px;
    z-index: 10000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90px;
    backdrop-filter: blur(5px);
}

.floating-menu .menu-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px 5px;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    width: 100%;
    transition: transform 0.2s ease-in-out;
}

.floating-menu .menu-item:last-child {
    border-bottom: none;
}

.floating-menu .menu-item img {
    width: 35px;
    height: 35px;
    margin-bottom: 5px;
    filter: brightness(100%);
    transition: transform 0.3s ease-in-out;
}

.floating-menu .menu-item:hover img {
    transform: scale(1.2);
}
.global_navigation_banner {
    background: url(/static/img/global_navigation_bg.jpg) no-repeat center;
    background-size: cover;
    min-height: 130px;
}
.global_navigation_banner h2 {
    text-transform: uppercase;
    color: white;
    font-size: 32px;
    margin: 45px 0 0 0;
}

.elementor-633 .elementor-element.elementor-element-8deae25{--content-width:100%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--gap:0px;--flex-wrap:wrap;--padding-top:40px;--padding-right:0px;--padding-bottom:40px;--padding-left:0px;}.elementor-633 .elementor-element.elementor-element-8deae25:not(.elementor-motion-effects-element-type-background), .elementor-633 .elementor-element.elementor-element-8deae25 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-633 .elementor-element.elementor-element-fa83fc9{--content-width:100%;--min-height:600px;--justify-content:flex-end;}.elementor-633 .elementor-element.elementor-element-fa83fc9:not(.elementor-motion-effects-element-type-background), .elementor-633 .elementor-element.elementor-element-fa83fc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url(/static/img/background01.png);background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-633 .elementor-element.elementor-element-fa83fc9.e-container{--flex-grow:0;--flex-shrink:0;}.elementor-633 .elementor-element.elementor-element-b9d1589 img{width:250px;opacity:0.8;}.elementor-633 .elementor-element.elementor-element-b9d1589:hover img{opacity:1;}.elementor-633 .elementor-element.elementor-element-b9d1589 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 10px;}.elementor-633 .elementor-element.elementor-element-b9d1589{width:100%;max-width:100%;}.elementor-633 .elementor-element.elementor-element-0debb13{--spacer-size:1px;}.elementor-633 .elementor-element.elementor-element-0debb13 > .elementor-widget-container{padding:100px 0px 0px 0px;}.elementor-633 .elementor-element.elementor-element-34e67a8{--content-width:100%;--min-height:600px;--gap:0px;}.elementor-633 .elementor-element.elementor-element-34e67a8:not(.elementor-motion-effects-element-type-background), .elementor-633 .elementor-element.elementor-element-34e67a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url(/static/img/background02.png);background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-633 .elementor-element.elementor-element-b44d6ef{--min-height:369px;}.elementor-633 .elementor-element.elementor-element-1cf1ab3{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--flex-wrap:wrap;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:50px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-633 .elementor-element.elementor-element-61f6d52 .lqd-counter-element{margin-bottom:0px;}.elementor-633 .elementor-element.elementor-element-61f6d52{color:#1C8FF8;width:33%;max-width:33%;}.elementor-633 .elementor-element.elementor-element-61f6d52 .lqd-counter-text{color:#272727;}.elementor-633 .elementor-element.elementor-element-61f6d52 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-633 .elementor-element.elementor-element-0636a86 .lqd-counter-element{margin-bottom:0px;}.elementor-633 .elementor-element.elementor-element-0636a86{color:#1C8FF8;width:25%;max-width:25%;}.elementor-633 .elementor-element.elementor-element-0636a86 .lqd-counter-text{color:#272727;}.elementor-633 .elementor-element.elementor-element-0636a86 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-633 .elementor-element.elementor-element-c5edeaa .lqd-counter-element{margin-bottom:0px;}.elementor-633 .elementor-element.elementor-element-c5edeaa{color:#1C8FF8;width:42%;max-width:42%;}.elementor-633 .elementor-element.elementor-element-c5edeaa .lqd-counter-text{color:#272727;}.elementor-633 .elementor-element.elementor-element-c5edeaa > .elementor-widget-container{margin:0px 0px 0px 20px;padding:10px 10px 10px 10px;}.elementor-633 .elementor-element.elementor-element-c0ced12{font-weight:bold;}body.elementor-page-633 #lqd-site-content{background-image:url("https://saashub.liquid-themes.com/elementor/wp-content/uploads/2021/01/bg-pattern.svg");background-position:center center;background-repeat:repeat;}@media(min-width:768px){.elementor-633 .elementor-element.elementor-element-8deae25{--width:85%;}.elementor-633 .elementor-element.elementor-element-fa83fc9{--width:50%;}.elementor-633 .elementor-element.elementor-element-34e67a8{--width:50%;}}

@media (min-width: 768px) {
    .elementor-633 .elementor-element.elementor-element-8deae25 {
        --width: 85%;
    }
}

.lqd-counter-element {
    margin-bottom: .3em;
    font-size: 38px;
    font-weight: 700;
    line-height: 1em;
    color: inherit !important;
}

/* Reset list styles */
#primary-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center; /* center menu items */
  gap: 22px; /* spacing between items */
  opacity: 1;
  transition: opacity 0.3s ease;
  margin-top:15px;
  margin-right:25px;
}

#primary-nav:hover li:not(:hover) {
  opacity: 0.35; /* fade other items */
}

/* Menu items */
#primary-nav li {
  position: relative;
}

/* Links */
#primary-nav a {
  text-decoration: none;
  font-size: 14px;
  font-weight:600;
  color: #155A95; /* blue */
  transition: color 0.3s ease, transform 0.2s ease;
}

/* Hover effect */
#primary-nav li:hover > a{
  color: #e63946; /* red */
  opacity: 1;
}

/* Active (current page) */
#primary-nav .current-menu-item a {
  color: #e63946; /* highlight red */
  padding-bottom: 4px;
}

.logout-btn {
    display: inline-flex;
    align-items: center;
    padding: 8px 15px;
    background: #e74c3c;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
    transition: background 0.3s;
}
.logout-btn:hover, .logout-btn:focus{
	color: #fff;
}
.headerform1{
   	margin-left: 180px;
}
#activitylink:hover{
	color:#222!important;
}

.cat-links-top {
    background-color: rgb(241, 241, 241);
    font-size: 11px;
    color: rgb(0, 0, 0);
    line-height: 1.5em;
    opacity: 1;
    padding: 0.25em 1em;
    border-radius: 2em;
	width: fit-content;   
    text-transform: uppercase;
    letter-spacing: .1em;
}

.cat-links-top:hover{
	background-color: #5b7bfb;
	color:#fff;
}

.cat-links-top:hover a{
	color:#fff;
}

.table-activity{
	border-collapse: collapse;
    border-spacing: 0;
	width: 100%;
    margin-bottom: 1em;
    border: 1px solid #dedede;
    color: #333;
}

.table-activity tbody tr:nth-child(odd) {
    background-color: #f7f7f7;
}
.table-activity  tr {
    border-bottom: 1px solid #dedede;
}
.table-activity td{
	border: 0;
    padding: .5em 1em;
    border-inline-end: 1px solid #dedede;
}

.activitycard {
  position: relative;
  width: calc(33.333% - 20px);
  height: 300px;
  overflow: hidden;
  border-radius: 8px;
  flex-shrink: 0;
  cursor: pointer;
}

/* Image with zoom effect */
.activitycard-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* transition: transform 2.5s ease; */
}

.activitycard:hover .activitycard-img {
  transform: scale(1.3);
  transition-duration: 5s;
}

/* Full-card gradient overlay */
.activitycard-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent 0%, #000 100%);
  pointer-events: none; /* gradient doesn't block hover */
}

/* Top label */
.activitycard-label {
  position: absolute;
  top: 10px;
  left: 10px;
  background: white;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 4px;
  z-index: 2;
}

/* Bottom text overlay */
.activitycard-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: white;
  padding: 20px;
  box-sizing: border-box;
  font-size: 18px;
  z-index: 2;
}

.blog-post-footer {
    padding-inline-start: 0;
    padding-inline-end: 0;
    margin: 30px 15px;
    border-top: 1px dashed #cecece;
    margin-top:80px;
}


.social-icon {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 15px;
    line-height: 1em;
}

.share-links>span {
    margin-inline-end: 1.5em;
}

.text-uppercase {
    text-transform: uppercase;
}

.social-icon li {
    display: inline-block;
    margin-inline-end: 1.2em;
    font-size: 1em;
    line-height: 1em;
}

.inline-ul>li, .inline-ul>li>a {
    display: inline-flex !important
;
}
.inline-ul>li {
    width: auto !important;
}
.share-links a {
    color: #63686a;
}