@charset "utf-8";
/* @import url("font-awesome.min.css"); */
/* @import url("framework.css");
@import url("slider.css");*/
html{
	/* overflow-y:scroll;
	overflow-x:scroll; */
}
html, body{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.6em;
	height: 100%;
}
*, *::before, *::after{
	box-sizing:border-box;
}
a {
	color: #636363;
	outline:none;
	text-decoration:none;
}
a:hover {
	color: #00ebff;
	cursor:pointer;
}
.nopointer{
	pointer-events: none
}
.nopointer img{
	filter: grayscale(100%);
}
.bold{
	font-weight:bold;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.hidden{
	display:none !important;
}
.nospace{
	margin:0;
	padding:0;
	list-style:none;
}
.block{
	display:block !important;
}
.inline *{
	display:inline-block;
}
.inline *:last-child{
	margin-right:0;
}
.pushright li{
	margin-right:20px;
}
.pushright li:last-child{
	margin-right:0;
}
.text-black{
	color:#000;
}
.text-center{
	text-align:center
}
.text-justify{
	text-align:justify
}
.displayflex{
	display: flex
}
.d-flex-im{
	display: flex !important
}
.btn{
	display:inline-block;
	padding:8px 15px 8px 15px;
	text-transform:uppercase;
}
.clear, .group{
	display:block;
}
.clear::before, .clear::after, .group::before, .group::after{
	display:table;
	content:"";
}
.clear, .clear::after, .group, .group::after{
	clear:both;
}
.fl_left{
	float:left;
}
.fl_right{
	float:right;
}
img{
	width:auto;
	max-width:100%;
	height:auto;
	margin:0;
	padding:0;
	border:none;
	line-height:normal;
	vertical-align:middle;
}
body, input, textarea, select{
	font-family:"Roboto", "Arial", "Helvetica Neue", sans-serif;
}
h1, h2, h3, h4, h5, h6, .heading{
	font-family:"Roboto", "Arial", "Helvetica Neue", sans-serif;
}
form, fieldset, legend{
	margin:0;
	padding:0;
	border:none;
}
legend{
	display:none;
}
label, input, textarea, select, button{
	display:block;
	resize:none;
	outline:none;
	color:inherit;
	font-size:inherit;
	font-family:inherit;
	vertical-align:middle;
}
:required, :invalid{
	outline:none;
	box-shadow:none;
}
h1, h2, h3, h4, h5, h6, .heading{
	margin:0 0 20px 0;
	font-size:1.1rem;
	line-height:normal;
	font-weight:normal;
	text-transform:capitalize;
}
address{
	font-style:normal;
	font-weight:normal;
}
hr{
	display:block;
	width:100%;
	height:1px;
	color:#ccc;
	border:solid;
	border-width:1px 0 0 0;
}
.wrapper{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	word-wrap:break-word;
}
.hoc{
	display:block;
	margin:0 auto;
}
article, footer, header, main, nav, section{
	display:block;
	margin:0;
	padding:0;
}
.totalMsg{
	width: 20px;
	height: 20px;
	text-align: center;
	background-color: #666;
	color: #fff!important;
	border-radius: 50%;
	font-size: 10px !important;
	line-height: 20px;
}
.lang-cn .message, .lang-hi .message, .lang-ko .message {
		position: absolute;
		top: 15px;
		left: 70px;
}
.lang-id .message, .lang-ma .message {
		position: absolute;
		top: 15px;
		left: 80px;
}
.lang-vn .message{
	position: absolute;
	top: 15px;
	left: 90px;
}
.lang-en .message {
		position: absolute;
		top: 15px;
		left: 100px;
}
.one_third, .two_third, .one_quarter, .two_quarter, .three_quarter, .ten_quarter, .fifth{
	display:inline-block;
	float:left;
	margin:0 0 0 1.3%;
	list-style:none;
}
.fifth{
	width:19%;
}
.fifth:first-child{
	margin-left:0 !important;
	clear:left;
}
.fifth a:hover, .one_full a:hover{
	opacity:0.8;
}
.fifth a:hover{
	color:#00ebff !important;
}
.one_full a:hover .gametitle, a:hover .newgametitle{
	color:#00ebff !important;
}
.one_full a:hover .gamebtn {
	color: #00ebff !important;
	border-left: 2px solid #00ebff !important;
}
.one_full:first-child{
	margin-left:0 !important;
	clear:left;
}

.one_quarter a:hover .gametitle, a:hover .newgametitle{
	color:#00ebff !important;
}
.one_quarter a:hover .gamebtn {
	color: #00ebff !important;
	border-left: 2px solid #00ebff !important;
}
.quarter{
	display:inline-block;
	float:left;
	margin:0 1.3% 0 0;
	list-style:none;
}

.quarter{
	width:18.6%;
	margin-bottom:10px
}
.match_container{
	display:inline-block;
	float:left;
	margin:0 0 0 1.3%;
	list-style:none;
}
.match_container{
	width:49.3%;
}
.match_container:first-child{
	margin-left:0 !important;
	clear:left;
}
.one_quarter{
	width:24%;
}
.one_quarter:first-child{
	margin-left:0 !important;
	clear:left;
}
.one_third{
	width:31.28834355828221%;
}
.one_half_nogap{
	display:inline-block;
	float:left;
	margin:0 0 0 0;
	list-style:none;
}
.one_half_nogap{
	width:40%;
}
.centertitle{
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background:#ccc;
	height:543px;
	text-align:center
}
.tinyImg{
	justify-content: center !important;
	align-items: center !important;
	display: flex
}
.tinyImgSlot{
	justify-content: left !important;
	align-items: left !important;
	display: flex
}
.one_half{
	display:inline-block;
	float:left;
	margin:0 0 0 1.3%;
	list-style:none;
}
.one_half{
	width:40%;
}
.one_full{
	display:inline-block;
	float:left;
	margin:0 0 0 0;
	list-style:none;
}
.one_full{
	width:24%;
}
.two_quarter{
	width:40%;
}
.two_third{
	width:65.6441717791411%;
}
.three_quarter{
	width:74.23312883435584%;
}
.ten_quarter{
	width:8.6%;
	margin-bottom:5px
}
.btmspace-30{
	margin-bottom:30px;
}
body {
	color: #636363;
	background-color: #FFFFFF;
	overflow: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.bgded{
	background-position:top center;
	background-repeat:no-repeat;
	background-image:url('../../images/src-wos/images-pc/banner/bg_header.jpg')
}
.float-r{
	float:right
}
.b-width2{
	border-width: 2px
}
.row1 {
	background-color: #007774;
	/* color: #FFF */
}
.row2 {
	background-color: #FFF;
	background-position:top center;
	background-repeat:repeat;
	background-image:url('../../images/src-wos/images-pc/banner/bg_middle_2.png')
}
.row3 {
	background-color: #000;
}
.row4 {
	background-color: #b1b1b1;
}
.row5 {
	background-color: #F7F7F7;
}
table, th, td {
	border: 0px solid;
	border-collapse: collapse;
	vertical-align: top;
}
table, th {
	table-layout: auto;
}
table {
	width: 100%;
}
th, td {
}
td {
}
::-webkit-input-placeholder {
	color: rgba(0,0,0,0.5);
	font-size:15px;
}
:-ms-input-placeholder {
	color: rgba(0,0,0,0.5);
	font-size:15px;
}
::placeholder {
	color: rgba(0,0,0,0.5);
	font-size:15px;
}
label span {
	color: #FF0000;
	background-color: inherit;
}
input:focus, textarea:focus, *:required:focus {
	border-color: transparent;
	background-color: rgba(204,204,204,0.2) !important;
	/* border-bottom: 1px solid #636363; */
}
.header {
	height: 53px;
	background:#007774
}
.logo {
	max-width: 55%;
	margin-top: 3px !important;
}
.zmWidth {
	/* max-width: 1100px !important; */
	width: 1100px !important;
	padding:0 20px;
	margin: 0 auto !important
}
.time {
	color: #636363;
	/* margin: -22px 0 0 0 !important; */
	font-size: 12px !important
}
.pageintro .banner {
	display: block;
	max-width: 75%;
	margin-top: -35px !important;
}
.pageintro {
	color: #FFFFFF;
	padding: 120px 0;
}
.pageintro article {
	display: block;
	max-width: 75%;
	margin-top: -40px;
	padding:0 20px;
}
.pageintro .heading {
	font-size: 2.5rem;
	font-weight: bold;
	color: #FFF;
	text-shadow: 2px 2px 0 rgba(0,0,0,0.6),
               1px 1px 0 rgba(0,0,0,0.6);
}
.pageintro .subheading {
	margin: -20px 0 20px 0;
	font-size: 1.7rem;
	color: #FFF;
	letter-spacing:0.5px;
	text-align:justify;
	text-shadow: 2px 2px 0 rgba(0,0,0,0.6),
               1px 1px 0 rgba(0,0,0,0.6);
}
.pageintro p {
	font-size: 1.1rem;
	line-height: 2rem
}
.pageintro footer {
	margin-top: 0px;
}
/* #yxprovider{
	background:#000;
} */
.ctype1 {
	padding: 30px 20px;
	/* background:white */
}
.ctype2 {
	padding: 0px 20px 30px 20px;
	/* background:white */
}
.ctype3 {
	padding: 0;
}
.ctype4 {
	padding: 30px 20px;
	background:#000
}
.container .content {
}
.sectiontitle {
	display: block;
	max-width: 65%;
	margin: 0 auto 30px;
	text-align: center;
}
.sectiontitle * {
	margin: 0;
}
.topbar {
	padding: 10px 0;
	/* font-size: .8rem;
	*/
}
.topbar * {
	margin: 0;
	font-size: 14px !important;
}
.topbar ul li a:hover {
	color: #00ebff
}
.topbar ul li {
	display: inline-block;
	margin-right: 5px;
}
.topbar ul li:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
.topbar i {
	line-height: normal;
}
.topbar>div:first-of-type ul li i {
	margin-right: 5px;
}
/* .topbarBtn, .topbarBtn.inverse:hover{
	color:#FFFFFF;
	background-color:#636363636363;
	border:none;
	font-size: 12px;
	height: 22px;
	line-height:22px;
	width: 100px;
}
*/
/* .topbarBtn:hover, .topbarBtn.inverse{
	color:#00ebff;
	background-color:#999999;
	border:none
}
*/
/* .topbarBtn{
	padding:6px 15px 6px 15px;
}
*/
.topbarIcon {
	width: 20px;
	margin-top: -4px;
	margin-right:2px;
}
.topbarButton {
	color: #FFF !important;
	text-decoration: none;
	background: #007774;
	padding: 5px 15px;
	border-radius:5px;
	display: inline-block;
	transition: all 0.4s ease 0s;
	font-size:12px;
	cursor:pointer;
	border: none;
}
.topbarButton:hover, .topbarButton:focus {
	color: #FFF !important;
	background: #00ebff;
	border-color: #00ebff !important;
	transition: all 0.4s ease 0s;
}
#beforeLogin .space{
	margin-top: 15px
}
#afterLogin .space{
	margin-top: 0px
}
#afterLogin li:last-of-type{
	margin-right: 0px !important;
}
#afterLogin .divi:after{
	content: '';
	border-left: 1px inset rgba(0,0,0,0.2);
	padding-top: 23px;
  position: absolute;
	top: 23px;
}
#afterLogin .time {
	color: #636363 !important;
	margin: 0px 0 0 0 !important;
}
.userSubMenu a span{
	font-style:normal;
}
.userSubMenu a span:hover {
	color:#00ebff
}
.userSubMenu a span:active {
	color:#00ebff
}
.userMainMenuDivider {
	border-bottom: 1px solid #007774;
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 88%;
	margin-left: 9px;
}
.userMainMenuButton {
	border: none;
	cursor: pointer;
}
.userMainMenu {
	position: relative;
	display: inline-block;
	top:10px;
	margin-left:15px;
}
.userMainMenuContent {
	display: none;
	position: absolute;
	right: 0;
	background-color: #FFF;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
	z-index: 1;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.userMainMenuContent a {
	color: #636363;
	padding: 4px 10px;
	text-decoration: none;
	display: block;
}
.userMainMenuContent a:first-child {
	padding: 15px 10px 4px 10px;
}
.userMainMenuContent a:last-child {
	padding: 4px 10px 15px 10px;
}
.userMainMenuContent a:hover {
	color:#00ebff
}
.userMainMenu:hover .userMainMenuContent {
	display: block;
}
.userMainMenuButton .menu {
	width: 24px;
	height: 3px;
	background: #007774;
	margin: 5px 0;
}
.userMainMenuButton .menu:hover {
	background: #00ebff !important;
}
/* #UserAction .wrapper {
	display: inline-block;
	position: relative;
}
#UserAction .parent {
	height: 100%;
	width: 100%;
	display: block;
	cursor: pointer;
	height: 26px;
	background: #FFF;
	color: #007774;
	position: relative;
	text-align: center;
	padding-top:7px
}
#UserAction .parent:hover,#UserAction .content:hover ~ .parent {
	color: #00ebff;
}
#UserAction .menu {
	width: 24px;
	height: 3px;
	background: #007774;
	margin: 5px 0;
}
#UserAction .menu:hover {
	background: #00ebff !important;
}
#UserAction .content:hover ~ .parent {
	z-index: 0;
}
#UserAction .content {
	position: absolute;
	top: 0;
	display: block;
	z-index: 1;
	height: 0;
	min-width: 150px;
	padding-top: 46px;
	-webkit-transition: height .5s ease;
	border-radius: 5px;
}
#UserAction .wrapper:active .content {
	height: auto;
	z-index: 3;
}
#UserAction .content:hover {
	height: auto;
	z-index: 3;
	cursor: pointer;
}
#UserAction .content ul {
	background: #fff;
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 100%;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: 0px 3px 15px 0px #ccc;
	-moz-box-shadow: 0px 3px 15px 0px #ccc;
	box-shadow: 0px 3px 15px 0px #ccc;
}
#UserAction .content ul a {
	text-decoration: none;
	cursor: pointer;
}
#UserAction .content li:hover {
	background: transparent;
	color: #00ebff;
}
#UserAction .content li {
	list-style: none;
	text-align: left;
	color: #636363;
	font-size: 13px;
	line-height: 35px;
	height: 35px;
	width:100%;
	padding-left: 10px;
}
#UserAction .content li:last-of-type {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
*/
.nowrap {
	white-space: nowrap;
}
.userinfo {
	font-weight: normal;
	font-style: italic;
	color: #636363;
	text-align: left;
}
.username{
	position:relative;
	top:3px
}
.userid{
	position:relative;
	top:5px;
	font-size:12px !important;
}
.userContainer{
	position: relative;
	top: 10px;
}
.idContainer{
	line-height:0
}
.icon {
	width: 28px;
	margin-top: -2px
}
.overlay {
	color: #FFFFFF;
	background-color: #000;
	padding:8px 6px;
	/* font-style:italic */
}
.overlay::after {
	color: inherit;
	background-color: rgba(0, 0, 0, .8);
}
.overlay.light::after {
	background-color: rgba(0, 0, 0, .55);
}
.btn, .btn.inverse:hover {
	color: #FFFFFF;
	background-color: #007774;
	border: none;
	border-radius: 10px;
}
.btn:hover, .btn.inverse {
	color: #FFFFFF;
	background-color: #00ebff;
	border: none
}
.playBg, .playBg:hover, .playBg:active, .playBg:focus {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
	color: #007774;
	min-width:120px;
	height:30px;
	text-align:center;
	border-radius:5px;
	line-height:15px;
	font-weight:bold;
}
.bannerSlider {
	width: 100%;
	margin: 0 auto;
	min-width: 1100px;
}
.bannerSlider div {
	outline:none;
	margin:0px;
}
.SPORTSBgBanner {
	background-image:url('../../images/src-wos/images-pc/webp/banner/bg_sport.webp');
	height:350px;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
}
.CASINOBgBanner {
	background-image:url('../../images/src-wos/images-pc/webp/banner/bg_casino.webp');
	height:350px;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
}
.ELECTRONICBgBanner {
	background-image:url('../../images/src-wos/images-pc/webp/banner/bg_slot.webp');
	height:350px;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
}
.NUMBERBgBanner {
	background-image:url('../../images/src-wos/images-pc/webp/banner/bg_numbergame.webp');
	height:350px;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
}
.CARDSBgBanner {
	background-image:url('../../images/src-wos/images-pc/webp/banner/bg_card.webp');
	height:350px;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
}
.FHBgBanner {
	background-image:url('../../images/src-wos/images-pc/webp/banner/bg_fishing.webp');
	height:350px;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
}
.ANIMALSPORTSBgBanner {
	background-image:url('../../images/src-wos/images-pc/webp/banner/bg_rsport.webp');
	height:350px;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
}
.VIRTUALBgBanner {
	background-image:url('../../images/src-wos/images-pc/webp/banner/bg_virtual.webp');
	height:350px;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
}
nav {
	overflow: hidden;
	height:53px;
	background:#007774
}
nav a {
	float: left;
	color: white;
	text-align: center;
	padding: 6px 25px 0 25px;
	text-decoration: none;
	font-size: 13px;
	white-space: nowrap;
	margin: 0;
	font-weight: normal;
}
nav a:hover {
	background: rgba(42,183,169,0.4) !important;
	color: #00ebff
}

.activeNav {
	background: rgba(42,183,169,0.4) !important;
	color: #00ebff
}


.sl-nav {
	margin-top: 4px;
}
.sl-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-block
}
.sl-nav li {
	cursor: pointer
}
.sl-nav li ul {
	position: absolute;
	top: 48px;
	right: -15px;
	display: none;
	background: #fff;
	width: 130px;
	padding-top: 0;
	z-index: 1;
	border-radius: 0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}
