html {
  font-size: 16px;
}

body{
  font-family: "微软雅黑";
  font-size: 1rem;
	color: #000;
	margin: 0;
  padding: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100vh;
}

input, textarea {
  font-family: "微软雅黑";
  padding: 0;
}

a {
	text-decoration: none;
	user-select: none;
	-webkit-user-select: none;
	color: #000;
	tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent;	
}

p, ul, h1, h2, h3, h4, h5 {
	margin: 0;
}

.mt-10 {
	margin-top: 0.625rem;
}

.mt-20 {
	margin-top: 1.25rem;
}

.mt-50 {
	margin-top: 3.125rem;
}

.mt-100 {
	margin-top: 6.25rem;
}

.font-gray-italic {
	color: gray;
	font-style: italic;
	line-height: 1.5;
}

#wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

#header {
	flex-shrink: 0;
	width: 100%;
	background-color: #4a42ca;
}

#header .header-container {
	width: 100%;
	max-width: 1440px;
	max-height: 7rem;
	line-height: 0;
  margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: url(../images/menu/menu_header_all.png) center top no-repeat;
	background-size: cover;
}

.header-container .logo {
	margin-left: 3.125rem;
}

.header-container .logo img {
	max-width: 75%;
	height: auto;
}

.header-container .web-logo {
	display: flex;
	align-items: center;
	margin-right: 1.5625rem;
}

.header-container .web-logo img {
	max-width: 75%;
	height: auto;
	margin-left: 1.25rem;
}

#mian {
	flex: 1;
	width: 100%;
	background-color: #f3e8f3;
}

#mian.home-page {
	background-color: #d7ecf6;
}

#mian .mian-container {
	width: 85%;
	max-width: 1340px;
	margin: 0 auto;
}
/* 主頁 */
.home-container {
    padding: 2.125rem 0;
    margin: 0 3.75rem;    
}

.home-container .nav-item {
    display: flex;
    flex-direction: row-reverse;  /* 右側顯示圖標 */
    align-items: center;
    pointer-events: none;  /* 使 nav-item 不可點擊 */
}

.home-container .nav-item .icon {
    flex-shrink: 0;
    margin-left: 1rem;  /* 左邊距 */
    pointer-events: auto;  /* 允許圖標可點擊 */
}

.home-container .nav-item .icon img {
    width: 95%;
    height: auto;
}

.home-container .row {
    display: flex; /* 启用 Flexbox */
    align-items: center; /* 垂直居中对齐 */
    margin: 1.75rem 0; /* 上下外边距 */
}

.col-left {
	max-width: 40%;
    flex: 1.1; /* 占据剩余空间 */
    text-align: center; /* 居中图像 */
	margin-right: 1rem;
}

.col-left img {
    max-width: 100%; /* 适应宽度 */
    height: auto; /* 保持比例 */
}

.col-right {
	max-width: 60%;
    flex: 1; /* 占据剩余空间 */
    display: flex; /* 启用 Flexbox */
    flex-direction: column; /* 垂直排列图标 */
    align-items: center; /* 垂直居中对齐 */
	align-items: flex-end; /* 垂直底部对齐 */
	height: 40%; /* 使 col-left 占满父容器高度 */
}


.home-container .nav-item .over {
    display: none;
}

.home-container .nav-item .def {
    display: block;
}

.home-container .nav-item.over .over {
    display: block;
}

.home-container .nav-item.over .def {
    display: none;
}






/* 内頁 */
.page-container {
	padding: 2% 0 8% 0;
	margin: 0 3.75rem;
}

.page-title {
	text-align: center;
	line-height: 0;
}

.page-title img,
.page-content h2 img {
	max-width: 100%;
}

.page-content {
	margin-top: 3%;
	font-size: 1.5rem;
}

.page-content .title-1 {
	color: #f7708f;
	font-size: 1.875rem;
	margin: 1.25rem 0 0.3125rem 0;
}

.page-content .title-2 {
	color: #6792f9;
	font-size: 1.875rem;
	margin: 0.3125rem 0;
}

.page-content .title-1 img,
.page-content .title-2 img {
	vertical-align: middle;
	margin-right: 0.625rem;
	width: 3.3125rem;
}

.page-content .content {
	line-height: 1.6;
}

.page-content .content-2 {
	font-size: 1.5rem;
	line-height: 1.5;
}

