body {margin:0;}

.ui_auth,.ui_auth_mobile {
	position: relative;
	width: 100%;
	height: 100%;
	background: url("/pic/login-bg.jpg") repeat;
	background: -webkit-radial-gradient(50% 25%, ellipse cover, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 1%, rgba(0,0,0,0.08) 26%, rgba(0,0,0,0.15) 41%, rgba(0,0,0,0.25) 54%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.56) 87%, rgba(0,0,0,0.6) 91%), -webkit-linear-gradient(top, rgba(255,255,255,0.2), rgba(0,0,0,0.2)), url("/pic/login-bg.jpg") repeat #48505b;
	background: -moz-radial-gradient(50% 25%, ellipse cover, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 1%, rgba(0,0,0,0.08) 26%, rgba(0,0,0,0.15) 41%, rgba(0,0,0,0.25) 54%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.56) 87%, rgba(0,0,0,0.6) 91%), -moz-linear-gradient(top, rgba(255,255,255,0.2), rgba(0,0,0,0.2)), url("/pic/login-bg.jpg") repeat #48505b;
	background: -o-radial-gradient(50% 25%, ellipse cover, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 1%, rgba(0,0,0,0.08) 26%, rgba(0,0,0,0.15) 41%, rgba(0,0,0,0.25) 54%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.56) 87%, rgba(0,0,0,0.6) 91%), -o-linear-gradient(top, rgba(255,255,255,0.2), rgba(0,0,0,0.2)), url("/pic/login-bg.jpg") repeat #48505b;
	background: -ms-radial-gradient(50% 25%, ellipse cover, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 1%, rgba(0,0,0,0.08) 26%, rgba(0,0,0,0.15) 41%, rgba(0,0,0,0.25) 54%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.56) 87%, rgba(0,0,0,0.6) 91%), -ms-linear-gradient(top, rgba(255,255,255,0.2), rgba(0,0,0,0.2)), url("/pic/login-bg.jpg") repeat #48505b;
	background: radial-gradient(50% 25%, ellipse cover, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 1%, rgba(0,0,0,0.08) 26%, rgba(0,0,0,0.15) 41%, rgba(0,0,0,0.25) 54%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.56) 87%, rgba(0,0,0,0.6) 91%), linear-gradient(top, rgba(255,255,255,0.2), rgba(0,0,0,0.2)), url("/pic/login-bg.jpg") repeat #48505b;
	}
	.ui_auth .login
		{
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -199px;
		margin-top: -106px;
		width:398px;
		height:211px;
		background-image:url("/pic/account/acc_pic_noborder.png");
		}
		.ui_auth .login .user_name,
		.ui_auth .login .user_pass
			{
			position:absolute;
			left:119px;
			width:239px;
			height:29px;
			border: none;
			font-size: 24px;
			}
		.ui_auth .login .user_name {top: 90px;}
		.ui_auth .login .user_pass {top: 130px;}
		.ui_auth .login .bt
			{
			position:absolute;
			left:119px;
			top: 169px;
			width:100px;
			height:28px;
			cursor:hand;
			background-image:url("/pic/account/button_violet.jpg");
			color:rgba(255, 0, 0, 0);
			}
		.ui_auth .login .bottom_field
			{
   			-display: inline-block;
			-text-align: center;
			-margin-top: 213px;
			position: absolute;
			left: 0px;
			-bottom: -30px;
			top: 230px;
			top: 215px;
			width: 398px;
			}
			.ui_auth .login .bottom_field .remember_me
				{
				text-align: center;
				font-size: 18px;
				width: 398px;
				-color: rgb(255, 120, 120);
				font-size: 18px;
				font-family: verdana;
				cursor: pointer;
				text-decoration: underline;
				color: rgb(134, 134, 154);
				display: flex;
				direction: ltr;
  				justify-content: center;
				font-size: 23px;
				font-family: serif;
				text-decoration: initial;
				font-style: italic;
				color: rgb(177, 177, 177);
				margin-bottom: 15px;
				}
				.ui_auth .login .bottom_field .remember_me input[type=checkbox] {
					width: 32px;
					height: 18px;
					}
			.ui_auth .login .bottom_field .warn
				{
				text-align: center;
				font-size: 18px;
				width: 398px;
				color: rgb(255, 120, 120);
				font-size: 18px;
				font-family: verdana;
				}
			.ui_auth .login .bottom_field .regist_bt
				{
				text-align: center;
				font-size: 18px;
				width: 398px;
				-color: rgb(255, 120, 120);
				font-size: 18px;
				font-family: verdana;
				cursor: pointer;
				text-decoration: underline;
				color: rgb(134, 134, 154);
				}