.sl-nav li .triangle {
	position: absolute;
	top: 25px;
	right: -10px;
	z-index: 10;
	height: 14px;
	overflow: hidden;
	width: 30px;
	background: 0 0;
	display: none
}
.sl-nav li .triangle:after {
	content: '';
	display: block;
	z-index: 20;
	width: 15px;
	transform: rotate(45deg) translateY(0) translatex(10px);
	height: 15px;
	background: #fff;
	border-radius: 2px 0 0 0;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}
.sl-nav li ul li {
	position: relative;
	text-align: left;
	background: 0 0;
	padding: 2px 13px 2px 13px;
	z-index: 2;
	font-size: 13px;
	color: #000
}
.sl-nav li ul li:last-of-type {
	padding-bottom: 13px
}
.sl-nav li ul li span {
	padding-left: 5px;
	color: #000
}
.sl-nav li ul li span.active,.sl-nav li ul li span:hover {
	color: #146c78
}
.sl-flag {
	display: inline-block;
	pointer-events: all !important;
	box-shadow: 0 0 3px rgba(0, 0, 0, 1);
	width: 26px;
	height: 26px;
	background: #aaa;
	border-radius: 50%;
	position: relative;
	top: 10px;
	overflow: hidden
}
.flag-en {
	background: url(../../images/src-wos/images-pc/flags/en.png);
	background-repeat: no-repeat;
	background-position: 51% !important;
	background-size: auto 100% !important
}
.flag-cn {
	background: url(../../images/src-wos/images-pc/flags/cn.png);
	background-repeat: no-repeat;
	background-position: 51% !important;
	background-size: auto 100% !important
}
.flag-vn {
	background-repeat: no-repeat;
	background-position: 51% !important;
	background-size: auto 100% !important;
	background: url(../../images/src-wos/images-pc/flags/vn.png)
}
.flag-th {
	background-repeat: no-repeat;
	background-position: 51% !important;
	background-size: auto 100% !important;
	background: url(../../images/src-wos/images-pc/flags/th.png)
}
.flag-id {
	background-repeat: no-repeat;
	background-position: 51% !important;
	background-size: auto 100% !important;
	background: url(../../images/src-wos/images-pc/flags/id.png)
}
.flag-ko {
	background-repeat: no-repeat;
	background-position: 51% !important;
	background-size: auto 100% !important;
	background: url(../../images/src-wos/images-pc/flags/ko.png)
}
.flag-ma {
	background-repeat: no-repeat;
	background-position: 51% !important;
	background-size: auto 100% !important;
	background: url(../../images/src-wos/images-pc/flags/ma.png)
}
.flag-my {
	background-repeat: no-repeat;
	background-position: 51% !important;
	background-size: auto 100% !important;
	background: url(../../images/src-wos/images-pc/flags/my.png)
}
.flag-hi {
	background-repeat: no-repeat;
	background-position: 51% !important;
	background-size: auto 100% !important;
	background: url(../../images/src-wos/images-pc/flags/hi.png)
}
/* Newly modified */
.flag-pt {
	background-repeat: no-repeat;
	background-position: 51% !important;
	background-size: auto 100% !important;
	background: url(../../images/src-wos/images-pc/flags/br.png)
}
/* Newly modified */
.heading .nospace{
	margin:0;
}
.headingTitle{
	color:#007774;
	text-align:left;
	margin:0 0 20px 0 !important;
	font-size:1.7rem;
	line-height:normal;
	font-weight:bold;
	text-transform:capitalize;
}
/* Sticky Right Nav ------------------------------------------------------------------------------ */
#sidelink {
	position: fixed;
	top: 350px;
	right: 0;
	padding: 0;
	list-style: none;
	z-index: 1;
}
#sidelink li a {
	display: block;
}
#sidelink li a img {
	display: block;
	width: 60px;
	-webkit-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;
}
#sidelink li a:hover img {
	/* background: rgba(0, 0, 0, .2);
	&:hover{
		padding-left: 20px;
		width:65px;
	}
	*/
}
/* End Sticky Right Nav ------------------------------------------------------------------------------ */
/* Footer ------------------------------------------------------------------------------ */
#footer {
	padding: 40px 0 0px 0;
	background-color: #b1b1b1;
}
#footer .icon {
	width: 27px;
}
#footer hr, #footer .borderedbox, #footer .linklist li {
	border-color: rgba(0, 0, 0, .1);
}
#footer .heading {
	margin-bottom: 20px;
	font-size: 15px;
}
#footer .column1,#footer .column3,#footer .column4{
	width:22% !important
}
#footer .column2{
	width:28% !important
}
#footer .column1 img{
	width:85%
}
#footer .column2 p{
	width:80%;
	margin-top:0
}
#footer .linklist li {
	display: block;
	margin-bottom: 0px;
	padding: 0 0 5px 0;
	border-bottom: 0px solid;
}
#footer .linklist .rules {
	display: block;
	margin-bottom: 0px;
	padding: 0 0 15px 0;
	border-bottom: 0px solid;
}
#footer .linklist li:last-child {
	margin: 0;
	padding: 0;
	border: none;
}
#footer .linklist li::before, #footer .linklist li::after {
	display: table;
	content: "";
}
#footer .linklist li, #footer .linklist li::after {
	clear: both;
}
#footer .contact {
}
#footer .contact.linklist li, #footer .contact.linklist li:last-child {
	position: relative;
}
#footer .contact li * {
	margin: 0;
	padding: 0;
	line-height: 1.6;
}
#footer .contact li i {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	font-size: 16px;
	text-align: center;
}
#footer .supportIcon{
	width: 35px !important;
}
#footer .remark1{
	top: 0px;
	position: absolute;
	margin-left: 5px !important;
}
#footer .remark1 a, #footer .remark2 a {
	color: #000 !important;
}
#footer .remark1 a:hover, #footer .remark2 a:hover {
	color: #00ebff !important;
}
#footer .remark2{
	top: 16px;
	position: absolute;
	margin-left: 5px !important;
}
#copyright {
	text-align: center
}
#copyright p {
	font-size: 13px;
	color:#000
}
#backtotop {
	color: #FFFFFF;
	background-color: #007774;
	z-index: 999;
	display: inline-block;
	position: fixed;
	visibility: hidden;
	bottom: 20px;
	right: 20px;
	border-radius:50%;
	width: 36px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	text-align: center;
	opacity: .2;
}
#backtotop i {
	display: block;
	width: 100%;
	height: 100%;
	line-height: inherit;
}
#backtotop.visible {
	visibility: visible;
	opacity: .5;
}
#backtotop:hover {
	opacity: 1;
}
*, *::before, *::after {
	transition: all .3s ease-in-out;
}
/* End Footer ------------------------------------------------------------------------------ */
/* Hot Game API ------------------------------------------------------------------------------ */
.team-wrapper{
	margin:10px auto 0 !important;
	width:80% !important
}
.team-show {
	height:338px;
	margin: 0 auto;
	background-image:url('../../images/src-wos/images-pc/webp/banner/bg_hotmatch.webp');
	background-size:100% 100%;
	background-repeat:no-repeat
}
.team-show div {
	outline:none;
	margin-top:0px
}
.team-flex {
	display: flex !important;
	align-items: center;
	justify-content: center;
}
.team-rate {
	font-size: 24px;
	font-weight: 700;
	margin: 0 15px;
	letter-spacing: 1px;
	text-align: center;
}
.team-name {
	font-size: 20px;
	font-weight: 700;
	margin: 0 15px;
	letter-spacing: 1px;
	text-align: center;
}
.team1, .team2 {
	font-size: 14px;
	font-weight: 700;
	color: #FFF;
	background-color: rgba(0,0,0,0.8);
	color: #fff;
	display: inline;
	line-height: 3;
	padding: 0.2rem;
}
.teamdatetime {
	margin: 0 auto;
	font-size: 15px;
	text-align: center;
	color: #000;
	font-weight:bold;
	font-style:italic
}
.leagueName{
	padding-top:40px;
	font-size: 17px;
	text-align: center;
	color: #000;
	font-weight:bold;
}
.team-image {
	width: 100px;
	height: 100px;
	margin-top: -15px !important;
	/* border-radius: 50%; */
	position:relative;
}
.team-play {
	margin: 0 auto;
	text-align: center;
}
.team-play {
	width: 100px;
	margin-top:28px !important;
	background-image:url('../../images/src-wos/images-pc/banner/bg_hotmatch_btn.png');
	background-repeat: no-repeat;
	background-size:100% 100%
}
.vsTxt{
	width:60px;
	padding-top:15px
}
/* End Hot Game API ------------------------------------------------------------------------------ */
/* Custom Language Nav ------------------------------------------------------------------------------ */
.lang-cn nav a, .lang-th nav a, .lang-hi nav a{
	font-size:13px;
	padding: 6px 22px 0 22px;
}
.lang-en nav a,.lang-pt nav a{
	font-size:13px;
	padding: 6px 17px 0 17px;
}
.lang-vn nav a,.lang-my nav a{
	font-size:13px;
	padding: 6px 14px 0 14px;
}
.lang-ma nav a, .lang-id nav a{
	font-size:13px;
	padding: 6px 16px 0 16px;
}
.lang-ko nav a{
	font-size:13px;
	padding: 6px 25px 0 25px;
}