.page-content .copy {
	vertical-align: middle;
	display: inline-block;
	line-height: 0;
	width: 2.1875rem;
}

.page-content .copy img {
	max-width: 90%;
}

.page-content .ul-disc {
	list-style-type: disc;
}

.page-content .ul-decimal {
	list-style-type: decimal;
}

.page-content .ul-circle {
	list-style-type: circle;
}

.page-content .content-flex {
	display: flex;
	margin-top: 1.875rem;
	padding-bottom: 3.125rem;
}

.page-content .prompt-text {
	background-color: #ff0;
	padding: 0.25rem 0;
}

.page-content .copy {
	cursor: pointer;
}

.page-content .content-flex .w-flex {
	display: flex;
	flex-direction: column;
}

.page-content .content-flex .w-arrow-1 {
	width: 18%;
	text-align: center;
	align-self: end;
	margin-bottom: 9%;
}

.page-content .content-flex .w-arrow-1 img {
	max-width: 40%;
	margin: 0 auto;
}

.page-content .content-flex .w-arrow-2 {
	width: 12%;
	justify-content: center;
	align-items: center;
}

.page-content .content-flex .w-arrow-3 {
	width: 9.5%;
	align-items: center;
	margin-bottom: 6.5%;
}

.page-content .content-flex .w-arrow-3 img {
	max-width: 70%;
}

.page-content .content-flex .w-con-1 {
	width: 35%;
}

.page-content .content-flex .w-con-2 {
	width: 47%;
}

.page-content .content-flex .w-con-3 {
	width: 27%;
}

.page-content .content-flex .w-con-4 {
	width: 55%;
}

.page-content .content-flex .d-arrow img {
	width: 50%;
	margin: 4.375rem 0;
}

.page-content .gc-loyout-1 .w-con-2 .w-flex {
	flex-direction: row;
}

.page-content .gc-loyout-1 .w-con-2 .content-2 {
	width: 40%;
}

.page-content .gc-loyout-1 .w-con-2 .content-2+img {
	width: 49%;
	align-self: start;
}

.gc-loyout-2 .w-con-1 {
	display: flex;
	flex-direction: column;
}

.gc-loyout-2 .w-flex {
	height: 100%;
}

.gc-loyout-2 p {
	height: 100%;
}

.gc-loyout-3 .img-flex > div {
	margin-right: 1.25rem;
}

.gc-loyout-3 .img-flex-2 {
	margin-top: 6.25rem;
}

.gc-loyout-4 {
	align-items: end;
}

.gc-loyout-4 .content-2,
.gc-loyout-5 .content-2 {
	height: 100%;
	margin-bottom: 3%;
}

.gc-loyout-5 .w-con-3 {
	display: flex;
	flex-direction: column;
}

.gc-loyout-5 .w-arrow-3 {
	align-self: end;
}

.gc-loyout-5 .w-flex {
	height: 100%;
	align-items: center;
}

.img-flex {
	display: flex;
	align-items: center;
}

.img-flex > div {
	flex: 1;
}

.img-flex-middle {
	align-self: center;
}

.img-right-1 {
	float: right;
	margin: -7.5rem 0 0 6.25rem;
}

.img-right-2 {
	float: right;
	margin: 0 0 0 6.25rem;
}

.img-right-3 {
	float: right;
	margin: 0.625rem 0 0 1.25rem;
}

.img-right-4 {
	float: right;
	margin: 0 0 0 1.25rem;
}

.img-center {
	text-align: center;
}

.img-max-width {
	line-height: 0;
}

.img-max-width img {
	max-width: 100%;	
}

.tips-original {
	position: relative;
	z-index: 1;
}

.tips-original span {
	position: absolute;
	z-index: 3;
	right: 0;
	bottom: -1.5rem;
	font-size: 1.125rem;
	color: gray;
	line-height: 1;
}

.gc-loyout-1 .img-max-width img {
	max-width: 80%;
}

.gc-loyout-2 .img-max-width img {
	max-width: 90%;
}

.img-mt-20 {
	margin-top: 1.25rem;
}

.foot-img {
	text-align: center;
	margin-top: 5%;
	line-height: 0;
}

.foot-img img {
	max-width: 100%;
}

.table-wrap table {
	width: 100%;
	border-spacing: 0.4375rem;
	margin: 1.25rem 0 5rem 0;
}

.page-content:last-child .table-wrap table {
	margin-bottom: 0;
}

