*{margin:0;padding:0;box-sizing:border-box}body{font-family:Sarabun,sans-serif;font-size:16px;line-height:1.7;color:#222;background:#f6f6f6}h1{font-size:30px;margin-bottom:10px}h2{font-size:24px;margin-bottom:10px}h3{font-size:18px;margin-bottom:8px}p{margin-bottom:15px}img{max-width:100%;height:auto;display:block;border-radius:6px}header{background:#069;color:#fff;text-align:center;padding:40px 20px}.top-nav{background:#069;text-align:center;padding:12px}.top-nav a{color:#fff;text-decoration:none;padding:8px 14px;display:inline-block}.top-nav a:hover{text-decoration:underline}.call-btn{background:#e53935;color:#fff;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:700}.line-btn{background:#06c755;color:#fff;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:700}.btn-more{background:#069;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:600;display:inline-block;margin-top:10px}.btn-more:hover{background:#004d7a}.rows{max-width:1200px;margin:auto;display:flex;gap:20px;padding:20px}main{flex:3}.sidebar{flex:1}.card{background:#fff;padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.gallery{max-width:1200px;margin:auto;padding:20px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-card{background:#fff;padding:15px;border-radius:8px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,.1)}.portfolio{max-width:1200px;margin:auto;padding:40px 20px}@media (max-width:768px){


}.portfolio h2{text-align:center;margin-bottom:30px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.call-btn{
display:inline-block;
background:#e60023;
color:#fff;
font-size:18px;
font-weight:600;
padding:14px 20px;
border-radius:8px;
text-decoration:none;
}

.call-btn:hover{
background:#c4001d;
}

/* ปรับสำหรับมือถือ */
@media (max-width:768px){

.call-btn{
display:block;
width:100%;
text-align:center;
font-size:20px;
padding:16px;
margin-top:10px;
}

}.portfolio-card{background:#fff;padding:15px;border-radius:10px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.1)}.portfolio-card img{border-radius:8px;margin-bottom:10px}.portfolio-btn{text-align:center;margin-top:30px}.portfolio-btn a{background:#069;color:#fff;padding:12px 25px;border-radius:8px;text-decoration:none;font-weight:600}.portfolio-btn a:hover{background:#004d7a}.service-area,.social-links{list-style:none;padding:0}.service-area li,.social-links li{margin:8px 0}.service-area a,.social-links a{display:block;padding:8px 10px;background:#f3f3f3;border-radius:6px;text-decoration:none;color:#333;transition:.2s}.service-area a:hover,.social-links a:hover{background:#069;color:#fff}.site-footer{background:#111;color:#fff;text-align:center;padding:30px 20px;font-size:14px}@media(max-width:900px){.rows{flex-direction:column}.gallery-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.gallery-grid,.portfolio-grid{grid-template-columns:1fr}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}}