/* Header */
.header {height: 36px;line-height: 36px;}
.bg-black {background: #000;}
.text-gray {color: #999;}
.font12 {font-size: 12px;}
.strong,strong {color: #c00;font-weight: 400;}
.em,em {color: #06c;font-weight: 400;font-style: normal;}
.header strong,.gamesx strong {color: #fff;}
.clear {clear: both;}
.flex {display: -webkit-flex;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content:space-between;}
.divcenter {margin: 0 auto !important;}

a {color: #7e2a77;}
a:hover {color: #490d43;text-decoration: none;}

.btn-libo {color: #fff;background-color: #7e2a76;border-color: #6e2167;}
.btn-libo:hover {color: #fff;background-color: #5e1957;border-color: #490d43;}
.btn-libo:focus, .btn-libo.focus {box-shadow: 0 0 0 0.2rem rgba(73, 13, 67, 0.5);}

.btn-libox {color: #6e2167;background-color: #ecdcea;border-color: #dabcd7;}
.btn-libox:hover {color: #6e2167;background-color: #dabcd7;border-color: #7e2a76;}
.btn-libox:focus, .btn-libox.focus {box-shadow: 0 0 0 0.2rem rgba(73, 13, 67, 0.5);}
.btn-libox:not(:disabled):not(.disabled):active, .btn-libox:not(:disabled):not(.disabled).active,
.show > .btn-libox.dropdown-toggle {
  color: #fff;
  background-color: #7e2a76;
  border-color: #6e2167;
}

.bg-libo {background-color: #5e1957;}
.nav-link {color: #ecdcea !important;}
.nav-link:hover {color: #dabcd7 !important;}
.nav-libo {color: #5e1957;}
.nav-libo:hover {color: #490d43;}
.nav-libo:focus {color: #490d43;}

.marqueebox strong {float: left;display: block;}
.marquee {overflow: hidden;}

.navbar-brand {padding-top: 0;position: relative;z-index: 1000;margin: 0 auto;}
.img-full,.img-full img {width: 100% !important;height: auto;}
.img28 img,img.img28 {width: 28px;height: auto;}
.btn-sm-w {padding:.0 .75rem;font-size:.875rem;line-height:1.5;border-radius:.2rem;border-color: #999;}

.mlogo {position: absolute;top: 0;left: 0;width: 260px;}
.ml-logo {padding-left: 284px;}
.ml-logox {padding-left: 280px;}

/* Slider */
.jumbotron{width:100%;padding-top:6rem;padding-bottom:3rem;margin-bottom:0;min-height:400px;color:#fff;background-color:transparent}
.swiper-slide {background: #490d43;background-position: center center;background-size: cover;}
.swiper-container {border-bottom: 50px solid #30082b;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:40px;}

/*Swiper Slider*/
.swiper-container{width:100%;height:400px;height:50vh}
.swiper-container .jumbotron{min-height:auto}
@media (max-width:767px){.swiper-button-next,.swiper-button-prev{display:none}}
.parallax-bg{position:absolute;left:0;top:0;width:130%;height:100%;-webkit-background-size:cover;background-size:cover;background-position:center}
.parallax-bg.bg-overlay:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4)}
.bg-video video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:url(../images/agency/poster.jpg) no-repeat;background-size:cover;-webkit-transition:1s opacity;-o-transition:1s opacity;transition:1s opacity}
.bg-video.align-bottom video{top:auto;bottom:0;-webkit-transform:translateX(-50%) translateY(0);-ms-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:30px}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:30px}

/* M-Content */
.content {position: relative;z-index: 1000;margin-top: -75px;}
.shadow1 {box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);background: #eaeef3;}
.shadow2 {box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);}
.navbar {height: 50px;line-height: 50px;}
.nav-item {padding: 0;}
.nav-item .nav-link.active,.mega-menu {background: #30082b;}
.nav-item .nav-link {height: 50px;padding: 0 12px;width: 100px;text-align: center;}
.nav-item .nav-link:hover {background: #30082b;}

/* MEGA MENU STYLE
********************************/ 
.mega-menu {padding:0 10px 6px 10px !important;border-radius:0;margin-top:-8px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);width: 180px;}
.mega-menu li {padding:0!important;line-height: 1em !important;height: 30px;line-height: 30px;margin-bottom: 2px;font-size: 14px;}
.mega-menu li a {color: #30082b;padding: 6px 10px;border-radius: 5px;background: #e7dbe6;width: 100% !important;display: block;}
.mega-menu li a:hover {background: #5e1957;color: #fff;}
.mega-menu .nav-header{padding:10px 0 4px 0 !important;margin-bottom:4px;margin-top: 6px;display:block;width:100%;color: #fafff9;font-size: .75rem;}

.mega-box {width: 680px !important;position: relative;}
.mega-item {width: 23%;float: left;margin: 0 1%;}
/* Disable Toggle style
********************************/  

/* Dropdown Toggle on style */
.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle,.navbar .nav li.dropdown.open>.dropdown-toggle{background:inherit;color:inherit} 
/* Toggle off style */
.navbar .nav li.dropdown.open.active>.dropdown-toggle,.navbar .nav>li.dropdown>a:focus{background:inherit;color:inherit}
/* Toggle hover */
.navbar .nav li.dropdown > .dropdown-toggle:hover,.navbar .nav li.dropdown.open > .dropdown-toggle:hover {background-color: #DDDDDD;}
/* Toggle caret*/
.navbar .nav li.dropdown > .dropdown-toggle .caret {border-bottom-color:;border-top-color:;}
/* Toggle caret hover */
.navbar .nav li.dropdown > a:hover .caret, .navbar .nav li.dropdown > a:focus .caret {border-bottom-color: #333;border-top-color: #333;}
/* Toggle caret active */
.navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {border-bottom-color:#333;border-top-color: #333;}

/* Hover style
********************************/ 
.navbar .nav > li > a, .mega-menu a{ 
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
  transition: all 200ms ease; 
 /* -webkit-transform: translate3d(0, 0, 0); Webkit Hardware Acceleration*/ 
 -webkit-backface-visibility: hidden; /* Safari Flicker Fix #2 */
 -webkit-transform: translateZ(0);
}

/* Games */
.gamesbox {position: relative;}
.gamesbox strong {font-weight: 400;}
.gamesbox .gamesx {margin-bottom: 40px;}
.gamesbox .gamesimg {height: 200px;line-height: 200px;background: #7d2974;}
.gamesbox .gamesimg span {display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;background: #4b1946;color: #c89ec4;font-size: 1.2rem;}
.gamesbox .gamesx .gamesitem {position: absolute;display: none;z-index: 100;top: 0;left: 0;width: 100%;min-height: 200px;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);background: rgba(0, 0, 0, 0.8);}
.gamesbox p {margin-bottom: 0;position: relative;border-bottom: 1px solid #4b1946;}
.gamesbox p a {color: #ecdcea;}
.gamesbox p a:hover {text-decoration: none;}
.gamesbox p i {position: absolute;left: 130px;background:#1ab000;border-radius: 28px;width: 28px;height: 28px;line-height: 28px;padding-left: 10px;top: 3px;-webkit-transition: width .4s ease;
	-o-transition: width .4s ease;
	transition: width .4s ease;}
.gamesbox p i.redborder {background:#f00;padding-left: 9px;}
.gamesbox p span {position: absolute;left: 170px;}
.gamesbox p:hover i {width: 110px;}

.swiper-button-white:hover {color: #000;}


/* Footer */
.footer p {color: #30082b;}

/* Content */
#game-bar {position: absolute;top: 110px;left: 0;z-index: 2000;margin: 0;width: 280px;}
#game-box {position: absolute;left: 0;top: 100px;margin: 0;width: 1280px;padding-left: 270px;}

/* Leftbox */
.lefthbg {margin-left: -20px;height: 40px;}
.leftbox.mt-54 {margin-top: -54px;}
.leftbox {background: #ebeef3;}
.leftbox h4 {color: #fff;font-size: 1.2rem;}
.leftbox h4 a {color: #d4a8d0;}
.leftbox h4 a:hover {color: #fff;}

.font1rem {font-size: .8rem !important;}
.font12rem {font-size: 1.2rem !important;}
.font2rem {font-size: 1.5rem !important;}

.bg-head {background: #7e2a77;}

.bg-libo2 {background: #e9dee8;}

.leftcon p {margin: 0;color: #888;font-size: .8rem;margin-bottom: 2px;position: relative;}
.leftcon p span {color: #30082b;font-size: .8rem;width: 140px;display: block;border-radius: 5px;text-align: center;background: #fff;position: absolute;top: 0;left: 70px;}
.leftcon p strong {color: #c00;font-weight: 300;padding-right: 4px;}
.leftcon p em {font-size: .7rem;color: #999;font-style: normal;}

.leftitem {display: none;}

.leftbar-content {margin: 0 6px;padding-bottom: 1px;}
.leftbar-content p {margin-bottom: 10px !important;margin-left: 1em;}
.leftbar-content p span {margin-right: .5em;}
.leftbar-content table {margin-bottom: 6px;margin-top: 0;background: #fff;}
.leftbar-content .table thead th {padding-top: 8px;padding-bottom: 8px;}
.table th {background: #eee !important;color: #30082b;}
.leftbar-content .table td {text-align: center;padding: 6px 4px !important;}
.leftbar-content .table.table-hover tr:hover {background: #f3f3f3 !important;}

.leftbar-content .colornumber span {width:14px;height: 14px;text-align: center;line-height: 14px;border-radius: 4px;display: inline-block;color: #fff;font-size: 11px;}
.leftbar-content .colornumber span.colora {font-size: 11px;}

.leftbar-content .form-control-static {background: #fff;margin: 0 6px;border: 1px solid #ccc !important;
  font-weight: 800;-webkit-box-shadow:none!important;box-shadow:none!important
}
.leftbar-content .form-control-static:after {font-family: icomoon;content: "\e61e";color: #c00;}

.car1 {background: #ff0000!important;}
.car2 {background: #9b02ff!important;}
.car3 {background: #00fef9!important;}
.car4 {background: #b9b6b6!important;}
.car5 {background: #596bff!important;}
.car6 {background: #ffdd00!important;}
.car7 {background: #11ff0e!important;}
.car8 {background: #f301eb!important;}
.car9 {background: #636363!important;}
.car10 {background: #fe6700!important;}



.color1 {background: #000000!important;}
.color2 {background: #005aff!important;}
.color3 {background: #aa7941!important;}
.color4 {background: #00d6c6!important;}
.color5 {background: #00da0a!important;}
.color6 {background: #ff40ff!important;}
.color7 {background: #ff7235!important;}
.color8 {background: #f32402!important;}
.color9 {background: #932092!important;}
.color10 {background: #676f60!important;}
.coloryellow {background: #faa405!important;}


.dw1 {background: #ff0000!important;}
.dw2 {background: #0084ff!important;}
.dw3 {background: #4c7c40!important;}
.dw4 {background: #ffdd00!important;}
.dw5 {background: #9b6bff!important;}
.dw6 {background: #df9621!important;}


.color0 {background: #28c202 !important;}
.colora {background: #28c202 !important;}
.colorb {background: #fff !important;color: #333 !important;}



.color01 {background: #d7c102 !important;}
.color02 {background: #0888ff !important;}
.color03 {background: #333 !important;}
.color04 {background: #ff7301 !important;}
.color05 {background: #36d0ce !important;}
.color06 {background: #5200ff !important;}
.color07 {background: #999 !important;}
.color08 {background: #ff0000 !important;}
.color09 {background: #760000 !important;}


.color11 {background: #9dc206!important;}
.color12 {background: #95c225!important;}
.color13 {background: #bfc23f!important;}
.color14 {background: #c2a84c!important;}
.color15 {background: #c27156!important;}
.color16 {background: #c28ca8!important;}
.color17 {background: #c263ba!important;}
.color18 {background: #8863c2!important;}
.color19 {background: #3a93c2!important;}
.color20 {background: #7800c2!important;}
.color21 {background: #c27d00!important;}

.textc1 {color: #d7c102 !important;}
.textc2 {color: #0888ff !important;}
.textc3 {color: #333 !important;}
.textc4 {color: #ff7301 !important;}
.textc5 {color: #36d0ce !important;}
.textc6 {color: #5200ff !important;}
.textc7 {color: #999 !important;}
.textc8 {color: #ff0000 !important;}
.textc9 {color: #760000 !important;}
.textca {color: #28c202 !important;}

.colorx {background: #7d2974}
.colorx1 {background: #c00;}
.colorx4 {background: #0cf;}
.colorx2 {background: #06c;}
.colorx3 {background: #6c0;}

.bga1 {background: #fedcdd;}
.bga2 {background: #fef9dc;}
.bga3 {background: #d0f5fb;}
.bga4 {background: #e7d1ff;}
.bga5 {background: #c7fac7;}
.bga6 {background: #d4ddfa;}

.page-content-number .numbox {float: left;margin-top: 8px;}
.page-content-number strong {color: #7d2974;float: left;margin-top: 10px;}
.page-content-number span,span.ballx {width: 30px;line-height: 30px;height: 30px;border-radius: 30px;display: block;float: left;margin-right: 6px;font-size: 16px;font-weight: 600;color: #fff;text-align: center;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);}
	
.page-content-number span,span.ballxx {
	width: 48px;line-height: 48px;height: 48px;border-radius: 30px;display: block;float: left;margin-right: 6px;font-size: 16px;font-weight: 600;color: #fff;text-align: center;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
	}	
.page-content-number span,span.ballxxx {
	width: 42px;line-height: 42px;height: 42px;border-radius: 30px;display: block;float: left;margin-right: 6px;font-size: 16px;font-weight: 600;color: #fff;text-align: center;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
	}		
	
.ballld {width: 23px;height: 23px;border-radius: 23px;display: block;}	
span.ballx {float: none !important;display: inline-block;}
.roundx {border-radius: 5px !important;}
.round2x {border-radius: 4px !important;padding: 0 5px;height: 30px;line-height: 30px;display: block;float: left;margin-right: 6px;font-size: 16px;font-weight: 600;color: #fff;text-align: center;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);}
.floatnone {float: none !important;}
.page-content-number span,.page-content-number span a {margin-bottom: 6px;color: #fff !important;}

.game-header img {width: 60px;height: 60px;}
.game-header li.active {background: #7d2974;border-radius: 5px;}

.p-r {position: relative;}
.p-a {position: absolute;}
.codenum {position: absolute;top: 0;right: 0;height: 38px;}
.codenum img {height: 38px;width: auto;}

.xcurrent {background: #fe0 !important;}
.xcurrent table {background: #c00 !important;color: #fff !important;}
.xcurrent table strong {color: #ff0;}

.borderx,.page-content-number .borderx,span.ballx.borderx {border: 3px solid #999;color: #333 !important;background: #fff !important;line-height: 24px;}
.border1 {border-color:#d7c102 !important;}
.border2 {border-color:#0888ff !important;}
.border3 {border-color:#333 !important;}
.border4 {border-color:#ff7301 !important;}
.border5 {border-color:#36d0ce !important;}
.border6 {border-color:#5200ff !important;}
.border7 {border-color:#999 !important;}
.border8 {border-color:#ff0000 !important;}
.border9 {border-color:#760000 !important;}
.bordera {border-color:#28c202 !important;}

/* Login Box */
.bg-login {background: rgba(0, 0, 0, 0.6);position: absolute;left: 37.5%;height: 100%;top: 0;}
.mt-120 {margin-top: 120px !important;}
.mt-150 {margin-top: 150px !important;}

/* table */
.table-full {width: 100%;}
.topbox table {border-top: 2px solid #7d2974;}
.topbox table thead th {background: #fc0;color: #333;text-align: center;border-bottom: 1px solid #ccc;font-size: 12px;}
.topbox table tbody th,.topbox table tbody td {background: #7d2974;color: #fff;vertical-align:middle;font-size: 12px;}
.topbox table tbody td {min-width: 60px;text-align: center;}
.topbox .table-bordered td,.topbox .table-bordered th {border-color: #333 !important;}
.topbox table strong {color: #ff0 !important;font-size: 16px;}
.topbox table span{width: 48px;height: 48px;text-align: center;line-height: 48px;background: url(../images/cmbg.png) no-repeat;display: inline-block;background-size: 48px 48px;color: #000;font-size: 10px;margin: 0;padding: 0;}

.numtop {position: absolute;left: 10px;top: 108px;}
.numtop select {height: 30px;line-height: 30px;width: 45px;background: #e9dee8;color: #7d2974;border: 1px solid #7d2974;float: left;}
.results select {width: auto;height: 30px;line-height: 30px;background: #e9dee8;color: #7d2974;border: 1px solid #7d2974;}
.numtop ul {position: absolute;left: 32px;top: 11px;width: 600px;}
.numtop ul li {float: left;list-style: none;margin-right: 2px;}
.numtop ul li a {background: #e9dee8;padding: 10px 12px;border-radius: 5px 5px 0px 0px}
.numtop ul li a.selected,.numtop ul li a.selected:hover {background: #7d2974;color: #fff;}
.numtop ul li a:hover {background: #7d2974 !important;color: #e9dee8 !important;border: 0 !important;}
.numx2 ul {left: 110px;}

.tabx {display: inline-block;float: left;margin-top: -4px;margin-left: 20px}
.tabx ul {list-style: none;}
.tabx li a {background: #e9dee8;padding: 5px 8px !important;border-radius: 5px;border-radius:5px !important;}
.tabx li a.selected,.numtop ul li a.selected:hover {background: #fff;color: #7d2974}
.tabx li a:hover {background: #fff;color: #7d2974;}

.igbox input,.pk10box input,.inp60 input {width: 60px;height: 20px;line-height: 20px;text-align: center;}
input[type="checkbox"],input[type="radio"] {height: auto;line-height: normal;}
input[type="radio"] {width: 20px;}
.igbox input.form-control-sm,.pk10box input.form-control-sm {height: auto;line-height: normal;text-align: left;width: 120px;}
.igbox input.checkbox,.pk10box input.checkbox {width: 40px;}
.igbox table {text-align: center;}
.igbox table td,.igbox table th {padding: 2px 0 !important;position: relative;}
.igbox .table-bordered td,.igbox .table-bordered th {border-color: #5e1957 !important;} 
.igbox tbody th {background: #eee3ed;}
.igbox tbody strong {font-weight: 600;font-size:15px;}
.igbox thead th,.igbox thead td {background: #a672a0 !important;color: #fff;}
.igbox tbody th.thot {background: #a672a0;color: #fff;}

.thot strong {color: #ff0 !important;}
.thot strong.xleft {position: absolute;left: 10px;}
.thot strong.xright {position: absolute;right: 10px;}

.content-footer {margin: 0 auto;width: 400px;padding-bottom: 20px;}
.content-footer strong {color: #17c000;}

.tabper {display: table;}
.tabper td {display: table-cell;vertical-align: bottom;}
.tabper .linex {background: transparent;width: 6%;height: 80px;padding-top: 30px;display: table-cell;vertical-align: bottom;}
.liney {background: #888;width: 80%;margin: 0 10%;}
.xhot {color: #c00;}
.xhot .liney {background: #c00;color: #c00;}

/* Ball */
.ballbox {margin-left: 10px;margin-right: 10px;}
.ballbox li {border: 1px solid #999;margin: 0;padding: 0;}
.ballbox li a {display: block;padding: 6px 0;}
.ballbox li a.selected {background:#eee;border-top: 2px solid #c00;color: #c00; }

.tabbox {margin-left: 10px;margin-right: 10px;}
.tabbox li {border: 1px solid #999;margin: 0;padding: 0;}
.tabbox li a {display: block;padding: 8px 6px;position: relative;font-weight: 600;}
.tabbox li a.selected {background:#eee;border-top: 3px solid #c00;color: #000; }
.tabbox strong {font-weight: 600;position: absolute;right: 6px;display: inline-block;color: #c00;}

.ballitem {margin-left: 10px;margin-right: 10px;}
.ballitem li {margin: 0;padding: 0;border: 1px solid #999;}
.ballitem li a {display: block;padding: 4px 0;background: #ccc;color: #333;}
.ballitem li a.selected {background:#c00;color: #fff; }

.chosebox {}
.chosebox th,.chosebox td {background: #fff !important;}
.chosebox .col-md-3 {margin-bottom: 5px;;}

.memberbox th {background: #c6c6c6;}
.memberbox thead th,.memberbox th.thot,.memberbox .thot th {background: #7d2974;color: #fff;}
.memberbox thead td {background: #eee;}
.memberbox thead th strong {color: #ff0;}

.thbg0 thead th,.thbg0 th.thot,.thbg0 .thot th {background: #7d2974;color: #fff;}
.thbg1 thead th,.thbg1 th.thot,.thbg1 .thot th {background: #d7c102 !important;}
.thbg2 thead th,.thbg2 th.thot,.thbg2 .thot th {background: #0888ff !important;}
.thbg3 thead th,.thbg3 th.thot,.thbg3 .thot th {background: #333 !important;}
.thbg4 thead th,.thbg4 th.thot,.thbg4 .thot th {background: #ff7301 !important;}
.thbg5 thead th,.thbg5 th.thot,.thbg5 .thot th {background: #36d0ce !important;}
.thbg6 thead th,.thbg6 th.thot,.thbg6 .thot th {background: #5200ff !important;}
.thbg7 thead th,.thbg7 th.thot,.thbg7 .thot th {background: #999 !important;}
.thbg8 thead th,.thbg8 th.thot,.thbg8 .thot th {background: #ff0000 !important;}
.thbg9 thead th,.thbg9 th.thot,.thbg9 .thot th {background: #760000 !important;}
.thbga thead th,.thbga th.thot,.thbga .thot th {background: #28c202 !important;}

.thbgydh thead th,.thbgydh th.thot,.thbgydh .thot th {background: #ffc107a8 !important;}


.w1d {width: 7.142857%;float: left;}
.w17 {width: 14.2857%;}
.w16 {width: 16.66%;}
.w15 {width: 20%;}
.w14 {width: 25%;}
.w13 {width: 33.33%}
.w12 {width: 50%;}
.w11 {width: 100%;}

/* .table-sm td,.table-sm th {vertical-align: top;} */
.table-sm.table-vertical td,.table-sm.table-vertical th {vertical-align: middle;}
.table-sm strong.ml-5 {position: absolute;font-size: 10px;width: 24px;top: 4px;left: 60%;}
.rcont h5 {background: #0cf;color: #fff !important;padding: 6px;font-size: .9rem;}

.pk10box {background: #124644 !important;color: #fff !important;}
.pk10box .table-bordered td,.pk10box .table-bordered th {border-color: #fff !important;border-width: 2px;} 
.pk10box .thot {background: #042927 !important;color: #fff !important;}
.pk10box strong {margin-left: 5px;color: #f90;}
.pk10box span {color: #ff0;margin-left: 10px;}
.pk10box table th {padding-top: 4px;padding-bottom: 4px;}
.pk10box table td {padding-top: 8px;padding-bottom: 10px;}
.pk10box .table-pk10x td {padding-top: 14px;padding-bottom: 14px;}

.pkbg1 {background: #1ec3b3;}
.pkbg2 {background: #082321;}
.pkbg2 tr:nth-child(even) {background: #0e302f;}

.numtop .tabb ul {top: 5px;}
.numtop .tabb ul li a {background: #7da5a3;color:#042927 !important;padding: 10px 12px;border-radius: 5px 5px 0px 0px}
.numtop .tabb ul li a.selected,.numtop ul li a.selected:hover {background: #124644;color: #fff !important;}
.numtop .tabb ul li a:hover {background: #042927 !important;color: #fff !important;border: 0 !important;}

.tabx2 li a {display: block;padding: 6px; 12px;}
.tabx2 .selected {border-bottom: 2px solid #c00;display: block;color: #c00;}

.borderx {border: 2px solid #666;}
.table-bordered.borderx td,.table-bordered.borderx th {border-color: #999 !important;}

.col-1xa {-ms-flex: 0 0 10%;flex: 0 0 10%;max-width: 10%;}

.table-click tr td,.table-click tr th,.table-click2 .w17 {cursor: pointer;}

/* Margin */
.m-0 {margin: 0 !important;}
.m-5 {margin: 5px !important;}
.m-10 {margin: 10px !important;}
.m-20 {margin: 20px !important;}
.m-30 {margin: 30px !important;}
.m-40 {margin: 40px !important;}
.m-50 {margin: 50px !important;}
.m-80 {margin: 60px !important;}
.ml-0 {margin-left: 0 !important;}
.ml-5 {margin-left: 5px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-20 {margin-left: 20px !important;}
.ml-30 {margin-left: 30px !important;}
.ml-40 {margin-left: 40px !important;}
.ml-50 {margin-left: 50px !important;}
.ml-80 {margin-left: 80px !important;}
.ml-150 {margin-left: 150px !important;}
.ml-200 {margin-left: 200px !important;}
.mr-0 {margin-right: 0 !important;}
.mr-5 {margin-right: 5px !important;}
.mr-10 {margin-right: 10px !important;}
.mr-20 {margin-right: 20px !important;}
.mr-30 {margin-right: 30px !important;}
.mr-40 {margin-right: 40px !important;}
.mr-50 {margin-right: 50px !important;}
.mr-80 {margin-right: 80px !important;}
.mt-0 {margin-top: 0 !important;}
.mt-5 {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-80 {margin-top: 80px !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mb-80 {margin-bottom: 80px !important;}
/* Padding */
.p-0 {padding: 0 !important;}
.p-5 {padding: 5px !important;}
.p-10 {padding: 10px !important;}
.p-20 {padding: 20px !important;}
.p-30 {padding: 30px !important;}
.p-40 {padding: 40px !important;}
.p-50 {padding: 50px !important;}
.p-80 {padding: 80px !important;}
.pl-0 {padding-left: 0 !important;}
.pl-5 {padding-left: 5px !important;}
.pl-10 {padding-left: 10px !important;}
.pl-20 {padding-left: 20px !important;}
.pl-30 {padding-left: 30px !important;}
.pl-40 {padding-left: 40px !important;}
.pl-50 {padding-left: 50px !important;}
.pl-80 {padding-left: 80px !important;}
.pr-0 {padding-right: 0 !important;}
.pr-5 {padding-right: 5px !important;}
.pr-10 {padding-right: 10px !important;}
.pr-20 {padding-right: 20px !important;}
.pr-30 {padding-right: 30px !important;}
.pr-40 {padding-right: 40px !important;}
.pr-50 {padding-right: 50px !important;}
.pr-80 {padding-right: 80px !important;}
.pt-0 {padding-top: 0 !important;}
.pt-5 {padding-top: 5px !important;}
.pt-10 {padding-top: 10px !important;}
.pt-15 {padding-top: 15px !important;}
.pt-20 {padding-top: 20px !important;}
.pt-30 {padding-top: 30px !important;}
.pt-40 {padding-top: 40px !important;}
.pt-50 {padding-top: 50px !important;}
.pt-80 {padding-top: 80px !important;}
.pb-0 {padding-bottom: 0px !important;}
.pb-5 {padding-bottom: 5px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pb-40 {padding-bottom: 40px !important;}
.pb-50 {padding-bottom: 50px !important;}
.pb-80 {padding-bottom: 80px !important;}

/* --Grid-- */
.col_full { width: 100%; }
.col_half,.col_two_fourth,.col_three_sixth,.col_list_half { width: 49%; }
.col_one_third,.col_two_sixth,.col_list_third { width: 32%; }
.col_two_third,.col_four_sixth { width: 66%; }
.col_one_fourth,.col_list_fourth { width: 23.5%; }
.col_three_fourth { width: 74.5%; }
.col_one_fifth,.col_list_fifth { width: 18.4%; }
.col_two_fifth { width: 38.8%; }
.col_three_fifth { width: 59.2%; }
.col_four_fifth { width: 79.6%; }
.col_one_sixth,.col_list_sixth { width: 15%; }
.col_five_sixth { width: 83%; }

.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_one_fourth,
.col_two_fourth,
.col_three_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_two_sixth,
.col_three_sixth,
.col_four_sixth,
.col_five_sixth,
.col_list_half,
.col_list_third,
.col_list_fourth,
.col_list_fifth,
.col_list_sixth {display: block;position: relative;margin-left: 2%;float: left;min-height: 1px;}

.col_full {clear: both;float: none;margin-left: 0 !important;}
.col_first,.col_block [class^="col_"]:first-child,.col_block [class*=" col_"]:first-child {margin-left: 0 !important;clear: left;}

.col_nomargin [class^="col_"] {margin-left: 0 !important;margin-bottom: 0;}
.col_nomargin .col_half,.col_nomargin .col_two_fourth,.col_nomargin .col_three_sixth,.col_nomargin .col_list_half {width: 50%;}
.col_nomargin .col_one_third,.col_nomargin .col_two_sixth,.col_nomargin .col_list_third {width: 33.33%;}
.col_nomargin .col_two_third,.col_nomargin .col_four_sixth {width: 66.66%;}
.col_nomargin .col_one_fourth,.col_nomargin .col_list_fourth {width: 25%;}
.col_nomargin .col_three_fourth {width: 75%;}
.col_nomargin .col_one_fifth,.col_nomargin .col_list_fifth {width: 20%;}
.col_nomargin .col_two_fifth {width: 40%;}
.col_nomargin .col_three_fifth {width: 60%;}
.col_nomargin .col_four_fifth {width: 80%;}
.col_nomargin .col_one_sixth,.col_nomargin .col_list_sixth {width: 16.66%;}

.col_list .col_list_half:nth-child(2n+1),
.col_list .col_list_third:nth-child(3n+1),
.col_list .col_list_fourth:nth-child(4n+1),
.col_list .col_list_fifth:nth-child(5n+1),
.col_list .col_list_sixth:nth-child(6n+1) {margin-left: 0 !important;}

/* 20181007 */
.content-footer input.form-control-sm {height: auto;line-height: normal;text-align: left;width: 120px;}
.table-smx td,.table-smx th{line-height: 1.2em !important;padding-top: 6px !important;padding-bottom: 6px !important;}
.table-height {height: 300px;font-size: .9rem;}
.heightx2 {height: 450px;}
.rcont table {height: 400px;}
.rcont td {padding-top: 7px !important;padding-bottom: 7px !important;}
.rcont2 table {height: 450px;}

/* 20181009 */
.kl10box {margin: 0 2px;padding: 0;}
.kl10box .w17 {float: left;border: 1px solid #aaa;}
.kl10box .w17 table {border-color: #ccc !important;}

/* Pagination */
.pagination {display: inline-block;padding-left: 0;margin: 1em 0;border-radius: 4px;}
.pagination > li {display: inline;}
.pagination > li > a,
.pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #333;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {z-index: 2;color: #7e2a76;background-color: #eee;border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {z-index: 3;color: #fff;cursor: default;background-color: #7e2a76;border-color: #6e2167;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}

/* 20181026 */
.memberbox {position: relative;}
.tabxnav {margin-left: 10px;margin-right: 10px;position: absolute;top: 70px;left: 100px;}
.top40px .tabxnav {top: 40px;}
.tabxnav li {border: 0 !important;margin: 0;padding: 0;}
.tabxnav li a {display: block;padding: 8px 6px;position: relative;font-weight: 600;}
.tabxnav li a.selected {border-bottom: 1px solid #000;color: #c00;border-top: 0 !important;background: transparent !important; }
.tabxnav strong {font-weight: 600;position: absolute;right: 6px;display: inline-block;color: #c00;}

/* 20181105 */
.tab6c {width: 100%;}
.tab6c hr {border-color: #7d2974;margin-top: 1px;border-width: 2px;}
.b6hr {border-color: #7d2974;margin-top: 1px;border-width: 1px;}
.tab6c ul {margin-top: -10px;}
.tab6c li {display: inline-block;margin-right: 1px;margin: 6px 0;}
.tab6c li a {background: #e9dee8;padding: 6px 10px !important;}
.tab6c li a.selected,.tab6c li a.selected:hover,.tab6c li a:hover {background: #7d2974;color: #fff;}

.box6c ul {list-style: none;margin: 0;padding: 0;}
.box6c li {display: inline-block;padding: 3px 6px;background: #fff;border: 1px solid #7d2974;cursor: pointer;border-radius: 5px;margin-bottom: 5px;}

.item6c p {padding: 6px 0;border-bottom: 1px dotted #999;margin: 0;}

span.ballx-lite {width: 20px;line-height: 20px;height: 20px;border-radius: 20px;margin-right: 0;font-size: 12px;font-weight: 400;}
.tabg {background: url(../images/tabg2.png) repeat;}
.thminwh {min-width: 24px;width: 24px;}
.text-center {text-align: center !important;}
.img28 .ml-5 img {width: auto !important;height: auto;}
.width90 {width: 90px;}




.zs-box td {white-space:nowrap;}
.zs-box .col-md-6,.zs-box .col-md-4 {margin-bottom: 20px;}
.zs-box td span {margin-left: 1px;}
.zscircle {width: 24px;line-height: 24px;height: 24px;border-radius: 24px;display: inline-block;}
.zssquare {width: 26px;height: 24px;line-height: 24px;text-align: center;display: inline-block;}
.zsradius {width: 16px;height: 24px;line-height: 24px;border-radius: 4px;display: inline-block;text-align: center;}
.zsw2 {font-size: 12px;}
.zsw3 {font-size: 12px;width: 36px;}
 .zsc0 {background: #f00;border: 1px solid #ccc;color: #fff;}
.zsc1 {background: #fff;border: 1px solid #666;color: #333;}
.zsc2 {background: #06c;border: 1px solid #ccc;color: #fff;}
.zsc3 {background: #999;color: #fff;border: 1px solid #ccc;}
.zsc4 {background: #6c0;border: 1px solid #ccc;color: #fff;} 
.zsc5 {background: #faa405;border: 1px solid #ccc;color: #fff;} 
.zsc13 {background: #070504;color: #fff;border: 1px solid #ccc;}



/* .zsc11 {background: #fff;border: 1px solid #666;color: #333;}
.zsc0 {background: #f00;border: 1px solid #020101;color: #000000;}
.zsc1 {background: #ff1aa0;border: 1px solid #020101;color: #000000;}
.zsc2 {background: #06c;border: 1px solid #020101;color: #000000;}
.zsc3 {background: #ffae1e;border: 1px solid #020101;color: #000000;}
.zsc4 {background: #17ffb5;border: 1px solid #020101;color: #000000;}

.zsc5 {background: #9435ff;border: 1px solid #020101;color: #000000;}
.zsc6 {background: #b6a2ff;border: 1px solid #020101;color: #000000;}
.zsc7 {background: #0bfefa;border: 1px solid #020101;color: #000000;}
.zsc8 {background: #ffcccb;border: 1px solid #020101;color: #000000;}
.zsc9 {background: #d1ff17;border: 1px solid #020101;color: #000000;} */
.zsd1 {background: #d7c102;color: #fff;border: 1px solid #ccc;}
.zsd2 {background: #0888ff;color: #fff;border: 1px solid #ccc;}
.zsd3 {background: #480;color: #fff;border: 1px solid #ccc;}
.zsd4 {background: #36d0ce;color: #fff;border: 1px solid #ccc;}
td{
vertical-align: middle;
}
input[type="checkbox"]{
    width: 37px;
    height: 17px;
    vertical-align: middle;
    cursor: pointer;
}



.sz1 {
  background-image: url('../images/1.png'); /* 设置背景图片 */
  background-size: cover; /* 可以是像素值，例如 200px 300px，或者百分比，如 50% 100%, 或者关键词如 cover 和 contain */
  background-repeat: no-repeat; /* 防止背景图片重复 */
  display: inline-block; /* 使span元素可以设置宽高 */
  width: 25px; /* 设置宽度 */
  height: 25px; /* 设置高度 */
}
.sz2 {
  background-image: url('../images/2.png'); /* 设置背景图片 */
  background-size: cover; /* 可以是像素值，例如 200px 300px，或者百分比，如 50% 100%, 或者关键词如 cover 和 contain */
  background-repeat: no-repeat; /* 防止背景图片重复 */
  display: inline-block; /* 使span元素可以设置宽高 */
  width: 25px; /* 设置宽度 */
  height: 25px; /* 设置高度 */
}
.sz3 {
  background-image: url('../images/3.png'); /* 设置背景图片 */
  background-size: cover; /* 可以是像素值，例如 200px 300px，或者百分比，如 50% 100%, 或者关键词如 cover 和 contain */
  background-repeat: no-repeat; /* 防止背景图片重复 */
  display: inline-block; /* 使span元素可以设置宽高 */
  width: 25px; /* 设置宽度 */
  height: 25px; /* 设置高度 */
}
.sz4 {
  background-image: url('../images/4.png'); /* 设置背景图片 */
  background-size: cover; /* 可以是像素值，例如 200px 300px，或者百分比，如 50% 100%, 或者关键词如 cover 和 contain */
  background-repeat: no-repeat; /* 防止背景图片重复 */
  display: inline-block; /* 使span元素可以设置宽高 */
  width: 25px; /* 设置宽度 */
  height: 25px; /* 设置高度 */
}
.sz5 {
  background-image: url('../images/5.png'); /* 设置背景图片 */
  background-size: cover; /* 可以是像素值，例如 200px 300px，或者百分比，如 50% 100%, 或者关键词如 cover 和 contain */
  background-repeat: no-repeat; /* 防止背景图片重复 */
  display: inline-block; /* 使span元素可以设置宽高 */
  width: 25px; /* 设置宽度 */
  height: 25px; /* 设置高度 */
}
.sz6 {
  background-image: url('../images/6.png'); /* 设置背景图片 */
  background-size: cover; /* 可以是像素值，例如 200px 300px，或者百分比，如 50% 100%, 或者关键词如 cover 和 contain */
  background-repeat: no-repeat; /* 防止背景图片重复 */
  display: inline-block; /* 使span元素可以设置宽高 */
  width: 25px; /* 设置宽度 */
  height: 25px; /* 设置高度 */
}