.table-wrap table thead th {
	background-color: #bb99ff;
	height: 125px;
	font-size: 25px;
	padding: 30px;
}

.table-wrap table tbody th {
	background-color: #decdff;
	height: 154px;
	font-size: 27px;
	font-weight: normal;
	padding: 30px;
}

.table-wrap table tbody td {
	background-color: #fff;
	font-size: 27px;
	padding: 30px;
}

.table-wrap table tbody td strong {
	border-bottom: #000 solid 2px;
}

.table-wrap table tbody td a {
	text-decoration: underline;
}

.ai-info .content {
	line-height: 1.8;
}

.newtips-wrap {
	position: relative;
	z-index: 1;
	border: #a663d8 0.3125rem solid;
	border-radius: 3.75rem;
	padding: 1.25rem 3.125rem 1.875rem 9.375rem;
	background-color: #fff;
	margin: 6.25rem 1.875rem 8% 2.5rem;
}

.newtips-wrap h2 {
	position: absolute;
	z-index: 3;
	top: -3.125rem;
	left: -1.25rem;
}

.newtips-wrap h4 {
	color: #a663d8;
}

.ai-question .page-content .newtips-wrap h2 img {
	width: 9.375rem;
	max-width: 100%;
	height: auto;
}

.newtips-wrap .content {
	font-size: 1.6rem;
}

#footer {
	flex-shrink: 0;
	width: 100%;
	background-color: #bfbde4;
}

#footer .footer-container {
	width: 100%;
	max-width: 1440px;
	min-height: 5rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	
}

.footer-container .logo-website {
	display: flex;
	align-items: center;
	margin-left: 3.125rem;
}

.footer-container .logo-website .logo img {
	max-width: 100%;
	height: auto;
}

.footer-container .logo-website .website {
	width: 14.0625rem;
	margin-left: 1.5625rem;
}

.footer-container .logo-website .select-area {
	width: 100%;
	position: relative;
}

.footer-container .logo-website .select-area:before {
	position: absolute;
	right: 0.9375rem;
	top: 50%;
	z-index: 3;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0.3125rem 0.375rem 0.3125rem;
	border-color: transparent transparent #000 transparent;
	transform: translateY(-50%);
}

.footer-container .logo-website .select-area select {
  font-family: "Adobe 繁黑體 Std B", "黑體";
	font-size: 1rem;
	color: #000000;
	width: 100%;
	height: 2rem;
	line-height: 1;
	padding: 0.3125rem 0.9375rem;
	background: linear-gradient(to bottom, #fff 0%, #e3f5fd 100%);
	border-radius: 0.3125rem;
	border: 1px solid #6d5bff;
	-webkit-appearance: none;
	appearance: none;
	-webkit-box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.075);
	outline: none;
	cursor: pointer;
}

.footer-container .copyright {
	margin-right: 3.125rem;
}

.footer-container .copyright .link a {
	color: #4835de;
}

.footer-container .copyright .link span {
	text-align: right;
	margin: 0 0.3125rem;
}

.footer-container .copyright p {
	color: #2a2a2a;
	text-align: right;
	margin-top: 0.125rem;
}

body.no-scroll {
	overflow: hidden;
	
}

.popup-model {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	display: flex;
	justify-content: center;
	align-items: center;
}

.popup-model .dialog {
	width: 15.625rem;
	background-color: #fff;
	border-radius: 0.625rem;
  box-shadow: 0 0 1.875rem rgba(0, 0, 0, 0.3);
	user-select: none;
	-webkit-user-select: none;
}

.popup-model .dialog .content {
	padding: 1.875rem;
	text-align: center;
	font-size: 1.125rem;
}

.popup-model .dialog .button {
	text-align: center;
	border-top: 0.0625rem solid #ddd;
	padding: 0.5rem 0.625rem;
}

.popup-model .dialog .button a {
	display: inline-block;
	font-size: 1rem;
	color: #1E9FFF;
	padding: 5px 20px;
	cursor: pointer;
}

.popup-model .dialog .button a:active {
	opacity: 0.8;
}

