@charset "utf-8";
/* CSS Document */

html{
	width:100vw;    /* 宽度等于视口宽度 */
    height:100vh;   /* 高度等于视口高度 */
	border:0px double #C30; 
	/*background:linear-gradient(to right,#fff,#C30 );*/
	/*border-radius:12px;*/
    display: gird;
    justify-content: center;
}

.TitleBox{
	/*position: absolute; */
	/*top: 0%;*/
	margin:0 auto;
	height: 410px;
	width: 928px;
	color: rgb(0, 23, 0);
	border: 0px double transparent;
	border-radius:12px;
	background:linear-gradient(to right,#fff,#fff );
	/*border:0px double #FF0000; background:linear-gradient(to right, #03C, #CF3 ); border-radius:12px;*/
	overflow: hidden;  /* 隐藏超出内容 */
	white-space: nowrap;  /* 防止文本换行 */
	transition: all 0.3s ease;
}
.TitleBox:hover{
	transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.25);
}
.TitleBoxChinese:hover{
    border:1px double #eea596;
}
.TitleBoxEnglish:hover{
    border:1px double #96c2ee;
}
.TitleBoxJapanese:hover{
    border:1px double #ee96b5;
}
.TitleBoxMemorialDay:hover{
    border:1px double #c2c2c2;
}
	.TitleCaptionChinese{
		height: 86px;
		font-family: "微软雅黑";
		font-size: 65px;
		color: #b54956;
		text-align: center;
	}
	.TitleCaptionEnglish{
		height: 86px;
		font-family: "微软雅黑";
		font-size: 32px;
		color: #117eeb;
		text-align: center;
	}
	.TitleCaptionJapanese{
		height: 86px;
		font-family: "微软雅黑";
		font-size: 65px;
		color: #b5498e;
		text-align: center;
	}
	.TitleCaptionMemorialDay{
		height: 86px;
		font-family: "微软雅黑";
		font-size: 65px;
		color: #8c8c8c;
		text-align: center;
	}

