@viewport {
	width: device-width;
	zoom: 1;
}
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Noto+Sans+KR|Noto+Sans+SC|Noto+Sans+JP&display=swap');

* {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans KR','Noto Sans SC','Noto Sans JP','Noto Sans', sans-serif;
	box-sizing: border-box;
	letter-spacing: 0px;
	word-break:keep-all;
	-webkit-font-smoothing: antialiased;
	user-select: none;
}
html {
	font-size: 12px;
	height: 100%;
}

body {
	min-height:100%;
	background:url("/ps/images/bg.jfif") center;
}

img, fieldset {
	border: none;
	vertical-align: middle;
}

input, select, textarea {
	font-weight: normal;
	font-size: 12px;
	color: #333;
}

input, textarea, fieldset {
	margin: 0;
	padding-left: 10px;
	border: #CCC solid 1px;
}

input, select, textarea {
	vertical-align: middle;
	border-radius: .3rem;
	font-weight: lighter;
	font-size: 13px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

li {
	list-style-type: none;
}

a {
	outline: none;
	select-dummy: expression(this.hideFocus = true);
}

A:link {
	text-decoration: none;
}

A:visited {
	text-decoration: none;
}

A:hover {
	text-decoration: none;
}

button {
	cursor: pointer;
	font-weight: 400;
	text-transform: none;
	text-decoration: none;
	border: none;
	display: inline-block;
	line-height: 1;
	text-align: center;
}

.f_left {
	float: left;
}

.f_right {
	float: right;
}
.clear {
	clear: both;
}
.t_left {
	text-align: left;
}

.t_right {
	text-align: right;
}

.t_center {
	text-align: center;
}

.t_yellow {
	color: #ffea00;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.mask {
	position:fixed !important;
	z-index:98;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
	background:rgba(0,0,0,.8);
	display:none;
}

.loading_pop {
	position:fixed;
	z-index:9999;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#000;
}
.display-none {
	display: none;
}
.loading_pop .loading_img {
	width:350px;
	height:350px;
	margin:13% auto 0 auto;
	background: url("/ps/images/loading_img.gif") center center no-repeat;
	background-color:none;
}

.loading_pop .logo_kingdom {
	position:absolute;
	left:50%;
	bottom:5%;
	width:260px;
	height:60px;
	margin-left:-150px;
	line-height:70px;
	background: url("/ps/images/logo_kingdom.png") center right no-repeat;
	background-size:contain;
	color:#fff;
	font-size:13px;
	text-indent:0px;
}

.loading_pop .logo_poseidon {
	position:absolute;
	left:50%;
	bottom:5%;
	width:260px;
	height:60px;
	margin-left:-150px;
	line-height:70px;
	background: url("/ps/images/logo_poseidon.png") center right no-repeat;
	background-size:contain;
	color:#fff;
	font-size:13px;
	text-indent:0px;
}

.loading_pop .logo_skin {
	position:absolute;
	left:50%;
	bottom:50%;
	width:300px;
	height:50px;
	margin-left:-150px;
	line-height:70px;
	text-align:center;
}
.loading_pop .logo_skin_gif {
	position:absolute;
	left:50%;
	bottom:25%;
	width:800px;
	margin-left:-400px;
	text-align:center;
}
.loading_pop .logo_skin img, .loading_pop .logo_skin_gif img {
	max-width:100%;
	max-height:100%;
}

.pop_teamviewer {
	position:absolute;
	z-index:99;
	top:50px;
	left:50%;
	margin-left:-300px;
	width:600px;
	height:auto;
	display:none;
}
.pop_teamviewer .teamviewerclose {
	position:absolute;
	z-index:1;
	top:22px;
	right:24px;
	color:#fff;
	cursor:pointer;
	font-size:16px;
	font-weight:bold;
}
.pop_teamviewer .teamviewerdown {
	position:absolute;
	z-index:1;
	top:269px;
	width:100%;
	height:44px;
	text-align:center;
	cursor:pointer;
}

.pop_slot::-webkit-scrollbar {
	background-color:none;
	width:2px
}
.pop_slot::-webkit-scrollbar-track {
	background-color:#133d56;
}
.pop_slot::-webkit-scrollbar-thumb {
	background-color:#0277bd;
	border:none;
}
.pop_slot::-webkit-scrollbar-button {display:none}

.pop_slot {
	position:absolute;
	z-index:9999;
	top:5%;
	left:50%;
	transform: translate(-50%, 0px);
	width:100%;
	max-width:1900px;
	height:90%;
	text-transform: capitalize;
	overflow-y:auto;
	display:block;
}
.pop_slot > .close {
	position:relative;
	z-index:999;
	width:40px;
	height:40px;
	margin:10px auto;
	background: url("/ps/images/ic_close.png") center;
	background-size:cover;
	border:3px #fff solid;
	border-radius:50%;
	cursor:pointer;
}
.pop_slot > .title {
	position:relative;
	z-index:999;
	width:100%;
	height:225px;
	padding:50px 40px;
	color:#fff;
	overflow:hidden;
}
.pop_slot > .title h2, .pop_slot > .title h3, .pop_slot > .title h4 {
	position:relative;
	z-index:3;
	width:60%;
}
.pop_slot>.title h2 {
	width:100%;
	height:50px;
}
.pop_slot>.title h2 img {
	height:100%;
}
.pop_slot > .title h3 {
	font-size:1.5rem;
}
.pop_slot > .title h4 {
	margin-top:20px;
	font-size:1rem;
}
.pop_slot > .title:before {
	position:absolute;
	z-index:1;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.7);
	content:"";
}
.pop_slot > .title > img {
	position:absolute;
	z-index:2;
	bottom:-5%;
	right:0;
	height:55%;
}
.pop_slot > .title video {
	position:absolute;
	z-index:0;
	bottom:0;
	right:0;
	width:100%;
}


