@import url('https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&display=swap');
body{
	font-family: 'Sarabun', sans-serif;
	margin:0 auto;
}

.hide{display:none !important;}

.space-h20{clear:both !important;height:20px;}
.space-h30{clear:both !important;height:30px;}
.space-h40{clear:both !important;height:40px;}
.space-h50{clear:both !important;height:50px;}

.author-height{height:62px !important;}
.author-width{width:62px !important;}

.bold-300{font-weight:300 !important;}
.bold-400{font-weight:400 !important;}
.bold-500{font-weight:500 !important;}
.bold-600{font-weight:600 !important;}

.img_view{border-radius:10px;margin-bottom:10px;width:100%}

.font-14{font-size:14px !important;}
.font-16{font-size:16px !important;}
.font-18{font-size:18px !important;}
.font-20{font-size:20px !important;}
.font-22{font-size:22px !important;}
.font-24{font-size:24px !important;}
.font-26{font-size:26px !important;}
.font-28{font-size:28px !important;}
.font-30{font-size:30px !important;}
.font-32{font-size:32px !important;}
.font-08em{font-size:.8em !important;}
.font-1em{font-size:1em !important;}
.font-11em{font-size:1.1em !important;}
.font-12em{font-size:1.2em !important;}

.padding-3{padding:3px !important;}
.padding-5{padding:5px !important;}
.padding-10{padding:10px !important;}
.padding-bottom-0{padding-bottom:0 !important;}
.padding-bottom-10{padding-bottom:10px !important;}
.padding-bottom-20{padding-bottom:20px !important;}
.padding-top-5{padding-top:5px !important;}

.margin-top-5{margin-top:5px !important;}
.margin-top-10{margin-top:10px !important;}

.border-gold{border:2px solid #e8ab1ad6;}

.color-white{color:#ffffff !important;}
.color-red{color:#ff0000 !important;}
.color-blue-main{color:rgb(23,31,96)}
.color-blue{color:#284287 !important;}
.color-green{color:#008c23 !important;}
.bg-blue-main{background: rgb(10,32,112);}
.bg-white-50{background:#ffffff85 !important;}
.bg-main{background: rgb(10,32,112);background: linear-gradient(125deg, rgba(10,32,112,1) 0%, rgba(14,1,56,1) 40%, rgba(32,38,125,1) 100%); }
.bg-main-blue{background: linear-gradient(-120deg, #021B79, #0575E6, #205E9B);}

.bg-gold{background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);}
.bg-gold-1{background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);}

.btn-pd{font-weight:300;text-align:left;}

.margin-top-10{margin-top:10px !important;}
.margin-tb-10{margin:10px 0 !important}
.radius-5{border-radius:5px !important;}
.radius-10{border-radius:10px !important;}
.radius-20{border-radius:20px !important;}
.radius-32{border-radius:32px !important;}
.radius-50{border-radius:50px !important;}
.radius-circle{border-radius:50% !important;}

.shadow1{box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
.shadow2{box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}

.opacity-3{opacity:.3 !important;}
.opacity-5{opacity:.5 !important;}
.opacity-8{opacity:.8 !important;}
.opacity-9{opacity:.9 !important;}

.title-last-update{
	background-color: #00000082;
	border-radius: 5px;
	padding: 2px;
	font-weight: 400;
}
.member-area {
	padding: 15px 5px;
	border: 1px solid #689acc;
	background: #4763b96b;
	color: #fff;
	border-radius: 10px;
	font-weight: 400;
}

.active-menu{color:#ff0000 !important;}

.width-full{width:100%!important;}
.radius-5{border-radius:5px !important;}
.radius-10{border-radius:10px !important;}

.box-detail{padding:15px 5px;min-height:108px}

.limitLine1 {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.limitLine2 {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.limitLine3 {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.limitLine4 {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}


.logo-login{height:50px;}
.td-valign-bottom{vertical-align:bottom;}
.float-left{float:left;}
.float-right{float:right;}
.align-right{text-align:right;}
.txt-exp{font-size:12px;font-style:italic}
.bg-unset{background-color:unset !important;}