.lang-vn .userMainMenuContent {
	min-width: 180px;
}
.lang-vn .userMainMenuContent {
	min-width: 180px;
}
.lang-ma .userMainMenuContent, .lang-id .userMainMenuContent {
	min-width: 200px;
}
/* End Custom Language Nav ------------------------------------------------------------------------------ */
.headingContentDesc{
	color:#007774;
	margin:20px 0 10px 0 !important;
	font-size:1.1rem;
	line-height:normal;
	font-weight:normal;
}
.headingContentTitle{
	color:#007774;
	text-align:center;
	margin:40px 0 20px 0 !important;
	font-size:1.7rem;
	line-height:normal;
	font-weight:bold;
	text-transform:capitalize;
}
.bg-black {
	background-color: #000 !important;
	padding: 10px 0;
	width: 100%;
}
.gametitle {
	color: #fff;
	font-size: 13px;
	text-align: left;
	width: 60%;
	margin-left: 10px
}
.gamebtn {
	color: #fff;
	font-size: 13px;
	border-left: 2px solid #fff;
	width: 40% !important;
	text-align: center;
}
.newgametitle {
	color: #fff;
	font-size: 13px;
	width: 170px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	justify-content: center;
	margin: 0 auto;
}
.dividers{
	padding-bottom:13px;
}
.iframeSport{
	top: 0;
	left: 0;
	margin: 0 auto;
	padding: 0;
	width: 1310px;
	height: 500px;
	overflow-y: hidden !important;
	margin: none;
	padding: none;
	background: #FFF;
	border: none;
	display:block
}
.sportCustomBg{
	background-image:url('../../images/src-wos/images-pc/banner/bg2_iframe_sport.jpg');
	padding-bottom:10px
}
.fhBg{
	height: calc(100vh - 145px);
}
/* Login Modal */
.loginModalContainer {
	display: none;
	position: fixed;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow-y: initial !important;
	background-color: rgba(7,36,34,.88);
	background-color: rgba(7,36,34,.88);
}
.loginOverlay {
	background-color: #fefefe;
	margin: auto;
	width: 40%;
	height: auto;
	overflow-y: visible;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
@media only screen and (min-width: 1600px) {
	.loginOverlay {
		background-color: #FFF;
		margin: auto;
		width: 25%;
	}
}
@media only screen and (min-width: 2000px) {
	.loginOverlay {
		background-color: #FFF;
		margin: auto;
		width: 25%;
	}
}
.loginContent{
	 margin: 0 20px 20px 20px
}
.loginInput {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,.07);
    margin: 10px 0 17px 0;
    height: 40px;
}
.loginIcon {
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
    margin-right: 10px;
}
.instyle {
	height: 32px !important;
	width: 100% !important;
	padding: 0 10px 0 5px !important;
	color: rgba(0,0,0,0.8) !important;
	outline: none !important;
	vertical-align: middle !important;
	border-top: none;
	border-left: none;
	border-right:none;
	border-bottom: none;
	font-size:14px;
}
.rmbme {
    align-items: center;
    display: flex;
		margin:-10px 0 10px 4px;
}
[type=checkbox]:checked, [type=checkbox]:not(:checked) {
    position: absolute;
    opacity: 0;
    width: 20px;
    height: 30px;
    background-color: #ccc;
    border: 1px solid #a9a9a9;
}
[type=checkbox]:checked, [type=checkbox]:not(:checked) {
    opacity: 1!important;
    position: unset!important;
    margin-right: 5px;
}
.loginBtn{
	border:none;
	width:100%;
	height:40px;
	color: #FFF !important;
	text-decoration: none;
	background: #007774;
	padding: 5px 15px;
	border-radius:5px;
	display: inline-block;
	transition: all 0.4s ease 0s;
	font-size:16px !important;
	cursor:pointer;
	border: none;
}