.pop_slot .slot_list {
	position:relative;
	z-index:999;
	width:100%;
	padding:20px;
	color:#fff;
	background: url("/ps/images/bg_slot.gif") center;
	overflow:hidden;
}
.pop_slot .slot_list li {
	position: relative;
	width:194px;
	height:240px;
	background: hsla(0,0%,100%,.1);
	margin: 0 5px 10px;
	padding-bottom:40px;
	border-radius: 3px;
	transition: all .5s ease-out;
	opacity: 1;
	display:inline-block;
	cursor:pointer;
	overflow:hidden;
}


@media all and (max-width:600px) {
	.pop_slot .slot_list li {
		width:30%;
		height:160px;
		margin:1%;
	}
}
@media all and (min-width: 601px) and (max-width: 1200px) {
	.pop_slot .slot_list li {
		width:180px;
		height:220px;
	}
}

.pop_slot .slot_list li .pic_wrap {
	width:100%;
	height:100%;
	overflow:hidden;
	transition: all .3s ease;
}
.pop_slot .slot_list li .pic_wrap img {
	width: 100%;
	height: 100%;
	transition: all .3s ease;
}
.pop_slot .slot_list li:hover .pic_wrap img {
	position:relative;
	margin:-10%;
	width:120%;
	height:120%;
}
.pop_slot .slot_list li .panel {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 5px 10px;
	overflow: hidden;
}
.pop_slot .slot_list li .panel h2, .pop_slot .slot_list li .panel h3 {
	width: 100%;
	line-height:1;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	letter-spacing:0;
}
.pop_slot .slot_list li .panel h2 {
	font-size:1.2rem;
	color: #fa0;
	font-family: "Bebas Neue";
}
.pop_slot .slot_list li .panel h3 {
	font-size:.8rem;
	color: #999;
}


