* 
{
 /* -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;*/
}
@font-face {
	font-family:"Lao UI";	
	src:url('fonts/LaoUI.ttf'), url('fonts/LaoUIb.ttf') format('truetype'),
	url('fonts/LaoUI.woff'), url('fonts/LaoUIb.woff')  format('woff'),
	 url('fonts/LaoUI.eot'), url('fonts/LaoUIb.eot'),
	 url('fonts/LaoUI.otf'), url('fonts/LaoUIb.otf');	
	 
	
}


body {  background: #fff;  background-image:url(../images/Int_BG_4.jpg);   word-spacing:2px;    }
h1 {  text-align: left;  font: 3em "Lao UI" ;  color: #603;   font-weight: 800;  padding: 5px;  padding-bottom: 0;}
.title {  text-align: left;  font: 3em ;  color: #fff;   font-weight: 800;  padding: 80px 0 0 50px;  padding-bottom: 0;}
p {	margin-bottom:1.5em;}
footer {  margin-top:50px;  text-align: center;  padding:40px;}
.frame {  width: 80%;  max-width:1920px;  min-width:320px;  margin: 0px auto;}
.frameBorder {	border-top:#666 solid 1px;	border-left:#666 solid 1px;	border-right:#666 solid 1px;}
.box {  font: 1em ;  color: #000;  padding:15px;}
.imgBtn {	float:right;    max-width: 100%;    height: auto;	border:none;}
#image {	display: inline-block;	width: 100%;	font-size: 0;	line-height: 0;	vertical-align: middle;	background-size: 100%; background-position: 50% 50%;	background-repeat: no-repeat;	background-image: url(../img/img_2.jpg);}
#image-inner {	display: block;	height: 0;	padding-top: 56.25%;}
.imgTopMargin {	position:relative;	margin:-10px auto;}
.bodyText5{	font-family:"Lao UI";	font-size: 1.2em;	color:#000;	text-align: left;	list-style:inside;	list-style-type:disc;}
.bodyText5 li{	list-style-type:none;	list-style-image: url(../img/icon.png);	list-style-position:outside;	padding:5px;}
.bodyText5 a{	font-family:"Lao UI";	font-size: 1em;	font-weight:inherit;	color: #4b186e;	text-align: left;	list-style:inside;	list-style-type:disc;	text-decoration:none;}
.bodyText5 a:hover{	font-family:"Lao UI";	font-size: 1em;		font-weight:inherit;	color:#4b186e;	text-align: left;	list-style:inside;	list-style-type:disc;	text-decoration:underline;}
.footerTextPurple{	font-family:"Lao UI";	font-size: .9em;	font-weight: 700;	color:#4b186e;	text-align: left;}
.footerTextBlack{	font-family:"Lao UI";	font-size: 1em;		color:#000;	text-align: left;}
.footerTextBlack li {	text-indent:-1px;	list-style-image:none;	padding:2px 0 2px 0;}
.footerTextBlack a{	font-family:"Lao UI";	font-size: .8em;	color:#000;	text-align: left;	text-decoration:none;}
.footerTextBlack a:hover{	font-family:"Lao UI";	font-size: .8em;	color:#000;	text-align: left;	text-decoration:underline;}
.icnlk{	width:7%;}
.icnfb{	width:7%;}
.bodytextSmall{font-family:"Lao UI";	font-size: 1em;	color:#000;	text-align:center;	}


.jobTextNew{	font-family:"Lao UI";	font-size: 1.1em;	color:#4c186d; text-align:right; padding-top:10px;		list-style:inside; font-weight:bold;}

.lineBreakDiv{	display:none;}

.MarkMess{	color:#000;font-weight:bold; font-size: 10px; text-align:center;}
.MarkMess2{	 text-align:center;}
.LoadingText{ 	 	 color:#4b186e;	 font-weight:bold;	 font-size: 11px;}

.socialmedia{ padding-left:10px;
	
}
	
@media (max-width: 480px) {
	
.bodyText5{	font-family:"Lao UI";	font-size: 1em;		color:#000;	text-align: left;		list-style:inside;	list-style-type:disc;}
.frame {  width: 98%;  min-width:300px;  margin: 0px auto;}
h1 { font-size: 2em;}
footer {   margin-top:0;}
.imgBtn {float:right;    max-width: 145px;    height: auto;}
.icnlk{	width:14%;	max-width:20px;}
.icnfb{	width:14%;	max-width:20px;}
body {	background-image:none;}
.bodytextSmall{font-family:"Lao UI";	font-size: 0.9em;	color:#000;	text-align:center;	}

.lineBreakDiv{
	display:block;
}

.jobTextNew{	font-family:"Lao UI";	font-size: 1em;	color:#4c186d; text-align:center;		list-style:inside; font-weight:bold;}
  .MarkMess{	color:#000;font-weight:bold; font-size: 10px; text-align:left;}
  
  .socialmedia{ padding-left:5px;
	
}

}

/* Mobile to Tablet Portrait
===============================*/
@media (min-width: 480px) and (max-width: 900px) {
	
.bodyText5{	font-family:"Lao UI";	font-size: 1em;		color:#000;	text-align: left;	list-style:inside;	list-style-type:disc;}
.imgBtn {	float:right;    max-width: 60%;    height: auto;}
.title { text-align: left;  font: 3em "Lao UI" ;  color:#FFF; }
 .icnlk{width:7%;	min-width:25px;}
.icnfb{	width:7%;	min-width:25px;}
body {	background-image:none;}
.bodytextSmall{font-family:"Lao UI";	font-size: 0.9em;	color:#000;	text-align:center;	}


.lineBreakDiv{
	display:block;
}


.jobTextNew{	font-family:"Lao UI";	font-size: 1em;	color:#4c186d; text-align:center;  padding-bottom:10px;		list-style:inside; font-weight:bold;}

.socialmedia{ padding-left:45px;	
}

}
/* Landscape Tablet to Desktop
===============================*/
@media (min-width: 900px) and (max-width: 1360px) {
h1 {  text-align: left;  font: 3em "Lao UI" ;  color: #603;   font-weight: 800;}
.title {  text-align: left;  font: 3em "Arial" Arial;  color: #fff;   font-weight: 800;}
.icnlk{	width:7%;	min-width:25px;}
.icnfb{	width:7%;	min-width:25px;}
.bodytextSmall{font-family:"Lao UI";	font-size: 0.9em;	color:#000;	text-align:center;	}

.jobTextNew{	font-family:"Lao UI";	font-size: 1em;	color:#4c186d; text-align:right; padding-top:10px;		 font-weight:bold;}


.socialmedia{ padding-left:14px;
	
}

}

