@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;700&family=Noto+Sans:wght@400;700&display=swap";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;line-height:1.4em}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--main:#fcd700;--dark:#242321}body{font-family:Noto Sans,sans-serif;font-family:Noto Sans Thai,sans-serif}.container{max-width:1150px;padding-left:15px;padding-right:15px;margin:0 auto}header .tagline{text-align:center;background-color:var(--main);padding:10px}header .cover img{width:100%;display:block}header .menu-bar{text-align:center;background-color:var(--dark);padding:10px}header .menu-bar ul li{display:inline-block;padding:10px}header .menu-bar ul li a{text-decoration:none;padding:10px;color:#fff}header .menu-bar ul li a.active,header .menu-bar ul li a:hover{color:var(--main)}footer{background-color:var(--dark);border-top:6px dashed var(--main);padding:40px 0;color:#fff}footer .container{display:grid;grid-template-columns:auto auto;justify-content:space-between;align-items:end}footer .container .right{text-align:right}footer .container a{display:inline-block;margin:0 5px;font-size:12px;background-color:var(--main);padding:0 6px;color:var(--dark);text-decoration:none}.home-page .section-1{padding:60px 0;text-align:center;background-size:cover;background-position:50%}.home-page .section-1 .hl{margin-bottom:20px;background-color:var(--main);padding:20px;max-width:800px;line-height:1.4em;margin-left:auto;margin-right:auto;border:3px dashed var(--dark)}.home-page .section-1 .contact-row{margin-bottom:20px}.home-page .section-1 .contact-row a{display:inline-block;text-decoration:none;max-width:300px;line-height:40px;width:100%;background-color:#eee;margin:10px;border:2px solid rgba(0,0,0,.1)}.home-page .section-1 .contact-row a.line{background-color:#20c92f;color:#fff;font-weight:700}.home-page .section-1 .contact-row a.tel{background-color:#204fc9;color:#fff;font-weight:700}.home-page h1{font-size:30px;font-weight:700;margin-bottom:5px}.home-page h2{margin-bottom:20px;font-size:20px}.home-page .home-gallery{background-color:var(--main);text-align:center;padding:60px 0;background-size:cover;background-position:50%;background-attachment:fixed}.home-page .home-gallery h2{background-color:var(--dark);display:inline-block;padding:5px 30px;color:#fff;letter-spacing:4px;font-size:30px}@media screen and (min-width:992px){.home-page .home-gallery h2{font-size:40px}}.home-page .home-gallery p{color:var(--dark);font-size:12px}.home-page .home-gallery .list{padding:20px 0;margin-top:20px;margin-bottom:20px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:1fr 1fr}@media screen and (min-width:992px){.home-page .home-gallery .list{padding:50px 0}}.home-page .home-gallery .list div{-webkit-clip-path:polygon(20% 0,100% 0,100% 80%,80% 100%,0 100%,0 20%);clip-path:polygon(20% 0,100% 0,100% 80%,80% 100%,0 100%,0 20%);overflow:hidden}.home-page .home-gallery .list div img{display:block;background-color:var(--dark);padding-bottom:5px;padding-left:5px;opacity:.9}.home-page .home-gallery .list div:hover img{opacity:1}@media screen and (min-width:992px){.home-page .home-gallery .list{grid-template-columns:1fr 1fr 1fr 1fr;gap:30px}}.home-page .home-gallery .list img{width:100%}.page-services{padding:60px 0 120px;background-color:rgba(252,215,0,.2)}.page-services .container{display:grid;grid-gap:30px;gap:30px}@media screen and (min-width:992px){.page-services .container{grid-template-columns:1fr 400px}}.page-services h1{display:block;text-align:center;font-size:50px;margin-bottom:60px}.page-services section{margin-top:30px}.page-services .image{display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px;background-color:var(--dark);align-items:center;padding:20px;border:5px dashed var(--main)}.page-services .image img{width:100%;display:block}.page-bidding{padding:60px 0 120px;background-color:rgba(252,215,0,.2)}.page-bidding h1{display:block;text-align:center;font-size:50px;margin-bottom:60px}.page-bidding section{margin-bottom:40px}.page-bidding .image{display:grid;grid-gap:20px;gap:20px;background-color:var(--main);padding:20px;grid-template-columns:1fr 1fr}@media screen and (min-width:992px){.page-bidding .image{grid-template-columns:1fr 1fr 1fr 1fr}}.page-bidding .image img{max-width:100%;border:2px dashed var(--dark);display:block}.page-portfolio{padding:60px 0 120px;background-color:rgba(252,215,0,.2)}.page-portfolio .title{max-width:900px;text-align:center;margin-left:auto;margin-right:auto;margin-bottom:50px;padding-left:20px;padding-right:20px}.page-portfolio .title h1{display:block;text-align:center;font-size:50px;margin-bottom:20px}.page-portfolio .container{display:grid;grid-gap:20px;gap:20px;grid-template-columns:1fr 1fr;padding-left:30px}@media screen and (min-width:992px){.page-portfolio .container{grid-template-columns:1fr 1fr 1fr}}.page-portfolio .container div,.page-portfolio .container>a{background-color:var(--main);padding-right:5px;padding-bottom:5px;text-decoration:none}.page-portfolio .container h2{font-size:16px;text-align:center;color:var(--dark)}.page-portfolio .container img{display:block;width:100%;height:250px;object-fit:cover;transform:translate(-5px,-5px)}.page-contact-us{padding:60px 0 0;background-color:rgba(252,215,0,.2);text-align:center}.page-contact-us .title h1{display:block;text-align:center;font-size:50px;margin-bottom:20px}.page-contact-us .box{padding:20px;border:2px dashed var(--dark);background-color:var(--main);margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}.page-contact-us .contact-row{margin-top:10px}.page-contact-us .contact-row a{display:inline-block;text-decoration:none;max-width:250px;line-height:30px;width:100%;background-color:#eee;border:2px solid rgba(0,0,0,.1);text-align:center}.page-contact-us .contact-row a.line{background-color:#20c92f;color:#fff;font-weight:700;margin:5px}.page-contact-us .contact-row a.tel{background-color:#204fc9;color:#fff;font-weight:700;margin:5px}.page-contact-us .map{margin-top:20px}.page-contact-us .map iframe{width:100%;height:400px}