.examination {
	width:100%;
	height:100%;
	color:#fff;
	text-align:center;
	background: url("/ps/images/dot_mask0.png") center;
}
.examination .examination_contain {
	position:absolute;
	z-index:1;
	top:50%;
	left:50%;
	width:100%;
	transform: translate(-50%, -65%);
}
.examination .logo {
	height:70px;
	margin:50px auto;
}
.examination .logo img {
	max-height:100%;
}
.examination h2 {
	font-size:36px;
	line-height:45px;
}
.examination h3 {
	font-size:16px;
}
.examination h5 {
	font-size:12px;
	font-weight:normal;
	line-height:85px;
}
.examination button {
	height: 38px;
	margin:20px auto;
	padding: 0 3rem;
	background-image: linear-gradient(to right, #085a8b 0%, #007d94 51%, #085a8b 100%);
	background-size: 200% auto;
	border-radius:3px;
	text-transform: uppercase;
	transition: 0.5s;
	color: #fff;
	font-size:14px;
	font-weight:bold;
}
.examination button:hover {
	background-position: right center;
}
.examination video {
	position:absolute;
	z-index:-1;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit: fill;
}


.game_coin .num li.c1 {
	background-image: url(/ps/images/chip1.png);
}
.game_coin .num li.c5 {
	background-image: url(/ps/images/chip5.png);
}
.game_coin .num li.c10 {
	background-image: url(/ps/images/chip10.png);
}
.game_coin .num li.c50 {
	background-image: url(/ps/images/chip50.png);
}
.game_coin .num li.c100 {
	background-image: url(/ps/images/chip100.png);
}
.game_coin .num li.c500 {
	background-image: url(/ps/images/chip500.png);
}
.game_coin .num li.c1000 {
	background-image: url(/ps/images/chip1000.png);
}
.game_coin .num li.c5000 {
	background-image: url(/ps/images/chip5000.png);
}
.game_coin .num li.c10000 {
	background-image: url(/ps/images/chip10000.png);
}
.game_coin .num li.c50000 {
	background-image: url(/ps/images/chip50000.png);
}
.game_coin .num li.c100000 {
	background-image: url(/ps/images/chip100000.png);
}
.game_coin .num li.c500000 {
	background-image: url(/ps/images/chip500000.png);
}
.game_coin .num li.c1000000 {
	background-image: url(/ps/images/chip1000000.png);
}
.game_coin .num li.c5000000 {
	background-image: url(/ps/images/chip5000000.png);
}
.game_coin .num li.c10000000 {
	background-image: url(/ps/images/chip10000000.png);
}

.game_coin .kor li.c1000 {
	background-image: url(/ps/images/kr_chip1000.png);
}
.game_coin .kor li.c5000 {
	background-image: url(/ps/images/kr_chip5000.png);
}
.game_coin .kor li.c10000 {
	background-image: url(/ps/images/kr_chip10000.png);
}
.game_coin .kor li.c50000 {
	background-image: url(/ps/images/kr_chip50000.png);
}
.game_coin .kor li.c100000 {
	background-image: url(/ps/images/kr_chip100000.png);
}
.game_coin .kor li.c500000 {
	background-image: url(/ps/images/kr_chip500000.png);
}
.game_coin .kor li.c1000000 {
	background-image: url(/ps/images/kr_chip1000000.png);
}
.game_coin .kor li.c5000000 {
	background-image: url(/ps/images/kr_chip5000000.png);
}
.game_coin .kor li.c10000000 {
	background-image: url(/ps/images/kr_chip10000000.png);
}

.roadmap_wrap_lobby .no li.p:before {
	background-image: url('/imgs/history/30.png');
}
.roadmap_wrap_lobby .no li.b:before {
	background-image: url('/imgs/history/10.png');
}
.roadmap_wrap_lobby .no li.t:before {
	background-image: url("/imgs/history/20.png");
}


.change_table_pop .no li.p:before {
	background-image: url("/imgs/history/30.png");
}
.change_table_pop .no li.b:before {
	background-image: url("/imgs/history/10.png");
}
.change_table_pop .no li.t:before {
	background-image: url("/imgs/history/20.png");
}

.dragon_tiger .roadmap_wrap_lobby .no li.p:before {
	background-image: url("/ps/images/icon_tr.png");
}
.dragon_tiger .roadmap_wrap_lobby .no li.b:before {
	background-image: url("/ps/images/icon_dr.png");
}

.lang_ch .roadmap_wrap_lobby .no li.p:before {
	background-image: url("/ps/images/icon_P_cn.png");
}
.lang_ch .roadmap_wrap_lobby .no li.b:before {
	background-image: url("/ps/images/icon_B_cn.png");
}
.lang_ch .roadmap_wrap_lobby .no li.t:before {
	background-image: url("/ps/images/icon_T_cn.png");
}

.lang_ch .dragon_tiger .roadmap_wrap_lobby .no li.b:before {
	background-image: url("/ps/images/icon_dr_cn.png");
}
.lang_ch .dragon_tiger .roadmap_wrap_lobby .no li.p:before {
	background-image: url("/ps/images/icon_tr_cn.png");
}

.roadmap .bead td .a {
	background-image: url("/imgs/history/icon_P.png");
}
.roadmap .bead td .b {
	background-image: url("/imgs/history/icon_PP.png");
}
.roadmap .bead td .c {
	background-image: url("/imgs/history/icon_PB.png");
}
.roadmap .bead td .d {
	background-image: url("/imgs/history/icon_PPB.png");
}
.roadmap .bead td .e {
	background-image: url("/imgs/history/icon_B.png");
}
.roadmap .bead td .f {
	background-image: url("/imgs/history/icon_BP.png");
}
.roadmap .bead td .g {
	background-image: url("/imgs/history/icon_BB.png");
}
.roadmap .bead td .h {
	background-image: url("/imgs/history/icon_BPB.png");
}
.roadmap .bead td .i {
	background-image: url("/imgs/history/icon_T.png");
}
.roadmap .bead td .j {
	background-image: url("/imgs/history/icon_TP.png");
}
.roadmap .bead td .k {
	background-image: url("/imgs/history/icon_TB.png");
}
.roadmap .bead td .l {
	background-image: url("/imgs/history/icon_TPB.png");
}

.lang_ch .bead td .a {
	background-image: url("/ps/images/icon_P_cn.png");
}
.lang_ch .bead td .b {
	background-image: url("/ps/images/icon_PP_cn.png");
}
.lang_ch .bead td .c {
	background-image: url("/ps/images/icon_PB_cn.png");
}
.lang_ch .bead td .d {
	background-image: url("/ps/images/icon_PPB_cn.png");
}
.lang_ch .bead td .e {
	background-image: url("/ps/images/icon_B_cn.png");
}
.lang_ch .bead td .f {
	background-image: url("/ps/images/icon_BP_cn.png");
}
.lang_ch .bead td .g {
	background-image: url("/ps/images/icon_BB_cn.png");
}
.lang_ch .bead td .h {
	background-image: url("/ps/images/icon_BPB_cn.png");
}
.lang_ch .bead td .i {
	background-image: url("/ps/images/icon_T_cn.png");
}
.lang_ch .bead td .j {
	background-image: url("/ps/images/icon_TP_cn.png");
}
.lang_ch .bead td .k {
	background-image: url("/ps/images/icon_TB_cn.png");
}
.lang_ch .bead td .l {
	background-image: url("/ps/images/icon_TPB_cn.png");
}

.dragon_tiger .roadmap .bead td .e {
	background-image: url("/ps/images/icon_dr.png");
}
.dragon_tiger .roadmap .bead td .a {
	background-image: url("/ps/images/icon_tr.png");
}
.dragon_tiger .lang_ch .roadmap .bead td .e {
	background-image: url("/ps/images/icon_dr_cn.png");
}
.dragon_tiger .lang_ch .roadmap .bead td .a {
	background-image: url("/ps/images/icon_tr_cn.png");
}

.roadmap .bigroad td .a {
	background-image: url("/imgs/history/br_30.png");
}
.roadmap .bigroad td .b {
	background-image: url("/imgs/history/br_32.png");
}
.roadmap .bigroad td .c {
	background-image: url("/imgs/history/br_31.png");
}
.roadmap .bigroad td .d {
	background-image: url("/imgs/history/br_33.png");
}
.roadmap .bigroad td .e {
	background-image: url("/imgs/history/br_10.png");
}
.roadmap .bigroad td .f {
	background-image: url("/imgs/history/br_12.png");
}
.roadmap .bigroad td .g {
	background-image: url("/imgs/history/br_11.png");
}
.roadmap .bigroad td .h {
	background-image: url("/imgs/history/br_13.png");
}
.roadmap .bigeye td .p {
	background-image: url("/imgs/history/icon_s1.png");
}
.roadmap .bigeye td .b {
	background-image: url("/imgs/history/icon_s2.png");
}
.roadmap .small td .p {
	background-image: url("/ps/images/icon_s3.png");
}
.roadmap .small td .b {
	background-image: url("/ps/images/icon_s4.png");
}
.roadmap .cock td .p {
	background-image: url("/ps/images/icon_s5.png");
}
.roadmap .cock td .b {
	background-image: url("/ps/images/icon_s6.png");
}

.choice_bet .icons ul li.redLineCircle {
	background-image: url(/ps/images/icon_m5.png);
}
.choice_bet .icons ul li.blueFullCircle {
	background-image: url(/ps/images/icon_s3.png);
}
.choice_bet .icons ul li.redDiagLine {
	background-image: url(/ps/images/icon_s6.png);
}
.choice_bet .icons ul li.blueLineCircle {
	background-image: url(/ps/images/icon_m1.png);
}
.choice_bet .icons ul li.redFullCircle {
	background-image: url(/ps/images/icon_s4.png);
}
.choice_bet .icons ul li.blueDiagLine {
	background-image: url(/ps/images/icon_s5.png);
}


#change_table_pop .bigroad td .a {
	background-image: url("/ps/images/icon_m1.png");
}
#change_table_pop .bigroad td .b {
	background-image: url("/ps/images/icon_m2.png");
}
#change_table_pop .bigroad td .c {
	background-image: url("/ps/images/icon_m3.png");
}
#change_table_pop .bigroad td .d {
	background-image: url("/ps/images/icon_m4.png");
}
#change_table_pop .bigroad td .e {
	background-image: url("/ps/images/icon_m5.png");
}
#change_table_pop .bigroad td .f {
	background-image: url("/ps/images/icon_m6.png");
}
#change_table_pop .bigroad td .g {
	background-image: url("/ps/images/icon_m7.png");
}
#change_table_pop .bigroad td .h {
	background-image: url("/ps/images/icon_m8.png");
}

