/* Phap Su Dai Toan - static rebuild */

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Roboto Condensed",Arial,sans-serif;background:#e8e8e8;color:#333}
a{color:#dd3333}
.wrap{max-width:1030px;margin:0 auto;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.15);min-height:100vh;display:flex;flex-direction:column}
.inner{max-width:1000px;margin:0 auto;padding:0 15px;width:100%}
header .main{display:flex;align-items:center;justify-content:space-between;min-height:50px;max-width:1000px;margin:0 auto;padding:4px 15px;flex-wrap:wrap;gap:8px}
#logo img{width:100%;object-fit:contain;display:block}
.head-contact a{color:#dd3333;font-weight:700;text-decoration:none;margin-left:14px;font-size:15px;white-space:nowrap}
.menubar{background:#f1f1f1;position:sticky;top:0;z-index:50;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.menubar nav{max-width:1000px;margin:0 auto;padding:0 15px;display:flex;gap:24px;flex-wrap:wrap}
.menubar a{text-transform:uppercase;font-weight:700;color:#333;text-decoration:none;font-size:16px;line-height:50px}
.menubar a:hover{color:#dd3333}
.banner img{width:100%;display:block}
main{flex:1}
section.blk{padding:30px 0}
.sec-title{display:flex;align-items:center;gap:15px;margin-bottom:22px}
.sec-title b{flex:1;height:2px;background:#ddd}
.sec-title span{font-size:26px;font-weight:700;text-transform:uppercase;color:#dd3333;text-align:center}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:800px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.grid{grid-template-columns:repeat(2,1fr)}}
.card{box-shadow:0 1px 4px rgba(0,0,0,.18);background:#fff;text-align:center;padding-bottom:12px;text-decoration:none;color:#333;display:block;transition:box-shadow .2s}
.card:hover{box-shadow:0 3px 12px rgba(0,0,0,.28)}
.card img{width:100%;height:200px;object-fit:cover;display:block}
.card h6{text-transform:uppercase;font-size:16px;margin-top:10px;padding:0 6px;font-weight:700}
.card p{text-transform:uppercase;font-size:12px;opacity:.6}
.textbox{border:1px solid #eee;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:26px 8px 14px;text-align:center;text-decoration:none;color:#333;display:block}
.textbox:hover{box-shadow:0 3px 10px rgba(0,0,0,.22)}
.textbox h6{text-transform:uppercase;font-size:15px}
.textbox p{text-transform:uppercase;font-size:11px;opacity:.6;margin-top:4px}
.gallery{display:flex;gap:12px;overflow-x:auto;padding:6px 0 14px}
.gallery img{height:250px;width:200px;object-fit:cover;flex:0 0 auto}
footer{background:rgb(228,213,173);padding:30px 0;position:relative;margin-top:10px}
footer:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.3)}
footer .inner{position:relative;text-align:center;font-size:16px;line-height:1.7}
footer img{max-width:347px;width:60%}
footer a{color:#333}
.copy{text-align:center;padding:12px;font-size:14px;background:#fff}
.crumb{font-size:14px;padding:16px 0 0}
.crumb a{text-decoration:none}
h1.ptitle{font-size:30px;text-transform:uppercase;color:#dd3333;margin:10px 0 4px}
.pcat{text-transform:uppercase;font-size:13px;opacity:.6;margin-bottom:16px}
.hero{width:100%;max-height:420px;object-fit:cover;display:block;margin-bottom:20px;box-shadow:0 1px 5px rgba(0,0,0,.2)}
.content p{font-size:17px;line-height:1.65;margin-bottom:14px;text-align:justify}
.cta{background:#fdf6e3;border:1px solid #e4d5ad;border-left:5px solid #dd3333;padding:16px 18px;margin:24px 0;font-size:17px;line-height:1.6}
.cta a{font-weight:700;text-decoration:none}
.rel{margin:26px 0 36px}
.rel h3{text-transform:uppercase;color:#dd3333;font-size:20px;margin-bottom:14px}

.lang{display:flex;gap:8px;align-items:center;font-size:15px;margin-left:16px}
.lang a{text-decoration:none;color:#333;font-weight:700}
.lang a.on{color:#dd3333;text-decoration:underline}
.lang span{opacity:.4}
body.zh{font-family:"Roboto Condensed","Noto Sans SC","Microsoft YaHei",sans-serif}