html,body {padding:0;margin:0;width:100%;height:100%}
* {box-sizing:border-box}
body {background:#fff;color:#000;font-family:'Kanit',Tahoma,Arial,sans-serif;font-size:18px}
a,a:hover,a:focus,a:active {text-decoration:none;color:#263f76;transition:.2s all}
/* 000 1A1A1A B83B26 FFFFFF */

/* ===== WIP ===== */
.clear {display:block;margin:0 auto;clear:both}
.laz-text {display:block;margin:0 auto;max-width:100%}
.text-center {text-align:center}
.hero,
.hero a,.hero a:active {color:#fff;text-transform:uppercase;transition:.5s all}
.hero a:hover,.hero a.current {color:#b83b26}
.hero-menu,
.hero-lang,
.hero-logo {position:absolute}
.hero-nav3 {position:fixed}
.hero-menu {z-index:31;text-align:center}
.hero-lang {z-index:32}
.hero-logo {z-index:33;text-align:center}
.hero-nav3 {z-index:333;text-align:center}
.hero-menu,
.hero-logo {left:0;right:0;margin:0 auto}
.hero-logo {top:50%;transform:translateY(-50%)}
.hero-nav3 {top:24px;right:32px}
.hero-menu,
.hero-lang {top:32px;font-size:24px}
.hero-lang {right:64px}
.hero-lang .active,.hero-lang span {opacity:.5;cursor:not-allowed}
.hero-lang .ready {opacity:1}
.hero-menu a {padding:8px 32px}
.hero-nav3 {width:48px;height:48px;background:#1a1a1aaa url(svg/nav3.svg) center no-repeat;background-size:24px}
.hero-logo img {margin:16px auto;max-width:88.88%}

.wipmenu {text-align:center}
.wipmenu a {display:inline-block;color:#263f76;padding:16px 48px;border-bottom:2px solid #fff}
.wipmenu a:hover {border-bottom:2px solid #263f76}
.wipsocial {text-align:center}
.wipsocial a {display:inline-block;padding:8px}
.wipsocial a img {display:inline-block}

.footer {background:#263f76;padding:48px 0 24px}
.footer .copy {text-align:center;color:#fff;padding:64px 16px 24px}
.footer .wipmenu a {color:#fff;padding:16px 48px;border-bottom:2px solid #263f76}
.footer .wipmenu a:hover {border-bottom:2px solid #fff}
.footer table {width:100%;max-width:600px;border:0;padding:0;margin:0 auto 24px}
.footer table td {font-size:24px;color:#fff;vertical-align:top}
.footer table td b {font-size:36px;font-weight:400}
.footer table td:nth-child(1),
.footer table td:nth-child(3) {width:60px}

.contact-addr {color:#233f76;font-size:24px}
.contact-addr .big1 {font-size:32px}
.contact-addr .big2 {font-size:28px}
.contact-addr p {margin:8px auto}

/* ===== Product Tab ===== */
.product-tab-container {margin:0 auto;padding:64px;position:relative}
.product-tab-title {text-align:center;font-size:32px;padding:18px}
.product-box {float:left;width:33.33%;text-align:center;padding:32px}
.product-box .product-img {width:60%;margin:0 auto;padding-top:90%;overflow:hidden;position:relative}
.product-box .product-img {background-position:center;background-repeat:no-repeat;background-size:contain}
.product-box .product-img img {position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);margin:0 auto;max-width:100%;opacity:0}
.product-default-content {color:#263f76;font-family:'Actor','Kanit',Tahoma,Arial,sans-serif;min-height:220px}
.product-title,.product-code,.product-cate {
	-webkit-text-stroke: 1px #263f76;
	text-stroke: 1px #263f76;
}
.product-tab-container:after,
.product-tab-section:after {display:block;content:'';margin:0 auto;clear:both}

.product-detail-container {margin:0 auto;padding:32px}
.product-detail-container:after {display:block;content:'';margin:0 auto;clear:both}
.product-detail-inbox {margin:0 auto;max-width:1200px;color:#263f76}
.product-detail-lineoa {font-size:20px;color:#263f76;text-align:center;padding:64px 24px 24px}
.product-detail-lineoa .big1 {font-size:1.5em}
.product-detail-lineoa .big2 {font-size:1.25em}
.product-detail-lineoa a {display:inline-block;margin:24px 0}
.product-detail-img {display:block;margin:0 auto 8px;max-width:100%;max-height:50vh}
.product-detail-imgs {text-align:center}
.product-detail-imgss {display:inline-block;width:60px;height:80px;margin:12px 6px}
.product-detail-imgss img {width:100%}

.product-detail-head {margin:0 auto;padding:16px;max-width:480px;font-size:18px;font-family:'Actor','Kanit',Tahoma,Arial,sans-serif;text-align:center;font-weight:600}
.product-detail-head h1 {font-size:32px;margin:24px auto 8px}

.catg span {display:inline-block;white-space:nowrap;padding:0 8px}

/* ===== Button ===== */
.btn-blue {display:inline-block;padding:16px 48px;background:#263f76;color:#fff;border:2px solid #263f76;cursor:pointer}
.btn-blue:hover {background:#fff;color:#263f76}
.btn-white {display:inline-block;padding:4px 48px;background:#fff;color:#263f76;border:2px solid #263f76;cursor:pointer}
.btn-white:hover {background:#263f76;color:#fff}

/* ===== Slide Show ===== */
.interior {position:relative;background:#1a1a1a;width:100%;height:100px;height:38.07vw}
.inter {z-index:11;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 {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;border-radius:50%;margin:6px;background:#fff;transition:1s all}
.ind:focus {background:#fff}
.ind:hover {background:#263f76}
.ind.active {background:#263f76}

/* ===== Intro ===== */
.intro-cont, .intro-row, .intro-col {position:relative}
.intro-cont:after, .intro-row:after {display:block;content:'';margin:0 auto;clear:both}
.intro-cont {padding:0 0 64px}
.intro-row {padding:64px 0 0}
.intro-row:nth-child(odd) .intro-col {float:right}
.intro-row:nth-child(even) .intro-col {float:left}
.intro-col {width:40%;height:100%}
.intro-col:first-child {width:60%}
.intro-col:nth-child(2) {padding:64px;text-align:center;color:#263f76}
.intro-col img {display:block;width:100%;margin:0 auto}
.intro-col hr {width:80%}
.intro-col .tbl {position:relative;font-size:18px}
.intro-col .title, .intro-col .big1 {font-size:1.5em}

.intro-cert {padding:32px 0 64px}
.intro-cert .cert-col {float:left;width:25%;height:100%}
.intro-cert .cert-col img {width:66.66%}

/* ===== Smart Menu ===== */
.minicontain {position:fixed;top:0;left:0;right:0;width:100%;height:100vh;background:#263f76;transition:.5s all;overflow:hidden;z-index:1001}
.inactive .minicontain {height:0px}
.mininav {position:absolute;left:0;right:0;top:80px;z-index:1002}
.mininav a {display:block;padding:8px;color:#fff;text-align:center;margin:24px auto;width:80%;background:rgba(255,255,255,.025);border:2px solid #fff2}
.minibars {position:fixed;top:24px;right:24px;text-align:center;z-index:1004;width:40px;height:40px;background:#263f76}
.inactive .minibars {background:#f4f4ff}
.minibars img {position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);width:24px;margin:0 auto}
.minimenu .bars {display:none}
.minimenu .bars-w {display:block}
.inactive .bars {display:block}
.inactive .bars-w {display:none}

.floatmenu {text-align:center;background:#fff;z-index:999;position:fixed;top:0;left:0;right:0;width:100%;display:none;box-shadow:0 0 3px #ddd8}
.floatmenu a {display:inline-block;color:#263f76;padding:16px 48px;border-bottom:2px solid #fff}
.floatmenu a:hover {border-bottom:2px solid #263f76}

.smenu,
.ssmenu {position:fixed;top:260px;z-index:1002}
.smenu.effect,
.ssmenu.effect {top:6px}
.smenu {left:50%;width:200px;background:#f5f5f5}
.ssmenu {left:calc(50% + 200px);width:250px;background:#eee}
.smenu a,
.ssmenu a {display:block;margin:0 auto;padding:8px;white-space:nowrap;text-align:center}
.smenu a {border-left:2px solid #f5f5f5}
.ssmenu a {border-left:2px solid #eee}
.smenu a:hover,.smenu a.active {background:#eee;border-left:2px solid #263f76}
.ssmenu a:hover {background:#ccd}

/* Responsive Style */
@media screen and (min-width:992px) {
	.hidden-pc {display:none}
	.floatmenu.active {display:block}

	.product-tab-title {padding-top:64px;white-space:nowrap}
	.product-code,
	.product-cate {white-space:nowrap}
	.product-desc {height:60px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
	.product-desc {width:60%;margin:24px auto}
	.product-detail-imgss {width:90px;height:120px;margin:12px 24px}

	.minimenu {display:none}

	.contact-addr {float:left}
	.contact-addr:nth-child(1) {width:33.33%;padding:32px 8px 24px}
	.contact-addr:nth-child(2) {width:66.66%;padding:0 24px 48px}
}
@media screen and (max-width:991px) {
	.hidden-sm {display:none}
	.floatmenu {display:none}
	.smenu {display:none}
	.ssmenu {display:none}

	.product-tab-title {padding-top:96px}
	.product-tab-container {padding:0 32px 64px}
	.product-box {width:100%;padding:32px}
	.product-box .product-img {width:80%}
	.product-detail-head {font-size:20px}
	.product-detail-head h1 {font-size:24px}
	.product-detail-lineoa {font-size:18px}

	.interior {margin-bottom:48px;background:#263f7688}
	.ind-con {bottom:-44px}
	.ind {display:inline-block;width:20px;height:20px;border-radius:50%;margin:4px;background:#263f7688;transition:1s all}
	.ind:focus {background:#263f7688}
	.ind:hover {background:#263f76}
	.ind.active {background:#263f76}

	.intro-col {width:100%;height:100%}
	.intro-col:first-child {width:100%}
	.intro-col .tbl {position:relative;font-size:16px}
	.intro-cert .cert-col {float:left;width:100%;height:100%;padding:0 0 32px}
	.intro-cert .cert-col img {max-width:80%}

	.footer {padding:48px 0 16px}
	.footer table td {font-size:18px;color:#fff}
	.footer table td b {font-size:22px}

	.contact-addr {margin:0 auto;width:100%;padding:24px 0}
	.contact-addr {color:#233f76;font-size:18px}
	.contact-addr .big1 {font-size:24px}
	.contact-addr .big2 {font-size:18px}
}
.w-100 {width:100% !important}

/* Mstyle Mod */
.scroller {
	scrollbar-color: #aa3d #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: #aa3d;
}
.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;}