.bet_history {
	position: absolute;
	width:98%;
	left:1%;
	top: 50%;
	transform: translate(0, -50%);
	padding:30px;
	z-index:99999;
	background:#222;
	color: #fff;
	text-align: center;
	display: none;
}
.bet_history table tr:hover {
	background:#000;
}

.bet_history .close {
	position: absolute;
	top: 20px;
	right: 20px;
	width:24px;
	cursor: pointer;
}

.bet_history h1 {
	margin:30px 0 20px 0;
	font-size:2.5rem;
	font-weight:normal;
}

.bet_history table {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border:1px solid #000;
	margin-bottom: 20px;
}
.bet_history table tr {
	background:#1f1f1f;
}
.bet_history table tr:nth-child( even ) {
	background:#212121;
}
.bet_history table tr:hover {
	background:#000;
}

.bet_history table th, .bet_history table td {
	height:50px;
	border-bottom: 1px solid #000;
	text-align: center;
	font-size:1.2rem;
}
.bet_history table th {
	height:40px;
	background: #1a1a1a;
}
.bet_history .paging {
	width: 100%;
	text-align:center;
}

.bet_history .paging a {
	width: 35px;
	height: 35px;
	line-height:35px;
	margin:0 0 0 -1px;
	border: 1px #929292 solid;
	background:#1a1a1a;
	color: #878787;
	font-size: 12px;
	text-align:center;
	display:inline-block;
	cursor: pointer;
}
.bet_history .paging a:first-child {
	border-radius:5px 0 0 5px;
}
.bet_history .paging a:last-child {
	border-radius:0px 5px 5px 0px;
}

