/* cc */
body {
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

/* share use start*/
.mod_font_en {
	font-family: "Abril Fatface", cursive;
}

.mod_bigtxt {
	margin-bottom: 10px;
	font-size: 53px;
	font-weight: bold;
}

.mod_midtxt {
	position: relative;
	font-size: 36px;
	font-weight: bold;
}

.mod_minitxt {
	position: relative;
	font-size: 16px;
	line-height: 24px;
}

.txt_shadow {
	text-shadow: 1px 0px #000, 1px 1px 1px #000;
}

[class*="_btn"]:not(:disabled),
.second_menu li {
	cursor: pointer;
}

.unScroll {
	/* 沒有fixed 在iphone overflow 失效 */
	position: fixed;
	overflow: hidden;
}

/* share use end*/

.header {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 60px;
	padding: 0 20px;
	background: #071121;
	opacity: 0.9;
	color: #fff;
	z-index: 10;
}

.header.active {
	background-color: rgba(0, 0, 0, 0.8);
}

.logo {
	position: relative;
	flex: none;
	width: 135px;
	/* width: 190px; */
	height: 60px;
	background: url("../images/icashWorldWide_logo.png") no-repeat center/contain;

	/* background: url('../images/logo_ibatoicash1.png')no-repeat center/contain; */
}

.logo::before,
.logo::after,
.loading_logo::before,
.loading_logo::after {
	content: "";
	position: absolute;
	display: block;
	width: 21px;
	height: 20px;
	background: url("../images/logo_light.png") no-repeat center/contain;
	animation: logo_star 4s infinite alternate;
}

.loading .loading_logo::before {
	top: 13px;
	left: 22px;
	transform-origin: center;
	animation: logo_star 4s infinite alternate;
}

.loading .loading_logo::after {
	top: 20px;
	left: 140px;
	transform-origin: center;
	animation: logo_star 4s infinite alternate;
}

.logo.logo_title::before {
	top: 9px;
	left: 19px;
}

.logo.logo_title::after {
	top: 14px;
	left: 98px;
}

.menu_panel {
	height: 100%;
}

.menu {
	display: flex;
	align-items: center;
	height: 100%;
}

.menu li {
	position: relative;
	height: 100%;
	font-size: 14px;
	line-height: 60px;
	text-shadow: 1px 1px #000;
	cursor: pointer;
}

.menu>li:not(:first-child)::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	display: block;
	width: 0%;
	height: 3px;
	margin: auto;
	background-color: #dffafe;
	box-shadow: 0px 0px 2px 1px rgba(7, 135, 227, 0.6),
		0px 0px 4px 3px rgba(7, 135, 227, 0.4);
	opacity: 0;
	transition: 0.5s;
}

.menu li.logo_title {
	display: none;
}

.menu>li+li {
	padding: 0 18px;
}

.menu>li:last-child {
	padding: 0 18px 0 38px;
}

.menu a {
	width: 100%;
	height: 100%;
}

li.lang {
	min-width: 160px;
}

.lang_txtbox {
	width: 100%;
}

.lang_txtbox tt {
	position: relative;
}

.lang_txtbox tt::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: calc(100% + 5px);
	display: block;
	width: 15px;
	height: 15px;
	margin: auto 0;
	background: url("../images/icon_lang.svg") no-repeat center/cover;
}

.lang_txtbox tt::after {
	content: "\25BE";
	position: absolute;
	left: calc(100% + 5px);
	top: 0;
}

.lang_txtbox select {
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.lang_txt {
	display: block;
}

.menu>li:last-child span {
	position: relative;
	display: inline-block;
}

.lang_title {
	display: none;
}

.second_menu {
	position: absolute;
	top: calc(100% + 5px);
	left: 0;
	width: 100%;
	background: #0b1425;
	box-shadow: 2px 2px 5px 1px #000;
	z-index: 10;
	border-radius: 3px;
	opacity: 0;
	visibility: collapse;
	-webkit-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.42, 1);
	-ms-transition: all 300ms cubic-bezier(0.55, 0, 0.42, 1);
	transition: all 300ms cubic-bezier(0.55, 0, 0.42, 1);
	z-index: 2;
}

.lang.active .second_menu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

.second_menu>li {
	width: 100%;
	height: 40px;
	line-height: 40px;
	transition: 0.2s;
	text-align: center;
}

.second_menu>li:hover {
	color: #07bceb;
	font-size: 15px;
}

.home {
	position: relative;
	width: 100%;
	min-height: 700px;
	padding-bottom: calc(100% * 0.52);
	background: url("../images/home1.jpg") no-repeat center/cover;
	animation: sign_bg 1.5s forwards;
	overflow: hidden;
	animation-play-state: paused;
}

