@font-face {
    font-family: 'ZongYiW7P';
    src: url('DFZongYi-W7-WINP-BF.woff2') format('woff2'),
        url('DFZongYi-W7-WINP-BF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
#doc {
	position:relative;
	width:100%;
	background-color: #011832;
}
#main {
	position:relative;
	width:100%; max-width: 1080px;
	background: url('../images/bg_wx.png') repeat-y center top;
	background-size: 100%;
	overflow: hidden;
}
#head_list {
	position:relative;
	max-width: 100%;
}
img {
	max-width: 100%;
}
@keyframes rideIn {
	from {opacity: 0; right: -50%}
	to {opacity: 1; right: 0}
}
#head_list .moto {
	position:absolute; top:89.5717%; right:0;
	width: 38.9815%;
	animation: rideIn 0.5s ease-out;
	z-index: 99999;
}
#head_list .moto.qr {
	position:absolute; top:295%; right:0;
}
.wx_page {
	position:relative;
	margin-top: 5%;
	font-family: 'ZongYiW7P';
	font-size: 4.5vw; color:#fff; line-height: 160%;
}
.wx_page.p1 {
	z-index: 1;
}
.wx_page.p1.sign {
	opacity: 1;
	overflow: hidden;
}
.wx_page.p2 {
	opacity: 0;
	overflow: hidden;
	height: 0;
	margin-top: 0;
}
@keyframes loopArrow {
	0% {top:0vw}
	50% {top:2vw}
	100% {top:0vw}
}
@keyframes loopArrowW {
	0% {top:0}
	50% {top:21.60px}
	100% {top:0}
}
@keyframes slideUp {
	0% {
		opacity: 1;
		height: auto;
		margin-top: 5%;
	}
	100% {
		opacity: 0;
		height: 0;
		margin-top: 0;
	}
}
@keyframes slideDown {
	0% {
		opacity: 0;
		height: 0;
		margin-top: 0;
	}
	100% {
		opacity: 1;
		height: auto;
		margin-top: 5%;
	}
}
.wx_page.p1.hide {
	animation: slideUp 0.5s ease-out forwards;
}
.wx_page.p2.show {
	animation: slideDown 0.5s ease-out forwards;
}
.wx_page .arrow {
	position:absolute; top:0%; left:0;
	width:100%;
	text-align: center;
	animation: loopArrow 1s ease-in-out infinite;
}
.wx_page .arrow img {
	width: 6.4815%;
}
@keyframes titleIn0 {
	from {opacity: 0; top:-3.6111vw; right: -50%}
	to {opacity: 1; top:0; right: 0}
}
@keyframes titleIn1 {
	from {opacity: 0; top:3.6111vw; left: -50%}
	to {opacity: 1; top:0; left: 0}
}
@keyframes titleIn0W {
	from {opacity: 0; top:-39px; right: -50%}
	to {opacity: 1; top:0; right: 0}
}
@keyframes titleIn1W {
	from {opacity: 0; top:39px; left: -50%}
	to {opacity: 1; top:0; left: 0}
}
.wx_page .title {
	position:absolute; top:6vw; left:0;
	width:100%;
}
.wx_page.p1 .title {
	z-index: 3;
}
.wx_page .title .bg0, .wx_page .title .bg1, .wx_page .title .text {
	position:absolute;
	width:100%;
}
.wx_page .title .bg0 {
	animation: titleIn0 0.15s ease-out;
}
.wx_page .title .bg1, .wx_page .title .text {
	animation: titleIn1 0.15s ease-out;
}
.wx_page .contain {
	position:absolute; top:12vw; left:0;
	width:100%;
	transform: skew(0deg, -4deg);
}
.wx_page.p1 .contain {
	z-index: 2;
}
.wx_page .contain .bg {
	position: relative;
	background: linear-gradient(
		90deg,
		#073f9899 0%,
		#c3cde499 45%,
		#c3cde499 55%,
		#073f9899 100%
	  );
}
.wx_page .contain .foot {
	background-color: #000;
	box-shadow: 0px 1vw 0px 0px rgba(0, 0, 0, 0.3);
}
.wx_page .contain .box {
	position:absolute; top:22vw; left:8%;
	padding: 8% 0;
	width: 100%;
	border: 2px solid #000;
	background-color: #023548;
	transform: skew(-11.9deg, 4deg);
}
.wx_page .contain .box .wx_btn, #succeed .wx_btn {
	border: 0.4630vw solid #11dace;
	background: linear-gradient(to right, #057468 0%, #179e86 41%, #179e86 59%, #057468 100%);
	font-family: 'ZongYiW7P'; font-size: 4vw; color:#fff; line-height: 160%;
	transform: skew(-11.9deg, 0deg);
}
.wx_page .contain .box .wx_text {
	border: 0.4630vw solid #11dace;
	width: 70%;
	background: linear-gradient(to right, #011832 0%, #13405d 41%, #13405d 59%, #011832 100%);
	font-family: 'ZongYiW7P'; font-size: 4vw; color:#fff; line-height: 160%;
	transform: skew(-11.9deg, 0deg);
}
.wx_page .contain .box .wx_text.name {
	position: relative;
	margin: 0 auto;
	text-align: center;
	transform: skew(11.9deg, 0deg);
}
.wx_page .contain .box .wx_rule {
	color: #ff0;
	transform: skew(11.9deg, 0deg);
}
@keyframes fadeIn {
	from {opacity: 0}
	to {opacity: 1}
}
#keyboard {
	position:absolute; top: 110%; left: -53%;
	padding: 2.9%;
	width: 130%;
	border: 2px solid #000;
	background-color: #023548;
	transform: skew(-11.9deg, 0deg);
	overflow: hidden;
	box-shadow: 1vw 1vw 0px 0px rgba(0, 0, 0, 0.3);
	z-index: 99999;
	animation: fadeIn 0.5s;
	-webkit-user-select: none; /* Chrome, Safari */
	-moz-user-select: none;    /* Firefox */
	-ms-user-select: none;     /* Internet Explorer/Edge */
	user-select: none;         /* Standard */
}
#keyboard2 {
	transform: skew(-11.9deg, 0deg);
	padding: 0 10% 0 2%;
	overflow: hidden;
	z-index: 99999;
	animation: fadeIn 0.5s;
	-webkit-user-select: none; /* Chrome, Safari */
	-moz-user-select: none;    /* Firefox */
	-ms-user-select: none;     /* Internet Explorer/Edge */
	user-select: none;         /* Standard */
}
#keyboard .k,#keyboard2 .k {
	margin: 0.6%;
	width: 7.7%;
	border: 0.4630vw solid #fff;
	background-color: #d3d3d3;
	font-size: 5vw; color:#000; line-height: 120%;
	text-align: center;
	float: left;
	cursor: pointer;
}
#keyboard .b,#keyboard2 .b {
	border: 0.4630vw solid #11dace;
	background: linear-gradient(to right, #057468 0%, #179e86 41%, #179e86 59%, #057468 100%);
	color:#fff;
}
#keyboard .e,#keyboard2 .e {
	width: calc(25.5% + 1.852vw);
}
.wx_page .contain .box .wx_btn.disable {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	cursor: default;
}
.wx_page .contain .box .box_in {
	transform: skew(11.9deg, 0deg);
}
.wx_page .contain .box .box_in .row {
	clear: both;
}
.wx_page .contain .box .box_in .row .c1,.wx_page .contain .box .box_in .row .c2 {
	float: left;
}
.wx_page .contain .box .box_in .row .c1 {
	width: 34%;
	background: url('../images/bg_wx_c1.png') no-repeat right center;
	background-size: auto 100%;
	color: #fff800; text-align: right;
}
.wx_page .contain .box .box_in .row .c2 {
	position: relative;
	padding-left: 2%;
	width: 64%;
}