.bet_history .paging a.on {
	font-weight: bold;
	background:#444444;
	color: #fff;
}

.bet_history .paging a:hover {
	font-weight: bold;
	background:#444444;
	color: #fff;
}



.bet_history_result span.pw {
	color:#6d8ce5;
}
.bet_history_result span.bw {
	color:#e45a5a;
}
.bet_history_result span.t {
	color:#6bc14c;
}

.bet_history_result span.pp {
	color:#6d8ce5;
}
.bet_history_result span.bp {
	color:#e45a5a;
}
.bet_history_result span.dw {
	color:#e45a5a;
}
.bet_history_result span.tw {
	color:#6d8ce5;
}

.bet_history table td img {
	width:24px;
	height:32px;
	margin:0 2px;
	border:1px #000 solid;
}


body section.sub .container .table th, body .bet_history table th {
	line-height: 1.2;
	word-break: break-word;
}

.help .rule .point {
	font-size:1.2rem;
	color: #d40000;
}

.progress_bar_wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	background:#000;
}
.progress_bar {
	position:absolute;
	z-index:2;
	width:0;
	background-image: url("/ps/lobby/time_bar.png");
	background-size: cover;
}
.timer_wrap .progress_bar.bar30 {
	width: 100%;
}
.timer_wrap .progress_bar.bar29 {
	width: 100%;
}
.timer_wrap .progress_bar.bar28 {
	width: 100%;
}
.timer_wrap .progress_bar.bar27 {
	width: 100%;
}
.timer_wrap .progress_bar.bar26 {
	width: 100%;
}
.timer_wrap .progress_bar.bar25 {
	width: 100%;
}
.timer_wrap .progress_bar.bar24 {
	width: 100%;
}
.timer_wrap .progress_bar.bar23 {
	width: 100%;
}
.timer_wrap .progress_bar.bar22 {
	width: 100%;
}
.timer_wrap .progress_bar.bar21 {
	width: 100%;
}
.timer_wrap .progress_bar.bar20 {
	width: 100%;
}
.timer_wrap .progress_bar.bar19 {
	width: 100%;
}
.timer_wrap .progress_bar.bar18 {
	width: 100%;
}
.timer_wrap .progress_bar.bar17 {
	width: 100%;
}
.timer_wrap .progress_bar.bar16 {
	width: 100%;
}
.timer_wrap .progress_bar.bar15 {
	width: 100%;
}
.timer_wrap .progress_bar.bar14 {
	width: 100%;
}
.timer_wrap .progress_bar.bar13 {
	width: 100%;
}
.timer_wrap .progress_bar.bar12 {
	width: 100%;
}
.timer_wrap .progress_bar.bar11 {
	width: 100%;
}
.timer_wrap .progress_bar.bar10 {
	width: 100%;
}
.timer_wrap .progress_bar.bar9 {
	width: 90%;
}
.timer_wrap .progress_bar.bar8 {
	width: 80%;
}
.timer_wrap .progress_bar.bar7 {
	width: 70%;
}
.timer_wrap .progress_bar.bar6 {
	width: 60%;
}
.timer_wrap .progress_bar.bar5 {
	width: 50%;
}
.timer_wrap .progress_bar.bar4 {
	width: 40%;
}
.timer_wrap .progress_bar.bar3 {
	width: 30%;
}
.timer_wrap .progress_bar.bar2 {
	width: 20%;
}
.timer_wrap .progress_bar.bar1 {
	width: 10%;
}
.timer_wrap .progress_bar.bar0 {
	width: 0%;
}