/* .login {
	display: flex;
	align-items: center;
} */
.icon-eye-close {
	width: 15px;
	height: 15px;
	position: absolute;
	margin-left: -22px;
	margin-top: -7px;
	background: url("../../images/src-wos/images-pc/icon/icon_password_close.png");
    background-size: contain;
}

.icon-eye-open {
	width: 15px;
	height: 15px;
	position: absolute;
	margin-left: -22px;
	margin-top: -7px;
	background: url("../../images/src-wos/images-pc/icon/icon_password_open.png");
    background-size: contain;
}
.closeContainer img {
    width: 140px;
		height:56px;
		margin-left: 12px!important;
}
.closeContainer a {
    position: absolute!important;
    top: 14px!important;
    right: 12px!important;
    font-size: 50px!important;
    margin-left: 51px!important;
    width: auto!important;
    border-bottom: none!important;
    font-weight: lighter!important;
    color: #000!important;
}
.closeContainer a:hover {
    color: #00ebff!important;
}
.loginBottom {
    bottom: 0;
    background: gray;
    color: #fff;
		padding: 10px 15px;
    font-size: 12px;
    line-height: 20px;
}
.login-lang-dropdown{
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 93%;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	top: 230px;
}
.lang-input span:active{
	color:#00ebff !important;
}
.login-lang-dropdown span{
	color: black ;
	font-weight: normal;
	margin-top: 7px;
	margin-left:5px;
	font-size: 13px;
	opacity: 1;
	background: transparent;
}
.login-lang-dropdown a{
	display: flex;
	align-items: center;
	padding: 3px 0 3px 10px
}
.login-lang-dropdown a:first-child{
	padding-top: 10px
}
.login-lang-dropdown a:last-child{
	padding-bottom: 10px
}
.login-lang-dropdown .sl-flag {
	top: 5px;
}
.lang-input span {
	color: #000;
	font-weight: normal;
	margin-left:18px;
	margin-top:0px;
	font-size: 15px;
	opacity: 1;
	background: transparent;
	position: relative;
	width: 100% !important;
}
.arrowIcon {
	width: 15px;
	height: 15px;
	position: absolute;
	margin-left: -22px;
	margin-top: -7px;
}
.lang-input span:hover {
	color: #00ebff;
}
.login-flag{
	display: inline-block;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	width: 26px;
	height: 26px;
	border-radius: 50%;
	margin-left: 3px;
}

