body					{position: relative; width: 100%; padding: 0; margin: 0;}
.logo					{text-align: center; margin-bottom: 20px;}
.navWrap				{ position: relative; width: 100%; margin-bottom: 10px}
.navWrap ul				{list-style: none; padding: 0; margin: 0; display: flex; justify-content: center;}
.navWrap ul li			{display: inline; height: 50px; line-height: 50px; background-color: #007bff; padding: 0 5px; border-right: 1px solid #fff; box-sizing: border-box;}
.navWrap ul li a		{text-decoration: none; color: #fff; font-weight: bold; padding: 0 15px; display: block; box-sizing: border-box;}
.navWrap ul li a:hover	{text-decoration: underline;}
.content				{max-width: 1400px; margin: 0 auto;}
.highlight				{background-color: #ffeb3b; padding: 10px; margin: 10px 0;border-radius: 5px;}
.col_green				{color: green; font-weight: bold;}
.sectWrap				{position: relative; margin-bottom: 20px; padding: 15px; border: 1px solid #ccc; border-radius: 5px; background-color: #f9f9f9; overflow: hidden}
.codeWrap				{background-color: #1e1e1e; color: #d4d4d4; padding: 10px; border-radius: 5px; overflow-x: auto;}
.codeWrap pre			{margin: 0;}
.code-block				{padding: 1rem; border-radius: 8px; overflow-x: auto; font-family: monospace; line-height: 1.5; margin: 1rem 0; white-space: pre;}

.formWrap				{position: relative; width: 100%}
.formWrap ul			{list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px;}
.formWrap li			{width: 100%; margin-bottom: 10px ; display: flex; flex-direction: column; gap: 5px; background-color: #f0f0f0; padding: 10px; border-radius: 5px;}
.formWrap label			{font-weight: bold; color: #333;}
.formWrap input,
.formWrap textarea		{border: 1px solid #ccc; border-radius: 4px; padding: 8px; font-size: 14px; width: 100%; box-sizing: border-box;}

.imgWrap				{margin: 20px 0; text-align: center;}

.effectLogo				{position: absolute; width: 580px; max-width: 100vw; height: 580px; right: -100px; bottom: -100px; overflow: hidden; z-index: 0}
.effectLogo .center		{width: 580px; max-width: 100vw; height: 580px; background-image: url("../images/logo-center.png"); background-repeat: no-repeat; background-position: center center}
.effectLogo .round		{position: absolute; width: 580px; max-width: 100vw; height: 580px; background-image: url("../images/logo-round.png"); background-repeat: no-repeat; background-position: center center; animation: bgLogo_Rotate 50s linear infinite; transform-origin: 50% 50%; overflow: hidden; top: 0; left: 0}

@keyframes bgLogo_Rotate {
	100%	{transform: rotate(360deg);}
}