.roadmap_result {
	position: absolute;
	z-index: 10;
	width: 350px;
	height: 180px;
	padding:10px;
	border-radius:10px;
	background: rgba(0,0,0,.9);
	font-size: .9rem;
	color: #fff;
}
.roadmap_result ul {
	position: relative;
	z-index: 99;
	padding: 10px 0px;
	width: 50%;
	float: left;
}
.roadmap_result ul.player_result {
	padding-right:15px;
}
.roadmap_result ul.banker_result {
	padding-left:15px;
}
.roadmap_result ul li {
	width: 40px;
	height: 55px;
	float: right;
	margin: 0 1px;
}
.roadmap_result ul.banker_result li {
	float: left;
}
.roadmap_result ul li:last-child {
	margin: 7px 9px;
	transform: rotate(90deg);
}
.roadmap_result ul li img {
	width: 100%;
}
.roadmap_result ul h2 {
	width:100%;
	line-height:2;
	font-size:1rem;
}
.roadmap_result ul.player_result h2 {
	color:#0344f9;
}
.roadmap_result ul.banker_result h2 {
	color:#fe0f17;
}
.dragon_tiger .roadmap_result ul.player_result h2 {
	color:#fe0f17;
	text-align:right;
}
.dragon_tiger .roadmap_result ul.banker_result h2 {
	color:#0344f9;
}
.roadmap_result ul h2 span {
	width:auto;
	color:#fff;
	font-weight:bold;
	float:right;
}
.dragon_tiger .roadmap_result ul h2 span {
	display:none;
}
.roadmap_result>h3 {
	position: absolute;
	top: 140px;
	left: 50%;
	width: 100px;
	margin-left: -50px;
	line-height: 30px;
	text-align: center;
	font-weight: normal;
	font-size: .9rem;
	color: #fff;
	border-radius: 5px;
	display: none;
}
.roadmap_result>h3.player {
	background: rgba(1,4,249,1);
}
.roadmap_result>h3.banker {
	background: rgba(254,15,23,1);
}
.roadmap_result>h3.tie {
	background: rgba(8,128,26,1);
}
.roadmap_result>h3.win {
	display: block;
}
.dragon_tiger .roadmap_result>h3.player {
	background: rgba(254,15,23,1);
}
.dragon_tiger .roadmap_result>h3.banker {
	background: rgba(1,4,249,1);
}


.road_mask {
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	width:100%;
	height:100%;
	padding-top:120px;
	font-size:1.5rem;
	text-align:center;
	background:rgba(0,0,0,.9);
	color:#fff;
	overflow:hidden;
	display:none;
}
.road_mask:after {
	position: absolute;
	top:50px;
	left:0%;
	width:100%;
	height:70px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	content:"";
}
.road_mask.checking:after {
	background-image:url("/ps/images/ic_maintainance.png");
}
.road_mask.shuffling:after {
	background-image:url("/ps/images/ic_shuffle.png");
}
.road_mask.selected:after {
	background-image:url("/ps/images/ic_selected.png");
}

.container_lobby .letsgame .mask_bet {
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	width:100%;
	height:calc(100% - 30px);
	padding:40px 0;
	text-align:center;
	background:rgba(0,0,0,.8);
	color:#fff;
	overflow:hidden;
	display:none;
}
.container_lobby .letsgame:hover .mask_bet {
	display:block;
}
.container_lobby .roadmap .mask_bet dt {
	text-align:left;
}
.container_lobby .roadmap .mask_bet dd {
	text-align:right;
}
.container_lobby .roadmap .mask_bet dt, .container_lobby .roadmap .mask_bet dd {
	width:40%;
	line-height:2;
	font-size:1.2rem;
	display:inline-block;
}


.container_game .roadmapInMain * {
	-moz-transition: all 0s ease-in-out;
	-webkit-transition: all 0s ease-in-out;
	-ms-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}


section.sub .container.charge_coin {
	max-width:1200px;
	min-height:700px;
	margin:0 auto;
	image-rendering:-webkit-optimize-contrast;
	transform:translateZ(0);
	backface-visibility:hidden;
}
section.sub .container.charge_coin .info p:before {
	display:none;
}
section.sub .container.charge_coin .nav_sub li {
	width:200px;
	height:50px;
	line-height:48px;
	margin:0 5px;
	font-size:1.4rem;
}
section.sub .container.charge_coin .manualWrapper {
	padding:10px 0;
	text-align:center;
	display:none;
}
section.sub .container.charge_coin .manualWrapper h2 {
	font-size:1.8rem;
	line-height:3;
}
section.sub .container.charge_coin .manualWrapper img.coin_img {
	max-width:80%;
	margin:0 auto;
}

section.sub .container.charge_coin .info2 {
	width:100%;
	margin:20px 0;
	padding:5px 20px;
	background:rgba(255,255,255,.1);
	border:1px #ff5500 solid;
	border-radius:5px;
	font-weight:bold;
	text-align:left;
}
section.sub .container.charge_coin .info2 a {
	margin:10px 0;
	font-size:1.2rem;
	display:block;
}
section.sub .container.charge_coin .info2 p {
	position:relative;
	margin:20px 0;
	padding-left:30px;
	color:#333;
	font-size:1.3rem;
	display:block;
}
section.sub .container.charge_coin .info2 p:after {
	position:absolute;
	top:0;
	left:-5px;
	width:25px;
	height:25px;
	background:url(/ps/images/ic_selected.png) center no-repeat;
	background-size:contain;
	content:"";
}
section.sub .container.charge_coin .info2 p span {
	font-size:1.1rem;
	display:block;
}
section.sub .container.charge_coin .info2 img {
	height:20px;
	margin-right:5px;
}
section.sub .container.charge_coin .applink {
	width:32%;
	margin:20px 5px;
	text-align:center;
	display:inline-block;
}
section.sub .container.charge_coin .applink img {
	height:50px;
	margin:20px auto;
	display:block;
}
section.sub .container.charge_coin .applink span {
	color:#333;
	margin-left:0px;
	display:block;
}

