:root{
      --primary: #1f4e79;
      --accent: #ff9800;
      --success: #2e7d32;
      --bg: #ffffff;
      --muted: #f2f4f7;
      --text: #0b1b2b;
      --card-shadow: 0 6px 18px rgba(31,78,121,0.08);
      --radius: 10px;
      --max-width: 1200px;
      --gap: 24px;
    }
    *{box-sizing:border-box}
    html,body{}
	button { font-family: inherit; /* ใช้ฟอนต์เดียวกับ parent */ font-size: inherit; /* ใช้ขนาดเดียวกับ parent */ }
    body{
      margin:0;
	   font-family:'kanit', sans-serif;
     /* font-family: "kanit", "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;*/
      color:var(--text);
       /*background:linear-gradient(180deg,#fbfdff 0%, #f7fbff 100%);*/
	background:#f7fbff;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      line-height:1.5;
	 
    }

    /* Container 
    .wrap{margin:32px auto;padding:0 20px}*/

    /* Header */
    .header-container{text-align:center;margin:40px 0;border-bottom:0px solid #1f4e79; }			
			
	
    .cta{
      background:var(--accent);color:#fff;padding:14px 25px;border-radius:8px;text-decoration:none;font-size:18px;
      box-shadow:0 6px 18px rgba(255,152,0,0.18);
    }
	.cta:hover{color:#000;}
	/* Banner */
	.hero-gallery{margin:20px 0;margin-top:160px;}
	.hero-gallery img{border-radius:12px;width:100%;height:auto;}

    /* Hero */
	main{max-width:var(--max-width);margin:32px auto;padding:0 20px;border:0px solid #000;}
    .hero{
      background:linear-gradient(90deg, rgba(31,78,121,0.1), rgba(46,125,50,0.1));
      border-radius:16px;padding:36px;display:grid;grid-template-columns:1fr;gap:24px;align-items:center;box-shadow:var(--card-shadow);
    }

    .hero h1{margin:0;font-size:28px;color:var(--primary);}
	.hero h2{margin:12px 0 18px;font-size:24px;color:#243b53;}
    .hero p{margin:12px 0 18px;color:#555}
    .hero {text-align:center;}
	.actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}
	.hero-contact{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}
    .btn-primary{background:var(--primary);color:#fff;padding:12px 18px;border-radius:10px;text-decoration:none;}
    .btn-outline{border:2px solid var(--primary);color:var(--primary);padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:700;background:transparent}
    .hero-card{background:#fff;
      border-radius:12px;padding:2px;box-shadow:var(--card-shadow);
    }
	.herosub-text{text-align:center;color:#1f4e79;font-size:16px;margin-top:40px;}
	
	section{margin-top:28px;max-width:var(--max-width);margin:32px auto;padding:0 20px;border:0px solid #000;}
	.mpage-link{text-align:center;margin-top:40px;color:#ccc;}
	.mpage-copyright{text-align:center;margin-top:20px;color:#ccc;}
 
	footer{ margin-right:20px; padding-bottom:10px ; text-align:center; font-family: 'Arial' }
	.mpage-link{padding-right:5px;font-size:14px; color:#ccc; font-style:none; }
	.mpage-link:hover{ color:#000; font-size:16px; font-weight:none;}