@keyframes sign_bg {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.home_info {
	position: absolute;
	top: 25%;
	left: 10%;
	width: 100%;
}

.home_info .mod_midtxt {
	color: #fff;
	padding-left: 50px;
	transform: translateX(-10%);
	opacity: 0;
	animation: sign_info 0.5s forwards 2s;
	animation-play-state: paused;
}

@keyframes sign_info {
	0% {
		opacity: 0;
		transform: translateX(-10%);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.home_txt {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 70px;
	transform: scaleX(0);
	transform-origin: left;
	-webkit-animation: sign_txtbg 0.5s forwards 2s;
	animation: sign_txtbg 0.5s forwards 2s;
	animation-play-state: paused;
	padding: 0 60px 0 135px;
}

.home_txt::before {
	content: "";
	width: 160px;
	height: 90px;
	position: absolute;
	top: -50px;
	left: 70px;
	background: url("../images/home_txt.png") no-repeat center/contain;
	animation: sign_txt_animate 0.7s both 2.5s;
	animation-play-state: paused;
	opacity: 0;
}

.cn .home_txt::before {
	background-image: url("../images/home_txt_cn.png");
}

.us .home_txt::before,
.kr .home_txt::before,
.vn .home_txt::before,
.in .home_txt::before,
.jp .home_txt::before,
.th .home_txt::before,
.kh .home_txt::before {
	width: 270px;
	background-image: url("../images/home_txt_us.png");
	left: 100px;
}

.in .home_txt::before,
.jp .home_txt::before {
	left: 80px;
}

@keyframes sign_txtbg {
	0% {
		transform: scaleX(0);
	}

	100% {
		transform: scaleX(1);
	}
}

.home_txt ul {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 400px;
	height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background: url("../images/home_txtbg_m.png") repeat-x center / contain;
	line-height: 25px;
}

.kr .home_txt ul,
.th .home_txt ul,
.kh .home_txt ul {
	min-width: 610px;
}

.jp .home_txt ul {
	min-width: 650px;
}

.vn .home_txt ul {
	min-width: 680px;
}

.in .home_txt ul {
	min-width: 550px;
}

.home_txt ul::before {
	content: "";
	display: block;
	width: 135px;
	height: 100%;
	background: url("../images/home_txtbg_l.png") no-repeat center left / cover;
	position: absolute;
	left: -135px;
	top: 0;
}

.home_txt ul::after {
	content: "";
	display: block;
	width: 135px;
	height: 100%;
	background: url("../images/home_txtbg_r.png") no-repeat center right / cover;
	position: absolute;
	right: -135px;
	top: 0;
}

.home_txt li:not(.title) {
	width: 100%;
	position: relative;
	font-size: 18px;
	opacity: 0;
	transform: translateX(-20%);
	animation: sign_ul 0.7s forwards 2.5s;
	animation-play-state: paused;
}

.home_txt li:not(.title)::before {
	content: "";
	position: absolute;
	right: calc(100% + 5px);
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 3px;
	height: 3px;
	background: #000;
	border-radius: 50%;
}

.home_txt li.title {
	width: 100%;
	text-align: right;
	font-size: 22px;
	margin-bottom: 15px;
	opacity: 0;
	transform: translateX(-20%);
	animation: sign_ul 0.7s forwards 2.5s;
	animation-play-state: paused;
}

@keyframes sign_ul {
	0% {
		opacity: 0;
		transform: translateX(-20%);
	}

	100% {
		opacity: 1;
		transform: translateX(0%);
	}
}

@keyframes sign_txt_animate {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.active.home,
.active .home_info .mod_midtxt,
.active .home_txt,
.active .home_txt::before,
.active .home_txt li {
	animation-play-state: running;
}

.banner {
	position: relative;
	width: 100%;
	background: #fff;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding-top: 60px;
}

.banner_btn {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50px;
	height: 50px;
	margin: auto 0;
	background: url("../images/icon_prev.svg") no-repeat center/cover;
	border-radius: 50%;
}

.banner_btn.prev {
	left: 10px;
}

.banner_btn.next {
	right: 10px;
	background-image: url("../images/icon_next.svg");
}

.banner_bigtxt {
	font-size: 38px;
	font-weight: 900;
	margin-bottom: 20px;
	opacity: 0;
	transform: translateY(-20px);
	transition: all 300ms cubic-bezier(0.55, 0, 0.42, 1);
}

.banner_midtxt {
	position: relative;
	font-size: 24px;
	margin-bottom: 5px;
	opacity: 0;
	transform: translateY(-20px);
	transition: all 300ms cubic-bezier(0.55, 0, 0.42, 1);
}

.banner_minitxt {
	position: relative;
	font-size: 16px;
	line-height: 30px;
	text-align: justify;
	opacity: 0;
	transform: translateY(-20px);
	transition: all 300ms cubic-bezier(0.55, 0, 0.42, 1);
}

.active.banner_item .banner_bigtxt,
.active.banner_item .banner_midtxt,
.active.banner_item .banner_minitxt {
	opacity: 1;
	transform: translateY(0);
}

.banner_group {
	width: 100%;
	display: flex;
	transition-duration: all 0.5s ease;
	transform: translateX(0%);
	/*0~-300%*/
}

.banner_item {
	position: relative;
	flex: 0 0 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	padding: 0 0 40px 150px;
}

.banner_txtbox {
	width: 50%;
	text-shadow: 1px 0 1px #fff;
	max-width: 820px;
	padding-right: 20px;
}

.banner_pic {
	position: relative;
	width: 50%;
	display: flex;
	justify-content: center;
	padding-bottom: calc(45% * 0.84642857);
}

.banner_pic img {
	position: absolute;
	height: 100%;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

/* banner_item1 */
.banner_item1 {
	background: url("../images/bg_banner02.jpg") no-repeat left center / 55%;
	padding: 0 150px 40px 0;
}

.banner_item1 .banner_pic {
	opacity: 0;
	transition: all 0.6s cubic-bezier(0.55, 0, 0.42, 1) 0s;
}

.active.banner_item1 .banner_pic {
	opacity: 1;
}

img.pic_cell1 {
	height: 23%;
	top: 59%;
	left: 0;
	right: 0;
	margin: auto;
}

img.pic_cell2 {
	height: 54%;
	top: 16%;
	left: 10%;
	opacity: 0;
	transform: translate(40%, 30%) scale(0.2);
	transition: all 300ms cubic-bezier(0.55, 0, 0.42, 1) 0.3s;
}

img.pic_cell3 {
	height: 57%;
	top: -5%;
	left: 48%;
	opacity: 0;
	transform: translate(-40%, 40%) scale(0.2);
	transition: all 300ms cubic-bezier(0.55, 0, 0.42, 1) 0.3s;
}

img.pic_cell4 {
	height: 43%;
	top: 21%;
	left: 55%;
	transform: translate(-40%, 30%) scale(0.2);
	transition: all 300ms cubic-bezier(0.55, 0, 0.42, 1) 0.3s;
}

.active.banner_item1 img.pic_cell2,
.active.banner_item1 img.pic_cell3,
.active.banner_item1 img.pic_cell4 {
	opacity: 1;
	transform: translate(0, 0) scale(1);
}

.txt_icon {
	display: flex;
	margin: 15px 0;
}

.txt_icon li {
	width: 55px;
	height: 55px;
	flex: none;
	border-radius: 50%;
	border: 2px solid rgb(4, 134, 205);
	opacity: 0;
	transform: translate(-70%, -100%);
}

.txt_icon li+li {
	margin-left: 15px;
}

.txt_icon li:nth-child(1) {
	background: url("../images/icon_b2_1.svg") no-repeat center/ 70%;
	transition: all 0.2s cubic-bezier(0.55, 0, 0.42, 1);
}

.txt_icon li:nth-child(2) {
	background: url("../images/icon_b2_2.svg") no-repeat center/ 70%;
	transition: all 0.2s cubic-bezier(0.55, 0, 0.42, 1) 0.2s;
}

.txt_icon li:nth-child(3) {
	background: url("../images/icon_b2_3.svg") no-repeat center/ 70%;
	transition: all 0.2s cubic-bezier(0.55, 0, 0.42, 1) 0.4s;
}

.txt_icon li:nth-child(4) {
	background: url("../images/icon_b2_4.svg") no-repeat center/ 70%;
	transition: all 0.2s cubic-bezier(0.55, 0, 0.42, 1) 0.6s;
}

.txt_icon li:nth-child(5) {
	background: url("../images/icon_b2_5.svg") no-repeat center/ 70%;
	transition: all 0.2s cubic-bezier(0.55, 0, 0.42, 1) 0.8s;
}

.active.banner_item1 .txt_icon li {
	transform: translate(0, 0);
	opacity: 1;
}

/* banner_item1 */
/* banner_item2 */
.banner_item2 {
	position: relative;
	background: url("../images/bg_banner03.jpg") no-repeat right center/60%;
}

.banner_item2:after {
	content: "";
	width: 50%;
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url("../images/banner03_cloud.png") no-repeat center/contain;
}

.banner_item2 .banner_pic {
	position: relative;
	opacity: 0;
	transition: all 300ms cubic-bezier(0.55, 0, 0.42, 1) 0s;
}

.active.banner_item2 .banner_pic {
	opacity: 1;
}

img.icon_poker1,
img.icon_poker2,
img.icon_poker3,
img.icon_poker4 {
	height: 45%;
	top: 5%;
	right: 32%;
	transform: rotate(0deg);
	transform-origin: center bottom;
	margin: 0;
	transition: all 0.5s ease 0.3s;
}

.active.banner_item2 .icon_poker1 {
	height: 50%;
	transform: rotate(30deg);
}

.active.banner_item2 .icon_poker2 {
	height: 50%;
	transform: rotate(45deg);
}

.active.banner_item2 .icon_poker3 {
	height: 50%;
	transform: rotate(60deg);
}

.active.banner_item2 .icon_poker4 {
	height: 50%;
	transform: rotate(75deg);
}

/* banner_item2 */
/* banner_item3 */
.banner_item3 {
	background: url("../images/bg_banner04.jpg") no-repeat center / cover;
	padding-left: 0;
	justify-content: center;
	flex-direction: column;
}

.banner_item3 .banner_pic {
	padding-bottom: calc(40% * 0.84642857);
	transition: all 300ms cubic-bezier(0.55, 0, 0.42, 1) 0s;
	opacity: 0;
}

.banner_item3.active .banner_pic {
	opacity: 1;
}

.pic_cell01 {
	position: relative;
	transition: all 500ms cubic-bezier(0.55, 0, 0.42, 1) 0s;
	transition-delay: 0.1s;
}

.pic_cell02 {
	left: 35%;
	transition: all 500ms cubic-bezier(0.55, 0, 0.42, 1) 0s;
	transition-delay: 0.3s;
}

.pic_cell03 {
	right: 35%;
	transition: all 500ms cubic-bezier(0.55, 0, 0.42, 1) 0s;
	transition-delay: 0.3s;
}

.banner_item3.active .pic_cell02 {
	left: 15%;
}

.banner_item3.active .pic_cell03 {
	right: 15%;
}

.banner_item3 .banner_txtbox {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.banner_item3 .left_txt {
	opacity: 0;
	transform: translateX(-20px);
	transition: all 400ms cubic-bezier(0.55, 0, 0.42, 1) 0.3s;
	width: 100%;
	text-align: center;
}

.active.banner_item3 .left_txt {
	opacity: 1;
	transform: translateX(0);
}

.banner_item3 .banner_minitxt {
	opacity: 0;
	transform: translateX(20px);
	transition: all 400ms cubic-bezier(0.55, 0, 0.42, 1) 0.3s;
}

.active.banner_item3 .banner_minitxt {
	opacity: 1;
	transform: translateX(0);
}

/* banner_item3 */
/* banner_item4 */
.banner_item4 .banner_pic {
	background: url("../images/bg_banner01.png") no-repeat 0px 0px / cover;
}

.banner_item4 .banner_pic:after {
	content: "";
	width: 100%;
	height: 100%;
	background: url("../images/bg_banner02.png") no-repeat bottom right/cover;
}

img.pic_peopel1 {
	height: 90%;
	top: 30%;
	right: 20%;
	bottom: 0;
	opacity: 0;
	transition: all 500ms cubic-bezier(0.55, 0, 0.42, 1) 0s;
}

.active.banner_item4 .pic_peopel1 {
	opacity: 1;
	top: 20%;
}

img.pic_peopel2 {
	height: 75%;
	top: -5%;
	right: 35%;
	opacity: 0;
	transition: all 500ms cubic-bezier(0.55, 0, 0.42, 1) 0.5s;
}

.active.banner_item4 .pic_peopel2 {
	opacity: 1;
	right: 50%;
}

img.pic_peopel3 {
	height: 90%;
	top: -5%;
	right: 10%;
	opacity: 0;
	transition: all 500ms cubic-bezier(0.55, 0, 0.42, 1) 0.5s;
}

.active.banner_item4 .pic_peopel3 {
	opacity: 1;
	right: -5%;
}

img.pic_peopel4 {
	height: 85%;
	top: -8%;
	left: 35%;
	opacity: 0;
	transition: all 500ms cubic-bezier(0.55, 0, 0.42, 1) 0.5s;
}

.active.banner_item4 .pic_peopel4 {
	opacity: 1;
	top: -25%;
}

/* banner_item4 */

.banner_dots {
	position: absolute;
	bottom: 0;
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 10px 0;
}

.banner_dots li {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #000;
	transition: 0.2s;
}

.banner_dots li+li {
	margin-left: 20px;
}

.banner_dots li.on {
	background: #000;
}

.product {
	width: 100%;
	background: #fff;
	overflow: hidden;
}

.product_inf {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 135px 0;
	padding-left: 150px;
	overflow: hidden;
}

.product_txt {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 0 0 50%;
	max-width: 820px;
	height: 100%;
	padding-right: 20px;
}

.product_txt .mod_midtxt,
.service .mod_midtxt {
	margin-bottom: 30px;
}

.product_pic {
	position: relative;
	flex: 0 0 50%;
	right: 0;
	padding-bottom: calc(50% * 0.5);
	z-index: 1;
}

.product_pic img {
	vertical-align: middle;
	position: absolute;
}

.product_p1 {
	top: 0;
	bottom: 0;
	left: 0;
	width: 35%;
	margin: auto 0;
}

.product_p2 {
	left: 0;
	right: 0;
	top: 0;
	width: 40%;
	margin: 0 auto;
}

.product_p3 {
	top: 0;
	bottom: 0;
	right: 0;
	width: 45%;
	margin: auto 0;
}

.game_box {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	will-change: transform;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
}

.game_box::-webkit-scrollbar {
	display: none;
}

.game_list {
	width: 100%;
	display: flex;
}

.game_list li {
	position: relative;
	width: calc(100% / 4);
	padding-bottom: calc(100% / 4 * 1.00985222);
	background: #ccf;
	transition: all 500ms cubic-bezier(0.55, 0, 0.42, 1);
}

.game_list li:nth-child(1) {
	background: url("../images/game-01.jpg") no-repeat center;
	background-size: 101%;
}

.game_list li:nth-child(2) {
	background: url("../images/game-02.jpg") no-repeat center;
	background-size: 101%;
}

.game_list li:nth-child(3) {
	background: url("../images/game-03.jpg") no-repeat center;
	background-size: 101%;
}

.game_list li:nth-child(4) {
	background: url("../images/game-04.jpg") no-repeat center;
	background-size: 101%;
}

.game_list li::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	background-color: rgba(0, 0, 0, 0.8);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60%;
	opacity: 0;
	transition: opacity 0.3s;
}

.game_list li:nth-child(1)::before {
	background-image: url("../images/icon_game_h1.svg");
}

.game_list li:nth-child(2)::before {
	background-image: url("../images/icon_game_h2.svg");
}

.game_list li:nth-child(3)::before {
	background-image: url("../images/icon_game_h3.svg");
}

.game_list li:nth-child(4)::before {
	background-image: url("../images/icon_game_h4.svg");
}

.game_list li::after {
	content: attr(data-txt);
	position: absolute;
	display: block;
	width: 100%;
	padding-top: 58%;
	color: #f7eca3;
	text-align: center;
	transition: opacity 0.3s;
	font-size: 30px;
	opacity: 0;
}

.service {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 600px;
	padding: 60px 0 250px 150px;
	background: #fff;
}

.service .mod_minitxt {
	line-height: 26px;
}

.service_pic {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 65%;
	height: 100%;
	background: url("../images/service_pic.jpg") no-repeat right center/contain;
	margin: auto 0;
	overflow: hidden;
}

.service_pic::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: url("../images/service_pic_light.png") no-repeat right center/contain;
	margin: auto 0;
	opacity: 0;
	animation: service_pic_light 2s infinite;
}

@keyframes service_pic_light {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.txt_box {
	text-align: left;
	position: relative;
	width: 50%;
	max-width: 820px;
	padding-right: 20px;
}

.sp_btn_box {
	/* 用relative 手機版active按鈕會沒反應 因此使用absolute */
	position: absolute;
	bottom: 50px;
	display: flex;
	-webkit-user-select: none;
	z-index: 2;
}

.game_btn {
	color: #000;
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(top,
			rgba(255, 255, 255, 1) 0%,
			rgba(176, 176, 176, 1) 100%);
	background: -webkit-linear-gradient(top,
			rgba(255, 255, 255, 1) 0%,
			rgba(176, 176, 176, 1) 100%);
	background: linear-gradient(to bottom,
			rgba(255, 255, 255, 1) 0%,
			rgba(176, 176, 176, 1) 100%);
}

.businese_btn {
	color: #fff;
	background: #03000f;
	background: -moz-linear-gradient(to bottom, #001829 0%, #03000f 100%);
	background: -webkit-linear-gradient(to bottom, #001829 0%, #03000f 100%);
	background: linear-gradient(to bottom, #001829 0%, #03000f 100%);
}

.sp_btn {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 250px;
	height: 100px;
	padding: 13px 15px;
	font-size: 12px;
	border-radius: 3px;
	transition-duration: 0.3s;
	box-shadow: 0 0 2px #000;
}

.sp_btn+.sp_btn {
	margin-left: 20px;
}

.icon_btn {
	top: 0;
	left: 10%;
	bottom: 0;
	display: inline-block;
	flex: 0 0 35px;
	height: 25px;
	margin: auto 0;
}

.btn_inf {
	display: flex;
	transition: transform 0.3s;
}

.icon_advantages {
	background: url("../images/icon_advantages_b.svg") no-repeat;
}

.icon_process {
	background: url("../images/icon_process_w.svg") no-repeat;
}

.big_txt {
	font-size: 24px;
}

.us .big_txt,
.th .big_txt,
.kh .big_txt {
	font-size: 18px;
}

.vn .big_txt {
	font-size: 18px;
}

.txt tt {
	white-space: nowrap;
}

.partner {
	position: relative;
	text-align: center;
	padding: 60px 150px 0;
	overflow: hidden;
	background: url("../images/bg_SP.jpg") no-repeat center top / cover;
}

.partner .mod_midtxt {
	color: #fff;
	margin-bottom: 80px;
}

.partner_ul {
	display: flex;
	max-width: 1920px;
	margin: auto;
}

.partner_ul li {
	position: relative;
	width: calc(100% / 4);
	padding: 50px 35px 30px;
	margin: 0 1%;
	background: #1282c3;
	background: -moz-linear-gradient(top, #1282c3 0%, #04051a 100%);
	background: -webkit-linear-gradient(top, #1282c3 0%, #04051a 100%);
	background: linear-gradient(to bpttom, #1282c3 0%, #04051a 100%);
	transition: 0.4s ease, opacity 0.4s ease, bottom 0.3s ease;
	transform: translateY(80px);
	opacity: 0;
	z-index: 1;
	bottom: 0;
	display: flex;
	flex-direction: column;
	/* justify-content: space-between; */
}

.tw .partner_ul li,
.cn .partner_ul li {
	padding: 50px 55px 30px;
}

.partner_ul li:nth-child(1) {
	animation: ani_partner 0.4s 0s linear forwards paused;
}

.partner_ul li:nth-child(2) {
	animation: ani_partner 0.4s 0.1s linear forwards paused;
}

.partner_ul li:nth-child(3) {
	animation: ani_partner 0.4s 0.3s linear forwards paused;
}

.partner_ul li:nth-child(4) {
	animation: ani_partner 0.4s 0.4s linear forwards paused;
}

.active .partner_ul li {
	animation-play-state: running;
}

.partner_ul li::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 70px;
	height: 70px;
	margin: 0 auto;
	border-radius: 50%;
	background: rgb(255, 255, 198);
	background: -moz-linear-gradient(-45deg,
			rgba(255, 255, 198, 1) 0%,
			rgba(250, 238, 169, 1) 50%,
			rgba(215, 165, 104, 1) 100%);
	background: -webkit-linear-gradient(-45deg,
			rgba(255, 255, 198, 1) 0%,
			rgba(250, 238, 169, 1) 50%,
			rgba(215, 165, 104, 1) 100%);
	background: linear-gradient(135deg,
			rgba(255, 255, 198, 1) 0%,
			rgba(250, 238, 169, 1) 50%,
			rgba(215, 165, 104, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffc6', endColorstr='#d7a568', GradientType=1);
	transform: translateY(-50%);
	transition: all 0.2s;
}

.partner_ul li::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 70px;
	height: 70px;
	margin: 0 auto;
	transform: translateY(-50%);
	transition: all 0.2s;
}

.list_num {
	font-size: 60px;
	color: #fff;
}

.list_txt {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	min-height: 80px;
	margin-bottom: 30px;
	color: #fff;
	font-size: 21px;
	line-height: 26px;
}

.partner_ul li:nth-child(1)::after {
	background: url("../images/icon_white.svg") no-repeat center/50%;
}

.partner_ul li:nth-child(2)::after {
	background: url("../images/icon_open.svg") no-repeat center/50%;
}

.partner_ul li:nth-child(3)::after {
	background: url("../images/icon_gear.svg") no-repeat center/50%;
}

.partner_ul li:nth-child(4)::after {
	background: url("../images/icon_line.svg") no-repeat center/50%;
}

.partner_pic {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 50px;
	flex-wrap: wrap;
	max-width: 1920px;
	margin: 50px auto 0;
}

.partner_pic li {
	position: relative;
	width: calc(100% / 6);
	/* padding-bottom: calc(100% / 6 * 0.22222222); */
	margin-bottom: 50px;
}

/* .partner_pic img{
	position: absolute;
	left: 0;right: 0;
	height: 100%;
	margin: 0 auto;
} */

.sop {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 30%;
	padding: 15px;
	background: #f9f8c4;
	background: -moz-linear-gradient(left,
			#f9f8c4 40%,
			#ebd179 83%,
			#c7915c 100%);
	background: -webkit-linear-gradient(left,
			#f9f8c4 40%,
			#ebd179 83%,
			#c7915c 100%);
	background: linear-gradient(to right,
			#f9f8c4 40%,
			#ebd179 83%,
			#c7915c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f8c4', endColorstr='#c7915c', GradientType=1);
	font-size: 18px;
	border-radius: 50px;
}

.tw .sop,
.cn .sop {
	font-size: 20px;
}

.sop::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0;
	right: 0;
	display: block;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	margin: auto;
	background: #2d3b66;
	background: -moz-linear-gradient(left, #2d3b66 0%, #000000 100%);
	background: -webkit-linear-gradient(left, #2d3b66 0%, #000000 100%);
	background: linear-gradient(to right, #2d3b66 0%, #000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d3b66', endColorstr='#000000', GradientType=1);
	border-radius: 50px;
}

.sop tt {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: rgba(255, 255, 195, 1);
	text-shadow: 1px 0px #000, 1px 1px 1px #000;
	font-weight: bold;
	/* linear-gradient(135deg,  rgba(255,255,195,1) 40%,rgb(136, 107, 11) 83%,rgba(204,148,92,1) 100%) */
}

.recruit {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}

.recruit .mod_bigtxt,
.recruit .mod_minitxt,
.recruit .mod_midtxt {
	color: #fff;
}

.recruit_txt {
	min-width: 80%;
	text-align: left;
	margin-top: 30px;
	line-height: 35px;
}

.recruit_l {
	width: 60%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: column;
	text-align: left;
	background: url("../images/bg_recruitement.jpg") no-repeat center/cover;
	opacity: 0;
	transform: translateX(-20%);
	transition-duration: 1s;
}

.recruit_r {
	position: relative;
	width: 40%;
	height: 600px;
	background: rgba(0, 0, 0, 0.9);
	overflow: hidden;
	opacity: 0;
	transform: translateX(20%);
	transition-duration: 1s;
}

.active .recruit_l,
.active .recruit_r {
	opacity: 1;
	transform: translateX(0);
}

.txtbox {
	text-align: left;
}

.recruit_group {
	display: flex;
	height: 100%;
	flex-direction: column;
	transition-duration: 1s;
}

.recruit_item {
	position: relative;
	top: 0;
	left: 0;
	padding: 0 70px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	flex: none;
	background: url("../images/recruit_pic1.jpg") no-repeat center/cover;
	transition-duration: 1s;
}

.recruit_item:nth-child(2) {
	background-image: url("../images/recruit_pic2.jpg");
}

.recruit_item:nth-child(3) {
	background-image: url("../images/recruit_pic3.jpg");
}

.recruit_item::before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom,
			rgba(0, 24, 41, 0.9) 0%,
			rgba(3, 0, 15, 0.9) 100%);
	top: 0;
	left: 0;
}

.recruit_item .sop {
	display: inline-flex;
	padding: 10px 40px;
}

.recruit_item .sop::before {
	content: none;
}

.recruit_dots {
	position: absolute;
	right: 10px;
	bottom: 20px;
}

.recruit_dots li {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #fff;
	transition: 0.2s;
}

.recruit_dots li.on {
	border: 1px solid #f9f8c4;
	background: -moz-linear-gradient(left,
			#f9f8c4 40%,
			#ebd179 83%,
			#c7915c 100%);
	background: -webkit-linear-gradient(left,
			#f9f8c4 40%,
			#ebd179 83%,
			#c7915c 100%);
	background: linear-gradient(to right,
			#f9f8c4 40%,
			#ebd179 83%,
			#c7915c 100%);
}

.recruit_dots li+li {
	margin-top: 10px;
}

.contact {
	position: relative;
	padding: 65px 70px 20px;
	background: url("../images/bg_contact.jpg") no-repeat center center/cover;
	text-align: center;
	overflow: hidden;
}

.contact_title,
.contact_note {
	display: inline-block;
	font-size: 32px;
	margin-bottom: 30px;
}

.contact_note {
	width: 100%;
	color: #fff;
}

.contact_title {
	border: 2px solid #000;
	font-weight: 700;
	padding: 15px 25px;
	opacity: 0;
	transition: transform 0.6s ease, opacity 0.6s ease;
}

.contact .mod_minitxt {
	color: #000;
	text-align: center;
	opacity: 0;
	transition: transform 0.6s ease, opacity 0.6s ease;
}

.active .contact_title,
.active.contact .mod_minitxt {
	opacity: 1;
}

.contact_box {
	position: relative;
	display: inline-block;
	padding: 50px 0;
	text-shadow: 1px 0px #000, 1px 1px 1px #000;
}

.contact_box a {
	display: flex;
	align-items: center;
	font-size: 24px;
	text-align: left;
	color: #fff;
	line-height: 35px;
	cursor: pointer;
	transition-duration: 0.3s;
}

.contact_box a::before {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: content;
}

.contact_box a:active {
	color: #ffffc3;
}

.webUrl::before {
	background-image: url("../images/icon_home.svg");
}

.skype::before {
	background-image: url("../images/icon_skype.svg");
}

.telegram::before {
	background-image: url("../images/icon_telegram.svg");
}

.contact_box li:last-child {
	justify-content: center;
}

.contact_box li+li {
	margin-top: 20px;
}

.contact .inp_move,
.submit_btn {
	opacity: 0;
	transition: transform 1s ease, opacity 1s ease;
}

.contact.active .inp_move {
	opacity: 1;
}

.inp_move:nth-child(2),
.inp_move:nth-child(3),
.submit_btn {
	transform: translateY(-55px);
}

.active .inp_move:nth-child(2) {
	transform: translateY(0);
	transition-delay: 0.1s;
}

.active .inp_move:nth-child(3) {
	transform: translateY(0);
	transition-delay: 0.2s;
}

.submit_btn {
	width: 100%;
	max-width: 200px;
	height: 50px;
	background: linear-gradient(to bottom,
			rgba(235, 202, 122, 1) 0%,
			rgba(255, 255, 198, 1) 100%);
	margin-top: 60px;
	border-radius: 3px;
	font-size: 21px;
	box-shadow: 0 1px 0 #fff inset, 0 -1px 0 rgba(0, 0, 0, 0.25) inset,
		0 17px 12px -12px rgba(0, 0, 0, 0.7);
}

.contact.active .submit_btn,
.login_btn {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 1s;
	animation: submit_bounce 2s infinite linear;
}

@-webkit-keyframes submit_bounce {

	0%,
	20%,
	53%,
	80%,
	100% {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translateZ(0);
	}

	40%,
	43% {
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translate3d(0, -20px, 0);
	}

	70% {
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translate3d(0, -15px, 0);
	}

	90% {
		transform: translate3d(0, -4px, 0);
	}
}

@keyframes submit_bounce {

	0%,
	20%,
	53%,
	80%,
	100% {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translateZ(0);
	}

	40%,
	43% {
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translate3d(0, -20px, 0);
	}

	70% {
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translate3d(0, -15px, 0);
	}

	90% {
		transform: translate3d(0, -4px, 0);
	}
}

.method {
	display: flex;
	color: #fff;
	justify-content: center;
	font-size: 13px;
}

.method li:first-child {
	padding-right: 10px;
	border-right: 1px solid #fff;
}

.method li+li {
	position: relative;
	margin-left: 50px;
}

.method li:not(:nth-child(1))::before {
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	right: calc(100% + 5px);
	top: 0;
	bottom: 0;
	margin: auto 0;
	vertical-align: middle;
}

.method li:nth-child(2)::before {
	background: url("../images/icon_wechat.svg") no-repeat center/contain;
}

.method li:nth-child(3)::before {
	background: url("../images/icon_skype.svg") no-repeat center/contain;
}

.method li:nth-child(4)::before {
	background: url("../images/icon_mail.svg") no-repeat center/contain;
}

footer {
	display: flex;
	height: 60px;
	justify-content: center;
	align-items: center;
	background: #000;
	color: #fff;
}

.mask {
	position: fixed;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.7);
	top: 0;
	left: 0;
	z-index: 11;
	overflow: hidden;
}

.mask._currency {
	background-color: rgba(255, 255, 255, 0.7);
}

.circle_mask {
	position: absolute;
	width: 0;
	height: 0;
	border-radius: 50%;
	overflow: hidden;
	opacity: 0;
	transition: width 1s, height 1s, opacity 1s 0.3s;
	display: flex;
	justify-content: center;
	align-items: center;
}

.active .circle_mask {
	width: 150vw;
	height: 150vw;
	opacity: 1;
}

@media screen and (max-aspect-ratio: 10/10) {
	.active .circle_mask {
		width: 150vh;
		height: 150vh;
		opacity: 1;
	}
}

.loading {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: auto;
	width: 100vw;
	height: 100vh;
	background: url("../images/bg_loading_pc.png") no-repeat center/cover,
		linear-gradient(to bottom, #fafafa 0%, #d9d9d9 100%);
}

.load {
	background: transparent;
}

.loading_logo {
	position: relative;
	width: 200px;
	height: 100px;
	/* background: url('../images/logo_loading1.png')no-repeat center/contain; */
	background: url("../images/icashWorldWide_logo.png") no-repeat center/contain;
	margin-bottom: 10px;
}

/* icash logo 星星用 */
.loading_logo::before,
.loading_logo::after {
	width: 41px;
	height: 40px;
	transform: scale(1) rotate(0deg);
}

.loading_logo::before {
	top: 7px;
	left: 24px;
	transform-origin: center;
	animation: logo_star 4s infinite alternate;
}

.loading_logo::after {
	top: 13px;
	left: 139px;
	transform-origin: center;
	animation: logo_star 4s infinite alternate;
}

@keyframes logo_star {
	0% {
		transform: scale(1) rotate(0deg);
		opacity: 1;
	}

	100% {
		transform: scale(0.6) rotate(360deg);
		opacity: 0.5;
	}
}

.loading_box {
	position: relative;
	width: 230px;
	height: 3px;
	border-radius: 50px;
	background: #007aad;
	margin-top: 5px;
}

.load_num {
	display: block;
	color: #2b9ebf;
	font-size: 14px;
}

.loading_bar {
	position: absolute;
	width: 100%;
	height: 5px;
	top: -1px;
	overflow: hidden;
}

.loading_bar span {
	position: absolute;
	width: 50%;
	height: 5px;
	border-radius: 50%;
	background: #007aad;
	transform: translateX(-60%);
	left: 80%;
}

.light_ball {
	position: absolute;
	display: inline-block;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 3px;
	height: 1px;
	border-radius: 50%;
	opacity: 1;
	left: 80%;
	box-shadow: 0px 0px 5px 3px #ffffff, 0px 0px 10px 3px #00ffff,
		0px 0px 13px 5px #00f0fe, 0px 0px 15px 7px #0090fc,
		0px 0px 20px 13px #006eee;
	animation: loading_bar 5s infinite;
}

@keyframes loading_bar {
	0% {
		opacity: 1;
	}

	25% {
		opacity: 0.7;
	}

	50% {
		opacity: 1;
	}

	75% {
		opacity: 0.7;
	}

	100% {
		opacity: 1;
	}
}

.login {
	opacity: 0;
	transition-duration: 1s;
}

.login.active {
	opacity: 1;
}

.login_box {
	position: relative;
	width: 100%;
	max-width: 860px;
	display: flex;
	background: #244269;
	box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.8);
}

.login_close_btn {
	position: absolute;
	width: 25px;
	height: 25px;
	background: url("../images/icon_close.svg") no-repeat center/cover;
	top: 10px;
	right: 10px;
	z-index: 1;
}

.login_pic {
	width: 40%;
	height: 580px;
	background: url("../images/pic_login.jpg") no-repeat center/cover;
}

.login_pic .txt {
	width: 45%;
	display: flex;
	margin: 0 auto;
	flex-wrap: wrap;
	padding-top: 100px;
}

.login_pic .txt .mod_minitxt {
	width: 100%;
	text-align: right;
}

.login_txt {
	width: 60%;
	padding: 80px 75px;
	color: #b5c3c9;
	font-size: 16px;
}

.login_title {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	flex-wrap: wrap;
	margin-bottom: 45px;
	color: #fff;
}

.login_acc,
.login_pwd {
	position: relative;
	width: 100%;
	height: 50px;
	background: rgba(0, 0, 0, 0.8);
	margin-bottom: 35px;
	border-radius: 3px;
}

.login_acc::before,
.login_pwd::before {
	content: "";
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	top: 0;
	bottom: 0;
	left: 20px;
	margin: auto;
}

.login_acc::before {
	background: url("../images/icon_acc.svg") no-repeat center/contain;
}

.login_pwd::before {
	background: url("../images/icon_pwd.svg") no-repeat center/contain;
}

.login_inp {
	width: 100%;
	height: 100%;
	color: #fff;
	padding-left: 60px;
	font-size: 16px;
}

.login_remember {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	margin-bottom: 30px;
}

.login_remember input {
	display: none;
}

.remember_inp {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: rgba(0, 0, 0, 0.8);
	margin-right: 8px;
	border-radius: 3px;
}

.login_remember input:checked~.remember_inp::before {
	content: "";
	display: block;
	position: absolute;
	width: 10px;
	height: 5px;
	border-width: 2px 2px;
	border-style: none none solid solid;
	border-color: #ffffff #ffffff;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 3px;
	transform: rotate(-45deg);
}

.login_btn {
	width: 100%;
	height: 50px;
	font-size: 18px;
	background: linear-gradient(to right,
			rgba(255, 255, 195, 1) 40%,
			rgba(240, 213, 122, 1) 83%,
			rgba(204, 148, 92, 1) 100%);
	border-radius: 3px;
	margin-bottom: 30px;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) inset,
		0 17px 12px -12px rgba(0, 0, 0, 0.7);
	transition: 0.4s;
}

.login_btn:active {
	background: linear-gradient(to right,
			rgba(255, 255, 195, 1) 40%,
			rgba(240, 213, 122, 1) 83%,
			rgba(204, 148, 92, 1) 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) inset,
		0 0 0 1px rgba(0, 0, 0, 0.4), 0 1px 3px 1px rgba(0, 0, 0, 0.6);
}

.login_forgot_btn {
	display: block;
	width: 100%;
	text-align: center;
}

.normal_loading {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 11;
}

.normal_loading.on {
	display: flex;
}

.normal_loading_txt {
	margin-top: 10px;
	color: #0579ad;
	font-size: 20px;
	text-shadow: 1px 1px #fff;
}

.lds-default {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.lds-default div {
	position: absolute;
	width: 6px;
	height: 6px;
	background: #0479ad;
	border-radius: 50%;
	animation: lds-default 1.2s linear infinite;
	box-shadow: 0 0 1px 1px #fff;
}

.lds-default div:nth-child(1) {
	animation-delay: 0s;
	top: 37px;
	left: 66px;
}

.lds-default div:nth-child(2) {
	animation-delay: -0.1s;
	top: 22px;
	left: 62px;
}

.lds-default div:nth-child(3) {
	animation-delay: -0.2s;
	top: 11px;
	left: 52px;
}

.lds-default div:nth-child(4) {
	animation-delay: -0.3s;
	top: 7px;
	left: 37px;
}

.lds-default div:nth-child(5) {
	animation-delay: -0.4s;
	top: 11px;
	left: 22px;
}

.lds-default div:nth-child(6) {
	animation-delay: -0.5s;
	top: 22px;
	left: 11px;
}

.lds-default div:nth-child(7) {
	animation-delay: -0.6s;
	top: 37px;
	left: 7px;
}

.lds-default div:nth-child(8) {
	animation-delay: -0.7s;
	top: 52px;
	left: 11px;
}

.lds-default div:nth-child(9) {
	animation-delay: -0.8s;
	top: 62px;
	left: 22px;
}

.lds-default div:nth-child(10) {
	animation-delay: -0.9s;
	top: 66px;
	left: 37px;
}

.lds-default div:nth-child(11) {
	animation-delay: -1s;
	top: 62px;
	left: 52px;
}

.lds-default div:nth-child(12) {
	animation-delay: -1.1s;
	top: 52px;
	left: 62px;
}

@keyframes lds-default {

	0%,
	20%,
	80%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.5);
	}
}

.alert {
	display: none;
	opacity: 0;
}

.alert.on {
	display: flex;
	animation: alertAniShow 0.8s 0.3s forwards;
}

@keyframes alertAniShow {
	0% {
		display: flex;
		opacity: 0;
	}

	10% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

.alert_box {
	position: relative;
	min-width: 360px;
	padding: 20px;
}

.alert_title {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	margin-bottom: 5px;
	background-color: #fff;
	color: #969696;
	border-radius: 4px;
	font-size: 18px;
}

.alert_body {
	min-height: 50px;
	margin-bottom: 20px;
	padding: 0 20px;
	background-color: #fff;
	border-radius: px;
	font-size: 18px;
}

.alert_ul {
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	flex-direction: column;
	width: 100%;
	height: 0;
	padding: 0 10px;
	transition-duration: 0.3s;
}

.normal_select.on+.alert_ul {
	height: 150px;
	padding-bottom: 10px;
}

.alert_ul li {
	flex: none;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	background-color: #fff;
	color: #969696;
	cursor: pointer;
	border-radius: 50px;
	transition-duration: 0.3s;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
}

.alert_tab {
	display: flex;
	margin-bottom: 5px;
}

.alert_tab_item {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 50px;
	border-radius: 4px;
	font-size: 18px;
	background-color: #fff;
	color: #969696;
	cursor: pointer;
	transition-duration: 0.3s;
	/* border-width: 2px;
    border-color: #fff;
    border-style: solid; */
}

.alert_tab_item span,
.alert_tab_item:not(.on)._free span {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	background-color: #fff;
	border-radius: 4px;
}

.alert_tab_item:not(.on)._free span {
	background: linear-gradient(to right, #ffffad 50%, #b6805c 100%);
	transition-duration: 0.3s;
}

.alert_tab_item:not(.on)._free {
	overflow: hidden;
	background-color: #ffe69c;
	color: #240913;
}

.alert_tab_item:not(.on)._free::before,
.alert_tab_item:not(.on)._free::after {
	content: "";
	position: absolute;
	top: -50%;
	left: 0%;
	bottom: -50%;
	width: 30px;
	pointer-events: none;
}

.alert_tab_item:not(.on)._free::before {
	background: linear-gradient(to right,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.01) 1%,
			rgba(255, 253, 209, 0.68) 36%,
			rgba(255, 255, 255, 0.75) 49%,
			rgba(255, 253, 209, 0.68) 62%,
			rgba(255, 255, 255, 0) 100%);
	animation: newflashBack 2s infinite;
}

.alert_tab_item:not(.on)._free::after {
	background: linear-gradient(to right,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.01) 1%,
			rgba(255, 253, 209, 0.5) 36%,
			rgba(255, 255, 255, 0.68) 49%,
			rgba(255, 253, 209, 0.51) 62%,
			rgba(255, 255, 255, 0) 100%);
	animation: 2s newflash infinite;
}

.alert_tab_item+.alert_tab_item {
	margin-left: 10px;
}

.alert_tab_item.on {
	background-color: #1d84cc;
}

.alert_tab_item.on span {
	background-color: #1d84cc;
	color: #fff;
}

.normal_select {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	/* height: 50px; */
}

.normal_select select {
	width: 100%;
	height: 50px;
	text-align: center;
	font-size: 18px;
	color: #1d84cc;
}

.normal_select_title {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	color: #1d84cc;
	cursor: pointer;
}

.normal_select::after {
	content: "";
	position: absolute;
	right: 5px;
	display: block;
	width: 15px;
	height: 15px;
	background: url("../images/icon_arrow.svg") no-repeat center/contain;
	transition-duration: 0.3s;
}

.normal_select.on::after {
	transform: rotate(180deg);
}

.alert_func {
	display: flex;
	justify-content: center;
	align-items: center;
}

.normal_btn {
	width: 100%;
	max-width: 200px;
	min-height: 50px;
	background-color: #1d84cc;
	color: #fff;
	font-size: 18px;
	border-radius: 100px;
	transition-duration: 0.3s;
}

.menu_game_btn {
	font-weight: bold;
	text-align: center;
	background: linear-gradient(to right,
			#fff 20%,
			rgba(255, 255, 195, 1) 40%,
			rgba(204, 148, 92, 1) 60%,
			#fff 80%);
	/* rgba(255,255,195,1) 40%,rgb(136, 107, 11) 83%,rgba(204,148,92,1) 100% */
	background-size: 200% auto;
	text-shadow: none;
	background-clip: text;
	/* text-fill-color: transparent; */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	animation: shine 1s linear infinite;
}

@keyframes shine {
	to {
		background-position: -200% center;
	}
}

@-webkit-keyframes ani_partner {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
		transform: translate(0);
	}
}

@keyframes ani_partner {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
		transform: translate(0);
	}
}

.login_input {
	flex-direction: column;
	padding: 0 20px;
}

.login_input input {
	display: block;
	width: 100%;
	height: 50px;
	padding: 0 10px;
	background-color: #f7f7f7;
	border-left: 3px solid #1d84cc;
	font-size: 16px;
}

.login_input input+input {
	margin-top: 5px;
}

/* .login_show {
	display: none;
} */

.alert_title.login_show,
.login_input.login_show {
	overflow: hidden;
	height: 0;
	transition-duration: 0.3s;
}

.alert_title.login_show {
	opacity: 0;
}

.login_input.login_show {
	opacity: 0;
	transform: translateY(-20px);
}

.loginMem .alert_title.login_show {
	height: 50px;
	animation: showAlertTitle 0.5s 0.1s forwards;
}

.loginMem .login_input.login_show {
	height: 105px;
	animation: showAlertInput 0.5s 0.1s forwards;
}

.alert_close {
	position: absolute;
	bottom: 100%;
	right: 20px;
	width: 30px;
	height: 30px;
	background: url("../images/icon_cancel.svg") no-repeat center/contain;
	border-radius: 50%;
	/* transform: translateY(-100%); */
	/* transform: translate(70%, -100%);
    box-shadow: 3px 3px 3px #ccc; */
	cursor: pointer;
	transition-duration: 0.3s;
}

@keyframes showAlertTitle {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes showAlertInput {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes newflashBack {

	0%,
	50% {
		transform: translate3d(800%, 0, 0) rotate(-35deg);
	}

	100% {
		transform: translate3d(-300%, 0, 0) rotate(-35deg);
	}
}

@keyframes newflash {
	0% {
		transform: translate3d(-300%, 0, 0) rotate(-35deg);
	}

	50%,
	100% {
		transform: translate3d(800%, 0, 0) rotate(-35deg);
	}
}

.select_showPC {
	display: none;
}

.select_showPH {
	display: block;
}

/*   */

@media (max-width: 1440px) {
	.banner_pic {
		padding-bottom: calc(50% * 0.84642857);
	}

	.txt_box::after {
		top: 85%;
	}

	.sp_btn_box {
		margin-top: 100px;
	}

	.game_list li::after {
		font-size: 26px;
	}

	.list_num {
		font-size: 46px;
	}

	.list_txt {
		font-size: 18px;
	}

	.partner {
		padding: 80px 150px 0;
	}

	.menu>li+li {
		padding: 0 10px;
	}

	.menu>li:last-child {
		padding: 0px 18px 0px 32px;
	}
}

@media (max-width: 1280px) {
	.home_txt li.title {
		font-size: 20px;
	}

	.banner_item {
		padding: 0 0 40px 100px;
	}

	.banner_item1 {
		padding: 0 100px 40px 0;
	}

	.product_inf {
		padding-left: 100px;
	}

	.game_list li::after {
		font-size: 20px;
	}

	.service {
		min-height: auto;
		padding: 60px 0 250px 100px;
	}

	.partner {
		padding: 80px 100px 0;
	}

	.partner_ul li {
		padding: 50px 15px 30px;
	}

	.recruit_item {
		padding: 35px;
	}

	.recruit_txt {
		margin-top: 20px;
	}
}

@media (max-width: 1024px) {
	.menu {
		flex-direction: column;
		align-items: flex-start;
	}

	.menu_btn {
		position: relative;
		width: 30px;
		height: 30px;
		display: flex;
		align-items: center;
		z-index: 10;
	}

	.menu_btn i {
		position: relative;
		display: block;
		width: 100%;
		height: 2px;
		background: #fff;
		z-index: 1;
		transition-duration: 0.3s;
	}

	.menu_btn i::before,
	.menu_btn i::after {
		content: "";
		position: relative;
		left: 0;
		display: block;
		height: 2px;
		background: #fff;
		transition-duration: 0.3s;
	}

	.menu_btn i::before {
		width: calc(100% - 10px);
		top: calc(100% + 5px);
	}

	.menu_btn i::after {
		width: 100%;
		bottom: calc(100% + 7px);
	}

	.menu_btn.active i {
		background: transparent;
	}

	.menu_btn.active i::before {
		width: 100%;
		top: 0;
		transform: rotate(-45deg) translateY(50%);
	}

	.menu_btn.active i::after {
		bottom: 0;
		transform: rotate(45deg) translateY(-50%);
	}

	.menu_btn.active~.menu_panel {
		right: 0;
	}

	.menu_panel {
		position: fixed;
		width: 40%;
		height: 100vh;
		top: 0;
		right: -100%;
		background: rgba(0, 0, 0, 0.9);
		transition-duration: 0.3s;
	}

	.menu>li:not(:nth-child(1)) {
		width: 100%;
		height: 50px;
		padding: 10px 30px;
		line-height: 30px;
		color: #979797;
		font-size: 20px;
	}

	.menu li.active {
		color: #fff;
	}

	.menu>li:not(:nth-child(1)):hover,
	.second_menu>li:hover {
		color: #fff;
		background: rgba(255, 255, 255, 0.2);
	}

	.menu li.logo_title {
		display: list-item;
		height: 60px;
		margin: 15px 0 30px;
	}

	.menu>li+li,
	.menu>li:last-child {
		margin-left: 0;
	}

	.lang_title {
		display: block;
	}

	.menu>li:last-child span {
		display: flex;
		justify-content: space-between;
	}

	.second_menu {
		width: 100%;
		left: 0;
		text-align: center;
		color: #979797;
		border: none;
		background: transparent;
	}

	.us .home_info,
	.kr .home_info,
	.jp .home_info,
	.vn .home_info,
	.in .home_info,
	.th .home_info {
		left: 0;
	}

	.banner_item {
		padding-left: 50px;
	}

	.banner_item1 {
		padding: 0 50px 40px 0;
	}

	.banner_item3 {
		padding-left: 0;
	}

	.product_inf {
		padding-left: 50px;
		padding-right: 50px;
	}

	.product_pic {
		flex: 0 0 65%;
	}

	.product_p2 {
		top: -60px;
	}

	.product_p3 {
		width: 50%;
	}

	.game_list li::after {
		font-size: 14px;
	}

	.service {
		padding: 60px 50px 250px;
	}

	.txt_box::before {
		width: 150px;
		right: 96%;
	}

	.txt_box::after {
		top: 95%;
		width: 100px;
	}

	.partner {
		padding: 80px 50px 0;
	}

	.partner_ul li,
	.tw .partner_ul li,
	.cn .partner_ul li {
		padding: 50px 15px 30px;
	}

	.partner_pic li {
		position: relative;
		width: calc(100% / 6);
		/* padding-bottom: calc(100% / 6 * 0.22222222); */
		margin-bottom: 50px;
	}

	.sop {
		font-size: 18px;
	}

	.loading {
		background: url("../images/bg_loading_ph.png") no-repeat center/cover,
			linear-gradient(to bottom, #fafafa 0%, #d9d9d9 100%);
	}

	.menu_panel {
		overflow-x: hidden;
		overflow-y: auto;
	}

	.lang_txtbox tt::before,
	.lang_txt::after {
		display: none;
	}

	.lang_txtbox select {
		display: block;
	}

	.lang.active .second_menu {
		display: none;
	}

	.second_menu>li {
		font-size: 18px;
	}
}

@media (max-width: 768px) {
	.home {
		min-height: 500px;
	}

	.title {
		font-size: 21px;
	}

	.home_info {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		top: 20%;
		left: 0;
	}

	.home_txt {
		margin: 60px auto 0;
		padding: 0 30px 0 60px;
	}

	.home_txt::before {
		width: 90px;
		left: 30px;
	}

	.us .home_txt::before,
	.kr .home_txt::before,
	.jp .home_txt::before,
	.vn .home_txt::before,
	.in .home_txt::before,
	.th .home_txt::before,
	.kh .home_txt::before {
		width: 170px;
		left: 20px;
	}

	.home_txt ul {
		min-width: 250px;
		line-height: 16px;
	}

	.kr .home_txt ul {
		min-width: 355px;

	}

	.jp .home_txt ul,
	.vn .home_txt ul {
		min-width: 400px;
	}

	.kh .home_txt ul {
		min-width: 380px;
	}

	.th .home_txt ul,
	.in .home_txt ul {
		min-width: 350px;
	}

	.home_txt ul::before {
		width: 95px;
		left: -95px;
	}

	.home_txt ul::after {
		width: 95px;
		right: -95px;
	}

	.home_txt li:not(.title) {
		font-size: 12px;
	}

	.home_txt li.title {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.home_info .mod_midtxt {
		padding-left: 0;
		font-size: 30px;
	}

	.txt_icon {
		display: none;
	}

	.banner_btn {
		bottom: 25%;
	}

	.banner_bigtxt {
		margin-bottom: 10px;
	}

	.banner_minitxt {
		line-height: 22px;
	}

	.banner_item {
		align-content: center;
	}

	.banner_item1,
	.banner_item4 {
		flex-wrap: wrap;
		padding-left: 0;
		padding-bottom: 40px;
		justify-content: flex-end;
	}

	.banner_item2,
	.banner_item4 {
		flex-wrap: wrap-reverse;
		padding-left: 0;
		padding-bottom: 40px;
		justify-content: flex-end;
	}

	.banner_txtbox {
		width: 100%;
		padding: 0px 70px;
		margin-top: 20px;
	}

	.banner_pic {
		width: 100%;
		padding-bottom: calc(100% * 0.84642857);
	}

	.banner_item1 {
		padding-right: 0;
		background: url(../images/bg_banner02.jpg) no-repeat left center / contain;
	}

	.banner_item2 {
		padding-top: 50px;
		background: url("../images/bg_banner03.jpg") no-repeat right top/contain;
	}

	.banner_item2 .banner_txtbox {
		width: 100%;
		max-width: none;
	}

	.banner_item2 .banner_pic {
		padding-bottom: calc(80% * 0.84642857);
	}

	.banner_item3 {
		background: url("../images/bg_banner04.jpg") no-repeat center / cover;
	}

	.banner_item3 .banner_minitxt {
		width: 100%;
	}

	.banner_item3 .banner_txtbox {
		flex-direction: column;
		align-items: flex-start;
	}

	.banner_item3 .banner_pic {
		padding-bottom: calc(70% * 0.84642857);
	}

	.pic_cell02 {
		left: 36%;
		transition: all 500ms cubic-bezier(0.55, 0, 0.42, 1) 0s;
		transition-delay: 0.3s;
	}

	.pic_cell03 {
		transition: all 500ms cubic-bezier(0.55, 0, 0.42, 1) 0s;
		transition-delay: 0.3s;
	}

	img.pic_peopel1 {
		height: 85%;
		top: 30%;
		right: 25%;
	}

	.active.banner_item4 .pic_peopel1 {
		top: 15%;
	}

	img.pic_peopel2 {
		top: 0;
		height: 70%;
	}

	.active.banner_item4 .pic_peopel2 {
		right: 55%;
	}

	img.pic_peopel3 {
		top: 10%;
		height: 80%;
	}

	.active.banner_item4 .pic_peopel3 {
		right: 0;
	}

	img.pic_peopel4 {
		top: 9%;
		left: 28%;
		height: 85%;
	}

	.active.banner_item4 .pic_peopel4 {
		top: -18%;
	}

	.txt_box::before,
	.txt_box::after,
	.lang_txtbox tt::before,
	.lang_txt::after {
		display: none;
	}

	.lang_txtbox select {
		display: block;
	}

	.lang.active .second_menu {
		display: none;
	}

	.second_menu>li {
		font-size: 18px;
	}

	.product {
		padding-top: 80px;
	}

	.product_inf {
		width: 100%;
		flex-direction: column;
		padding: 0 0 30px 0;
	}

	.product_txt {
		width: 100%;
		padding: 0 70px;
	}

	.product_pic {
		position: relative;
		width: 100%;
		padding-bottom: calc(100% * 0.43515038);
		margin-top: 35px;
	}

	.product_p1 {
		top: auto;
		margin: 0;
		left: 20px;
	}

	.product_p2 {
		top: -15px;
		left: 20px;
	}

	.product_p3 {
		top: auto;
		margin: 0;
		right: -20px;
	}

	.partner_ul {
		flex-wrap: wrap;
		justify-content: center;
	}

	.partner_ul li {
		width: calc(100% / 2 - 4%);
		margin: 0 2% 50px;
	}

	.partner_ul li:nth-child(3),
	.partner_ul li:nth-child(4) {
		margin: 0 2%;
	}

	.game_list li::after {
		padding-top: 62%;
		font-size: 24px;
	}

	.sp_btn_box {
		justify-content: center;
		order: 3;
		margin-top: 50px;
	}

	.game_list li {
		flex: 0 0 45%;
		padding-bottom: calc(45% * 1.00985222);
	}

	.game_list li::before {
		background-size: 80%;
	}

	.method {
		font-size: 14px;
	}

	.product_txt .mod_midtxt,
	.service .mod_midtxt {
		margin-bottom: 10px;
	}

	.service {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		padding: 0 0 200px;
	}

	.txt_box {
		padding: 20px 70px 60px;
		width: 100%;
	}

	.service_pic {
		position: relative;
		width: 100%;
		height: 500px;
	}

	.list_txt {
		margin-bottom: 20px;
	}

	.partner_pic {
		padding: 0;
	}

	.partner_pic li {
		position: relative;
		width: calc(100% / 4);
		margin-bottom: 50px;
	}

	.contact {
		padding: 65px 0 20px;
	}

	.recruit_l .mod_bigtxt {
		font-size: 45px;
	}

	.recruit_l .mod_midtxt {
		font-size: 30px;
	}

	.recruit_l,
	.recruit_r {
		width: 100%;
		height: 300px;
	}

	.recruit_item {
		padding: 30px 70px;
	}

	.recruit_dots {
		right: 0;
		display: flex;
		justify-content: center;
		width: 100%;
	}

	.recruit_dots li+li {
		margin-top: 0;
		margin-left: 10px;
	}

	.login_box {
		height: 100%;
	}

	.login_forgot_btn,
	.login_remember {
		color: #fff;
	}

	.login_txt {
		position: relative;
		width: 100%;
		padding: 80px 30px;
	}

	.login_pic {
		position: absolute;
		width: 100%;
		height: 100%;
	}

	.login_title {
		margin-bottom: 50px;
	}
}

@media (max-width: 576px) {

	.kr .home_txt ul,
	.kh .home_txt ul {
		min-width: 270px;
	}

	.jp .home_txt ul,
	.in .home_txt ul {
		min-width: auto;
	}

	.banner_txtbox {
		padding: 0 30px;
	}

	.mod_midtxt,
	.banner_bigtxt {
		font-size: 28px;
	}

	.product_txt {
		padding: 0;
	}

	.product {
		padding-top: 50px;
	}

	.game_list li::after {
		font-size: 14px;
	}

	.txt_box {
		padding: 0 30px 65px;
	}

	.partner {
		padding: 50px 15px 0;
	}

	.sop {
		font-size: 14px;
		height: auto;
	}

	.service {
		padding: 0 0 150px;
	}

	.sp_btn_box {
		bottom: 0;
	}

	.sp_btn {
		width: 100%;
	}

	.sp_btn+.sp_btn {
		margin-left: 0;
	}

	.contact {
		padding: 65px 20px 20px;
	}

	.method {
		font-size: 12px;
		flex-direction: column;
		align-items: center;
	}

	.method li {
		align-items: center;
		height: 30px;
		line-height: 30px;
	}

	.sp_btn {
		padding: 10px 5px;
	}

	.big_txt {
		font-size: 20px;
	}

	.us .big_txt,
	.vn .big_txt,
	.th .big_txt,
	.kh .big_txt {
		font-size: 14px;
	}

	.product_txt {
		padding: 0 30px;
	}

	.menu_panel {
		width: 100%;
	}

	.method li+li {
		margin-left: 0;
	}

	.method li:first-child {
		border-right: none;
	}

	.sp_btn {
		border-radius: 0;
	}

	.partner_pic {
		margin-top: 50px;
		padding: 0 15px;
	}

	.partner_pic li {
		margin-bottom: 30px;
	}

	.partner_pic img:nth-child(2) {
		transform: translateX(0);
	}

	.partner_pic img:nth-child(3) {
		float: left;
	}

	.partner_pic img:nth-child(3),
	.partner_pic img:nth-child(4) {
		width: 50%;
	}

	.contact_box a {
		font-size: 16px;
	}

	.contact_box a::before {
		width: 35px;
		height: 35px;
	}

	.txt_box {
		padding: 0 30px;
	}

	.recruit_item {
		padding: 40px;
	}
}

@media (max-width: 414px) {
	.banner {
		padding-top: 30px;
	}

	.icon_btn {
		width: 30px;
		height: 20px;
	}

	.start_box span:nth-child(2n) {
		display: none;
	}

	.sp_btn_box {
		margin-top: 50px;
	}

	.service_pic {
		height: 260px;
		background-size: 80%;
	}

	.service_pic::after {
		background-size: 80%;
	}

	.inp_group .inp_txt:first-child {
		width: 110px;
	}

	.tw .home_txt ul,
	.cn .home_txt ul,
	.us .home_txt ul,
	.kr .home_txt ul,
	.jp .home_txt ul,
	.vn .home_txt ul,
	.in .home_txt ul,
	.th .home_txt ul,
	.kh .home_txt ul {
		min-width: auto;
	}
}

@media (max-width: 360px) {
	.txt_icon li {
		width: 45px;
		height: 45px;
	}

	.partner_pic li {
		position: relative;
		width: calc(100% / 2);
		margin-bottom: 50px;
	}
}

@media (max-width: 320px) {
	.product_txt {
		padding: 0 15px 30px;
	}

	.product_pic {
		height: 150px;
	}

	.banner_bigtxt {
		margin-bottom: 5px;
	}

	.banner_txtbox,
	.txt_box {
		padding: 0 15px;
	}
}

@media (pointer: fine),
(pointer: fine) and (-moz-touch-enabled: 0),
screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.contact_box a:hover {
		color: #ffffc3;
	}

	.banner_dots li:not(.on):hover {
		background: #fff;
		box-shadow: 0px 0px 2px 1px rgba(7, 135, 227, 0.6),
			0px 0px 4px 3px rgba(7, 135, 227, 0.4);
	}

	.game_btn:hover {
		box-shadow: 0px 0px 2px 1px rgba(7, 135, 227, 0.6),
			0px 0px 4px 3px rgba(7, 135, 227, 0.4),
			inset 0px 0px 2px 1px rgba(7, 135, 227, 0.6),
			inset 0px 0px 4px 3px rgba(7, 135, 227, 0.4);
	}

	.sp_btn:nth-child(2):hover {
		box-shadow: 0px 0px 2px 1px rgba(255, 255, 255, 0.6),
			0px 0px 6px 2px rgba(255, 255, 255, 0.4),
			inset 0px 0px 2px 1px rgba(255, 255, 255, 0.6),
			inset 0px 0px 6px 2px rgba(255, 255, 255, 0.4);
		border: 1px solid white;
	}

	.sp_btn:hover>.btn_inf {
		transform: scale(1.1);
	}

	.menu>li:hover:after {
		width: 100%;
		opacity: 1;
	}

	.contact.active .submit_btn:hover,
	.login_btn:hover {
		background: linear-gradient(to bottom,
				rgb(205, 181, 125) 0%,
				rgba(255, 255, 198, 1) 100%);
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset,
			0 -1px 0 rgba(255, 255, 255, 0.4) inset,
			0 0 0 1px rgba(0, 0, 0, 0.4), 0 1px 3px 1px rgba(0, 0, 0, 0.6);
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset,
			0 -1px 0 rgba(255, 255, 255, 0.4) inset,
			0 0 0 1px rgba(0, 0, 0, 0.4), 0 1px 3px 1px rgba(0, 0, 0, 0.6);
		animation: none;
	}

	.game_list li:hover {
		background-size: 120%;
	}

	.game_list li:hover::before,
	.game_list li:hover::after {
		opacity: 1;
	}

	.partner_ul li:hover {
		bottom: 20px;
		will-change: transform;
	}

	.partner_ul li:hover::after {
		background-size: 60%;
		will-change: transform;
	}

	.alert_ul li:hover {
		color: #1d84cc;
		border-color: #1d84cc;
	}

	.select_showPC {
		display: flex;
	}

	.select_showPH {
		display: none;
	}

	.normal_btn:hover {
		opacity: 0.7;
	}

	.alert_tab_item:not(.on)._free:hover span {
		box-shadow: 0 0 3px #fbe2b0 inset, 0 0 6px #fbe2b0 inset;
	}

	.alert_tab_item:not(.on):not(._free):hover {
		color: #1d84cc;
		background-color: #1d84cc;
	}

	.alert_close:hover {
		box-shadow: 0 0 0 #ccc;
	}
}

.banner_dots li:not(.on):active {
	background: #fff;
	box-shadow: 0px 0px 2px 1px rgba(7, 135, 227, 0.6),
		0px 0px 4px 3px rgba(7, 135, 227, 0.4);
}

.game_btn:active {
	box-shadow: 0px 0px 2px 1px rgba(7, 135, 227, 0.6),
		0px 0px 4px 3px rgba(7, 135, 227, 0.4),
		inset 0px 0px 2px 1px rgba(7, 135, 227, 0.6),
		inset 0px 0px 4px 3px rgba(7, 135, 227, 0.4);
}

.businese_btn:active {
	box-shadow: 0px 0px 2px 1px rgba(255, 255, 255, 0.6),
		0px 0px 6px 2px rgba(255, 255, 255, 0.4),
		inset 0px 0px 2px 1px rgba(255, 255, 255, 0.6),
		inset 0px 0px 6px 2px rgba(255, 255, 255, 0.4);
}

.sp_btn:active>.btn_inf {
	transform: scale(1.1);
}

.menu>li:active:after,
.menu>.lang.active:after {
	width: 100%;
	opacity: 1;
}

.contact.active .submit_btn:active .login_btn:active {
	background: linear-gradient(to bottom,
			rgb(205, 181, 125) 0%,
			rgba(255, 255, 198, 1) 100%);
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset,
		0 -1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(0, 0, 0, 0.4),
		0 1px 3px 1px rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset,
		0 -1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(0, 0, 0, 0.4),
		0 1px 3px 1px rgba(0, 0, 0, 0.6);
	animation: none;
}

.game_list li:active {
	background-size: 120%;
}

.game_list li:active::before,
.game_list li:active::after {
	opacity: 1;
}

.submit_btn:active,
.login_btn:active {
	background: linear-gradient(to bottom,
			rgb(205, 181, 125) 0%,
			rgba(255, 255, 198, 1) 100%);
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset,
		0 -1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(0, 0, 0, 0.4),
		0 1px 3px 1px rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset,
		0 -1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(0, 0, 0, 0.4),
		0 1px 3px 1px rgba(0, 0, 0, 0.6);
}

.partner_ul li:active {
	bottom: 20px;
	will-change: transform;
}

.partner_ul li:active::after {
	background-size: 60%;
	will-change: transform;
}

.alert_ul li:active {
	color: #1d84cc;
	border-color: #1d84cc;
}

.normal_btn:active {
	opacity: 0.7;
}

.alert_tab_item:not(.on)._free:active {
	box-shadow: 0 0 3px #fbe2b0 inset, 0 0 6px #fbe2b0 inset;
}

.alert_tab_item:not(.on):not(._free):active {
	color: #1d84cc;
	border-color: #1d84cc;
}

.alert_close:active {
	box-shadow: 0 0 0 #ccc;
}