@font-face {
	font-family: THSarabunNew;
	src: url(THSarabunNew.ttf);
}

body {

	font-family: THSarabunNew;
	/* font-size : 16px; */
	font-weight: bold;
}

h3 {
	font-size: 20px;
}

p {
	margin: 0 !important;
	padding: 0 !important;
}

.ibox-title {
	padding: 0 !important;
}

.no-margin {
	margin: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.h-bar {
	color: #fff;
}

.bar1 {
	background-color: #1d174a;
	;
	padding: 5px;
}

.bar2 {
	background-color: #f05122;
	;
	padding: 5px;
}

.footer {
	/*position: absolute;
	bottom: 0;*/
	font-size: 18px;
}

.footer-logo img {
	max-width: 100px;
	height: auto;
}

#navbar {
	font-size: 16px !important;
}

.block-center {
	margin: 0 auto;
}

.A4 {
	position: relative;
	width: 210mm;
	height: 297mm;
	box-shadow: 0px 0px 8px #888888;
	margin: 10px 50px;
}

.A3 {
	position: relative;
	width: 420mm;
	height: 594mm;
	box-shadow: 0px 0px 8px #888888;
	margin: 10px auto;
}

.txt-cover {
	width: 100%;
	font-size: 28px;
	position: absolute;
	left: 10;
	bottom: 180px;
	padding: 80px;
	/* background-color: #fff; */
}

.container {
	width: 100% !important;
}

.set-page {
	width: 100%;
	height: 100%;
	max-height: 297mm;
	max-width: 210mm;
}

.ibox-content {
	padding: 0 !important;
}

.page2cover {
	background: url(../img/bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.ans {
	color: #000;
}