<style>
/*
Mobile Devices:
	360×800   (11.01%)
	390×844   (7.92%)
	414×896    (5.55%)
	393×873     (5.26)
	412×915      (5%)

Desktop and Portable Computers:
	1920×1080   (22.18%)
	1366×768      (14.04%)
	1440×900      (6.41%)
	1280×720       (5.45%)
	1280×1024    (4.52%)
*/


	body {
		 
		background-image: url("ABP_bg_name.jpg");
		background-repeat: repeat;
		font-family: "Noto Sans Tangsa", sans-serif;
	}

	img {
		width: auto;
		height: 400px;
	}
	h4 {
		font-weight: 600;
		color: #373b77;
		line-height: 1.25;
		text-align: center;
		vertical-align: bottom;
	}
	tr {
/*	border: 2px solid red; */
	}
	
	td {
		text-align: left;
		color: #373b77;
		vertical-align: middle;
/*	border: 2px solid red; */
	}
	
	td.line {
		padding-left: 25px;
		color: #373b77;
		font-weight: 550;
		font-size: 1.0em;
	}
	
	td.hdr {
		border-top: 5px solid #373b77;
		font-weight: 700;
		font-size: 1.0em;
		text-align: center;
	}

	td.ftr {
		border-bottom: 5px solid #373b77;
		padding-left: 25px;
		color: #373b77;
		font-weight: 550;
		font-size: 1.0em;
	}

	.logo {
		max-height: 170px;
		max-width: 330px;
		padding-top: 5px;
		margin-left: auto;
		margin-right: auto;
	}
	div {
	}
	
	p.name {
		color: #373b77;
		font-size: 1.25em;
		font-weight: 650;
		text-align:center;
	}
	
	p.svc {
		color: #373b77;
		font-size: 1.15em;
		font-weight: 650;
		text-align:center;
	}
	
	a {
		color: #373b77;
		background-color: transparent;
		font-weight: 650;
		font-size: 1.25em;
	 }
	a:link {
	  color: #373b77;
	}
	a:visited {
	  color: #b6a76e;
	}
	a:hover {
	  color: #b6a76e;
	}
	a:active {
	  color:#b6a76e;
	}

