body {
		-webkit-user-select: none;
		-webkit-touch-callout: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		color: #cc0000;
		touch-action: manipulation;
		touch-action: none;
	}
	img {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
	}
	* {
		touch-action: manipulation;
	}
	img
	{
		vertical-align: top;
	}
    .sidebar-div
    {
        position: absolute;
    }
	#home-page
	{
		position:absolute; 
		width: 100%; 
		height: 100%; 
	}
	#home-page > div
	{
		position:absolute; 
		width: 100%; 
		height: 100%; 
		max-width:1920px;
	}
	#popup 
	{
		position:absolute; 
		width:100%; 
		height: 100%; 
		display:none; 
		overflow: hidden;
	}
    #ui
    {
        position: absolute;
    }
    #text-txt-username:focus
    {
    	 outline: none;
    }
    #text-txt-school-name:focus
    {
    	 outline: none;border:none; background: transparent;
    }
@media screen and (max-aspect-ratio: 1920 / 902) {
	#div-img-bg{position:absolute;width: calc(100% - 0%);height: calc(100% - 0%);height: calc(100% - 0%);transform: translate(0%, 0%) ; 
background-image: url(../image/HomePage/Img_HomePage_Bg.png);background-repeat-x: repeat; background-size: cover;}
	#div-img-btn-tc{position:absolute;left: 1.854167%;top: min(2.875001vw, 55.20001px);width: 3.177083%;height: min(3.177083vw, 61px);transform: translate(-50%, -50%) ; z-index: 10;  }
	#div-img-btn-sc{position:absolute;left: 5.296875%;top: min(2.875001vw, 55.20001px);width: 3.177083%;height: min(3.177083vw, 61px);transform: translate(-50%, -50%) ; z-index: 10;  }
	#div-img-btn-en{position:absolute;left: 8.760416%;top: min(2.875001vw, 55.20001px);width: 3.177083%;height: min(3.177083vw, 61px);transform: translate(-50%, -50%) ; z-index: 10;  }
	#div-img-btn-music{cursor: pointer; position:absolute;left: 12.16146%;top: min(2.875001vw, 55.20001px);width: 3.177083%;height: min(3.177083vw, 61px);transform: translate(-50%, -50%) ; z-index: 10;  }
	#div-img-icon{position:absolute;left: 2.025426%;bottom: min(1.71875vw, 33px);width: 2.864583%;height: min(0.625vw, 12px);transform: translate(-50%, 50%) ; }
	#div-img-title{position:absolute;left: calc(50% + 0.05208333%);top: min(11.45833vw, 220px);width: 41.71875%;height: min(20.36458vw, 391px);transform: translate(-50%, -50%) ; }
	#div-img-input-name-bg{position:absolute;left: calc(50% + 0%);bottom: min(13.70313vw, 263.1px);width: 22.96875%;height: min(6.822917vw, 131px);transform: translate(-50%, 50%) ; }
	#div-img-name-text{position:absolute;left: calc(50% + 0%);bottom: min(13.70313vw, 263.1px);width: 22.96875%;height: min(6.822917vw, 131px);transform: translate(-50%, 50%) ; }
	#text-txt-username{display:table-cell; font-family:myFontName; height:100%; line-height: 1.2; margin: 0 0; vertical-align: middle;  text-align: center; font-size:calc(min(1.770833vw, 34px) * var(--scale));; color: #999999; border: none; }
	#div-text-txt-username{display:table; overflow: auto; position:absolute;  left: calc(50% + 0%);bottom: min(12.92188vw, 248.1px);width: 19.96354%;height: min(2.567708vw, 49.3px);transform: translate(-50%, 50%) ;}
	#div-img-btn-start{cursor: pointer; position:absolute;left: calc(50% + 0%);bottom: min(5.723959vw, 109.9px);width: 9.6875%;height: min(9.6875vw, 186px);transform: translate(-50%, 50%) ; }
	#div-img-btn-video{cursor: pointer; position:absolute;left: 14.94792%;bottom: min(5.416667vw, 104px);width: 9.427083%;height: min(9.427083vw, 181px);transform: translate(-50%, 50%) ; }
	#div-img-btn-rank{cursor: pointer; position:absolute;left: 5.052083%;bottom: min(5.416667vw, 104px);width: 9.427083%;height: min(9.427083vw, 181px);transform: translate(-50%, 50%) ; }
	#div-img-btn-about{cursor: pointer; position:absolute;right: 4.979166%;bottom: min(5.416667vw, 104px);width: 9.427083%;height: min(9.427083vw, 181px);transform: translate(50%, 50%) ; }
	#div-img-cic-icon{position:absolute;right: 6.770833%;top: min(6.770833vw, 130px);width: 13.17708%;height: min(13.17708vw, 253px);transform: translate(50%, -50%) ; z-index: 10;  }

}
@media screen and (min-aspect-ratio: 1920 / 902) {
	#div-img-bg{position:absolute;width: calc(100% - 0dvh);height: calc(100% - 0%);height: calc(100% - 0%);transform: translate(0%, 0%) ; background-image: url(../image/HomePage/Img_HomePage_Bg.png);background-repeat-x: repeat; background-size: cover;}
	#div-img-btn-tc{position:absolute;left: min(3.946785dvh, 35.6px);top: 6.119735%;width: 6.76275dvh;height: min(6.76275dvh, 61px);transform: translate(-50%, -50%) ; z-index: 10;  }
	#div-img-btn-sc{position:absolute;left: min(11.27494dvh, 101.7px);top: 6.119735%;width: 6.76275dvh;height: min(6.76275dvh, 61px);transform: translate(-50%, -50%) ; z-index: 10;  }
	#div-img-btn-en{position:absolute;left: min(18.64745dvh, 168.2px);top: 6.119735%;width: 6.76275dvh;height: min(6.76275dvh, 61px);transform: translate(-50%, -50%) ; z-index: 10;  }
	#div-img-btn-music{cursor: pointer; position:absolute;left: min(25.88691dvh, 233.4999px);top: 6.119735%;width: 6.76275dvh;height: min(6.76275dvh, 61px);transform: translate(-50%, -50%) ; z-index: 10;  }
	#div-img-icon{position:absolute;left: min(4.311328dvh, 38.88818px);bottom: 3.658537%;width: 6.097561dvh;height: min(1.330377dvh, 12px);transform: translate(-50%, 50%) ; }
	#div-img-title{position:absolute;left: calc(50% + 0.1108647dvh);top: 24.39024%;width: 88.80266dvh;height: min(43.34811dvh, 391px);transform: translate(-50%, -50%) ; }
	#div-img-input-name-bg{position:absolute;left: calc(50% + 0dvh);bottom: 29.16851%;width: 48.89135dvh;height: min(14.52328dvh, 131px);transform: translate(-50%, 50%) ; }
	#div-img-name-text{position:absolute;left: calc(50% + 0dvh);bottom: 29.16852%;width: 48.89135dvh;height: min(14.52328dvh, 131px);transform: translate(-50%, 50%) ; }
	#text-txt-username{display:table-cell; font-family:myFontName; height:100%; line-height: 1.2; margin: 0 0; vertical-align: middle;  text-align: center; font-size:calc(min(3.769401dvh, 34px) * var(--scale));; color: #999999;  border: none; }
	#div-text-txt-username{display:table; overflow: auto; position:absolute;  left: calc(50% + 0dvh);bottom: 27.50554%;width: 42.49446dvh;height: min(5.465632dvh, 49.3px);transform: translate(-50%, 50%) ;}
	#div-img-btn-start{cursor: pointer; position:absolute;left: calc(50% + 0dvh);bottom: 12.18404%;width: 20.62084dvh;height: min(20.62084dvh, 186px);transform: translate(-50%, 50%) ; }
	#div-img-btn-video{cursor: pointer; position:absolute;left: min(31.81818dvh, 287px);bottom: 11.52993%;width: 20.06652dvh;height: min(20.06652dvh, 181px);transform: translate(-50%, 50%) ; }
	#div-img-btn-rank{cursor: pointer; position:absolute;left: min(10.75388dvh, 97px);bottom: 11.52993%;width: 20.06652dvh;height: min(20.06652dvh, 181px);transform: translate(-50%, 50%) ; }
	#div-img-btn-about{cursor: pointer; position:absolute;right: min(10.59867dvh, 95.59998px);bottom: 11.52993%;width: 20.06652dvh;height: min(20.06652dvh, 181px);transform: translate(50%, 50%) ; }
	#div-img-cic-icon{position:absolute;right: min(14.41242dvh, 130px);top: 14.41242%;width: 28.04878dvh;height: min(28.04878dvh, 253px);transform: translate(50%, -50%) ; z-index: 10;  }

}

input::-webkit-input-placeholder,
input:-webkit-input-placeholder,
input::-webkit-autofill-preview
{
	font-family: myFontName !important;
	height: 100%;
	line-height: 1.2;
	margin: 0 0;
	vertical-align: middle;
	text-align: center;
	font-size: calc(min(1.770833vw, 34px)* var(--scale)) !important;
	color: #999999;
	border: none;
	-webkit-box-shadow: 0 0 0 30px #e3000000 inset !important;
	-webkit-background-clip: text;
	background-color: #00000000;
    -webkit-text-fill-color: #999999;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, input:focus, input:not(:focus), input:-webkit-autofill::first-line
{
	font-family: myFontName !important;
	height: 100%;
	line-height: 1.2;
	margin: 0 0;
	vertical-align: middle;
	text-align: center;
	font-size: calc(min(1.770833vw, 34px)* var(--scale)) !important;
	color: #999999;
	border: none;
	-webkit-box-shadow: 0 0 0 30px #e3000000 inset !important;
	-webkit-background-clip: text;
	background-color: #00000000;
    -webkit-text-fill-color: #999999;
}