section.sub .container.charge_coin .form_money table {
	margin: 0 auto;
	width:770px;
}
section.sub .container.charge_coin .form_money table td {
	padding:10px;
	border: 1px #ccc solid;
	font-size:1.1rem;
}
section.sub .container.charge_coin .form_money table td .charge_qr {
	width:36%;
	float:left;
}
section.sub .container.charge_coin .form_money table td .info {
	margin-top:35px;
	width:60%;
	text-align:left;
	line-height:1.5;
	float:right;
}
section.sub .container.charge_coin .form_money table td div img {
	width:100%;
}
section.sub .container.charge_coin .form_money table td div input {
	width:70% !important;
	height:34px !important;
	padding:0 !important;
	background:#fff;
	color:#000 !important;
	font-size:.9rem !important;
	float:left;
}
section.sub .container.charge_coin .form_money table td div button {
	width:28% !important;
	min-width:auto;
	height:34px !important;
	margin:0;
	padding:0;
	font-size:1rem !important;
	float:right;
}

section.sub .container.charge_coin .manualWrapper .form_money input[type="text"], section.sub .container.charge_coin .form_money input[type="password"] {
	width: 40%;
	height: 50px;
}
section.sub .container.charge_coin .manualWrapper .form_money td input[type="text"], section.sub .container.charge_coin .form_money td input[type="password"] {
	width:80%;
	margin-right:0;
}
section.sub .container.charge_coin .form_money .btn_set button {
	height:40px;
}
section.sub .container.charge_coin .form_money .btn_set h2 {
	font-size:1.4rem;
}
section.sub .container.charge_coin .form_money .btn_set h3 {
	font-size:2.4rem;
}


.coin-wrap  {
	position: relative;
}

section.sub .container.coin-wrap .info p {
	text-align: center;
	line-height: 35px;
	font-size: 1.3rem;
	font-weight: bold;
}
section.sub .container.coin-wrap .info p:before {
	position: relative;
	top: 4px;
	left: -4px;
	width: 20px;
	height: 20px;
	display: none;
}

.coin-wrap .data-coin {
	position: relative;
	width: 800px;
	margin: 15px auto;
}
.data-coin-text {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #ccc;
	border-radius: 5px;
	color: #000;
	font-size: 1.5rem;
}

#btnRequestAccount {
	background: #2cd0ff;
}

.coin-wrap {
	position: relative;
	z-index: 0;
	top: 10px;
	left: 100px;
	width: 1000px;
	padding:20px 0 30px 0;
	background: url("/ps/images/ic_arrow.png") center no-repeat #ffffff47;
	background-size: 80px;
	border-radius: 10px;
}
.coin-wrap h2.important {
	position: relative;
	width: auto;
	padding: 0 50px;
	margin: 10px auto;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	background: #000;
	font-size: 1.6rem;
	display: inline-block;
}

.coin-container-harf {
	position: relative;
	width: 650px;
	padding: 20px;
	margin: 20px 0 20px 0;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 20px #00000087;
	overflow: hidden;
}
.coin-container-harf.f_left {
	margin-left: -200px;
}
.coin-container-harf.f_right {
	margin-right: -200px;
}
.coin-container-harf .coin-container-title {
	position: relative;
	top: -10px;
	width: auto;
	padding: 0 100px;
	margin: 10px auto 20px auto;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	background: #2cd0ff;
	font-size: 1.6rem;
	display: inline-block;
}
.coin-container-harf .info-coin {
	position: relative;
	margin: 0 0 20px 0;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: left;
}
.coin-container-harf .info-coin p {
	line-height:1.5;
}

.coin-container-harf .data-coin {
	position: relative;
	width: 100%;
	height:30px;
	line-height:30px;
	background: #ccc;
	font-size: 1.2rem;
	font-weight: bold;
}
.coin-container-harf .cash-info  {
	position: relative;
	width: 100%;
	height:30px;
	line-height:30px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #ff0000;
}

section.sub .container .coin-wrap .coin-container-harf  {
	color: #000;
}
section.sub .container .coin-wrap .coin-container-harf .form_money {
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
}
section.sub .container .coin-wrap .coin-container-harf .form_money .btn_set {
	display: flex;
	height: 88px;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
}
section.sub .container .coin-wrap .coin-container-harf .form_money .btn_set button {
	width: 200px;
	height: 40px;
	padding: 0;
	font-size: 1.2rem;
}