.wx_page .contain .route {
	position:absolute; top:15vw; left:0;
	padding-top: 10.0926vw;
	padding-bottom: 1vw;
	width: 100%;

	background: url('../images/wx_route_bg.png') no-repeat top center;
	background-size: 100%;

	font-size: 4vw; color:#000; line-height: 156%;

	transform: skew(0, 4deg);
}
.wx_page .contain .route .r {
	position:absolute; top:0; left:0;
	width: 28.8889%;
}
.wx_page .contain .route .r img {
	max-width: 100%;
}
.wx_page .contain .route.r0 {
	top:15vw; 
}
.wx_page .contain .route.r1 {
	top:40vw; 
}
.wx_page .contain .route.r2 {
	top:65vw; 
}
.wx_page .contain .route.r3 {
	top:90vw; 
}
.wx_page .contain .route.r4 {
	top:115vw; 
}
.wx_page .contain .route.r5 {
	top:140vw; 
}
.wx_page .contain .route .row {
	padding-left: 27.5%;
	clear: both;
}
.wx_page .contain .route .row .col {
	width: 32.5%;
	text-align: center;
	float: left;
}
.wx_page .contain .route .row .col.c1 {
	width: 22.5%;
}
.wx_page .contain .route .row .col.c2 {
	width: 42.5%;
}
.wx_page .contain .route .row .col.c3 {
	width: 32.5%;
}

