@font-face {
	font-family: 'icomoon';
	src: url(/Content/fonts/icomoon.eot?v=20190405);
	src: url(/Content/fonts/icomoon.eot?v=20190405) format('embedded-opentype'), url(/Content/fonts/icomoon.ttf?v=20190405) format('truetype'), url(/Content/fonts/icomoon.woff?v=20190405) format('woff'), url(/Content/fonts/icomoon.svg?v=20190405) format('svg');
	font-weight: normal;
	font-style: normal
}
[class^="icon-"], [class*=" icon-"] {
font-family:'icomoon'!important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.icon-APPS:before {
	content: ""
}
.icon-tutorials:before {
	content: ""
}
.icon-livehelp:before {
	content: ""
}
.icon-cashier:before {
	content: ""
}
.icon-home:before {
	content: ""
}
.icon-how_to_Withdraw:before {
	content: ""
}
.icon-how_to_Deposit:before {
	content: ""
}
.icon-How_to_Play:before {
	content: ""
}
.icon-how_to_bet:before {
	content: ""
}
.icon-how_to_Transfer:before {
	content: ""
}
.icon-Contact_Email:before {
	content: ""
}
.icon-Contact_Phone:before {
	content: ""
}
.icon-FB88_Sports:before {
	content: ""
}
.icon-FB88_App:before {
	content: ""
}
.icon-chat_now_icon:before {
	content: ""
}
.icon-transaction:before {
	content: ""
}
.icon-login:before {
	content: ""
}
.icon-registration:before {
	content: ""
}
.icon-bet_guide:before {
	content: ""
}
.icon-Telegram:before {
	content: ""
}
.icon-Zalo:before {
	content: ""
}
.icon-Facebook:before {
	content: ""
}
.icon-Viber:before {
	content: ""
}
.icon-Skype:before {
	content: ""
}
.sticky-icon {
	font-size: 20px;
	color: #fff
}
.when-active {
	position: fixed;
	width: 100%;
	height: 100%;
	/*background: rgba(0,0,0,.9);*/
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999991;
	display: none;
	transition: all ease 1s
}
.footer-menu-wrapper {
	width:100%;
	height:auto;
	display: block;
	position: fixed;
	height: 60px;
	z-index: 99999993;
	bottom: 0;
	left: 0;
	background-image: -webkit-linear-gradient(top, #3c3c3c 13%, #161616 73%, #2e2e2e);
    background-image: linear-gradient(180deg, #3c3c3c 13%, #161616 73%, #2e2e2e);
    box-shadow: 0 2px -6px -2px rgb(33 33 33), inset 0 -4px 0 0 #7c7c7c, inset 0 -2px 2px 0 #383838;
	background-size: cover
}
html:lang(zh-cn) .footer-menu-wrapper {
	font-family: 'Roboto', "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif
}
.cont-menu {
	float: left;
	width: 20%;
	text-align: center;
	cursor: pointer
}
.cont-menu.active>span, .cont-menu.active>i {
	color: #7fffc4
}
.cont-menu i {
	padding: 10px 0 5px 0;
	display: inline-block
}
.cont-menu i.iconNew-menuIcon {
	padding-top: 12px;
	font-size: 18px
}
.cont-menu span {
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px
}
.tutsbox {
	position: relative
}
.tutsbox .slick-slide li div img {
	width: 100%;
	height: auto
}
.tutsbox .slick-slide li {
	padding-top: 20px
}
.tutsbox ul ul.slick-dots {
	position: absolute;
	height: 20px;
	bottom: 35px
}
.tutsbox ul ul.slick-dots li {
	display: inline-block;
	width: auto;
	height: auto
}
.tutsbox ul ul.slick-dots li button:before {
	color: #fff;
	line-height: 20px;
	font-size: 13px
}
.tutsbox ul ul.slick-dots li.slick-active button:before {
	color: #ff0
}
.footer-menu-data {
	width:100%;
	max-width:1024px;
	position: fixed;
	height: 0;
	bottom: 0;
	left: 0;
	background: #cfd5e0;
	background-image: -webkit-linear-gradient(top, #3c3c3c 13%, #161616 73%, #2e2e2e);
    background-image: linear-gradient(180deg, #3c3c3c 13%, #161616 73%, #2e2e2e);
    box-shadow: 0 2px -6px -2px rgb(33 33 33), inset 0 -4px 0 0 #7c7c7c, inset 0 -2px 2px 0 #383838;
	z-index: 99999992
}
.footer-title-menu {
	color: #fff;
	font-weight: bold;
	background: #1d1d1d;
	padding: 0 10px
}
.footer-title-menu span:first-child {
	float: left;
	color: #ffffff;
	font-size: 20px;
	line-height: 45px
}
.footer-title-menu span:last-child {
	float: right;
	cursor: pointer;
	font-size: 30px
}
.this-contents {
	padding-bottom: 80px
}
.this-contents .cont-menus {
	display: block;
	padding: 10px 15px 10px 30px;
	cursor: pointer;
	position: relative
}
.this-contents .cont-menus:after {
	clear: both;
	content: '';
	display: block;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #333333;
}
.this-contents .cont-menus:last-child {
	border-bottom: none
}
.this-contents .cont-menus .foot-menu-data i {
	color: #fff;
	margin-right: 15px;
	vertical-align: middle
}
.this-contents .cont-menus .foot-menu-data, .this-contents .cont-menus .foot-menu-data a {
	color: #fff;
	font-size: 15px;
	text-decoration: none
}
.tuts-wrapper {
	height: 0;
	position: fixed;
	top: -100%;
	left: 0;
	width: 100%;
	max-width:1024px;
	z-index: 99999993
}
.tuts-title {
	padding: 0 10px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	background: #05954c;
	background: -moz-linear-gradient(top, #05954c 0%, #01682b 100%);
	background: -webkit-linear-gradient(top, #05954c 0%, #01682b 100%);
	background: linear-gradient(to bottom, #05954c 0%, #01682b 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#05954c', endColorstr='#01682b', GradientType=0);
	font-size: 20px
}
.tuts-title span:first-child {
	float: left;
	font-size: 40px;
	line-height: 40px;
	cursor: pointer
}
.tuts-title span:first-child i {
	font-style: normal;
	font-family: Tahoma
}
.tuts-title span:last-child {
	float: right
}
.tuts-content.deep {
	padding: 0 0 20px 0;
	background: #04541d
}
.tuts-content {
	padding: 0 0 20px 0;
	background: #050505
}
.data_tuts {
	display: none;
	height: calc(100vh - 50px)
}
.tuts_deposit {
	position: relative;
	background:url(../images/home/bg-tuts.jpg) center top no-repeat;
	background-size: contain
}
html:lang(vi-vn) .tuts_deposit {
	position: relative;
	background: url(/Content/images/footermenu/how_to_deposit/bg-tuts-vn.jpg) center top no-repeat;
	background-size: contain
}
html:lang(zh-cn) .tuts_deposit {
	position: relative;
	background: url(/Content/images/footermenu/how_to_deposit/bg-tuts-cn.jpg) center top no-repeat;
	background-size: contain
}
.deposit_title {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 20px 10px;
	text-align: center;
	width: 100%;
	font-weight: bold;
	font-size: 40px;
	text-shadow: 1px 2px 0 #000;
	color: #fff
}
.deposit-menu {
	position: absolute;
	bottom: 200px;
	width: 100%;
	margin-left: 2px
}
.deposit-menu ul {
	list-style: none;
	margin: 0;
	padding: 0 10px 10px 10px;
	width: 100%;
	height: auto
}
.deposit-menu ul li {
	float: left;
	width: 32.5%;
	text-align: center;
	margin: 5px 2px 0 2px;
	height: auto
}
.deposit-menu ul li a {
	color: #fff;
	background-color: #28a43f;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	display: block;
	cursor: pointer;
	border-radius: 5px;
	padding: 10px
}
.tuts_deposit_content {
	display: none;
	position: fixed;
	background: #0d0d0d;
	width: 100%;
	top: 0%;
	left: 0%;
	z-index: 99999994;
	height: 100%
}
.holder_deposit ul, .tutorial_wrap ul {
	padding: 0;
	list-style: none;
	margin: 0
}
.holder_deposit ul li, .tutorial_wrap ul li {
	display: block;
	text-align: center;
	width: 100%;
	height: calc(100vh - 80px);
	padding-top: 20px
}
.holder_deposit ul li div, .tutorial_wrap ul li div {
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
	height: calc(100vh - 120px)
}
.holder_deposit ul li img, .tutorial_wrap ul li img {
	max-width: 100%
}
.holder_deposit .bx-wrapper .bx-pager, .tutorial_wrap .bx-wrapper .bx-pager {
	margin-bottom: 30px
}
.holder_deposit .bx-wrapper .bx-pager.bx-default-pager a.active, .holder_deposit .bx-wrapper .bx-pager.bx-default-pager a:hover, .tutorial_wrap .bx-wrapper .bx-pager.bx-default-pager a.active, .tutorial_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .quickGuideslide .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #ff0
}
.holder_deposit .depo {
	display: none
}
.bxdeposit li {
}
.slide-up-fade-in {
	display: none;
	animation: slide-up-fade-in ease 1s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	animation-fill-mode: forwards;
	-webkit-animation: slide-up-fade-in ease 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: slide-up-fade-in ease 1s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-moz-animation-fill-mode: forwards;
	-o-animation: slide-up-fade-in ease 1s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-o-animation-fill-mode: forwards;
	-ms-animation: slide-up-fade-in ease 1s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
	-ms-animation-fill-mode: forwards;
	opacity: 0;
	opacity: 1.9
}
@keyframes slide-up-fade-in {
0% {
opacity:0;
transform:translate(0, 40px)
}
100% {
opacity:1;
transform:translate(0, 0)
}
}
@-moz-keyframes slide-up-fade-in {
0% {
opacity:0;
-moz-transform:translate(0, 40px)
}
100% {
opacity:1;
-moz-transform:translate(0, 0)
}
}
@-webkit-keyframes slide-up-fade-in {
0% {
opacity:0;
-webkit-transform:translate(0, 40px)
}
100% {
opacity:1;
-webkit-transform:translate(0, 0)
}
}
@-o-keyframes slide-up-fade-in {
0% {
opacity:0;
-o-transform:translate(0, 40px);
}
100% {
opacity:1;
-o-transform:translate(0, 0);
}
}
@-ms-keyframes slide-up-fade-in {
0% {
opacity:0;
-ms-transform:translate(0, 40px)
}
100% {
opacity:1;
-ms-transform:translate(0, 0)
}
}
.quickGuide {
	z-index: 9;
	position: fixed;
	bottom: 66px;
	right: 10px;
	cursor: pointer
}
#quickGuide .modal-dialog {
	width: auto!important
}
#quickGuide .modal-content {
	background-color: #006933;
	position: relative;
	padding-bottom: 40px
}
#quickGuide .modal-content .quickGuideClose {
	position: absolute;
	top: -10px;
	right: -10px;
	background: rgba(0,0,0,.8);
	color: #fff;
	border-radius: 100%;
	height: 50px;
	width: 50px;
	border: none;
	font-size: 30px;
	cursor: pointer;
	z-index: 9
}
#quickGuide .modal-content h3 {
	font-family: 'UTM Sharnay';
	color: #fee71b;
	font-size: 50px;
	text-align: center;
	margin-bottom: 20px
}
#quickGuide .modal-content ul {
	list-style: none;
	padding: 0;
	max-width: 360px;
	width: 100%;
	margin: 0 auto
}
#quickGuide .modal-content ul li {
	margin-bottom: 15px;
	cursor: pointer;
	text-transform: uppercase
}
#quickGuide .modal-content ul li span {
	display: inline-block;
	color: #fff
}
#quickGuide .modal-content ul li span:first-child {
	padding: 20px;
	background: #005228;
	border-radius: 100%;
	border: none;
	margin-right: 10px
}
#quickGuide .modal-content ul li span:last-child {
	font-size: 20px;
	font-weight: bold
}
#quickGuide .modal-content ul li i {
	vertical-align: middle;
	font-size: 50px
}
.quick-guide-wrapper {
	height: 100%;
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	z-index: 99999999
}
.quick-guide-contents {
	background: #050505;
	height: calc(100vh - 50px)
}
.quickGuideslide {
	display: none
}
.quickGuideslide ul {
	list-style: none;
	margin: 0;
	padding: 0
}
.quickGuideslide ul li div {
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
	height: calc(100vh - 120px)
}
@media(max-width:800px) {
.footer-menu-wrapper {
	display: block
}
.bx-controls.bx-has-controls-direction.bx-has-pager {
	position: fixed;
	bottom: 0;
	z-index: 1;
	width: 100%;
	display: block;
	height: 30px
}
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
	bottom: 0;
	padding: 0
}
.holder_deposit .bx-wrapper .bx-pager, .tutorial_wrap .bx-wrapper .bx-pager {
	margin-bottom: 8px
}
}
@media(max-width:720px) {
.bx-controls.bx-has-controls-direction.bx-has-pager {
	position: relative;
	bottom: 1px;
	z-index: 1;
	width: 100%;
	display: block;
	height: 30px
}
}
@media(min-width:700px)and (max-width:768px) {
.holder_deposit ul li div, .tutorial_wrap ul li div, .quickGuideslide ul li div {
	max-width: 500px
}
.holder_deposit ul li, .tutorial_wrap ul li, .holder_deposit ul li div, .tutorial_wrap ul li div, .quickGuideslide ul li div {
	height: auto
}
.holder_deposit ul, .tutorial_wrap ul {
	height: calc(100vh - 73px);
	overflow-y: auto
}
.holder_deposit .bx-wrapper .bx-pager, .tutorial_wrap .bx-wrapper .bx-pager {
	margin-bottom: 0
}
}
@media(max-width:600px) {
.holder_deposit ul li div, .tutorial_wrap ul li div, .quickGuideslide ul li div {
	max-width: 320px
}
}
@media(max-width:480px) {
.deposit-menu ul li {
	width: 32.3%
}
.holder_deposit ul, .tutorial_wrap ul {
	height: calc(100vh - 73px);
	overflow-y: auto
}
.holder_deposit ul li, .tutorial_wrap ul li, .holder_deposit ul li div, .tutorial_wrap ul li div, .quickGuideslide ul li div {
	height: auto
}
.deposit-menu {
	bottom: 145px
}
#quickGuide .modal-content h3 {
	font-size: 10vw
}
html:lang(vi-vn) #quickGuide .modal-content h3 {
	font-size: 8vw
}
}
@media(max-width:420px) {
.deposit-menu ul li {
	width: 32%;
	display: table;
	height: 53px
}
.deposit-menu ul li a {
	font-size: 11px;
	display: table-cell;
	vertical-align: middle
}
#quickGuide .modal-content ul li span:last-child {
	font-size: 18px
}
html:lang(vi-vn) #quickGuide .modal-content ul li span:last-child {
	font-size: 16px
}
#quickGuide .modal-content ul li span:first-child {
	padding: 20px
}
#quickGuide .modal-content ul li i {
	vertical-align: middle;
	font-size: 30px
}
}
@media(max-width:360px) {
.deposit-menu {
	bottom: 10px
}
.holder_deposit ul li img, .tutorial_wrap ul li img, .quickGuideslide ul li img {
	max-width: 85%;
	margin: 0 auto
}
.holder_deposit ul, .tutorial_wrap ul {
	height: calc(100vh - 80px);
	overflow-y: auto
}
.holder_deposit .bx-wrapper .bx-pager, .tutorial_wrap .bx-wrapper .bx-pager {
	margin-bottom: 8px
}
.bx-controls.bx-has-controls-direction.bx-has-pager {
	position: fixed;
	bottom: 3px;
	z-index: 1;
	width: 100%;
	display: block;
	height: 34px
}
}
@media(max-width:320px) {
html:lang(vi-vn) #quickGuide .modal-content ul li span:last-child {
	font-size: 13px
}
}
.modal, .content-container, .nav-container {
	width:100%;
	max-width:1024px;
	margin:0 auto;
	}