@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap');
@viewport {
	width: device-width;
	zoom: 1;
}

* {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans KR','Noto Sans SC','Noto Sans JP', Sans-serif;
	box-sizing: border-box;
	letter-spacing: -.5px;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	image-rendering: -webkit-optimize-contrast;
}
/* total width */
*::-webkit-scrollbar {
    background-color:none;
    width:5px;
	height:5px;
}
/* background of the scrollbar except button or resizer */
*::-webkit-scrollbar-track {
    background-color:#fff;
}
/* scrollbar itself */
*::-webkit-scrollbar-thumb {
    background-color:#fe139c;
    border-radius:5px;
}

/* set button(top and bottom of the scrollbar) */
*::-webkit-scrollbar-button {display:none}


html {
	font-size: 12pt;
	height: 100%;
}
@media all and (max-width: 1790px) {
	html {
		font-size: 10pt;
	}
}

body {
	min-width:1400px;
	height:100%;
	background:#fff;
}

img, fieldset {
	border: none;
	vertical-align: middle;
}

input, select, textarea {
	font-weight: normal;
}
input, textarea, fieldset {
	margin: 0;
}

input, select, textarea {
	vertical-align: middle;
	border-radius: .3rem;
	font-weight: 100;
	font-size: 13pt;
}
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;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 900;
	line-height: 1.5;
	letter-spacing: 0em;
	text-transform: uppercase;
}

input[type="submit"], input[type="reset"], input[type="button"], button, .button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	font-weight: 600;
	letter-spacing: 0.01em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	outline: 0;
}

*::selection {
	color:#fff;
	background-color:#309af3;
}