.MemuBox{
	/*position: absolute; */
	/*top: 17%;*/
	margin:0 auto;
	width: 928px;
	color: rgb(0, 0, 0);
	/*border:0px double #FF0000; background:linear-gradient(to right, #03C, #CF3 ); border-radius:12px;*/
	border:0px double transparent;
	background:linear-gradient(to right,#fff,#fff );
	border-radius:12px;
	transition: all 0.3s ease;
}
.MemuBox:hover{
	transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.25);
}
.MemuBoxChinese:hover{
    border:1px double #eea596;
}
.MemuBoxEnglish:hover{
    border:1px double #96c2ee;
}
.MemuBoxJapanese:hover{
    border:1px double #ee96b5;
}
.MemuBoxMemorialDay:hover{
    border:1px double #c2c2c2;
}
	.MemuItemChinese {
		height: 20px;
		font-family: "微软雅黑";
		font-size: 50px;
		color: #ca2035;
		text-align: center;
		text-decoration:none;
		border:1px double #eea596; 
		background:linear-gradient(#f8cdc4,#eea596 ) ; 
		border-radius:12px;
	}
	.MemuItemChinese:hover{
		color:#f80623;
		background:linear-gradient(#eea596,#f8cdc4 ) ;
		cursor: pointer;
	}
	.MemuItemEnglish{
		height: 20px;
		font-family: "微软雅黑";
		font-size: 50px;
		color: #0f7ae4;
		text-align: center;
		text-decoration:none;
		border:1px double #96c2ee; 
		background:linear-gradient(#c3ddf8,#96c2ee ) ; 
		border-radius:12px;	
	}
	.MemuItemEnglish:hover{
		color:#4da1f4;
		background:linear-gradient(#96c2ee,#c3ddf8 ) ;
		cursor: pointer;
	}
	.MemuItemJapanese{
		height: 20px;
		font-family: "微软雅黑";
		font-size: 50px;
		color: #ca208d;
		text-align: center;
		text-decoration:none;
		border:1px double #ee96b5; 
		background:linear-gradient(#f8c4d6,#ee96b5 ) ; 
		border-radius:12px;	
	}
	.MemuItemJapanese:hover{
		color:#f5538b;
		background:linear-gradient(#ee96b5,#f8c4d6 ) ; 
		cursor: pointer;
	}
	.MemuItemMemorialDay{
		height: 20px;
		font-family: "微软雅黑";
		font-size: 50px;
		color: #757575;
		text-align: center;
		text-decoration:none;
		border:1px double #c2c2c2; 
		background:linear-gradient(#eeeded,#c2c2c2 ) ; 
		border-radius:12px;	
	}
	.MemuItemMemorialDay:hover{
		color:#908f8f;
		background:linear-gradient(#c2c2c2,#eeeded ) ; 
		cursor: pointer;
	}

.GuXiaoXianInfoBox{
	/*position: absolute;*/ 
	/*top: 20.8%;*/
	margin:0 auto;
	width: 928px; 
	font-family: "微软雅黑";
	color: rgb(0, 0, 0);
	/*border:0px double #000; background:linear-gradient(to right,#fff,#fff ); border-radius:12px;*/
	border-radius: 12px;
	transition: all 0.3s ease;
}
.GuXiaoXianInfoBox:hover{
	transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.25);
}
.GuXiaoXianInfoBoxChinese{
	border: 1px double #eea596;
    background: linear-gradient(to right,#fff,#eea596 );
}
.GuXiaoXianInfoBoxEnglish{
	border:1px double #96c2ee;
	background:linear-gradient(to right,#fff,#96c2ee );
}
.GuXiaoXianInfoBoxJapanese{
	border:1px double #ee96b5;
	background:linear-gradient(to right,#fff,#ee96b5 );
}
.GuXiaoXianInfoBoxMemorialDay{
	border:1px double #c2c2c2;
	background:linear-gradient(to right,#fff,#c2c2c2 );
}
	.GuXiaoXianItemChinese{
		font-size: 36px;
		color: #ca2035;
		text-decoration:none;
		text-align: left;
		display: block; /* 关键修复：将span转换为块级元素 */
	}
	.GuXiaoXianItemChinese:hover{
		color:#f80623;
		cursor: pointer;
	}
	.GuXiaoXianItemEnglish{
		font-size: 37px;
		color: #0f7ae4;
		text-decoration:none;
		text-align: left;
		display: block; /* 关键修复：将span转换为块级元素 */
	}
	.GuXiaoXianItemEnglish:hover{
		color:#4da1f4;
		cursor: pointer;
	}
	.GuXiaoXianItemJapanese{
		font-size: 36px;
		color: #ca208d;
		text-decoration:none;
		text-align: left;
		display: block; /* 关键修复：将span转换为块级元素 */
	}
	.GuXiaoXianItemJapanese:hover{
		color:#f5538b;
		cursor: pointer;
	}
	.GuXiaoXianItemMemorialDay{
		font-size: 36px;
		color: #757575;
		text-decoration:none;
		text-align: left;
		display: block; /* 关键修复：将span转换为块级元素 */
	}
	.GuXiaoXianItemMemorialDay:hover{
		color:#afaeae;
		cursor: pointer;
	}

.TutorialBox{
	margin:0 auto;
	width: 928px; 
	color: rgb(0, 0, 0);
	border-radius:12px;
	background:linear-gradient(to right,#fff,#fff );
	overflow: hidden;  /* 隐藏超出内容 */
	white-space: nowrap;  /* 防止文本换行 */
	transition: all 0.3s ease;
}
.TutorialBox:hover{
	transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.25);
}
.TutorialBoxChinese{
    border:1px double #eea596;
}
.TutorialBoxEnglish{
    border:1px double #96c2ee;
}
.TutorialBoxJapanese{
    border:1px double #ee96b5;

}
.TutorialBoxMemorialDay{
    border:1px double #c2c2c2;
}
	.TutorialItemTrChinese:hover{
		background-color: #fee0e2 !important;
        border-left: 5px solid #b50611;
        transform: scale(1.01);
		transform: translateX(6px);
        transition: all 0.3s ease;
        box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.2);
	}
	.TutorialItemTrEnglish:hover{
		background-color: #e0f2fe !important;
        border-left: 5px solid #0284c7;
        transform: scale(1.01);
		transform: translateX(6px);
        transition: all 0.3s ease;
        box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.2);
	}
	.TutorialItemTrJapanese:hover{
		background-color: #fee0f2 !important;
        border-left: 5px solid #a30765;
        transform: scale(1.01);
		transform: translateX(6px);
        transition: all 0.3s ease;
        box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.2);
	}
	.TutorialItemTrMemorialDay:hover{
		background-color: #efefef !important;
        border-left: 5px solid #5c5c5c;
        transform: scale(1.01);
		transform: translateX(6px);
        transition: all 0.3s ease;
        box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.2);
	}
	.TutorialItem{
		font-family: "微软雅黑";
		font-size: 50px;
		text-decoration:none;
	}
	.TutorialItemChinese{
		color: #ca2035;
	}
	.TutorialItemChinese:hover{
		color: #f80623;
	}
	.TutorialItemEnglish{
		color: #0f7ae4;
	}
	.TutorialItemEnglish:hover{
		color: #4da1f4;
	}
	.TutorialItemEnglishQLJS {
		font-size: 43px;
		color: #0f7ae4;
	}
	.TutorialItemEnglishQLJS:hover{
		color:#4da1f4;
	}
	.TutorialItemJapanese{
		color: #ca208d;
	}
	.TutorialItemJapanese:hover{
		color: #f5538b;
	}
	.TutorialItemMemorialDay{
		color: #757575;
	}
	.TutorialItemMemorialDay:hover{
		color: #7f7f7f;
	}
	.CommandBox{
		width:200px; 
		height:55px; 
		font-family: "微软雅黑";
		font-size:25px ; 
	}
	.CommandBoxChinese{
		color:#ca2035; 
		border:1px double #ff4401; 
		background:linear-gradient(#f8cdc4,#f8cdc4 ) ; 
	}
	.CommandBoxChinese:hover{
		color:#ffff;
		border:1px double #f8cdc4; 
		background:linear-gradient(#f80623,#f80623 ) ; 
	}
	.CommandBoxEnglish{
		color:#0f7ae4; 
		border:1px double #0167ff; 
		background:linear-gradient(#c4def8,#c4def8 ) ; 
	}
	.CommandBoxEnglish:hover{
		color:#bdebf8;
		border:1px double #c4def8; 
		background:linear-gradient(#06c4f8,#06c4f8 ) ; 
	}
	.CommandBoxJapanese{
		color:#d32091; 
		border:1px double #ff0141; 
		background:linear-gradient(#f8c4d6,#f8c4d6 ) ; 
	}
	.CommandBoxJapanese:hover{
		color:#ffff;
		border:1px double #f8c4d6; 
		background:linear-gradient(#f806a0,#f806a0 ) ; 
	}
	.CommandBoxMemorialDay{
		color:#757575; 
		border:1px double #808080; 
		background:linear-gradient(#dedede,#dedede ) ; 
	}
	.CommandBoxMemorialDay:hover{
		color:#ffff;
		border:1px double #dedede; 
		background:linear-gradient(#7f7f7f,#7f7f7f ) ; 
	}

.FooterBox{
 	/*position:absolute;*/  /* 绝对定位元素 */
	/*bottom:0;*/  /* 底部 */
	/*left: 50%;*/  /* 水平居中，需要配合 transform: translateX(-50%) */
    /*transform: translateX(-50%);*/  /* X坐标单方向移动-50%实现水平居中 */
    margin:0 auto;
	width: 928px;
	border: 0px double transparent;
	border-radius:12px;
	background:linear-gradient(to right,#fff,#fff );
	padding: 0px;  /* 元素内容与边框之间的空白区域 */
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}
.FooterBox:hover{
	transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.25);
}
.FooterBoxChinese:hover{
    border:1px double #eea596;
}
.FooterBoxEnglish:hover{
    border:1px double #96c2ee;
}
.FooterBoxJapanese:hover{
    border:1px double #ee96b5;
}
.FooterBoxMemorialDay:hover{
    border:1px double #c2c2c2;
}
	.Copyright{
		display:inline-block;
		height: auto;
		font-family: "Times New Roman";
		font-size: 22px;
		color: #000;
		border-radius:5px;
		border:0px solid #ff7c43;
	}
	.Studio{
		display: inline-block;
		text-align: right;
		width: 300px;
		font-family: "宋体";
		font-size: 24px;
		color: #000;
		border-radius: 5px;
		border: 0px solid #1f3c03;
	}
	.IPv6{
		display: inline-block;
		width: 50px;
		font-family: "微软雅黑";
		font-size: 18px;
		color: #ff7c43;
		background: #FFF;
		border-radius: 5px;
		border: 1px solid #ff7c43;
	}
	.IPv6MemorialDay{
		color: #a0a0a0;
		border: 1px solid #a0a0a0;
	}
	.Record-filingNumber{
		display: inline-block;
		text-align: center;
		width: 380px;
		font-family: "宋体";
		font-size: 24px;
		border-radius: 5px;
		border: 0px solid #1f3c03;
	}
	.RecordNumber {
		color: #000;
		text-decoration:none;
	}
	.RecordNumber:hover{
		color:#C20;   /* 红色 */
	}
	.Ohter{
		display: inline-block;
		border: 0px solid #1f3c03;
		width: 210px;
	}