.div {
  	width: 100%;
  	position: relative;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: var(--padding-0) var(--padding-0) var(--padding-64);
  	box-sizing: border-box;
  	isolation: isolate;
  	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: top;
  	text-align: left;
  	font-size: var(--fs-32);
  	color: var(--color-darkslategray-100);
  	font-family: var(--font-inter);
	background-image: url('bg-body.png');
}
.vector-icon {
  	width: 1850px;
  	height: 628.4px;
  	position: absolute;
  	margin: 0 !important;
  	bottom: -0.26px;
  	left: calc(50% - 925px);
  	object-fit: contain;
  	z-index: 0;
  	flex-shrink: 0;
}
.icon {
  	width: 1920px;
  	height: 864px;
  	position: absolute;
  	margin: 0 !important;
  	bottom: 0.33px;
  	left: calc(50% - 960px);
  	object-fit: cover;
  	z-index: 1;
  	flex-shrink: 0;
}
.frame-parent {
  	width: 1400px;
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
  	padding: var(--padding-24) var(--padding-0);
  	box-sizing: border-box;
  	position: relative;
  	isolation: isolate;
  	gap: var(--gap-20);
  	z-index: 2;
  	flex-shrink: 0;
}
.vector-parent {
  	display: flex;
  	align-items: center;
  	gap: var(--gap-4);
  	z-index: 0;
  	flex-shrink: 0;
}
.vector-icon2 {
  	align-self: stretch;
  	width: 47.3px;
  	position: relative;
  	max-height: 100%;
}
.wrapper {
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: var(--padding-8) var(--padding-0);
}
.div2 {
  	position: relative;
}
.frame-group {
  	display: flex;
  	align-items: flex-start;
  	padding: 5px var(--padding-0);
  	gap: var(--gap-32);
  	z-index: 1;
  	flex-shrink: 0;
  	font-size: var(--fs-20);
  	color: var(--color-darkgreen-200);
}
.sitemenu-wrapper {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
}
.sitemenu-frame {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	color: var(--color-white);
}
.sitemenu3 {
  	border-radius: var(--br-8);
  	background-color: var(--color-forestgreen);
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: var(--padding-8) var(--padding-16);
}
.group-parent {
  	width: 1400px;
  	margin: 0 !important;
  	position: absolute;
  	bottom: 0px;
  	left: 0px;
  	display: flex;
  	align-items: center;
  	z-index: 2;
  	flex-shrink: 0;
}
.frame-child {
  	align-self: stretch;
  	width: var(--width-20);
  	position: relative;
  	max-height: 100%;
}
.vector-icon3 {
  	align-self: stretch;
  	flex: 1;
  	position: relative;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
}
.vector-icon4 {
  	align-self: stretch;
  	width: 5.7px;
  	position: relative;
  	max-height: 100%;
}
.vector-icon5 {
  	height: 16px;
  	width: 10.8px;
  	position: relative;
}
.div6 {
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: var(--padding-32) var(--padding-0);
  	position: relative;
  	isolation: isolate;
  	gap: var(--gap-12);
  	z-index: 3;
  	flex-shrink: 0;
}
.vector-icon6 {
  	width: 27.1px;
  	height: 27.1px;
  	position: absolute;
  	margin: 0 !important;
  	top: 214.16px;
  	left: 1005.3px;
  	object-fit: contain;
  	z-index: 0;
  	flex-shrink: 0;
}
.vector-icon7 {
  	width: 234.3px;
  	height: 234.3px;
  	position: absolute;
  	margin: 0 !important;
  	top: 116.96px;
  	left: 1054.89px;
  	object-fit: contain;
  	z-index: 1;
  	flex-shrink: 0;
}
.group-icon {
  	width: 91.68%;
  	height: 138.99%;
  	position: absolute;
  	margin: 0 !important;
  	top: 29.39%;
  	right: 17.91%;
  	bottom: -68.39%;
  	left: -9.59%;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
  	z-index: 2;
  	flex-shrink: 0;
}
.group-icon2 {
  	width: 1254.1px;
  	height: 95px;
  	position: relative;
  	z-index: 3;
  	flex-shrink: 0;
}
.child {
  	width: 60px;
  	height: 60px;
  	position: relative;
  	z-index: 4;
  	flex-shrink: 0;
}
.item {
  	width: 513.6px;
  	height: 102.2px;
  	position: relative;
  	z-index: 5;
  	flex-shrink: 0;
}
.parent {
  	width: 1400px;
  	height: var(--height-20);
  	display: flex;
  	align-items: flex-end;
  	justify-content: space-between;
  	padding: var(--padding-0) var(--padding-64);
  	box-sizing: border-box;
  	gap: var(--gap-20);
  	z-index: 4;
  	flex-shrink: 0;
}
.icon2 {
  	height: 200px;
  	width: 153.6px;
  	position: relative;
  	flex-shrink: 0;
}
.icon3 {
  	height: 230px;
  	width: 153.5px;
  	position: relative;
  	flex-shrink: 0;
}
.vector-group {
  	width: 1400px;
  	border-radius: 32px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	padding: 48px var(--padding-16) var(--padding-0);
  	box-sizing: border-box;
  	position: relative;
  	isolation: isolate;
  	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: top;
  	z-index: 5;
  	flex-shrink: 0;
  	color: var(--color-darkgray);
	background-image: url('bg-main.png');

}
.vector-icon8 {
  	width: 580px;
  	height: 58.4px;
  	position: absolute;
  	margin: 0 !important;
  	top: 18px;
  	left: calc(50% - 290px);
  	z-index: 0;
  	flex-shrink: 0;
}
.frame-container {
  	align-self: stretch;
  	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  	background-color: var(--color-white);
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: 72px var(--padding-16);
  	z-index: 1;
  	flex-shrink: 0;
}
.upload-3532571-1-parent {
  	align-self: stretch;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: var(--padding-16) var(--padding-0);
}
.upload-3532571-1-icon {
  	align-self: stretch;
  	width: 31px;
  	position: relative;
  	max-height: 100%;
}
.frame {
  	display: flex;
  	align-items: flex-start;
  	justify-content: center;
  	padding: 4px;
}
.div7 {
  	position: relative;
  	font-weight: 900;
}
.main-container {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: var(--padding-16);
  	gap: var(--gap-16);
  	font-size: var(--fs-18);
  	color: var(--color-darkslategray-200);
}
.user-summary-card {
  	align-self: stretch;
  	display: flex;
  	align-items: center;
  	gap: var(--gap-32);
}
.frame2 {
  	flex: 1;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: var(--gap-12);
}
.frame3 {
  	display: flex;
  	align-items: center;
  	gap: var(--gap-24);
}
.email1234yahoocomtw {
  	position: relative;
  	font-weight: 600;
}
.rectangle {
  	align-self: stretch;
  	height: 1px;
  	position: relative;
  	background-color: var(--color-gainsboro);
}
.div11 {
  	align-self: stretch;
  	position: relative;
  	font-weight: 500;
  	color: var(--color-darkslategray-100);
}
.frame4 {
  	border-radius: var(--br-8);
  	background-color: var(--color-gold);
  	border: 1px solid var(--color-goldenrod);
  	display: flex;
  	align-items: flex-start;
  	padding: var(--padding-12) var(--padding-24);
  	font-size: var(--fs-24);
}
.div12 {
  	position: relative;
  	font-weight: 800;
}
.red-notice {
  	align-self: stretch;
  	border-radius: var(--br-8);
  	background-color: var(--color-lavenderblush);
  	border: 1px solid var(--color-firebrick);
  	display: flex;
  	align-items: center;
  	padding: var(--padding-16);
  	gap: var(--gap-12);
  	font-size: var(--fs-14);
  	color: var(--color-firebrick);
}
.alert-triangle-icon {
  	height: var(--height-20);
  	width: var(--width-20);
  	position: relative;
}
.b {
  	flex: 1;
  	position: relative;
}
.form-card {
  	align-self: stretch;
  	border-radius: 16px;
  	background-color: var(--color-white);
  	border: var(--border-1);
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: 40px;
  	gap: var(--gap-28);
  	font-size: var(--fs-15);
}
.div13 {
  	position: relative;
  	font-size: var(--fs-24);
  	font-weight: 800;
  	color: var(--color-darkgreen-100);
}
.frame5 {
  	align-self: stretch;
  	display: flex;
  	align-items: flex-start;
  	gap: var(--gap-24);
}
.frame6 {
  	flex: 1;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: var(--gap-8);
}
.frame7 {
  	display: flex;
  	align-items: center;
  	gap: var(--gap-4);
}
.b3 {
  	position: relative;
  	color: var(--color-firebrick);
}
.frame8 {
  	align-self: stretch;
  	height: 44px;
  	border-radius: var(--br-8);
  	background-color: var(--color-white);
  	border: var(--border-1);
  	box-sizing: border-box;
  	display: flex;
  	align-items: center;
  	padding: var(--padding-0) var(--padding-12);
  	gap: var(--gap-8);
  	font-size: var(--fs-14);
  	color: var(--color-gray);
}
.frame-icon {
  	height: 18px;
  	width: 18px;
  	position: relative;
}
.frame11 {
  	align-self: stretch;
  	height: 44px;
  	border-radius: var(--br-8);
  	background-color: var(--color-white);
  	border: var(--border-1);
  	box-sizing: border-box;
  	display: flex;
  	align-items: center;
  	padding: var(--padding-0) var(--padding-12);
  	font-size: var(--fs-14);
  	color: var(--color-gray);
}
.frame12 {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: var(--gap-8);
}
.frame-div {
  	align-self: stretch;
  	display: flex;
  	align-items: flex-start;
  	gap: var(--gap-28);
  	font-size: var(--fs-13);
}
.frame19 {
  	display: flex;
  	align-items: center;
  	gap: var(--gap-4);
  	font-size: var(--fs-15);
}
.frame20 {
  	align-self: stretch;
  	display: flex;
  	align-items: center;
  	gap: var(--gap-12);
  	font-size: var(--fs-14);
  	color: var(--color-gray);
}
.frame21 {
  	border-radius: var(--br-8);
  	background-color: var(--color-whitesmoke);
  	border: var(--border-1);
  	display: flex;
  	align-items: flex-start;
  	padding: var(--padding-10) var(--padding-20);
}
.div18 {
  	flex: 1;
  	position: relative;
  	font-size: var(--fs-13);
}
.div19 {
  	align-self: stretch;
  	position: relative;
  	color: var(--color-darkolivegreen);
}
.div20 {
  	align-self: stretch;
  	position: relative;
  	font-weight: 600;
  	color: var(--color-firebrick);
}
.frame22 {
  	flex: 1;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: var(--gap-8);
  	font-size: var(--fs-15);
}
.frame23 {
  	display: flex;
  	align-items: center;
}
.div23 {
  	align-self: stretch;
  	position: relative;
  	font-size: var(--fs-13);
  	color: var(--color-darkolivegreen);
}
.info-bullets {
  	align-self: stretch;
  	border-radius: var(--br-8);
  	background-color: var(--color-whitesmoke);
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: var(--padding-20);
  	gap: var(--gap-8);
  	font-size: var(--fs-13);
  	color: var(--color-gray);
}
.b13 {
  	position: relative;
  	font-size: var(--fs-14);
  	color: var(--color-darkolivegreen);
}
.div24 {
  	position: relative;
  	line-height: 150%;
}
.frame26 {
  	align-self: stretch;
  	display: flex;
  	align-items: flex-start;
  	justify-content: flex-end;
  	gap: var(--gap-16);
  	font-size: var(--fs-16);
  	color: var(--color-gray);
}
.frame27 {
  	border-radius: var(--br-8);
  	background-color: var(--color-whitesmoke);
  	border: var(--border-1);
  	display: flex;
  	align-items: flex-start;
  	padding: var(--padding-12) var(--padding-32);
}
.frame28 {
  	border-radius: var(--br-8);
  	background-color: var(--color-darkgreen-100);
  	display: flex;
  	align-items: flex-start;
  	padding: var(--padding-12) var(--padding-32);
  	color: var(--color-white);
}
.logo-parent {
  	align-self: stretch;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: var(--padding-32) var(--padding-0);
  	gap: var(--gap-32);
  	z-index: 2;
  	flex-shrink: 0;
  	font-size: var(--fs-18);
  	color: var(--color-lemonchiffon);
}
.logo {
  	align-self: stretch;
  	width: 248px;
  	position: relative;
}
.vector-icon9 {
  	position: absolute;
  	height: 100%;
  	width: 29.8%;
  	top: 0%;
  	right: 70.2%;
  	bottom: 0%;
  	left: 0%;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
}
.title {
  	position: absolute;
  	height: 90.98%;
  	width: 64.48%;
  	top: 1.32%;
  	right: -0.02%;
  	bottom: 7.7%;
  	left: 35.54%;
}
.tw-icon {
  	position: absolute;
  	height: 61.8%;
  	width: 100%;
  	top: 0%;
  	right: 0%;
  	bottom: 38.2%;
  	left: 0%;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
}
.en {
  	position: absolute;
  	height: 16.04%;
  	width: 99.44%;
  	top: 83.94%;
  	right: 0.31%;
  	bottom: 0.02%;
  	left: 0.25%;
}
.ministry-icon {
  	position: absolute;
  	height: 98.88%;
  	width: 34.21%;
  	top: 0%;
  	right: 65.79%;
  	bottom: 1.12%;
  	left: 0%;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
}
.of-icon {
  	position: absolute;
  	height: 98.88%;
  	width: 9.69%;
  	top: 0%;
  	right: 53.64%;
  	bottom: 1.12%;
  	left: 36.68%;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
}
.agriculture-icon {
  	position: absolute;
  	height: 100%;
  	width: 51.07%;
  	top: 0%;
  	right: 0.03%;
  	bottom: 0%;
  	left: 48.9%;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
}
.copyright-2026 {
  	position: relative;
  	line-height: 32px;
}
.group-icon3 {
  	width: 45.57%;
  	height: 6.22%;
  	position: absolute;
  	margin: 0 !important;
  	top: 1.11%;
  	right: 27.21%;
  	bottom: 92.67%;
  	left: 27.21%;
  	filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
  	z-index: 3;
  	flex-shrink: 0;
}


[src*="bg-main-top"]{
	position: absolute;
	top: 1rem;
	left: 50%;
	translate: -50% 0;
	max-width: 90vw;
	height: 100px;
}
img{
	max-width: 100%;
	align-self: center;
}