.error_text{
	color: red;
	margin: 0px 0px 15px 4px;
}

/* News Modal */
.modal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 80px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow-y: initial !important;
	background-color: rgba(7,36,34,.88);
	background-color: rgba(7,36,34,.88);
}
.modal-content {
	background-color: #fefefe;
	margin: auto;
	width: 50%;
	height: 80vh;
	overflow-y: auto;
}
@media only screen and (min-width: 1600px) {
	.modal-content {
		background-color: #fefefe;
		margin: auto;
		width: 30%;
	}
}
@media only screen and (min-width: 2000px) {
	.modal-content {
		background-color: #fefefe;
		margin: auto;
		width: 30%;
	}
}
.close {
	float: right;
	position:absolute;
	right:10px;
	top:5px;
	font-size: 50px!important;
	width: auto!important;
	border-bottom: none!important;
	font-weight: lighter!important;
	color: #000!important;
}
.close:hover,.close:focus {
	color: #00ebff;
	text-decoration: none;
	cursor: pointer;
}
.read{
	align-items: center;
	display: flex;
	position: absolute !important;
	right: 50px !important;
	top:-5px;
}
.announce .stickyHeader span{
	text-align: center;
	color: #fff;
	line-height: normal;
	font-size: 14px;
	font-weight: bold;
	padding:10px;
	background:#007774;
	display: block;
}
.game-tit {
	margin-top: 2%;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	color: #007774;
}
.game-tit.lt {
	text-align: left;
}
.game-list {
	margin-left: -4%;
}
.game-list.lt {
	padding-left: 0;
}
.game-list li{
	list-style-type:circle !important;
	line-height:15px;
}
.game-btnbox {
	padding: 10px 0 10px 0;
	display: block;
	text-align: center;
}
.game-btnbox.lt {
	padding-left: 10%;
	text-align: left;
}
.game-btn {
	display: inline-block;
	padding: 6px 20px;
	margin: 0 auto;
	background: #007774;
	border-radius: 50px;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s;
}
.game-btn:hover,.game-btn:active,.game-btn:focus {
	display: inline-block;
	padding: 6px 20px;
	margin: 0 auto;
	background: #00ebff;
	border-radius: 50px;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s;
}
.game-txt {
	margin: 15px 0 2% 0;
	padding: 0 6% 0 6%;
	text-align: left;
}
.game-message {
	color: #007774;
	border: 1px solid #338EA3;
	border-radius: 4px;
	padding: 10px;
	font-size: 1rem;
	line-height: 1.4;
}
.modal-content::-webkit-scrollbar {
	width: 6px;
}
.modal-content::-webkit-scrollbar-track {
	background: #FFF;
}
.modal-content::-webkit-scrollbar-thumb {
	background-color: #636363;
	border: 3px solid #636363;
}
.stickyHeader{
	position: sticky;
	z-index: 1;
	top: 40px;
}

/* Pagination Demo */
.pagiControl {
	justify-content: flex-end;
	align-items: flex-end;
	display: flex;
}
.pagiControl a{
    text-decoration:none;
		color: #000 !important;
		float: left;
		padding: 8px;
		cursor: pointer;
		font-size:15px;
}
.pagiActive{
	color: #00ebff !important;
  background:transparent;
	text-decoration:underline !important;
}
#list{
	margin:0;
	padding:0;
	min-height:264px;
}
#list li{
	border-bottom:1px solid #ccc;
	padding: 5px 0
}
.moreBtn {
	color: #FFF !important;
	text-decoration: none;
	background: #007774;
	min-width:80px;
	height:23px;
	text-align:center;
	border-radius:5px;
	display: inline-block;
	transition: all 0.4s ease 0s;
	font-size:12px;
	text-shadow: 2px 2px 0 rgba(0,79,77,0.8),
               1px 1px 0 rgba(0,79,77,0.8);
}
.moreBtn:hover, .moreBtn:focus{
	color: #FFF !important;
	background: #00ebff;
	border-color: #00ebff !important;
	transition: all 0.4s ease 0s;
}
.news {
	color: #000;
	font-size:14px;
	padding-left:10px;
}
.newsTitle {
	color: #000;
	font-size:16px;
}
.newsDate{
	float: right;
	color:#000;
	padding-right:10px
}
/* End Pagination Demo */

/* Tooltip */
.tooltip {
  position: relative;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 105px;
  background-color: rgba(0,119,116,0.95);
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
	top: 10px;
  right: 105%;
	transition: opacity 1s;
	font-size:13px;
	text-shadow: 2px 2px 0 rgba(0,79,77,0.8),
               1px 1px 0 rgba(0,79,77,0.8);
}
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent rgba(0,119,116,0.95);;
	transition: opacity 1s;
	font-size: 12px;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
