*{
	padding:0;
	margin:0;
	font-family: Arial;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
ul,li{ margin:0; padding:0;}
li{ list-style:none;}
a{text-decoration:none;}
tt,i{font-style: normal;}
a img {border: 0px;}
.clear{clear:both;}
html,body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	touch-action: manipulation;
	
}
body{
	overflow-x: hidden;
	overscroll-behavior: none;
}


.ios15 body{
	
	padding-bottom: env(safe-area-inset-bottom);
}

@media screen and (orientation:portrait) and (height: 629px),
screen and (orientation:portrait) and (height: 664px),
screen and (orientation:portrait) and (height: 746px),
screen and (orientation:portrait) and (height: 715px),
screen and (orientation:portrait) and (height: 635px),
screen and (orientation:portrait) and (height: 719px){
	html.ios15{
		height: 100vh!important;
	}
}
@media screen and (orientation:portrait) and (height: 548px),
screen and (orientation:portrait) and (height: 552px){
	html.ios15{
		height: 624px!important;
	}
	.ios15 body{
		height: 100%;
	}
}
@media screen and (orientation:portrait) and (height: 617px),
screen and (orientation:portrait) and (height: 620px){
	html.ios15{
		height: 693px!important;
	}
	.ios15 body{
		height: 100%;
	}
}