@media screen and (max-width: 1270px) {
	html {
		font-size: 10px;
	}
	
	
	
	.col-left {
    flex: 0.78; /* 占据剩余空间 */
    text-align: center; /* 居中图像 */
	margin-right: 1rem;
}
	
	.home-container .nav-item .icon {
		width: 100%;
	}
	
	.header-container .logo {
		flex: 0.75;
	}
	
	.header-container .logo img {
		max-width: 55%;
	}
	
	.header-container .web-logo {
		flex: 0.75;
		margin-right: 3%;
		justify-content: end;
	}
	
	.header-container .web-logo a {
		width: 25%;
	}
	
	.header-container .web-logo img {
		max-width: 90%;
	}
	
	.page-title img {
	  max-width: 50%;
	}
	
	.page-content h2 img {
	  max-width: 52%;
	}

	.page-content .gc-loyout-1 .w-con-2 .content-2+img {
		width: 57%;
	}
	
	.gc-loyout-2 .img-max-width img {
		max-width: 100%;
	}
	
	.ai-image .page-content h2 img {
	  max-width: 30%;
	}
	
	.ai-question .page-content h2 img {
	  max-width: 71%;
	}
	
	.ai-info .img-right-1 {
		margin: -4rem -6rem 0 2rem;
	}
	
	.ai-info .img-right-2 {
		margin: 0 -5rem 0 3rem;
	}
	
	.ai-info .img-max-width img {
		max-width: 80%;
	}
	
	.newtips-wrap {
		padding-left: 8.125rem;
	}
	
	.newtips-wrap h2 {
		top: -2.5rem;
		left: -0.9375rem;
	}
	
	.ai-question .page-content .newtips-wrap h2 img {
		max-width: 80%;
	}
	
	.popup-model .dialog {
		width: 18.75rem;
	}
	
	.popup-model .dialog .content {
		font-size: 1.25rem;
	}
	
	.popup-model .dialog .button a {
		font-size: 1.125rem;
	}
}

@media screen and (min-width: 768px) and (max-width: 1920px) {	
	.home-container .nav-item .icon {
		width: 100%;
	}
	
	
	.foot-img img {
		max-width: 40%;
	}
	
	.footer-container .logo-website .logo {
		width: 40%;
	}
}

@media screen and (max-width: 768px) {
	.header-container .logo {
		margin-left: 3%;
	}
	
	.header-container .logo img {
		max-width: 90%;
	}
	
	.header-container .web-logo a {
		width: 40%;
	}
	
	.page-container {
		margin: 0 3.125rem;
	}
	
	.page-title img {
	  max-width: 60%;
	}
	
	.page-content h2 img {
	  max-width: 73%;
	}
	
	.page-content ul {
		padding-left: 2.5rem;
	}
	
	.home-container .nav-item {
		flex-direction: column;
		align-items: start;
		margin-bottom: 5%;
	}
	
	.home-container .nav-item .icon {
		width: 60%;
	}
	
	.home-container .nav-item p {
		font-size: 2.5rem;
		margin-left: 4%;
	}
	
	.gc-loyout-1 .img-max-width img {
		max-width: 100%;
	}
	
	.ai-image .page-content h2 img {
	  max-width: 42%;
	}
	
	.ai-question .page-content h2 img {
	  max-width: 100%;
	}
	
	.ai-info .img-max-width {
		margin: -1rem -10rem 0 2rem;
	}
	
	.ai-info .img-max-width img {
		max-width: 70%;
	}
	
	.ai-question .page-content .newtips-wrap h2 img {
		max-width: 70%;
	}
	
	.newtips-wrap {
		padding-left: 6.875rem;
	}
	
	.foot-img img {
		max-width: 50%;
	}
	
	#footer .footer-container {
		flex-direction: column;
		padding: 1.875rem 0;
	}
	
	#footer .footer-container > div {
		margin: 0;
	}
	
	.footer-container .logo-website .logo {
		width: auto;
	}
	
	.footer-container .copyright {
		margin-top: 10px !important;
	}
	
	.footer-container .copyright p {
		text-align: center;
	}
}

@media screen and (max-width: 767px) {	
	.page-content .content-flex .w-flex .content-2 {
		flex: 1.5;
		margin-right: 1.875rem;
	}
	
	.page-content .content-flex .w-flex .img-max-width {
		flex: 1;
	}
	
	.page-content .gc-loyout-1 .w-con-2 .content-2+img {
		width: 39%;
	}
	
	.gc-loyout-1 {
		flex-direction: column;
	}
	
	.page-content .gc-loyout-1 .w-con-1,
	.page-content .gc-loyout-1 .w-con-2 {
		width: 100%;		
	}
	
	.page-content .gc-loyout-2 .w-con-1 {
		width: 40%;		
	}
	
	.page-content .gc-loyout-1 .w-flex {
		flex-direction: row;		
	}
	
	.page-content .gc-loyout-1 .img-mt-20 {
		margin-top: 0;
	}
}