section.sub .container .coin-wrap .coin-container-harf .form_money input[type="text"], section.sub .container .coin-wrap .coin-container-harf .form_money input[type="password"] {
	width: 100%;
	height: 50px;
	font-size: 1.5rem;
}
section.sub .container .coin-wrap .coin-container-harf .form_money dl {
	width: 100%;
	margin: 10px 0 0 0;
	overflow: hidden;
}
section.sub .container .coin-wrap .coin-container-harf .form_money dl dt {
	padding: 0 10px;
	font-size: 1.4rem;
}
section.sub .container .coin-wrap .coin-container-harf .form_money dl dd {
	padding: 0 10px;
}
section.sub .container .coin-wrap .coin-container-harf .form_money dl input[type="text"], section.sub .container .coin-wrap .coin-container-harf .form_money dl input[type="password"] {
	height: 40px;
}
section.sub .container .coin-wrap .coin-container-harf button {
	height: 50px;
	padding: 0 30px;
	font-size: 1.5rem;
}
section.sub .container .coin-wrap .coin-container-harf button.btn_secondary {
	width: 150px;
	margin: 30px 0 10px 0;
}
section.sub .container .coin-wrap .coin-container-harf button.btn_primary {
	width: 250px;
	margin: 30px auto 10px auto;
	display: block;
}

.coin-container-full {
	width: 100%;
}

.coin-container .important {
	width: 600px;
	height: 34px;
	line-height: 34px;
	padding: 0 30px;
	margin: 0 auto;
	border-radius: 17px;
	background: #11adf4;
	color: #fff;
	display: inline-block;
}

.coin-container-full .info-coin {
	position: relative;
	margin: 20px 0;
	font-size: 1.2rem;
	font-weight: bold;
}
.coin-container-full .info-coin p {
	line-height:1.8;
}

section.sub .container .coin-container .form_money {
	margin: 10px 0;
	padding: 0;
}

.coin-container .data-coin {
	position: relative;
	width: 600px;
	margin: 0 auto;
	font-size: 1.2rem;
	font-weight: bold;
	border: 1px #ccc solid;
	border-radius: 5px;
	overflow: hidden;
}
.coin-container .data-coin> div {
	height: 40px;
	line-height: 40px;
}
.coin-container .data-coin .data-coin-title {
	width: 100%;
	background: #fff;
}
.coin-container .data-coin .data-coin-info {
	width: 100%;
	background: #ccc;
}

.btn_coin_refresh {
	position :relative;
	width: auto;
	height: 26px;
	padding: 0 10px 0 27px;
	margin: 0 5px;
	font-size: 1.1rem;
	color: #fff;
	border-radius: 5px;
	vertical-align: baseline;
	background: #11adf4;
}
.btn_coin_refresh:after {
	position :absolute;
	top: 6px;
	left: 7px;
	width: 15px;
	height: 15px;
	background: url("/ps/images/ic_refresh.png")center no-repeat;
	background-size: contain;
	content: "";
	transition: all 0.2s ease-in-out;
}
.btn_coin_refresh:hover:after {
	transform: rotate(360deg);
}

.coin-container .coin_arrow {
	width: 50px;
	height: 50px;
	margin: 10px auto 30px;
	background: url(/ps/images/ic_arrow.png) center no-repeat;
	background-size: 40px;
	transform: rotate(90deg);
}

section.sub .container .coin-container .btn_coin {
	width: 300px;
	height: 50px;
	margin: 10px auto;
	border-radius: 5px;
	border: none;
	color: #fff;
	background: linear-gradient(180deg,  #11adf4,  #0a8bc6, #11adf4);
	white-space: nowrap;
	cursor: pointer;
	font-size: 1.2rem;
	text-shadow: 1px 1px #000;
}
section.sub .container .coin-container .btn_coin:hover {
	background: #0a8bc6;
}

section.sub .container .coin-container .btn_primary {
	margin: 10px 5px;
}

section.sub .container .coin-container .form_money input[type="text"], section.sub .container .coin-container .form_money input[type="password"] {
	width: 600px;
}

.lang .en:after {
	background-image:url("/ps/images/en2.png");
}
.lang .ch:after {
	background-image:url("/ps/images/ch2.png");
}
.lang .jp:after {
	background-image:url("/ps/images/jp2.png");
}
.lang .ko:after {
	background-image:url("/ps/images/ko2.png");
}
.lang .th:after {
	background-image:url("/ps/images/th2.png");
}


.blockUI.blockMsg.blockPage.passwordNoticeBlockUI {
	top: 30% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: auto !important;
	margin: 0 !important;
	padding: 50px 30px !important;
	background: #fff !important;
	font-size: 1.4rem !important;
	color: #000 !important;
	line-height: 1.1;
	display: inline-block;
}

button.btnPasswordExpireNotice {
	height: 40px;
	margin: 30px 10px 0;
	padding: 0 20px;
	line-height: 28px;
	background: #efbf2d;
	color: #021d22;
	font-size: 15px;
	font-weight: bold;
	border-radius: 3px;
	display: inline-block;
}

.growlUI h6 {
	font-size: 15px;
}
.popup h2 {
	top: 0px !important;
	left: 0px !important;
}
.popup .contain img {
	margin:-10px;
}