.ui_auth_mobile {
	text-align:center;
	}
	.ui_auth_mobile .login {
		-background: url('/pic/logo.svg?r=20') no-repeat top center;
		background-size: contain;
		height: 100%;
		width: 100%;
		max-width: 900px;
		-border: 1px #FF0000 solid;
		display: inline-block;
		background-size: 80%;
		background-position-y: 60px;

		-width: calc( 100% - 35px );
		-height: calc( 100% - 35px );
		-border: 8px rgba(226,238,253,0.5) solid;
		-border-radius: 19px;
		-margin-top: 10px;
		}
		.ui_auth_mobile .login .logo
			{
			background: url('/pic/logo3.svg?r=23') no-repeat top center;
			background-size: contain;
			height: 20%;
			width: 90%;
			/* max-width: 500px; */
			display: inline-block;
			/* background-size: 80%; */
			margin-top: 8vw;
			}
		.ui_auth_mobile .login .user_name,.ui_auth_mobile .login .user_pass {
			display: inline-block;
			width: 77%;
			font-size: 10vw;
			border: 1px #cecece solid;
			border-radius: 10px;
			text-align: center;
			box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.15);
			border-radius: 2vw;
			}
		.ui_auth_mobile .login .user_name { margin-top:230px; margin-top:16vw; }
		.ui_auth_mobile .login .user_pass { margin-top: 50px; margin-top:4vw; }
		.ui_auth_mobile .login .bt
			{
			color: #444;
			font: bold 16px arial;
			background: #e4e4e4;
			background-origin: padding-box, border-box;
			background-clip: padding-box, border-box;
			border: 1px solid transparent;
			border-radius: 10px;
			padding: 8px 12px;
			text-decoration: none;
			text-shadow: 0 1px 1px rgba(255,255,255,0.75);
			outline: 0;
			box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);
    
			background-image: -webkit-linear-gradient(#f2f2f2, #e4e4e4 50%), -webkit-linear-gradient(#e4e4e4, #ccc);
			background-image:    -moz-linear-gradient(#f2f2f2, #e4e4e4 50%),    -moz-linear-gradient(#e4e4e4, #ccc);
			background-image:     -ms-linear-gradient(#f2f2f2, #e4e4e4 50%),     -ms-linear-gradient(#e4e4e4, #ccc);
			background-image:      -o-linear-gradient(#f2f2f2, #e4e4e4 50%),      -o-linear-gradient(#e4e4e4, #ccc);
			background-image:         linear-gradient(#f2f2f2, #e4e4e4 50%),         linear-gradient(#e4e4e4, #ccc); 
			cursor: pointer;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;

			-padding: 50px 12px;
			font-size: 8vw;
			width: 67%;
			display: inline-block;
			margin-top: 109px;
			margin-top: 12vw;
			font-family: verdana;
			-height: 89px;
			padding: 4vw 12px;
			border-radius: 3vw;
			}
		.ui_auth_mobile .login .bt:active
			{
			color: #666;
			position: relative;
			top: 1px;
			text-shadow: 0 -1px #fff;
			box-shadow: inset 0 1px 4px 1px rgba(0,0,0,0.1), inset 0 6px 14px rgba(0,0,0,0.07), 0 1px #fff;
    
			background-image: -webkit-linear-gradient(#f0f0f0, #e0e0e0 50%), -webkit-linear-gradient(#cfcfcf, #c6c6c6);
			background-image:    -moz-linear-gradient(#f0f0f0, #e0e0e0 50%),    -moz-linear-gradient(#cfcfcf, #c6c6c6);
			background-image:     -ms-linear-gradient(#f0f0f0, #e0e0e0 50%),     -ms-linear-gradient(#cfcfcf, #c6c6c6);
			background-image:      -o-linear-gradient(#f0f0f0, #e0e0e0 50%),      -o-linear-gradient(#cfcfcf, #c6c6c6);
			background-image:         linear-gradient(#f0f0f0, #e0e0e0 50%),         linear-gradient(#cfcfcf, #c6c6c6); 
			cursor: pointer;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			}
		.ui_auth_mobile .login .bottom_field
			{
			width: 90%;
			display: inline-block;
			margin-top: 70px;
			margin-top: 43px;
			}
			.ui_auth_mobile .login .bottom_field .remember_me
				{
				text-align: center;
				font-size: 18px;
				-width: 398px;
				-color: rgb(255, 120, 120);
				font-size: 18px;
				font-family: verdana;
				cursor: pointer;
				text-decoration: underline;
				color: rgb(134, 134, 154);
				display: flex;
				direction: ltr;
  				justify-content: center;
				font-size: 23px;
				font-size: 6vw;
				font-family: serif;
				text-decoration: initial;
				font-style: italic;
				color: rgb(177, 177, 177);
				margin-bottom: 15px;
				margin-bottom: 4vw;
				}
				.ui_auth_mobile .login .bottom_field .remember_me input[type=checkbox] {
					width: 32px;
					height: 18px;
					width: 6vw;
					height: 6vw;
					margin-right: 2vw;
					}
			.ui_auth_mobile .login .bottom_field .warn
				{
				text-align: center;
				-width: 398px;
				color: rgb(255, 120, 120);
				font-size: 6vw;
				font-family: verdana;
				display: inline-block;
				}
			.ui_auth_mobile .login .bottom_field .regist_bt
				{
				text-align: center;
				/* width: 398px; */
				font-size: 6vw;
				font-family: verdana;
				cursor: pointer;
				text-decoration: underline;
				color: rgb(134, 134, 154);
				-width: 333px;
				display: inline-block;
				}







.ui_auth_9may {
	position: relative;
	width: 100%;
	height: 100%;

	background: -webkit-radial-gradient(50% 50%, ellipse cover, rgba(255, 0, 0, 0.05) 0%, rgba(255, 0, 0, 0.2) 1%, rgba(255, 0, 0, 0.5) 26%, rgba(255, 0, 0, 0.15) 41%, rgba(255, 255, 255, 0.25) 54%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0.56) 87%, rgba(255, 255, 255, 0.6) 91%), -webkit-linear-gradient(top, rgba(255,255,255,0.2), rgba(255, 255, 255, 0.2)), /*url("/pic/account/star2.png") repeat*/ #FFFFFF;
	background:    -moz-radial-gradient(50% 50%, ellipse cover, rgba(255, 0, 0, 0.05) 0%, rgba(255, 0, 0, 0.2) 1%, rgba(255, 0, 0, 0.5) 26%, rgba(255, 0, 0, 0.15) 41%, rgba(255, 255, 255, 0.25) 54%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0.56) 87%, rgba(255, 255, 255, 0.6) 91%),    -moz-linear-gradient(top, rgba(255,255,255,0.2), rgba(255, 255, 255, 0.2)), /*url("/pic/account/star2.png") repeat*/ #FFFFFF;
	background:      -o-radial-gradient(50% 50%, ellipse cover, rgba(255, 0, 0, 0.05) 0%, rgba(255, 0, 0, 0.2) 1%, rgba(255, 0, 0, 0.5) 26%, rgba(255, 0, 0, 0.15) 41%, rgba(255, 255, 255, 0.25) 54%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0.56) 87%, rgba(255, 255, 255, 0.6) 91%),      -o-linear-gradient(top, rgba(255,255,255,0.2), rgba(255, 255, 255, 0.2)), /*url("/pic/account/star2.png") repeat*/ #FFFFFF;
	background:     -ms-radial-gradient(50% 50%, ellipse cover, rgba(255, 0, 0, 0.05) 0%, rgba(255, 0, 0, 0.2) 1%, rgba(255, 0, 0, 0.5) 26%, rgba(255, 0, 0, 0.15) 41%, rgba(255, 255, 255, 0.25) 54%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0.56) 87%, rgba(255, 255, 255, 0.6) 91%),     -ms-linear-gradient(top, rgba(255,255,255,0.2), rgba(255, 255, 255, 0.2)), /*url("/pic/account/star2.png") repeat*/ #FFFFFF;
	background:         radial-gradient(50% 50%, ellipse cover, rgba(255, 0, 0, 0.05) 0%, rgba(255, 0, 0, 0.2) 1%, rgba(255, 0, 0, 0.5) 26%, rgba(255, 0, 0, 0.15) 41%, rgba(255, 255, 255, 0.25) 54%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0.56) 87%, rgba(255, 255, 255, 0.6) 91%),         linear-gradient(top, rgba(255,255,255,0.2), rgba(255, 255, 255, 0.2)), /*url("/pic/account/star2.png") repeat*/ #FFFFFF;
	background-color: #FFFFFF !important;
	}

	.ui_auth_9may .login
		{
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -268px;
		margin-top: -144px;
		width:521px;
		height:287px;
		background-image:url("/pic/account/acc_pic_9may3.png");
		}
		.ui_auth_9may .login .user_name,
		.ui_auth_9may .login .user_pass
			{
			position:absolute;
			left: 346px;
			width: 140px;
			height: 28px;
			border: none;
			font-size: 24px;
			background-color: rgba(255, 0, 0, 0) !important;
			}
		.ui_auth_9may .login .user_name {top: 39px;}
		.ui_auth_9may .login .user_pass {top: 70px;}
		.ui_auth_9may .login .bt
			{
			position:absolute;
			left: 345px;
			top: 103px;
			width: 142px;
			height: 17px;
			cursor: pointer;
			color:rgba(255, 0, 0, 0);
			}
		.ui_auth_9may .login .bottom_field
			{
   			-display: inline-block;
			-text-align: center;
			-margin-top: 213px;
			position: absolute;
			left: 0px;
			-bottom: -30px;
			top: 303px;
			width: 519px;
			}
			.ui_auth_9may .login .bottom_field .warn
				{
				text-align: center;
				font-size: 18px;
				-width: 398px;
				color: rgb(255, 120, 120);
				font-size: 18px;
				font-family: verdana;
				}
			.ui_auth_9may .login .bottom_field .regist_bt
				{
				text-align: center;
				font-size: 18px;
				-width: 398px;
				-color: rgb(255, 120, 120);
				font-size: 18px;
				font-family: verdana;
				cursor: pointer;
				text-decoration: underline;
				color: rgb(134, 134, 154);
				}
		.ui_auth_9may .login .warn1
			{
			position: absolute;
			left: 73px;
			bottom: -30px;
			font-size: 18px;
			font-family: verdana;
			color: rgb(255, 120, 120);
			/* background-color: #FF9999; */
			width: 398px;
			text-align: center;
  			font-weight: bold;
			}
		.ui_auth_9may .login .glory
			{
			-left: 0px;
			-top: -88px;
			margin-top:-90px;
			font-size: 21px;
			font-family: verdana;
			color: rgb(255, 120, 120);
			/* background-color: #FF9999; */
			width: 521px;
			text-align: center;
	  		font-weight: bold;
			}




	.ui_auth .waiting,.ui_auth_9may .waiting,.ui_auth_mobile .waiting
		{
		position: fixed;
		width: 100%;
		height: 100%;
		background-position: center;
		background: url('/pic/loading/loading.gif') center center no-repeat;
		top: 0;
		left: 0px;
		z-index: 999;
		display:none;
		}