@media screen and (max-width: 540px) {
	html {
		font-size: 10px;
	}
	
	.header-container .logo {
		margin-left: 2%;
	}
	
	.page-container {
		margin: 0 1.875rem;
	}
	
	.page-title img {
	  max-width: 70%;
	}
	
	.page-content h2 img {
	  max-width: 95%;
	}
	
	.home-container .nav-item .icon {
		width: 90%;
	}
	
	.home-container .nav-item p {
		font-size: 2rem;
	}
	
	.ai-image .page-content h2 img {
	  max-width: 55%;
	}
	
	.ai-question .page-content h2 img {
	  max-width: 100%;
	}
	
	.page-content .content-flex {
		flex-direction: column;
	}
	
	.page-content .content-flex .w-con-1,
	.page-content .content-flex .w-con-2,
	.page-content .content-flex .w-con-3,
	.page-content .content-flex .w-con-4 {
		width: 100%;
	}
	
	.page-content .content-flex:not(.gc-loyout-4, .gc-loyout-5) .w-flex {
		flex-direction: row;
	}
	
	.page-content .content-flex .d-arrow {
		width: 100%;
	}
	
	.page-content .content-flex .d-arrow img {
		width: 12%;
		margin: 5% 10%;
	}
	
	.page-content .content-flex .d-arrow img:first-child {
		width: 13%;
		transform: rotate(180deg);
	}
	
	.page-content .content-flex .img-flex {
		flex: 1;
		flex-direction: column;
	}
	
	.page-content .gc-loyout-1 .w-con-2 .content-2+img {
		width: 37%;
	}
	
	.page-content .content-flex .w-con-4 .img-max-width {
		margin-top: 5%;
	}
	
	.page-content .gc-loyout-1 .w-arrow-1 {
		margin: 0 0 5% 0;
	}
	
	.page-content .gc-loyout-2 .w-arrow-1 {
		margin: 5% 10% 0 0;
	}
	
	.page-content .content-flex .w-arrow-3 {
		width: 18%;
		margin: 5% 0;
		justify-content: center;
	}
	
	.page-content .content-flex .w-arrow-1 img,
	.page-content .content-flex .w-arrow-3 img {
		max-width: 70%;
		transform: rotate(90deg);
	}
	
	.gc-loyout-3 .w-con-3 {
		text-align: center;
	}
	
	.gc-loyout-3 .w-con-3 img,
	.gc-loyout-4 .w-con-3 img,
	.gc-loyout-5 .w-con-3 img {
		max-width: 60%;
	}
	
	.gc-loyout-3 .img-flex > div {
		flex: auto;
		display: flex;
		flex-direction: column;
		margin-right: 0;
	}
	
	.gc-loyout-3 .img-flex-2 {
		margin: 0 0 0 5%;
	}
	
	.gc-loyout-4 .w-con-3 .img-max-width,
	.gc-loyout-5 .w-con-3 .img-max-width {
		text-align: center;
	}
	
	.page-content .gc-loyout-3 .w-flex .content-2 {
		margin-right: 0;
	}
	
	.gc-loyout-4 {
		align-items: center;
	}
	
	.gc-loyout-5 .w-flex .content-2 {
		align-self: start;
	}
	
	.gc-loyout-5 .w-arrow-3 {
		align-self: center;
	}
	
	.img-mt-20 {
		margin-top: 0;
	}
	
	.ai-info .img-right-1,
	.ai-info .img-right-2 {
    margin: 0;
    float: none;
    text-align: center;
	}
	
	.ai-info .img-right-2 {
    margin: 5% 0;
	}
	
	.ai-info .img-max-width img {
		max-width: 50%;
	}
	
	.table-wrap {
		overflow-x: auto;
	}
	
	.table-wrap table {
		zoom: 50%
	}	
	
	.tips-original span {
		right: auto;
		font-size: 1.25rem;
		margin-left: -2.5rem;
	}
	
	.newtips-wrap {
		padding-left: 2.5rem;
	}
	
	.newtips-wrap h4 {
		margin-left: 4.375rem; 
	}
	
	#footer .footer-container .logo-website {
		margin-left: 12%;
	}
	
	.footer-container .logo-website .logo {
		width: 40%;
	}
}