.btn_primary {
	height:30px;
	padding:0 1.5rem;
    background:padding-box #fe139c;
    background-image:linear-gradient(-135deg,#9113fe 0,#fd3265 51%, #fe139c 100%);
	background-size: 200% auto;
	border-radius:15px;
	border:none;
	color:#fff;
	transition: 0.2s;
}
.btn_primary:hover {
	background-position: right center;
}
.btn_secondary {
	height:30px;
	padding:0 1.5rem;
	background:transparent;
    color:#a2a2a2;
    border:2px solid #a2a2a2;
	border-radius:15px;
}
.btn_secondary:hover {
	background:#a2a2a2;
    color:#fff;
}

input.error, textarea.error {
	border: 2px dotted red;
}


label.error {
	position:absolute;
	z-index:2;
	left:-1px;
	top:-1px;
	width:calc(100% + 2px);
	height:calc(100% + 2px);
	border: 1px dotted #ff0000;
    border-radius: 5px;
}
	label.error span {
		position: absolute;
		z-index: 3;
		right: 1px;
		top: 1px;
		height: 54px;
		line-height: 52px;
		padding: 0 20px;
		background: #fe139c;
		color: #fff;
		box-shadow:0 1px 4px 0 rgba(0,0,0,.3);
		border-radius: 3px;
		display: block;
	}
		label.error span:before {
			position: absolute;
			z-index:1;
			right: 100%;
			top: calc(50% - 9px);
			height: 0;
			width: 0;
			border: 10px solid transparent;
			border-right: 10px solid #fe139c;
			content: " ";
			pointer-events: none;
		}


.mask {
	position:fixed;
	z-index:98;
	background:rgba(0,0,0,.7);
	width:100%;
	height:100%;
	display:none;
}


.crome_div {
    position: fixed;
    z-index: 999;
    bottom: 0px;
    width: 100%;
    height: 80px;
    background: #05193a;
    color: #fff;
    text-align: left;
    box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
	display:none;
}
	.crome_div .contain {
		width:1000px;
		height:100%;
		padding-top:10px;
		margin:0 auto;
	}
		.crome_div .contain .downchrom {
			width:230px;
			height:61px;
			background: url("../../img/common/ic_crome.png") center center no-repeat;
			cursor:pointer;
			float:right;
		}
		.crome_div .contain .textchrom {
			width: 700px;
			font-size: .85rem;
			line-height: 1.6;
			letter-spacing: 0;
			float: left;
		}
			.crome_div .contain .textchrom span {
				color:#efbf2d;
			}
		.crome_div .close_pop {
			top:11px;
			right:30px;
			background-image: url(../../img/euro/ic_close2.png);
			background-color: transparent;
			filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(276deg) brightness(106%) contrast(107%);
		}


.close_pop {
	position:absolute;
	z-index:1;
	width:60px;
	height:60px;
	background:url(../../img/euro/ic_close2.png) #fff center no-repeat;
	background-size:30px;
	border-radius:50%;
	cursor:pointer;
}
.close_pop:hover {
	transform: rotate( 180deg );
	background-size:35px;
}

header .menu_on:hover, header nav li:hover, aside ul li:hover span, section.main ul.game_select li:hover, section.main ul.game_select li.on, footer .menu li:hover, section.sub .container .info p:before {
	filter:invert(23%) sepia(97%) saturate(3794%) hue-rotate(311deg) brightness(98%) contrast(106%);
}

.lang {
	position:absolute;
	z-index:1;
	top:23px;
	right:10px;
	width:40px;
	height:40px;
	font-size:0;
}
.scroll .lang, .min_header .lang, .game .lang {
	top:3px;
}
	.lang .now_lang {
		width:100%;
		height:100%;
		background-position:center;
		background-repeat:no-repeat;
		background-size:32px;
		border-radius:50%;
		cursor:pointer;
	}
	.lang .now_lang:hover {
		background-size:100%;
	}
	.lang .ko {
		background-image:url(../../img/euro/ic_lang_ko.svg);
	}
	.lang .en {
		background-image:url(../../img/euro/ic_lang_en.svg);
	}
	.lang .cn {
		background-image:url(../../img/euro/ic_lang_cn.svg);
	}
	.lang .jp {
		background-image:url(../../img/euro/ic_lang_jp.svg);
	}
	.lang .ph {
		background-image:url(../../img/euro/ic_lang_ph.svg);
	}
	.lang .vn {
		background-image:url(../../img/euro/ic_lang_vn.svg);
	}
	.lang .th {
		background-image:url(../../img/euro/ic_lang_th.png);
	}
		.lang .now_lang ul {
			position:absolute;
			z-index:1;
			top:40px;
			right:0px;
			display:none;
		}
		.lang:hover .now_lang ul {
			display:block;
		}
			.lang .now_lang ul li {
				width:40px;
				height:40px;
				background-position:center;
				background-repeat:no-repeat;
				background-size:32px;
			}
			.lang .now_lang ul li:hover {
				background-size:100%;
			}


.login .login_wrap {
	position:fixed;
	z-index:99;
	top:30%;
	left:50%;
	width:500px;
	padding:50px 30px;
	transform: translate(-50%, 0);
	background:#fff;
	border-radius: 5px;
	box-shadow: 0 10px 30px rgba(0,0,0,.1);
	display:none;
}
	.login .login_wrap h2 {
		position:absolute;
		left:50%;
		top:-30px;
		width:70%;
		height:60px;
		line-height:50px;
		margin-left:-35%;
		background:#fff;
		border-radius:30px;
		border:5px #f7f7f7 solid;
		font-size:1.4rem;
		text-align:center;
		letter-spacing:-.5px;
		white-space:nowrap;
	}
	.login .login_wrap .close_pop {
		bottom:-70px;
		left:50%;
		margin-left:-30px;
	}
	.login .login_wrap input {
		position:relative;
		z-index:1;
		width:100%;
		font-size: 1.4rem;
		font-weight: 600;
		color: #000;
		background:transparent !important;
		border:none;
		outline: 0;
		appearance: none;
		display:block;
	}
	.login .login_wrap label {
		position:absolute;
		z-index:0;
		top:10px;
		font-size: 1.4rem;
		font-weight: 600;
		color: #666;
		display:block;
	}
	.login .login_wrap input:focus + label, .login .login_wrap input:not([value=""]) + label {
		top:1px;
		font-size:.8rem;
		font-weight:normal;
		color:#999;
	}
	.login .login_wrap .form_full {
		position:relative;
		width: 100%;
		height: 60px;
		margin-bottom:10px;
		padding: 20px 0px 0 20px;
		background-color: #f2f2f2;
		border: 2px solid #f2f2f2;
		border-radius: 5px;
	}
	.login .login_wrap .btn_set {
		position:relative;
		width:100%;
		padding-top:30px;
		text-align:center;
	}
		.login .login_wrap .btn_set button {
			width:70%;
			height:50px;
			font-size:1.2rem;
			border-radius:30px;
		}
		.login .login_wrap .btn_set button.btn_secondary {
			height:30px;
			margin-top:10px;
			border-radius:15px;
			font-size:1rem;
		}

header {
	position:fixed;
    z-index:10;
    top:0;
    left:0;
	width:100%;
	min-width:1400px;
	height:85px;
	padding:5px 0;
	background:#fff;
	box-shadow:0px 1px 5px rgba(0,0,0,0.5);
}

header.scroll, header.min_header, .game header {
	height:45px;
	padding:10px 0;
}
	header .logo {
		width: 200px;
		height: 75px;
		margin: 0px 20px 0 10px;
		background:url(../../img/euro/logo_eurom.png)center no-repeat;
		background-size:contain;
		font-size:0;
		display:block;
		float:left;
	}
	.login header .logo, .join header .logo {
		position:absolute;
		left:50%;
		transform:translate(-50%, 0);
	}
	header.scroll .logo, header.min_header .logo, .game header .logo {
		width:150px;
		height:25px;
	}
	header .menu_on {
		position:relative;
		width:38px;
		height:75px;
		margin:0 20px;
		background:url(../../img/euro/ic_menu.png)center no-repeat;
		background-size:contain;
		font-size:0;
		cursor:pointer;
		float:left;
	}
	header.scroll .menu_on, header.min_header .menu_on, .game header .menu_on {
		height:25px;
	}
	header nav {
		position:relative;
		width:auto;
		height:75px;
		padding:10px 0;
		float:left;
	}
	header.scroll nav, header.min_header nav, .game header nav {
		height:30px;
		padding:0;
		float:left;
	}
		header nav li {
			position:relative;
			width:auto;
			height:100%;
			margin:5px 10px;
			text-transform: uppercase;
			cursor:pointer;
			float:left;
		}
		header.scroll nav li, header.min_header nav li, .game header nav li {
			margin:0px 10px;
		}
			header nav li span {
				position:relative;
				width:25px;
				height:25px;
				margin:0 auto;
				background-position:center;
				background-repeat:no-repeat;
				background-size:contain;
				display:block;
			}
			header.scroll nav li span, header.min_header nav li span, .game header nav li span {
				display:none;
			}
			.menu li span {
				background-position:center;
				background-repeat:no-repeat;
				background-size:contain;
				-webkit-font-smoothing: auto;
			}
			.menu li.deposit span {
				background-image:url(../../img/euro/ic_chip2.png);
			}
			.menu li.exchinge span {
				background-image:url(../../img/euro/ic_exchang.png);
			}
			.menu li.trade span {
				background-image:url(../../img/euro/ic_historym.png);
			}
			.menu li.game span {
				background-image:url(../../img/euro/ic_card.png);
			}
			.menu li.cs span {
				background-image:url(../../img/euro/ic_cs.png);
			}
			.menu li.notice span {
				background-image:url(../../img/euro/ic_q.png);
			}
			.menu li.live span {
				background-image:url(../../img/euro/ic_game.png);
			}
			.menu li.all span {
				background-image:url(../../img/euro/ic_shape.png);
			}
			.menu li.baccarat span {
				background-image:url(../../img/euro/ic_card.png);
			}
			.menu li.hotel span {
				background-image:url(../../img/euro/ic_game_bac.png);
			}
			.menu li.dt span {
				background-image:url(../../img/euro/ic_game_dt.png);
			}
			.menu li.table span {
				background-image:url(../../img/euro/ic_game_dice.png);
			}
			.menu li.slot span {
				background-image:url(../../img/euro/ic_game_slot.png);
			}
			.menu li.sports span {
				background-image:url(../../img/euro/ic_game_sports.png);
			}
	header .login {
		position:relative;
		top:0;
		width:auto;
		height:30px;
		margin:0px 50px;
		float:right;
		text-transform: uppercase;
	}
		header .login > h2 {
			height:30px;
			margin:20px 2px;
			float:left;
		}
		header.scroll .login > h2, header.min_header .login > h2, .game header .login > h2 {
			margin:-5px 2px;
		}
		@media all and (max-width: 1670px) {
			header.scroll .login > h2, header.min_header .login > h2, .game header .login > h2 {
				display:none;
			}
		}

			header .login > h2 img {
				position:absolute;
				left:-75px;
				height:40px;
				float:left;
			}
			header.scroll .login > h2 img, header.min_header .login > h2 img, .game header .login > h2 img {
				top:0;
				left:-48px;
				height:25px;
			}
			header .login > h2 p {
				height:18px;
				font-size:.8rem;
				font-weight:normal;
				float:left;
			}
			header.scroll .login > h2 p, header.min_header .login > h2 p, .game header .login > h2 p {
				height:16px;
				font-size:.7rem;
			}
			header .login > h2 span {
				width:90%;
				height:15px;
				line-height:12px;
				padding:1px;
				border-radius:.3rem;
				border:1px #fe139c solid;
				font-weight:normal;
				float:left;
			}
				header .login > h2 span div {
					height:100%;
					padding:0 5px;
					border-radius:.2rem;
					font-size:9px;
					font-weight:normal;
					color:#fff;
					background:linear-gradient(-135deg,#9113fe 0,#fd3265 51%, #fe139c 100%);
				}
				header .login > h2 span div.lv1 {
					width:10%;
				}
				header .login > h2 span div.lv2 {
					width:20%;
				}
				header .login > h2 span div.lv3 {
					width:30%;
				}
				header .login > h2 span div.lv4 {
					width:40%;
				}
				header .login > h2 span div.lv5 {
					width:50%;
				}
				header .login > h2 span div.lv6 {
					width:60%;
				}
				header .login > h2 span div.lv7 {
					width:70%;
				}
				header .login > h2 span div.lv8 {
					width:80%;
				}
				header .login > h2 span div.lv9 {
					width:90%;
				}
				header .login > h2 span div.lv10 {
					width:100%;
				}
		header .login > div {
			position:relative;
			min-width:100px;
			background:transparent;
			border:2px solid #fe139c;
			border-radius:15px;
			padding:0 1em;
			text-align:center;
			cursor:pointer;
		}
		header .login > div:hover {
			border:2px solid #9113fe;
		}
		header .login > div, header .login > button {
			margin:18px 2px;
			height:40px;
			border-radius:20px;
			font-weight:normal;
			letter-spacing: -0.5px;
			float:left;
		}
			header .login > div p {
				position:absolute;
				top:0;
				left:0;
				width:100%;
				font-size:.7rem;
				color:#666;
			}
			header.scroll .login > div p, header.min_header .login > div p, .game header .login > div p {
				position:static;
				width:auto;
				display:inline-block;
			}
			header .login > div span {
				line-height:46px;
				font-size:1rem;
				font-weight:bold;
				color:#fe139c;
			}
			header .login > div:hover span {
				color:#9113fe;
			}
		.login header .login > div, header .login > button {
			padding:0 20px;
		}
		header.scroll .login > div, header.scroll .login > div span, header.scroll .login > button, header.min_header .login > div, header.min_header .login > div span, header.min_header .login > button, .game header .login > div, .game header .login > div span, .game header .login > button {
			height:26px;
			line-height:22px;
			font-size:.8rem;
			margin:0px 2px;
		}

aside {
	position:fixed;
	z-index:99;
	top:0;
	left:0;
	width:310px;
	height:100%;
	background:#fff;
	box-shadow:0px 1px 5px rgba(0,0,0,0.5);
	overflow-x:hidden;
	overflow-y:auto;
	display:none;
}
	aside .top {
		position:relative;
		width:100%;
		height:85px;
		line-height:85px;
		background:#fe139c;
	}
		aside .top .close {
			position:absolute;
			top:0;
			right:5%;
			width:12%;
			height:100%;
			background:url(../../img/euro/ic_close.png)center no-repeat;
			background-size:contain;
			filter:invert(100%) sepia(2%) saturate(7477%) hue-rotate(258deg) brightness(104%) contrast(97%);
			opacity:.7;
			cursor:pointer;
		}
		aside .top .close:hover {
			opacity:1;
		}
		aside .top img {
			max-width: 65%;
			max-height: 50%;
			margin: 0 5%;
			filter: brightness(100);
		}
	aside ul {
		width:100%;
	}
		aside ul li {
			position: relative;
			line-height: 44px;
			font-size: 1rem;
			text-transform: uppercase;
			color: #000;
			border-bottom: 1px solid #999;
			cursor:pointer;
		}
		aside ul li.sub {
			background:url(../../img/euro/ic_arrow_down.png) 280px 20px no-repeat;
			background-size:12px;
		}
		aside ul li.on {
			background:url(../../img/euro/ic_arrow_up.png) 280px 20px no-repeat;
			background-size:12px;
		}
		aside ul li:hover {
			color: #fe139c;
		}
			aside ul li ul {
				width:100%;
				background:#f5f5f5;
				display:none;
			}
			aside ul li.on ul {
				display:block;
			}
			aside ul li:hover ul {
				width:100%;
				background:#fe139c;
			}
				aside ul li ul li {
					padding-left:43px;
					line-height:30px;
					font-size: .8rem;
					color:#000;
					border-top: 1px solid #999;
					border-bottom: none;
				}
				aside ul li:hover ul li {
					color:#fff;
				}
				aside ul li ul li:hover {
					color:#fff;
					text-decoration:underline;
				}
			aside ul li span {
				width:22px;
				height:44px;
				margin:0 10px;
				float:left;
				display:block;
			}

section.main {
	width:100%;
	height:auto;
}

	section.main ul.game_select {
		position:relative;
		width:100%;
		padding:20px 0 10px 0;
		background:#fff;
		border-bottom:1px #fe139c solid;
		text-align:center;
	}
		section.main ul.game_select li {
			position:relative;
			padding:0 25px;
			cursor:pointer;
			display:inline-block;
		}
			section.main ul.game_select li span {
				position:relative;
				width:25px;
				height:35px;
				margin:0 auto;
				background-position:center;
				background-repeat:no-repeat;
				background-size:contain;
				display:block;
				-webkit-font-smoothing: auto;
			}
			section.main ul.game_select li:hover span, section.main ul.game_select li.on span {
				width:35px;
			}
			.game_select li.all span {
				background-image:url(../../img/euro/ic_shape.png);
			}
			.game_select li.baccarat span {
				background-image:url(../../img/euro/ic_card.png);
			}
			.game_select li.hotel span {
				background-image:url(../../img/euro/ic_game_bac.png);
			}
			.game_select li.dt span {
				background-image:url(../../img/euro/ic_game_dt.png);
			}
			.game_select li.table span {
				background-image:url(../../img/euro/ic_game_dice.png);
			}
			.game_select li.slot span {
				background-image:url(../../img/euro/ic_game_slot.png);
			}
			.game_select li.sports span {
				background-image:url(../../img/euro/ic_game_sports.png);
			}

	section.main .cs {
		display:none;
	}
	section.main .visual {
		position:relative;
		width:100%;
		height:700px;
		background:url(../../img/euro/bg01.jpg) top center no-repeat;
		background-size:100%;
		background-attachment:fixed;
		overflow:hidden;
	}
		section.main .visual .notice_text {
			position:sticky;
			top:20%;
			width:100%;
			text-align:center;
			color:#fff;
		}
			section.main .visual .notice_text h2 {
				margin-bottom:15px;
				line-height:1.1;
				font-size:2.5rem;
				text-shadow : 0px 0px 20px rgba(0,0,0,.5);
			}
			section.main .visual .notice_text p {
				font-size:1.3rem;
				line-height:1.3;
				text-shadow : 0px 0px 5px rgba(0,0,0,.5);
			}
			section.main .visual .notice_text .btn_primary {
				height:55px;
				padding:0 40px;
				margin: 30px 0;
				font-size:1.3rem;
				border-radius: 30px;
				box-shadow : 0px 0px 20px rgba(0,0,0,.5);
			}
		section.main .visual img.logo {
			width:300px;
			margin:50px 0;
			filter:brightness(100);
		}

	section.main .container {
		position:relative;
		width:100%;
		height:auto;
		padding:0 0 20px 0;
	}
	section.main #container {
		max-width:1900px;
		margin:0 auto;
	}

ul.game {
	width:100%;
	padding:30px 60px;
	text-align:center;
}
	ul.game li {
		position:relative;
		width:268px;
		height:360px;
		margin:0 12px;
		margin-bottom:60px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:100%;
		cursor:pointer;
		display:inline-block;
	}
	ul.game li:hover {
		background-size:120%;
	}
		ul.game li img {
			position:absolute;
			z-index:0;
			top:50%;
			left:50%;
			transform: translate(-50%, -50%);
			border-radius:10px;
			width:100%;
		}
		ul.game li:hover img {
			width:115%;
		}
		ul.game li button {
			position:absolute;
			top:60%;
			left:50%;
			z-index:2;
			padding:0 50px;
			height:60px;
			border-radius:30px;
			transform: translate(-50%, 0%);
			opacity:0;
		}
		ul.game li:after {
			position:absolute;
			top:-7.5%;
			left:-7.5%;
			z-index:1;
			width:115%;
			height:115%;
			background: linear-gradient(360deg, rgba(0,0,0,.6), rgba(244,69,250,0.1));
			border-radius:10px;
			content:"";
			opacity:0;
			transition: all 0.2s ease-in-out;
		}
		ul.game li:hover button, ul.game li:hover:after {
			opacity:1;
		}
		ul.game li .name {
			position:absolute;
			z-index:3;
			bottom:-45px;
			left:0%;
			width:100%;
			height:45px;
		}
		ul.game li:hover .name {
			bottom:-35px;
		}
			ul.game li .name h2 {
				font-size:1rem;
				font-weight:600;
			}
			ul.game li:hover .name h2 {
				font-size:1.2rem;
				font-weight:400;
				color:#fff;
			}
			ul.game li .name h3 {
				font-size:.8rem;
				font-weight:normal;
				color:#666;
			}
			ul.game li:hover .name h3 {
				display:none;
			}

section.main .container.container-slot {
	position:relative;
	z-index:1;
	width:100%;
	margin:30px auto 0px auto;
	padding-top:130px;
	background: url(../../img/common/slot/bg_slot.jpg) center no-repeat;
	background-size:cover;
}
section.main .container.container-slot:after {
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	content:"";
}
	section.main .container.container-slot h2.title {
		position:absolute;
		z-index:0;
		top:15px;
		left:0;
		width:100%;
		height:140px;
		background: url(../../img/common/slot/slot_title.png)center no-repeat;
		display:block;
	}

section.main .container.container-slot ul.game li {
    border: 1px #fff solid;
    border-radius: 12px;
	margin:0 25px;
}
	section.main .container.container-slot ul.game li h2 {
		color:#fff;
	}

	section.main .board {
		position:relative;
		width:100%;
		height:auto;
		padding:80px 0 40px 0;
		border-top:1px #fe139c solid;
		text-align:center;
	}
		section.main .board video {
			position:absolute;
			top:0;
			left:0;
			z-index:0;
			width:100%;
			height:auto;
		}
		section.main .board > h2 {
			padding-bottom:10px;
			color:#fff ;
			font-size:2rem;
			font-weight:900;
		}
		section.main .board > ul {
			position:relative;
			z-index:1;
			width:475px;
			padding:25px 25px 60px 25px;
			margin:15px;
			vertical-align: top;
			background: #212121;
			border-radius:5px;
			color:#fff;
			text-align:left;
			display:inline-block;
		}
		section.main .board > ul:after {
			position:absolute;
			bottom:10px;
			right:20px;
			z-index:1;
			width:30px;
			height:30px;
			background: url(../../img/euro/ic_quote.svg) no-repeat center;
			background-size:contain;
			content:"";
		}
			section.main .board > ul h2 {
				font-size:1rem;
				margin-bottom:10px;
			}
			section.main .board > ul p {
				font-size:.8rem;
				margin-bottom:5px;
			}
			section.main .board > ul div.navi {
				width:50%;
				float:left;
				font-size:.8rem;
				margin-bottom:5px;
				border:1px #666 solid;
				text-align:center;
				cursor:pointer;
				opacity:.5;
			}
			section.main .board > ul div:hover, section.main .board > ul div.on {
				opacity:1;
			}
			section.main .board > ul li {
				position: relative;
				padding-right: 100px;
				margin:10px 0;
				font-size:.8rem;
				color:#ccc;
				cursor:pointer;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			section.main .board > ul li:hover {
				text-decoration:underline;
			}
				section.main .board > ul li span {
					position: absolute;
					right: 0;
					color:#999;
					float:right;
				}
				section.main .board ul li p {
					width: 20%;
					height: 100%;
					float: left;
					text-overflow: ellipsis;
					white-space: nowrap;
					word-wrap: normal;
					overflow: hidden;
				}
				section.main .board ul li strong {
					width: 45%;
					font-size: 13px;
					color: #ffd400;
					text-align: right;
					float: left;
				}

		.main .board ul .payment {
			margin: 0 auto;
			color: #fff;
		}
			.main .board ul .payment .navi {
				width: 49.5%;
				height: 24px;
				line-height: 22px;
				float: left;
				border: 1px #fff solid;
				opacity: .5;
				cursor: pointer;
			}
			.main .board ul .payment .navi:first-child {
				margin-right:1%;
			}
			.main .board ul .payment .on {
				opacity: 1;
			}
			.main .board ul .payment .navi:hover {
				opacity: 1;
			}
			.main .board ul .payment div {
				width: 100%;
				margin: 0 auto;
				overflow: hidden;
				white-space: normal;
			}
				.main .board .payment div ul li {
					height: 24px;
					line-height: 24px;
				}

section.sub {
	width:100%;
	height:auto;
	margin-top:85px;
}
	section.sub .visual {
		position:relative;
		width:100%;
		height:200px;
		background:url(../../img/euro/bg01.jpg) center no-repeat;
		background-size:100%;
		background-attachment:fixed;
		overflow:hidden;
	}
		section.sub .visual .notice_text {
			position:sticky;
			top:25%;
			width:100%;
			text-align:center;
			color:#fff;
		}
			section.sub .visual .notice_text h2 {
				margin-bottom:15px;
				line-height:1.1;
				font-size:3.5rem;
				text-shadow : 0px 0px 20px rgba(0,0,0,.5);
			}
			section.sub .visual .notice_text p {
				font-size:1rem;
				line-height:1.3;
				text-shadow : 0px 0px 5px rgba(0,0,0,.5);
			}
	section.sub .container {
		position:relative;
		width:100%;
		height:auto;
		padding:80px;
		background:#f7f7f7;
	}
		section.sub .container .info {
			padding:0 30px;
			text-align:center;
		}
		section.sub .container .info_table {
			padding:0 30px;
			text-align:left;
		}
		section.sub .container .info_write .info {
			text-align:left;
		}
		section.sub .container dl .info {
			position: absolute;
			right: 0;
		}
			section.sub .container .info > button {
				height:60px;
				margin:10px auto;
				padding:0 50px;
				border-radius:30px;
				display:block;
			}
			section.sub .container .info p {
				position:relative;
				width:auto;
				max-width:100%;
				margin:15px auto;
				color:#fe139c;
				display:block;
			}
			section.sub .container .info p.point {
				font-weight:bold;
				filter:invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
			}
			section.sub .container .info_table p {
				position:relative;
				margin:15px 0;
				margin-right:25px;
			}
				section.sub .container .info p:before, section.sub .container .info_table p:before {
					position:relative;
					top:5px;
					width:22px;
					height:22px;
					margin:0 5px;
					background:url(../../img/euro/ic_info.png) center left no-repeat;
					background-size:contain;
					content:"";
					display:inline-block;
				}
				section.sub .container .info p:after, section.sub .container .info_table p:after {
					position:relative;
					width:1px;
					height:1px;
					content:"";
					display:block;
				}

		section.sub .container .form_wrap {
			position:relative;
			width:70%;
			margin:50px auto;
			padding:50px 30px;
			background:#fff;
			border-radius: 5px;
			box-shadow: 0 10px 30px rgba(0,0,0,.1);
		}
			section.sub .container .form_wrap h2 {
				position:absolute;
				left:50%;
				top:-30px;
				width:70%;
				height:60px;
				line-height:50px;
				margin-left:-35%;
				background:#fff;
				border-radius:30px;
				border:5px #f7f7f7 solid;
				font-size:1rem;
				text-align:center;
				letter-spacing:-.5px;
				white-space:nowrap;
			}
			section.sub .container .form_wrap input, section.sub .container .form_wrap textarea {
				position:relative;
				z-index:3;
				width:100%;
				height:100%;
				padding-top:8px;
				font-size: 1.4rem;
				font-weight: 600;
				color: #000;
				background:transparent;
				border:none;
				outline: 0;
				appearance: none;
				display:block;
			}
			.join section.sub .container .form_wrap input {
				width:80%;
			}
			.container .form_wrap textarea {
				height:100%;
			}
			section.sub .container .form_wrap .placeholder {
				position:absolute;
				z-index:0;
				top:10px;
				font-size: 1.4rem;
				font-weight: 600;
				color: #666;
				display:block;
			}
			section.sub .container .form_wrap input.on ~ .placeholder, 
			section.sub .container .form_wrap input:focus ~ .placeholder, 
			section.sub .container .form_wrap input:not([value=""]) ~ .placeholder, 
			section.sub .container .form_wrap textarea:focus ~ .placeholder, 
			section.sub .container .form_wrap textarea:not([value=""]) ~ .placeholder {
				top:1px;
				font-size:.8rem;
				font-weight:normal;
				color:#999;
			}
			section.sub .container .form_wrap .form_full {
				position:relative;
				width: 100%;
				background-color: #f2f2f2;
				height: 60px;
				padding: 2px 0px 0 20px;
				margin-bottom:5px;
				border: 2px solid #f2f2f2;
				border-radius: 5px;
				outline: 0;
				appearance: none;
			}
				section.sub .container .form_wrap .form_full > button {
					position:absolute;
					z-index:1;
					top:2px;
					right:2px;
					padding:0 20px;
					height:52px;
					font-size: 1rem;
					font-weight: 600;
					border-radius:5px;
					display:block;
				}
			section.sub .container .form_wrap .btn_money {
				position:relative;
				width: 100%;
				padding:5px 0;
				overflow: hidden;
				display: flex;
			}
				section.sub .container .form_wrap .btn_money button {
					height:40px;
					margin:0 2px;
					background:#48ad5d;
					color:#fff;
					border-radius:5px;
					border-bottom:5px #287c39 solid;
					overflow: hidden;
					flex: 1;
				}
				section.sub .container .form_wrap .btn_money button:hover {
					border-bottom:1px #287c39 solid;
				}
			section.sub .container .form_wrap dl {
				position:relative;
				width: 100%;
				margin:20px 0;
				border:1px #ccc solid;
				border-bottom:none;
				border-radius:5px;
				overflow: hidden;
			}
				section.sub .container .form_wrap dl dt, section.sub .container .form_wrap dl dd {
					height:41px;
					padding:0 20px;
					line-height:40px;
					float:left;
				}
				section.sub .container .form_wrap dl dt {
					width:30%;
					font-weight:bold;
					text-align:right;
					border-right:1px #ccc solid;
					border-bottom:1px #ccc solid;
				}
				section.sub .container .form_wrap dl dd {
					width:70%;
					border-bottom:1px #ccc solid;
				}

		section.sub .container .btn_set {
			position:relative;
			width:100%;
			padding-top:30px;
			text-align:center;
		}
		section.sub .container .btn_right {
			margin-top:-55px;
			padding-top:0px;
			text-align:right;
		}
			section.sub .container .btn_set button {
				height:50px;
				padding:0 50px;
				border-radius:30px;
			}

		section.sub .container table.board {
			width:100%;
			margin:0 auto;
		}
			section.sub .container table.board thead tr {
				background:#333;
				border-bottom:5px #000 solid;
			}
				section.sub .container table.board thead tr th {
					height:55px;
				}
			section.sub .container table.board tr {
				background:#fff;
				border-bottom:1px #ccc solid;
				height:60px;
			}
			section.sub .container table.board tr.notice {
				background:#fff;
				border-bottom:1px #999 solid;
			}
			section.sub .container table.board tbody tr {
				cursor:pointer;
			}
			section.sub .container table.board tbody tr:hover {
				background:#edeffa;
				border-bottom:1px #999 solid;
			}
			section.sub .container table.board tfoot tr {
				background:transparent;
				border:none;
			}
				section.sub .container table.board th, section.sub .container table.board td {
					text-align:center;
				}
				section.sub .container table.board th {
					color:#fff;
				}
				section.sub .container table.board td {
					padding:0 5px;
					color:#333;
				}
					section.sub .container table.board td a {
						color:#000;
					}
				section.sub .container table.board td.subject {
					color:#000;
					text-align:left;
					font-weight:600;
				}
				section.sub .container table.board tr:hover td.subject {
					text-decoration:underline;
				}
				section.sub .container table.board td div {
					width:auto;
					margin:0 auto;
					padding:5px 10px;
					color:#fff;
					border-radius:5px;
					font-size:.8rem;
				}
				section.sub .container table.board td div.processing {
					background:#3d9e50;
				}
				section.sub .container table.board td div.completed {
					background:#fe139c;
				}

.paging {
	position:relative;
}
	.paging a {
		width:40px;
		height:40px;
		line-height:40px;
		margin-top:30px;
		background:#999;
		display:inline-block;
	}
	.paging a.on, .paging a:hover {
		background:#333;
		color:#fff !important;
	}

.board_view {
	position:relative;
}
	.board_view h2 {
		font-size: 2.5rem;
		font-weight: 100;
		text-transform: none;
	}
	section.sub .container .board_view .info {
		padding:20px 10px 10px 0px;
		text-align:left;
		border-bottom: 1px #ccc solid;
	}
		.board_view .info span {
			margin-right:10px;
			font-size:.9rem;
			font-weight:300;
			color:#333;
		}
			.board_view .info span img {
				margin-top:-2px;
			}
	.board_view .content {
		padding:50px;
		line-height:1.8;
		border-bottom:1px #ccc solid;
	}
			.board_view .content div.title {
				width:auto;
				padding:5px 10px;
				margin-bottom:20px;
				color:#fff;
				background:#333;
				border-radius:5px;
				display:inline-block;
			}
			.board_view .content div.processing {
				background:#3d9e50;
			}
			.board_view .content div.completed {
				background:#fe139c;
			}

section.sub .container .board_insert {
    position: relative;
    width: 90%;
    margin: 0px auto;
    padding: 50px 30px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 10px 30px rgba(0,0,0,.1);
}
	section.sub .container .board_insert .form_board {
		position:relative;
		width: 100%;
		background-color: #f2f2f2;
		height: 300px;
		padding: 20px 0px 0 20px;
		margin-top:5px;
		border: 2px solid #f2f2f2;
		border-radius: 5px;
		outline: 0;
		appearance: none;
	}
	section.sub .container .board_insert input ,section.sub .container .board_insert textarea {
		font-size:1rem;
	}

.container ul.nav_sub {
	position:relative;
	width:100%;
	text-align:center;
}
	.container ul.nav_sub li {
		height:38px;
		line-height:34px;
		padding:0 30px;
		border:2px #000 solid;
		border-radius:5px;
		display:inline-block;
		cursor:pointer;
		opacity:.5;
	}
		.container ul.nav_sub li:hover, .container ul.nav_sub li.on {
			opacity:1;
		}

footer {
	position:relative;
	width:100%;
	padding-bottom:50px;
}
	footer nav {
		position:relative;
		padding:50px 0;
		background:padding-box #fb139d;
		background-image:linear-gradient(135deg,#fe139c 0,#c71cb8 29%,#4232fd 100%);
		text-align:center;
		overflow:hidden;
	}
		footer nav:after {
			position: absolute;
			top:-66px;
			left:0;
			right:0;
			background:url(../../img/euro/radial_white_circle.svg) center -405px/100% no-repeat;
			width:1200px;
			height:200%;
			margin:0 auto;
			z-index:0;
			content:"";
			opacity:.6;
		}
		footer nav h2 {
			padding-bottom:10px;
			color: #fff;
			font-size:2rem;
			font-weight:normal;
		}
		footer nav ul {
			position: relative;
			z-index: 1;
			padding: 10px 60px;
			background: #fff;
			border-radius: 50px;
			display: inline-block;
		}
			footer nav ul li.btn_primary {
				height:40px;
				line-height:40px;
				padding:0 30px;
				margin:0 10px;
				border-radius:20px;
				font-size:.8rem;
				cursor:pointer;
				display: inline-block;
			}
	footer .banner {
		position:relative;
		width:100%;
		height:100px;
		margin:0 auto;
		background:url(../../img/euro/footer_banner.png) #333 center no-repeat;
		background-size:70%;
		text-align:center;
		overflow:hidden;
	}
	footer .menu {
		position:relative;
		width:100%;
		padding:30px 0;
		text-align:center;
		border-top:1px #ccc solid;
		border-bottom:1px #ccc solid;
		overflow:hidden;
		display:none;
	}
		footer .menu li {
			padding:0 50px;
			font-size:.8rem;
			font-weight:bold;
			display:inline-block;
			cursor:pointer;
		}
		footer .ico {
			width:80%;
			margin:30px auto;
			text-align:center;
		}
		footer .line {
			width:100%;
			padding:15px 0;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
		}
			footer .ico img {
				width:70px;
				height:30px;
				margin:0px 10px;
			}
			footer .line img {
				width:110px;
				height:52px;
			}
	footer p {
		position:relative;
		width:95%;
		margin:10px auto;
		font-size:.8rem;
		text-align:center;
		color:#999;
	}
	footer .licence {
		position:relative;
		width:70%;
		margin:30px auto;
		text-align:left;
		border:1px #ccc solid;
		border-radius:10px;
		overflow:hidden;
	}
		footer .licence dt, footer .licence dd {
			float:left;
		}
		footer .licence dt {
			width:15%;
			padding:10px 0;
			text-align:center;
		}
			footer .licence dt img {
				width:80%;
			}
		footer .licence dd {
			width:80%;
			padding:10px;
			color:#666;
			font-size:.7rem;
			border-left:1px #ccc solid;
		}

	footer .copy {
		position:relative;
		padding:30px 0;
		text-align:center;
		border-top:1px #ccc solid;
		font-size:.7rem;
		color:#666;
		overflow:hidden;
	}
		footer .copy span {
			margin-right: 10px;
			color:#000;
			font-weight:bold;
		}
		footer .copy img {
			position:absolute;
			top:20px;
			right:5%;
			width:40px;
			opacity:.3;
		}


.popup {
	position:absolute;
	top:200px; 
	left:30%;
	z-index:9999;
	max-width:500px;
	border: 1px #fe139c solid;
	background:#fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	box-shadow:1px 1px 10px #000;
	overflow:hidden;
}
	.popup h2 {
		position:relative;
		line-height:3;
		text-align:center;
		background:#fe139c;
		font-size:1.5rem;
		color:#fff;
	}
	.popup .contain {
		min-width:200px;
		max-width:500px;
		max-height:700px;
		padding:10px;
		overflow-y:auto;
		overflow-x:hidden;
	}
		.popup .contain P {
			font-size:1.3rem;
			line-height:1.5;
		}
		.popup .contain img {
			margin:-10px;
		}
	.popup .btm {
		width:100%;
		height:40px;
		line-height:40px;
		padding-left:10px;
		background:#fe139c;
		color:#fff;
	}
		.popup .btm input {
			margin-right:5px;
			border:1px #fff solid;
		}
		.popup .btm button {
			width:80px;
			height:34px;
			margin:3px 5px;
			color:#000;
			border-radius:20px;
			background:#fff;
			font-weight:bold;
			float:right;
	}

.help {
	text-align:left;
}
	.help h2 {
		margin:30px 0 10px 0;
		font-size:15px;
		color:#f11e22;
	}

	.help img {
		margin:30px auto 10px auto;
	}

	.help .type1 li {
		margin: 5px 0;
		line-height: 16px;
		padding-left: 10px;
		font-size: 1.2rem;
		color: #333;
		background: url(../../img/kingdom/bul.gif) 0 8px no-repeat;
	}
	.help .type2 p {
		margin: 10px 0;
		line-height: 20px;
		padding:0 20px 0 10px;
		font-size: 1.2rem;
		color: #333;
		background: url(../../img/kingdom/bul.gif) 0 8px no-repeat;
	}

	.help .rule {
		margin:30px 0;
		border-top:2px #ccc solid;
	}
	.help .rule dl {
		padding:20px 0;
		border-bottom:1px #ccc dashed;
	}
	.help .rule dl dt {
		margin-bottom:10px;
		color:#f11e22;
		font-size:14px;
		font-weight:bold;
	}
	.help .rule table {
		width: 100%;
		background:#333;
	}

		.help .rule table th , .help .rule table td {
			padding: 10px 0;
			line-height:20px;
			font-size: 13px;
			color: #fff;
			text-align: center;
			border: 1px solid #cbc6b2
		}
		.help .rule table th {
			background: #f3f1ec;
			color: #232323;
		}

section.sub .container.charge_coin {
    max-width:100%;
}
section.sub .container.charge_coin .manualWrapper h2 {
    font-size:1rem;
    line-height:50px;
}
section.sub .container.charge_coin .info2 a {
    font-size:1rem;
}
.t_yellow {
    color:#ff5500 ;
}
section.sub .container.charge_coin .manualWrapper .form_money input[type="text"], section.sub .container.charge_coin .form_money input[type="password"] {
    width:100%;
    height:100%;
}
section.sub .container.charge_coin .manualWrapper .form_money td input[type="text"], section.sub .container.charge_coin .form_money td input[type="password"] {
	width:100%;
    border: 1px #ccc solid;
	text-align:center;
}

.notice_header {
	position: absolute;
    z-index: 2;
    top: 90px;
    width: 100%;
	height: 24px;
	line-height: 24px;
    font-size: 1rem;
    color: #fffb00;
	overflow: hidden;
}

tr.betCancel > td {text-decoration: line-through; color: red !important;}
tr.betting > td {color: blue; !important;}