.wx_page .contain .vehicle {
	position:absolute; top:10vw; left:0;
	padding-top: 10.0926vw;
	padding-bottom: 1vw;
	width: 100%;

	font-size: 4vw; color:#000; line-height: 156%;

	transform: skew(0, 4deg);
}
.wx_page .contain .vehicle .v {
	position:absolute; top:0; left:0;
	width: 38.61111%;
}
.wx_page .contain .vehicle .v img {
	max-width: 100%;
}
.wx_page .contain .vehicle .col {
	position:absolute; top:8.5185vw;
	border-top: 0.4630vw solid #fff;
	border-bottom: 0.4630vw solid #fff;
	padding-left: 30%;
	width: 70%; height: 6.0185vw;
	background-color: #14ffe6;
	text-align: center;
}
.wx_page .contain .vehicle.v0 {
	top:10vw;
}
.wx_page .contain .vehicle.v1 {
	top:25vw;
}
.wx_page .contain .vehicle.v1 .col {
	background-color: #ff66f8;
}
.wx_page .contain .vehicle.v2 {
	top:40vw;
}
.wx_page .contain .vehicle.v2 .col {
	background-color: #8aff66;
}
.wx_page .contain .vehicle.v3 {
	top:55vw;
}
.wx_page .contain .vehicle.v3 .col {
	background-color: #4582ff;
}
.wx_page .contain .vehicle.v4 {
	top:70vw;
}
.wx_page .contain .vehicle.v4 .col {
	background-color: #ffee34;
}

.wx_page .contain .wx_agree {
	padding: 0 10%;
	color: #000;
	transform: skew(0deg, 4deg);	
}
.wx_page .contain .link {
	position:absolute; top:85vw;
	transform: skew(0deg, 4deg);
}
.wx_page.p0 .contain .link {
	position:absolute; top:110vw;
}
.wx_page .contain .link.qr {
	position:absolute; top:75vw;
	transform: skew(0deg, 4deg);
}
.wx_page .contain .link img {
	max-width: 100%;
}
.wx_page .contain .link .share {
	text-align: center;
}
.wx_page .contain .link .wx_btn {
	margin: 0 auto 1%;
	border: 0.4630vw solid #11dace;
	width: 60%;
	background: linear-gradient(to right, #057468 0%, #179e86 41%, #179e86 59%, #057468 100%);
	font-family: 'ZongYiW7P'; font-size: 4vw; color:#fff; line-height: 160%;
	transform: skew(-11.9deg, 0deg);
	text-shadow: 
    -2px -2px 0 #000,-2px -1px 0 #000,-2px 0px 0 #000,-2px 1px 0 #000,-2px 2px 0 #000,
	-1px -2px 0 #000,-1px -1px 0 #000,-1px 0px 0 #000,-1px 1px 0 #000,-1px 2px 0 #000,
	0px -2px 0 #000,0px -1px 0 #000,0px 0px 0 #000,0px 1px 0 #000,0px 2px 0 #000,
	1px -2px 0 #000,1px -1px 0 #000,1px 0px 0 #000,1px 1px 0 #000,1px 2px 0 #000,
	2px -2px 0 #000,2px -1px 0 #000,2px 0px 0 #000,2px 1px 0 #000,2px 2px 0 #000;
	
	-moz-box-shadow:   0px 0px 15px #000;
	-webkit-box-shadow:0px 0px 15px #000;
	box-shadow:        0px 0px 15px #000;
}

#succeed {
	position: fixed; top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,0.85);
	font-family: 'ZongYiW7P'; text-align: center;
	z-index: 999999;
}
#succeed .result_box {
	position: absolute; top: 30%; left: 0;
	width: 100%;
}
#succeed .result {
	width: 100%; height: 50vw;
	background-color: #e91600;
	font-size: 20vw; color:#fff; font-style: italic; line-height: 50vw;
	-webkit-text-stroke: 3vw #000;
}
#succeed .result .stroke {
	position: absolute; top: 0; left: 0;
	width:100%; height:100%;
	-webkit-text-stroke: 0 #000;
}
#succeed .hint {
	font-size: 5vw; color:#fff; line-height: 200%;
}
#qrcode {
	position: absolute; top: 49vw;
	width: 98%;
	padding: 1vw;
	background-color: #fff;
	z-index: 1;
}