i>svg{
	display: block;
	width: 100%;
	height: 100%;
}
table{
	border-collapse: collapse;
}
input{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input::-ms-reveal,
input::-ms-clear{
	display: none;
}
input:hover{
	outline: none;
}
*,
*:focus,
*:active,
*:hover{
	outline: none;
	-moz-outline:none;
	-webkit-user-modify: read-write-plaintext-only;
	-webkit-user-modify: read-only;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
}
[class^="btn_"]{
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

label{
	background: none;
}
*{
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}
@media screen and (orientation: landscape){
	body{
		padding-right: env(safe-area-inset-right);
		padding-left: env(safe-area-inset-left);
	}
}

select:-moz-focusring{
	color: transparent;
	text-shadow: 0 0 0 #000;
	outline: none;
	border: none;
}
select{
	background: transparent;
}
::-moz-focus-inner{
	border: 0;
}
.ord_down_style{
	pointer-events: auto;
}


.box_slide::-webkit-scrollbar{
	display: none;
}
.box_slide{
	-ms-overflow-style: none;
}


body{
	margin: 0;
}

input{
	-webkit-user-select: auto!important;
	user-select: text!important;
}

@font-face {
	font-family: 'TAHOMA2';
	src: local('Tahoma');
}
@media screen and (max-width: 1023px){
	:root {
		--bottom_show: 0px;
		--popup_show: 56px;
		--popup_margin_show: 56px;
		--wrap_show: 56px;	
	}
	.hide{	
		--bottom_show: 0px;
		--popup_show: 0px;
		--popup_margin_show: 0px;
	}
	.ios_scroll{
		--bottom_show: 0px;
		--popup_show: 56px;
		--popup_margin_show: 56px;
		--wrap_show: 0px;
	}
	.ios_scroll .hide{
		--bottom_show: 0px;
		--popup_show: 0px;
		--popup_margin_show: 0px;
	}
}
@media screen and (min-width: 1024px){
	:root {
		--bottom_show: 0px;
		--wrap_show: 0px;
		--popup_show: 0px;
	}
}


.RE_btn{
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100px;
	height: 100px;
	background-image: none;
	background-size: contain;
	background-repeat: no-repeat;
	flex: none;
	margin: 0 10px;
	cursor: pointer;
	z-index: 999;
}

:root {
	--brand-primary: #503f32;
	--brand-secondary: #3C2F26;
	--brand-light: ;
	--brand-dark: #3c2f26;
	--brand-accent: #a78025;
	--brand-highlight: #a78025;
	--brand-highlight2: #a78025;
	--brand-highlight3: #debb69;

	
	--header-btn: rgba(255,255,255,0.64);
	--header-btn-hover: var(--brand-highlight3);
	--header-btn-active: var(--brand-highlight3);
	--header-btn-disable: rgba(255,255,255,0.24);
	--header-home-disable: rgba(255,255,255,0.4);

	
	--footer-bg: #f5f5f5;

	
	--Rmu-header-bg: var(--brand-primary);
	--Rmu-header-btn-bg-active: var(--brand-dark);
	--Rmu-btn-bg-hover: rgba(0,0,0,.04);
	--Rmu-btn-bg-active: rgba(0,0,0,.08);
	--Rmu-btn-icon: rgba(0,0,0,0.56);
	--Rmu-btn-icon-active: var(--brand-highlight);
	--Rmu-btn-text-active: var(--brand-highlight);

	
	--nav-bg: var(--brand-primary);
	--nav-border: var(--brand-secondary);
	--nav-btn-bg: ;
	--nav-btn-text: rgba(255,255,255,.64);
	--nav-btn-text-hover: var(--brand-highlight3);
	--nav-btn-text-active: var(--brand-highlight3);
	--nav-btn-icon: rgba(255,255,255,.64);
	--nav-btn-icon-hover: var(--brand-highlight3);
	--nav-btn-icon-active: var(--brand-highlight3);
	--nav-betslip-bg: var(--brand-secondary);
	--nav-betslip-bg-hover: var(--brand-highlight);
	--nav-betslip-bg-active: var(--brand-highlight);
	--nav-betslip-text-hover: #fff;
	--nav-betslip-text-active: #fff;


	
	--home-category-bg: var(--brand-primary);
	--home-category-bg-hover: var(--brand-highlight);
	--home-category-bg-active: var(--brand-highlight);
	--home-category-icon: rgba(255,255,255,.8);
	--home-category-icon-hover: #FFF;
	--home-category-icon-active: #FFF;
	--home-category-text: rgba(0,0,0,.64);
	--home-category-text-hover: var(--brand-highlight);
	--home-category-text-active: var(--brand-highlight);
	--home-category-num: var(--brand-highlight);
	
	--home-card-title-bg: var(--brand-primary);
	--home-card-title-text: #fff;
	--home-card-btn-bg: #ab8021;
	--home-card-btn-span: #A78025;
	--home-card-btn-span-hover: #fff;
	--home-card-btn-span-active: #fff;
	--home-card-btn-text: #503F32;
	--home-card-btn-text-hover: #fff;
	--home-card-btn-text-active: #fff;
	--home-card-btn-icon: #503F32;
	--home-card-btn-icon-hover: #fff;
	--home-card-btn-icon-active: #fff;
	
	--home-inplaySport-btn-text: #fff;
	--home-inplaySport-btn-text-hover: var(--brand-highlight3);
	--home-inplaySport-btn-text-active: var(--brand-highlight3);
	
	--home-banner-bg: #1F1C17;

	
	--market-sportMenu-btn-bg:;
	--market-sportMenu-btn-bg-hover:;
	--market-sportMenu-btn-bg-active:;
	--market-sportMenu-btn-icon: rgba(255,255,255,.72);
	--market-sportMenu-btn-icon-hover: var(--brand-highlight3);
	--market-sportMenu-btn-icon-active: var(--brand-highlight3);
	--market-sportMenu-btn-text: rgba(255,255,255,.72);
	--market-sportMenu-btn-text-hover: var(--brand-highlight3);
	--market-sportMenu-btn-text-active: var(--brand-highlight3);
	
	--market-filter-btn-bg: #fff;
	--market-filter-btn-bg-hover: var(--brand-highlight2);
	--market-filter-btn-bg-active: var(--brand-highlight2);
	--market-filter-btn-text: rgba(0,0,0,.64);
	--market-filter-btn-text-hover: #fff;
	--market-filter-btn-text-active: #fff;
	--market-filter-btn-border: #F6EFEA;
	--market-filter-btn-border-hover: var(--brand-highlight2);
	--market-filter-btn-border-active: var(--brand-highlight2);


	
	--tvmt-menu-btn-bg:;
	--tvmt-menu-btn-bg-active: #ebebeb;
	--tvmt-menu-btn-icon: rgba(0,0,0,.64);
	--tvmt-menu-btn-icon-hover: var(--brand-highlight2);
	--tvmt-menu-btn-icon-active: var(--brand-highlight2);
	--tvmt-bg: none center no-repeat #000;


	
	--help-title-bg: none no-repeat bottom #e1dbd8;
	
	--help-title-text: #000;
	--help-title-icon: rgba(0,0,0,.64);


	
	--stmt-tag-bg-active: rgba(0, 0, 0, .08);
	--stmt-tag-text: rgba(0,0,0,.72);
	--stmt-tag-text-hover: var(--brand-highlight);
	--stmt-tag-text-active: var(--brand-highlight);
	--stmt-tag-border-active: var(--brand-highlight);
	--tool-btn-bg: #7a7a7a;
	--tool-btn-bg-hover: #858585;
	--tool-btn-bg-active: #333;
	--tool-btn-icon: #fff;

	--his-th-bg: #352a21;
	--his-th-text: #fff;

	--ope-title-bg: #352a21;
	--ope-title-text: rgba(255, 255, 255, .64);


}
.aspen{
	--home-card-btn-span: #503F32;
	--home-card-btn-span-hover: #fff;
	--home-card-btn-span-active: #fff;
	--home-card-btn-text: #AB8021;
	--home-card-btn-text-hover: #fff;
	--home-card-btn-text-active: #fff;
	--home-card-btn-icon: rgba(57, 54, 50, 0.2);
	--home-card-btn-icon-hover: rgba(255,255,255,.2);
	--home-card-btn-icon-active: rgba(255,255,255,.2);
}
.___aspen{
	--brand-primary: #232324;
	--brand-secondary: #19191a;
	--brand-light: ;
	--brand-dark: #050505;
	--brand-accent: #831518;
	--brand-highlight: #691113;
	--brand-highlight2: #831518;
	--brand-highlight3: #d77358;

	
	--header-btn: rgba(255,255,255,0.64);
	--header-btn-hover: var(--brand-highlight3);
	--header-btn-active: var(--brand-highlight3);
	--header-btn-disable: rgba(255,255,255,0.24);
	--header-btn-home-disable: rgba(255,255,255,0.4);

	
	--footer-bg: #e6e5e5;

	
	--Rmu-header-bg: var(--brand-primary);
	--Rmu-header-btn-bg-active: var(--brand-dark);
	--Rmu-btn-bg-hover: rgba(0,0,0,.04);
	--Rmu-btn-bg-active: rgba(0,0,0,.08);
	--Rmu-btn-icon: var(--brand-accent);
	--Rmu-btn-icon-active: var(--brand-highlight2);
	--Rmu-btn-text-active: var(--brand-highlight2);

	
	--nav-bg: var(--brand-primary);
	--nav-border: var(--brand-secondary);
	--nav-btn-bg: ;
	--nav-btn-text: rgba(255,255,255,.64);
	--nav-btn-text-hover: var(--brand-highlight3);
	--nav-btn-text-active: var(--brand-highlight3);
	--nav-btn-icon: rgba(255,255,255,.64);
	--nav-btn-icon-hover: var(--brand-highlight3);
	--nav-btn-icon-active: var(--brand-highlight3);
	--nav-betslip-bg: var(--brand-secondary);
	--nav-betslip-bg-hover: var(--brand-highlight3);
	--nav-betslip-bg-active: var(--brand-highlight3);
	--nav-betslip-text-hover: #fff;
	--nav-betslip-text-active: #fff;


	
	--home-category-bg: var(--brand-primary);
	--home-category-bg-hover: var(--brand-highlight);
	--home-category-bg-active: var(--brand-highlight);
	--home-category-icon: rgba(255,255,255,.8);
	--home-category-icon-hover: #FFF;
	--home-category-icon-active: #FFF;
	--home-category-text: rgba(0,0,0,.64);
	--home-category-text-hover: var(--brand-highlight);
	--home-category-text-active: var(--brand-highlight);
	--home-category-num: var(--brand-highlight);
	
	--home-card-title-bg: var(--brand-accent);
	--home-card-title-text: #fff;
	--home-card-btn-bg: var(--brand-highlight);
	--home-card-btn-span: #A78025;
	--home-card-btn-span-hover: #fff;
	--home-card-btn-span-active: #fff;
	--home-card-btn-text: var(--brand-highlight);
	--home-card-btn-text-hover: #fff;
	--home-card-btn-text-active: #fff;
	--home-card-btn-icon: rgba(57, 54, 50, 0.2);
	--home-card-btn-icon-hover: rgba(255,255,255,.2);
	--home-card-btn-icon-active: rgba(255,255,255,.2);
	
	--home-banner-bg: #000;


	
	--market-sportMenu-btn-bg:;
	--market-sportMenu-btn-bg-hover:;
	--market-sportMenu-btn-bg-active:;
	--market-sportMenu-btn-icon: rgba(255,255,255,.72);
	--market-sportMenu-btn-icon-hover: var(--brand-highlight3);
	--market-sportMenu-btn-icon-active: var(--brand-highlight3);
	--market-sportMenu-btn-text: rgba(255,255,255,.72);
	--market-sportMenu-btn-text-hover: var(--brand-highlight3);
	--market-sportMenu-btn-text-active: var(--brand-highlight3);
	
	--market-filter-btn-bg: #fff;
	--market-filter-btn-bg-hover: var(--brand-highlight2);
	--market-filter-btn-bg-active: var(--brand-highlight2);
	--market-filter-btn-text: #3F3F3F;
	--market-filter-btn-text-hover: #fff;
	--market-filter-btn-text-active: #fff;
	--market-filter-btn-border: #F6EFEA;
	--market-filter-btn-border-hover: var(--brand-highlight2);
	--market-filter-btn-border-active: var(--brand-highlight2);


	
	--tvmt-menu-btn-bg:;
	--tvmt-menu-btn-bg-active: #ebebeb;
	--tvmt-menu-btn-icon: rgba(0,0,0,0.64);
	--tvmt-menu-btn-icon-hover: var(--brand-highlight2);
	--tvmt-menu-btn-icon-active: var(--brand-highlight2);
	--tvmt-bg: none center no-repeat #000;

	
	--help-title-bg: none no-repeat bottom #691113;
	
	--help-title-text: #FFF;
	--help-title-icon: rgba(255,255,255,0.64);


	
	--stmt-tag-bg-active: rgba(0, 0, 0, .08);
	--stmt-tag-text: rgba(0,0,0,.64);
	--stmt-tag-text-hover: var(--brand-highlight);
	--stmt-tag-text-active: var(--brand-highlight);
	--stmt-tag-border-active: var(--brand-highlight);
	--tool-btn-bg: #474747;
	--tool-btn-bg-hover: #525252;
	--tool-btn-bg-active: #333;
	--tool-btn-icon: #fff;

	--his-th-bg: var(--brand-primary);
	--his-th-text: rgba(255,255,255,.64);

	--ope-title-bg: var(--brand-primary);
	--ope-title-text: rgba(255, 255, 255, .64);
}



html{
	overflow: hidden;
}
body{
	overflow: hidden;
}
.main{
	width: 100%;
	height: 100%;
	margin-bottom: env(safe-area-inset-bottom);
	background: #fff;
	overflow: hidden;
}
.main_height{
	height: calc(100% + 1px);
}
.wrapper{
	position: relative;
	display: flex;
	width: 100%;
	
	height: 100%;
	min-height: 100%;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
	flex-direction: column;
	
	overflow: hidden;
}




.loading{
	position: fixed;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	min-height: 80px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #fff;
}
.loading_right{
	position: fixed;
	right: 0;
	top: 56px;
	display: none;
	width: 33.33%;
	height: calc(100% - 56px);
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: #fff;
}
.content_sport .loading{
	position: absolute;
	flex: none;
}
.right_wrap.on_loading{
	height: 80px;
}
.loading_r{
	display: none;
}
.on_loading .loading_r{
	position: absolute;
	z-index: 6!important;
	display: flex;
}
.icon_load{
	display: block;
	width: 32px;
	height: 32px;
	background-image: url("/assets/original/resources/5bff6832cd72681ddfbc.svg");
	background-size: 32px 32px;
	background-repeat: no-repeat;
	animation: loading-animate 1s linear infinite both;
	-webkit-animation: loading-animate 1s linear infinite both;
}
@keyframes loading-animate{
	0%{
		transform: rotate(0);
	}
	100%{
		transform: rotate(360deg);
	}
}
@-webkit-keyframes loading-animate{
	0%{
		-webkit-transform: rotate(0);
	}
	100%{
		-webkit-transform: rotate(360deg);
	}
}





.header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	width: 100%;
	height: 56px;
	font-size: 14px;
	align-items: center;
	justify-content: space-between;
	flex: 0 0 56px;
}






.menu_l,
.slide_r{
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: calc(100% - var(--bottom_show));
	visibility: collapse;
	transition: visibility 0s 0.3s;
}
.slide_r{
	align-items: flex-start;
}
.menu_l.on,
.slide_r.on{
	visibility: visible;
	transition: visibility 0s;
}





.bet_slip{
	position: fixed;
	bottom: var(--bottom_show);
	left: 0;
	right: 0;
	display: flex;
	width: 100%;
	height: auto;
	max-height: calc(100% - var(--bottom_show));
	align-items: center;
	justify-content: center;
	flex-direction: column;
	
	pointer-events: none;
	z-index: 7;
	transition: bottom 0.2s ease;
}
.bet_slip .ord_full_mask{
	pointer-events: none;
}
.bet_slip.on .ord_full_mask{
	pointer-events: auto;
}
@keyframes bet_slip_on{
	0%{
		transform: translate3d(0, 100%, 0);
	}
	1%{
		transform: translate3d(0, 0%, 0);
	}
	100%{
		transform: translate3d(0, 0%, 0);
	}
}
@-webkit-keyframes bet_slip_on{
	0%{
		transform: translate3d(0, 100%, 0);
	}
	1%{
		transform: translate3d(0, 0%, 0);
	}
	100%{
		transform: translate3d(0, 0%, 0);
	}
}
@keyframes bet_slip_off{
	0%{
		transform: translate3d(0, 0%, 0);
	}
	99%{
		transform: translate3d(0, 0%, 0);
	}
	100%{
		transform: translate3d(0, 100%, 0);
	}
}
@-webkit-keyframes bet_slip_off{
	0%{
		transform: translate3d(0, 0%, 0);
	}
	99%{
		transform: translate3d(0, 0%, 0);
	}
	100%{
		transform: translate3d(0, 100%, 0);
	}
}
@keyframes bet_slip_mini{
	0%{
		transform: translate3d(0, 0%, 0);
	}
	100%{
		transform: translate3d(0, 0%, 0);
	}
}
@-webkit-keyframes bet_slip_mini{
	0%{
		transform: translate3d(0, 0%, 0);
	}
	100%{
		transform: translate3d(0, 0%, 0);
	}
}





.popup,
.forecast,
.league_set{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: var(--bottom_show);
	display: flex;
	width: 100%;
	height: calc(100% - var(--bottom_show));
	align-items: center;
	justify-content: center;
	visibility: hidden;
	overflow: hidden;
	pointer-events: none;
}
.es_statistic{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: var(--bottom_show);
	display: flex;
	width: 100%;
	height: 100%;
	align-items: flex-end;
	justify-content: center;
	visibility: unset;
	overflow: hidden;
	pointer-events: none;
}
.forecast{
	max-height: calc(100% - var(--popup_show));
	margin-top: var(--popup_margin_show);
	visibility: unset;
	opacity: 0;
	transition: opacity 0s ease 300ms;
}
.forecast.on{
	opacity: 1;
	transition: none;
}
.es_statistic{
	visibility: unset;
}
.popup.on,
.popup>.on,
.league_set.on{
	visibility: visible;
}
.forecast.on,
.es_statistic.on{
	display: flex;
}
.popup > div > div,
.forecast>div,
.league_set>div,
.es_statistic>div{
	pointer-events: auto;
}





.nav_menu{
	position: fixed;
	left: 0;
	bottom: var(--bottom_show);
	display: block;
	width: 100vw;
	
	height: calc(58px + env(safe-area-inset-bottom));
	flex: 0 0;
	transform: translate3d(0, 0, 0);
	transition: transform 0.3s ease;
}
.menu_bottom{
	width: 100%;
	height: 100%;
	border-top: 2px solid #3C2F26;
}
.ios15 .menu_bottom{
	height: auto;
	min-height: 58px;
}





.maintain,
.maintain_clear{
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow-y: auto;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	-webkit-overflow-scrolling: touch;
}
.maintain_clear{
	position: fixed;
	top: 56px;
	left: 0;
	right: 0;
	bottom: 0;
	height: auto;
	padding-bottom: calc(58px + env(safe-area-inset-bottom));
	-webkit-overflow-scrolling: auto; /
}
@media (orientation: portrait) {
	.maintain_clear{
		touch-action: none;
		overflow-y: hidden;
		height: calc(100% - 1px);
	}
}
@media (orientation: landscape) {
	.maintain_clear{
		-webkit-overflow-scrolling: auto;
		overflow-y: auto;
		overflow-x: hidden;3
		height: calc(100% - env(safe-area-inset-bottom) - 20px);
	}
}







.content_r{
	display: none;
}
.right_wrap{
	position: relative;
	height: auto;
	padding: 8px 8px 0 8px;
	overflow: hidden;
	background: #FFF;
}





.login{
	display: flex;
	width: 100%;
	height: auto;
	min-height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;

	overflow: hidden;
}
.scroll_lock .login{
	overflow: hidden;
	-webkit-overflow-scrolling: auto;
}
.chg_acc{
	position: relative;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.login:empty,
.chg_acc:empty{
	display: none\9;
}





.content_l{
	display: flex;
	width: 100%;
	height: 100%;
	min-height: unset;
	max-height: 100%;
	padding-top: 56px;
	flex-direction: column;
	flex: 1 1 100%;
	overflow: hidden;
}
.box_l{
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	flex: 1 1 100%;
	overflow-x: hidden;
	overflow-y: auto;

	
}
.box_l_height{
	display: none!important;
}





.box_scroll{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.box_slide>label,
.menu_sport>label,
.menu_date>label{
	display: inline-block;
	width: auto;
	height: 100%;
}
.box_scroll:not(.header_scroll) .btn_go_l,
.box_scroll:not(.header_scroll) .btn_go_r{
	position: absolute;
	z-index: 3;
	display: block;
	opacity: 0;
	transition: visibility 0s , opacity 0.3s ease;
}
.box_scroll .btn_go_l{
	transform: translate3d(0, 0, 0) rotate(180deg);
}
.box_scroll .btn_go_r{
	transform: translate3d(0, 0, 0);
}
.box_scroll .btn_go_l.on,
.box_scroll .btn_go_r.on{
	opacity: 1;
}
.btn_go_l{
	transform: rotate(180deg);
}
.btn_go_r{
	padding-left: 10px;
}
.btn_go_l svg,
.btn_go_r svg{
	width: 8px;
	height: 12px;
}





.zindex{
	position: absolute!important;
	top: 176px;
	width: 100%;
	height: auto;
	z-index: -1;
	opacity: 0.5;
	pointer-events: none;
}

.zindex .box_lebet_r{
	max-width: calc(100% - 192px);
}





.locker{
	visibility: hidden;
	background-image: none;
}





body.scroll_lock{
	overflow: hidden;
}
.box_l.scroll_lock{
	overflow: hidden;
	-webkit-overflow-scrolling: auto!important;
}





.footer{
	position: relative;
	display: flex;
	width: 100%;
	height: auto;
	margin-top: auto;
	flex-direction: column;
	flex: none;
	overflow: hidden;
}
.content_footer{
	padding-bottom: 58px;
}





.forecast{z-index: 8;}
.popup{z-index: 8;}
.popup_sys{z-index: 10;}
.slide_r,.menu_l{z-index: 9;}
.header{z-index: 7;}
.nav_menu,.menu_bottom{z-index: 7;}
.maintain{z-index: 7;}
.maintain_clear{z-index: 6;}
.loading{z-index: 6;}
.head_sport{z-index: 4;}
.content_l .loading,.content_r .loading{z-index: 3;}
.league_set{z-index: 8;}
.es_statistic{z-index: 8;}





html.ios_scroll{
	height: auto;
	min-height: 100vh;
	overflow-y: auto;
}
.ios_scroll body{
	height: auto;
	min-height: 100%;
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);
}
.ios_scroll .main{
	height: auto;
	min-height: 100%;
}
.ios_scroll .wrapper{
	height: auto;
	padding-bottom: 58px;
}
.ios_scroll .content_l{
	height: auto;
	max-height: unset;
}
.ios_scroll .box_l{
	height: auto;
	overflow-y: hidden;
}
.ios_scroll .nav_menu{
	left: 0;
	right: 0;
	padding-bottom: env(safe-area-inset-bottom);
	background: #503f32;
}
.ios_scroll .box_header{
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);
}
.swiper-container_ios{
	touch-action: pan-y;
}
.ios_scroll.scroll_lock{
	overflow: hidden;
	touch-action: none;
}
.ios_scroll body.scroll_lock{
	overflow: hidden;
	touch-action: none;
}
.scroll_lock .ios_scroll .box_lebet_top{

}





@media screen and (min-width: 1px) and (max-width: 639px){
	.box_acc>.box_content{
		padding-bottom: 0;
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
	}
}



@media screen and (min-width: 1024px){
	.sideshow_l,
	.sideshow_s{
		display: none;
	}
}



@media screen and (min-width: 1024px){
	body{
		height: 100%;
		overflow-x: hidden;
		overflow-y: hidden;
	}
	.main{
		height: 100%;
	}
	.wrapper{
		height: 100%;
		padding-bottom: 0;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: nowrap;
	}



	
	.content_l{
		position: relative;
		top: 56px;
		height: 100%;
		max-height: calc(100% - 56px);
		margin-top: 0;
		padding-top: 0;
		flex: 1 1 66.6%;
		padding-bottom: 0;
	}
	.content_l > .loading{
		position: fixed;
		top: 56px;
		left: 0;
		width: calc(200% / 3);
		z-index: 7;
	}
	.box_l{
		height: 100%;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		will-change: scroll-position;
	}
	



	
	.content_r{
		position: relative;
		top: 56px;
		display: block;
		min-width: 342px;
		height: calc(100% - 56px);
		
		overflow-x: hidden;
		overflow-y: scroll;
		flex: 1 1 33.3%;
		background: #FAFAF9;
		-webkit-overflow-scrolling: touch;
	}
	.bg_right_panel{
		padding: 0 8px 8px 8px;
		background: #FFF;
	}
	.loading_right{
		display: flex;
	}
	.content_r > .loading{
		position: relative;
		width: 100%;
		height: 80px;
		margin-bottom: 16px;
	}
	



	
	.bet_slip {
		bottom: 0;
		left: auto;
		right: 0;
		width: calc(100% / 3);
		padding-top: 56px;
	}
	




	
	.nav_menu {
		display: none;
	}
	



	
	.maintain_clear{
		width: 66.66%;
		height: 100%;
	}
	
}




@media screen and (max-width: 1023px){
	.wrapper{
		height: calc(100% + var(--wrap_show));
		padding-bottom: var(--bottom_show);
	}
	.hide .wrapper{
		padding-bottom: 0;
	}

	.content_l{
		transition: transform 0.3s ease;
	}
	.hide .content_l{
		transform: translateY(-56px);
	}
	.ios_scroll .content_l{
		transform: none!important;
	}
	.ios_scroll .hide .content_l{
		margin-top: 56px!important;
		will-change: margin-top;
	}

	.ios_scroll .hide .box_l{
		margin-top: -56px!important;
		will-change: margin-top;
	}
	.header{
		transition: transform 0.3s ease;
		will-change: transform;
	}
	.hide .header{
		transform: translateY(-56px);
	}
	.ios_scroll .header{
		transition: transform 0.3s ease;
		transform: translateY(0);
		will-change: transform;
	}
	.ios_scroll .hide .header{
		transform: translateY(-56px);
	}
	.ios_scroll .box_header{
		transform: translateY(0);
		transition: transform 0.3s ease;
		will-change: transform;
	}
	.ios_scroll .hide .box_header{
		transform: translateY(-56px);
	}
	.hide .nav_menu{
		transition: transform 0.3s ease;
		transform: translateY(calc(58px + env(safe-area-inset-bottom)));
		overflow: hidden;
	}
	.ios_scroll .nav_menu{
		bottom: 0;
	}
	.hide .content_footer{
		padding-bottom: 24px;
	}


}



@media print {
	* {
		animation: none !important;
		transition: none !important;
	}
}







@media (pointer: coarse),
(hover: none),
(-moz-touch-enabled: 1){
	
	.header_scroll:not(.header_scroll) .btn_go_l,
	.header_scroll:not(.header_scroll) .btn_go_r{
		background-image: linear-gradient(to right, rgba(72, 57, 45, 0), #48392d);
	}

	
	.bet_slip.on{
		animation: none;
	}
	.main_ios .bet_slip.on{
		animation: bet_slip_on 0.3s ease backwards;
	}
	main:not(.main_ios) .bet_slip.off{
		animation: none;
		transform: translate3d(0, 100%, 0);
	}
	.main_ios .bet_slip.off{
		animation: bet_slip_off 0.3s ease both;
		transform: auto;
	}

	
	div:not(.header_scroll) .btn_go_l,
	div:not(.header_scroll) .btn_go_r{
		top: 0;
		width: 16px;
		height: 100%;
		pointer-events: none;
		background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.1));
		opacity: 0!important;
	}
	.date_scroll .btn_go_l,
	.date_scroll .btn_go_r{
		background-image: linear-gradient(to right, rgba(255,255,255,0), #fafafa);
	}
	.team_scroll .btn_go_l,
	.team_scroll .btn_go_r{
		background-image: linear-gradient(to right, rgba(255,255,255,0.0001), #fff);
	}
	.cup .market_scroll .btn_go_l,
	.cup .market_scroll .btn_go_r{
		display: none;
		
	}

	.btn_go_l{
		left: 0;
	}
	.btn_go_r{
		right: 0;
	}
	.btn_go_l svg,
	.btn_go_r svg{
		display: none;
	}
	.box_scroll .btn_go_l.on,
	.box_scroll .btn_go_r.on{
		transition: none!important;
	}
}





@media (pointer: fine) and (max-resolution: 2dppx),
screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
(-moz-touch-enabled: 0),
screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	
	.main_height{
		height: 100%;
	}

	
	::-webkit-scrollbar {
		width: 4px;
		height: 8px;
	}
	::-webkit-scrollbar-thumb {
		background: rgba(0,0,0,0.16);
		border-radius: 20px;
	}
	::-webkit-scrollbar-track {
		background: #F0F0F0;
		border-radius: 20px;
	}
	.box_obt_lebet .box_lebet_r::-webkit-scrollbar-track {
		background: #ededed;
	}
	.fore_form_box::-webkit-scrollbar {
		width: 8px;
		height: 8px;
	}

	
	.bet_slip.on{
		animation: bet_slip_on 0.3s ease backwards;
	}
	.bet_slip.off{
		animation: bet_slip_off 0.3s ease both;
		transform: auto;
	}

	
	.btn_go_l.on ~ div[class*="dragscroll_"] > label,
	.btn_go_r.on ~ div[class*="dragscroll_"] > label,
	.btn_go_l.on ~ div[class*="dragscroll_"] > div,
	.btn_go_r.on ~ div[class*="dragscroll_"] > div{
		cursor: grab;
	}
	.box_scroll:not(.header_scroll) .btn_go_l,
	.box_scroll:not(.header_scroll) .btn_go_r{
		top: -100%;
		width: 44px;
		height: 38px;
		line-height: 38px;
		padding-top: 13px;
		cursor: pointer;
		background: #d6d6d6;
		border-radius: 50% 0 0 50%;
		box-shadow: 0 0 2px rgba(0,0,0,0.24);
	}
	.btn_go_l{
		left: -22px;
		padding-left: 10px;
		transition: all 0.3s ease;
	}
	.btn_go_r{
		right: -22px;
		padding-left: 10px;
		transition: all 0.3s ease;
	}
	.box_scroll .btn_go_l.on,
	.box_scroll .btn_go_r.on{
		top: calc(50% - 19px);
		pointer-events: auto;
	}
	.btn_go_l svg,
	.btn_go_r svg{
		display: block;
	}
	.btn_go_l:hover{
		left: 0;
		background: #ebebeb;
	}
	.btn_go_r:hover{
		right: 0;
		background: #ebebeb;
	}
	.btn_go_l:active,
	.btn_go_r:active{
		background: #c2c2c2;
	}
	.dragscroll:active{
		cursor: grabbing;
	}

	
	.box_l.scroll_lock{
		overflow-y: scroll;
	}
	.locker{
		background-image: url("/assets/original/resources/e532c099e7a860e02b98.svg");
	}

}




@media (pointer: coarse),
(hover: none),
(-moz-touch-enabled: 1){
	.keyin_scroll .nav_menu{
		height: 0px;
		opacity: 0;
		pointer-events: none!important;
	}
	.keyin_scroll .nav_menu .menu_bottom{
		pointer-events: none;
	}
}

	

	.box_help_btn{
		display: flex;
		width: 100%;
		margin-bottom: 0;
		padding: 0 16px;
		align-items: center;
		justify-content: space-between;
	}
	.box_help_btn .btn_cancel{
		margin-right: 16px;
	}
	.box_help_pwd .btn_cancel,
	.box_help_pwd .btn_next,
	.box_help_pwd .btn_submit,
	.box_help_pwd .btn_safecode{
		display: inline-block;
		width: 100%;
		height: 48px;
		line-height: 48px;
		flex: 1 1 auto;
		text-align: center;
		font-size: 14px;
		font-weight: 600;
		border-radius: 4px;
		color: #fff;
	}
	.btn_submit{
	    color: #fff;
	    display: block;
	    width: 100%;
	    height: 48px;
	    line-height: 48px;
	    border-radius: 4px;
	    font-size: 14px;
	    font-weight: 600;
	    text-align: center;
	    -webkit-box-flex: 1;
	    background: #19805c;
	    text-transform: uppercase;
	    cursor: pointer;
	}

	.btn_cancel{
	    display: block;
	    width: 100%;
	    height: 48px;
	    line-height: 48px;
	    border-radius: 4px;
	    font-size: 14px;
	    font-weight: 600;
	    text-align: center;
	    background-color: #7a7a7a;
	    color: #fff;
	    cursor: pointer;
	}


	
	.popup_bottom{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		max-width: 640px;
		margin: 0 auto;
		padding: 16px 0;
		z-index: 1;
		background: #fff;
		visibility: collapse;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		transition: transform 0.3s ease,visibility 0s 0.3s;
	}
	.ios15 .popup_bottom{
		padding-bottom: calc(16px + env(safe-area-inset-bottom));
	}
	.popup_bottom.on,
	.popup_bottom.now{
		-webkit-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
		visibility: visible;
		transition: transform 0.3s ease,visibility 0s;
	}
	.popup_content{
		width: 100%;
		line-height: 16px;
		margin-bottom: 16px;
		padding: 0 16px;
		font-size: 14px;
		color: rgba(0, 0, 0, 1);
	}
	.popup_btnbox{
		display: flex;
		width: 100%;
		padding: 0 16px;
	}
	.popup_btnbox>div ~ div{
		margin-left: 16px;
	}


	
	.popup_game{
		position: absolute;
		display: flex;
		width: calc(100% - 32px);
		min-width: 288px;
		max-width: 640px;
		height: auto;
		max-height: calc(100% - 32px);
		margin: 16px auto;
		flex-direction: column;
		border-radius: 5px;
		overflow: hidden;
		z-index: 1;
		background: #fff;
		visibility: collapse;
		-webkit-transform: translate3d(0, calc(50vh + 50%), 0);
		transform: translate3d(0, calc(50vh + 50%), 0);
		transition: transform 0.3s ease,visibility 0s 0.3s;
	}

	.popup_bet{
		position: absolute;
		bottom: 0;
		display: flex;
		width: 100%;
		min-width: 320px;
		max-width: 640px;
		height: auto;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		border-radius: 5px 5px 0 0;
		overflow: hidden;
		z-index: 1;
		background: #fff;
		visibility: collapse;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		transition: all 0.3s ease;
	}

	.popup_game.on,
	.popup_bet.on{
		-webkit-transform: translate3d(0, 0%, 0)!important;
		transform: translate3d(0, 0%, 0)!important;
		visibility: visible;
		transition: transform 0.3s ease,visibility 0s;
	}
	.popup_title{
		position: relative;
		display: flex;
		width: 100%;
		height: 48px;
		line-height: 16px;
		
		padding: 4px 0;
		flex: none;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #000;
		background: #ededed;
	}
	.popup_title span{
		display: block;
		width: 100%;
		margin-left: 16px;
		padding-right: 48px;
	}
	.popup_title .icon_information{
		display: block;
		width: 16px;
		height: 16px;
		margin-left: 16px;
		pointer-events: none;
	}
	.popup_title .icon_information svg{
		width: 100%;
		height: 100%;
		fill: #00a1db;
	}
	.fore_popup .popup_title{
		flex-wrap: wrap;
		line-height: normal;
		align-content: center;
	}
	.fore_popup .popup_title span{
		height: 17px;
		line-height: 17px;
		font-size: 13px;
		font-weight: 400;
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    text-transform: none;
	}
	.fore_popup .popup_title:before{
		display: block;
		width: 100%;
		margin-left: 16px;
		padding-right: 48px;
		line-height: 16px;
		font-size: 14px;
		font-weight: bold;
		color: #000;
	}
	.TW .fore_popup .popup_title:before{content: attr(data-TW);}
	.CN .fore_popup .popup_title:before{content: attr(data-CN);}
	.EN .fore_popup .popup_title:before{content: attr(data-EN);}

	.popup_game .btn_close,
	.popup_bet .btn_close,
	.fore_popup .btn_close,
	.fore_more_popup .btn_close{
		position: absolute;
		top: 0;
		right: 0;
		width: 48px;
		height: 48px;
		padding: 8px;
	}
	.popup_game .btn_close i,
	.popup_bet .btn_close i,
	.fore_popup .btn_close i,
	.fore_more_popup .btn_close i{
		display: block;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 10px;
	}
	.popup_game .btn_close svg,
	.popup_bet .btn_close svg,
	.fore_popup .btn_close svg,
	.fore_more_popup .btn_close svg{
		display: block;
		width: 100%;
		height: 100%;
		fill: rgba(0,0,0,0.48);
	}
	.popup_game .popup_content,
	.popup_bet .popup_content,
	.fore_popup .popup_content{
		margin: 0;
		padding: 16px;
		flex: 1 1 auto;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.popup_game .popup_content p ~ p,
	.popup_bet .popup_content p ~ p{
		margin-top: 1rem;
	}
	
	
	.popup_txt li{margin-bottom: 13px;}
	.popup_txt li:last-child{margin-bottom: 12px;}
	.popup_checkbox{
		padding: 16px 16px 0;
		color: rgba(0, 0, 0, .64);
		font-size: 14px;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
	}
	.popup_checkbox input{display: none;}
	.popup_checkbox input + i{
		display: inline-block;
		width: 18px;
		height: 18px;
		margin-right: 11px;
		vertical-align: middle;
		border-radius: 50%;
		border: 1px solid rgba(0, 0, 0, .64);
	}
	.popup_checkbox input:checked + i{
		background:none no-repeat #33997a;
		background-size: cover;
		border-color: #33997a;
	}
	.popup_checkbox input + i{
	    -webkit-transition: color .3s linear, background-color .3s linear, opacity .3s linear, box-shadow .3s linear, border-color .3s linear;
	    -ms-transition: color .3s linear, background-color .3s linear, opacity .3s linear, box-shadow .3s linear, border-color .3s linear;
	    transition: color .3s linear, background-color .3s linear, opacity .3s linear, box-shadow .3s linear, border-color .3s linear;
	}
	.popup_checkbox tt{
		display: inline-block;
		vertical-align: middle;
	}

	
	.popup_toast{
		position: fixed;
		left: 0;
		right: 0;
		bottom: -16px;
		width: 100%;
		z-index: 1;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		transition: all 0.3s ease;

		visibility: collapse;
	}
	.popup_toast.on{
		bottom: 56px;
		-webkit-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
		margin-bottom: 16px;
		margin-bottom: calc(env(safe-area-inset-bottom) + 16px);

		visibility: visible;
	}
	.popup_toast.high_set.on{
		margin-bottom: 80px;
		margin-bottom: calc(80px + constant(safe-area-inset-bottom));
		margin-bottom: calc(80px + env(safe-area-inset-bottom));
	}
	.ios15 .popup_toast.high_set.on{
		margin-bottom: calc(env(safe-area-inset-bottom) + 80px);
	}
	.popup_toast.log_bef{
		bottom: 0px!important;
	}
	
	.box_toast{
		display: flex;
		width: 100%;
		max-width: 640px;
		min-height: 64px;
		margin: 0 auto;
		padding: 6px 8px 6px 16px;
		align-items: center;
		justify-content: space-between;
		font-size: 12px;
		color: rgba(255,255,255,0.88);
		background: #474747;
	}
	.no_btn .box_toast{
		min-height: 48px;
		padding: 4px 16px;
		justify-content: center;
		text-align: center;
		font-size: 14px;
	}
	.btn_toast{
		width: 32px;
		height: 32px;
		line-height: 32px;
		text-align: center;
	}

	
	.popup_center{
		position: fixed;
		top: 0;
		left: 0;
		display: flex;
		width: 100%;
		height: 100%;
		max-height: 640p;
		align-items: center;
		justify-content: center;
		padding: 16px;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		transition: all 0.3s ease;
		z-index: 2;
		visibility: collapse;
	}
	.popup_center.on{
		-webkit-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
		visibility: visible;
	}
	.popup_center>div{
		display: flex;
		width: 100%;
		max-width: 480px;
		max-height: 100%;
		flex-direction: column;
		background: #fff;
		z-index: 1;
		border-radius: 5px;
		overflow: hidden;
	}
	.popup_center .popup_title{
		justify-content: center;
		flex: none;
	}
	.popup_center .popup_content{
		margin: 0;
		padding: 16px 16px 0 16px;
		overflow-y: auto;
	}
	.popup_center .popup_btnbox{
		padding: 16px;
	}

	
	.popup_kick>div{
		min-width: 288px;
		max-height: 640px;
	}

	
	@media (pointer: fine) and (max-resolution: 2dppx),
	screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
	(-moz-touch-enabled: 0),
	screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
		.btn_popup_selec:hover .checkmark{
			border: 2px solid #33997a;
		}
		.popup_title .btn_close:hover svg,
		.popup_title .btn_fullscr:hover svg{
			fill: #000;
		}
		.btn_toast:hover{
			background: #5c5c5c;
		}
		.btn_submit:hover{
			background: #379e7a;
		}
		.btn_cancel:hover{
			background: #8f8f8f;
		}
	}

	
	.popup_title .btn_close:active i,
	.popup_title .btn_fullscr:active i{
		background-color: rgba(0,0,0,0.08);
	}
	.popup_title .btn_close:active svg,
	.popup_title .btn_fullscr:active svg{
		fill: #000;
	}
	.btn_toast:active{
		background: #333;
	}
	.btn_submit:active{
		background: #056b48;
	}
	.btn_cancel:active{
		background: #666;
	}

	#alert_show{
		height: auto;
		overflow: unset;
	}
	.msg_popup{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: visibility 0s 0.3s;
	}

	.msg_popup.on{
		transition: visibility 0s;
	}

	
	.mask_popup,
	.mask_popup_left,
	.mask_popup_right{
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		width: 100%;
		height: 0;
		opacity: 0;
		background: rgba(0,0,0,0.32);
		transition: 
			opacity 0.3s ease,
			height 0s ease 0.3s;
	}
	.mask_popup{
		z-index: 1;
	}
	.mask_popup_right{
		width: calc(100% / 3);
		left: auto;
		right: 0;
	}

	.pc_center.on ~ .mask_popup,
	.popup_center.on ~ .mask_popup,
	.pc_left.on ~ .mask_popup_left,
	.pc_right.on ~ .mask_popup_right{
		opacity: 1;
		height: 100%;
		transition: 
			opacity 0.3s ease,
			height 0s ease;
	}
	@media screen and (min-width: 1px) and (max-width: 1023px){
		.popup_bet.on ~ .mask_popup_left{
			opacity: 1;
			height: 100%;
			transition: 
				opacity 0.3s ease,
				height 0s ease;
		}
	}

	
	
	.pc_center.on{
		z-index: 3;
	}
	@media screen and (min-width: 1024px){
		
		.mask_popup_right{
			top: 56px;
		}
		.pc_center.on ~ .mask_popup{
			z-index: 2;
		}
		.pc_center.on ~ .mask_popup,
		.popup_center.on ~ .mask_popup{
			width: 100%;
			top: 0;
		}

		
		.mask_popup_left{
			width: calc(200% / 3);
			top: 56px;
		}

		
		.pc_right.on > .mask_popup_right{
			width: calc(100% / 3);
			top: 56px;
			left: auto;
			right: 0;
		}
	}

	
	@media screen and (min-width: 1024px){
		.popup_bottom,
		.popup_game,
		.popup_bet{
			width: calc(200% / 3);
			left: 0;
			right: 0;
			margin-left: calc((66.6% - 640px) / 2);
		}
		.popup_bottom.pc_center{
			margin: 0 auto;
		}
		.popup_game.pc_right,
		.popup_bet{
			top: auto;
			bottom: 0;
			left: auto;
			right: 0;
			width: calc(100% / 3);
			min-width: unset;
			margin-bottom: 0;
			border-radius: 5px 5px 0 0;
			-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100%, 0);
			
		}
		.popup_bet{
			left: auto;
			right: 0;
			width: calc(100% / 3);
			min-width: unset;
			max-height: calc(100% - 32px);
			margin: 16px auto 0px auto;
			-webkit-transform: translate3d(0, calc(50vh + 50%), 0);
			transform: translate3d(0, calc(50vh + 50%), 0);
			transition: transform 0.3s ease,visibility 0s 0.3s;
		}
		.popup_bet.on ~ .mask_popup_right{
			opacity: 1;
			height: 100%;
			transition: 
				opacity 0.3s ease,
				height 0s ease;
		}
		.popup_toast {
			
			width: 100% !important;
			max-width: 640px !important;
			margin-left: calc((66.6% - 640px) / 2);
		}
		.popup_toast.log_bef{
			margin-left: auto;
			margin-right: auto;
		}
		.popup_toast.on{
			bottom: 0;
		}
		.popup_toast.high_set.on{
			margin-bottom: 80px;
			margin-bottom: calc(80px + constant(safe-area-inset-bottom));
			margin-bottom: calc(80px + env(safe-area-inset-bottom));
		}
	}
	@media screen and (min-width: 1920px){
		.popup_game.pc_right,
		.popup_bet{
			margin-right: calc((50%/3) - 320px);
		}
	}


	.lab_radio{
		position: relative;
		float: left;
		display: block;
		color: rgba(0, 0, 0, 0.64);
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.lab_radio input{
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}
	.checkmark{
		display: inline-block;
		width: 18px;
		height: 18px;
		margin: 3px;
		vertical-align: middle;
		border-radius: 50%;
		border: 1px solid rgba(0, 0, 0, 0.64);
		background: url("/assets/original/resources/aa6d06129fbeb615167d.svg") no-repeat;
		background-size: contain;
		background-position: -24px;

	}
	.lab_radio tt{
		display: inline-block;
		margin-left: 4px;
		vertical-align: middle;
		font-size: 14px;
		color: rgba(0, 0, 0, 0.64);
	}
	.lab_radio input:checked ~ .checkmark{
		border: none;
		background-position: 0;
	}


	
	@media (pointer: fine) and (max-resolution: 2dppx),
	screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
	(-moz-touch-enabled: 0),
	screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
		.lab_radio:hover .checkmark{
			border: 2px solid #19805c;
		}
	}

	.mask_popup.mask_gray{
		background: #fff;
	}




	
	.fore_popup{
		position: absolute;
		position: fixed;
		bottom: var(--bottom_show);
		display: flex;
		width: 100%;
		min-width: 320px;
		max-width: 640px;
		height: auto;
		max-height: calc(100% - var(--popup_show));
		margin: 0 auto;
		flex-direction: column;
		border-radius: 5px 5px 0 0;
		overflow: hidden;
		z-index: 1;
		background: #fff;
	 	-webkit-transform: translate3d(0, calc(50vh + 50%), 0);
		transform: translate3d(0, calc(50vh + 50%), 0);
		transition: transform 0.3s ease,visibility 0s 0.3s;
		z-index: 2;
	}
	.fore_more_popup{
		position: absolute;
		bottom: 0;
		display: flex;
		width: 100%;
		min-width: 320px;
		max-width: 640px;
		height: 100%;
		max-height: 100%;
		flex-direction: column;
		justify-content: flex-end;
		z-index: 3;

		visibility: collapse;
		transform: translate3d(0, calc(50vh + 50%), 0);
		transition: transform 0.3s ease,visibility 0s 0.3s;
	}
	.fore_more_popup .popup_title{
		border-radius: 5px 5px 0 0;
	}
	.TW .fore_more_popup .popup_title span:before{content: '了解更多';}
	.CN .fore_more_popup .popup_title span:before{content: '了解更多';}
	.EN .fore_more_popup .popup_title span:before{content: 'LEARN MORE';}

	.fore_more_popup .popup_content{
		background: #fff;
		margin-bottom: 0;
		padding: 16px;
		max-height: calc(100% - 48px);
		overflow-y: auto;
	}

	.popup_bet.on,
	.fore_more_popup.on{
		transform: translate3d(0, 0%, 0)!important;
		visibility: visible;
		transition: transform 0.3s ease,visibility 0s;
	}
	.forecast.on .fore_popup{
		transform: translate3d(0, 0%, 0)!important;
	}
	.fore_more_popup .popup_content{
		padding: 16px;
	}

	
	.fore_no_event.no_event{
		display: flex;
		width: 100%;
		min-height: 320px;
		align-items: center;
		align-content: center;
		justify-content: center;
		flex-direction: column;
		flex: 1 1 auto;
	}
	.fore_no_event.no_event i{
		display: block;
		width: 120px;
		height: 86px;
		margin: 0 auto 40px auto;
		background: none no-repeat;
		background-size: cover;
		background-position: center;
	}
	.fore_no_event.no_event span{
		display: flex;
		width: 100%;
		height: 40px;
		line-height: 16px;
		text-align: center;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		color: rgba(0,0,0,0.72);
	}
	.fore_more_popup .fore_more_title{
		margin-bottom: 8px;
		font-size: 14px;
		font-weight: 700;
		color: #A78025;
	}
	.fore_more_popup p{
		display: block;
		line-height: 16px;
		margin-bottom: 16px;
		font-size: 14px;
		color: #000;
	}
	.fore_more_popup p:last-child{
		margin-bottom: 0;
	}
	.fore_more_popup tt{
		display: flex;
		height: 24px;
		align-items: center;
		font-size: 12px;
		font-weight: 700;
		color: rgba(0,0,0,0.56);
	}
	.fore_more_popup .fore_more_list{
		display: flex;
		margin-bottom: 16px;
		padding: 4px 0;
		flex-direction: column;
		gap: 4px;
	}
	.fore_more_list span{
		display: block;
		line-height: 16px;
		font-size: 14px;
		color: #000;
	}
	.fore_more_list span:before{
		content: '';
		display: inline-block;
		width: 4px;
		height: 4px;
		margin-right: 8px;
		vertical-align: middle;
		border-radius: 1px;
		background: rgba(0,0,0,0.4);
	}

	@media screen and (min-width: 1024px){
		.popup_game{
			width: calc(200% / 3);
			left: 0;
			right: 0;
			margin-left: calc((66.6% - 640px) / 2);
		}
	}
	.mask_more_popup{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		width: 100%;
		max-width: 640px;
		height: 0;
		margin: 0 auto;
		background: rgba(0,0,0,0.32);

		opacity: 0;
		z-index: 2;
		transition: 
			opacity 0.3s ease,
			height 0s ease 0.3s;
	}
	.mask_gray{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		width: 100%;
		max-width: 640px;
		height: 100%;
		margin: 0 auto;
		background: rgba(0,0,0,0.32);
	}
	.forecast .mask_popup{
		position: fixed;
	}
	.forecast.on .mask_popup,
	.fore_more_popup.on ~ .fore_popup .mask_more_popup{
		opacity: 1;
		height: 100%;
		transition: 
			opacity 0.3s ease,
			height 0s ease;
	}
	.fore_more_popup.on ~ .mask_popup.transparent{
		display: block;
	}
	@media screen and (min-width: 1024px){
		.fore_popup,
		.fore_more_popup{
			width: calc(200% / 3);
			left: 0;
			right: 0;
			

			max-width: 656px;
			margin-left: calc((66.6% - 656px) / 2);
		}
		.mask_more_popup{
			max-width: 656px;
		}
		.fore_popup ~ .mask_popup{
			width: calc(200% / 3);
			top: 56px;
		}
	}

	.fore_scroll{
		display: flex;
		width: 100%;
		height: 24px;
		margin-bottom: 16px;
		align-items: center;
		justify-content: space-between;
	}
	.fore_scroll .icon_information{
		width: 16px;
		height: 16px;
		cursor: pointer;
	}
	.fore_scroll .icon_information svg{
		display: inline-block;
		width: 100%;
		height: 100%;
		vertical-align: top;
		fill: #00a1db;
		pointer-events: none;
	}
	.btn_menu_forecast{
		position: relative;
		display: inline-block;
		width: auto;
		height: 24px;
		line-height: 22px;
		margin-right: 4px;
		padding: 0 8px;
		border-radius: 16px;
		font-size: 14px;
		color: rgba(0,0,0,0.72);
		border: 1px solid rgba(0,0,0,0.24);
		transition: background 0.3s ease;
		cursor: pointer;
	}
	.btn_menu_forecast.on{
		color: #fff;
		background: #a78025;
		border-color: #a78025;
		pointer-events: none;
	}

	.mask_popup.transparent{
		display: none;
		background: transparent;
	}
	
	@media (pointer: fine) and (max-resolution: 2dppx),
	screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
	(-moz-touch-enabled: 0),
	screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
		.btn_menu_forecast:hover{
			color: #fff;
			background: #a78025;
			border-color: #a78025;
		}
	}
	.btn_menu_forecast:active{
		color: #fff;
		background: #86661E;
	}

	.box_scored{
		width: 100%;
		min-height: 80px;
		margin-bottom: 16px;
		background: #352a21;
	}

	.fore_title{
		display: flex;
	}
	.fore_form .fore_title{
		height: 40px;
		align-items: center;
	}
	.fore_betlist{
		margin-bottom: 16px;
	}
	.fore_betlist .fore_title{
		padding: 7px 0;
		flex-direction: column;
		justify-content: center;
	}
	.fore_betlist .btn_showmore{
		margin-top: 0;
	}
	.fore_title span{
		flex: 1 1 auto;
		display: block;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		color: #A78025;
	}
	.fore_title .icon_information{
		width: 16px;
		height: 16px;
		margin-left: 8px;
		fill: #00A1DB;
		cursor: pointer;
	}
	.fore_title tt{
		display: block;
		margin-top: 2px;
		line-height: 16px;
		font-size: 13px;
		color: rgba(0,0,0,0.64);
	}
	.fore_title tt b{
		display: inline-block;
		width: 0.3rem;
	}

	.fore_form_box{
		display: grid;
		width: 100%;
		height: 212px;
		margin-bottom: 16px;
		grid-template-rows: 20px 192px;
		grid-template-columns: 20px 1fr;
	}
	.fore_teamH,
	.fore_teamC{
		display: flex;
		width: 100%;
		font-size: 12px;
		font-weight: 400;
		color: #000;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}
	.fore_teamH{
		position: relative;
		grid-row: 2;
		grid-column: 1;
		padding-top: 26px;
		overflow: visible;
		background: #fff;
	}
	.fore_teamH:before{
		content: '';
		position: absolute;
		top: 0;
		right: -4px;
		display: block;
		width: 5px;
		height: 100%;
		background: #FFF;
		z-index: 1;
	}
	.fore_teamC{
		grid-row: 1;
		grid-column: 2;
		padding-left: 28px;
	}
	.fore_teamH span,
	.fore_teamC span{
		display: inline-block;
		max-width: 100%;
		max-height: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.fore_teamH .fore_team_name{
		display: grid;
		width: max-content;
		max-width: 166px;
		flex: none;
		height: 24px;
		line-height: 24px;
		max-height: unset;
		transform: rotate(-90deg);
		transform-origin: center center;
		text-align: center;
	    overflow: hidden;
	    grid-template-columns: 1fr auto;
	}
	.fore_table{
		flex: none;
		grid-row: 2;
		grid-column: 2;
		display: grid;
		width: 100%;
		height: 200px;
		gap: 4px;
		grid-template-rows: 24px 1fr;
		grid-template-columns: 24px 1fr;
		overflow: auto;
		transition: height 0.3s ease;
	}
	.btn_position{
		grid-row: 1;
		grid-column: 1;
		position: sticky;
		top: 0;
		left: 0;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #fff;
		cursor: pointer;
	}
	.icon_position{
		position: relative;
		width: 100%;
		height: 100%;
		padding: 5px;
		fill: rgba(0,0,0,0.64);
	}
	.icon_position:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: #fff;
	}

	.fore_form_h,
	.fore_form_c{
		position: sticky;
		position: -webkit-sticky;
		display: grid;
		gap: 4px;
		font-size: 12px;
		color: #000;
		background: #fff;
	}
	.fore_form_h{
		grid-row: 2 / 3;
		grid-column: 1 / 2;
		left: -0.2px;
		grid-template-rows: repeat(var(--score_h , 6), 24px);
	}
	.fore_form_c{
		grid-row: 1 / 2;
		grid-column: 2 / 3;
		top: 0;
		grid-template-columns: repeat(var(--score_c , 6), 90px);
	}
	.fore_form_h div,
	.fore_form_c div,
	.fore_form_result div{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.fore_form_h .on,
	.fore_form_c .on{
		font-weight: bold;
	}
	.fore_form_result{
		grid-row: 2 / 3;
		grid-column: 2 / 3;
		display: grid;
		gap: 4px;
		grid-template-columns: repeat(var(--score_c , 6), 90px);
		grid-template-rows: repeat(var(--score_h , 6), 24px);
		grid-auto-flow: column;
	}
	.fore_form_result div{
		
		padding: 4px;
		border-radius: 1px;
		color: rgba(0,0,0,0.16);
		background: #fff;
		
		outline: 1px solid #E6E6E6;
		outline-offset: -1px;
	}
	.fore_form_result div.on{
		outline: 2px solid #A78025!important;
		outline-offset: -2px!important;
		box-shadow: #fff 0 0 0px 4px inset;
	}
	.fore_form_result div.winMore{color: #fff; background: #00993D; outline: none;}
	.fore_form_result div.winLess{color: #fff; background: #62B574; outline: none;}
	.fore_form_result div.lossMore{color: #fff; background: #E41A0C; outline: none;}
	.fore_form_result div.lossLess{color: #fff; background: #E66E65; outline: none;}
	.fore_form_result div.past{color: rgba(0,0,0,0.4); background: #E2E2E2; outline: none;}

	.fore_note{
		margin-bottom: 16px;
		font-size: 12px;
		color: rgba(0,0,0,0.64);
	}
	.fore_btn_wrap{
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 16px;
	}
	.fore_btn_wrap > div{
		flex: 1 1 auto;
		display: flex;
		height: 48px;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		font-weight: 400;
		text-transform: uppercase;
		color: #0066CC;
		cursor: pointer;
	}

	
	@media (pointer: fine) and (max-resolution: 2dppx),
	screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
	(-moz-touch-enabled: 0),
	screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
		.fore_btn_wrap > div:hover{
			color: #0070E0;
		}
		.btn_position:hover .icon_position{
			fill: #A78025;
		}
		.fore_title .icon_information:hover{
			fill: #05BDFF;
		}
	}
	.fore_btn_wrap > div:active{
		color: #0052A3;
	}
	.btn_position:active .icon_position::before{
		background: rgba(0,0,0,0.08);
	}
	.btn_position:active .icon_position{
		fill: #A78025;
	}
	.fore_title .icon_information:active{
		fill: #05BDFF;
	}

	
	.fore_wagers .ope_info_txt{
		padding: 8px 0;
	}

	.fore_wagers .ope_info_normal ~ .ope_info_normal{
		border-top: 1px solid #E6E6E6;
	}
	.fore_wagers .ope_info_txt li.load_inorder{
		margin-bottom: 0;
	}
	
	.fore_landscape,
	.es_landscape{
		display: none;
		width: 498px;
		height: 79px;
		padding: 31.5px 16px;
		align-items: center;
		justify-content: center;
		color: #000;
		background: #fff;
		box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.24);
		z-index: 2;
	}
	@media (pointer: coarse) and (max-height: 428px) and (max-width: 926px),
	not all,
	screen and (pointer: fine) and (min-resolution: 2dppx) and (max-height: 428px) and (max-width: 926px){
		.es_statistic.on{
			align-items: center;
		}
		.fore_popup,
		.fore_more_popup.on,
		.popup_es_statistic{
			display: none!important;
		}
		.forecast.on .fore_landscape,
		.es_statistic.on .es_landscape{
			display: flex;
		}
		.forecast.on .mask_popup ~ .mask_popup.transparent,
		.es_statistic.on .mask_popup ~ .mask_popup.transparent{
			display: block;
		}
	}


	.loading.fore_loading{
		display: none;
	}
	.fore_loading.page_on,
	.fore_loading.page_on.time_on{
		display: flex;
		position: relative;
		height: 420px;
		max-width: 640px;
	}
	.fore_loading.time_on ~ .popup_content{
		overflow: hidden;
	}
	.fore_loading.time_on ~ .popup_content .fore_wrap{
		opacity: 0;
	}
	.fore_loading.page_on ~ .popup_content .fore_table,
	.fore_loading.time_on ~ .popup_content .fore_table{
		height: 199px;	
	}
	.fore_loading.page_on ~ .popup_content,
	.fore_loading.page_on ~ .fore_no_event{
	 	position: absolute;
		z-index: -10;
		visibility: collapse;
		opacity: 0;
	}
	.fore_loading.time_on{
		display: flex;
		top: unset;
		bottom: 0;
		height: 100%;
		max-height: calc(100% - 184px);
	}



	
	.league_set_popup{
		width: 100%;
		max-width: 480px;
		border-radius: 5px 5px 0 0;
		overflow: hidden;
		background: #EDEDED;
	}
	.league_set_popup{
		transform: translate3d(0, calc(50vh + 50%), 0);
		transition: transform 0.3s ease,visibility 0s 0.3s;
	}
	.league_set.on .league_set_popup{
		transform: translate3d(0, 0%, 0)!important;
		visibility: visible;
		transition: transform 0.3s ease,visibility 0s;
	}
	.league_set_popup .popup_content{
		margin-bottom: 0;
		background: #EDEDED;
	}
	.league_set_popup .popup_league_sort{
		display: flex;
		flex-direction: column;
		padding-bottom: 8px;
		gap: 8px;
	}
	.league_set_popup .popup_league_sort>div{
		padding: 4px 16px 16px;
		background: #FFF;
		border-radius: 4px;
	}
	.league_set_popup .popup_league_sort>div:nth-child(2){
		padding: 4px 16px;
	}
	.league_set_popup .popup_league_sort span{
		display: block;
		height: 32px;
		line-height: 32px;
		font-weight: 700;
		color: #000;
	}
	.league_set_popup .popup_league_sort p{
		display: block;
		height: 16px;
		line-height: 16px;
		margin-bottom: 8px;
		font-size: 13px;
	}
	.modal_radio{
		display: flex;
		width: 100%;
		height: 48px;
		border-radius: 4px;
		overflow: hidden;
		outline: 1px solid #F5F5F5;
	}
	.modal_radio>div{
		position: relative;
		flex: 1 1 50%;
		width: 50%;
		height: 100%;
	}

	.modal_radio input{
		position: absolute;
		width: 100%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
	}
	.modal_radio label{
		display: flex;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
		gap: 4px;
		color: #000;
	}
	.modal_radio input:checked ~ label{
		color: #A78025;
		background: #F5F5F5;
	}
	.modal_radio i{
		display: block;
		width: 12px;
		height: 12px;
	}

	
	.modal_sort i{
		fill: rgba(0,0,0,.72);
	}
	.modal_sort input:checked ~ label > i{
		fill: #A78025;
	}

	
	.modal_filters i{
		border-radius: 2px;
		background-color: rgba(0,0,0,.16);
		fill: #F2F4F7;
	}
	.modal_filters input:checked ~ label > i{
		background-color: #A78025;
	}


	.modal_radio>div:hover label{
		color: #A78025;
		background: #F5F5F5;
	}
	.modal_sort>div:hover i{
		fill: #A78025;
	}
	.modal_filters>div:hover i{
		background-color: #A78025;
	}
	.modal_radio>div:active label{
		color: #86661E;
		background: #F5F5F5;
	}
	.modal_sort>div:active i{
		fill: #86661E;
	}
	.modal_filters>div:active i{
		background-color: #86661E;
	}


	.modal_btn{
		display: inline-flex;
		height: 32px;
		line-height: 32px;
		align-items: center;
		justify-content: center;
		gap: 4px;
		fill: rgba(0,0,0,.72);
		cursor: pointer;
		z-index: 1;
	}
	.modal_btn i{
		display: block;
		width: 12px;
		height: 12px;
	}
	.modal_btn:hover{
		color: #A78025;
		fill: #A78025;
	}
	.modal_btn:active{
		color: #86661E;
		fill: #86661E;
	}
	.league_set,
	.es_statistic{
		align-items: flex-end;
	}
	.es_statistic .loading{
		display: none;
		height: 192px;
	}
	.league_set .page_on,
	.es_statistic .page_on{
		display: flex;
		position: relative;
		width: calc(100% - 16px);
		height: calc(420px - 8px);
		margin: 0 auto 8px auto;
		border-radius: 4px;
		overflow: hidden;
	}
	.es_statistic .page_on{
		width: 100%;
		height: 192px;
		max-height: auto;
	}
	.es_statistic .popup_es_statistic .page_on{
		margin: 0 auto 0 auto;
	}
	.league_set .page_on ~ .popup_content,
	.es_statistic .page_on ~ .es_content{
	 	position: absolute;
		z-index: -10;
		visibility: collapse;
		opacity: 0;
	}
	.league_set .mask_popup,
	.es_statistic .mask_popup{
		z-index: -1;
	}
	.league_set.on .mask_popup,
	.es_statistic.on .mask_popup{
		opacity: 1;
		height: 100%;
		transition: 
			opacity 0.3s ease,
			height 0s ease;
	}
	@media screen and (min-width: 1024px){
		.league_set{
			width: calc(200% / 3);
			left: 0;
			right: 0;
		}
		.league_set .mask_popup{
			top: 56px;
		}
	}
	.league_set_popup .popup_title:before,
	.es_statistic .popup_title:before{
		display: block;
		width: 100%;
		padding: 4px 16px;
	}
	.TW .league_set_popup .popup_title:before,
	.TW .es_statistic .popup_title:before{
		content: attr(data-TW);
	}
	.CN .league_set_popup .popup_title:before,
	.CN .es_statistic .popup_title:before{
		content: attr(data-CN);
	}
	.EN .league_set_popup .popup_title:before,
	.EN .es_statistic .popup_title:before{
		content: attr(data-EN);
	}

	.forecast .fore_popup{
		
		
	}



	
	.popup_es_statistic{
		display: flex;
		width: 100%;
		max-width: 640px;
		max-height: 100vh;
		padding: 0 8px 8px 8px;
		flex-direction: column;
		border-radius: 5px 5px 0 0;
		overflow: hidden;
		background: #EDEDED;
		transform: translate3d(0, 100%, 0);
		transition: transform 0.3s ease;
	}
	.es_statistic.on .popup_es_statistic{
		transform: translate3d(0, 0%, 0);
	}
	.popup_es_statistic .popup_title{
		width: calc(100% + 16px);
		margin: 0 -8px;
	}
	.popup_es_statistic .btn_close{
		width: 48px;
		height: 48px;
		flex: none;
	}
	.es_content{
		display: flex;
		width: 100%;
		margin: 0;
		padding: 16px 16px 14px 16px;
		flex-direction: column;
		border-radius: 4px;
		overflow-y: auto;
		background:
			linear-gradient(#FFF, #FFF),
			linear-gradient(rgba(0,0,0,0.24), rgba(0,0,0,0) 100%);
		background-color: #FFF;
		background-size: 100% 8px, 100% 8px;
		background-repeat: no-repeat;
		background-attachment: local, scroll;
	}
	.popup_es_statistic .es_content{
		min-height: 192px;
	}
	.es_title{
		display: flex;
		width: 100%;
		height: 24px;
		margin-bottom: 8px;
		align-items: center;
		justify-content: center;
		gap: 4px;
		flex: none;
		font-size: 12px;
		color: #FFF;
		background: #7F6E61;
		border-radius: 2px;
		overflow: hidden;
	}
	.es_title:before{
		display: block;
		width: 10px;
		height: 10px;
	}
	.ES_MOBA-1 .es_title:before{
		content: '';
		background: none;
	}
	.ES_FPS-1 .es_title:before{
		content: '';
		background: none;
	}
	.TW .ES_MOBA-1 .es_title:after{content: attr(data-MOBA-tw);}
	.CN .ES_MOBA-1 .es_title:after{content: attr(data-MOBA-cn);}
	.EN .ES_MOBA-1 .es_title:after{content: attr(data-MOBA-en);}
	.TW .ES_FPS-1 .es_title:after{content: attr(data-FPS-tw);}
	.CN .ES_FPS-1 .es_title:after{content: attr(data-FPS-cn);}
	.EN .ES_FPS-1 .es_title:after{content: attr(data-FPS-en);}

	.ES_BASIC .es_title{
		display: none;
	}

	.es_starts{
		display: flex;
		width: 100%;
		height: 41px;
		padding-bottom: 8px;
		align-items: center;
		justify-content: center;
		font-size: 11px;
		color: #000;
		border-bottom: 1px solid #EAEAE6;
	}

	.popup_es_statistic .popup_content li{
		display: flex;
		width: 100%;
		height: 32px;
	}
	.box_es_result{
		display: grid;
		width: 100%;
		height: 100%;
		gap: 8px;
		grid-auto-rows: 32px 1px;
	}
	.box_es_result>div{
		display: grid;
		width: 100%;
		height: 32px;
		padding: 2px 8px;
		grid-template-rows: 15px 13px;
		grid-template-columns: 1fr 4px 96px 4px 1fr;
		grid-template-areas:
		"team_h . game . team_c"
		"team_h . time . team_c";
	}
	.box_es_result .team_h{grid-area: team_h;}
	.box_es_result .team_c{grid-area: team_c;}
	.box_es_result .team_h,
	.box_es_result .team_c{
		display: flex;
		align-items: center;
	}
	.box_es_result .team_h p,
	.box_es_result .team_c p{
		width: 100%;
		line-height: 16px;
		text-align: center;
		font-size: 16px;
		color: #000;
	}
	.box_es_result .win p{
		font-weight: 700;
	}
	.box_es_result .icon_state{
		display: block;
		width: 16px;
		height: 16px;
		flex: none;
		border-radius: 50%;
		background: rgba(0,0,0,.24);
		overflow: hidden;
	}
	.box_es_result .win .icon_state{background: none;}
	.box_es_result .lose .icon_state{background: none;}
	.box_es_result .draw .icon_state{background: none;}

	.box_es_result .es_game{
		grid-area: game;
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center;
		font-size: 11px;
		color: #000;
	}
	.box_es_result .es_time{
		grid-area: time;
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center;
		font-size: 11px;
		color: rgba(0,0,0,.64);
	}
	.box_es_result .es_time.now{
		color: #A78025;
	}
	.es_content.es_FPS-1 .es_time,
	.es_content.es_BASIC .es_time{
		display: none;
	}
	.box_es_result hr{
		width: 100%;
		height: 1px;
		border: none;
		border-top: 1px solid #EAEAE6;
	}
	.box_es_result hr:last-child{
		display: none;
	}
	

	.box_help_btn{
		display: flex;
		width: 100%;
		margin-bottom: 0;
		padding: 0 16px;
		align-items: center;
		justify-content: space-between;
	}
	.box_help_btn .btn_cancel{
		margin-right: 16px;
	}
	.box_help_pwd .btn_cancel,
	.box_help_pwd .btn_next,
	.box_help_pwd .btn_submit,
	.box_help_pwd .btn_safecode{
		display: inline-block;
		width: 100%;
		height: 48px;
		line-height: 48px;
		flex: 1 1 auto;
		text-align: center;
		font-size: 14px;
		font-weight: 600;
		border-radius: 4px;
		color: #fff;
	}
	.btn_submit{
	    color: #fff;
	    display: block;
	    width: 100%;
	    height: 48px;
	    line-height: 48px;
	    border-radius: 4px;
	    font-size: 14px;
	    font-weight: 600;
	    text-align: center;
	    -webkit-box-flex: 1;
	    background: #19805c;
	    text-transform: uppercase;
	    cursor: pointer;
	}

	.btn_cancel{
	    display: block;
	    width: 100%;
	    height: 48px;
	    line-height: 48px;
	    border-radius: 4px;
	    font-size: 14px;
	    font-weight: 600;
	    text-align: center;
	    background-color: #7a7a7a;
	    color: #fff;
	    cursor: pointer;
	}


	
	.popup_bottom{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		max-width: 640px;
		margin: 0 auto;
		padding: 16px 0;
		z-index: 1;
		background: #fff;
		visibility: collapse;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		transition: transform 0.3s ease,visibility 0s 0.3s;
	}
	.ios15 .popup_bottom{
		padding-bottom: calc(16px + env(safe-area-inset-bottom));
	}
	.popup_bottom.on,
	.popup_bottom.now{
		-webkit-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
		visibility: visible;
		transition: transform 0.3s ease,visibility 0s;
	}
	.popup_content{
		width: 100%;
		line-height: 16px;
		margin-bottom: 16px;
		padding: 0 16px;
		font-size: 14px;
		color: rgba(0, 0, 0, 1);
	}
	.popup_btnbox{
		display: flex;
		width: 100%;
		padding: 0 16px;
	}
	.popup_btnbox>div ~ div{
		margin-left: 16px;
	}


	
	.popup_game{
		position: absolute;
		display: flex;
		width: calc(100% - 32px);
		min-width: 288px;
		max-width: 640px;
		height: auto;
		max-height: calc(100% - 32px);
		margin: 16px auto;
		flex-direction: column;
		border-radius: 5px;
		overflow: hidden;
		z-index: 1;
		background: #fff;
		visibility: collapse;
		-webkit-transform: translate3d(0, calc(50vh + 50%), 0);
		transform: translate3d(0, calc(50vh + 50%), 0);
		transition: transform 0.3s ease,visibility 0s 0.3s;
	}

	.popup_bet{
		position: absolute;
		bottom: 0;
		display: flex;
		width: 100%;
		min-width: 320px;
		max-width: 640px;
		height: auto;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		border-radius: 5px 5px 0 0;
		overflow: hidden;
		z-index: 1;
		background: #fff;
		visibility: collapse;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		transition: all 0.3s ease;
	}

	.popup_game.on,
	.popup_bet.on{
		-webkit-transform: translate3d(0, 0%, 0)!important;
		transform: translate3d(0, 0%, 0)!important;
		visibility: visible;
		transition: transform 0.3s ease,visibility 0s;
	}
	.popup_title{
		position: relative;
		display: flex;
		width: 100%;
		height: 48px;
		line-height: 16px;
		
		padding: 4px 0;
		flex: none;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #000;
		background: #ededed;
	}
	.popup_title span{
		display: block;
		width: 100%;
		margin-left: 16px;
		padding-right: 48px;
	}
	.popup_title .icon_information{
		display: block;
		width: 16px;
		height: 16px;
		margin-left: 16px;
		pointer-events: none;
	}
	.popup_title .icon_information svg{
		width: 100%;
		height: 100%;
		fill: #00a1db;
	}
	.fore_popup .popup_title{
		flex-wrap: wrap;
		line-height: normal;
		align-content: center;
	}
	.fore_popup .popup_title span{
		height: 17px;
		line-height: 17px;
		font-size: 13px;
		font-weight: 400;
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    text-transform: none;
	}
	.fore_popup .popup_title:before{
		display: block;
		width: 100%;
		margin-left: 16px;
		padding-right: 48px;
		line-height: 16px;
		font-size: 14px;
		font-weight: bold;
		color: #000;
	}
	.TW .fore_popup .popup_title:before{content: attr(data-TW);}
	.CN .fore_popup .popup_title:before{content: attr(data-CN);}
	.EN .fore_popup .popup_title:before{content: attr(data-EN);}

	.popup_game .btn_close,
	.popup_bet .btn_close,
	.fore_popup .btn_close,
	.fore_more_popup .btn_close{
		position: absolute;
		top: 0;
		right: 0;
		width: 48px;
		height: 48px;
		padding: 8px;
	}
	.popup_game .btn_close i,
	.popup_bet .btn_close i,
	.fore_popup .btn_close i,
	.fore_more_popup .btn_close i{
		display: block;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 10px;
	}
	.popup_game .btn_close svg,
	.popup_bet .btn_close svg,
	.fore_popup .btn_close svg,
	.fore_more_popup .btn_close svg{
		display: block;
		width: 100%;
		height: 100%;
		fill: rgba(0,0,0,0.48);
	}
	.popup_game .popup_content,
	.popup_bet .popup_content,
	.fore_popup .popup_content{
		margin: 0;
		padding: 16px;
		flex: 1 1 auto;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.popup_game .popup_content p ~ p,
	.popup_bet .popup_content p ~ p{
		margin-top: 1rem;
	}
	
	
	.popup_txt li{margin-bottom: 13px;}
	.popup_txt li:last-child{margin-bottom: 12px;}
	.popup_checkbox{
		padding: 16px 16px 0;
		color: rgba(0, 0, 0, .64);
		font-size: 14px;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
	}
	.popup_checkbox input{display: none;}
	.popup_checkbox input + i{
		display: inline-block;
		width: 18px;
		height: 18px;
		margin-right: 11px;
		vertical-align: middle;
		border-radius: 50%;
		border: 1px solid rgba(0, 0, 0, .64);
	}
	.popup_checkbox input:checked + i{
		background:none no-repeat #33997a;
		background-size: cover;
		border-color: #33997a;
	}
	.popup_checkbox input + i{
	    -webkit-transition: color .3s linear, background-color .3s linear, opacity .3s linear, box-shadow .3s linear, border-color .3s linear;
	    -ms-transition: color .3s linear, background-color .3s linear, opacity .3s linear, box-shadow .3s linear, border-color .3s linear;
	    transition: color .3s linear, background-color .3s linear, opacity .3s linear, box-shadow .3s linear, border-color .3s linear;
	}
	.popup_checkbox tt{
		display: inline-block;
		vertical-align: middle;
	}

	
	.popup_toast{
		position: fixed;
		left: 0;
		right: 0;
		bottom: -16px;
		width: 100%;
		z-index: 1;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		transition: all 0.3s ease;

		visibility: collapse;
	}
	.popup_toast.on{
		bottom: 56px;
		-webkit-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
		margin-bottom: 16px;
		margin-bottom: calc(env(safe-area-inset-bottom) + 16px);

		visibility: visible;
	}
	.popup_toast.high_set.on{
		margin-bottom: 80px;
		margin-bottom: calc(80px + constant(safe-area-inset-bottom));
		margin-bottom: calc(80px + env(safe-area-inset-bottom));
	}
	.ios15 .popup_toast.high_set.on{
		margin-bottom: calc(env(safe-area-inset-bottom) + 80px);
	}
	.popup_toast.log_bef{
		bottom: 0px!important;
	}
	
	.box_toast{
		display: flex;
		width: 100%;
		max-width: 640px;
		min-height: 64px;
		margin: 0 auto;
		padding: 6px 8px 6px 16px;
		align-items: center;
		justify-content: space-between;
		font-size: 12px;
		color: rgba(255,255,255,0.88);
		background: #474747;
	}
	.no_btn .box_toast{
		min-height: 48px;
		padding: 4px 16px;
		justify-content: center;
		text-align: center;
		font-size: 14px;
	}
	.btn_toast{
		width: 32px;
		height: 32px;
		line-height: 32px;
		text-align: center;
	}

	
	.popup_center{
		position: fixed;
		top: 0;
		left: 0;
		display: flex;
		width: 100%;
		height: 100%;
		max-height: 640p;
		align-items: center;
		justify-content: center;
		padding: 16px;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		transition: all 0.3s ease;
		z-index: 2;
		visibility: collapse;
	}
	.popup_center.on{
		-webkit-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
		visibility: visible;
	}
	.popup_center>div{
		display: flex;
		width: 100%;
		max-width: 480px;
		max-height: 100%;
		flex-direction: column;
		background: #fff;
		z-index: 1;
		border-radius: 5px;
		overflow: hidden;
	}
	.popup_center .popup_title{
		justify-content: center;
		flex: none;
	}
	.popup_center .popup_content{
		margin: 0;
		padding: 16px 16px 0 16px;
		overflow-y: auto;
	}
	.popup_center .popup_btnbox{
		padding: 16px;
	}

	
	.popup_kick>div{
		min-width: 288px;
		max-height: 640px;
	}

	
	@media (pointer: fine) and (max-resolution: 2dppx),
	screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
	(-moz-touch-enabled: 0),
	screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
		.btn_popup_selec:hover .checkmark{
			border: 2px solid #33997a;
		}
		.popup_title .btn_close:hover svg,
		.popup_title .btn_fullscr:hover svg{
			fill: #000;
		}
		.btn_toast:hover{
			background: #5c5c5c;
		}
		.btn_submit:hover{
			background: #379e7a;
		}
		.btn_cancel:hover{
			background: #8f8f8f;
		}
	}

	
	.popup_title .btn_close:active i,
	.popup_title .btn_fullscr:active i{
		background-color: rgba(0,0,0,0.08);
	}
	.popup_title .btn_close:active svg,
	.popup_title .btn_fullscr:active svg{
		fill: #000;
	}
	.btn_toast:active{
		background: #333;
	}
	.btn_submit:active{
		background: #056b48;
	}
	.btn_cancel:active{
		background: #666;
	}

	#alert_show{
		height: auto;
		overflow: unset;
	}
	.msg_popup{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: visibility 0s 0.3s;
	}

	.msg_popup.on{
		transition: visibility 0s;
	}

	
	.mask_popup,
	.mask_popup_left,
	.mask_popup_right{
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		width: 100%;
		height: 0;
		opacity: 0;
		background: rgba(0,0,0,0.32);
		transition: 
			opacity 0.3s ease,
			height 0s ease 0.3s;
	}
	.mask_popup{
		z-index: 1;
	}
	.mask_popup_right{
		width: calc(100% / 3);
		left: auto;
		right: 0;
	}

	.pc_center.on ~ .mask_popup,
	.popup_center.on ~ .mask_popup,
	.pc_left.on ~ .mask_popup_left,
	.pc_right.on ~ .mask_popup_right{
		opacity: 1;
		height: 100%;
		transition: 
			opacity 0.3s ease,
			height 0s ease;
	}
	@media screen and (min-width: 1px) and (max-width: 1023px){
		.popup_bet.on ~ .mask_popup_left{
			opacity: 1;
			height: 100%;
			transition: 
				opacity 0.3s ease,
				height 0s ease;
		}
	}

	
	
	.pc_center.on{
		z-index: 3;
	}
	@media screen and (min-width: 1024px){
		
		.mask_popup_right{
			top: 56px;
		}
		.pc_center.on ~ .mask_popup{
			z-index: 2;
		}
		.pc_center.on ~ .mask_popup,
		.popup_center.on ~ .mask_popup{
			width: 100%;
			top: 0;
		}

		
		.mask_popup_left{
			width: calc(200% / 3);
			top: 56px;
		}

		
		.pc_right.on > .mask_popup_right{
			width: calc(100% / 3);
			top: 56px;
			left: auto;
			right: 0;
		}
	}

	
	@media screen and (min-width: 1024px){
		.popup_bottom,
		.popup_game,
		.popup_bet{
			width: calc(200% / 3);
			left: 0;
			right: 0;
			margin-left: calc((66.6% - 640px) / 2);
		}
		.popup_bottom.pc_center{
			margin: 0 auto;
		}
		.popup_game.pc_right,
		.popup_bet{
			top: auto;
			bottom: 0;
			left: auto;
			right: 0;
			width: calc(100% / 3);
			min-width: unset;
			margin-bottom: 0;
			border-radius: 5px 5px 0 0;
			-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100%, 0);
			
		}
		.popup_bet{
			left: auto;
			right: 0;
			width: calc(100% / 3);
			min-width: unset;
			max-height: calc(100% - 32px);
			margin: 16px auto 0px auto;
			-webkit-transform: translate3d(0, calc(50vh + 50%), 0);
			transform: translate3d(0, calc(50vh + 50%), 0);
			transition: transform 0.3s ease,visibility 0s 0.3s;
		}
		.popup_bet.on ~ .mask_popup_right{
			opacity: 1;
			height: 100%;
			transition: 
				opacity 0.3s ease,
				height 0s ease;
		}
		.popup_toast {
			
			width: 100% !important;
			max-width: 640px !important;
			margin-left: calc((66.6% - 640px) / 2);
		}
		.popup_toast.log_bef{
			margin-left: auto;
			margin-right: auto;
		}
		.popup_toast.on{
			bottom: 0;
		}
		.popup_toast.high_set.on{
			margin-bottom: 80px;
			margin-bottom: calc(80px + constant(safe-area-inset-bottom));
			margin-bottom: calc(80px + env(safe-area-inset-bottom));
		}
	}
	@media screen and (min-width: 1920px){
		.popup_game.pc_right,
		.popup_bet{
			margin-right: calc((50%/3) - 320px);
		}
	}


	.lab_radio{
		position: relative;
		float: left;
		display: block;
		color: rgba(0, 0, 0, 0.64);
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.lab_radio input{
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}
	.checkmark{
		display: inline-block;
		width: 18px;
		height: 18px;
		margin: 3px;
		vertical-align: middle;
		border-radius: 50%;
		border: 1px solid rgba(0, 0, 0, 0.64);
		background: url("/assets/original/resources/aa6d06129fbeb615167d.svg") no-repeat;
		background-size: contain;
		background-position: -24px;

	}
	.lab_radio tt{
		display: inline-block;
		margin-left: 4px;
		vertical-align: middle;
		font-size: 14px;
		color: rgba(0, 0, 0, 0.64);
	}
	.lab_radio input:checked ~ .checkmark{
		border: none;
		background-position: 0;
	}


	
	@media (pointer: fine) and (max-resolution: 2dppx),
	screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
	(-moz-touch-enabled: 0),
	screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
		.lab_radio:hover .checkmark{
			border: 2px solid #19805c;
		}
	}

	.mask_popup.mask_gray{
		background: #fff;
	}




	
	.fore_popup{
		position: absolute;
		position: fixed;
		bottom: var(--bottom_show);
		display: flex;
		width: 100%;
		min-width: 320px;
		max-width: 640px;
		height: auto;
		max-height: calc(100% - var(--popup_show));
		margin: 0 auto;
		flex-direction: column;
		border-radius: 5px 5px 0 0;
		overflow: hidden;
		z-index: 1;
		background: #fff;
	 	-webkit-transform: translate3d(0, calc(50vh + 50%), 0);
		transform: translate3d(0, calc(50vh + 50%), 0);
		transition: transform 0.3s ease,visibility 0s 0.3s;
		z-index: 2;
	}
	.fore_more_popup{
		position: absolute;
		bottom: 0;
		display: flex;
		width: 100%;
		min-width: 320px;
		max-width: 640px;
		height: 100%;
		max-height: 100%;
		flex-direction: column;
		justify-content: flex-end;
		z-index: 3;

		visibility: collapse;
		transform: translate3d(0, calc(50vh + 50%), 0);
		transition: transform 0.3s ease,visibility 0s 0.3s;
	}
	.fore_more_popup .popup_title{
		border-radius: 5px 5px 0 0;
	}
	.TW .fore_more_popup .popup_title span:before{content: '了解更多';}
	.CN .fore_more_popup .popup_title span:before{content: '了解更多';}
	.EN .fore_more_popup .popup_title span:before{content: 'LEARN MORE';}

	.fore_more_popup .popup_content{
		background: #fff;
		margin-bottom: 0;
		padding: 16px;
		max-height: calc(100% - 48px);
		overflow-y: auto;
	}

	.popup_bet.on,
	.fore_more_popup.on{
		transform: translate3d(0, 0%, 0)!important;
		visibility: visible;
		transition: transform 0.3s ease,visibility 0s;
	}
	.forecast.on .fore_popup{
		transform: translate3d(0, 0%, 0)!important;
	}
	.fore_more_popup .popup_content{
		padding: 16px;
	}

	
	.fore_no_event.no_event{
		display: flex;
		width: 100%;
		min-height: 320px;
		align-items: center;
		align-content: center;
		justify-content: center;
		flex-direction: column;
		flex: 1 1 auto;
	}
	.fore_no_event.no_event i{
		display: block;
		width: 120px;
		height: 86px;
		margin: 0 auto 40px auto;
		background: none no-repeat;
		background-size: cover;
		background-position: center;
	}
	.fore_no_event.no_event span{
		display: flex;
		width: 100%;
		height: 40px;
		line-height: 16px;
		text-align: center;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		color: rgba(0,0,0,0.72);
	}
	.fore_more_popup .fore_more_title{
		margin-bottom: 8px;
		font-size: 14px;
		font-weight: 700;
		color: #A78025;
	}
	.fore_more_popup p{
		display: block;
		line-height: 16px;
		margin-bottom: 16px;
		font-size: 14px;
		color: #000;
	}
	.fore_more_popup p:last-child{
		margin-bottom: 0;
	}
	.fore_more_popup tt{
		display: flex;
		height: 24px;
		align-items: center;
		font-size: 12px;
		font-weight: 700;
		color: rgba(0,0,0,0.56);
	}
	.fore_more_popup .fore_more_list{
		display: flex;
		margin-bottom: 16px;
		padding: 4px 0;
		flex-direction: column;
		gap: 4px;
	}
	.fore_more_list span{
		display: block;
		line-height: 16px;
		font-size: 14px;
		color: #000;
	}
	.fore_more_list span:before{
		content: '';
		display: inline-block;
		width: 4px;
		height: 4px;
		margin-right: 8px;
		vertical-align: middle;
		border-radius: 1px;
		background: rgba(0,0,0,0.4);
	}

	@media screen and (min-width: 1024px){
		.popup_game{
			width: calc(200% / 3);
			left: 0;
			right: 0;
			margin-left: calc((66.6% - 640px) / 2);
		}
	}
	.mask_more_popup{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		width: 100%;
		max-width: 640px;
		height: 0;
		margin: 0 auto;
		background: rgba(0,0,0,0.32);

		opacity: 0;
		z-index: 2;
		transition: 
			opacity 0.3s ease,
			height 0s ease 0.3s;
	}
	.mask_gray{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		width: 100%;
		max-width: 640px;
		height: 100%;
		margin: 0 auto;
		background: rgba(0,0,0,0.32);
	}
	.forecast .mask_popup{
		position: fixed;
	}
	.forecast.on .mask_popup,
	.fore_more_popup.on ~ .fore_popup .mask_more_popup{
		opacity: 1;
		height: 100%;
		transition: 
			opacity 0.3s ease,
			height 0s ease;
	}
	.fore_more_popup.on ~ .mask_popup.transparent{
		display: block;
	}
	@media screen and (min-width: 1024px){
		.fore_popup,
		.fore_more_popup{
			width: calc(200% / 3);
			left: 0;
			right: 0;
			

			max-width: 656px;
			margin-left: calc((66.6% - 656px) / 2);
		}
		.mask_more_popup{
			max-width: 656px;
		}
		.fore_popup ~ .mask_popup{
			width: calc(200% / 3);
			top: 56px;
		}
	}

	.fore_scroll{
		display: flex;
		width: 100%;
		height: 24px;
		margin-bottom: 16px;
		align-items: center;
		justify-content: space-between;
	}
	.fore_scroll .icon_information{
		width: 16px;
		height: 16px;
		cursor: pointer;
	}
	.fore_scroll .icon_information svg{
		display: inline-block;
		width: 100%;
		height: 100%;
		vertical-align: top;
		fill: #00a1db;
		pointer-events: none;
	}
	.btn_menu_forecast{
		position: relative;
		display: inline-block;
		width: auto;
		height: 24px;
		line-height: 22px;
		margin-right: 4px;
		padding: 0 8px;
		border-radius: 16px;
		font-size: 14px;
		color: rgba(0,0,0,0.72);
		border: 1px solid rgba(0,0,0,0.24);
		transition: background 0.3s ease;
		cursor: pointer;
	}
	.btn_menu_forecast.on{
		color: #fff;
		background: #a78025;
		border-color: #a78025;
		pointer-events: none;
	}

	.mask_popup.transparent{
		display: none;
		background: transparent;
	}
	
	@media (pointer: fine) and (max-resolution: 2dppx),
	screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
	(-moz-touch-enabled: 0),
	screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
		.btn_menu_forecast:hover{
			color: #fff;
			background: #a78025;
			border-color: #a78025;
		}
	}
	.btn_menu_forecast:active{
		color: #fff;
		background: #86661E;
	}

	.box_scored{
		width: 100%;
		min-height: 80px;
		margin-bottom: 16px;
		background: #352a21;
	}

	.fore_title{
		display: flex;
	}
	.fore_form .fore_title{
		height: 40px;
		align-items: center;
	}
	.fore_betlist{
		margin-bottom: 16px;
	}
	.fore_betlist .fore_title{
		padding: 7px 0;
		flex-direction: column;
		justify-content: center;
	}
	.fore_betlist .btn_showmore{
		margin-top: 0;
	}
	.fore_title span{
		flex: 1 1 auto;
		display: block;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		color: #A78025;
	}
	.fore_title .icon_information{
		width: 16px;
		height: 16px;
		margin-left: 8px;
		fill: #00A1DB;
		cursor: pointer;
	}
	.fore_title tt{
		display: block;
		margin-top: 2px;
		line-height: 16px;
		font-size: 13px;
		color: rgba(0,0,0,0.64);
	}
	.fore_title tt b{
		display: inline-block;
		width: 0.3rem;
	}

	.fore_form_box{
		display: grid;
		width: 100%;
		height: 212px;
		margin-bottom: 16px;
		grid-template-rows: 20px 192px;
		grid-template-columns: 20px 1fr;
	}
	.fore_teamH,
	.fore_teamC{
		display: flex;
		width: 100%;
		font-size: 12px;
		font-weight: 400;
		color: #000;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}
	.fore_teamH{
		position: relative;
		grid-row: 2;
		grid-column: 1;
		padding-top: 26px;
		overflow: visible;
		background: #fff;
	}
	.fore_teamH:before{
		content: '';
		position: absolute;
		top: 0;
		right: -4px;
		display: block;
		width: 5px;
		height: 100%;
		background: #FFF;
		z-index: 1;
	}
	.fore_teamC{
		grid-row: 1;
		grid-column: 2;
		padding-left: 28px;
	}
	.fore_teamH span,
	.fore_teamC span{
		display: inline-block;
		max-width: 100%;
		max-height: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.fore_teamH .fore_team_name{
		display: grid;
		width: max-content;
		max-width: 166px;
		flex: none;
		height: 24px;
		line-height: 24px;
		max-height: unset;
		transform: rotate(-90deg);
		transform-origin: center center;
		text-align: center;
	    overflow: hidden;
	    grid-template-columns: 1fr auto;
	}
	.fore_table{
		flex: none;
		grid-row: 2;
		grid-column: 2;
		display: grid;
		width: 100%;
		height: 200px;
		gap: 4px;
		grid-template-rows: 24px 1fr;
		grid-template-columns: 24px 1fr;
		overflow: auto;
		transition: height 0.3s ease;
	}
	.btn_position{
		grid-row: 1;
		grid-column: 1;
		position: sticky;
		top: 0;
		left: 0;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #fff;
		cursor: pointer;
	}
	.icon_position{
		position: relative;
		width: 100%;
		height: 100%;
		padding: 5px;
		fill: rgba(0,0,0,0.64);
	}
	.icon_position:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: #fff;
	}

	.fore_form_h,
	.fore_form_c{
		position: sticky;
		position: -webkit-sticky;
		display: grid;
		gap: 4px;
		font-size: 12px;
		color: #000;
		background: #fff;
	}
	.fore_form_h{
		grid-row: 2 / 3;
		grid-column: 1 / 2;
		left: -0.2px;
		grid-template-rows: repeat(var(--score_h , 6), 24px);
	}
	.fore_form_c{
		grid-row: 1 / 2;
		grid-column: 2 / 3;
		top: 0;
		grid-template-columns: repeat(var(--score_c , 6), 90px);
	}
	.fore_form_h div,
	.fore_form_c div,
	.fore_form_result div{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.fore_form_h .on,
	.fore_form_c .on{
		font-weight: bold;
	}
	.fore_form_result{
		grid-row: 2 / 3;
		grid-column: 2 / 3;
		display: grid;
		gap: 4px;
		grid-template-columns: repeat(var(--score_c , 6), 90px);
		grid-template-rows: repeat(var(--score_h , 6), 24px);
		grid-auto-flow: column;
	}
	.fore_form_result div{
		
		padding: 4px;
		border-radius: 1px;
		color: rgba(0,0,0,0.16);
		background: #fff;
		
		outline: 1px solid #E6E6E6;
		outline-offset: -1px;
	}
	.fore_form_result div.on{
		outline: 2px solid #A78025!important;
		outline-offset: -2px!important;
		box-shadow: #fff 0 0 0px 4px inset;
	}
	.fore_form_result div.winMore{color: #fff; background: #00993D; outline: none;}
	.fore_form_result div.winLess{color: #fff; background: #62B574; outline: none;}
	.fore_form_result div.lossMore{color: #fff; background: #E41A0C; outline: none;}
	.fore_form_result div.lossLess{color: #fff; background: #E66E65; outline: none;}
	.fore_form_result div.past{color: rgba(0,0,0,0.4); background: #E2E2E2; outline: none;}

	.fore_note{
		margin-bottom: 16px;
		font-size: 12px;
		color: rgba(0,0,0,0.64);
	}
	.fore_btn_wrap{
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 16px;
	}
	.fore_btn_wrap > div{
		flex: 1 1 auto;
		display: flex;
		height: 48px;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		font-weight: 400;
		text-transform: uppercase;
		color: #0066CC;
		cursor: pointer;
	}

	
	@media (pointer: fine) and (max-resolution: 2dppx),
	screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
	(-moz-touch-enabled: 0),
	screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
		.fore_btn_wrap > div:hover{
			color: #0070E0;
		}
		.btn_position:hover .icon_position{
			fill: #A78025;
		}
		.fore_title .icon_information:hover{
			fill: #05BDFF;
		}
	}
	.fore_btn_wrap > div:active{
		color: #0052A3;
	}
	.btn_position:active .icon_position::before{
		background: rgba(0,0,0,0.08);
	}
	.btn_position:active .icon_position{
		fill: #A78025;
	}
	.fore_title .icon_information:active{
		fill: #05BDFF;
	}

	
	.fore_wagers .ope_info_txt{
		padding: 8px 0;
	}

	.fore_wagers .ope_info_normal ~ .ope_info_normal{
		border-top: 1px solid #E6E6E6;
	}
	.fore_wagers .ope_info_txt li.load_inorder{
		margin-bottom: 0;
	}
	
	.fore_landscape,
	.es_landscape{
		display: none;
		width: 498px;
		height: 79px;
		padding: 31.5px 16px;
		align-items: center;
		justify-content: center;
		color: #000;
		background: #fff;
		box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.24);
		z-index: 2;
	}
	@media (pointer: coarse) and (max-height: 428px) and (max-width: 926px),
	not all,
	screen and (pointer: fine) and (min-resolution: 2dppx) and (max-height: 428px) and (max-width: 926px){
		.es_statistic.on{
			align-items: center;
		}
		.fore_popup,
		.fore_more_popup.on,
		.popup_es_statistic{
			display: none!important;
		}
		.forecast.on .fore_landscape,
		.es_statistic.on .es_landscape{
			display: flex;
		}
		.forecast.on .mask_popup ~ .mask_popup.transparent,
		.es_statistic.on .mask_popup ~ .mask_popup.transparent{
			display: block;
		}
	}


	.loading.fore_loading{
		display: none;
	}
	.fore_loading.page_on,
	.fore_loading.page_on.time_on{
		display: flex;
		position: relative;
		height: 420px;
		max-width: 640px;
	}
	.fore_loading.time_on ~ .popup_content{
		overflow: hidden;
	}
	.fore_loading.time_on ~ .popup_content .fore_wrap{
		opacity: 0;
	}
	.fore_loading.page_on ~ .popup_content .fore_table,
	.fore_loading.time_on ~ .popup_content .fore_table{
		height: 199px;	
	}
	.fore_loading.page_on ~ .popup_content,
	.fore_loading.page_on ~ .fore_no_event{
	 	position: absolute;
		z-index: -10;
		visibility: collapse;
		opacity: 0;
	}
	.fore_loading.time_on{
		display: flex;
		top: unset;
		bottom: 0;
		height: 100%;
		max-height: calc(100% - 184px);
	}



	
	.league_set_popup{
		width: 100%;
		max-width: 480px;
		border-radius: 5px 5px 0 0;
		overflow: hidden;
		background: #EDEDED;
	}
	.league_set_popup{
		transform: translate3d(0, calc(50vh + 50%), 0);
		transition: transform 0.3s ease,visibility 0s 0.3s;
	}
	.league_set.on .league_set_popup{
		transform: translate3d(0, 0%, 0)!important;
		visibility: visible;
		transition: transform 0.3s ease,visibility 0s;
	}
	.league_set_popup .popup_content{
		margin-bottom: 0;
		background: #EDEDED;
	}
	.league_set_popup .popup_league_sort{
		display: flex;
		flex-direction: column;
		padding-bottom: 8px;
		gap: 8px;
	}
	.league_set_popup .popup_league_sort>div{
		padding: 4px 16px 16px;
		background: #FFF;
		border-radius: 4px;
	}
	.league_set_popup .popup_league_sort>div:nth-child(2){
		padding: 4px 16px;
	}
	.league_set_popup .popup_league_sort span{
		display: block;
		height: 32px;
		line-height: 32px;
		font-weight: 700;
		color: #000;
	}
	.league_set_popup .popup_league_sort p{
		display: block;
		height: 16px;
		line-height: 16px;
		margin-bottom: 8px;
		font-size: 13px;
	}
	.modal_radio{
		display: flex;
		width: 100%;
		height: 48px;
		border-radius: 4px;
		overflow: hidden;
		outline: 1px solid #F5F5F5;
	}
	.modal_radio>div{
		position: relative;
		flex: 1 1 50%;
		width: 50%;
		height: 100%;
	}

	.modal_radio input{
		position: absolute;
		width: 100%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
	}
	.modal_radio label{
		display: flex;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
		gap: 4px;
		color: #000;
	}
	.modal_radio input:checked ~ label{
		color: #A78025;
		background: #F5F5F5;
	}
	.modal_radio i{
		display: block;
		width: 12px;
		height: 12px;
	}

	
	.modal_sort i{
		fill: rgba(0,0,0,.72);
	}
	.modal_sort input:checked ~ label > i{
		fill: #A78025;
	}

	
	.modal_filters i{
		border-radius: 2px;
		background-color: rgba(0,0,0,.16);
		fill: #F2F4F7;
	}
	.modal_filters input:checked ~ label > i{
		background-color: #A78025;
	}


	.modal_radio>div:hover label{
		color: #A78025;
		background: #F5F5F5;
	}
	.modal_sort>div:hover i{
		fill: #A78025;
	}
	.modal_filters>div:hover i{
		background-color: #A78025;
	}
	.modal_radio>div:active label{
		color: #86661E;
		background: #F5F5F5;
	}
	.modal_sort>div:active i{
		fill: #86661E;
	}
	.modal_filters>div:active i{
		background-color: #86661E;
	}


	.modal_btn{
		display: inline-flex;
		height: 32px;
		line-height: 32px;
		align-items: center;
		justify-content: center;
		gap: 4px;
		fill: rgba(0,0,0,.72);
		cursor: pointer;
		z-index: 1;
	}
	.modal_btn i{
		display: block;
		width: 12px;
		height: 12px;
	}
	.modal_btn:hover{
		color: #A78025;
		fill: #A78025;
	}
	.modal_btn:active{
		color: #86661E;
		fill: #86661E;
	}
	.league_set,
	.es_statistic{
		align-items: flex-end;
	}
	.es_statistic .loading{
		display: none;
		height: 192px;
	}
	.league_set .page_on,
	.es_statistic .page_on{
		display: flex;
		position: relative;
		width: calc(100% - 16px);
		height: calc(420px - 8px);
		margin: 0 auto 8px auto;
		border-radius: 4px;
		overflow: hidden;
	}
	.es_statistic .page_on{
		width: 100%;
		height: 192px;
		max-height: auto;
	}
	.es_statistic .popup_es_statistic .page_on{
		margin: 0 auto 0 auto;
	}
	.league_set .page_on ~ .popup_content,
	.es_statistic .page_on ~ .es_content{
	 	position: absolute;
		z-index: -10;
		visibility: collapse;
		opacity: 0;
	}
	.league_set .mask_popup,
	.es_statistic .mask_popup{
		z-index: -1;
	}
	.league_set.on .mask_popup,
	.es_statistic.on .mask_popup{
		opacity: 1;
		height: 100%;
		transition: 
			opacity 0.3s ease,
			height 0s ease;
	}
	@media screen and (min-width: 1024px){
		.league_set{
			width: calc(200% / 3);
			left: 0;
			right: 0;
		}
		.league_set .mask_popup{
			top: 56px;
		}
	}
	.league_set_popup .popup_title:before,
	.es_statistic .popup_title:before{
		display: block;
		width: 100%;
		padding: 4px 16px;
	}
	.TW .league_set_popup .popup_title:before,
	.TW .es_statistic .popup_title:before{
		content: attr(data-TW);
	}
	.CN .league_set_popup .popup_title:before,
	.CN .es_statistic .popup_title:before{
		content: attr(data-CN);
	}
	.EN .league_set_popup .popup_title:before,
	.EN .es_statistic .popup_title:before{
		content: attr(data-EN);
	}

	.forecast .fore_popup{
		
		
	}



	
	.popup_es_statistic{
		display: flex;
		width: 100%;
		max-width: 640px;
		max-height: 100vh;
		padding: 0 8px 8px 8px;
		flex-direction: column;
		border-radius: 5px 5px 0 0;
		overflow: hidden;
		background: #EDEDED;
		transform: translate3d(0, 100%, 0);
		transition: transform 0.3s ease;
	}
	.es_statistic.on .popup_es_statistic{
		transform: translate3d(0, 0%, 0);
	}
	.popup_es_statistic .popup_title{
		width: calc(100% + 16px);
		margin: 0 -8px;
	}
	.popup_es_statistic .btn_close{
		width: 48px;
		height: 48px;
		flex: none;
	}
	.es_content{
		display: flex;
		width: 100%;
		margin: 0;
		padding: 16px 16px 14px 16px;
		flex-direction: column;
		border-radius: 4px;
		overflow-y: auto;
		background:
			linear-gradient(#FFF, #FFF),
			linear-gradient(rgba(0,0,0,0.24), rgba(0,0,0,0) 100%);
		background-color: #FFF;
		background-size: 100% 8px, 100% 8px;
		background-repeat: no-repeat;
		background-attachment: local, scroll;
	}
	.popup_es_statistic .es_content{
		min-height: 192px;
	}
	.es_title{
		display: flex;
		width: 100%;
		height: 24px;
		margin-bottom: 8px;
		align-items: center;
		justify-content: center;
		gap: 4px;
		flex: none;
		font-size: 12px;
		color: #FFF;
		background: #7F6E61;
		border-radius: 2px;
		overflow: hidden;
	}
	.es_title:before{
		display: block;
		width: 10px;
		height: 10px;
	}
	.ES_MOBA-1 .es_title:before{
		content: '';
		background: none;
	}
	.ES_FPS-1 .es_title:before{
		content: '';
		background: none;
	}
	.TW .ES_MOBA-1 .es_title:after{content: attr(data-MOBA-tw);}
	.CN .ES_MOBA-1 .es_title:after{content: attr(data-MOBA-cn);}
	.EN .ES_MOBA-1 .es_title:after{content: attr(data-MOBA-en);}
	.TW .ES_FPS-1 .es_title:after{content: attr(data-FPS-tw);}
	.CN .ES_FPS-1 .es_title:after{content: attr(data-FPS-cn);}
	.EN .ES_FPS-1 .es_title:after{content: attr(data-FPS-en);}

	.ES_BASIC .es_title{
		display: none;
	}

	.es_starts{
		display: flex;
		width: 100%;
		height: 41px;
		padding-bottom: 8px;
		align-items: center;
		justify-content: center;
		font-size: 11px;
		color: #000;
		border-bottom: 1px solid #EAEAE6;
	}

	.popup_es_statistic .popup_content li{
		display: flex;
		width: 100%;
		height: 32px;
	}
	.box_es_result{
		display: grid;
		width: 100%;
		height: 100%;
		gap: 8px;
		grid-auto-rows: 32px 1px;
	}
	.box_es_result>div{
		display: grid;
		width: 100%;
		height: 32px;
		padding: 2px 8px;
		grid-template-rows: 15px 13px;
		grid-template-columns: 1fr 4px 96px 4px 1fr;
		grid-template-areas:
		"team_h . game . team_c"
		"team_h . time . team_c";
	}
	.box_es_result .team_h{grid-area: team_h;}
	.box_es_result .team_c{grid-area: team_c;}
	.box_es_result .team_h,
	.box_es_result .team_c{
		display: flex;
		align-items: center;
	}
	.box_es_result .team_h p,
	.box_es_result .team_c p{
		width: 100%;
		line-height: 16px;
		text-align: center;
		font-size: 16px;
		color: #000;
	}
	.box_es_result .win p{
		font-weight: 700;
	}
	.box_es_result .icon_state{
		display: block;
		width: 16px;
		height: 16px;
		flex: none;
		border-radius: 50%;
		background: rgba(0,0,0,.24);
		overflow: hidden;
	}
	.box_es_result .win .icon_state{background: none;}
	.box_es_result .lose .icon_state{background: none;}
	.box_es_result .draw .icon_state{background: none;}

	.box_es_result .es_game{
		grid-area: game;
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center;
		font-size: 11px;
		color: #000;
	}
	.box_es_result .es_time{
		grid-area: time;
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center;
		font-size: 11px;
		color: rgba(0,0,0,.64);
	}
	.box_es_result .es_time.now{
		color: #A78025;
	}
	.es_content.es_FPS-1 .es_time,
	.es_content.es_BASIC .es_time{
		display: none;
	}
	.box_es_result hr{
		width: 100%;
		height: 1px;
		border: none;
		border-top: 1px solid #EAEAE6;
	}
	.box_es_result hr:last-child{
		display: none;
	}

i>svg{
	display: block;
	width: 100%;
	height: 100%;
}
input[type="text"]{
	transform: translate3d(0, 0, 0);
}
input[type="button"]{
	cursor: pointer;
}
.login{
	background: #f5f5f5;
}
.bg_login{
	width: 100%;
	min-height: 100%;
	padding-bottom: 16px;
	background: #f5f5f5;
	flex: none;
	min-height: 100dvh;
	
}
.ios15 .bg_login{
	height: -webkit-fit-content;
	padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}
.box_language{
	width: 100%;
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 14px;
	background: #503f32;
}
.btn_language{
	display: inline-block;
	width: 33.33%;
	height: 100%;
	max-width: 107px;
	margin-right: -4px;
	cursor: pointer;
	color: rgba(255, 255, 255, 0.72);
	transition: all 0.3s ease;
}
.btn_language.on{
	color: #debb69;
}
.icon_login{
	display: block;
	width: 55px;
	height: 55px;
	margin: 16px auto;
	border-radius: 50%;
	background: none no-repeat;
	background-size: contain;
}
.box_login{
	width: 100%;
	max-width: 320px;
	margin: 16px auto;
	padding: 24px 16px 16px 16px;
	text-align: center;
	background: #fff;
	
}
.lab_input{
	position: relative;
	display: block;
	width: 100%;
	height: 48px;
	margin-bottom: 16px;
}
.input_chgpwd .lab_input{
	margin-bottom: 0;
}
.lab_input>input{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 32px 0 16px;
	font-size: 16px;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.32);
	color: #000;
	box-shadow: none;
	transition: all 0.3s ease;
	pointer-events: auto;
}

input.userid,
.text_user,
span.oth_pass_hello{
	font-family: 'Tahoma', 'Verdana', serif;
}

.mobile:not(.main_ios) input.userid,
.mobile:not(.main_ios) .text_user,
.mobile:not(.main_ios) span.oth_pass_hello{
	font-family: serif;
}


.text_input{
	line-height: normal!important;
	pointer-events: none;
}
.text_input:after{
	content: attr(data-tooltip);
	position: absolute;
	top: 0px;
	left: 14px;
	display: flex;
	height: 100%;
	align-items: center;
	padding: 0 4px;
	font-size: 16px;
	color: rgba(0,0,0,0.24);
	background: #fff0;
	transition: all 0.3s ease , background 0.1s 0.1s;
}
.lab_input>input:valid ~ .text_input:after{
	top: -8px;
	height: 16px;
	font-size: 12px;
	color: rgba(0,0,0,0.56);
	background: #fff;
}
.lab_input.on>input{
	border: 2px solid #19805c;
}
.lab_input.error>input{
	border: 2px solid #e76565!important;
}
.lab_input.error>input:valid ~ .text_input:after,
.lab_input.on.error .text_input:after{
	color: #e76565!important;
}

.text_error{
	display: block;
	width: 100%;
	line-height: 16px;
	margin-bottom: 16px;
	text-align: center;
	font-size: 12px;
	color: #ce3636;
}
.lab_input .btn_clear{
	position: absolute;
	top: 8px;
	right: 8px;
	width: 32px;
	height: 32px;
	padding: 8px;
	background-image: url("/assets/original/resources/4a71ea986854158f5d36.svg");
	background-repeat: no-repeat;
	background-position: center;
	transition: none!important;
	pointer-events: auto;
	z-index: -1;
}

.lab_input .btn_clear svg{
	width: 100%;
	height: 100%;
	opacity: 0;
	fill: rgba(0,0,0,0.4);
	pointer-events: none;
}

.btn_login{
	width: 100%;
	height: 48px;
	line-height: 48px;
	margin-bottom: 16px;
	padding: 0 16px;
	border-radius: 4px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	border: none;
	color: #fff;
	background: #19805c;
	transition: background 0.3s ease;
}
.box_remember{
	width: 100%;
	height: 48px;
	line-height: 48px;
	margin-bottom: 11px;
	text-align: left;
}
.lab_radio{
	position: relative;
	float: left;
	display: block;
	color: rgba(0, 0, 0, 0.64);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.check_remember{
	height: 48px;
	margin-right: 8px;
}
.lab_radio input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.checkmark{
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 3px;
	vertical-align: middle;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.64);

	background: url("/assets/original/resources/aa6d06129fbeb615167d.svg") no-repeat;
	background-size: contain;
	background-position: -24px;
}
.lab_radio tt{
	display: inline-block;
	margin-left: 4px;
	vertical-align: middle;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.64);
}
.lab_radio input:checked ~ .checkmark{
	border: none!important;
	background-position: 0;
}
.btn_forgot{
	float: right;
	display: block;
	margin-top: 1px;
	text-align: right;
	font-size: 14px;
	color: #0066CC;
	cursor: pointer;
}
.btn_passcode{
	width: 100%;
	height: 48px;
	line-height: 48px;
	margin-bottom: 16px;
	padding: 0 16px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
	border: none;
	color: #fff;
	background: #9b8d79;
	transition: background 0.3s ease;
}
.btn_oldsite{
	width: 100%;
	height: 48px;
	line-height: 48px;
	padding: 0 16px;
	border-radius: 4px;
	font-size: 14px;
	border: none;
	color: #007ba8;
	background: #fff;
	transition: background 0.3s ease;
	
}

.gridContainer.clearfix.login{
	background: none;
}
.gridContainer.clearfix{
	width: 100%;
}

.open_bet,
.open_bet.chg_psw_title {
	background-image: none;
	background-position: bottom;
}

.box_img{
	display: block;
	width: 100%;
	max-width: 320px;
	margin: 16px auto 0 auto;
}
.img_ip{
	position: relative;
	display: flex;
	
	width: 100%;
	height: 156px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.img_ip a{
	width: 172px;
}
.img_ip .btn_ipguide{
	width: auto;
	height: 100%;
	flex: 1 1 auto;
	cursor: pointer;
}
.img_ip.no_ip a{
	pointer-events: none;
}
.img_ip span{
	position: absolute;
	display: inline-flex;
	height: 32px;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #0499C8;
	align-items: center;
}
.TW .img_ip span,
.CN .img_ip span{
	top: 90px;
	left: 16px;
}
.EN .img_ip span{
	top: 97px;
	left: 16px;
}

.TW .img_ip{background-image: url("/assets/original/resources/9490c91d2e25502ba3e5.png");}
.CN .img_ip{background-image: url("/assets/original/resources/a3e6102a790148453ac5.png");}
.EN .img_ip{background-image: url("/assets/original/resources/cd32828b0c0333a7b930.jpg");}

@media screen and  (-webkit-min-device-pixel-ratio: 2){
	.TW .img_ip{background-image: url("/assets/original/resources/fdec73635ba0a703a8a3.jpg");}
	.CN .img_ip{background-image: url("/assets/original/resources/73bf61e3e6cc0d572dc4.jpg");}
	.EN .img_ip{background-image: url("/assets/original/resources/4a37dd445cb1f2ce6b96.jpg");}
}
}


.img_festival{
	display: none;
	
	width: 100%;
	padding-bottom: 40.625%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}


.lab_input.on .text_input:after{
	top: -8px;
	height: 16px;
	font-size: 12px;
	color: #19805c!important;
	background: #fff;
}
.lab_input.error.on>input{
	border: 2px solid #e76565!important;
}
.lab_input.error.on .text_input:after{
	top: -8px;
	font-size: 12px;
	color: #e76565;
}
.lab_input.on > input:valid ~ .btn_clear{
	z-index: 1;
	cursor: pointer;
}
.lab_input .btn_clear:active{
	z-index: 1;
}
.lab_input .btn_clear{
	z-index: -1;
}

.lab_input.on .icon_status{
	visibility: hidden;
}

.box_browser{
	display: flex;
	width: 100%;
	max-width: 320px;
	margin: 16px auto;
	padding: 16px;
	line-height: 16px;
	font-size: 14px;
	flex-direction: column;
	align-content: center;
	flex: none;
	color: #000;
	background: #fff;
}
.box_browser>span{
	width: 100%;
	font-weight: bold;
}
.box_browser a{
	display: inline-block;
	color: #0066CC;
	cursor: pointer;
}
.wrap_browser{
	display: flex;
	width: 100%;
	margin: 16px 0;
	align-items: center;
	justify-content: center;
}
.btn_browser{
	display: flex;
	width: 64px;
	height: 84px;
	margin-right: 8px;
	line-height: 16px;
	font-size: 12px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	color: #000;
	cursor: pointer;
}
.btn_browser span{
	font-size: 12px;
}
.btn_browser:last-child{
	margin-right: 0;
}
.btn_browser i{
	width: 56px;
	height: 56px;
	margin-bottom: 4px;
	border-radius: 50%;
	background-position: top center;
	background-size: cover;
}
.icon_chrome{background-image: url("/assets/original/resources/8d666a142437cff04c42.svg");}
.icon_uc{background-image: none;}
.icon_safari{background-image: url("/assets/original/resources/48039ebefbe452606d0f.svg");}
.icon_firefox{background-image: url("/assets/original/resources/8ace03e6d921f30c82ca.svg");}



.title_chgpwd{
	display: flex;
	width: 100%;
	height: 56px;
	line-height: 56px;
	padding: 0 8px 0 16px;
	margin-bottom: 16px;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	background: #503f32;
}
.mobile .btn_oldsite{display: none!important;}

.title_chgpwd span{
	display: inline-block;
	font-size: 16px;
}
.btn_help{
	position: absolute;
	top: 0;
	right: 8px;
	display: inline-block;
	width: 32px;
	height: 32px;
	padding: 8px;
	margin: 12px 0;
}
.btn_help svg{
	display: block;
	width: 100%;
	height: 100%;
	fill: #fff;
	opacity: 0.64;
}
.content_chgpwd{
	margin: 0 auto;
	padding: 0 16px 16px 16px;
}
@media screen and (min-width: 1024px) {
	.title_chgpwd{
		margin-bottom: 32px;
	}
	.first_login_help{
		margin-bottom: 16px;
	}
	.content_chgpwd{
		width: 100%;
		max-width: 650px;
		padding: 0 0 16px 0;
	}
}

.content_chgpwd .text_user{
	display: block;
	line-height: 16px;
	margin-bottom: 16px;
	font-size: 14px;
	color: #000;	
}
.content_chgpwd .text_user b{
	font-weight: bold;
}
.content_chgpwd .text_sub,
.content_chgpwd .text_normal{
	font-size: 14px;
	color: #000;
}
.content_chgpwd .text_sub{
	display: flex;
	min-height: 16px;
	line-height: 16px;
	align-items: center;
}
.content_chgpwd.forpwd .text_sub{
	margin: 16px 0 24px 0;
}
.content_chgpwd.forpwd .text_normal{
	margin: 0 0 24px 0;
}
.forpwd .text_sub.text_sub_st4{
	margin: 0 0 16px 0;
}
.forpwd_help .text_normal{
	margin: 0 0 16px 0;
}

.content_chgpwd .text_sub ~ .text_sub{
	
}
.input_chgpwd{
	display: flex;
	margin-top: 24px;
	align-items: center;
	justify-content: space-between;
}
.input_chgpwd .lab_login{
	margin-bottom: 0;
	flex: 1 1 auto;
}
.icon_status{
	position: absolute;
	top: 0px;
	right: 87px;
	display: block;
	width: 40px;
	height: 100%;
	background: none no-repeat center left;
	z-index: 1;
}
.icon_status.error{
	display: block!important;
	visibility: visible!important;
	background: none no-repeat center left;
}
.btn_choose{
	width: 79px;
	height: 48px;
	line-height: 48px;
	margin-left: 8px;
	flex: 0 0 79px;
	text-align: center;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	background: #19805c;
	cursor: pointer;
}
.btn_choose.unable{
	background: rgba(0,0,0,0.24);
	pointer-events: none;
}
.tip_chgpwd{
	width: 100%;
	margin-top: 16px;
	padding: 16px;
	font-size: 12px;
	color: rgba(0,0,0,0.64);
	background: #ededed;
}
.forpwd .tip_chgpwd{
	margin: 0 0  16px 0;
}
.tip_chgpwd b,
.tip_forpwd b{
	display: block;
	margin-bottom: 8px;
	font-weight: bold;
}
.text_msg{
	display: block;
	width: 100%;
	line-height: 16px;
	margin-top: 16px;
	text-align: center;
	font-size: 12px;
	color: #19805c;
}
.text_msg.error{
	color: #ce3636;
}
.btn_chgpwd{
	display: flex;
	width: 100%;
	margin-top: 16px;
	align-items: center;
	justify-content: space-between;
}
.btn_chgpwd > div{
	display: inline-block;
	width: 50%;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	flex: 1 1 auto;
}
.btn_chgpwd > div ~ div{
	margin-left: 16px;
}
.btn_cancel{
	color: #fff;
	background: #7a7a7a;
}
.btn_chgpwd .btn_submit,
.box_help_btn .btn_submit{
	color: #fff;
	background: #19805c;
}
.btn_sendcode{
	width: 100%;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	border-radius: 4px;
	color: #fff;
	background: #9b8d79;
}


.chg_psw_title {
	width: 100%;
	height: 48px;
	background: #503F32;
	line-height: 48px;
	text-align: center;
}

.chg_psw_title.no_login {
	color: #fff;
}

.chg_psw_title i {
	display: block;
	position: absolute;
	width: 32px;
	height: 32px;
	line-height: 32px;
	background-position: center;
	background-repeat: no-repeat;
	margin: 8px;
	padding: 8px;
}
.noteBox {
	margin-bottom: 24px;
}

.noteBox1 {
	display: block;
	width: 100%;
	line-height: 20px;
	color: #000;
	font-size: 14px;
	margin-bottom: 8px;
}
.EN .noteBox1{
	margin-bottom: 1rem;
}

.noteBox2 {
	display: block;
	width: 100%;
	line-height: 20px;
	color: #000;
	font-size: 14px;
}
.noteBox2 li{
	list-style-type: decimal;
	margin-left: 1rem;
	margin-bottom: 1rem;
	padding-left: 1rem;
}
.noteBox2 li:last-child{
	margin-bottom: 0;
}

.btn_cancel{
	display: block;
	width: 100%;
	height: 48px;
	line-height: 48px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	background-color: #7a7a7a;
	color: #fff;
	transition: background 0.3s ease;
}




.deepGrayBtn {
	color: #fff;
	display: block;
	width: 100%;
	height: 48px;
	line-height: 48px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	-webkit-box-flex: 1;
	background: #19805c;
}


.betSubmitBtn.error,
.deepGrayBtn.error {
	background: rgba(0, 0, 0, 0.24);
}


.forpwd_help li{
	margin: 16px 0 16px 16px;
	margin-bottom: 16px;
	list-style: decimal;
	font-size: 14px;
	color: rgba(0,0,0,0.64);
}
.forpwd_help li:first-child{
	margin-top: 0px;
}
.img_chgpwd{
	width: 100%;
	height: 584px;
	margin-top: 16px;
	background-repeat: no-repeat;
	background-position: center center;
}

.TW .img_chgpwd1{background-image: none;}
.TW .img_chgpwd2{background-image: none;}
.TW .img_chgpwd3{background-image: none;}
.TW .img_chgpwd4{background-image: none;}

.CN .img_chgpwd1{background-image: none;}
.CN .img_chgpwd2{background-image: none;}
.CN .img_chgpwd3{background-image: none;}
.CN .img_chgpwd4{background-image: none;}

.EN .img_chgpwd1{background-image: none;}
.EN .img_chgpwd2{background-image: none;}
.EN .img_chgpwd3{background-image: none;}
.EN .img_chgpwd4{background-image: none;}

.title_chgpwd .btn_close{
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	margin-top: 4px;
	padding: 8px;
}
.title_chgpwd .btn_close i{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 8px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px;
	opacity: 0.56;
}
.title_chgpwd .btn_close svg{
	display: block;
	width: 100%;
	height: 100%;
	fill: #fff;
}

.help_pwd{
	width: 100%;
}
.title_help{
	display: flex;
	width: 100%;
	height: 48px;
	align-items: center;
	flex: none;
	background-image: none;
	background-position: bottom;
	background-color: #e1dbd8;
}
.title_help .btn_back{
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 8px;
	flex: 0 0 32px;
	transition: background 0.3s ease;
}
.title_help .btn_back i{
	display: block;
	width: 100%;
	height: 100%;
	padding: 8px;
}
.btn_back svg{
	fill: rgba(0,0,0,0.64);
}
.title_help span{
	display: inline-block;
	width: calc(100% - 96px);
	height: 24px;
	line-height: 24px;
	padding: 0 4px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	flex: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000;
}
.box_help_pwd{
	width: 100%;
}
.text_help_pwd{
	width: 100%;
	line-height: 16px;
	margin-bottom: 24px;
	padding: 0 16px;
	font-size: 14px;
	color: #000;
}
.box_help_input{
	width: 100%;
	padding: 0 16px;
}
.box_help_pwd .text_error{
	display: block;
}
.box_help_btn{
	display: flex;
	width: 100%;
	padding: 0 16px;
	align-items: center;
	justify-content: space-between;
}
.box_help_btn + .box_help_btn{
	margin-top: 16px;
}
.box_help_pwd .btn_cancel,
.box_help_pwd .btn_next,
.box_help_pwd .btn_submit,
.box_help_pwd .btn_safecode{
	display: inline-block;
	width: 100%;
	height: 48px;
	line-height: 48px;
	flex: 1 1 auto;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	border-radius: 4px;
	color: #fff;
}
.btn_cancel{
	background: #7a7a7a;
}
.btn_next{
	background: #19805c;
}
.btn_safecode{
	background: #9b8d79;
}

@media screen and (min-width: 1024px) {
	.box_help_pwd {
		width: 100%;
		max-width: 650px;
		margin: 0 auto;
	}

	.box_pwd_mail{
		padding: 0;
	}
	.box_help_note{
		margin: 16px 0;
	}
	.box_help_pwd .text_help_pwd{
		padding: 0;
	}
	.box_help_pwd .box_help_input{
		padding: 0;
	}
	.box_help_pwd .box_help_btn{
		padding: 0;
	}
}



.box_pwd_mail{
	display: flex;
	width: 100%;
	height: 48px;
	margin-bottom: 16px;
	padding: 0 8px 0 16px;
	align-items: center;
	justify-content: space-between;
	border-bottom: 2px solid #e6e6e6;
}
.box_pwd_mail span{
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.box_pwd_mail .btn_edit,
.box_pwd_mail .btn_delet{
	display: block;
	width: 32px;
	height: 32px;
	padding: 8px;
	flex: none;
}
.box_pwd_mail .btn_delet{
	margin-left: 8px;
}
.box_pwd_mail .btn_edit svg,
.box_pwd_mail .btn_delet svg{
	width: 100%;
	height: 100%;
	fill: rgba(0,0,0,0.56);
}


.box_help_note{
	width: auto;
	margin: 16px;
	padding: 16px;
	font-size: 12px;
	color: rgba(0,0,0,0.64);
	background: #ededed;
}
.box_help_note span{
	display: block;
	font-weight: bold;
	margin-bottom: 8px;
}
.help_pwd04 .text_help_pwd{
	margin: 16px 0;
}


.msg_help_pwd{
	position: fixed;
	bottom: 16px;
	width: 100%;
	padding: 0 16px;
}
.msg_help_pwd .box_msg{
	display: flex;
	width: 100%;
	height: 64px;
	padding: 0 0 0 16px;
	font-size: 12px;
	align-items: center;
	justify-content: space-between;
	color: rgba(255,255,255,0.88);
	background: rgba(0,0,0,0.72);
}
.msg_help_pwd .box_msg span{
	display: block;
	width: 100%;
	flex: 1 1 auto;
	text-align: left;
}
.msg_help_pwd .btn_msg{
	width: 48px;
	height: 48px;
	line-height: 48px;
	margin-left: 24px;
}

.lab_input .btn_delet{
	display: none;
}

.input_safecode{
	text-transform: uppercase;
}


.chgid_input{
	position: relative;
}
.chgid_input .error ~ .error .btn_clear{
	display: none!important;
}

.chgid_input input::selection,
.chgid_input input::-moz-selection{
	color: #fff;
	background: #449bf9;
}
.chgid_input .lab_input>input{
	padding: 0 40px 0 16px;
}



.sys{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: auto;
}
.sys:empty{
	display: none;
	height: auto;
}
.title_sys{
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 48px;
	line-height: 48px;
	padding: 0 8px 0 16px;
	margin-bottom: 32px;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	background: #503f32;
}
.title_sys span{
	font-size: 16px;
}
.title_sys .btn_back{
	position: absolute;
	top: 0;
	left: 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 8px;
    flex: 0 0 32px;
    cursor: pointer;
    transition: background 0.3s ease;
}
.title_sys .btn_back i{
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px;
    transform: rotate(180deg);
}
.title_sys .btn_back svg{
	fill: #fff;
}
.content_sys{
	width: 100%;
	padding-top: 80px;
	padding-bottom: 32px;
	flex: none;
}
.box_l .content_sys{
	max-width: unset;
	padding-top: 0;
	transform: translate3d(0, 0, 0);
	will-change: opacity;
}
.content_sys .title_help{
	margin-bottom: 32px;
}
.box_sys{
	max-width: 650px;
	margin: 0 auto;
}
@media screen and (max-width: 1023px) {
	.box_sys{
		padding: 0 16px;
	}
}

.text_sys{
	display: block;
	line-height: 16px;
	margin-bottom: 16px;
	font-size: 14px;
	color: #000;
}
.subtitle_sys{
	display: block;
	margin-bottom: 16px;
	line-height: 16px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.table_sys{
	width: 100%;
	margin-bottom: 16px;
	font-size: 14px;
	table-layout: fixed;
	border-collapse: collapse;
}
.table_sys tr{
	padding: 0 8px;
}
.table_sys tr{
	border-bottom: #e6e6e6 solid 1px;
}
.table_sys tr.table_sys_title,
.table_sys tr:last-child{
	border-bottom: none;
}
.table_sys tr.table_sys_title{
	background: #ededed;
}
.table_sys th{
	height: 32px;
	padding: 0 8px;
	line-height: 16px;
	font-size: 14px;
	text-align: left;
	font-weight: 400;
	color: rgba(0,0,0,0.72);
}
.table_sys td{
	height: 48px;
	padding: 0 8px;
	line-height: 16px;
	color: #000;
}
.table_sys a{
	color: #0066CC;
	cursor: pointer;
}
.box_sys p{
	font-size: 14px;
	font-weight: 400;
	color: #000;
}
.btn_sys{
	display: flex;
	width: 288px;
	height: 48px;
	margin: 32px auto 0 auto;
	padding: 4px 8px;
	font-size: 14px;
	font-weight: 700;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	color: #525252;
	border: #525252 solid 1px;
	background: #fff;
	cursor: pointer;
}




.title_ipguide{
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 48px;
	line-height: 48px;
	padding: 0 8px 0 16px;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	background: #503f32;
	z-index: 1;
}
.title_ipguide span{
	font-size: 16px;
}
.title_ipguide .btn_back{
	position: absolute;
	top: 0;
	left: 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 8px;
    flex: 0 0 32px;
    cursor: pointer;
    transition: background 0.3s ease;
}
.title_ipguide .btn_back i{
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px;
    transform: rotate(180deg);
}
.title_ipguide .btn_back svg{
	fill: #fff;
}
.tab_ipguide{
	width: calc(100% + 32px);
	height: 48px;
	margin: 0 0  16px -16px;
	flex: none;
	background-image: none;
	background-position: bottom;
	background-color: #e1dbd8;
	background-repeat: no-repeat;
}
.tab_ipguide label{
	display: flex;
	width: 100%;
	height: 100%;
	max-width: 320px;
	margin: 0 auto;
	justify-content: space-between;
	align-items: center;
}
.btn_tab_ipguide{
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	color: rgba(0,0,0,0.64);
	cursor: pointer;
	transition: color 0.3s ease,background 0.3s ease;
}
.btn_tab_ipguide.on{
	padding-top: 2px;
	color: #A78025;
	border-bottom: 2px solid #A78025;
}
.content_ipguide .loading{
    position: absolute;
    top: 96px;
    width: 100%;
    height: calc(100% - 96px);
	display: none;
}
.content_ipguide .loading_on{
	display: flex;
}
.loading_on
.content_ipguide .loading_on ~ .intro_ipguide,
.content_ipguide .loading_on ~ .intro_system,
.content_ipguide .loading_on ~ .btn_vist{
	display: none;
}

.content_ipguide{
	width: calc(100vw - env(safe-area-inset-right) * 2);
	margin: 0 auto;
	padding: 48px 16px 0 16px;
	flex: none;
	font-size: 14px;
	color: rgba(0,0,0,0.72);
}
.intro_ipguide{
	width: 100%;
	max-width: 650px;
	margin: 0 auto 16px auto;
	padding: 16px;
	line-height: 16px;
	font-size: 14px;
	border-radius: 4px;
	background: rgba(0,0,0,0.04);
}
.intro_ipguide b{
	display: block;
	margin-bottom: 16px;
	color: #000;
}
.title_step{
	display: flex;
	width: 100%;
	max-width: 650px;
	height: 32px;
	margin-bottom: 16px;
	padding: 8px 16px 8px 12px;
	align-items: center;
	font-weight: 700;
	border-radius: 4px;
	background: rgba(0,0,0,0.04);
	border-left: 4px solid rgba(0,0,0,0.08);
}
.title_step span{
	color: #A78025;
}
.intro_system{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.img_ipguide{
	position: relative;
	display: block;
	width: 290px;
	margin-bottom: 16px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.img_ipguide:last-child{
	margin-bottom: 0;
}
.btn_vist{
	display: block;
	width: 100%;
	margin-top: 16px;
	padding: 20px 24px;
	font-size: 14px;
	color: #0066cc;
}
.btn_vist div{
	display: flex;
	width: 100%;
	height: 40px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.firefox .title_system{
	display: block;
	width: 100%;
	max-width: 650px;
	line-height: 16px;
	margin-bottom: 16px;
	font-weight: 700;
	color: rgba(0,0,0,0.72);
}

@media screen and (min-width: 1px) and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5) {
	
	.TW .chrome .img_ipguide_1{height: 383px; background-image: none;}
	.TW .chrome .img_ipguide_2{height: 258px; background-image: none;}
	.TW .safari .img_ipguide_1{height: 336px; background-image: none;}
	.TW .safari .img_ipguide_2{height: 421px; background-image: none;}
	.TW .safari .img_ipguide_3{height: 505px; background-image: none;}
	.TW .firefox .img_ipguide_1{height: 502px; background-image: none;}
	.TW .firefox .img_ipguide_2{height: 355px; background-image: none;}
	.TW .firefox .img_ipguide_3{height: 365px; background-image: none;}
	.TW .firefox .img_ipguide_4{height: 366px; background-image: none;}

	
	.CN .chrome .img_ipguide_1{height: 383px; background-image: none;}
	.CN .chrome .img_ipguide_2{height: 258px; background-image: none;}
	.CN .safari .img_ipguide_1{height: 336px; background-image: none;}
	.CN .safari .img_ipguide_2{height: 421px; background-image: none;}
	.CN .safari .img_ipguide_3{height: 505px; background-image: none;}
	.CN .firefox .img_ipguide_1{height: 502px; background-image: none;}
	.CN .firefox .img_ipguide_2{height: 355px; background-image: none;}
	.CN .firefox .img_ipguide_3{height: 345px; background-image: none;}
	.CN .firefox .img_ipguide_4{height: 366px; background-image: none;}

	
	.EN .chrome .img_ipguide_1{height: 383px; background-image: none;}
	.EN .chrome .img_ipguide_2{height: 258px; background-image: none;}
	.EN .safari .img_ipguide_1{height: 336px; background-image: none;}
	.EN .safari .img_ipguide_2{height: 450px; background-image: none;}
	.EN .safari .img_ipguide_3{height: 505px; background-image: none;}
	.EN .firefox .img_ipguide_1{height: 482px; background-image: none;}
	.EN .firefox .img_ipguide_2{height: 372px; background-image: none;}
	.EN .firefox .img_ipguide_3{height: 345px; background-image: none;}
	.EN .firefox .img_ipguide_4{height: 366px; background-image: none;}
}
@media screen and (min-width: 1px) and (max-width: 1023px) and (-webkit-max-device-pixel-ratio: 1.49){
	
	.TW .chrome .img_ipguide_1{height: 383px; background-image: none;}
	.TW .chrome .img_ipguide_2{height: 258px; background-image: none;}
	.TW .safari .img_ipguide_1{height: 336px; background-image: none;}
	.TW .safari .img_ipguide_2{height: 421px; background-image: none;}
	.TW .safari .img_ipguide_3{height: 505px; background-image: none;}
	.TW .firefox .img_ipguide_1{height: 502px; background-image: none;}
	.TW .firefox .img_ipguide_2{height: 355px; background-image: none;}
	.TW .firefox .img_ipguide_3{height: 365px; background-image: none;}
	.TW .firefox .img_ipguide_4{height: 366px; background-image: none;}

	
	.CN .chrome .img_ipguide_1{height: 383px; background-image: none;}
	.CN .chrome .img_ipguide_2{height: 258px; background-image: none;}
	.CN .safari .img_ipguide_1{height: 336px; background-image: none;}
	.CN .safari .img_ipguide_2{height: 421px; background-image: none;}
	.CN .safari .img_ipguide_3{height: 505px; background-image: none;}
	.CN .firefox .img_ipguide_1{height: 502px; background-image: none;}
	.CN .firefox .img_ipguide_2{height: 355px; background-image: none;}
	.CN .firefox .img_ipguide_3{height: 345px; background-image: none;}
	.CN .firefox .img_ipguide_4{height: 366px; background-image: none;}

	
	.EN .chrome .img_ipguide_1{height: 383px; background-image: none;}
	.EN .chrome .img_ipguide_2{height: 258px; background-image: none;}
	.EN .safari .img_ipguide_1{height: 336px; background-image: none;}
	.EN .safari .img_ipguide_2{height: 450px; background-image: none;}
	.EN .safari .img_ipguide_3{height: 505px; background-image: none;}
	.EN .firefox .img_ipguide_1{height: 482px; background-image: none;}
	.EN .firefox .img_ipguide_2{height: 372px; background-image: none;}
	.EN .firefox .img_ipguide_3{height: 345px; background-image: none;}
	.EN .firefox .img_ipguide_4{height: 366px; background-image: none;}
}
@media screen and (min-width: 1024px){
	.img_ipguide{
		width: 652px;
	}
	.firefox .title_system,
	.firefox .title_ios,
	.firefox .img_ipguide_3,
	.firefox .img_ipguide_4{
		display: none;
	}
	.firefox .img_ipguide_2{
		margin-bottom: 0;
	}
}
@media screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5){
	
	.TW .chrome .img_ipguide_1{height: 419px; background-image: none;}
	.TW .chrome .img_ipguide_2{height: 454px; background-image: none;}
	.TW .safari .img_ipguide_1{height: 220px; background-image: none;}
	.TW .safari .img_ipguide_2{height: 283px; background-image: none;}
	.TW .safari .img_ipguide_3{height: 419px; background-image: none;}
	.TW .firefox .img_ipguide_1{height: 418px; background-image: none;}
	.TW .firefox .img_ipguide_2{height: 419px; background-image: none;}

	
	.CN .chrome .img_ipguide_1{height: 419px; background-image: none;}
	.CN .chrome .img_ipguide_2{height: 449px; background-image: none;}
	.CN .safari .img_ipguide_1{height: 220px; background-image: none;}
	.CN .safari .img_ipguide_2{height: 283px; background-image: none;}
	.CN .safari .img_ipguide_3{height: 419px; background-image: none;}
	.CN .firefox .img_ipguide_1{height: 419px; background-image: none;}
	.CN .firefox .img_ipguide_2{height: 419px; background-image: none;}

	
	.EN .chrome .img_ipguide_1{height: 419px; background-image: none;}
	.EN .chrome .img_ipguide_2{height: 427px; background-image: none;}
	.EN .safari .img_ipguide_1{height: 419px; background-image: none;}
	.EN .safari .img_ipguide_2{height: 419px; background-image: none;}
	.EN .safari .img_ipguide_3{height: 419px; background-image: none;}
	.EN .firefox .img_ipguide_1{height: 419px; background-image: none;}
	.EN .firefox .img_ipguide_2{height: 419px; background-image: none;}
}
@media screen and (min-width: 1024px) and (-webkit-max-device-pixel-ratio: 1.49){
	
	.TW .chrome .img_ipguide_1{height: 419px; background-image: none;}
	.TW .chrome .img_ipguide_2{height: 454px; background-image: none;}
	.TW .safari .img_ipguide_1{height: 220px; background-image: none;}
	.TW .safari .img_ipguide_2{height: 283px; background-image: none;}
	.TW .safari .img_ipguide_3{height: 419px; background-image: none;}
	.TW .firefox .img_ipguide_1{height: 418px; background-image: none;}
	.TW .firefox .img_ipguide_2{height: 419px; background-image: none;}

	
	.CN .chrome .img_ipguide_1{height: 419px; background-image: none;}
	.CN .chrome .img_ipguide_2{height: 449px; background-image: none;}
	.CN .safari .img_ipguide_1{height: 220px; background-image: none;}
	.CN .safari .img_ipguide_2{height: 283px; background-image: none;}
	.CN .safari .img_ipguide_3{height: 419px; background-image: none;}
	.CN .firefox .img_ipguide_1{height: 419px; background-image: none;}
	.CN .firefox .img_ipguide_2{height: 419px; background-image: none;}

	
	.EN .chrome .img_ipguide_1{height: 419px; background-image: none;}
	.EN .chrome .img_ipguide_2{height: 427px; background-image: none;}
	.EN .safari .img_ipguide_1{height: 419px; background-image: none;}
	.EN .safari .img_ipguide_2{height: 419px; background-image: none;}
	.EN .safari .img_ipguide_3{height: 419px; background-image: none;}
	.EN .firefox .img_ipguide_1{height: 419px; background-image: none;}
	.EN .firefox .img_ipguide_2{height: 419px; background-image: none;}
}











@media (pointer: fine) and (max-resolution: 2dppx),
screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
(-moz-touch-enabled: 0),
screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	.lab_input>input:hover{
		border-color: #33997a;
	}
	.lab_input.on>input:hover ~ .text_input:after{
		color: #33997a;
	}
	.btn_passcode:hover{
		background: #aaa192;
	}
	.btn_browser:hover i{
		background-position: bottom center;
	}
	.box_browser a:hover{
		color: #0070E0;
	}
	.btn_forgot:hover{
		color: #0070E0;
	}
	
	.btn_language:hover{
		color: #debb69;
	}
	.btn_login:hover,
	.btn_choose:hover,
	.btn_chgpwd .btn_submit:hover,
	.box_help_btn .btn_submit:hover{
		background: #379e7a;
	}
	.btn_cancel:hover{
		background: #8f8f8f;
	}
	.btn_help:hover svg{
		fill: #fff;
	}
	.lab_radio:hover .checkmark{
		border: 1px solid #19805c;
	}

	
	.betSubmitBtn:hover {
		background: #379e7a;
	}
	.deepGrayBtn:hover {
		background: #379e7a;
	}
	.cancleBtn:hover {
		background: #8f8f8f;
	}
	.btn_sendcode:hover {
		background: #aca190;
	}
	.pswPopBtnBox3>div:hover {
		background: #5c5c5c;
	}
	.btn_edit:hover svg,
	.btn_delet:hover svg{
		fill: #000;
	}
	.btn_cancel:hover{
		background: #8f8f8f;
	}
	.btn_next:hover{
		background: #20a275;
	}

	.title_chgpwd .btn_close:hover i{
		opacity: 1;
	}

	
	.btn_sys:hover{
		background: rgba(0,0,0,0.04);
	}
	.table_sys a:hover{
		color: #0070E0;
	}

	.btn_tab_ipguide:hover{
		color: #A78025;
	}
	.btn_vist:hover div{
		color: #0070E0;
	}
}


.btn_language:active{
	color: #debb69;
	background: #433429;
}
.btn_login:active,
.btn_choose:active,
.btn_chgpwd .btn_submit:active,
.box_help_btn .btn_submit:active{
	background: #056b48;
}
.btn_forgot:active{
	color: #0052A3;
}
.btn_passcode:active{
	background: #867864;
}
.btn_browser:active i{
	background-position: bottom center;
}
.btn_browser:active{
	background: rgba(0,0,0,0.08);
}
.box_browser a:active{
	color: #0052A3;
}


.btn_cancel:active{
	background: #666;
}
.btn_help:active,
.title_chgpwd .btn_close:active i{
	opacity: 1;
	background-color: #3c2f26;
}
.btn_help:active svg{
	fill: #fff;
}


.betSubmitBtn:active {
	background: #056b48;
}
.deepGrayBtn:active {
	background: #056b48;
}
.cancleBtn:active {
	background: #666666;
}
.btn_sendcode:active {
	background: #867864;
}
.pswPopBtnBox3>div:active {
	background: #333333;
}
.btn_edit:active,
.btn_delet:active{
	background: rgba(0,0,0,0.08);
}
.btn_edit:active svg,
.btn_delet:active svg{
	fill: #000;
}
.btn_cancel:active{
	background: #666;
}
.btn_next:active{
	background: #125e43;
}

.chg_psw_title i:active {
	background-color: rgba(0, 0, 0, 0.08);
	background-image: none;
	background-position: center;
	background-repeat: no-repeat;
}

.btn_back:active{
	background: rgba(0,0,0,0.08);
}


.table_sys a:active{
	color: #0052A3;
}
.btn_sys:active{
	background: rgba(0,0,0,0.08);
}


.btn_tab_ipguide:active{
	color: #A78025;
	background: rgba(0,0,0,0.08);
}
.btn_vist:active div{
	color: #0052A3;
}










.content_2fa{
	display: flex;
	width: 100%;
	max-width: 650px;
	margin: 32px auto;
	padding: 0 0 0 0;
	flex-direction: column;
	gap: 16px;
	color: #000;
}
@media screen and (max-width: 1023px){
	.content_2fa{
		padding: 0 16px 0 16px;
	}
}

.box_2fa_step{
	position: relative;
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: repeat(3, 1fr);
	margin-bottom: 16px;
	z-index: 0;
}
.box_2fa_step::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 16px;
	width: 100%;
	height: 4px;
	background: #EAEAE6;
	z-index: -1;
}
.icon_step{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
}
.icon_step span{
	display: block;
	line-height: 20px;
	font-size: 14px;
	color: #000;
	opacity: 0.4;
}
.icon_step i{
	display: flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 500;
	color: #E76565;
	background: #FFF;
	border: 1px solid #E76565;
	outline: 2px solid #FFF;
	border-radius: 50%;
}
.icon_step.now span,
.icon_step.done span{
	opacity: 1;
}
.icon_step.now i{
	color: #FFF;
	background: #E76565;
	border: 2px solid #FFF;
	outline: 0;
}
.icon_step.done i{
	fill: #FFF;
	color: #FFF;
	background: #08B07E;
	border: 2px solid #FFF;
	outline: 0;
}
.icon_step.done i:after{
	content: url('data:image/svg+xml,<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.00005 7.17171C4.60952 7.56223 3.97636 7.56223 3.58583 7.17171L1.70694 5.29281C1.31647 4.90235 0.683403 4.90235 0.292937 5.29282C-0.097528 5.68328 -0.0975278 6.31635 0.292937 6.70681L3.58583 9.99971C3.97636 10.3902 4.60952 10.3902 5.00004 9.99971L13.2929 1.70682C13.6834 1.31635 13.6834 0.68328 13.2929 0.292815C12.9025 -0.0976503 12.2694 -0.09765 11.8789 0.292815L5.00005 7.17171Z" fill="%23FFF"/></svg>');
	display: block;
	width: 14px;
	height: 11px;
	margin-bottom: 4px;
}
.box_text{
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.box_text tt{
	display: block;
	line-height: 16px;
	font-size: 12px;
	color: rgba(0,0,0,.72);
}
.box_text b{
	display: block;
	line-height: 16px;
	font-size: 14px;
	font-weight: 700;
	color: #000;
}
.box_text p{
	line-height: 20px;
	font-size: 14px;
	color: #000;
}
.box_text span{
	display: block;
	height: 23px;
	margin-bottom: 24px;
	font-size: 20px;
	color: #000;
}
.box_text.text_center{
	text-align: center;
}
.step_2fa_setFinish .box_text{
	margin-bottom: 16px;
}
.step_2fa_enabled .box_text{
	align-items: center;
	justify-content: center;
	margin-bottom: 8px;
}
.box_dwn_app{
	display: flex;
	padding: 16px;
	flex-direction: column;
	gap: 8px;
	background: #FAFAF9;
	border: 1px solid rgba(0,0,0,.08);
	border-radius: 4px;
	overflow: hidden;
}
.text_dwn_app{
	display: grid;
	width: 100%;
	min-height: 58px;
	grid-template-rows: 16px auto auto;
	grid-template-columns: 56px 1fr;
	row-gap: 4px;
	column-gap: 8px;
	align-items: center;
}
.text_dwn_app i{
	grid-row: 1 / 4;
	grid-column: 1 / 2;
	display: block;
	width: 56px;
	height: 56px;
	background: #FFF;
	border-radius: 4px;
	overflow: hidden;
	background: none no-repeat center center;
	background-size: contain;
}
.text_dwn_app p{
	display: block;
	line-height: 16px;
	font-size: 12px;
	color: rgba(0,0,0,.72);
}
.text_dwn_app span{
	line-height: 18px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.box_scroll.menu_dwn_app{
	height: 48px;
}
.menu_dwn_app label{

	height: 48px;
	gap: 8px;
	align-items: center;
	justify-content: flex-start;
}
.menu_dwn_app .btn_2fa_app{
	display: inline-block;
	margin: 12px 0;
	padding: 4px 12px;
	line-height: 16px;
	font-size: 13px;
	font-weight: bold;
	color: rgba(0,0,0,.64);
	cursor: pointer;
	text-transform: uppercase;
}
.menu_dwn_app .btn_2fa_app.on{
	color: #A78025;
}
.content_dwn_app>div{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.content_dwn_app img{
	display: block;
	width: 132px;
	height: 132px;
	margin-bottom: 16px;
	border-radius: 4px;

	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
}
.content_dwn_app .btn_link{
	display: block;
	width: 100%;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #0066CC;
	cursor: pointer;
}
.box_help_btn{
	display: flex;
	width: 100%;
	height: 48px;
	gap: 10px;
}

.box_help_btn>div{
	flex: 1 1 auto;
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.box_2fa_info{
	display: flex;
	padding: 24px 16px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #FAFAF9;
	outline: 1px solid rgba(0, 0, 0, .08);
	border-radius: 4px;
	overflow: hidden;
}
.box_2fa_info._code{
	padding: 24px 32px;
}
.secret_qr{
	width: 132px;
	height: 132px;
	padding: 4px;
	background: #FFF;
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 4px;
	overflow: hidden;

	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
}
.secret_qr canvas,
.secret_qr img{
	width: 100%;
	height: 100%;
}
.secret_qr img{
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
}
.secret_code{
	display: flex;
	width: 100%;
	min-height: 38px;
	line-height: 16px;
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: 700;
	align-items: center;
	justify-content: center;
	text-align: center;
	word-break: break-word;
	overflow-wrap: break-word;
	color: #000;
	background: transparent;
}
.btn_copy{
	display: flex;
	width: 100%;
	height: 48px;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #525252;
	border: 1px solid #525252;
	border-radius: 4px;
	overflow: hidden;
}

.menu_dwn_app .box_slide{
	height: 100%;
}


.content_2fa .box_help_note{
	margin: 0;
}
.box_help_note span{
	line-height: 16px;
}
.content_2fa .box_help_note p{
	line-height: 14px;
}
.content_2fa .box_help_btn,
.content_help2fa .box_help_btn{
	padding: 0;
}


.content_help2fa{
	display: flex;
	width: 100%;
	max-width: 650px;
	margin: 32px auto 0 auto;
	flex-direction: column;
	gap: 16px;
	color: #000;
}
@media screen and (max-width: 1023px){
	.content_help2fa{
		margin: 32px auto 0 auto;
		padding: 0 16px;
	}
}
.content_help2fa.gap8{
	gap: 8px;
}
.content_help2fa .img_help_2fa{
	width: 100%;
	height: 120px;
	background-size: cover;
	background-image: none;
	background-color: #2F2100;
	background-position: center;
	background-repeat: no-repeat;
}
.content_help2fa span{
	display: flex;
	width: 100%;
	line-height: 16px;
	font-size: 14px;
	align-items: center;
	font-weight: 700;
}
.content_help2fa p{
	line-height: 20px;
	font-size: 14px;
}
.content_help2fa div span{
	margin-bottom: 8px;
}
.content_help2fa div p{
	padding-left: 24px;
}
.content_help2fa span i{
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	fill: rgba(0,0,0,.56);
}
.content_help2fa ul{
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 14px;
	line-height: 20px;
}
.content_help2fa li{
	list-style: disc inside;
}
.content_help2fa .box_help_btn{
	margin-top: 8px;
	margin-bottom: 32px;
}

.loading.loading_2fa{
	width: 100%;
	height: 100%;
}
.loading.loading_2fa.on{
	display: flex!important;
    position: relative;
}
.loading.loading_2fa.on ~ *{
	visibility: hidden;
	position: absolute;
	z-index: -1;

}



.content_2fa .icon_check{
	display: block;
	width: 32px;
	height: 32px;
	background: none;
}

.step_2fa_enabled,
.step_2fa_disableFinish,
.step_2fa_setFinish{
	padding: 64px 0;
	gap: 24px;
	align-items: center;
}
@media screen and (max-width: 1023px){
	.step_2fa_enabled,
	.step_2fa_disableFinish,
	.step_2fa_setFinish{
		padding: 64px 16px;
		gap: 24px;
		align-items: center;
	}
}
.step_2fa_enabled span,
.step_2fa_disableFinish span,
.step_2fa_setFinish span{
	line-height: 23px;
	font-size: 20px;
	text-align: center;
	color: #000;
}
.step_2fa_disableFinish tt,
.step_2fa_setFinish tt{
	display: block;
	line-height: 16px;
	margin-bottom: 8px;
	font-size: 12px;
	color: rgba(0,0,0,.72);
}









@media (pointer: fine) and (max-resolution: 2dppx),
screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
(-moz-touch-enabled: 0),
screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	.menu_dwn_app .btn_2fa_app:hover{
		color: #A78025;
	}
	.content_dwn_app .btn_link:hover{
		color: #0070E0;
	}
	.help_2fa .btn_green:hover,
	.chg_acc .btn_green:hover,
	.ann_box._2fa .btn_green_full:hover{
		background-color: #379E7A;
	}
	.btn_copy:hover{
		background-color: rgba(0,0,0,.04);
		border-color: #525252;
	}
	.lab_input_2fa .btn_eye:hover{
		opacity: 1;
	}
}

.menu_dwn_app .btn_2fa_app:active{
	color: #A78025;
}
.content_dwn_app .btn_link:active{
	color: #0052A3;
}
.help_2fa .btn_green:active,
.chg_acc .btn_green:active,
.ann_box._2fa .btn_green_full:active{
	background-color: #056B48;
}
.btn_copy:active{
	background-color: rgba(0,0,0,.08);
	border-color: #525252;
}
.lab_input_2fa .btn_eye:active{
	opacity: 1;
	background: rgba(0,0,0,.04);
}


.content_2fa.chk2FA{
	gap: 8px;
	margin-top: 32px;
}
.content_2fa.chk2FA .box_text{
	margin-bottom: 8px;
	line-height: 16px;
}
.content_2fa.chk2FA > p,
.content_2fa.step_2fa_3 > p,
.content_2fa.step_2fa_disable > p{
	display: block;
	font-size: 12px;
	line-height: 16px;
	color: rgba(0,0,0,.72);
}
.content_2fa.step_2fa_3 > p,
.content_2fa.step_2fa_disable > p,
.content_2fa.step_2fa_3 .text_error,
.content_2fa.step_2fa_disable .text_error{
	margin-top: -8px;
}

















.lab_input_2fa{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	min-height: 48px;
	margin-bottom: 0;
}
.lab_input_2fa>input{
	display: block;
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0 32px 0 16px;
	font-size: 16px;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.32);
	color: #000;
	box-shadow: none;
	transition: all 0.3s ease;
	pointer-events: auto;
}
.lab_input_2fa .text_input:after{
	height: 48px;
}
.lab_input_2fa .text_error{
	display: block;
	margin-bottom: 0;
}

.lab_input_2fa.error>input{
	border: 2px solid #e76565!important;
}
.lab_input_2fa.on.error .text_input:after{
	color: #e76565!important;
}

.lab_input_2fa.error.on>input{
	border: 2px solid #e76565;
}
.lab_input_2fa.error.on .text_input:after{
	top: -8px;
	font-size: 12px;
	color: #e76565;
}



.content_2fa .btn_green.disable{
	cursor: not-allowed;
	pointer-events: none;
	color: rgba(0,0,0,.56);
	background: rgba(0,0,0,.08);
}


.lab_input_2fa > input:focus{
	border: 2px solid #19805c;
}
.lab_input_2fa > input:focus ~ .text_input:after,
.lab_input_2fa.on > input:focus ~ .text_input:after{
	top: -8px;
	height: 16px;
	font-size: 12px;
	color: #19805c;
	background: #fff;
}

.lab_input_2fa.on > .text_input:after{
	top: -8px;
	height: 16px;
	font-size: 12px;
	color: rgba(0,0,0,0.56);
	background: #fff;
}




@media (pointer: fine) and (max-resolution: 2dppx),
screen and (pointer: fine) and (-webkit-max-device-pixel-ratio: 2),
(-moz-touch-enabled: 0),
screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	.lab_input_2fa>input:hover{
		border-color: #33997a;
	}
	.lab_input_2fa.on>input:hover ~ .text_input:after{
		color: #33997a;
	}
}
.lab_input_2fa .btn_eye{
	position: absolute;
	top: 8px;
	right: 8px;
	width: 32px;
	height: 32px;
	padding: 8px;
	transition: none!important;
	pointer-events: auto;
	opacity: 0.32;
	fill: #000;
	z-index: 1;
}
.lab_input_2fa .btn_eye.off .icon_eye,
.lab_input_2fa .btn_eye .icon_noeye{
	opacity: 0;
	position: absolute;
	z-index: -99;
}
.lab_input_2fa .btn_eye .icon_eye,
.lab_input_2fa .btn_eye.off .icon_noeye{
	opacity: 1;
	position: unset;
	z-index: unset;
}