.container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 20px;
}

/* Header */
.en_header { display: flex; flex-wrap: wrap; align-items: center; height: 100px; padding: 0px 0; background: #fff; }
.en_header .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.en_logo { }
.en_logo img { height: 40px; }
.en_langbox { display: flex; flex-wrap: wrap; gap: 0 30px; }
.en_langbox a { position: relative; color: #555; font-size: 16px; font-weight: 600; }
.en_langbox a:first-child:after { content:''; position: absolute; right: -15px; top: 7px; width: 4px; height: 4px; border-radius: 5px; background: #aaa; }
.en_langbox a:hover { color: #00a5c6; }

/* Two Column Layout */
.two-column {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
}

/* About Section */
.about-section { position: relative; overflow: hidden; padding: 60px 0; background: #00a6c2 url('../image/en/about_bg01.jpg') right bottom no-repeat; background-size: contain; color: #fff; }

.about-section h2 {
	font-size: 42px;
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
}

.about-section p { position: relative; z-index: 1; width: 70%; line-height: 1.8; word-break: keep-all; }

/* Organization Section */
.organization-section {
	background: #f9f9f9;
	padding: 60px 0;
	position: relative;
}

.organization-section h2 {
	font-size: 42px;
	color: #003d7a;
	margin-bottom: 40px;
}

.org-chart { text-align: center; padding: 0px; }
.org-chart img { max-width: 100%; width: 1024px; }

.org-top {
	display: flex;
	justify-content: center;
	gap: 40px;
	margin-bottom: 30px;
	align-items: center;
}

.org-box {
	background: white;
	border: 3px solid #00a5c6;
	padding: 15px 40px;
	border-radius: 8px;
	font-weight: 600;
	color: #003d7a;
	text-align: center;
}

.chairman-circle {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: #00a5c6;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 18px;
	border: 4px solid #00a5c6;
}

.org-middle {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	margin-bottom: 30px;
}

.audit-box {
	background: #e0e0e0;
	padding: 12px 60px;
	border-radius: 8px;
	color: #666;
}

.org-bottom {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-top: 40px;
}

.dept-box {
	background: white;
	border: 2px solid #00a5c6;
	padding: 30px 10px;
	border-radius: 8px;
	text-align: center;
}

.dept-icon {
	color: #00a5c6;
	font-size: 32px;
	margin-bottom: 15px;
}

.dept-box h4 {
	color: #003d7a;
	font-size: 14px;
	line-height: 1.4;
}

/* Info Boxes */
.info-boxes {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin: 0px 0 40px;
}

.info-box {
	background: white;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.info-box h3 {
	color: #00a5c6;
	font-size: 32px;
	margin-bottom: 20px;
}

.info-box ul {
	list-style: none;
}

.info-box li {
	padding: 8px 0;
	padding-left: 20px;
	position: relative;
}

.info-box li::before {
	content: '•';
	position: absolute;
	left: 0;
	color: #00a5c6;
	font-weight: bold;
}

/* Stats Section */
.stats-section { display: flex; align-items: flex-end; gap: 30px; margin: 40px 0; }

.stat-card { position: relative; overflow: hidden; flex: 1; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; text-align: center; padding: 40px; border-radius: 10px; color: #fff; }

.stat-card.gray { height: 200px; background: linear-gradient(135deg, #b0b0b0 0%, #888 100%); }
.stat-card.blue { height: 250px; background: linear-gradient(135deg, #00a5c6 0%, #0088a8 100%); }
.stat-card.dark-blue { height: 300px; background: linear-gradient(135deg, #0088a8 0%, #006688 100%); }

.stat-number {
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 10px;
}

.stat-label {
	font-size: 18px;
	opacity: 0.95;
}

/* What We Do Section */
.what-we-do {
	margin: 60px auto;
}

.what-we-do h2 {
	color: #00a5c6;
	font-size: 42px;
	margin-bottom: 40px;
}

.activity-grid {
	display: grid;
	gap: 40px;
}

.activity-item {
	display: grid;
	grid-template-columns: 350px 1fr;
	gap: 30px;
	background: white;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	align-items: start;
}

.activity-image {
	overflow: hidden;
	width: 100%;
	border-radius: 8px;
	object-fit: cover;
}

.activity-image img { display: block; width: 100%; height: 100%; object-fit: cover; }

.activity-content h3 {
	color: #222;
	font-size: 24px;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	gap: 15px;
}

.activity-icon {
	width: 50px;
	height: 50px;
	background: #00a5c6;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 24px;
}
.activity-icon img { max-width: 100%; }

.activity-content p {
	line-height: 1.8;
	color: #555;
	margin-bottom: 15px;
	word-break: break-word;
}

.field-tags {
	color: #00a5c6;
	font-size: 14px;
	font-weight: 600;
}

/* Right Side Sections */
.right-sections {
	background: linear-gradient(135deg, #00a5c6 0%, #0088a8 100%);
	padding: 60px;
	color: white;
}

.right-section-item {
	margin-bottom: 60px;
}

.right-section-item:last-child {
	margin-bottom: 0;
}

.right-section-item h3 {
	font-size: 28px;
	margin-bottom: 20px;
}

.right-section-item p {
	line-height: 1.8;
}

.section-image {
	width: 100%;
	height: 250px;
	background: rgba(255,255,255,0.1);
	border-radius: 8px;
	margin-bottom: 20px;
}

/* Contact Section */
.contact-section { background: #f4f4f4; }
.contact-section .wrap { padding: 60px 0; border-radius: 10px; }

.contact-section h2 {
	color: #00a5c6;
	font-size: 42px;
	margin-bottom: 40px;
}

.contact-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}

.contact-box h3 {
	color: #003d7a;
	font-size: 24px;
	margin-bottom: 15px;
}

.contact-box p {
	line-height: 1.8;
	color: #555;
}

/* Responsive */
@media (max-width: 1400px) {
	.container {
		padding: 15px;
	}

	.about-section,
	.organization-section {
		padding: 40px;
	}
}

@media (max-width: 1200px) {
	.two-column {
		grid-template-columns: 1fr;
	}

	.activity-item {
		grid-template-columns: 1fr;
	}

	.org-bottom {
		grid-template-columns: repeat(2, 1fr);
	}

	.about-section,
	.organization-section {
		padding: 40px 30px;
	}

	.stat-number {
		font-size: 40px;
	}

	.stat-label {
		font-size: 16px;
	}
}

@media (max-width: 1024px) {
	
	.contact-grid { grid-template-columns: 1fr; }

}

@media (max-width: 992px) {
	.logo {
		font-size: 36px;
	}

	.logo-text h1 {
		font-size: 18px;
	}

	.logo-text p {
		font-size: 16px;
	}

	.about-section h2,
	.organization-section h2,
	.what-we-do h2,
	.contact-section h2 {
		font-size: 36px;
	}

	.activity-content h3 {
		font-size: 20px;
	}

	.org-chart {
		padding: 30px 20px;
	}
}

@media (max-width: 768px) {
	.info-boxes,
	.stats-section,
	.contact-grid {
		grid-template-columns: 1fr;
	}

	.org-top {
		flex-direction: column;
		gap: 20px;
	}

	.about-section,
	.organization-section,
	.right-sections {
		padding: 30px 20px;
	}

	.about-section h2,
	.organization-section h2,
	.what-we-do h2,
	.contact-section h2 {
		font-size: 28px;
	}

	.about-section p {
		font-size: 15px;
		word-break: break-word;
	}

	.chairman-circle {
		width: 100px;
		height: 100px;
		font-size: 16px;
	}

	.org-box {
		padding: 12px 30px;
		font-size: 14px;
	}

	.org-bottom {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.dept-box {
		padding: 20px;
	}

	.stat-card {
		padding: 30px 20px;
	}

	.stat-number {
		font-size: 36px;
	}

	.activity-item {
		padding: 20px;
		gap: 20px;
	}

	.activity-image {
		height: 180px;
	}

	.activity-icon {
		width: 40px;
		height: 40px;
		font-size: 20px;
	}

	.contact-section {
		padding: 40px 20px;
	}

	.contact-box p {
		font-size: 14px;
	}
}

@media (max-width: 576px) {
	.container {
		padding: 10px;
	}

	.header {
		padding: 15px 0;
	}

	.logo {
		font-size: 28px;
	}

	.logo-text h1 {
		font-size: 14px;
	}

	.logo-text p {
		font-size: 13px;
	}

	.two-column {
		margin-top: 20px;
	}

	.about-section,
	.organization-section,
	.right-sections,
	.what-we-do {
		padding: 20px 15px;
	}

	.about-section h2,
	.organization-section h2,
	.what-we-do h2,
	.contact-section h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.about-section p {
		font-size: 14px;
		line-height: 1.6;
	}

	.info-boxes {
		gap: 20px;
	}

	.info-box {
		padding: 20px;
	}

	.info-box h3 {
		font-size: 24px;
	}

	.info-box li {
		font-size: 14px;
		word-break: break-word;
	}

	.stats-section {
		gap: 15px;
	}

	.stat-card {
		padding: 25px 15px;
	}

	.stat-number {
		font-size: 32px;
	}

	.stat-label {
		font-size: 14px;
	}

	.org-chart {
		padding: 20px 15px;
	}

	.org-box {
		padding: 10px 20px;
		font-size: 13px;
	}

	.chairman-circle {
		width: 90px;
		height: 90px;
		font-size: 14px;
	}

	.audit-box {
		padding: 10px 40px;
		font-size: 14px;
	}

	.dept-box {
		padding: 20px 10px;
	}

	.dept-icon {
		font-size: 24px;
	}

	.dept-box h4 {
		font-size: 12px;
	}

	.activity-grid {
		gap: 25px;
	}

	.activity-item {
		padding: 15px;
	}

	.activity-image {
		height: 150px;
	}

	.activity-content h3 {
		font-size: 18px;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.activity-content p {
		font-size: 14px;
		line-height: 1.6;
	}

	.field-tags {
		font-size: 12px;
	}

	.right-section-item h3 {
		font-size: 22px;
	}

	.right-section-item p {
		font-size: 14px;
	}

	.section-image {
		height: 180px;
	}

	.contact-section {
		padding: 30px 15px;
		margin-top: 40px;
	}

	.contact-grid {
		gap: 25px;
	}

	.contact-box h3 {
		font-size: 20px;
	}

	.contact-box p {
		font-size: 13px;
		line-height: 1.6;
	}

	footer {
		padding: 20px 15px;
		margin-top: 40px;
		font-size: 13px;
	}
}

@media (max-width: 375px) {
	.logo {
		font-size: 24px;
	}

	.logo-text h1 {
		font-size: 12px;
	}

	.logo-text p {
		font-size: 11px;
	}

	.about-section h2,
	.organization-section h2,
	.what-we-do h2,
	.contact-section h2 {
		font-size: 20px;
	}

	.stat-number {
		font-size: 28px;
	}

	.chairman-circle {
		width: 80px;
		height: 80px;
		font-size: 13px;
	}

	.activity-content h3 {
		font-size: 16px;
	}

	.contact-box h3 {
		font-size: 18px;
	}
}