/* End Tooltips */
/* Maintenance */
.one_full .box, .one_quarter .box, .fifth .box  {
	position:relative;
	z-index:1;
}
.grayscale{
	filter: grayscale(100%);
}
.maintain {
	position: absolute;
	top: 0px;
	z-index: 1;
	overflow: hidden;
	width: 254px;
	height: 349px;
	text-align: right;
}
.content-wrap .maintain {
	position: absolute;
	top: 0px;
	z-index: 1;
	overflow: hidden;
	width: 210px;
	height: 250px;
	text-align: right;
	pointer-events: none;
}
.content-wrap .maintain div {
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	transform: rotate(45deg);
	-webkit-transform: rotate(-45deg);
	width: 180px;
	display: block;
	background: repeating-linear-gradient(45deg, #ffd987, #ffd987 10px, #000000 10px, #000000 19px) !important;
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 190px;
	right: -40px;
}
.maintain div {
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	transform: rotate(45deg);
	-webkit-transform: rotate(-45deg);
	width: 180px;
	display: block;
	background: repeating-linear-gradient(45deg, #ffd987, #ffd987 10px, #000000 10px, #000000 19px) !important;
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 283px;
	right: -34px;
}
.maintain div span{
	color:#000;
	background-color: #ffd987;
	padding:0 10px
}
.maintain span::before {
	content: '';
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 0 solid #ffd987;
	border-right: 0 solid transparent;
	border-bottom: 0 solid transparent;
	border-top: 0 solid #ffd987;
}
.maintain span::after {
	content: '';
	position: absolute;
	right: 0%;
	top: 100%;
	z-index: -1;
	border-right: 0 solid #ffd987;
	border-left: 0 solid transparent;
	border-bottom: 0 solid transparent;
	border-top: 0 solid #ffd987;
}
/* End Maintenance */

.livechatIcon, .downloadIcon,.musicIcon, .videoIcon, .eventSpecialIcon{
  width: 60px;
  height: 52px;
	outline:none;
	border:0;
}
.livechat{
	background: url("../../images/src-wos/images-pc/icon/icon_livechat.png") !important;
	background-size:100% 100% !important;
}
.livechat:hover{
	background: url("../../images/src-wos/images-pc/icon/icon_livechat_hover.png") !important;
  background-size:100% 100% !important;
}
.eventSpecial{
	background: url("../../images/src-wos/images-pc/icon/icon_spin.png") !important;
	background-size:100% 100% !important;
}
.eventSpecial:hover{
	background: url("../../images/src-wos/images-pc/icon/icon_spin_hover.png") !important;
  background-size:100% 100% !important;
}
.download{
	background: url("../../images/src-wos/images-pc/icon/icon_download.png") !important;
	background-size:100% 100% !important;
}
.download:hover{
	background: url("../../images/src-wos/images-pc/icon/icon_download_hover.png") !important;
  background-size:100% 100% !important;
}

/* Tabs Slot */
.tabs {
 position: relative;
 overflow: hidden;
 margin: 20px auto 0;
 width: 100%;
 font-weight: 300;
 font-size: 1.25em;
}
.tab_headingTitle{
	color:#007774;
	text-align:left;
	margin:20px 0 20px 10px !important;
	font-size:1.2em;
	line-height:normal;
	font-weight:bold;
	text-transform:capitalize;
}
.tab_headingIcon {
  width: 28px;
  height: 28px;
  max-width: 28px;
	margin-top: -4px;
}
.tab-scroll{
  /* width:95% */
}
.tabs nav {
 text-align: center;
}
.tabs nav ul {
 background:white;
 position: relative;
 display: -ms-flexbox;
 display: -moz-flex;
 display: -ms-flex;
 display: flex;
 padding: 0;
 /* min-width: 1050px; */
 list-style: none;
 -ms-box-orient: horizontal;
 /* justify-content: flex-start; */
 overflow: hidden;
 /* justify-content: center; */
 z-index:0
}
.tabs nav ul li {
 position: relative;
 z-index: 1;
 display: block;
 margin: 0;
 text-align: center;
 -webkit-flex: 1;
 -moz-flex: 1;
 -ms-flex: 1;
 flex: 1;
 padding:0;
 /* max-width: 105px; */
 padding: 0px 10px 0 10px !important
}
.tabs nav a {
 position: relative;
 display: block;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.tabs nav a span {
 vertical-align: middle;
 font-size: 0.75em;
}
.tabs nav li.tab-current a {
 color: #74777b;
}
.tabs nav a:focus {
 outline: none;
}
.tabicon {
  width: 40px;
  height:40px;
  max-width:40px;
}
.content-wrap {
 position: relative;
}
.content-wrap section {
 display: none;
 margin: 0 auto;
 max-width: 1200px;
 text-align: center;
}
.content-wrap section.content-current {
 display: block;
}
.content-wrap section p {
 margin: 0;
 padding: 0.75em 0;
 color: rgba(40, 44, 42, 0.05);
 font-weight: 900;
 font-size: 4em;
 line-height: 1;
}
.no-js .content-wrap section {
 display: block;
 padding-bottom: 2em;
 border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.no-flexbox nav ul {
 display: block;
}
.no-flexbox nav ul li {
 min-width: 15%;
 display: inline-block;
}
.tabs-style nav {
  background: transparent !important;
  height: 70px;
  align-items: center;
  justify-content: center;
  display: flex;
  margin:0 0 20px 0;
}
.tabs-style nav ul li a {
 overflow: visible;
 /* padding: 0px 20px 0 20px !important; */
 padding: 0px !important;
 -webkit-transition: color 0.2s;
 transition: color 0.2s;
  width: 100%;
}
.tabs-style nav ul li a:hover {
 	background: transparent !important;
}
.tabs-style nav ul li a:hover div {
 color: #007774;
}
.tabs-style nav ul li a div {
 font-weight: 700;
 font-size: 1em;
 color: #636363;
 min-width: 50px;
 margin-left:-5px;
}
.tabs-style nav ul li.tab-current {
 z-index: 100;
}
.tabs-style nav ul li.tab-current a {
 background: transparent !important;
 width: 100%;
 color:#007774
}
.tabs-style nav ul li.tab-current a::after {
  top: 100%;
  content: "";
  display: block;
  margin: 0 auto;
  width: 80%;
  padding-top: 0px;
  border-bottom: 2px solid rgb(0,119,116);
}
.tabs-style nav ul li:first-child::before,
.tabs-style nav ul li::after {
 position: absolute;
 top: 20%;
 right: 0;
 z-index: -1;
 width: 1px;
 height: 60%;
 background: rgba(0, 0, 0, 0.07);
 content: '';
 display:none;
}
.tabs-style nav ul li:first-child::before {
 right: auto;
 left: 0;
}
.tabs-style .icon::before {
 display: block;
 margin: 0 0 0.25em 0;
}
/* .paddle {
  height:50px;
	position: absolute;
	top: 0;
	bottom: 0;
  border:0;
  z-index:1;
  background:red;
  font-weight: bold
}
.left-paddle {
	left: 0;
  width:25px;
  margin-top:6px
}
.right-paddle {
	right: 0;
  width:25px;
  margin-top:6px
} */

/* Left Right Paddle for Slot */
#outer {
	float: left;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
}

#left-button {
	float: left;
	width: 30px;
	text-align: center;
}

#right-button {
	float: left;
	width: 30px;
	text-align: center;
}

#inner:first-child {
	margin-left: 0;
}

.hide {
	display: none;
}

/* All Banner */
.SPORTSBanner{
	background-image:url('../../images/src-wos/images-pc/webp/banner/content_sports.webp');
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	height:280px;
	min-width:1100px;
}
.CASINOBanner{
	background-image:url('../../images/src-wos/images-pc/webp/banner/content_casino.webp');
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	height:280px;
	min-width:1100px;
}
.ELECTRONICBanner{
	background-image:url('../../images/src-wos/images-pc/webp/banner/content_slotgame.webp');
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	height:280px;
	min-width:1100px;
}
.NUMBERBanner{
	background-image:url('../../images/src-wos/images-pc/webp/banner/content_numbergame.webp');
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	height:280px;
	min-width:1100px;
}
.CARDSBanner{
	background-image:url('../../images/src-wos/images-pc/webp/banner/content_card.webp');
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	height:280px;
	min-width:1100px;
}
.FHBanner{
	background-image:url('../../images/src-wos/images-pc/webp/banner/content_fishing.webp');
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	height:280px;
	min-width:1100px;
}
.CRICKETBanner{
	background-image:url('../../images/src-wos/images-pc/webp/banner/content_cricket.webp');
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	height:280px;
	min-width:1100px;
}
.ANIMALSPORTSBanner{
	background-image:url('../../images/src-wos/images-pc/webp/banner/content_rsport.webp');
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	height:280px;
	min-width:1100px;
}
.VIRTUALBanner{
	background-image:url('../../images/src-wos/images-pc/webp/banner/content_virtual.webp');
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	height:280px;
	min-width:1100px;
}

