PageSourceSearch

https://khongminhtruyen.com/dashboard/

html khongminhtruyen.com collected 2026-09-24 13:45:58 UTC 89,631 bytes, 4,428 lines download raw bytes

1<!DOCTYPE html>
2<html lang="vi">
3<head>
4    <meta charset="utf-8">
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=yes">
7    <meta name="theme-color" content="#fff">
8    <meta http-equiv="Access-Control-Allow-Origin" content="*">
9    <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet">
10    <title>Game Chiến Thuật | Thẻ tướng hay nhất </title>
11	<link href="https://khongminhtruyen.com/dashboard/" rel="canonical" data-react-helmet="true">
12    <meta name="description" content="Đăng nhập tài khoản CHPlay" data-react-helmet="true">
13    <meta name="og:site_name" content="Khổng Minh Truyện" data-react-helmet="true">
14    <meta name="og:type" content="article" data-react-helmet="true">
15    <meta name="og:title" content="Đăng nhập | CHPlay" data-react-helmet="true">
16    <meta name="og:url" content="Đăng nhập | CHPlay" data-react-helmet="true">
17    <meta name="og:description" content="Đăng nhập tài khoản CHPlay" data-react-helmet="true">
18	
19	
20    <link rel="stylesheet" type="text/css" href="/templates/react/build/styles.css">
21    <!--<link rel="stylesheet" type="text/css" href="/templates/react/build/news.css">-->
22	<!--Cute js and toast-->
23   
24	<link href="/template/cute/cute-alert.css" rel="stylesheet">
25	
25<script defer src="/template/cute/cute-alert.js"></script>
25
26	
26<script defer src="/template/toast/toastr.min.js"></script>
26	
27	<link rel="stylesheet" type="text/css" href="/template/toast/toastr.min.css" />
28	
28<script defer src="/template/toast/loadingoverlay.min.js" defer></script>
28
29	<!--End Cute js and toast-->
30	
31    
32	
33
34	
34<script src="/assets/js/jquery-3.6.0.min.js"></script>
34
35    <link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet" />
36    <link rel="stylesheet" type="text/css" href="/template/css/style.css" />
37    <link rel="stylesheet" type="text/css" href="/ios/main.css" />
38    
39    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css" />
40    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.5.2/css/buttons.bootstrap4.min.css" /> 
41    
41<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/js/bootstrap.min.js"></script>
41
42    
42<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
42
43    
43<script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
43
44    
44<script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js"></script>
44
45    
45<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.bootstrap4.min.js"></script>
45
46   
47    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/summernote-lite.min.css" rel="stylesheet">
48    
48<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/summernote-lite.min.js"></script>
48
49   
50    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
51        integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg=="
52        crossorigin="anonymous" referrerpolicy="no-referrer" />
53		
54	
55		
56    <style>html {
57	background: #000000;
58	-moz-osx-font-smoothing: grayscale;
59	-webkit-font-smoothing: antialiased;
60	text-rendering: optimizeLegibility;
61	font-size: 62.5%;
62}
63.swiper-container {
64  width: 100%;
65  height: 100%;
66  overflow: hidden;
67}
68
69.swiper-slide {
70  width: 100%;
71  margin-right: 10px;
72  overflow: hidden;
73}
74
75* {
76	-webkit-tap-highlight-color: transparent;
77	-webkit-touch-callout: none;
78	-webkit-user-select: none;
79	-moz-user-select: none;
80	-ms-user-select: none;
81	user-select: none;
82	-webkit-user-drag: none;
83	-webkit-box-sizing: border-box;
84	-moz-box-sizing: border-box;
85	box-sizing: border-box;
86	margin: 0;
87	padding: 0;
88}
89.input,
90.textarea,
91input[type='date'],
92input[type='email'],
93input[type='number'],
94input[type='password'],
95input[type='search'],
96input[type='tel'],
97input[type='text'],
98input[type='url'],
99textarea {
100	-webkit-appearance: none;
101	-webkit-box-sizing: border-box;
102	box-sizing: border-box;
103	appearance: none;
104	cursor: auto;
105	margin: 0;
106	box-shadow: inset 0 0 0 0;
107}
108input,
109input:after,
110input:before,
111textarea,
112textarea:after,
113textarea:before {
114	-webkit-user-select: initial;
115	-khtml-user-select: initial;
116	-moz-user-select: initial;
117	-ms-user-select: initial;
118	user-select: initial;
119	font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif;
120}
121input[type='checkbox'] {
122	margin: 0;
123	vertical-align: -2px;
124}
125button::-moz-focus-inner,
126input[type='button']::-moz-focus-inner,
127input[type='file'] > input[type='button']::-moz-focus-inner,
128input[type='reset']::-moz-focus-inner,
129input[type='submit']::-moz-focus-inner {
130	border: 0 !important;
131	padding: 0 !important;
132}
133:after,
134:before,
135a,
136button,
137div,
138h1,
139h2,
140h3,
141h4,
142h5,
143h6,
144i,
145img,
146input,
147label,
148li,
149p,
150select,
151span,
152text,
153textarea,
154ul {
155	margin: 0;
156	padding: 0;
157	outline: 0;
158	color: inherit;
159	text-decoration: none;
160}
161button,
162button:active,
163button:focus,
164button:visited,
165input {
166	outline: 0;
167	border: none;
168	text-decoration: none;
169}
170img {
171	max-width: 100%;
172}
173.main-gc .eventHot .title-slide::before {
174	content: unset;
175}
176.main-gc .eventHot .title-slide {
177	padding-left: 0;
178}
179.filterGame {
180	position: relative;
181	margin-bottom: 15px;
182}
183.filterGame .filter-icon {
184	position: absolute;
185	background-image: url(/static/images/gc-phase2/find.svg);
186	width: 19px;
187	height: 19px;
188	background-repeat: no-repeat;
189	left: 14px;
190	top: 12px;
191}
192.filterGame input {
193	width: 100%;
194	height: 40px;
195	background: #f3f4f4;
196	border-radius: 4px;
197	padding-left: 40px;
198}
199.select-game {
200	margin-left: 5px;
201	display: flex;
202	padding: 10px 0;
203	justify-content: space-between;
204}
205.select-game img {
206	border-radius: 8px;
207}
208.select-game i {
209	background-image: url(/static/images/gc-phase2/more.svg);
210	background-repeat: no-repeat;
211	width: 16px;
212	height: 16px;
213	margin-right: 10px;
214}
215.select-game h3 {
216	margin-left: 8px;
217	font-size: 14px;
218	font-family: Open Sans;
219	font-style: normal;
220	font-weight: 600;
221	font-size: 14px;
222	line-height: 25px;
223}
224body {
225	font-family: 'Open Sans', sans-serif;
226	color: rgba(0, 0, 0, 0.87);
227	background: #e5e5e5;
228	font-size: 1.4rem;
229	font-weight: 400;
230	overflow-x: hidden;
231}
232.n-scroll {
233	overflow: hidden;
234}
235.cnt {
236	position: absolute;
237	top: 50%;
238	left: 50%;
239	-webkit-transform: translate(-50%, -50%);
240	-moz-transform: translate(-50%, -50%);
241	-ms-transform: translate(-50%, -50%);
242	-o-transform: translate(-50%, -50%);
243	transform: translate(-50%, -50%);
244}
245.mark-layer {
246	display: none;
247	position: fixed;
248	width: 100%;
249	height: 100%;
250	top: 0;
251	left: 0;
252	background: rgba(0, 0, 0, 0.3);
253	z-index: 101;
254}
255.box {
256	position: relative;
257}
258.txt-red {
259	color: rgba(255, 0, 0, 0.87);
260}
261.breadcrumb {
262	display: -webkit-box;
263	display: -ms-flexbox;
264	display: flex;
265	-ms-flex-wrap: wrap;
266	flex-wrap: wrap;
267	padding: 24px 0 0;
268	list-style: none;
269}
270.breadcrumb-item {
271	font-style: normal;
272	font-weight: 400;
273	font-size: 12px;
274	line-height: 14px;
275	color: #999;
276	text-transform: uppercase;
277}
278.breadcrumb-item + .breadcrumb-item::before {
279	display: inline-block;
280	padding-right: 0.5rem;
281	padding-left: 0.5rem;
282	color: #6c757d;
283	content: '>';
284}
285.breadcrumb-item.active {
286	color: #0a193c;
287}
288.noti-update {
289	position: relative;
290	width: 100%;
291	background: #000;
292	padding: 16px 10px;
293}
294.noti-update p {
295	color: #fff;
296	font-size: 14px;
297	line-height: 21px;
298}
299.action-update {
300	margin-top: 10px;
301	height: 20px;
302}
303.action-update a {
304	font-weight: 500;
305	font-size: 14px;
306	line-height: 21px;
307	color: #f14308;
308	cursor: pointer;
309	float: right;
310}
311.action-update a.action-bt-close {
312	color: #fff;
313	margin-right: 20px;
314}
315.fixCen {
316	margin: 0 auto;
317	max-width: 100%;
318	padding: 0 16px;
319	position: relative;
320}
321.clear-float:after {
322	clear: both;
323	display: table;
324	content: ' ';
325}
326.header-top {
327	position: RELATIVE;
328	z-index: 10;
329	background: #e5e5e5;
330}
331.title-page {
332	position: absolute;
333	left: 0;
334	right: 0;
335	margin: 0 auto;
336	top: 50%;
337	margin-top: -10px;
338	font-style: normal;
339	font-weight: 700;
340	font-size: 16px;
341	line-height: 19px;
342	text-align: center;
343	color: #0a193c;
344}
345.box-h {
346	height: 56px;
347	background: #fff;
348}
349.logo {
350	position: absolute;
351	top: 12.5px;
352	left: 14px;
353	width: 66px;
354	height: 31px;
355	background: url(/static/images/gc-phase2/logo.svg) no-repeat;
356	background-size: 100%;
357	z-index: 2;
358}
359.lg2 {
360	width: 100px;
361	height: 36px;
362	background: url(/static/images/logo.svg) no-repeat;
363	background-size: 100%;
364	z-index: 2;
365	float: left;
366	display: none;
367}
368.boxlogin {
369	position: absolute;
370	top: 50%;
371	margin-top: -5px;
372	right: 16px;
373	z-index: 3;
374	height: 56px;
375}
376.dropbtn2 {
377	display: block;
378	padding: 0;
379	z-index: 3;
380	width: 90px;
381	height: 33px;
382	background: linear-gradient(270deg, #ff753a 0, #fb5f14 100%);
383	border-radius: 4px;
384	margin-top: 0;
385	font-weight: 600;
386	font-size: 14px;
387	text-align: center;
388	line-height: 33px;
389	color: #fff;
390}
391.drop-menu {
392	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
393	border-radius: 4px;
394	background: #fff;
395	overflow: hidden;
396	padding: 8px 0;
397	position: absolute;
398	width: 174px;
399	right: 0;
400	top: 43px;
401	z-index: 5;
402	display: none;
403}
404.drop-menu a {
405	font-size: 14px;
406	line-height: 20px;
407	color: #1a1a1a;
408	display: block;
409	padding: 9px 16px;
410}
411.drop-menu a.dx {
412	color: #da1e28;
413	font-weight: 600;
414}
415.drop-menu a:hover {
416	color: #da1e28;
417}
418.boxlogin:hover .drop-menu {
419	display: block;
420}
421.no-padding {
422	padding: 0;
423}
424.eventHot {
425	padding: 0 0 16px 16px;
426}
427.eventHot .title-slide {
428	margin-left: 0 !important;
429}
430.eventHot .swiper-wrapper {
431	margin: 0 !important;
432	padding: 2px 0 !important;
433}
434.eventHot .slide-gc-pagination {
435	padding-right: 2px !important;
436}
437.cf:after,
438.cf:before {
439	content: '';
440	display: table;
441	clear: both;
442}
443.redi {
444	position: relative;
445	background: 0 0;
446	float: left;
447	width: calc((100% - 16px) / 3);
448	height: 70px;
449	cursor: pointer;
450	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
451	border-radius: 10px;
452	display: inline-block;
453	margin-right: 8px;
454	max-width: 109px;
455}
456.redi:last-of-type {
457	margin-right: 0;
458}
459.redi:nth-child(1) {
460	background: #e8583a;
461}
462.redi:nth-child(2) {
463	background: #20a8ff;
464}
465.redi:nth-child(3) {
466	background: #24a249;
467}
468.redi:hover {
469	border: none;
470	border-radius: 10px;
471	color: #000;
472}
473.in {
474	position: absolute;
475	width: 32px;
476	height: 32px;
477	display: block;
478	top: 50%;
479	left: 50%;
480	margin-top: -24px;
481	margin-left: -16px;
482	margin-top: 0;
483	margin-left: 0;
484	width: 28px;
485	height: 28px;
486	top: 8px;
487	left: 14px;
488}
489.redi .text {
490	position: absolute;
491	text-align: left;
492	font-size: 14px;
493	color: #fff;
494	line-height: 20px;
495	bottom: 5px;
496	left: 14px;
497}
498.box-slide {
499	width: 100%;
500	padding: 0 16px 0;
501	background: #fff;
502}
503.footer {
504	padding: 16px 0 80px;
505	background: #f3f4f4;
506}
507.footer .fixCen {
508	padding: 0 24px;
509}
510.footer .bq {
511	margin-bottom: 10px;
512	color: #1a1a1a;
513	text-align: center;
514	font-size: 12px;
515	line-height: 16px;
516	letter-spacing: -0.3px;
517}
518.content-wrapper {
519	background: #f3f4f4;
520	position: relative;
521}
522.swiper-slide .name {
523	font-size: 14px;
524}
525.game {
526	font-size: 13px;
527}
528.banner {
529	height: 345px;
530	position: relative;
531	background-size: cover;
532	background-repeat: no-repeat;
533	background-position: 50% 50%;
534}
535.play-button {
536	position: absolute;
537	width: 117px;
538	height: 32px;
539	margin: 0 auto;
540	display: block;
541	text-align: center;
542	line-height: 32px;
543	left: 0;
544	right: 0;
545	background: #f14308;
546	border-radius: 100px;
547	color: #fff;
548	cursor: pointer;
549	bottom: 20px;
550	font-size: 14px;
551	text-transform: uppercase;
552	-webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.75);
553	-moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.75);
554	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.75);
555}
556.bg-text {
557	position: absolute;
558	width: 100%;
559	height: 50px;
560	bottom: 0;
561	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.05), #000);
562	background-image: -o-linear-gradient(rgba(0, 0, 0, 0.05), #000);
563	background-image: linear-gradient(rgba(0, 0, 0, 0.05), #000);
564	border-radius: 0 0 13px 13px;
565}
566.game-info {
567	width: 100%;
568	padding: 24px 6px;
569	display: flex;
570}
571.game-info-detail {
572	margin-left: 10px;
573	position: relative;
574}
575.game-title {
576	color: #1a1a1a;
577	font-size: 16px;
578	font-weight: 700;
579}
580.game-type {
581	color: #999;
582	font-size: 12px;
583	margin-top: 4px;
584}
585.btn-play {
586	background: #f14308;
587	color: #fff;
588	width: 90px;
589	height: 32px;
590	border-radius: 100px;
591	bottom: 0;
592	position: absolute;
593	cursor: pointer;
594	font-weight: 600;
595	font-size: 14px;
596}
597.box-ctrl {
598	position: relative;
599	height: 60px;
600	border-top: 1px solid #f3f4f4;
601	border-bottom: 1px solid #f3f4f4;
602}
603.box-ctrl a {
604	display: block;
605	color: #212121;
606	float: left;
607	font-size: 12px;
608	width: 25%;
609	margin: 0;
610	height: 60px;
611	position: relative;
612	background: 0 0;
613	text-align: center;
614	padding-top: 36px;
615	cursor: pointer;
616}
617.box-ctrl a:before {
618	content: '';
619	display: block;
620	width: 30px;
621	height: 30px;
622	position: absolute;
623	top: 7px;
624	left: 50%;
625	margin-left: -15px;
626}
627.box-ctrl a.btnbt-home:before {
628	background: url(/static/images/home.svg) no-repeat;
629	background-size: 100%;
630}
631.box-ctrl a.btnbt-gc:before {
632	background: url(/static/images/gc.svg) no-repeat;
633	background-size: 100%;
634}
635.box-ctrl a.btnbt-card:before {
636	background: url(/static/images/fc.svg) no-repeat;
637	background-size: 100%;
638}
639.box-ctrl a.btnbt-fb:before {
640	background: url(/static/images/fanpage.svg) no-repeat;
641	background-size: 100%;
642}
643.box-ctrl a.btnbt-home.active:before,
644.box-ctrl a.btnbt-home:hover:before {
645	background: url(/static/images/home-active-ico.svg) no-repeat;
646	background-size: 100%;
647}
648.box-ctrl a.btnbt-gc.active:before,
649.box-ctrl a.btnbt-gc:hover:before {
650	background: url(/static/images/gc-active-ico.svg) no-repeat;
651	background-size: 100%;
652}
653.box-ctrl a.btnbt-card.active:before,
654.box-ctrl a.btnbt-card:hover:before {
655	background: url(/static/images/nap-active-ico.svg) no-repeat;
656	background-size: 100%;
657}
658.box-ctrl a.btnbt-fb.active:before,
659.box-ctrl a.btnbt-fb:hover:before {
660	background: url(/static/images/fanpage-active-ico.svg) no-repeat;
661	background-size: 100%;
662}
663.image-box {
664	overflow-x: auto;
665	width: 100%;
666	display: inline-block;
667	height: 100%;
668	white-space: nowrap;
669	margin: 16px 0;
670}
671.image-box::-webkit-scrollbar {
672	width: 0;
673}
674.btn-close {
675	position: absolute;
676	width: 40px;
677	height: 40px;
678	background: url(/static/images/close.svg) no-repeat;
679	background-size: 100%;
680	top: 50%;
681	left: 50%;
682	transform: translate(-50%, -50%);
683	cursor: pointer;
684}
685.bg-close {
686	position: fixed;
687	width: 100%;
688	height: 76px;
689	bottom: 0;
690	left: 0;
691	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
692	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
693	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
694}
695.game-description {
696	margin-top: 8px;
697	padding-bottom: 60px;
698}
699.game-description h3 {
700	font-style: normal;
701	font-weight: 700;
702	font-size: 20px;
703	line-height: 30px;
704	color: #323133;
705}
706.game-description p {
707	font-style: normal;
708	font-weight: 400;
709	font-size: 14px;
710	line-height: 20px;
711	color: #323133;
712}
713.name {
714	margin-top: 8px;
715	margin-bottom: 8px;
716	color: #212121;
717	line-height: 19px;
718	white-space: nowrap;
719	overflow: hidden;
720	text-overflow: ellipsis;
721	font-weight: 500;
722	font-size: 14px;
723}
724.gc-num {
725	margin-top: -8px;
726	font-size: 14px;
727	line-height: 16px;
728	color: #bdbdbd;
729	margin-bottom: 8px;
730}
731.common-box {
732	width: 100%;
733	background-color: #fff;
734}
735.common-title {
736	font-style: normal;
737	font-size: 20px;
738	line-height: 30px;
739	color: #1a1a1a;
740	font-weight: 600;
741}
742.common-list {
743	display: flex;
744	flex-wrap: wrap;
745	justify-content: space-between;
746}
747.common-item {
748	width: 100%;
749	margin-bottom: 10px;
750}
751.n-des {
752	margin-top: 8px;
753	margin-bottom: 8px;
754	color: #212121;
755	line-height: 19px;
756	overflow: hidden;
757	text-overflow: ellipsis;
758	font-weight: 500;
759	-webkit-line-clamp: 3;
760	-webkit-box-orient: vertical;
761	display: -webkit-box;
762	text-overflow: ellipsis;
763	font-size: 14px;
764	max-height: 57px;
765}
766.common-item img {
767	transition: all 0.4s;
768}
769.common-item:hover img {
770	transform: scale(1.1);
771}
772.common-item__no-img {
773	display: flex;
774	justify-content: center;
775	align-items: center;
776	width: 100%;
777	height: 171px;
778	background: #e2e2e2;
779	border-radius: 13px;
780}
781.common-item__no-img img {
782	filter: grayscale(1);
783	opacity: 0.65;
784}
785.new-content {
786	padding: 16px 6px;
787	padding-bottom: 60px;
788}
789.new-content .new-title {
790	font-style: normal;
791	font-weight: 700;
792	font-size: 21px;
793	line-height: 25px;
794	color: #000;
795}
796.new-content .n-date {
797	font-style: normal;
798	font-weight: 500;
799	font-size: 14px;
800	line-height: 16px;
801	color: #999;
802	margin: 16px 0;
803}
804.new-content p {
805	font-style: normal;
806	font-weight: 400;
807	font-size: 16px;
808	line-height: 24px;
809	color: #000;
810}
811.more-new {
812	float: right;
813	font-size: 12px;
814	line-height: 30px;
815	text-align: right;
816	color: #f14308;
817	cursor: pointer;
818}
819.more-new:hover {
820	color: #f14308;
821}
822.btn-gc {
823	display: block;
824	position: fixed;
825	left: 0;
826	right: 0;
827	width: 136px;
828	height: 40px;
829	margin: 0 auto;
830	bottom: 60px;
831	background: #f14308;
832	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
833	border-radius: 100px;
834	text-align: center;
835	padding: 12px;
836	color: #fff;
837	text-transform: uppercase;
838	font-weight: 500;
839	font-size: 14px;
840	line-height: 16px;
841	cursor: pointer;
842}
843.box-fixed-bottom {
844	position: fixed;
845	width: 100%;
846	bottom: 0;
847	z-index: 1000;
848	background: #fff;
849	padding: 16px 0 0;
850	border-radius: 8px 8px 0 0;
851}
852.txt-dk,
853.txt-login {
854	max-width: 350px;
855	margin: 0 auto;
856	font-size: 14px;
857	line-height: 21px;
858	text-align: center;
859	color: #000;
860}
861.fixed-content-area {
862	padding: 0 16px;
863	text-align: center;
864}
865.btn-login {
866	display: block;
867	width: 100%;
868	height: 40px;
869	background: #f14308;
870	border-radius: 4px;
871	color: #fff;
872	text-align: center;
873	padding: 12px 0;
874	margin: 16px auto;
875	max-width: 350px;
876	cursor: pointer;
877	font-family: Open Sans;
878	font-style: normal;
879	font-weight: 400;
880	font-size: 14px;
881	line-height: 14px;
882}
883.btn-login-facebook {
884	background: #4a6ea8;
885	position: relative;
886}
887.btn-login-facebook svg,
888.btn_fb svg {
889	position: absolute;
890	left: 18px;
891	top: 10px;
892}
893.box-bottom-title {
894	padding: 12px 0;
895}
896.box-bottom-title p {
897	font-size: 14px;
898}
899.box-bottom-title .box-bottom-event-name {
900	font-weight: 700;
901	font-size: 16px;
902	color: #000;
903	margin-left: 12px;
904}
905.close-popup {
906	display: block;
907	position: absolute;
908	width: 16px;
909	height: 16px;
910	right: 16px;
911	top: 50%;
912	margin-top: -8px;
913}
914.close-popup:after {
915	content: '';
916	width: 16px;
917	height: 16px;
918	position: absolute;
919	background: url(/static/images/close0.svg) no-repeat;
920	background-size: 100%;
921}
922.ctrl-tabs {
923	display: flex;
924	padding: 16px 0;
925}
926.ctrl-tabs a {
927	display: block;
928	width: 50%;
929	height: 40px;
930	text-align: center;
931	font-weight: 500;
932	font-size: 16px;
933	line-height: 19px;
934	cursor: pointer;
935	padding: 10px 0;
936}
937.ctrl-tabs a.ctrl-all-gc {
938	border-radius: 8px 0 0 8px;
939}
940.ctrl-tabs a.ctrl-gc-received {
941	border-radius: 0 8px 8px 0;
942}
943.ctrl-tabs a {
944	background: #f2f2f2;
945	color: #eb5757;
946}
947.ctrl-tabs a.active {
948	background: #f14308;
949	color: #fff;
950}
951.slide-gc {
952	position: relative;
953	overflow: hidden;
954	width: 100%;
955	top: 0;
956	position: relative;
957}
958.slide-gc .swiper-wrapper {
959	margin: 5px 4px;
960	overflow: hidden;
961}
962.slide-gc > .slide-gc-pagination {
963	position: absolute;
964	z-index: 9;
965	height: 20px;
966	overflow: hidden;
967	right: 0;
968	width: 100%;
969	text-align: right;
970	top: 6px;
971}
972.item-gc {
973	display: flex !important;
974	width: 100%;
975	position: relative;
976}
977.item-gc {
978	height: 64px;
979	padding: 8px 0;
980}
981.event-image {
982	display: block;
983	width: 48px;
984	height: 48px;
985	border-radius: 10px;
986}
987.item-gc-info {
988	width: calc(100% - 108px);
989	padding: 6px;
990}
991.receive-gc {
992	display: block;
993	width: 60px;
994	height: 32px;
995	background: #f2f2f2;
996	border-radius: 100px;
997	top: 50%;
998	position: absolute;
999	right: 0;
1000	margin-top: -16px;
1001	cursor: pointer;
1002	text-transform: uppercase;
1003	font-weight: 500;
1004	color: #0a193c;
1005}
1006.list-gc-game .item-gc-info {
1007	padding: 0 6px;
1008}
1009.event-date,
1010.event-gc,
1011.event-gc-number {
1012	white-space: nowrap;
1013	overflow: hidden;
1014	text-overflow: ellipsis;
1015}
1016.event-gc-number {
1017	font-size: 12px;
1018	line-height: 14px;
1019	color: #999;
1020}
1021.arrow {
1022	position: absolute;
1023	width: 10px;
1024	height: 14px;
1025	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3LjQgMTIiPjxkZWZzPjxzdHlsZT4uYXtvcGFjaXR5OjAuNTQ7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJhIiBkPSJNMTYuNiw4LjYsMTIsMTMuMiw3LjQsOC42LDYsMTBsNiw2LDYtNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04LjYgMTgpIHJvdGF0ZSgtOTApIi8+PC9zdmc+) no-repeat;
1026	right: 6px;
1027	top: 50%;
1028	margin-top: -7px;
1029}
1030.common-box.list-gc-box {
1031	padding: 0 0;
1032}
1033.list-gc-box .item-gc-info {
1034	width: calc(100% - 64px);
1035}
1036.btn-noti {
1037	display: block;
1038	position: absolute;
1039	width: 18px;
1040	height: 20px;
1041	background: url(/static/images/bell.svg) no-repeat;
1042	right: 16px;
1043	top: 50%;
1044	margin-top: -10px;
1045	background-size: 100%;
1046}
1047.btn-filter {
1048	display: block;
1049	position: absolute;
1050	width: 18px;
1051	height: 20px;
1052	background: url(/static/images/filter.svg) no-repeat;
1053	right: 16px;
1054	top: 50%;
1055	margin-top: -10px;
1056	background-size: 100%;
1057}
1058.btn-back {
1059	display: block;
1060	position: absolute;
1061	width: 18px;
1062	height: 20px;
1063	background: url(/static/images/icon-back.svg) no-repeat;
1064	left: 16px;
1065	top: 50%;
1066	margin-top: -10px;
1067	background-size: 100%;
1068}
1069.btn-guide {
1070	display: block;
1071	position: absolute;
1072	width: 18px;
1073	height: 20px;
1074	background: url(/static/images/icon-guide.svg) no-repeat;
1075	right: 16px;
1076	top: 50%;
1077	margin-top: -10px;
1078	background-size: 100%;
1079}
1080.noti-num {
1081	background: #f14308;
1082	border: 1px solid #f2f2f2;
1083	box-sizing: border-box;
1084	display: block;
1085	border-radius: 100%;
1086	color: #fff;
1087	top: -8px;
1088	right: -8px;
1089	position: absolute;
1090	font-size: 10px;
1091	width: 20px;
1092	height: 20px;
1093	line-height: 20px;
1094	text-align: center;
1095	font-weight: 500;
1096}
1097.btnbt-2 .noti-num {
1098	top: 6px;
1099	left: 50%;
1100}
1101.list-noti-filter {
1102	padding: 10px 0;
1103}
1104.item-noti-filter {
1105	display: inline-flex;
1106	width: 100%;
1107	margin-top: 16px;
1108	position: relative;
1109}
1110.item-noti-filter-name {
1111	width: calc(100% - 64px);
1112	padding: 0 8px;
1113	height: 48px;
1114	line-height: 48px;
1115}
1116.item-noti-filter input {
1117	position: absolute;
1118	right: 4px;
1119	top: calc(50%);
1120}
1121.list-event-detail {
1122	display: block;
1123	padding: 0 10px;
1124	width: 100%;
1125	position: relative;
1126	overflow: hidden;
1127	border-top: 1px solid #f0f0f0;
1128	font-size: 14px;
1129}
1130.item-event-detail {
1131	display: flex;
1132	width: 100%;
1133	margin: 12px 0;
1134}
1135.item-event-detail img {
1136	width: 14px;
1137	height: 14px;
1138	margin-top: 2px;
1139}
1140.item-event-detail p {
1141	margin-left: 12px;
1142}
1143.btn-bottom-small {
1144	width: 116px;
1145	height: 40px;
1146	margin: 12px auto;
1147	text-align: center;
1148	line-height: 40px;
1149	color: #fff;
1150	border-radius: 5px;
1151	cursor: pointer;
1152	text-transform: uppercase;
1153}
1154.btn-bottom-small.btn-join {
1155	background: #f14308;
1156}
1157.btn-bottom-small.btn-err {
1158	background: #f2c94c;
1159}
1160.noti-box-bottom {
1161	text-align: center;
1162	margin-top: 12px;
1163}
1164.btn-lst-sc {
1165	display: flex;
1166	justify-content: space-between;
1167	max-width: 330px;
1168	margin: 12px auto;
1169}
1170.btn-bottom-3 {
1171	width: 98px;
1172	height: 40px;
1173	border: 1px solid #e0e0e0;
1174	box-sizing: border-box;
1175	text-align: center;
1176	line-height: 40px;
1177	border-radius: 5px;
1178	cursor: pointer;
1179	text-transform: uppercase;
1180	color: #fff;
1181}
1182.btn-bottom-3:hover {
1183	border: 1px solid #e0e0e0;
1184	color: #fff;
1185}
1186.btn-bottom-3.bt-get-gc,
1187.btn-bottom-3.coppy-code {
1188	background: #f14308;
1189}
1190.btn-bottom-3.bt-err {
1191	background: #f2c94c;
1192}
1193.input-elm {
1194	width: 100%;
1195	padding: 8px 0;
1196	position: relative;
1197	text-align: center;
1198}
1199.input-elm.input-recharge {
1200	text-align: left;
1201}
1202.input-elm input,
1203.input-elm select {
1204	width: 100%;
1205	height: 40px;
1206	border: 1px solid #d6d6d6;
1207	border-radius: 4px;
1208	font-size: 14px;
1209}
1210.input-elm.input-recharge input {
1211	width: calc(100% - 60px);
1212}
1213.input-elm.input-recharge span {
1214	position: absolute;
1215	height: 48px;
1216	line-height: 48px;
1217	right: 73px;
1218	color: #f14308;
1219	font-size: 16px;
1220}
1221.btn-change-type {
1222	width: 48px;
1223	height: 48px;
1224	display: block;
1225	position: absolute;
1226	top: 8px;
1227	right: 0;
1228	background: url(/static/images/ico-change.svg) no-repeat center;
1229	cursor: pointer;
1230}
1231.input-elm input[type='text'],
1232.input-elm select {
1233	padding: 0 13px;
1234}
1235.input-elm input[type='submit'] {
1236	width: 100%;
1237	height: 40px;
1238	background: #f14308;
1239	color: #fff;
1240	margin-top: 8px;
1241	border-radius: 4px;
1242	box-shadow: none;
1243	-webkit-appearance: none !important;
1244}
1245.input-elm select {
1246	-moz-appearance: none;
1247	-webkit-appearance: none;
1248	appearance: none;
1249}
1250.input-dropdown:after {
1251	content: '';
1252	display: block;
1253	position: absolute;
1254	z-index: 4;
1255	right: 12px;
1256	top: 50%;
1257	margin-top: -4px;
1258	height: 8px;
1259	width: 14px;
1260	background: url(/static/images/vector.svg) no-repeat;
1261	background-size: 100%;
1262	pointer-events: none;
1263}
1264#thoc-ip {
1265	display: none;
1266}
1267.nav-action {
1268	border-bottom: 1px solid rgba(220, 215, 215, 0.36);
1269}
1270.list-action {
1271	display: flex;
1272	padding: 16px 8px;
1273	justify-content: space-between;
1274}
1275.box-bottom-title img {
1276	margin-left: 10px;
1277}
1278.event-gc {
1279	font-size: 14px;
1280	color: #323133;
1281	font-weight: 500;
1282}
1283.event-date {
1284	font-size: 12px;
1285}
1286.event-game {
1287	font-size: 12px;
1288	color: #999;
1289}
1290.box-filter-noti .box-bottom-title p {
1291	font-weight: 500;
1292	font-size: 14px;
1293	color: #727272;
1294}
1295.image-box img {
1296	border-radius: 8px;
1297}
1298.common-box.box-news {
1299	margin-top: 8px;
1300	padding: 16px 16px 0;
1301}
1302.order-box-p p {
1303	color: #4f4f4f;
1304}
1305.item-gc-listgame {
1306	display: flex;
1307	width: 100%;
1308	padding: 8px 0;
1309	overflow: hidden;
1310}
1311.item-gc-listgame:after {
1312	display: flex;
1313	width: 100%;
1314	padding: 8px 0;
1315}
1316.item-gc-listgame-info {
1317	height: 48px;
1318	line-height: 24px;
1319	width: calc(100% - 108px);
1320	padding-left: 10px;
1321	position: relative;
1322}
1323.item-gc-listgame-info:after {
1324	content: '';
1325	position: absolute;
1326	bottom: -8px;
1327	left: 10px;
1328	height: 1px;
1329	background: #f3f4f4;
1330	width: 200%;
1331}
1332.gc-listgame .hiden-line .item-gc-listgame-info:after {
1333	display: none;
1334}
1335.gc-listgame .item-gc-listgame:last-child .item-gc-listgame-info:after {
1336	display: none;
1337}
1338.item-gc-listgame .btn-receive {
1339	color: #e85411;
1340	width: auto;
1341	padding: 0 16px;
1342	height: 32px;
1343	line-height: 32px;
1344	border-radius: 100px;
1345	text-align: center;
1346	background: #f2f2f2;
1347	font-weight: 700;
1348	font-size: 14px;
1349	cursor: pointer;
1350	margin-top: 8px;
1351}
1352.box-hgame {
1353	border-top: none;
1354	position: relative;
1355	padding: 16px 0 16px 93px;
1356	min-height: 80px;
1357}
1358.box-hgame .box-hgame-thumb {
1359	position: absolute;
1360	top: 16px;
1361	left: 0;
1362}
1363.text-subhead {
1364	font-weight: 700;
1365	font-size: 16px;
1366	color: #323133;
1367	margin-bottom: 5px;
1368}
1369.txt-hgame-dt {
1370	font-size: 14px;
1371	color: #727272;
1372}
1373.txt-hgame-cc {
1374	font-weight: 500;
1375	font-size: 14px;
1376	color: #323133;
1377}
1378.a-right {
1379	color: #f14308;
1380	float: right;
1381	font-size: 14px;
1382	font-weight: 500;
1383	cursor: pointer;
1384}
1385.title-box {
1386	font-weight: 700;
1387	font-size: 14px;
1388	color: #323133;
1389	padding: 16px 0;
1390}
1391.payment-method-content {
1392	padding: 16px 0 16px 40px;
1393	border-top: 0.5px solid #dadada;
1394	border-bottom: 0.5px solid #dadada;
1395	position: relative;
1396}
1397.txt-warning {
1398	font-weight: 300;
1399	font-size: 12px;
1400	line-height: 14px;
1401	text-align: left;
1402	color: #f14308;
1403	margin-top: 10px;
1404}
1405.payment-method-thumb {
1406	position: absolute;
1407	top: 50%;
1408	left: -24px;
1409	margin-top: -10px;
1410	background-color: #fff;
1411	width: 30px;
1412	height: 20px;
1413	text-align: center;
1414	border: 1px solid #e0e0e0;
1415	border-radius: 3px;
1416}
1417.txt-method {
1418	font-size: 14px;
1419	color: #000;
1420}
1421.card-select-button {
1422	display: inline-block;
1423	padding: 8px;
1424	font-size: 14px;
1425	line-height: 16px;
1426	text-align: center;
1427	border-radius: 50px;
1428	color: #828282;
1429	background: #f2f2f2;
1430	margin-bottom: 8px;
1431	margin-right: 8px;
1432	cursor: pointer;
1433}
1434.card-select-button.active {
1435	color: #fff;
1436	background: #27ae60;
1437}
1438.box-tygia-i {
1439	border: 1px solid #f0f0f0;
1440}
1441tr {
1442	display: table-row;
1443	vertical-align: inherit;
1444	border-color: inherit;
1445}
1446.box-tygia-i table td {
1447	width: 50%;
1448	border-bottom: none !important;
1449}
1450.box-tygia-i table td:first-child {
1451	border-right: 1px solid #e2e2e2;
1452}
1453.tbl-tygia {
1454	width: 100%;
1455	max-width: 100%;
1456	text-align: center;
1457}
1458.tbl-tygia > tbody > tr > td,
1459.tbl-tygia > tbody > tr > th,
1460.tbl-tygia > tfoot > tr > td,
1461.tbl-tygia > tfoot > tr > th,
1462.tbl-tygia > thead > tr > td,
1463.tbl-tygia > thead > tr > th {
1464	padding: 10px;
1465	line-height: 1.429;
1466}
1467.box-tygia-i table tr:nth-child(2n) {
1468	background: #f0f0f0;
1469}
1470.box-info {
1471	padding: 16px 0;
1472}
1473.box-info-account {
1474	padding: 16px;
1475	border-radius: 6px;
1476	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
1477	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
1478	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
1479}
1480.account-name {
1481	font-size: 14px;
1482	padding-bottom: 10px;
1483}
1484.f-box-tttk {
1485	display: grid;
1486	text-align: center;
1487	padding: 16px 0 0;
1488	border-top: 1px solid #f2f2f2;
1489	grid-template-columns: repeat(2, 1fr);
1490}
1491.col-tttk:first-child {
1492	border-right: 0.5px solid #f2f2f2;
1493}
1494.balance {
1495	font-weight: 700;
1496	font-size: 20px;
1497	color: #323133;
1498}
1499.money-type {
1500	font-size: 14px;
1501	color: #323133;
1502}
1503.payment-method-item {
1504	padding: 16px 0 16px 40px;
1505	border-top: 0.5px solid #dadada;
1506	position: relative;
1507	overflow: hidden;
1508	display: block;
1509	cursor: pointer;
1510}
1511.qty-right {
1512	position: absolute;
1513	right: 10px;
1514	top: 0;
1515	font-weight: 500;
1516	font-size: 14px;
1517}
1518.card-select-list {
1519	margin-bottom: 16px;
1520}
1521.payment-method-item:last-child {
1522	border-bottom: 0.5px solid #dadada;
1523}
1524.kmt {
1525	font-style: italic;
1526	font-weight: 400;
1527	font-size: 10px;
1528	line-height: 12px;
1529	color: #80706b;
1530	margin-top: 5px;
1531}
1532.txt-km {
1533	width: 60px;
1534	height: 36px;
1535	line-height: 55px;
1536	position: absolute;
1537	top: -25px;
1538	right: -28px;
1539	text-align: center;
1540	transform: rotate(45deg);
1541	-webkit-transform: rotate(50deg);
1542	-moz-transform: rotate(45deg);
1543}
1544.sd {
1545	font-weight: 400;
1546	font-size: 10px;
1547	color: #323133;
1548	margin-top: 5px;
1549}
1550.txt-km-bg {
1551	border-bottom: 39px solid red;
1552	border-left: 20px solid transparent;
1553	border-right: 48px solid transparent;
1554	height: 0;
1555	width: 60px;
1556	display: block;
1557	position: absolute;
1558	right: 0;
1559	top: 0;
1560}
1561.txt-km-nd {
1562	position: relative;
1563	top: 0;
1564	left: -3px;
1565	line-height: 26px;
1566	font-size: 12px;
1567	color: #fff;
1568	z-index: 5;
1569}
1570.ico-money-type {
1571	display: inline-block;
1572	margin-left: 5px;
1573	width: 18px;
1574	height: 18px;
1575}
1576.ico-money-fc {
1577	background: url(/static/images/funcoin.svg) no-repeat;
1578	background-size: 100%;
1579}
1580.ico-money-type.ico-money-thoc {
1581	background: url(/static/images/thoc.svg) no-repeat;
1582	background-size: 100%;
1583	width: 16px;
1584}
1585.box-status-line {
1586	display: grid;
1587	grid-template-columns: 1fr 1fr 1fr;
1588	padding: 16px 0;
1589	position: relative;
1590	text-align: center;
1591}
1592.ico-line i {
1593	width: 28px;
1594	height: 28px;
1595	display: block;
1596	border: 1px solid #999;
1597	border-radius: 100%;
1598	text-align: center;
1599	line-height: 28px;
1600	font-style: unset;
1601	margin: 5px auto;
1602	color: #999;
1603	background: #fff;
1604}
1605.ico-line {
1606	z-index: 2;
1607}
1608.ico-line.active i {
1609	background: #f14308;
1610	border: 1px solid #f14308;
1611	color: #fff;
1612}
1613.ico-line span {
1614	color: #999;
1615}
1616.ico-line.active span {
1617	color: #000;
1618}
1619.line-arrow {
1620	position: absolute;
1621	width: calc(33.3% - 56px);
1622	height: 2px;
1623	top: 34px;
1624	background: #dadada;
1625	z-index: 0;
1626}
1627.line-step-1 {
1628	left: calc(16.65% + 28px);
1629}
1630.line-step-2 {
1631	left: calc(50% + 28px);
1632}
1633.line-arrow.active {
1634	background: #f14308;
1635}
1636.arrow-right {
1637	display: block;
1638	width: 8px;
1639	height: 8px;
1640	top: -3px;
1641	right: 0;
1642	border-top: 2px solid #dadada;
1643	border-left: 2px solid #dadada;
1644	position: absolute;
1645	transform: rotate(135deg);
1646}
1647.line-arrow.active .arrow-right {
1648	border-top: 2px solid #f14308;
1649	border-left: 2px solid #f14308;
1650}
1651.box-order-step2-top {
1652	width: 100%;
1653	background: #f2f2f2;
1654	border-radius: 15px;
1655	border-bottom: 2px dashed #828282;
1656	position: relative;
1657}
1658.box-order-step2-bottom {
1659	width: 100%;
1660	background: #f2f2f2;
1661	border-radius: 15px;
1662	position: relative;
1663}
1664.box-order-step2-top:before {
1665	content: '';
1666	display: block;
1667	width: 24px;
1668	height: 24px;
1669	border-radius: 100%;
1670	position: absolute;
1671	top: 100%;
1672	margin-top: -12px;
1673	left: -12px;
1674	z-index: 2;
1675	background: #fff;
1676}
1677.box-order-step2-top:after {
1678	content: '';
1679	display: block;
1680	width: 24px;
1681	height: 24px;
1682	border-radius: 100%;
1683	position: absolute;
1684	top: 100%;
1685	margin-top: -12px;
1686	right: -12px;
1687	z-index: 2;
1688	background: #fff;
1689}
1690.header-box-order {
1691	border-bottom: 1px solid #e0e0e0;
1692	padding: 16px;
1693	font-weight: 700;
1694	font-size: 14px;
1695	color: #4f4f4f;
1696	text-align: center;
1697	text-transform: uppercase;
1698}
1699.order-box-content {
1700	padding: 12px;
1701}
1702.grid-col {
1703	display: grid;
1704	grid-template-columns: 1fr 1fr;
1705	padding: 10px 0;
1706	grid-gap: 10px;
1707}
1708.grid-col .label {
1709	font-size: 14px;
1710	color: #828282;
1711}
1712.grid-col .grid-col-right {
1713	text-align: right;
1714	font-weight: 500;
1715	font-size: 14px;
1716	color: #000;
1717}
1718.grid-col-right.text-orange {
1719	font-size: 18px;
1720	color: #f14308;
1721}
1722.btn-coppy {
1723	width: 100%;
1724	height: 40px;
1725	text-align: center;
1726	line-height: 40px;
1727	border: 1px solid #bdbdbd;
1728	border-radius: 5px;
1729	color: #f14308;
1730	font-weight: 500;
1731	cursor: pointer;
1732	background: #fff;
1733}
1734.btn-coppy:active,
1735.btn-coppy:focus,
1736.btn-coppy:hover {
1737	border: 1px solid #bdbdbd;
1738}
1739.btn-confirm {
1740	display: block;
1741	width: 100%;
1742	height: 40px;
1743	text-align: center;
1744	line-height: 40px;
1745	border-radius: 5px;
1746	color: #fff;
1747	font-weight: 500;
1748	cursor: pointer;
1749	background: #f14308;
1750	max-width: 350px;
1751	margin: 10px auto;
1752}
1753.btn-re-order {
1754	display: block;
1755	width: 100%;
1756	height: 40px;
1757	text-align: center;
1758	line-height: 40px;
1759	border-radius: 5px;
1760	color: #f14308;
1761	font-weight: 500;
1762	cursor: pointer;
1763	background: 0 0;
1764	max-width: 350px;
1765	margin: 10px auto;
1766}
1767.order-box-p {
1768	padding: 8px 0;
1769}
1770.order-box-p p {
1771	color: #4f4f4f;
1772	line-height: 26px;
1773	font-size: 13px;
1774	margin-bottom: 4px;
1775}
1776.order-box-p i {
1777	margin-right: 10px;
1778}
1779.order-box-p .ttlh {
1780	color: #333;
1781	font-size: 14px;
1782}
1783.box-list-card {
1784	display: grid;
1785	grid-template-columns: repeat(3, 1fr);
1786	grid-gap: 8px;
1787}
1788.box-card-item {
1789	padding: 16px;
1790	border: 1px solid #f2f2f2;
1791	border-radius: 5px;
1792	text-align: center;
1793	background: #f2f2f2;
1794}
1795.btn-choice-card {
1796	background: #39b54a;
1797	width: 100%;
1798	line-height: 30px;
1799	height: 30px;
1800	text-align: center;
1801	color: #fff;
1802	font-weight: 500;
1803	border-radius: 5px;
1804}
1805.card-price {
1806	margin: 8px auto;
1807}
1808.item-recharge {
1809	display: flex;
1810	width: 100%;
1811	padding: 8px 0;
1812}
1813.item-recharge-info {
1814	height: 48px;
1815	line-height: 48px;
1816	width: calc(100% - 108px);
1817	padding-left: 10px;
1818}
1819.btn-recharge {
1820	width: 60px;
1821	height: 32px;
1822	line-height: 32px;
1823	border-radius: 100px;
1824	text-align: center;
1825	text-transform: uppercase;
1826	background: #f2f2f2;
1827	font-weight: 500;
1828	font-size: 14px;
1829	color: #0a193c;
1830	cursor: pointer;
1831	margin-top: 8px;
1832}
1833.lg-9pay {
1834	display: inline-block;
1835	width: 74px;
1836	height: 12px;
1837	background: url(/static/images/logo-9pay.svg) no-repeat;
1838	background-size: 100%;
1839	text-indent: -9999px;
1840	line-height: 12px;
1841	margin-left: 3px;
1842}
1843.popup-recharge {
1844	position: fixed;
1845	width: 320px;
1846	display: none;
1847	top: 50%;
1848	background: #fbfbfb;
1849	padding: 20px;
1850	left: 50%;
1851	transform: translate(-50%, -50%);
1852	border-radius: 10px;
1853	z-index: 12;
1854}
1855.popup-recharge .popup-title {
1856	font-weight: 700;
1857	font-size: 20px;
1858	color: #000;
1859}
1860.popup-recharge .popup-content {
1861	padding: 16px 0;
1862}
1863.popup-recharge .popup-content p {
1864	font-size: 16px;
1865	color: #000;
1866	margin-bottom: 5px;
1867}
1868.popup-recharge .popup-content a {
1869	float: right;
1870	padding: 8px 20px;
1871	font-size: 16px;
1872	text-transform: uppercase;
1873	cursor: pointer;
1874}
1875.guide-item {
1876	height: 48px;
1877	line-height: 48px;
1878	border-bottom: 1px solid #e3e3e3;
1879}
1880.contact-area {
1881	padding: 16px 0;
1882}
1883.contact-area p {
1884	font-size: 14px;
1885	color: #f14308;
1886}
1887.item-guide {
1888	display: block;
1889	position: relative;
1890	height: 50px;
1891	line-height: 50px;
1892	border-bottom: 1px solid #e3e3e3;
1893	cursor: pointer;
1894}
1895.item-guide:active,
1896.item-guide:focus,
1897.item-guide:hover {
1898	border-bottom: 1px solid #e3e3e3;
1899}
1900.guide-content {
1901	padding: 16px 0;
1902}
1903.guide-content p {
1904	font-style: normal;
1905	font-weight: 400;
1906	font-size: 16px;
1907	line-height: 24px;
1908	color: #000;
1909}
1910.guide-detail-title {
1911	color: #000;
1912	font-size: 21px;
1913	line-height: 25px;
1914	font-weight: 500;
1915}
1916.post-vote {
1917	height: 100px;
1918	width: 100%;
1919	border-top: 1px solid #e3e3e3;
1920	border-bottom: 1px solid #e3e3e3;
1921	text-align: center;
1922}
1923.content-wrapper .footer {
1924	height: auto;
1925}
1926.contact-bot img {
1927	position: absolute;
1928	left: 0;
1929	top: 50%;
1930	transform: translateY(-50%);
1931}
1932.contact-bot p {
1933	margin: 15px 0;
1934	padding-left: 20px;
1935	height: 15px;
1936	line-height: 15px;
1937	display: block;
1938	position: relative;
1939	color: #f14308;
1940	font-size: 14px;
1941}
1942.is-vote {
1943	height: 100px;
1944	line-height: 50px;
1945}
1946.is-vote a {
1947	display: inline-block;
1948}
1949.voted {
1950	display: none;
1951	height: 100px;
1952	line-height: 100px;
1953}
1954#sothoc {
1955	font-size: 14px;
1956	margin-top: 10px;
1957}
1958@media (max-width: 640px) {
1959	.banner {
1960		height: 260px;
1961	}
1962}
1963@media (max-width: 320px) {
1964	.banner {
1965		height: 200px;
1966	}
1967	.btn-bottom-3 {
1968		width: 90px;
1969	}
1970}
1971.btn-cnm.active,
1972.btn-cnm:hover {
1973	color: #f14308;
1974}
1975.swiper-container {
1976	width: 100%;
1977	top: 0;
1978	position: relative;
1979}
1980.title-slide {
1981	margin-bottom: 8px;
1982	font-size: 20px;
1983	line-height: 30px;
1984	font-weight: 600;
1985	color: #1f1f1f;
1986	position: relative;
1987}
1988.swiper-container-2 {
1989	margin: 0 auto;
1990	position: relative;
1991	overflow: hidden;
1992	list-style: none;
1993	padding: 0;
1994	z-index: 1;
1995	width: 100%;
1996	padding-top: 40px;
1997}
1998.swiper-slide .name {
1999	margin-top: 8px;
2000	margin-bottom: 8px;
2001	color: #212121;
2002	line-height: 19px;
2003	white-space: nowrap;
2004	overflow: hidden;
2005	text-overflow: ellipsis;
2006	font-weight: 500;
2007	font-size: 14px;
2008	display: flex;
2009	-webkit-display: flex;
2010	-moz-display: flex;
2011	align-items: center;
2012}
2013.img-slide {
2014	border-radius: 8px;
2015	overflow: hidden;
2016	position: relative;
2017}
2018.img-slide img {
2019	width: 100%;
2020	display: block;
2021	border: 1px solid #f3f4f4;
2022}
2023.swiper-slide .name-txt {
2024	margin-bottom: 0;
2025	color: #1a1a1a;
2026	line-height: 19px;
2027	white-space: nowrap;
2028	overflow: hidden;
2029	text-overflow: ellipsis;
2030	font-weight: 600;
2031	font-size: 14px;
2032	line-height: 20px;
2033	max-width: calc(100% - 34px) !important;
2034	display: inline-block;
2035	padding-right: 4px;
2036	max-width: 100% !important;
2037}
2038.t_hot_new {
2039	height: 41px;
2040	width: 48px;
2041	border-radius: 8px;
2042	color: #fff;
2043	font-weight: 600;
2044	font-size: 12px;
2045	line-height: 16.6px;
2046	padding-right: 10px;
2047	display: block;
2048	text-align: center;
2049	position: absolute;
2050	bottom: 0;
2051	right: 0;
2052	transform: rotate(-45deg);
2053	transform-origin: top right;
2054}
2055.t_hot_new::after {
2056	content: '';
2057	width: 0;
2058	height: 0;
2059	border-left: 35px solid transparent;
2060	border-right: 34px solid transparent;
2061	border-top: 43px solid red;
2062	display: block;
2063	position: absolute;
2064	bottom: 0;
2065	right: -7px;
2066	z-index: -1;
2067}
2068.t_new::after {
2069	border-top: 43px solid #f99f1b;
2070}
2071.ripple .down .num-down {
2072	display: inline-block;
2073	font-size: 12px;
2074	line-height: 14px;
2075	color: #999;
2076	border-right: 1px solid #c6c6c6;
2077	padding-right: 10px;
2078}
2079.ripple .down .num-star {
2080	display: inline-block;
2081	font-size: 12px;
2082	line-height: 20px;
2083	color: #000;
2084	position: relative;
2085	padding-left: 20px;
2086	font-weight: 600;
2087}
2088.ripple .down .num-star::before {
2089	content: '';
2090	width: 12px;
2091	height: 12px;
2092	background: url(/static/images/gc-phase2/icon_star.svg) no-repeat;
2093	background-size: auto;
2094	background-position: center;
2095	left: 3px;
2096	top: 2px;
2097	display: inline-block;
2098	position: absolute;
2099}
2100.name {
2101	margin-bottom: 3px;
2102}
2103/* .swiper-container-horizontal > .swiper-pagination-bullets { top: 32px; height: 20px; overflow: hidden; right: 0; width: 100%; text-align: right;} */
2104
2105.game {
2106	position: absolute;
2107	color: #fff;
2108	left: 16px;
2109	bottom: 16px;
2110}
2111/* .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: calc(100% - 80px); transform: translateX(0);} */
2112
2113.swiper-wrapper1 .swiper-slide {
2114	margin-bottom: 16px;
2115	width: calc((100% - 8px) / 2);
2116	margin-right: 8px;
2117	float: left;
2118}
2119.swiper-wrapper1 .swiper-slide:nth-child(2n) {
2120	margin-right: 0;
2121}
2122.swiper-slide a {
2123	display: block;
2124	width: 100%;
2125	margin: 0 auto;
2126	cursor: pointer;
2127	position: relative;
2128}
2129.swiper-pagination-bullet-active {
2130	opacity: 1;
2131	background: #f15f22;
2132	width: 20px;
2133	height: 8px;
2134	border-radius: 10px;
2135}
2136.menu {
2137	position: fixed;
2138	top: 0;
2139	width: 100%;
2140	height: 100%;
2141	background: #fff;
2142	z-index: 99;
2143	display: none;
2144	padding: 16px;
2145	list-style: none;
2146}
2147.menu.active {
2148	display: block;
2149}
2150.menu img {
2151	width: 100%;
2152}
2153.member-info {
2154	display: flex;
2155}
2156.avatar {
2157	position: relative;
2158	width: 80px;
2159	height: 80px;
2160}
2161.rank {
2162	position: absolute;
2163	width: 30px;
2164	height: 30px;
2165	right: 0;
2166	bottom: 0;
2167}
2168.menu li {
2169	display: block;
2170	border-top: 1px solid #f2f2f2;
2171}
2172.menu ul li:first-child {
2173	border-top: unset;
2174}
2175.menu ul li a {
2176	font-size: 14px;
2177	color: #212121;
2178	display: block;
2179	padding: 14px 0;
2180	cursor: pointer;
2181}
2182.member-info {
2183	margin-bottom: 30px;
2184}
2185.info {
2186	padding: 10px;
2187	width: calc(100% - 80px);
2188}
2189.info .name {
2190	font-size: 24px;
2191	font-weight: 700;
2192	color: #212121;
2193	line-height: 32px;
2194}
2195.info .id {
2196	font-size: 16px;
2197	color: #212121;
2198}
2199.menu .lg2 {
2200	width: 80px;
2201	height: 30px;
2202	margin-right: 10px;
2203}
2204.menu .bq {
2205	padding: 5px;
2206}
2207.page-404 .content-wrapper {
2208	display: table;
2209	text-align: center;
2210	width: 100%;
2211	min-height: calc(100vh - 113px);
2212}
2213.box-fullh {
2214	display: table;
2215	text-align: center;
2216	width: 100%;
2217	min-height: calc(100vh - 113px);
2218	min-height: -moz-calc(100vh - 113px);
2219}
2220.box-fullh-center {
2221	display: table-cell;
2222	vertical-align: middle;
2223	padding: 0 15px;
2224	width: 100%;
2225	text-align: center;
2226	background: #e5e5e5;
2227}
2228.text-title {
2229	font-weight: 400;
2230	font-size: 56px;
2231	line-height: 56px;
2232}
2233.subhead {
2234	font-weight: 400;
2235	font-size: 16px;
2236	line-height: 24px;
2237}
2238.page-404 .box-cnhd,
2239.page-404 .footer,
2240.page-404 .menu {
2241	display: none;
2242}
2243/* .swiper-container-2.swiper-container-horizontal > .swiper-pagination-bullets { top: 40px;} */
2244
2245.ripple {
2246	position: relative;
2247	overflow: hidden;
2248	transform: translate3d(0, 0, 0);
2249}
2250.ripple:after {
2251	content: '';
2252	display: block;
2253	position: absolute;
2254	width: 100%;
2255	height: 100%;
2256	top: 0;
2257	left: 0;
2258	pointer-events: none;
2259	background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
2260	background-repeat: no-repeat;
2261	background-position: 50%;
2262	transform: scale(10, 10);
2263	opacity: 0;
2264	transition: transform 0.5s, opacity 1s;
2265}
2266.ripple1:after {
2267	content: '';
2268	display: block;
2269	position: absolute;
2270	width: 100%;
2271	height: 100%;
2272	top: 0;
2273	left: 0;
2274	pointer-events: none;
2275	background-image: radial-gradient(circle, #595959 10%, transparent 10.01%);
2276	background-repeat: no-repeat;
2277	background-position: 50%;
2278	transform: scale(10, 10);
2279	opacity: 0;
2280	transition: transform 0.5s, opacity 1s;
2281}
2282.ripple:active:after {
2283	transform: scale(0, 0);
2284	opacity: 0.2;
2285	transition: 0s;
2286}
2287.back-ico {
2288	display: block;
2289	width: 48px;
2290	height: 60px;
2291	background: url(/static/images/ico-back.svg) 50% 50% no-repeat;
2292	position: absolute;
2293	z-index: 10;
2294	left: 0;
2295	background-size: 16px 28px;
2296}
2297.box-h-title {
2298	padding: 0 30px;
2299}
2300.box-h-title h1 {
2301	font-size: 18px;
2302	text-align: center;
2303	line-height: 60px;
2304	font-weight: 500;
2305	white-space: nowrap;
2306	overflow: hidden;
2307	-o-text-overflow: ellipsis;
2308	text-overflow: ellipsis;
2309}
2310.noti-alert {
2311	background: #333;
2312	border-radius: 8px;
2313	height: 48px;
2314	line-height: 48px;
2315	text-align: center;
2316	position: fixed;
2317	margin: 0 auto;
2318	bottom: 30px;
2319	padding: 0 20px;
2320	left: 50%;
2321	transform: translateX(-50%);
2322	color: #fff;
2323	z-index: 1002;
2324}
2325.arrange-content {
2326	padding: 8px 16px;
2327	margin-top: 0;
2328}
2329.filter-box-content {
2330	padding: 8px 16px;
2331	margin-top: 0;
2332}
2333.list-game-filter {
2334	padding: 20px 16px;
2335}
2336.checkcontainer {
2337	display: inline-block;
2338	position: relative;
2339	padding-left: 24px;
2340	padding-right: 0;
2341	margin-bottom: 10px;
2342	cursor: pointer;
2343	font-size: 14px;
2344	-webkit-user-select: none;
2345	-moz-user-select: none;
2346	-ms-user-select: none;
2347	user-select: none;
2348}
2349.checkcontainer input {
2350	position: absolute;
2351	opacity: 0;
2352	cursor: pointer;
2353}
2354.checkcontainer input:checked ~ .radiobtn {
2355	background-color: #fff;
2356	border: 5px solid #f14308;
2357}
2358.radiobtn {
2359	position: absolute;
2360	top: 2px;
2361	left: 0;
2362	height: 16px;
2363	width: 16px;
2364	background-color: #fff;
2365	border-radius: 50%;
2366	border: 2px solid #d6d6d6;
2367}
2368.radiobtn:after {
2369	content: '';
2370	position: absolute;
2371	display: none;
2372}
2373.checkcontainer .radiobtn:after {
2374	top: 0;
2375	left: 0;
2376	width: 6px;
2377	height: 6px;
2378	border-radius: 50%;
2379	background: #fff8;
2380}
2381.checkcontainer input:checked ~ .radiobtn:after {
2382	display: block;
2383}
2384.box-bottom-event-action {
2385	display: block;
2386	width: 100%;
2387	text-align: center;
2388	font-weight: 500;
2389	text-transform: uppercase;
2390	color: #000;
2391}
2392.btn-gc:hover,
2393.btn-login:hover {
2394	color: #fff;
2395}
2396.game-gc {
2397	font-weight: 500;
2398	font-size: 16px;
2399	color: #323133;
2400}
2401.checkmark {
2402	position: absolute;
2403	top: 2px;
2404	left: 0;
2405	height: 16px;
2406	width: 16px;
2407	background-color: #fff;
2408	border: 2px solid #d6d6d6;
2409	border-radius: 2px;
2410}
2411.item-noti-filter .checkmark {
2412	top: 50%;
2413	margin-top: -5px;
2414}
2415.checkcontainer input:checked ~ .checkmark {
2416	background-color: #24a249;
2417	border: 2px solid #24a249;
2418}
2419.checkmark:after {
2420	content: '';
2421	position: absolute;
2422	display: none;
2423}
2424.checkcontainer .checkmark:after {
2425	left: 3px;
2426	top: -2px;
2427	width: 4px;
2428	height: 10px;
2429	border: solid #fff;
2430	border-width: 0 2px 2px 0;
2431	-webkit-transform: rotate(45deg);
2432	-ms-transform: rotate(45deg);
2433	transform: rotate(45deg);
2434}
2435.checkcontainer input:checked ~ .checkmark:after {
2436	display: block;
2437}
2438.txt-status {
2439	font-size: 12px;
2440	color: #767676;
2441	text-transform: uppercase;
2442	margin-bottom: 12px;
2443}
2444.guide-filter {
2445	background: #000;
2446	color: #fff;
2447	margin-bottom: -16px;
2448	padding: 20px 16px;
2449}
2450.slide-gc > .slide-gc-pagination {
2451	position: absolute;
2452	z-index: 9;
2453	height: 20px;
2454	overflow: hidden;
2455	right: 0;
2456	width: 100%;
2457	text-align: right;
2458	top: 6px;
2459}
2460.main-gc {
2461	min-height: 100vh;
2462	padding-bottom: 56px;
2463}
2464a.item-gc.seen {
2465	opacity: 0.5;
2466}
2467.input-dropdown select {
2468	color: #999;
2469}
2470.input-elm input::-webkit-input-placeholder {
2471	color: #999;
2472}
2473.input-elm input::-moz-placeholder {
2474	color: #999;
2475}
2476.input-elm input:-ms-input-placeholder {
2477	color: #999;
2478}
2479.input-elm input:-moz-placeholder {
2480	color: #999;
2481}
2482.arrow-down {
2483	background: url(/static/images/arrow-down.svg) no-repeat;
2484	background-size: 100%;
2485	display: inline-block;
2486	width: 12px;
2487	height: 6px;
2488	margin-left: 6px;
2489	margin-bottom: 3px;
2490	filter: invert(1);
2491}
2492.sticky {
2493	top: 0;
2494	width: 100%;
2495	z-index: 100;
2496}
2497.list-game-select {
2498	display: none;
2499	list-style: none;
2500	background: #dedede;
2501	margin-top: 20px;
2502}
2503.list-game-select li {
2504	height: 40px;
2505	line-height: 40px;
2506	border-top: 1px solid #d4d4d4;
2507}
2508.show-list .list-game-select {
2509	display: block;
2510}
2511.box-tygia-i .ic-thoc {
2512	background: url(/static/images/thoc.svg) 0 0 no-repeat;
2513	display: inline-block;
2514	width: 12px;
2515	height: 14px;
2516	margin-right: 5px;
2517	position: relative;
2518	top: 4px;
2519	background-size: cover;
2520}
2521.accordion {
2522	background-color: #fff;
2523	color: #000;
2524	cursor: pointer;
2525	padding: 16px;
2526	width: 100%;
2527	border: none;
2528	text-align: left;
2529	outline: 0;
2530	font-size: 14px;
2531	transition: 0.4s;
2532	border-bottom: 0.5px solid #e3e3e3;
2533}
2534.accordion:focus {
2535	border-bottom: 0.5px solid #e3e3e3;
2536}
2537.panel {
2538	padding: 10px 16px 16px;
2539	display: none;
2540	background-color: #f2f2f2;
2541	overflow: hidden;
2542	font-size: 13px;
2543}
2544.accordion i {
2545	border: solid #999;
2546	border-width: 0 2px 2px 0;
2547	display: inline-block;
2548	padding: 3px;
2549	float: right;
2550	transform: rotate(45deg);
2551	-webkit-transform: rotate(45deg);
2552}
2553.accordion.active i {
2554	transform: rotate(-135deg);
2555	-webkit-transform: rotate(-135deg);
2556}
2557.box-btn-fixed {
2558	position: fixed;
2559	width: 100%;
2560	bottom: 60px;
2561}
2562.fab-tip {
2563	position: fixed;
2564	right: 80px;
2565	margin-top: 5px;
2566	padding: 0 10px;
2567	height: 20px;
2568	line-height: 20px;
2569	text-align: right;
2570	background-color: #fff;
2571	border-radius: 2px;
2572	color: #000;
2573	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
2574}
2575.fab {
2576	background: #03a9f4;
2577	width: 30px;
2578	height: 30px;
2579	border-radius: 50%;
2580	text-align: center;
2581	color: #fff;
2582	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5), 3px 3px 3px rgba(0, 0, 0, 0.25);
2583	position: fixed;
2584	bottom: 16px;
2585	right: 16px;
2586	font-size: 20px;
2587	display: inline-block;
2588	cursor: default;
2589}
2590.fab.child {
2591	right: 36px;
2592	width: 30px;
2593	height: 30px;
2594	line-height: 30px;
2595	display: none;
2596	opacity: 0;
2597	font-size: 12px;
2598}
2599.backdrop_gray {
2600	position: fixed;
2601	top: 0;
2602	left: 0;
2603	width: 100%;
2604	height: 100%;
2605	background: #ececec;
2606	opacity: 0.9;
2607	display: none;
2608}
2609#masterfab span {
2610	font-size: 40px;
2611	display: block;
2612	-webkit-transform: rotate(45deg);
2613	-moz-transform: rotate(45deg);
2614	-ms-transform: rotate(45deg);
2615	-o-transform: rotate(45deg);
2616	transform: rotate(45deg);
2617}
2618#masterfab {
2619	background: #f14308 url(/static/images/thoc.svg) no-repeat center;
2620	background-size: 20px;
2621	width: 55px;
2622	height: 55px;
2623	line-height: 55px;
2624	right: 24px;
2625	bottom: 74px;
2626	text-indent: -9999px;
2627}
2628.box-btn-fixed.active #masterfab {
2629	background: #f14308;
2630	text-indent: 0;
2631}
2632.box-btn-fixed .fab.child:nth-child(1) {
2633	background: #ff7243;
2634}
2635.box-list-cards {
2636	padding-bottom: 60px;
2637}
2638a.item-gc:hover img {
2639	-webkit-transform: unset;
2640	-moz-transform: unset;
2641	-ms-transform: unset;
2642	-o-transform: unset;
2643	transform: unset;
2644}
2645.gc-box-item {
2646	background: #fff;
2647	width: 100%;
2648	height: 125px;
2649	border-radius: 10px;
2650	margin: 8px 0;
2651}
2652.slide-gc .gc-box-item {
2653	margin: 0;
2654	height: 72px;
2655	border-radius: 4px;
2656	overflow: hidden;
2657}
2658.item-gc-hot .gc-box-item-left {
2659	box-shadow: unset;
2660	border-radius: 0;
2661	border-right: unset;
2662}
2663.item-gc-hot .gc-box-item-left:after {
2664	content: unset;
2665}
2666.item-gc-hot .gc-box-item-left:before {
2667	content: unset;
2668}
2669.gc-box-item-left {
2670	width: 78px;
2671	height: 100%;
2672	border-radius: 10px;
2673	position: relative;
2674	border-right: 1px dashed #bbb;
2675	float: left;
2676}
2677.detailEventGame .gc-box-item-left {
2678	background: #f3f4f4;
2679}
2680.item-gc-hot .gc-box-item-right {
2681	box-shadow: unset;
2682	border-radius: 0;
2683	padding-left: 0;
2684}
2685.gc-box-item-right {
2686	position: relative;
2687	width: calc(100% - 78px);
2688	width: -webkit-calc(100% - 78px);
2689	width: -moz-calc(100% - 78px);
2690	height: 100%;
2691	display: inline-block;
2692	padding: 16px;
2693	border-radius: 10px;
2694}
2695.detailEventGame .gc-box-item-right {
2696	background: #f3f4f4;
2697}
2698.gc-box-item-left:before {
2699	content: '';
2700	display: block;
2701	width: 16px;
2702	height: 16px;
2703	border-radius: 100%;
2704	position: absolute;
2705	left: calc(100% - 7px);
2706	margin-top: -8px;
2707	z-index: 2;
2708	background: #fff;
2709}
2710.detailEventGame .gc-box-item-left:before {
2711	background: #fff;
2712}
2713.gc-box-item-left:after {
2714	content: '';
2715	display: block;
2716	width: 16px;
2717	height: 16px;
2718	border-radius: 100%;
2719	position: absolute;
2720	left: calc(100% - 7px);
2721	top: 100%;
2722	margin-top: -8px;
2723	z-index: 2;
2724	background: #fff;
2725}
2726.detailEventGame .gc-box-item-left:after {
2727	background: #fff;
2728}
2729.icon-gc-hot {
2730	width: 64px;
2731	height: 64px;
2732}
2733.icon-gc {
2734	width: 40px;
2735	height: 40px;
2736	position: absolute;
2737	top: calc(50% - 20px);
2738	left: calc(50% - 20px);
2739}
2740.gc-item-tag {
2741	display: inline-block;
2742	height: 16px;
2743	padding: 0 8px;
2744	text-align: center;
2745	background: #fff;
2746	border: 1px solid #fb5f14;
2747	color: #fb5f14;
2748	border-radius: 80px;
2749	line-height: 14px;
2750	font-size: 10px;
2751	margin-bottom: 4px;
2752	margin-right: 5px;
2753}
2754.gc-item-time {
2755	color: #767676;
2756	font-style: normal;
2757	font-weight: 400;
2758	font-size: 12px;
2759	line-height: 18px;
2760}
2761.gc-item-changegc {
2762	font-weight: 600;
2763	font-size: 14px;
2764	line-height: 20px;
2765	color: #fb5f14;
2766	display: block;
2767	width: 90px;
2768	position: absolute;
2769	bottom: 10px;
2770	right: 22px;
2771	padding-right: 10px;
2772	text-align: right;
2773}
2774.gc-item-buy {
2775	height: 18px;
2776	font-size: 15px;
2777	line-height: 24px;
2778	color: #1a1a1a;
2779	position: relative;
2780	margin-top: 5px;
2781	font-weight: 600;
2782}
2783.gc-item-buy:after {
2784	content: '';
2785	background: url(/static/images/funcoin.svg) no-repeat;
2786	width: 16px;
2787	height: 16px;
2788	display: inline-block;
2789	background-size: 100%;
2790	margin-left: 3px;
2791	position: absolute;
2792	top: 4px;
2793}
2794.gc-item-c {
2795	height: 18px;
2796	font-size: 12px;
2797	line-height: 24px;
2798	color: #1a1a1a;
2799	position: relative;
2800	margin-top: 5px;
2801	font-weight: 600;
2802}
2803.gc-item-c span {
2804	color: #767676;
2805}
2806.button-df {
2807	display: inline-block;
2808	height: 32px;
2809	line-height: 32px;
2810	text-align: center;
2811	padding: 0 16px;
2812	background: #fff;
2813	color: #767676;
2814	border-radius: 20px;
2815	margin-right: 8px;
2816	font-size: 14px;
2817	border: 1px solid #767676;
2818}
2819.button-df.active {
2820	background: linear-gradient(270deg, #ff753a 0, #fb5f14 100%);
2821	color: #fff;
2822	font-weight: 600;
2823	border: 1px solid #ff753a;
2824}
2825.gc-box-btn-top {
2826	padding: 16px 0;
2827	background: #fff;
2828	border-bottom: 1px solid #f3f4f4;
2829}
2830.gc-btn-noti {
2831	display: block;
2832	width: 24px;
2833	height: 24px;
2834	background: url(/static/images/gc-phase2/bell.svg) no-repeat;
2835	float: right;
2836	margin-top: 4px;
2837}
2838.gc-box-listgame {
2839	background: #fff;
2840	padding: 16px 0;
2841}
2842.fixBox {
2843	padding: 0 16px;
2844}
2845.common-sub-title {
2846	font-size: 12px;
2847	line-height: 18px;
2848	color: #bbb;
2849	margin: 8px 0;
2850}
2851.header-image {
2852	border-radius: 0 0 100% 100%;
2853	overflow: hidden;
2854	margin-bottom: 40px;
2855	position: relative;
2856	max-height: 220px;
2857	height: 220px;
2858}
2859.gc-box-info-game {
2860	padding: 16px;
2861	background: #fff;
2862	height: 90px;
2863	margin-bottom: 20px;
2864	margin-top: -130px;
2865	position: relative;
2866	border-radius: 5px;
2867}
2868.game-info-name {
2869	font-size: 16px;
2870	color: #1a1a1a;
2871	position: relative;
2872	font-weight: 600;
2873}
2874.gc-box-info-top {
2875	height: 25px;
2876	border-bottom: 1px solid #f2f2f2;
2877	position: relative;
2878}
2879.btn-choose-game {
2880	display: block;
2881	position: absolute;
2882	right: 0;
2883	top: 5px;
2884	font-size: 12px;
2885	color: #fb5f14;
2886	font-weight: 600;
2887}
2888.gc-box-info-bottom {
2889	margin-top: 10px;
2890	display: flex;
2891	justify-content: space-between;
2892	padding: 5px 0;
2893}
2894.gc-box-info-bottom a {
2895	padding-left: 24px;
2896	margin-top: 0;
2897	position: relative;
2898	cursor: pointer;
2899}
2900.box-ico-dl:before {
2901	content: '';
2902	display: inline-block;
2903	position: absolute;
2904	width: 22px;
2905	height: 22px;
2906	top: -2px;
2907	left: 0;
2908	margin-top: 0;
2909	background: url(/static/images/gc-phase2/box-ico-dl.svg) no-repeat;
2910	background-size: 100%;
2911}
2912.box-ico-home:before {
2913	content: '';
2914	display: inline-block;
2915	position: absolute;
2916	width: 22px;
2917	height: 22px;
2918	top: -1px;
2919	left: 0;
2920	margin-top: 0;
2921	background: url(/static/images/gc-phase2/box-ico-home.svg) no-repeat;
2922	background-size: 100%;
2923}
2924.box-ico-fb:before {
2925	content: '';
2926	display: inline-block;
2927	position: absolute;
2928	width: 18px;
2929	height: 18px;
2930	top: 1px;
2931	left: 0;
2932	margin-top: 0;
2933	background: url(/static/images/gc-phase2/box-ico-fb.svg) no-repeat;
2934	background-size: 100%;
2935}
2936.fixed-gc-nav {
2937	height: 48px;
2938	display: none;
2939	z-index: 100;
2940	position: fixed;
2941	top: 48px;
2942	width: 100%;
2943	left: 0;
2944}
2945.fixed-gc-nav .fixBox {
2946	height: 56px;
2947	background: #fff;
2948	border-top: 1px solid #f3f4f4;
2949	-webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16);
2950	-moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16);
2951	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16);
2952}
2953.sticky .fixed-gc-nav {
2954	display: block;
2955}
2956#gc-page .header-top {
2957	background: rgba(0, 0, 0, 0);
2958	-webkit-box-shadow: none;
2959	-moz-box-shadow: none;
2960	box-shadow: none;
2961	position: absolute;
2962	width: 100%;
2963	z-index: 10;
2964}
2965#gc-page .title-page {
2966	color: #fff;
2967}
2968#gc-page .box-h {
2969	background: unset;
2970}
2971#gc-page .btn-back {
2972	filter: invert(1);
2973}
2974#gc-page .sticky .btn-back {
2975	filter: invert(0);
2976}
2977#gc-page .sticky {
2978	position: fixed;
2979	top: 0;
2980	width: 100%;
2981	z-index: 100;
2982}
2983#gc-page .sticky .fixCen {
2984	background: #fff;
2985	-webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16);
2986	-moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16);
2987	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16);
2988}
2989#gc-page .sticky .title-page {
2990	color: #0a193c;
2991}
2992.fixed-gc-nav-link {
2993	float: right;
2994	height: 100%;
2995	position: relative;
2996	right: 0;
2997	padding-top: 16px;
2998}
2999.fixed-gc-nav-link a {
3000	width: 20px;
3001	height: 20px;
3002	display: inline-block;
3003	margin-left: 10px;
3004}
3005.fixed-gc-nav-dl {
3006	background: url(/static/images/gc-phase2/box-ico-dl.svg) no-repeat;
3007	background-size: 100%;
3008}
3009.fixed-gc-nav-home {
3010	background: url(/static/images/gc-phase2/box-ico-home.svg) no-repeat;
3011	background-size: 100%;
3012}
3013.fixed-gc-nav-link a.fixed-gc-nav-fb {
3014	background: url(/static/images/gc-phase2/box-ico-fb.svg) no-repeat;
3015	background-size: 100%;
3016	width: 16px;
3017	height: 18px;
3018}
3019.gc-status {
3020	position: absolute;
3021	right: 0;
3022	top: 0;
3023	height: 20px;
3024	line-height: 20px;
3025	padding: 0 10px;
3026	text-align: center;
3027	background: #bbb;
3028	font-size: 10px;
3029	color: #fff;
3030	border-radius: 0 10px 0 10px;
3031}
3032.gc-status.gc-status-received {
3033	background: #bbb;
3034}
3035.gc-status.gc-status-ending {
3036	background: #fdd13a;
3037}
3038#gc-page .sticky + .content-wrapper {
3039	padding-bottom: 0;
3040}
3041.fixed-gc-nav-select {
3042	display: block;
3043	padding-top: 16px;
3044}
3045.btn-bottom-title {
3046	display: inline-block;
3047	height: 24px;
3048	line-height: 24px;
3049	text-align: center;
3050	padding: 0 12px;
3051	border: 1px solid #e8583a;
3052	border-radius: 40px;
3053	color: #e8583a;
3054}
3055.btn-bottom {
3056	margin-left: 12px;
3057	margin-top: 12px;
3058}
3059.bg-btn-bottom {
3060	background: #f3f4f4;
3061	padding: 16px;
3062}
3063.flex-btn {
3064	max-width: 768px;
3065	display: flex;
3066	margin: 0 auto;
3067	justify-content: space-around;
3068}
3069.btn-bottom-p2 {
3070	width: 100%;
3071	height: 40px;
3072	line-height: 40px;
3073	text-align: center;
3074	border-radius: 4px;
3075	cursor: pointer;
3076}
3077.btn-bottom-p2.btn-2columms {
3078	width: calc(50% - 4px);
3079}
3080.btn-type1 {
3081	border: 1px solid #bbb;
3082	background: #f3f4f4;
3083}
3084.btn-type2 {
3085	background: #e8583a;
3086	color: #fff;
3087}
3088.btn-type3 {
3089	background: #da1e28;
3090	color: #fff;
3091}
3092.btn-type4 {
3093	background: #d6d6d6;
3094	color: #fff;
3095}
3096.mission-status {
3097	width: 100%;
3098	position: relative;
3099}
3100.progress-line {
3101	width: calc(100% - 10px);
3102	height: 6px;
3103	background: #d6d6d6;
3104	border-radius: 5px;
3105	margin-left: 10px;
3106	margin-top: 5px;
3107	position: relative;
3108}
3109.mission-checkbox {
3110	margin-left: 25px;
3111	margin-top: 0;
3112	display: flex;
3113	flex-direction: column;
3114}
3115.progress-line-active {
3116	position: absolute;
3117	height: 100%;
3118	background: #fb5f14;
3119	border-radius: 5px;
3120}
3121.mission-checkbox .checkcontainer {
3122	padding-left: 18px;
3123	margin-bottom: 0;
3124	margin-right: 16px;
3125}
3126.mission-checkbox .checkcontainer input:checked ~ .checkmark {
3127	background-color: #24a249;
3128	border: 1px solid #24a249;
3129}
3130.mission-checkbox .checkmark {
3131	position: absolute;
3132	top: 3px;
3133	left: 0;
3134	height: 13px;
3135	width: 13px;
3136	background-color: #fff;
3137	border: 1px solid #727272;
3138	border-radius: 2px;
3139}
3140.mission-checkbox .checkcontainer .checkmark:after {
3141	left: 4px;
3142	top: 0;
3143	width: 2px;
3144	height: 6px;
3145	border: solid #fff;
3146	border-width: 0 2px 2px 0;
3147	-webkit-transform: rotate(45deg);
3148	-ms-transform: rotate(45deg);
3149	transform: rotate(45deg);
3150}
3151.giftcode-box {
3152	display: flex;
3153	margin-left: 10px;
3154	display: block;
3155	height: 48px;
3156	border: 1px dashed #d6d6d6;
3157	border-radius: 8px;
3158	padding: 5px 10px;
3159	margin-top: -15px;
3160	background: #f3f4f4;
3161	position: relative;
3162}
3163.giftcode-box .code {
3164	color: #ed3812;
3165	font-weight: 600;
3166	font-size: 16px;
3167	display: block;
3168	line-height: 36px;
3169	text-align: center;
3170	border-right: 1px solid #bbb;
3171	padding-right: 10px;
3172}
3173.giftcode-box .coppy-code {
3174	display: block;
3175	line-height: 35px;
3176	text-align: center;
3177	width: 50px;
3178	left: 150px;
3179	height: 36px;
3180	font-weight: 600;
3181}
3182.btn-gc {
3183	display: none;
3184}
3185.p-noti-err {
3186	font-style: italic;
3187	color: #0f4786;
3188	font-size: 12px;
3189	text-align: center;
3190	margin: 10px 0;
3191}
3192.left-tag {
3193	background: linear-gradient(270deg, #f01919 50%, #dd6836 100%);
3194	border-radius: 2px 2px 2px 0;
3195	position: absolute;
3196	display: block;
3197	width: 92px;
3198	height: 26px;
3199	line-height: 26px;
3200	text-align: center;
3201	color: #fff;
3202	top: 10px;
3203	left: -5px;
3204	font-size: 12px;
3205	z-index: 10;
3206}
3207.left-tag:before {
3208	width: 0;
3209	height: 0;
3210	border-top: 5px solid #f01919;
3211	border-left: 5px solid transparent;
3212	content: '';
3213	position: absolute;
3214	top: 100%;
3215	left: 0;
3216}
3217.header-image .top-img {
3218	height: 48px;
3219	position: absolute;
3220	z-index: 10;
3221	width: 100%;
3222}
3223.mark-img {
3224	position: absolute;
3225	width: 100%;
3226	height: 100%;
3227	background: rgba(0, 0, 0, 0.3);
3228	top: 0;
3229}
3230.gc-game-title {
3231	font-weight: 700;
3232	font-size: 14px;
3233	color: #1a1a1a;
3234}
3235.gc-item-changegc:after {
3236	content: '';
3237	position: absolute;
3238	width: 6px;
3239	height: 14px;
3240	background: url(/static/images/gc-phase2/vector.svg) no-repeat;
3241	background-size: 100%;
3242	right: -6px;
3243	top: 5px;
3244}
3245.cards-list,
3246.noti-lists {
3247	display: grid;
3248	grid-gap: 0;
3249	grid-template-columns: 100%;
3250	width: 100%;
3251}
3252.box-note {
3253	padding: 14px;
3254	border-radius: 8px;
3255	margin-top: 10px;
3256	margin-bottom: 15px;
3257	font-size: 13px;
3258}
3259.swiper-banner {
3260	padding-top: 0;
3261	background: #fff;
3262}
3263.swiper-banner img {
3264	width: 100%;
3265	display: block;
3266	border-radius: 8px;
3267}
3268/* .swiper-banner.swiper-container-horizontal > .swiper-pagination-bullets { top: auto; bottom: 8px; text-align: right; padding-right: 26px;} */
3269
3270.swiper-banner .swiper-pagination-bullet-active {
3271	background: #f15f22;
3272}
3273.gc-listgame {
3274	display: grid;
3275	grid-template-columns: auto;
3276}
3277.slide-gc .title-slide {
3278	margin-left: 16px;
3279}
3280.slide-gc > .slide-gc-pagination {
3281	padding-right: 16px;
3282}
3283.form-get-gc {
3284	padding: 10px 16px 0;
3285	margin: 0 auto;
3286}
3287@media (min-width: 768px) {
3288	.btn-login {
3289		font-size: 16px;
3290		line-height: 16px;
3291	}
3292	.box-slide {
3293		padding: 0 24px 0;
3294	}
3295	.main-gc .eventHot .title-slide {
3296		padding-left: 2px;
3297	}
3298	.main-gc .eventHot {
3299		padding: 16px 24px 24px;
3300	}
3301	.fixBox {
3302		width: 768px;
3303		margin: 0 auto;
3304		padding: 0 24px;
3305	}
3306	.slide-gc .title-slide {
3307		margin-left: 24px;
3308	}
3309	.slide-gc > .slide-gc-pagination {
3310		padding-right: 24px;
3311	}
3312	.header-image {
3313		max-height: 300px;
3314		border-radius: 0 0 22px 22px;
3315		height: 300px;
3316	}
3317	.fixed-gc-nav {
3318		height: 56px;
3319	}
3320	.fixed-gc-nav-link {
3321		padding-top: 16px;
3322	}
3323	.fixed-gc-nav-select {
3324		padding-top: 16px;
3325	}
3326	.header-image .top-img {
3327		height: 56px;
3328	}
3329	.cards-list,
3330	.noti-lists {
3331		display: grid;
3332		grid-gap: 0 16px;
3333		grid-template-columns: calc(50% - 8px) calc(50% - 8px);
3334		width: 100%;
3335	}
3336	.gc-listgame {
3337		display: grid;
3338		grid-gap: 0 40px;
3339		grid-template-columns: repeat(2, 1fr);
3340	}
3341}
3342.gc-box-info-game {
3343	max-width: 370px;
3344	margin: auto;
3345	margin-top: -90px;
3346}
3347#gc-page .gc-box-item:last-child {
3348	margin-bottom: 16px;
3349}
3350.box-fixed-bottom:before {
3351	display: block;
3352	position: absolute;
3353	content: '';
3354	width: 50px;
3355	height: 8px;
3356	top: -14px;
3357	background: #fff;
3358	border-radius: 10px;
3359	left: 50%;
3360	margin-left: -25px;
3361}
3362.line-bg {
3363	display: block;
3364	width: 100%;
3365	height: 4px;
3366	max-width: 768px;
3367	margin: 0 auto;
3368	background: #f3f4f4;
3369}
3370.arrange-content .checkcontainer,
3371.filter-box-content .checkcontainer {
3372	margin-right: 24px;
3373}
3374.list-game-filter .game-gc {
3375	color: #1a1a1a;
3376	font-weight: 600;
3377	font-size: 14px;
3378}
3379.game-content {
3380	padding: 0 16px;
3381	background: #fff;
3382}
3383@media (min-width: 768px) {
3384	.box {
3385		max-width: 768px;
3386		padding: 0 24px;
3387		margin: 0 auto;
3388	}
3389	.fixCen {
3390		width: 768px;
3391		padding: 0;
3392	}
3393	.box-list-card {
3394		grid-template-columns: repeat(4, 1fr);
3395		grid-gap: 10px;
3396	}
3397	.box-status-line {
3398		padding: 16px 0;
3399	}
3400	.form-get-gc {
3401		padding: 8px 24px;
3402	}
3403	.breadcrumb {
3404		padding: 24px 0 0;
3405	}
3406	.new-content {
3407		padding: 16px 10px;
3408		padding-bottom: 60px;
3409	}
3410	.box-bottom-title img {
3411		margin-left: 10px;
3412	}
3413	.common-box.list-gc-box {
3414		padding: 0 24px;
3415	}
3416	.common-box {
3417		width: 100%;
3418		clear: both;
3419	}
3420	.list-action {
3421		width: 100%;
3422		padding: 10px 24px;
3423		clear: both;
3424	}
3425	.common-list {
3426		margin: 0 -8px;
3427	}
3428	.common-item {
3429		width: 33.333333333%;
3430		padding: 0 8px;
3431	}
3432	.item-gc {
3433		width: calc(50%);
3434		float: left;
3435	}
3436	.play-button {
3437		font-size: 14px;
3438		text-transform: uppercase;
3439	}
3440	.box-h {
3441		position: absolute;
3442		transform: translate(-50%);
3443		left: 50%;
3444		z-index: 2;
3445		height: 56px;
3446		line-height: 100px;
3447	}
3448	.header-top {
3449		height: 56px;
3450		position: relative;
3451		z-index: 10;
3452		background: #f3f4f4;
3453	}
3454	.btn-back {
3455		left: 24px;
3456	}
3457	.btn-filter,
3458	.btn-noti {
3459		right: 24px;
3460	}
3461	.main .fixCen {
3462		padding: 0;
3463	}
3464	.main {
3465		margin-top:100px;
3466	}
3467	.logo {
3468		z-index: 3;
3469		left: 24px;
3470		margin-left: 0;
3471		top: 50%;
3472		margin-top: -18.5px;
3473		width: 80px;
3474		height: 40px;
3475	}
3476	.boxlogin {
3477		position: absolute;
3478		top: 50%;
3479		right: 24px;
3480		z-index: 3;
3481		margin-top: -10px;
3482	}
3483	.box-redirect {
3484		padding-left: 150px;
3485		padding-right: 150px;
3486	}
3487	.redi {
3488		height: 88px;
3489		margin-right: 24px;
3490		width: calc((100% - 48px) / 3);
3491		max-width: 140px;
3492	}
3493	.redi .in {
3494		width: 36px;
3495		height: 36px;
3496		top: 10px;
3497	}
3498	.redi .in img {
3499		width: 100%;
3500		height: 100%;
3501	}
3502	.redi .text {
3503		bottom: 10px;
3504		font-size: 14px;
3505	}
3506	.ripple .down .num-star::before {
3507		top: 4px;
3508	}
3509	.swiper-wrapper1 .swiper-slide {
3510		margin-bottom: 16px;
3511		width: calc((100% - 15px * 3) / 4);
3512		margin-right: 15px;
3513	}
3514	.swiper-wrapper1 .swiper-slide:nth-child(2n) {
3515		margin-right: 15px;
3516	}
3517	.swiper-wrapper1 .swiper-slide:nth-child(4n) {
3518		margin-right: 0;
3519	}
3520	.box-cnhd a {
3521		width: 20%;
3522		margin: 0;
3523		height: 55px;
3524		text-align: left;
3525		padding-top: 0;
3526		line-height: 55px;
3527		padding-left: 70px;
3528	}
3529	.box-cnhd a:before {
3530		content: '';
3531		display: block;
3532		width: 30px;
3533		height: 30px;
3534		position: absolute;
3535		top: 12px;
3536		margin-left: 0;
3537		left: 25%;
3538	}
3539	.swiper-slide .name {
3540		font-size: 14px;
3541		margin-bottom: 3px;
3542	}
3543	.game {
3544		font-size: 13px;
3545	}
3546	.in img {
3547		width: 100%;
3548	}
3549	.box-cnhd a {
3550		font-size: 13px;
3551	}
3552	.swiper-slide a img {
3553		transition: all 0.4s;
3554		border: 1px solid #f3f4f4;
3555	}
3556	.ctrl-tabs {
3557		display: flex;
3558		padding: 16px 24px;
3559	}
3560	.list-gc-game .item-gc {
3561		margin-top: 10px;
3562	}
3563	.list-gc-game .item-gc .arrow {
3564		right: 10px;
3565	}
3566	.btnbt-2 .noti-num {
3567		top: 8px;
3568		left: 50px;
3569	}
3570	.payment-method-thumb {
3571		left: -40px;
3572	}
3573	.order-box-content {
3574		padding: 16px;
3575	}
3576	.mission-checkbox {
3577		flex-direction: row;
3578	}
3579}
3580@media (min-width: 900px) {
3581	.logo {
3582		top: 50%;
3583		margin-top: -18.5px;
3584		left: 24px;
3585	}
3586	.dropbtn2 {
3587		display: block;
3588		padding: 0;
3589		font-size: 14px;
3590		width: 90px;
3591		height: 32px;
3592		background: linear-gradient(270deg, #ff753a 0, #fb5f14 100%);
3593		border-radius: 4px;
3594		margin-top: 0;
3595		color: #fff;
3596		text-align: center;
3597		line-height: 32px;
3598	}
3599	.boxlogin {
3600		top: 50%;
3601		right: 24px;
3602		margin-top: -5px;
3603	}
3604	.box-h {
3605		position: absolute;
3606		transform: translate(-50%);
3607		left: 50%;
3608		z-index: 2;
3609		height: 56px;
3610		line-height: 100px;
3611	}
3612	.header-top {
3613		height: 56px;
3614		background: #f3f4f4;
3615	}
3616	a.block-ql {
3617		font-size: 16px;
3618		height: 138px;
3619		padding-top: 27px;
3620	}
3621	.banner {
3622		max-width: 768px;
3623		width: 100%;
3624		margin: 0 auto;
3625	}
3626}
3627@media (min-width: 1024px) {
3628	html {
3629		background: #e5e5e5;
3630	}
3631	.content-wrapper,
3632	.footer {
3633		width: 768px;
3634		margin: 0 auto;
3635		background: #f3f4f4;
3636	}
3637	#header-wrapper {
3638		background: #e5e5e5;
3639	}
3640}
3641@media screen and (min-width: 375px) {
3642	.footer .bq {
3643		font-size: 14px;
3644		letter-spacing: -0.2px;
3645	}
3646}
3647.login-w {
3648	background: #fff;
3649	min-height: 100vh;
3650	max-width: 768px;
3651	margin: auto;
3652	position: relative;
3653	font-family: Open Sans;
3654}
3655.l_logo {
3656	padding: 12px 0;
3657	position: relative;
3658}
3659.l_back {
3660	display: block;
3661	background: url(https://cdn.smobgame.com/templates/9play/images/gc-phase2/btn-back.svg) 50% 50% no-repeat;
3662	width: 40px;
3663	height: 33px;
3664	position: absolute;
3665	top: 12px;
3666	left: 0;
3667}
3668.l_logo span {
3669	display: block;
3670	width: 106px;
3671	height: 33px;
3672	background: url(https://cdn.smobgame.com/templates/9play/images/gc-phase2/funid1.svg) no-repeat;
3673	background-size: contain;
3674	background-position: center;
3675	margin: auto;
3676}
3677.l_form {
3678	padding: 24px 16px;
3679	max-width: 480px;
3680	margin: 0 auto;
3681}
3682.form-txt {
3683	text-align: center;
3684	margin-bottom: 24px;
3685}
3686.form-txt a {
3687	color: #767676;
3688	font-size: 16px;
3689	line-height: 24px;
3690	width: 49.4%;
3691	text-align: center;
3692	display: inline-block;
3693	position: relative;
3694	height: 35px;
3695}
3696.form-txt a:hover {
3697	color: #ff753a;
3698}
3699.form-txt a:last-of-type {
3700	margin-right: 0;
3701}
3702.form-txt a.active {
3703	color: #ff753a;
3704	font-weight: 600;
3705}
3706.form-txt a.active:before {
3707	content: '';
3708	display: block;
3709	width: 120px;
3710	height: 2px;
3711	background: #ff753a;
3712	position: absolute;
3713	bottom: 0;
3714	left: 50%;
3715	margin-left: -60px;
3716}
3717.mb_16 {
3718	margin-bottom: 16px;
3719}
3720.mb_8 {
3721	margin-bottom: 8px;
3722}
3723.form-input {
3724	position: relative;
3725}
3726.icon_eye {
3727	position: absolute;
3728	width: 24px;
3729	height: 24px;
3730	background: url(https://cdn.smobgame.com/templates/9play/images/gc-phase2/icon_eye.svg) no-repeat;
3731	background-size: auto;
3732	background-position: center;
3733	top: 8px;
3734	right: 12px;
3735}
3736.icon_eye_close {
3737	position: absolute;
3738	width: 24px;
3739	height: 24px;
3740	background: url(https://cdn.smobgame.com/templates/9play/images/gc-phase2/icon_eye_close.svg) no-repeat;
3741	background-size: auto;
3742	background-position: center;
3743	top: 8px;
3744	right: 12px;
3745}
3746.form-input input {
3747	border: 1px solid #d6d6d6;
3748	border-radius: 4px;
3749	width: 100%;
3750	overflow: hidden;
3751	height: 40px;
3752	font-size: 14px;
3753	color: #1a1a1a;
3754	padding: 0 12px;
3755}
3756.form-input input:focus {
3757	border-color: #ff753a;
3758	box-shadow: 0 0 1px 0 #ff753a;
3759}
3760.login-w::-webkit-input-placeholder {
3761	color: #bbb;
3762}
3763.login-w:-ms-input-placeholder {
3764	color: #bbb;
3765}
3766.login-w::placeholder {
3767	color: #bbb;
3768}
3769.form-error input {
3770	border-color: #da1e28 !important;
3771	box-shadow: 0 0 1px 0 #da1e28 !important;
3772}
3773.form-qmk {
3774	display: block;
3775	color: #ff753a;
3776	font-size: 12px;
3777	line-height: 18px;
3778	text-align: right;
3779}
3780.btn_gradient {
3781	background: linear-gradient(270deg, #ed3812, #fb5f14, #ed3812);
3782	background-position: 0 200%;
3783	transition: 0.5s;
3784	-webkit-transition: 0.5s;
3785	-moz-transition: 0.5s;
3786	background-size: 200%;
3787	background-position: 0 0;
3788}
3789.btn_gradient:hover {
3790	background-position: 100% 0;
3791}
3792.btn_submit {
3793	margin: 24px 0 8px;
3794	font-family: Open Sans !important;
3795}
3796.f_btn {
3797	color: #fff;
3798	font-size: 14px;
3799	line-height: 40px;
3800	height: 40px;
3801	display: block;
3802	width: 100%;
3803	border-radius: 4px;
3804	outline: 0;
3805	box-shadow: none;
3806	text-align: center;
3807	font-size: 14px;
3808	line-height: 14px;
3809	font-family: Open Sans;
3810	font-style: normal;
3811	font-weight: 400;
3812}
3813.btn_fb {
3814	cursor: pointer;
3815	background: linear-gradient(90deg, #4867aa, #6a84bf, #4867aa);
3816	position: relative;
3817	transition: 0.5s;
3818	-webkit-transition: 0.5s;
3819	-moz-transition: 0.5s;
3820	background-size: 200%;
3821	background-position: 0 0;
3822	position: relative;
3823}
3824.btn_fb:hover {
3825	background-position: 100% 0;
3826}
3827.btn_fb span {
3828	width: 10px;
3829	height: 20px;
3830	background: url(https://cdn.smobgame.com/templates/9play/images/gc-phase2/icon_fb.svg) no-repeat;
3831	display: block;
3832	position: absolute;
3833	top: 10px;
3834	left: 16px;
3835	z-index: 5;
3836}
3837.alert_erorr {
3838	color: #da1e28;
3839	line-height: 18px;
3840	font-size: 12px;
3841	width: 100%;
3842	padding-left: 20px;
3843	position: relative;
3844	margin-top: 4px;
3845}
3846.alert_erorr span {
3847	width: 16px;
3848	height: 16px;
3849	background: url(https://cdn.smobgame.com/templates/9play/images/gc-phase2/icon_note.svg) no-repeat;
3850	background-size: auto;
3851	background-position: center;
3852	position: absolute;
3853	display: block;
3854	top: 1px;
3855	left: 0;
3856}
3857.rs {
3858	margin: 0;
3859	padding: 0;
3860}
3861.form-mk-p {
3862	color: #767676;
3863	font-size: 12px;
3864	line-height: 16px;
3865	padding-left: 28px;
3866	position: relative;
3867	margin-top: 16px;
3868	margin-bottom: 15px;
3869}
3870.form-mk-p span {
3871	width: 20px;
3872	height: 20px;
3873	background: url(https://cdn.smobgame.com/templates/9play/images/gc-phase2/icon_clock.svg) no-repeat;
3874	background-size: auto;
3875	background-position: center;
3876	position: absolute;
3877	display: block;
3878	left: 0;
3879	top: -4px;
3880	z-index: 1;
3881}
3882.form-mk ul {
3883	list-style: none;
3884	padding-left: 30px;
3885}
3886.form-mk li {
3887	color: #767676;
3888	font-size: 12px;
3889	line-height: 16px;
3890	margin-bottom: 8px;
3891	position: relative;
3892}
3893.form-mk li::before {
3894	content: '';
3895	width: 4px;
3896	height: 4px;
3897	background: #767676;
3898	border-radius: 50%;
3899	position: absolute;
3900	top: 6px;
3901	left: -21px;
3902	z-index: 1;
3903}
3904.form-mk li.done {
3905	color: #1a1a1a;
3906}
3907.form-mk li.done::before {
3908	width: 16px;
3909	height: 16px;
3910	background: url(https://cdn.smobgame.com/templates/9play/images/gc-phase2/icon_t
3910ick.svg) no-repeat;
3911	background-size: auto;
3912	background-position: center;
3913	top: 0;
3914	left: -27px;
3915}
3916.form-mk li.error {
3917	color: #da1e28;
3918}
3919.form-mk li.error::before {
3920	background: #da1e28;
3921}
3922.register-ok {
3923	padding: 104px 24px 24px;
3924}
3925.r-icon {
3926	width: 109px;
3927	height: 109px;
3928	background: url(https://cdn.smobgame.com/templates/9play/images/gc-phase2/icon_tick_ok.svg) no-repeat;
3929	margin: auto;
3930}
3931.r-h2 {
3932	color: #1a1a1a;
3933	font-size: 16px;
3934	line-height: 18px;
3935	font-weight: 600;
3936	text-align: center;
3937	margin: 20px 0 10px;
3938	text-align: center;
3939}
3940.r-p {
3941	font-size: 12px;
3942	line-height: 18px;
3943	color: #767676;
3944	text-align: center;
3945}
3946.r-btn {
3947	margin-top: 46px;
3948}
3949.error-message {
3950	display: flex;
3951	padding: 0 5px;
3952}
3953.error-message .error-icon {
3954	background-image: url(https://cdn.smobgame.com/templates/9play/images/gc-phase2/icon-error.svg);
3955	width: 24px;
3956	height: 24px;
3957}
3958.error-message .error-label {
3959	line-height: 24px;
3960	color: #fff;
3961	margin-left: 5px;
3962}
3963@media (min-width: 768px) {
3964	.f_btn {
3965		font-size: 16px;
3966		line-height: 16px;
3967	}
3968	.l_form {
3969		padding: 24px 16px;
3970	}
3971	.register-ok {
3972		padding-left: 150px;
3973		padding-right: 150px;
3974	}
3975	.r-h2 {
3976		font-size: 18px;
3977		line-height: 20px;
3978	}
3979	.r-p {
3980		font-size: 14px;
3981		line-height: 21px;
3982	}
3983}
3984.box-cnhd {
3985	display: block;
3986	width: 100%;
3987	position: fixed;
3988	bottom: 0;
3989	left: 0;
3990	z-index: 11;
3991}
3992.box-cnhd .fixCen {
3993	padding: 0;
3994	border-top: 1px solid #dadada;
3995	background: #fff;
3996	height: 56px;
3997}
3998.box-cnhd a {
3999	display: block;
4000	color: #8d8d8d;
4001	float: left;
4002	font-size: 1rem;
4003	width: 20%;
4004	margin: 0;
4005	height: 55px;
4006	position: relative;
4007	background: 0 0;
4008	text-align: center;
4009	padding-top: 36px;
4010	cursor: pointer;
4011}
4012.box-cnhd a:before {
4013	content: '';
4014	display: block;
4015	width: 30px;
4016	height: 30px;
4017	position: absolute;
4018	top: 7px;
4019	left: 50%;
4020	margin-left: -15px;
4021}
4022.box-cnhd a.btnbt-1:before {
4023	background: url(/static/images/icon_menu1.svg) no-repeat;
4024	background-size: 100%;
4025}
4026.box-cnhd a.btnbt-2:before {
4027	background: url(/static/images/icon_menu2.svg) no-repeat;
4028	background-size: 100%;
4029}
4030.box-cnhd a.btnbt-3:before {
4031	background: url(/static/images/icon_menu3.svg) no-repeat;
4032	background-size: 100%;
4033}
4034.box-cnhd a.btnbt-4:before {
4035	background: url(/static/images/icon_menu4.svg) no-repeat;
4036	background-size: 100%;
4037}
4038.box-cnhd a.btnbt-5:before {
4039	background: url(/static/images/icon_menu5.svg) no-repeat;
4040	background-size: 100%;
4041}
4042.box-cnhd a.btnbt-1.active:before,
4043.box-cnhd a.btnbt-1:hover:before {
4044	background: url(/static/images/icon_menu1_active.svg) no-repeat;
4045	background-size: 100%;
4046}
4047.box-cnhd a.btnbt-2.active:before,
4048.box-cnhd a.btnbt-2:hover:before {
4049	background: url(/static/images/icon_menu2_active.svg) no-repeat;
4050	background-size: 100%;
4051}
4052.box-cnhd a.btnbt-3.active:before,
4053.box-cnhd a.btnbt-3:hover:before {
4054	background: url(/static/images/icon_menu3_active.svg) no-repeat;
4055	background-size: 100%;
4056}
4057.box-cnhd a.btnbt-4.active:before,
4058.box-cnhd a.btnbt-4:hover:before {
4059	background: url(/static/images/icon_menu4_active.svg) no-repeat;
4060	background-size: cover;
4061}
4062.box-cnhd a.btnbt-5.active:before,
4063.box-cnhd a.btnbt-5:hover:before {
4064	background: url(/static/images/icon_menu5_active.svg) no-repeat;
4065	background-size: 100%;
4066}
4067@media screen and (min-width: 768px) {
4068	html {
4069		font-size: 68.75%;
4070	}
4071	.box-cnhd a {
4072		width: 20%;
4073		margin: 0;
4074		height: 55px;
4075		text-align: left;
4076		padding-top: 0;
4077		line-height: 56px;
4078		padding-left: 70px;
4079		font-size: 1.2rem;
4080	}
4081	.box-cnhd a:before {
4082		content: '';
4083		display: block;
4084		width: 30px;
4085		height: 30px;
4086		position: absolute;
4087		top: 1.2rem;
4088		margin-left: 0;
4089		left: 25%;
4090	}
4091	.input-code:focus {
4092		border-color: #ff753a;
4093		box-shadow: 0 0 1px 0 #ff753a;
4094	}
4095}
4096/** Modal */
4097
4098.modal-overlay {
4099	position: fixed;
4100	top: 0px;
4101	left: 0px;
4102	right: 0px;
4103	bottom: 0px;
4104	background-color: rgba(0, 0, 0, 0.5);
4105	z-index: 99;
4106}
4107.user-info-modal-content {
4108	position: absolute;
4109	top: 100px;
4110	left: 50%;
4111	width: 90%;
4112	max-width: 400px;
4113	transform: translate(-50%, 0);
4114	border: 1px solid rgb(204, 204, 204);
4115	background: rgb(255, 255, 255);
4116	overflow: auto;
4117	border-radius: 8px;
4118	outline: none;
4119	padding: 16px 0 16px 16px;
4120	display: flex;
4121	flex-direction: column;
4122}
4123.user-info-modal-content .user-info {
4124	display: flex;
4125	align-items: center;
4126	margin-bottom: 20px;
4127}
4128.user-info-modal-content .user-info .username {
4129	font-weight: 600;
4130	font-size: 16px;
4131	line-height: 30px;
4132	margin-left: 9px;
4133	margin-right: 3px;
4134}
4135.user-info-modal-content .user-info .user-id {
4136	margin-left: 3px;
4137	color: #8e8e93;
4138	font-size: 14px;
4139}
4140.user-info-modal-content button {
4141	border: 1px solid #d1d1d6;
4142	border-radius: 6px;
4143	height: 44px;
4144	background-color: white;
4145	font-size: 15px;
4146	line-height: 44px;
4147	margin-bottom: 17px;
4148	margin-right: 16px;
4149}
4150.user-info-modal-content button:last-of-type {
4151	margin-bottom: 0;
4152}
4153.user-info-modal-content button a {
4154	display: block;
4155	height: 100%;
4156}
4157body.ReactModal__Body--open {
4158	overflow: hidden;
4159	position: relative;
4160}
4161body.ReactModal__Body--open #app {
4162	position: absolute;
4163	top: 0;
4164	bottom: 0;
4165	left: 0;
4166	right: 0;
4167	filter: blur(10px);
4168}
4169/* Homepage menu follow banner */
4170
4171.menu-follow-banner {
4172	position: relative;
4173	width: 100%;
4174	height: 100%;
4175	background: #fff;
4176	margin: 0;
4177	padding: 20px 8px 16px;
4178	display: flex;
4179	justify-content: space-between;
4180	align-items: center;
4181}
4182.home-btn {
4183	width: 80px;
4184	height: 65px;
4185	font-size: 12px;
4186	color: #1a1a1a;
4187	text-align: center;
4188	border: 1px solid #e5e5ea;
4189	display: flex;
4190	flex-direction: column;
4191	align-items: center;
4192	justify-content: flex-end;
4193	padding-bottom: 7px;
4194	box-shadow: 0px 2px 4px rgba(68, 68, 68, 0.1), 0px 2px 8px rgba(68, 68, 68, 0.02);
4195	border-radius: 10.7295px;
4196}
4197.home-btn span {
4198	font-size: 12px;
4199	line-height: 20px;
4200	margin-top: 3px;
4201}
4202.swiper-slide a.gc-box-item {
4203	height: 88px;
4204	display: flex;
4205	align-items: center;
4206}
4207.swiper-slide div:first-of-type a.gc-box-item .gc-box-item-right {
4208	flex: 0 1 75%;
4209	padding: 0 12px;
4210}
4211.swiper-slide div:first-of-type a.gc-box-item .gc-box-item-right .wrapper {
4212	height: 100%;
4213	border-bottom: 1px solid #f2f2f2;
4214	padding: 12px 0;
4215}
4216.swiper-slide .gc-box-item-left {
4217	float: none;
4218	width: auto;
4219	height: auto;
4220	margin-right: 12px;
4221}
4222.swiper-slide .gc-box-item-right {
4223	width: auto;
4224	max-width: 75%;
4225	padding: 12px;
4226	align-self: flex-start;
4227}
4228.swiper-slide .icon-gc-hot img {
4229	border-radius: 16px;
4230}
4231.swiper-slide .gc-item-name {
4232	font-size: 15px;
4233	line-height: 20px;
4234	font-weight: normal;
4235	color: #000000;
4236}
4237.swiper-slide .gc-item-time {
4238	font-size: 14px;
4239	line-height: 20px;
4240	letter-spacing: -0.24px;
4241	color: #61616a;
4242}
4243.home-banner .swiper-container .swiper-slide {
4244	cursor: pointer;
4245	width: 90%;
4246	margin-right: 10px;
4247}
4248.home-banner .swiper-container .swiper-slide img {
4249	border-radius: 8px;
4250	border: 1px solid #f3f4f4;
4251}
4252.home-banner .swiper-container .swiper-slide:first-of-type {
4253	margin-left: 4.6%;
4254}
4255.home-banner .swiper-container.swiper-container-initialized .swiper-slide {
4256	margin-left: 0;
4257}
4258.item-gc-listgame-info {
4259	display: flex;
4260	align-items: center;
4261}
4262.ellipsis-2 {
4263	display: -webkit-box;
4264	-webkit-line-clamp: 2;
4265	-webkit-box-orient: vertical;
4266	overflow: hidden;
4267	text-overflow: ellipsis;
4268}
4269@media screen and (min-width: 768px) {
4270	.menu-follow-banner {
4271		padding: 20px 138px 24px;
4272	}
4273	.eventHot {
4274		padding: 0 0 24px 24px;
4275	}
4276}
4277</style>
4278<!-- Thêm thư viện Swiper JS -->
4279<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
4280<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
4280
4281
4282  </head>
4283<div class="header-top" id="header-wrapper">
4284	<div class="fixCen box-h" id="header-container">
4285		<a class="logo" href="/"></a>
4286		
4287		<div class="boxlogin"><a role="presentation" class="dropbtn dropbtn2" href="/login" style="cursor: pointer; right: 16px;top: 50%; margin-top:-10px">Đăng nhập</a>
4288		</div>
4289		
4290	</div>
4291</div>
4292
4293
4294 
4294<script>window.location = "/login";</script>
4294
4295<body>
4296    <noscript>You need to enable JavaScript to run this app.</noscript>
4297    <div id="app">
4298        <header id="header" class="header-shadow">
4299            <div class="mui-appbar mui--appbar-line-height">
4300                <div class="mui-container-fluid ">
4301                    <div class="header-container"><a role="button" class="sidedrawer-toggle f-ico-back f-ico-arr-back spr click-animation" href="/">Back</a>
4302                        <div class="mui--text-title f-txtheader">
4303                            <h1><a>Đổi mật khẩu</a></h1>
4304						</div>
4305                        <div class="box-login-done"><a class="ico-avata no-indent F click-animation" role="button">F</a>
4306                            <ul class="mui-dropdown__menu mui-dropdown__menu1 mui-dropdown__menu--right " style="top: 30px;">
4307                                <li><a><i class="ico-avata-min F avatar-letter">F</i>
4308																	 </a></li>
4309                                <li><a role="button" style="cursor: pointer;"><i class="ico-logout"></i>Thoát</a></li>
4310                            </ul>
4311                        </div>
4312                    </div>
4313                </div>
4314            </div>
4315        </header>
4316	<div class="mui--appbar-height"></div>
4317		<div class="fadepage fadepage-enter-done">
4318			<div style="position: relative; width: 100%; padding-bottom: 48px; min-height: 577px;">
4319				<div id="content-wrapper">
4320					<div class="box-main">
4321						<div class="fadepage fadepage-enter-done">
4322							<div class="box-canhan">			
4323								<h3 class="rs tlt-dn">Thiết lập mật khẩu quản lý</h3>       
4324								<p class="rs txt-dn">* Thay đổi mật khẩu quản lý không ảnh hưởng đến mật khẩu game.
4325								<p class="rs txt-dn">* Cần thay đổi mật khẩu game xin chọn phía dưới để vào giao diện cập nhật mật khẩu .
4326									<br><b>Tài khoản: <font color="darkgreen"> </font></b>
4327									<br><b>Khuyến cáo</b>: Thông tin email, điện thoại chính xác để được hỗ trợ nhanh nhất khi gặp sự cố.</p>
4328									<button class="mui-btn f-btn-orage f-btn-100 btn-h40">Cập nhật mật khẩu quản lý<span class="mui-btn__ripple-container"><span class="mui-ripple"></span></span>
4329									</button>
4330								<div class="validatejs regis-form" >
4331							
4332									<div class="tt-row">
4333										<div class="mui-textfield mui-textfield--float-label ">
4334												<input class="mui--is-untouched mui--is-pristine" readonly autocomplete="off" name="username" id="username" type="text" value="" onclick="replaceCharacters() >
4335										</div>
4336											<p class="rs txt-err" style="margin-top: -10px;">&nbsp;</p>
4337									</div>
4338									<div class="tt-row">
4339										<div class="mui-textfield mui-textfield--float-label ">
4340											<input class="mui--is-untouched mui--is-pristine mui--is-empty" autocomplete="off" name="password" id="password" type="password">
4341											<label tabindex="-1" style="transition: all 0.15s ease-out 0s;">Mật khẩu cũ</label>
4342										</div>
4343										<a class="icon-shp" role="button" style="cursor: pointer;"></a>
4344										<p class="rs txt-err" style="margin-top: -10px;">&nbsp;</p>
4345									</div>
4346									<div class="tt-row">
4347										<div class="mui-textfield mui-textfield--float-label ">
4348											<input class="mui--is-untouched mui--is-pristine mui--is-empty" autocomplete="off" name="password_2" id="password_2" type="password" value="">
4349											<label tabindex="-1" style="transition: all 0.15s ease-out 0s;">Mật khẩu mới</label>
4350										</div>
4351										<a class="icon-shp" role="button" style="cursor: pointer;"></a>
4352										<p class="rs txt-err" style="margin-top: -10px;">&nbsp;</p>
4353									</div>
4354									<input class="mui--is-untouched mui--is-pristine mui--is-empty" autocomplete="off" name="jwt" id="jwt" type="text" value="" hidden>
4355									<button id="updatemkwweb" class="mui-btn f-btn-orage f-btn-100 btn-h40">Đổi mật khẩu quản lý<span class="mui-btn__ripple-container"><span class="mui-ripple"></span></span>
4356									</button>
4357								</div>
4358								<br><br>
4359									<a class="mui-btn f-btn-orage f-btn-100 btn-h40" href="capnhat.php?uid=">Cập nhật mật khẩu game<span class="mui-btn__ripple-container"><span class="mui-ripple"></span></span>
4360									</a>
4361							</div>
4362						</div>
4363					</div>
4364					</div>
4365					<footer id="footer">
4366						<p class=" mui--text-left"><a href="https://khongminhtruyen.com" target="_blank" rel="noopener noreferrer" class="f-txtlink">CHplay</a><a href="https://khongminhtruyen.com/bao-loi" target="_blank" rel="noopener noreferrer" class="f-txtlink">Báo Lỗi</a><a href="#" target="_blank" rel="noopener noreferrer" class="f-txtlink">Điều Khoản</a><a href="#" target="_blank" rel="noopener noreferrer" class="f-txtlink">Liên Hệ</a></p>
4367					</footer>
4368				</div>
4369			</div>
4370		</div>
4371		
4371<script>
4372				var Noti = function(type, msg) {
4373					toastr.options = {
4374						closeButton: true,
4375						progressBar: true,
4376						showMethod: 'slideDown',
4377						timeOut: 1500
4378					};
4379					if (type == 2)
4380					cuteToast({
4381						type: "success",
4382						message: msg,	   
4383						timeout: 5000
4384					});
4385					else
4386						cuteToast({
4387						type: "error",
4388						message: msg,	   
4389						timeout: 5000
4390					});
4391				};
4392				$("#updatemkwweb").on("click", function() {
4393					var username = $("#username").val();
4394					var password = $("#password").val();
4395					var newpassword = $("#password_2").val();            				
4396					var game_id = $("#select-game").val();            				
4397					  				
4398					$.LoadingOverlay("show");
4399					$.ajax({
4400						type: "POST",
4401						dataType: "JSON",
4402						url: "./update.php",
4403						data: {
4404							type: 'update_password',
4405							username: $("#username").val(),
4406							password: $("#password").val(),
4407							newpassword: $("#password_2").val(),
4408							
4409							
4410							
4411						},
4412						success: function(res) {
4413							$.LoadingOverlay("hide");
4414							Noti(res.status, res.msg);
4415							if (res.status == 2) {
4416								setTimeout(function() {
4417									window.location.href = "/payments/?uid="+;
4418								}, 1800);
4419							} else if (res.status == 1) {
4420
4421
4422							}
4423						}
4424					});
4425				});
4426			</script>
vendor: 1 bytes, line 4426
4426
4427<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"20d50c42e5244a62b0b7d184d73ebd46","r":1,"spa":2}' crossorigin="anonymous"></script>
4427
4428</body>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.