#bg_mask_black {
	position:absolute;bottom:0;
	width:100%;
	background-color:#000000;
}
#success_list {
	position:relative;
	margin:10% auto 1% auto;
	padding:11% 0% 8% 0%;width:85%;
	font-size:1.5rem;color:#fff;text-align:center;line-height:200%;font-weight:900;
	background-color:#ff8a00;
	display:inline-block;
}
#success_hint {
	margin:1% auto 8% auto;
	padding:0%;
	font-size:1rem;color:#fff;text-align:center;line-height:200%;
}
#success_list img {
	margin:0 auto;
	max-width:100%;
	display:block;
}
#success_mask {
	position:fixed;top:0;left:0;
	width:100%;height:100%;
	background-color:rgba(0,0,0,.85);
	text-align:center;
}
#sign_form {
	margin:0 auto;margin-top:2%;
	border:1px solid #000;
	width:84%;padding:3%;max-width:832px;
	font-size:1.5rem;color:#fff;text-align:center;line-height:150%;
	background-color:#2f353f;
	overflow:hidden;

	-moz-box-shadow:   0px 0px 15px #000;
	-webkit-box-shadow:0px 0px 15px #000;
	box-shadow:        0px 0px 15px #000;
}
#sign_form .ps {
	clear:both;
	font-size:1rem;line-height:120%;padding:2% 0;
}
#sign_form .row {
	clear:both;
	margin:0 auto;
	padding:5px 0 5px;
	width:80%;
	font-size:1.25rem;line-height:200%;
}
#sign_form .term:hover {
	color:#ffcc00;
}
#sign_form .row .col_name {
	text-align:left;line-height:calc(150% + 18px);
	float:left;
}
#sign_form .row .col_input {
	float:left;
	text-align:center;
	width:100%;
}
#sign_form .row .col_input input {
	width:100%;
	font-size:1.25rem;line-height:200%;
}
#sign_form .term {
	color:#ff8a00;
	cursor:pointer;
}
#sign_form .term_content {
	margin:0 auto;
	border:1px solid #fff;
	padding:2%;
	width:80%;height:250px;
	text-align:left;
	background-color: #000;
	overflow-y:auto;
	display:none;
}
#sign_form .center {
	text-align:center;
}
#sign_form .msg {
	font-size:1rem;line-height:200%;color:#ff0;
}
#sign_form .submit {
	border:0px;
	padding:0 1.125rem;
	font-size:1.125rem;color:#000;font-weight:bold;line-height:200%;
	background-color:#fff;
	display:inline-block;
	cursor:pointer;
	
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	border-radius:			3px;

    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
#sign_form .submit:hover {
	background-color:#d3ff12;
	
	-moz-box-shadow:   inset 0px 0px 3px #000,inset 0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 10px #fff;
	-webkit-box-shadow:inset 0px 0px 3px #000,inset 0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 10px #fff;
	box-shadow:        inset 0px 0px 3px #000,inset 0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 10px #fff;
}
#pro_form {
	margin:0 auto;margin-top:2%;
	border:1px solid #000;
	width:84%;padding:3%;max-width:832px;
	font-size:1.5rem;color:#fff;text-align:center;line-height:150%;
	background-color:#2f353f;
	overflow:hidden;

	-moz-box-shadow:   0px 0px 15px #000;
	-webkit-box-shadow:0px 0px 15px #000;
	box-shadow:        0px 0px 15px #000;
}
#pro_form .ps {
	font-size:1rem;line-height:120%;
}
#pro_form .row {
	clear:both;
	margin:0 auto;
	padding:5px 0 5px;
	width:80%;
	font-size:1.25rem;line-height:200%;
}
#pro_form .term:hover {
	color:#eeff00;
}
#pro_form .row .col_name {
	text-align:left;line-height:calc(150% + 18px);
	float:left;
}
#pro_form .row .col_input, #sign_form .row .col_input {
	float:left;
	text-align:center;line-height:calc(150% + 18px);
	color:#ff8a00;font-size:1.25rem;font-weight:bolder;line-height:200%;
	width:100%;
}
.success_hint2 {
	width: 100%;
	font-size: 1.25rem; color: #ff8a00; font-weight: bolder; text-align: center; line-height: 120%;
	display: inline-block;
}
#pro_form .row .col_title, #sign_form .row .col_title {
	float:left;
	text-align:center;line-height:calc(150% + 18px);
	color:#ff8a00;font-size:1.75rem;font-weight:bolder;line-height:200%;
	width:100%;
}
#pro_form .row .col_input input, #sign_form .row .col_input input {
	width:100%;
	border: 1px solid #000;
	font-size:1.25rem; color: #33eff9; font-weight: bolder; line-height:200%;
	background-color: #666666;
}
#pro_form .row .col_input input::placeholder, #sign_form .row .col_input input::placeholder {
	color: #aaa;
}
#pro_form .term {
	color:#c3fb12;
	cursor:pointer;
}
#pro_form .term_content {
	margin:0 auto;
	border:1px solid #999;
	padding:2%;
	width:80%;height:250px;
	text-align:left;
	background-color:rgba(0,0,0,.5);
	overflow-y:auto;
	display:none;
}
#pro_form .center {
	text-align:center;
}
#pro_form .msg {
	font-size:1rem;line-height:200%;color:#ff0;
}
#pro_form .submit {
	border:0px;
	padding:0 1.125rem;
	font-size:1.125rem;color:#000;font-weight:bold;line-height:200%;
	background-color:#fff;
	display:inline-block;
	cursor:pointer;
	
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	border-radius:			3px;

    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