@media screen and (min-width: 1080px) {
	.wx_page {
		font-size: 48.6px; line-height: 160%;
	}
	.wx_page .arrow {
		animation: loopArrowW 1s ease-in-out infinite;
	}
	.wx_page .title {
		top: 64.8px;
	}
	.wx_page .contain {
		top: 129.6px;
	}
	.wx_page .title .bg0 {
		animation: titleIn0W 0.15s ease-out;
	}
	.wx_page .title .bg1, .wx_page .title .text {
		animation: titleIn1W 0.15s ease-out;
	}
	.wx_page .contain .box {
		top: 237.6px;
		border: 4px solid #000;
	}
	.wx_page .contain .box .wx_btn, #succeed .wx_btn {
		border: 5px solid #11dace;
		font-size: 43.2px; line-height: 160%;
	}
	.wx_page .contain .box .wx_text {
		border: 5px solid #11dace;
		font-size: 43.2px; line-height: 160%;
	}
	#keyboard .k,#keyboard2 .k {
		border: 5px solid #fff;
		font-size: 54px; color:#000; line-height: 120%;
	}
	#keyboard .b,#keyboard2 .b {
		border: 5px solid #11dace;
		color:#fff; 
	}
	#keyboard .e,#keyboard2 .e {
		width: calc(25.5% + 20px);
		color:#fff; 
	}
	.wx_page .contain .route {
		padding-top: 109px;
		padding-bottom: 10.8px;
		font-size: 43.2px; line-height: 156%;
	}
	.wx_page .contain .route.r0 {
		top:162px;
	}
	.wx_page .contain .route.r1 {
		top:432px;
	}
	.wx_page .contain .route.r2 {
		top:702px;
	}
	.wx_page .contain .route.r3 {
		top:972px;
	}
	.wx_page .contain .route.r4 {
		top:1242px;
	}
	.wx_page .contain .route.r5 {
		top:1512px;
	}
	.wx_page .contain .vehicle {
		padding-top: 109px;
		padding-bottom: 10.8px;
		font-size: 43.2px; line-height: 156%;
	}
	.wx_page .contain .vehicle .col {
		top: 97px;
		border-top: 5px solid #fff;
		border-bottom: 5px solid #fff;
		height: 65px;
	}
	.wx_page .contain .vehicle.v0 {
		top:108px; 
	}
	.wx_page .contain .vehicle.v1 {
		top:270px; 
	}
	.wx_page .contain .vehicle.v2 {
		top:432px; 
	}
	.wx_page .contain .vehicle.v3 {
		top:594px; 
	}
	.wx_page .contain .vehicle.v4 {
		top:756px; 
	}
	.wx_page .contain .link {
		position:absolute; top:918px;
	}
	.wx_page.p0 .contain .link {
		position:absolute; top:1188px;
	}
	.wx_page .contain .link.qr {
		position:absolute; top: 810px;
	}
	.wx_page .contain .link .wx_btn {
		border: 5px solid #11dace;
		font-size: 43.2px; line-height: 160%;
	}
	#succeed .result_box {
		position: absolute; top: 10%; left: 0;
	}
	#succeed .result {
		width: 100%; height: 540px;
		background-color: #e91600;
		font-size: 216px; color:#fff; font-style: italic; line-height: 540px;
		-webkit-text-stroke: 32.4px #000;
	}
	#succeed .result .stroke {
		position: absolute; top: 0; left: 0;
		width:100%; height:100%;
		-webkit-text-stroke: 0 #000;
	}
	#succeed .hint {
		font-size: 54px; line-height: 200%;
	}
	#qrcode {
		top: 529.2px; 
		padding: 10.8px;
	}
}





#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%;
}
#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 .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;
}
.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;
}