@media screen and (min-device-width : 360px) and (max-device-width : 844px) {

	body {
		background-image: url("ABP_bg_name.jpg");
		background-repeat: repeat;
		font-family: "Noto Sans Tangsa", sans-serif;
	}
	img {
		width: auto;
		height: 400px;
		text-align: right;"
		display: inline-block;
		vertical-align: baseline;
	}
	h4 {
		font-weight: 600;
		color: #373b77;
		line-height: 1.25;
		text-align: center;
		vertical-align: bottom;
	}
	tr {
/*	border: 2px solid red; */
	}
	td {
		text-align: left;
		color: #373b77;
		vertical-align: middle;
/*	border: 2px solid red; */
	}
	
	td.line {
		padding-left: 10px;
		color: #373b77;
		font-weight: 550;
		font-size: 0.8em;
	}
	
	td.hdr {
		border-top: 5px solid #373b77;
		font-weight: 700;
		font-size: 1.0em;
		text-align: center;
	}

	td.ftr {
		border-bottom: 5px solid #373b77;
		padding-left: 10px;
		color: #373b77;
		font-weight: 550;
		font-size: 0.8em;
	}
	.logo {
		max-height: 170px;
		max-width: 330px;
		padding-top: 5px;
		margin-left: auto;
		margin-right: auto;	
	}
	div {
	}
	
	p.name {
		color: #373b77;
		font-size: 1.25em;
		font-weight: 650;
		text-align:center;
	}
	p.svc {
		color: #373b77;
		font-size: 1.15em;
		font-weight: 650;
		text-align:center;
	}
	
	a {
		color: #373b77;
		background-color: transparent;
		font-weight: 650;
		font-size: 1.25em;
	 }
	a:link {
	  color: #373b77;
	}
	a:visited {
	  color: #b6a76e;
	}
	a:hover {
	  color: #b6a76e;
	}
	a:active {
	  color:#b6a76e;
	}
}
/* Smartphones (landscape) ----------- */
@media screen and (min-width : 800px) {

	body {
		background-image: url("ABP_bg_name.jpg");
		background-repeat: repeat;
		font-family: "Noto Sans Tangsa", sans-serif;
}
	img {
		width: auto;
		height: 400px;
	}
	h4 {
		font-weight: 600;
		color: #373b77;
		line-height: 1.25;
		text-align: center;
		vertical-align: bottom;
	}
	tr {
/*	border: 2px solid red; */
	}
	td {
		text-align: left;
		color: #373b77;
		vertical-align: middle;
/*	border: 2px solid red; */
	}
	
	td.line {
		padding-left: 10px;
		color: #373b77;
		font-weight: 550;
		font-size: 0.8em;
	}
	
	td.hdr {
		border-top: 5px solid #373b77;
		font-weight: 700;
		font-size: 1.0em;
		text-align: center;
	}

	td.ftr {
		border-bottom: 5px solid #373b77;
		padding-left: 10px;
		color: #373b77;
		font-weight: 550;
		font-size: 0.8em;
	}
	.logo {
		max-height: 170px;
		max-width: 330px;
		padding-top: 5px;
		margin-left: auto;
		margin-right: auto;
	}
	
	p.name {
		color: #373b77;
		font-size: 1.25em;
		font-weight: 650;
		text-align:center;
	}
	p.svc {
		color: #373b77;
		font-size: 1.15em;
		font-weight: 650;
		text-align:center;
	}
		
	a {
		color: #373b77;
		background-color: transparent;
		font-weight: 650;
		font-size: 1.25em;
	 }
	 
	a:link {
	  color: #373b77;
	}

	a:visited {
	  color: #b6a76e;
	}

	a:hover {
	  color: #b6a76e;
	}

	a:active {
	  color:#b6a76e;
	}
}
/* Smartphones (portrait) ----------- */
@media screen and (max-width : 360px) {

	body {
		background-image: url("ABP_bg_name.jpg");
		background-repeat: repeat;
		font-family: "Noto Sans Tangsa", sans-serif;
	}
	img {
		width: auto;
		height: 400px;
	}
	h4 {
		font-weight: 600;
		color: #373b77;
		line-height: 1.25;
		text-align: center;
		vertical-align: bottom;
	}
	
	
	tr {
/*	border: 2px solid red; */
	}
	
	td {
		text-align: left;
		color: #373b77;
		vertical-align: middle;
/*	border: 2px solid red; */
	}
	
	td.line {
		padding-left: 10px;
		color: #373b77;
		font-weight: 550;
		font-size: 0.8em;
	}
	
	td.hdr {
		border-top: 5px solid #373b77;
		font-weight: 700;
		font-size: 1.0em;
		text-align: center;
	}

	td.ftr {
		border-bottom: 5px solid #373b77;
		padding-left: 10px;
		color: #373b77;
		font-weight: 550;
		font-size: 0.8em;
	}
	
	.logo {
		max-height: 170px;
		max-width: 330px;
		padding-top: 5px;
		margin-left: auto;
		margin-right: auto;
		
	}
	
	p.name {
		color: #373b77;
		font-size: 1.25em;
		font-weight: 650;
		text-align:center;
	}
	p.svc {
		color: #373b77;
		font-size: 1.15em;
		font-weight: 650;
		text-align:center;
	}
	
	a {
		color: #373b77;
		background-color: transparent;
		font-weight: 650;
		font-size: 1.25em;
	 }
	 
	a:link {
	  color: #373b77;
	}

	a:visited {
	  color: #b6a76e;
	}

	a:hover {
	  color: #b6a76e;
	}

	a:active {
	  color:#b6a76e;
	}
}
/* iPads (portrait and landscape) ----------- */
@media screen and (min-device-width : 800px) and (max-device-width : 1024px) {

	body {
		background-image: url("ABP_bg_name.jpg");
		background-repeat: repeat;
		font-family: "Noto Sans Tangsa", sans-serif;
	}
	img {
		width: auto;
		height: 400px;
	}
	h4 {
		font-weight: 600;
		color: #373b77;
		line-height: 1.25;
		text-align: center;
		vertical-align: bottom;
	}
	
	
	tr {
/*	border: 2px solid red; */
	}
	
	td {
		text-align: left;
		color: #373b77;
		vertical-align: middle;
/*	border: 2px solid red; */
	}
	
	td.line {
		padding-left: 25px;
		color: #373b77;
		font-weight: 550;
		font-size: 1.0em;
	}
	
	td.hdr {
		border-top: 5px solid #373b77;
		font-weight: 700;
		font-size: 1.0em;
		text-align: center;
	}

	td.ftr {
		border-bottom: 5px solid #373b77;
		padding-left: 25px;
		color: #373b77;
		font-weight: 550;
		font-size: 1.0em;
	}

	.logo {
		max-height: 170px;
		max-width: 330px;
		padding-top: 5px;
		margin-left: auto;
		margin-right: auto;
		
	}
	
	p.name {
		color: #373b77;
		font-size: 1.25em;
		font-weight: 650;
		text-align:center;
	}
	p.svc {
		color: #373b77;
		font-size: 1.15em;
		font-weight: 650;
		text-align:center;
	}
	
	a {
		color: #373b77;
		background-color: transparent;
		font-weight: 650;
		font-size: 1.25em;
	 }
	 
	a:link {
	  color: #373b77;
	}

	a:visited {
	  color: #b6a76e;
	}

	a:hover {
	  color: #b6a76e;
	}

	a:active {
	  color:#b6a76e;
	}
}
/* iPads (landscape) ----------- */
@media screen and (min-device-width : 768px) and (max-device-width : 1366px) and (orientation : landscape) {

	body {
		background-image: url("ABP_bg_name.jpg");
		background-repeat: repeat;
		font-family: "Noto Sans Tangsa", sans-serif;
	}
	img {
		width: auto;
		height: 400px;
	}
	h4 {
		font-weight: 600;
		color: #373b77;
		line-height: 1.25;
		text-align: center;
		vertical-align: bottom;
	}
	
	
	tr {
/*	border: 2px solid red; */
	}
	
	td {
		text-align: left;
		color: #373b77;
		vertical-align: middle;
/*	border: 2px solid red; */
	}
	
	td.line {
		padding-left: 25px;
		color: #373b77;
		font-weight: 550;
		font-size: 1.0em;
	}
	
	td.hdr {
		border-top: 5px solid #373b77;
		font-weight: 700;
		font-size: 1.0em;
		text-align: center;
	}

	td.ftr {
		border-bottom: 5px solid #373b77;
		padding-left: 25px;
		color: #373b77;
		font-weight: 550;
		font-size: 1.0em;
	}

	.logo {
		max-height: 170px;
		max-width: 330px;
		padding-top: 5px;
		margin-left: auto;
		margin-right: auto;
		
	}

	p.name {
		color: #373b77;
		font-size: 1.25em;
		font-weight: 650;
		text-align:center;
	}
	p.svc {
		color: #373b77;
		font-size: 1.15em;
		font-weight: 650;
		text-align:center;
	}
	
	a {
		color: #373b77;
		background-color: transparent;
		font-weight: 650;
		font-size: 1.25em;
	 }
	 
	a:link {
	  color: #373b77;
	}

	a:visited {
	  color: #b6a76e;
	}

	a:hover {
	  color: #b6a76e;
	}

	a:active {
	  color:#b6a76e;
	}
}
/* iPads (portrait) ----------- */
@media screen and (min-device-width : 768px) and (max-device-width : 1366px) and (orientation : portrait) {

	body {
		background-image: url("ABP_bg_name.jpg");
		background-repeat: repeat;
		font-family: "Noto Sans Tangsa", sans-serif;
	}
	img {
		width: auto;
		height: 400px;
	}
	h4 {
		font-weight: 600;
		color: #373b77;
		line-height: 1.25;
		text-align: center;
		vertical-align: bottom;
	}
	
	
	tr {
/*	border: 2px solid red; */
	}
	
	td {
		text-align: left;
		color: #373b77;
		vertical-align: middle;
/*	border: 2px solid red; */
	}
	
	td.line {
		padding-left: 25px;
		color: #373b77;
		font-weight: 550;
		font-size: 1.0em;
	}
	
	td.hdr {
		border-top: 5px solid #373b77;
		font-weight: 700;
		font-size: 1.0em;
		text-align: center;
	}

	td.ftr {
		border-bottom: 5px solid #373b77;
		padding-left: 25px;
		color: #373b77;
		font-weight: 550;
		font-size: 1.0em;
	}
	
	.logo {
		max-height: 170px;
		max-width: 330px;
		padding-top: 5px;
		margin-left: auto;
		margin-right: auto;
		
	}
	p.name {
		color: #373b77;
		font-size: 1.25em;
		font-weight: 650;
		text-align:center;
	}
	p.svc {
		color: #373b77;
		font-size: 1.15em;
		font-weight: 650;
		text-align:center;
	}
	
	a {
		color: #373b77;
		background-color: transparent;
		font-weight: 650;
		font-size: 1.25em;
	 }
	 
	a:link {
	  color: #373b77;
	}

	a:visited {
	  color: #b6a76e;
	}

	a:hover {
	  color: #b6a76e;
	}

	a:active {
	  color:#b6a76e;
	}
}
/* Desktops and laptops ----------- */
@media screen and (min-width : 1224px) {

	body {
		background-image: url("ABP_bg_name.jpg");
		background-repeat: repeat;
		font-family: "Noto Sans Tangsa", sans-serif;
	}
	img {
		width: auto;
		height: 400px;
	}
	h4 {
		font-weight: 600;
		color: #373b77;
		line-height: 1.25;
		text-align: center;
		vertical-align: bottom;
	}
	
	
	tr {
/*	border: 2px solid red; */
	}
	
	td {
		text-align: left;
		color: #373b77;
		vertical-align: middle;
/*	border: 2px solid red; */
	}
	
	td.line {
		padding-left: 25px;
		color: #373b77;
		font-weight: 550;
		font-size: 1.0em;
	}
	
	td.hdr {
		border-top: 5px solid #373b77;
		font-weight: 700;
		font-size: 1.0em;
		text-align: center;
	}

	td.ftr {
		border-bottom: 5px solid #373b77;
		padding-left: 25px;
		color: #373b77;
		font-weight: 550;
		font-size: 1.0em;
	}
	
	.logo {
		max-height: 170px;
		max-width: 330px;
		padding-top: 5px;
		margin-left: auto;
		margin-right: auto;
		
	}
	
	p.name {
		color: #373b77;
		font-size: 1.25em;
		font-weight: 650;
		text-align:center;
	}
	p.svc {
		color: #373b77;
		font-size: 1.15em;
		font-weight: 650;
		text-align:center;
	}
	
	a {
		color: #373b77;
		background-color: transparent;
		font-weight: 650;
		font-size: 1.25em;
	 }
	 
	a:link {
	  color: #373b77;
	}

	a:visited {
	  color: #b6a76e;
	}

	a:hover {
	  color: #b6a76e;
	}

	a:active {
	  color:#b6a76e;
	}
}
/* Large screens ----------- */
@media screen and (min-width : 1824px) {
	
	body {
		background-image: url("ABP_bg_name.jpg");
		background-repeat: repeat;
		font-family: "Noto Sans Tangsa", sans-serif;
	}
	img {
		width: auto;
		height: 400px;
	}
	h4 {
		font-weight: 600;
		color: #373b77;
		line-height: 1.25;
		text-align: center;
		vertical-align: bottom;
	}
	
	tr {
/*	border: 2px solid red; */
	}
	
	td {
		text-align: left;
		color: #373b77;
		vertical-align: middle;
/*	border: 2px solid red; */
	}
	
	td.line {
		padding-left: 25px;
		color: #373b77;
		font-weight: 550;
		font-size: 1.0em;
	}
	
	td.hdr {
		border-top: 5px solid #373b77;
		font-weight: 700;
		font-size: 1.0em;
		text-align: center;
	}

	td.ftr {
		border-bottom: 5px solid #373b77;
		padding-left: 25px;
		color: #373b77;
		font-weight: 550;
		font-size: 1.0em;
	}
	
	.logo {
		max-height: 170px;
		max-width: 330px;
		padding-top: 5px;
		margin-left: auto;
		margin-right: auto;
		
	}

	p.name {
		color: #373b77;
		font-size: 1.25em;
		font-weight: 650;
		text-align:center;
	}
	p.svc {
		color: #373b77;
		font-size: 1.15em;
		font-weight: 650;
		text-align:center;
	}
	
	a {
		color: #373b77;
		background-color: transparent;
		font-weight: 650;
		font-size: 1.25em;
	 }
	 
	a:link {
	  color: #373b77;
	}

	a:visited {
	  color: #b6a76e;
	}

	a:hover {
	  color: #b6a76e;
	}

	a:active {
	  color:#b6a76e;
	}
}
/* iPhone 4 ----------- */
@media screen and (-webkit-min-device-pixel-ratio : 1.5), (min-device-pixel-ratio : 1.5) {
	body {
		background-image: url("ABP_bg_name.jpg");
		background-repeat: repeat;
		font-family: "Noto Sans Tangsa", sans-serif;
	}
	img {
		width: auto;
		height: 400px;
	}
	h4 {
		font-weight: 600;
		color: #373b77;
		line-height: 1.25;
		text-align: center;
		vertical-align: bottom;
	}
	
	tr {
/*	border: 2px solid red; */
	}
	
	td {
	td {
		text-align: left;
		color: #373b77;
		vertical-align: middle;
/*	border: 2px solid red; */
	}
	
	td.line {
		padding-left: 25px;
		color: #373b77;
		font-weight: 550;
		font-size: 1.0em;
	}
	
	td.hdr {
		border-top: 5px solid #373b77;
		font-weight: 700;
		font-size: 1.0em;
		text-align: center;
	}

	td.ftr {
		border-bottom: 5px solid #373b77;
		padding-left: 25px;
		color: #373b77;
		font-weight: 550;
		font-size: 1.0em;
	}
	
	.logo {
		max-height: 170px;
		max-width: 330px;
		padding-top: 5px;
		margin-left: auto;
		margin-right: auto;
		
	}

	p.name {
		color: #373b77;
		font-size: 1.25em;
		font-weight: 650;
		text-align:center;
	}
	p.svc {
		color: #373b77;
		font-size: 1.15em;
		font-weight: 650;
		text-align:center;
	}
	
	a {
		color: #373b77;
		background-color: transparent;
		font-weight: 650;
		font-size: 1.25em;
	 }
	 
	a:link {
	  color: #373b77;
	}

	a:visited {
	  color: #b6a76e;
	}

	a:hover {
	  color: #b6a76e;
	}

	a:active {
	  color:#b6a76e;
	}
}
</style>