#pro_form .submit:hover {
	background-color:#d3ff12;
	
	-moz-box-shadow:   inset 0px 0px 3px #000,inset 0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 10px #fff;
	-webkit-box-shadow:inset 0px 0px 3px #000,inset 0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 10px #fff;
	box-shadow:        inset 0px 0px 3px #000,inset 0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 10px #fff;
}
#home_list {
	position:relative;
	margin:0 auto;margin-top:2%;
	border:2px solid #0072ff;
	width:calc(100% - 4px);max-width:calc(834px + 6% - 4px);
	cursor:pointer;
}
#home_list .home_text {
	position:absolute;top:32%;right:14%;
	font-weight:900;

    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
#home_list img {
	margin:0 auto;
	max-width:100%;
	display:block;
}
#home_list .race_title {
	position:absolute;top:0%;left:2%;
	font-weight:900;

    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
#home_list .race_info {
	position:absolute;bottom:0%;left:28%;
	font-weight:900;

    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}



#sign_form.up {
	width:calc(99% - 2px);padding:3% 0.5%;
}
#sign_input {
	margin-top:3%;
}
#sign_input .lo {
	margin:0% 0.4%;
	border:1px solid #fff;
	display:inline-block;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
#keyboard {
	position:relative;
	border:1px solid #fff;
}
#keyboard .li {
	margin:0.4% 0.4% 0.4%;
	border:1px solid #fff;
	display:inline-block;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	cursor:pointer;
}
#keyboard .li.lEnter {
	position:absolute;top:0%;left:0%;
}
#keyboard .li.lBack {
	background:url('../images/backspace.png') no-repeat center center;
	background-size:60%;
}
#keyboard .li.lBack,#keyboard .li.lEnter {
	background-color:#fff;
	color:#000;font-weight:900;
}
#keyboard .li:hover,#keyboard .li:active {
	border:1px solid #c3fb12;
	background-color:#c3fb12;
	color:#000;font-weight:900;
}
.btn {
	margin: 0 2px;
	border:1px solid #fff;
	padding:0 1.125rem;
	font-size:1.125rem;color:#fff;font-weight:bold;line-height:200%;
	background-color:#000;
	display:inline-block;
	cursor:pointer;

    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;

	transform: skewX(-25deg);
}
.btn:hover {
	font-size:1.25rem; line-height:200%;
	background-color:#ff8a00;

	-moz-box-shadow:   0px 0px 15px #ffcc00cc;
	-webkit-box-shadow:0px 0px 15px #ffcc00cc;
	box-shadow:        0px 0px 15px #ffcc00cc;
}
.btn .text {
	transform: skewX(25deg);
}
#success_close {
	position:absolute;top:-55px;right:0;
	text-align:center;color:#fff;
	cursor:pointer;
	z-index:99999;
	background-color:#ff0054;
	border:1px solid #fff;
}
#success_close img {
	display:block;
}
#logo_list {
	position:relative;
	margin:0 auto;
	padding: 10% 0 0 0;
	width:90%;
	filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;
}
#bg_list .bg_cover {
	position:absolute;top:0;left:0;
	width: 100%; height:100%;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+50,0.65+100 */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#bg_list .bg_tl {
	position:absolute;top:0;left:0;
	width: 100%; height: 100%;
	background:url('../images/bg_top.png') no-repeat top left;
	background-size: contain;
}
#bg_list .bg_br {
	position:absolute;bottom:0;right:0;
	width: 100%; height: 100%;
	background:url('../images/bg_bottom.png') no-repeat bottom right;
	background-size: contain;
}