/* Reset */
* { margin: 0; padding: 0; box-sizing: border-box; }

	body {font-family: 'kanit', sans-serif;color: #333;background: #f8f9fa;line-height: 1.6;}

/* Main */
.container{max-width:1100px;margin:0 auto;text-align:center;}

/* Hero section */ 
.hero-section {
	background:linear-gradient(rgba(0,51,102,0.6), rgba(0,51,102,0.6)), url('../images/pss-herobg.jpg') center/cover no-repeat; 		 
	height: 55vh; display: flex; align-items: center;justify-content: center;text-align: center; color: #fff;} 

.text-th {font-size: 2.4rem; margin-bottom: 5px;}
.text-en { font-family: 'Arial',sans-serif;margin-bottom: 30px; font-size: 2.2rem; letter-spacing:2px;}
.subtext-en { font-family: 'Arial',sans-serif; color:#ffd700;font-size:1.4rem;font-weight:bold;margin-bottom:5px;}
.subtext-th {  color:#e0e0e0;font-size:1.2rem;}
.pro-box{border-top:1px solid rgba(255,255,255,0.3);padding-top:20px;display:inline-block;}

/* service-section */
.service-section{
	font-family:'kanit',sans-serif; background:linear-gradient(360deg,#f8f9fa 0%,#e5efff 100%);
	margin:0px;text-align:center;padding:47px 10px;}
	
.service-section h2{ color:#003366;font-size:1.6rem;margin-bottom:20px;}
.service-section p{ color:#555;font-size:1.2rem;margin-bottom:35px;}

.btn-enter{display:inline-block;background-color:#ffcc00;color:#000;padding:15px 40px;
	text-decoration:none;border-radius:5px;font-weight:bold;transition:background 0.3s ease;
	box-shadow:0 4px 6px rgba(0,0,0,0.1);cursor:pointer;text-align:center;font-size:1.1rem;}
	
.btn-enter:hover { background:#e6b800; }
.copyr{ color:#ccc;font-family: 'Arial',sans-serif;font-size:0.9rem;text-align:center;}

footer{ margin-right:20px; padding-bottom:10px ; text-align:center; font-family: 'Arial' }
.flink{padding-right:5px;font-size:14px; color:#ccc; font-style:none; }
.flink:hover{ color:#000; font-size:16px; font-weight:none;}

/* Responsive mobile */
@media (max-width: 768px) {
   .hero-section{height: 45vh;}
   .text-th,.text-en {font-size:1.6rem;}
   .subtext-en {font-size:1.2rem;}
   .subtext-th {font-size:1.1rem;}
   .service-section h2{font-size:1.5rem;}
   .service-section p{font-size:1.0rem;}
}