/* Jackpot */
.jpSpecial{
	display:flex;
	padding-bottom: 60px;
}
.jpTitle{
	margin-top:25px;
	left: 10px;
	position: absolute;
}
.jpAmount{
	display:flex;
	right:10px;
	position: absolute;
}
.jpAmount .mega{
	background-image:url('../../images/src-wos/images-pc/banner/jdb_mega.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position: center center;
	margin-top:-8px;
	width:350px;
	height:80px
}
.jpAmount .mega div{
	font-size: 28px;
	color: black;
	text-align: center;
	margin-top: 27px;
	margin-left: 105px;
}
.jpAmount .minor{
	background-image:url('../../images/src-wos/images-pc/banner/jdb_minor.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position: center center;
	width:230px;
	height:70px;
}
.jpAmount .minor div{
	font-size: 19px;
	color: black;
	text-align: center;
	margin-top: 26px;
	margin-left:100px;
}
.jpAmount .major{
	background-image:url('../../images/src-wos/images-pc/banner/jdb_major.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position: center center;
	width:230px;
	height:70px;
}
.jpAmount .major div{
	font-size: 19px;
	color: black;
	text-align: center;
	margin-top: 26px;
	margin-left:100px;
}
.jpContainer{
	padding:0 0 10px 0;
	/* width: 98.2%; */
	margin: 0 auto;
}
.jpBanner{
	background-image:url('../../images/src-wos/images-pc/webp/banner/jdb_jackpot.webp');
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position: center center;
	height:135px;
	width: 98%;
  margin-left: 6px;
}
.jpBanner .mega{
	position: absolute;
	font-size: 30px;
	color: black;
	text-align: center;
	left: 400px;
	top: 62px;
	font-weight: bold;
	width: 220px;
}
.jpBanner .major{
	position: absolute;
	font-size: 19px;
	color: black;
	text-align: left;
	right: 75px;
	font-weight: bold;
	top: 42px;
	width:220px
}
.jpBanner .minor{
	position: absolute;
	font-size: 19px;
	color: black;
	text-align: left;
	right: 75px;
	font-weight: bold;
	top: 83px;
	width:220px
}
/* End Jackpot */

/* Load More */
.loadMore {
	color: #FFF !important;
	text-decoration: none;
	background: #007774;
	padding: 8px 30px;
	border-radius:5px;
	display: inline-block;
	transition: all 0.4s ease 0s;
	font-size:15px;
	cursor:pointer;
	border: none;
}
.loadMore:hover {
	color: #FFF !important;
	background: #00ebff;
	border-color: #00ebff !important;
	transition: all 0.4s ease 0s;
}
/* End Load More */

/* Slot Games Tab Icon */

.ALLIcon {
	background: url("../../images/src-wos/images-pc/icon/tabs/page_slot.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.ALLIcon:hover, .ALLIcon[active=true] {
	background: url("../../images/src-wos/images-pc/icon/tabs/page_slot_hover.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.RTIcon {
	background: url("../../images/src-wos/images-pc/icon/tabs/page_redtiger.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.RTIcon:hover, .RTIcon[active=true] {
	background: url("../../images/src-wos/images-pc/icon/tabs/page_redtiger_hover.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.REDTIGERIcon {
	background: url("../../images/src-wos/images-pc/icon/tabs/page_redtiger.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.REDTIGERIcon:hover, .REDTIGERIcon[active=true] {
	background: url("../../images/src-wos/images-pc/icon/tabs/page_redtiger_hover.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.SPADEIcon {
	background: url("../../images/src-wos/images-pc/icon/tabs/page_spade.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.SPADEIcon:hover, .SPADEIcon[active=true] {
	background: url("../../images/src-wos/images-pc/icon/tabs/page_spade_hover.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.FACHAIIcon {
	background: url("../../images/src-wos/images-pc/icon/tabs/page_fachai.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.FACHAIIcon:hover, .FACHAIIcon[active=true]{
	background: url("../../images/src-wos/images-pc/icon/tabs/page_fachai_hover.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.JDBIcon {
	background: url("../../images/src-wos/images-pc/icon/tabs/page_jdb.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.JDBIcon:hover, .JDBIcon[active=true]{
	background: url("../../images/src-wos/images-pc/icon/tabs/page_jdb_hover.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.POCKETIcon {
	background: url("../../images/src-wos/images-pc/icon/tabs/page_pg.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.POCKETIcon:hover, .POCKETIcon[active=true]{
	background: url("../../images/src-wos/images-pc/icon/tabs/page_pg_hover.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.JILIIcon {
	background: url("../../images/src-wos/images-pc/icon/tabs/page_jili.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.JILIIcon:hover, .JILIIcon[active=true]{
	background: url("../../images/src-wos/images-pc/icon/tabs/page_jili_hover.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.PTSLOTIcon {
	background: url("../../images/src-wos/images-pc/icon/tabs/page_PLAYTECH.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.PTSLOTIcon:hover, .PTSLOTIcon[active=true]{
	background: url("../../images/src-wos/images-pc/icon/tabs/page_PLAYTECH_hover.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.OGIcon {
	background: url("../../images/src-wos/images-pc/icon/tabs/page_onegame.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.OGIcon:hover, .OGIcon[active=true]{
	background: url("../../images/src-wos/images-pc/icon/tabs/page_onegame_hover.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.PPIcon {
	background: url("../../images/src-wos/images-pc/icon/tabs/page_pp.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.PPIcon:hover, .PPIcon[active=true]{
	background: url("../../images/src-wos/images-pc/icon/tabs/page_pp_hover.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}


.PLAYSTARIcon {
	background: url("../../images/src-wos/images-pc/icon/tabs/page_playstar.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.PLAYSTARIcon:hover, .PLAYSTARIcon[active=true]{
	background: url("../../images/src-wos/images-pc/icon/tabs/page_playstar_hover.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.PLAY8Icon {
	background: url("../../images/src-wos/images-pc/icon/tabs/page_play8.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.PLAY8Icon:hover, .PLAY8Icon[active=true]{
	background: url("../../images/src-wos/images-pc/icon/tabs/page_play8_hover.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.RICH88Icon {
	background: url("../../images/src-wos/images-pc/icon/tabs/page_rich88.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.RICH88Icon:hover, .RICH88Icon[active=true]{
	background: url("../../images/src-wos/images-pc/icon/tabs/page_rich88_hover.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.KAIcon {
	background: url("../../images/src-wos/images-pc/icon/tabs/page_kagame.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

.KAIcon:hover, .KAIcon[active=true]{
	background: url("../../images/src-wos/images-pc/icon/tabs/page_kagame_hover.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	background-position: center;
}

/* End Slot Games Tab Icon */

/* Bet Limit */
.btContainer{
	display: none;
	position: fixed;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow-y: initial !important;
	background-color: rgba(7,36,34,.88);
	background-color: rgba(7,36,34,.88);
}

.btOverlay {
	background-color: #fefefe;
	margin: auto;
	width: 35%;
	height: auto;
	overflow-y: visible;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 15px;
}
@media only screen and (min-width: 1600px) {
	.btOverlay {
		background-color: #FFF;
		margin: auto;
		width: 25%;
	}
}
@media only screen and (min-width: 2000px) {
	.btOverlay {
		background-color: #FFF;
		margin: auto;
		width: 25%;
	}
}

.btContent{
	 margin: 0 20px 0px 20px;
	 padding: 10px;
}
.btClose{
	 height: 30px;
	 padding:10px 0 0px 0;
	 background-color: #FFF;
	 position: sticky;
	 z-index: 1;
	 top: 0px;
	 border-radius: 15px;
}
.btClose img {
    width: 140px;
		height:56px;
		margin-left: 12px!important;
}
.btClose a {
    position: absolute!important;
    top: 14px!important;
    right: 12px!important;
    font-size: 50px!important;
    margin-left: 51px!important;
    width: auto!important;
    border-bottom: none!important;
    font-weight: lighter!important;
    color: #000!important;
}
.btClose a:hover {
    color: #00ebff!important;
}
.btSelection{
	font-size:15px;
	color:#000
}
.btContent ul{
	 list-style:none;
	 padding: 0;
}
.btContent ul li{
	width: 48%;
	height:40px;
	margin:0 2% 2% 0;
	float: left;
	text-align: center;
	vertical-align: middle;
	justify-content: center;
  display: flex;
  align-items: center;
	font-size:16px;
}
.btContent ul li:last-child{
	margin:0 2% 5% 0;
}
.btButton {
	color: #666;
	background-color: #cccccc;
}

.btButton a,
.btButtonSelected a {
	flex-direction: row;
  display: inline-flex;
  align-items: center;
	color:#666
}
.btButtonSelected a:hover {
	color:#666
}
.btButton:hover{
	background: white;
	cursor: pointer;
	border: 1px solid;
	border-image-source: linear-gradient(45deg, #007774, #00fff9);
	border-image-slice: 1;
}
.btButtonSelected{
	background: white;
	color: #666;
	cursor: pointer;
	border: 1px solid;
	border-image-source: linear-gradient(45deg, #007774, #00fff9);
	border-image-slice: 1;
}
.btAmount{
	vertical-align: middle;
	margin-left:5px;
}
.BTIcon {
	background: url("../../images/src-wos/images-pc/icon/icon_balance.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
}
.BTIconSelected {
	background: url("../../images/src-wos/images-pc/icon/icon_balance_hover.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
}
.fw-wrap{
	flex-wrap: wrap;
}
.slotgames {
	transform: scale(0.95);
}
.othergames {
	transform: scale(0.95);
}
.hotgames {
	margin-right:1.2%
}
.hotgames:last-child {
	margin-right:0%
}
.group a:hover{
	opacity:0.8;
}
.justifyCenter{
	justify-content:center;
}


 /* KINGMAKER GAMELIST */
 .KINGMAKERContainer{
	 height: 100%;
 }

.KINGMAKERRow {
	background-color: #FFF;
	background-image:url('../../images/src-wos/images-pc/KINGMAKERBg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-width: 1100px;
	border:0px;
	min-height: 100%;
}
.KINGMAKERHeader{
	width:100%;
	background:#000;
	text-align:center
}
.KINGMAKERHeader2 {
	background:#000
}
.KINGMAKERFooter{
	background-color: #FFF;
	background-position:top center;
	background-repeat:repeat;
	background-image:url('../../images/src-wos/images-pc/KINGMAKERFooter.jpg');
	min-width: 1100px;
}
.KINGMAKERLogo{
	width:224px;
	margin:20px 0
}
.KINGMAKERGames{
	width:16%;
	transform: scale(0.95);
}
.KINGMAKERPad{
	padding:30px 0
}
.KINGMAKERRow a{
	border: 5px solid transparent;
}
.KINGMAKERRow a:hover{
	opacity:0.9;
	border: 5px solid transparent;
  border-image: linear-gradient(to bottom, #ffe56f , #b78f2d, #ffe56f , #774c11, #ffe56f , #b78f2d);
  border-image-slice: 1;
	box-shadow: 1px 1px 13px -4px #ffe56f
}

.announceImg{
	display: flex;
	justify-content: center;
}

.mw-100 {
	max-width: 100%;
}

.newsBody {
	background: transparent;
}

.newsIframe {
	height: 370px;
}

.sportMaintainImg{
	width:1200px;
	height:500px
}

/* Nav Menu Icons */
.navIcon {
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: center;
    height: 30px;
    margin-top: -4px;
}

.HOMEIcon {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_home.png");
}
.HOMEIconActive, nav a:hover .HOMEIcon {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_home_hover.png");
}

.NEWSPORTSIcon {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_newsport.png");
}
.NEWSPORTSIconActive, nav a:hover .NEWSPORTSIcon  {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_newsport_hover.png");
}
.SPORTSIcon {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_sport.png");
}
.SPORTSIconActive, nav a:hover .SPORTSIcon  {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_sport_hover.png");
}
.CRICKETIcon {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_cricket.png");
}
.CRICKETIconActive, nav a:hover .CRICKETIcon  {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_cricket_hover.png");
}
.CASINOIcon {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_casino.png");
}
.CASINOIconActive, nav a:hover .CASINOIcon {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_casino_hover.png");
}
.ELECTRONICIcon {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_slots.png");
}
.ELECTRONICIconActive, nav a:hover .ELECTRONICIcon  {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_slots_hover.png");
}
.NUMBERIcon {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_sz.png");
}
.NUMBERIconActive, nav a:hover .NUMBERIcon {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_sz_hover.png");
}
.CARDSIcon {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_cards.png");
}
.CARDSIconActive, nav a:hover .CARDSIcon {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_cards_hover.png");
}
.FHIcon {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_fishing.png");
}
.FHIconActive, nav a:hover .FHIcon {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_fishing_hover.png");
}
.ANIMALSPORTSIcon {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_rsport.png");
}
.ANIMALSPORTSIconActive, nav a:hover .ANIMALSPORTSIcon {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_rsport_hover.png");
}
.VIRTUALIcon {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_virtual.png");
}
.VIRTUALIconActive, nav a:hover .VIRTUALIcon {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_virtual_hover.png");
}
.PROMOIcon {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_promo.png");
}
.PROMOIconActive, nav a:hover .PROMOIcon {
    background-image: url("../../images/src-wos/images-pc/icon/tabs/nav_promo_hover.png");
}

/* 忘记密码 */
.forgotpwd{
	position: absolute !important;
	  right: 25px !important;
	align-items: center !important;
	margin: -6px 0 10px 4px !important;
  }


/* Label */
.labelling {
  position: relative;
}
.labelling .badge {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: red;
	border: 1px solid white;
}
.labelling .badge.position{
  top: 4px;
  right: 4px;
  min-width: 30px;
  height: 13px;
  padding: 0 2px;
  color: #FFF;
  font-size: 11px;
	text-transform: uppercase;
	font-weight:800;
}
.labelling .badge.position2{
  top: 15px;
  right: 13px;
  min-width: 30px;
  height: 23px;
  padding: 0 2px;
  color: #FFF;
  font-size: 13px;
	text-transform: uppercase;
	font-weight:800;
}
/* .labelling .gameBadge {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 3px;
  left: 94px;
  min-width: 34px;
	height: 15px;
  padding: 2px 2px 1px 2px;
  border-radius: 4px;
  background-color: red;
  color: #FFF;
  font-size: 12px;
	text-transform: uppercase;
	font-weight:800
} */
/* .lang-cn .labelling .gameBadge {
  left: 64px;
  min-width: 25px;
}
.lang-cn .labelling .badge {
  right: 64px;
  min-width: 25px;
	font-size: 11px;
} */


/* .labelling .badge2 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
	left: 20px;
  top: 14px;
  min-width: 30px;
  height: 23px;
  padding: 0 2px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: red;
  color: #FFF;
  font-size: 11px;
	text-transform: uppercase;
	font-weight:800;
	border: 1px solid white;
}
.labelling .badge2 {
  min-width: 45px;
	font-size: 15px;
} */



/* SLIDER */
.slick-slide {
  margin: 0 5px;
}
.slick-list {
  margin: 0px -5px 0px -5px;
}
button.slick-next, button.slick-next:hover {
  position: absolute;
  top: 50%;
  right: 14px;
  width: 12px;
  height: 13px;
  background-image: url("../../images/src-wos/images-pc/icon/icon_lr.png");
  background-size: 30px;
}
button.slick-prev, button.slick-prev:hover {
  position: absolute;
  top: 50%;
  left: 14px;
  z-index: 1;
  width: 12px;
  height: 13px;
  background-image: url("../../images/src-wos/images-pc/icon/icon_lr.png");
  background-size: 30px;
      background-position-x: right;
}
.slick-prev:before, .slick-next:before {
  font-size: 70px;
  color: #EA8496;
  line-height: inherit;
  font-weight: bold;
}
/* Match Slider */
.slick-slider{
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list{
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus{
  outline: none;
}
.slick-list.dragging{
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
}
.slick-track{
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after{
  display: table;
  content: '';
}
.slick-track:after{
  clear: both;
}
.slick-loading .slick-track{
  visibility: hidden;
}
.slick-slide{
  display: none;
  float: left;
  /* height: 100%; */
  /* min-height: 1px; */
}
[dir='rtl'] .slick-slide{
  float: right;
}
.slick-slide img{
  /* margin: 0 20px; */
  margin:0 auto;
  display: block;
}
.slick-slide.slick-loading img{
  display: none;
}
.slick-slide.dragging img{
  pointer-events: none;
}
.slick-initialized .slick-slide{
  display: block;
}
.slick-loading .slick-slide{
  visibility: hidden;
}
.slick-vertical .slick-slide{
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Arrows */
.slick-prev,
.slick-next{
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
  opacity: .25;
}
.slick-prev:before,
.slick-next:before{
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev{
  left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '';
}
[dir='rtl'] .slick-prev:before
{
    content: '';
    font-weight: bold;
    font-size: 20px;
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '';
}
[dir='rtl'] .slick-next:before
{
    content: '';
}

/* Dots */
.slick-slider
{
    /* margin-bottom: 30px; */
}

.slick-dots
{
    position: absolute;
    bottom: 20px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    /* margin: 0 5px; */
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 80px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '.';
    text-align: center;
    opacity: .25;
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: 0.55;
    color: #007774;
}

.slick-slider div { transition: none; }

/* END SLIDER */