* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body {padding:0;margin:0;width:100%;height:100%}
body {background:#fff;color:#000;font-family:'Anuphan','Kanit','Prompt','Noto Color Emoji',Tahoma,Arial,sans-serif;font-size:14px}
a {text-decoration:none;color:#b74125;transition:2s all}
a:hover,a:focus,a:active {text-decoration:none;color:#b8a3a2;transition:.2s all}
h1,h2,h3,h4,h5,h6 {font-weight:700}
label,
select,
option,
button,
textarea,
input[type]:not([type=search]):not([type=url]):not([type=hidden]):not([type=checkbox]) {font-family:'Kanit','Prompt',Tahoma,Arial,sans-serif;font-size:16px;border-radius:0px;padding-left:8px;padding-right:8px;border:0px solid #8888}
button {cursor:pointer}
textarea {resize:vertical}
textarea,
input[type]:not([type=search]):not([type=url]):not([type=hidden]):not([type=checkbox]) {color:#212428;outline:1px solid #eee}
::placeholder {
	color: #b74125;
	opacity: 0.2; /* Firefox */
}
::-ms-input-placeholder { /* Edge 12 -18 */
	color: #b74125;
}
pre {white-space:pre;tab-size:24px}

/* ===== Menu TBL ===== */
.anchor {transform:translateY(-120px)}
.topfixed {position:fixed;top:0;left:0;right:0;z-index:99;width:100%;margin:0 auto;background:#fff;padding:12px 0;height:64px}
.topmenu {width:calc(100% - 64px - 4vw);margin:0 auto;max-width:1800px;color:#000;border-spacing:0;border-collapse:collapse}
.topmenu a {color:#f9f5f1}
.topmenu a:hover {color:#b74125}
.topmenu img {display:inline-block;height:20px;width:20px;width:auto;filter:invert(1)}
.topmenu td {vertical-align:middle;white-space:nowrap;font-size:14px;padding:4px}
.topmenu .ticon {width:40px;text-align:right}
.topmenu .ticon:first-child {width:48px}
.topmenu .ttxt {width:2%;padding-right:24px}
.topmenu .tsocial {text-align:right;padding-right:24px}
.topmenu .tsocial img {height:22px;width:22px;margin-left:16px;filter:invert(1)}
.topfixed.active {height:0;padding:0;margin:0 auto;overflow:hidden}

.topfixed2 {position:fixed;top:64px;left:0;right:0;z-index:100;width:100%;margin:0 auto;background:#f9f5f1;transition:.5s all}
.topmenu2 {width:calc(100% - 64px - 4vw);margin:0 auto;max-width:1800px;color:#000;border-spacing:0;border-collapse:collapse}
.topmenu2 a {color:#515149}
.topmenu2 a:hover {color:#b74125}
.topmenu2 img {display:inline-block;max-height:96px;width:auto;transition:.5s all}
.topmenu2 td {vertical-align:middle;white-space:nowrap;font-size:20px;padding:16px 4px;transition:.5s all}
.topmenu2 .tmenu {text-align:right;padding-right:24px}
.topmenu2 .tmenu a {display:inline-block;margin-left:60px;font-weight:600}
.topfixed2.active {position:fixed;top:0;left:0;right:0;z-index:101;box-shadow:0 1px 1px #51514988;transition:.5s all}
.topfixed2.active .topmenu2 td {padding-top:0;padding-bottom:0;transition:.5s all}
.topfixed2.active .topmenu2 img {max-height:64px;width:auto;transition:.5s all}

.topfixed2.idx {background:#515149 linear-gradient(to top, #515149 0, #0e2d41 75%, #515149 100%)}
.topfixed2.idx img {filter:invert(100) brightness(128%)}
.topfixed2.idx a {color:#fff}

.topfixed3 {z-index:1002;position:fixed;top:0;right:0;left:0;width:100%;margin:0 auto;background:#f9f5f1;box-shadow:0 1px 1px #515149aa}
.topmenu3 {height:80px;display:flex;flex-wrap:nowrap;position:relative;margin:0 auto;width:100%;align-items:center}
.topmenu3 .tlogo {padding-left:16px;height:64px;width:calc(100% - 96px)}
.topmenu3 .tlogo img {max-height:64px;aspect-ratio:4/3;object-fit:contain}
.topmenu3 .tnav {width:96px;text-align:center}
.topmenu3 .tgm {display:inline-block;width:32px;height:32px;position:relative}
.topmenu3 .tgm:before,.topmenu3 .tgm:after {content:'';display:inline-block;position:absolute;left:0;right:0;height:4px;width:100%;background:#515149;border-radius:2px}
.topmenu3 .tgm:before {top:8px}
.topmenu3 .tgm:after {bottom:8px}

.topfixed4 {z-index:1001;position:fixed;top:80px;right:0;left:0;width:100%;margin:0 auto;height:calc(100vh - 80px);background:#515149dd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;white-space:nowrap;opacity:1;transition:.3s all}
.topfixed4.inactive {opacity:0;height:0}
.topmenu4 {margin:0 auto;padding:24px 0;width:80%;text-align:center;border-bottom:1px solid #f9f5f155}
.topmenu4 a {display:block;padding:12px 16px;color:#fff;font-size:18px}
.topsns4 {margin:0 auto;padding:24px 0;text-align:center}
.topsns4 a {display:inline-block;padding:0 8px}
.topsns4 img {height:22px;width:22px}
.topinfo4 {margin:0 auto;padding:20px 0 0;width:80%;color:#fff;border-top:1px solid #f9f5f155;border-bottom:1px solid #f9f5f155;font-size:12px}
.topinfo4 a {color:#fff}
.topinfo4 img {height:18px;width:18px}
.tif4 {display:flex;flex-wrap:nowrap;justify-content:center;padding:0 0 20px}
.t4icon {width:33px}
.t4txt {width:66%;min-width:calc(100% - 40px)}

.topfixed5 {height:80px;margin:0 auto}

.footer {background:#f9f5f1}
.footer-copy {background:#f9f5f1;padding:16px;border-top:2px solid #51514988}
.footer-copy a {color:#b74125}
.footer h1,
.footer h2,
.footer h3,
.footer h4 {font-size:24px;padding:0;margin:8px auto}
.footer-sns {padding:16px 0}
.footer-sns a {margin-right:8px}
.footer-sns img {display:inline-block;height:30px;width:30px;width:auto;filter:invert(1)}
.footer-line,
.footer-tel,
.footer-addr {padding:8px 0 16px 32px;background-position:0 8px;background-repeat:no-repeat}
.footer-line {background-image:url(/imgs/svg/line.svg);background-size:36px;background-position:-4px 4px}
.footer-tel {background-image:url(/imgs/svg/tel.svg)}
.footer-addr {background-image:url(/imgs/svg/addr.svg)}
.footer-line a,
.footer-tel a {margin:2px 0 4px;display:inline-block}
.uli {padding:8px 0 32px 16px;margin:0 auto}

/* ===== Slide Show ===== */
.interior {position:relative;background:#1a1a1a;width:100%;height:100px;height:38.07vw}
.inter {z-index:10;position:absolute;top:0;left:0;right:0;background-position:center;width:100%;height:100px;height:38.07vw;background-repeat:no-repeat;background-size:cover;opacity:0;transition:1s all}
.inter.active {z-index:11;opacity:1}
.ind-con {z-index:12;position:absolute;left:0;right:0;bottom:40px;text-align:center;margin:0 auto}
.ind {display:inline-block;width:24px;height:24px;margin:6px;background:#fff;transition:1s all}
.ind:focus {background:#fff}
.ind:hover {background:#263f76}
.ind.active {background:#263f76}

/* ===== Grid ===== */
.main-container {display:block;position:relative;margin:4px auto 0;max-width:1600px;padding-left:16px;padding-right:16px}
.grid-c > .col {padding:16px}
.grid-c {display:flex;flex-wrap:wrap;position:relative;margin:0 auto;margin-left:-16px;margin-right:-16px}
.grid-1 .col {flex:100%}
.grid-2 .col {flex:50%}
.grid-3 .col {flex:33.33%}
.grid-4 .col {flex:25%}
.grid-5 .col {flex:20%}
.pseudo-hr {margin:0 auto;padding-top:5vh}

/* ===== Clear After===== */
.main-container:after,
.grid-c:after {content:'';display:block;margin:0 auto;clear:both}

/* ===== Main Mod ===== */
.scroller {
	scrollbar-color: #146d #0241;
	scrollbar-width: thin;
}
.scroller::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
.scroller::-webkit-scrollbar-track-piece  {
	background-color: #0241;
}
.scroller::-webkit-scrollbar-thumb,
.scroller::-webkit-scrollbar-thumb:vertical,
.scroller::-webkit-scrollbar-thumb:horizontal {
	height: 8px;
	background-color: #146d;
}
.line-clamp {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
.line-clamp-1 { -webkit-line-clamp: 1}
.line-clamp-2 { -webkit-line-clamp: 2}
.line-clamp-3 { -webkit-line-clamp: 3}
.line-clamp-4 { -webkit-line-clamp: 4}
.line-clamp-5 { -webkit-line-clamp: 5}
.text-left {text-align:left}
.text-right {text-align:right}
.text-center {text-align:center}

/* ===== General ===== */
.main-container {padding-left:96px;padding-right:96px}
.btn {border-radius:4px}
.btn.btn-primary {display:inline-block;background:#a57865;border-color:#a57865;color:#fff;text-align:center;border-radius:8px;transition:.5s all}
.btn.btn-primary:hover {background:#b8a3a2;border-color:#b8a3a2;color:#f9f5f1}
.laz-text {display:block;margin:0 auto;max-width:100%;height:auto}
.autoSize {white-space:nowrap;overflow:auto;transition:1s opacity}
.b-type {background:#a57865;color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;margin-bottom:16px}
.hi {font-weight:600;color:#b74125}
.hl {font-weight:500;color:#b74125}
.de {font-weight:400;color:#d33;border-bottom-color:#fa7c95;font-size:16px}

/* ===== Responvive ===== */
@media (min-width:1150px) {
	.topfixed3,.topfixed4 {display:none}
	.topfixed5 {height:198px;margin:0 auto}
}
@media (max-width:1799px) {
	body {font-size:18px}
	.laz-text {max-width:100%;height:auto}
	.main-container {padding-left:64px;padding-right:64px}
	.topmenu2 td {padding:16px 4px}
	.topmenu2 img {max-height:64px}
	.topmenu2 .tmenu a {font-size:18px;margin-left:48px}
	.filter_flex > * {margin:12px;padding:8px 12px;font-size:16px}
	.grid-c > .col {padding:8px}
}
@media (max-width:1149px) {
	body {font-size:16px}
	.main-container {padding-left:48px;padding-right:48px}
	.topfixed, .topfixed2 {display:none}
	.grid-c > .col {padding:8px}
	.grid-2 .col {flex:50%}
	.grid-4 .col {flex:25%}
	.grid-5 .col {flex:20%}
}
@media (max-width:779px) {
	body {font-size:14px}
	.main-container {padding-left:24px;padding-right:24px}
	.grid-c > .col {padding:2px}
	.grid-1 .col {flex:100%}
	.grid-2 .col {flex:100%}
	.grid-3 .col {flex:100%}
	.grid-4 .col {flex:50%}
	.grid-5 .col {flex:50%}
	.footer .grid-5 .col:first-child {flex:100%;text-align:center}
}
@media (max-width:383px) {
	.grid-1 .col {flex:100%}
	.grid-2 .col {flex:100%}
	.grid-3 .col {flex:100%}
	.grid-4 .col {flex:100%}
	.grid-5 .col {flex:100%}
}

/* ===== Cover Info ===== */
.cover-info {text-align:center;padding:48px 16px 32px;max-width:1600px;margin:0 auto}
.cover-info .title {font-size:32px;color:#000}
.cover-info .text {font-size:28px;color:#000;position:relative;display:inline-block;padding-left:12px;padding-right:12px}
.cover-info .a-back {text-align:left;margin:24px 12px}
.cover-info .a-back a {font-size:24px;color:#998}
@media (min-width:992px) {
	.smart-menu {display:none}
	.smart-menu-open {display:none}
}
@media (max-width:991px) {
	.cover-info .title {font-size:24px;color:#000}
	.cover-info .text {font-size:20px;color:#000}
	.smart-menu-open.inactive {height:0px;width:100%;overflow:hidden}
	.smart-menu-open {height:100vh;width:100%;overflow:hidden;background:#9986;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
}
@media (max-width:479px) {
	.cover-info .title {font-size:24px;color:#000}
	.cover-info .text {font-size:18px;color:#000}
}