@font-face {
    font-family: 'vi_thuy_tiennormal';
    src: url('/fonts/tt____11-webfont.woff2') format('woff2'),
         url('/fonts/tt____11-webfont.woff') format('woff'),
         url('/fonts/tt____11-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
* { -webkit-box-sizing: border-box; box-sizing: border-box; }
HTML,BODY { margin:0px; height:100%; text-align:left; padding:0px; }
BODY,TD { font:1.2em 'Open Sans',sans-serif; color:#000000; }
BODY { background-color:#FFFFFF; background-image:url(/images/BG.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center; background-attachment:fixed; }
A { color:#005599; }
A:visited { color:#003366; }
A:hover { color:#CC4400; text-decoration:underline; }
P,DL { margin:20px 10px 10px 10px; padding:0px; text-align:justify; }
.indent { padding-left:20px; }
.centered { text-align:center; margin:0px auto; }
.centered TABLE { text-align:center; margin:0px auto; }
UL { padding-left:20px; }
UL,DD { margin:10px 25px; text-align:left; color:#333333; }
LI { padding:5px; }
OL { text-align:left; color:#333333; }
.titleText {overflow:hidden; font-weight:bold; font-size:1.8em; padding:5px 20px; color:#FFFFFF; background:#bfaf85 url(/images/overlayBG.png) repeat; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
.fancyText {font:Italic Bold 1.2em "Shelley Volante BT", Script, cursive;}
.largeText {font-variant:small-caps; font-weight:bold; font-size:1.4em;}
.strongText {font-weight:bold; font-size:1.1em;}
.strongUText {font-weight:bold; font-size:1.1em; text-decoration:underline;}
.smallText {font-weight:bold; font-size:0.8em; color:#444444;}
.noteText {font-size:0.8em;}
.tinyText {font-size:0.7em;}
.newsTable {background:#EEEEEE url(/images/overlayBG.png) repeat;padding:10px;border-radius:10px;margin:0px 0px 5px;table-layout:fixed;}
.newsTable a {text-decoration:none;}
.newsHead {font-weight:bold;font-size:1em;}
.newsTitle {color:#000000;font-weight:bold;font-size:1.1em;}
.newsContent {background:#FFFFFF;color:#222222;padding:10px;margin:5px 0px;border-radius:10px;font-style:italic;font-size:0.8em;opacity:0.75;filter:alpha(opacity=75);}
.newsContent:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.newsArticle {background:#FFFFFF;color:#222222;padding:10px;margin:5px 0px;border-radius:10px;font-size:1em;display:inline-block;}
.eventsTable {}
.eventsHead {background:#BBBBBB;font-weight:bold;font-size:1em;padding:10px;border-radius:10px 10px 0px 0px;margin:10px auto 0px auto;width:90%;min-width:320px;}
.eventsTitle {color:#000000;font-weight:bold;font-size:1.1em;}
.eventsContent {background:#EEEEEE;padding:10px 10px 10px 20px;margin:0px auto 10px auto;border-radius:0px 0px 10px 10px;width:90%;min-width:320px;font-size:1em;}
.subTitle {font-weight:bold;font-size:1.4em;padding-top:10px;}
.tableheader {font-size:1.3em; background-color: #DDDDDD; padding: 5px; }
.tablebody {font-size:0.9em; background-color: #EEEEEE; padding: 10px; }
.tablenested {font-size:0.9em; background-color: #E6E6E6; padding: 4px; }
.shadowRight {-moz-box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55); -webkit-box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55); box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);}
.outline {text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
.outlineShadow {text-shadow: -1px 1px 2px #000, 1px 1px 2px #000, 1px -1px 0 #000, -1px -1px 0 #000;}
.outlineStrong {text-shadow: -3px -3px 0 #000, -3px 0px 0 #000, 3px -3px 0 #000, 3px 0px 0 #000, 0px 3px 0 #000, 0px -3px 0 #000, -3px 3px 0 #000, 3px 3px 0 #000;}
.outlineStrongShadow {text-shadow: -1px -1px 0 #000, -2px 0px 0 #000, 1px -1px 0 #000, 2px 0px 0 #000, 0px 2px 0 #000, 0px -2px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 3px #000, 4px 4px 5px #000;}
.breakWrap { overflow-wrap:break-word; word-wrap:break-word; -ms-word-break:break-all; word-break:break-all; word-break:break-word; -ms-hyphens:auto; -moz-hyphens:auto; -webkit-hyphens:auto; hyphens:auto; }
.adminTable { background-color:#CCCCCC; }
.adminTable TD { background-color:#EEEEEE; }
.flexcontainer{
  padding: 10px;
  display: -webkit-box;     /* iOS 6-, Safari 3.1-6 */
  display: -moz-box;        /* Firefox 19- */
  display: -ms-flexbox;     /* IE 10 */
  display: -webkit-flex;    /* Chrome */
  display: flex;            /* Opera 12.1, Firefox 20+ */

  /* iOS 6-, Safari 3.1-6 */
  -webkit-box-orient: horizontal;
  -webkit-box-pack: justify;
  -webkit-lines: multiple;  /* Only here for informative purpose, this line is what should have made it work, it has never been implemented */ 

  /* Firefox 19- */
  -moz-flex-flow: row wrap;
  -moz-justify-content: space-around;
  -moz-box-lines: multiple; /* Only here for informative purpose, this line is what should have made it work, it has never been implemented */ 

  /* Chrome */
  -webkit-flex-flow: row wrap;
  -webkit-justify-content: space-around;

  /* IE10 */
  -ms-flex-flow: row wrap;
  -ms-justify-content: space-around;

  /* Opera 12.1, Firefox 20+ */
  flex-flow: row wrap;
  justify-content: space-around;
}
.flexitem {
  margin: 10px;
  -webkit-box-flex: auto;    /* iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1.0;        /* Firefox 19- */
  -webkit-flex: auto;        /* Chrome */
  -ms-flex: auto;            /* IE10 */
  flex: auto;                /* Opera 12.1, Firefox 20+ */
}
#popLayer { width:100%;border-radius:10px;background-color:#FFFFFF;border:2px solid #EE0000;margin-bottom:5px; }
#searchForm { padding: 3.5px 10px; }
#mainMenusControl { display:none; }
.form_container {
	width:100%;
}
.form_small {
	width:48%;
}
.form_large {
	width:98%;
}
.form_field {
	border: 1px solid #aaa;
	padding: 5px;
	margin: 15px;
	font-size: 18px;
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.05);
}
.form_select {
	max-width:100%;
	white-space: normal;
}
.form_select OPTION { background: rgba(0, 0, 0, 0.5); color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);}
.form_button {
	border: 2px solid #00a;
	padding: 10px;
	margin: 15px 0px;
	font-size: 20px;
	border-radius: 5px;
	background-color: rgba(0, 0, 255, 0.05);
	cursor:pointer;
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

@media (max-width:480px) {
	BODY,TD { font:1.3em 'Open Sans',sans-serif; color:#000000; }
	.form_container {
		width:100%;
	}
	.form_small {
		width:96%;
	}
	.form_large {
		width:96%;
	}
	#mainHolder {
		position:relative;
		z-index:10;
		width:320px;
		margin:0px auto;
		text-align:left;
		min-height:100%;
		padding:0px;
	}
	#mainHeader {
		position:relative;
		z-index:20;
		width:100%;
		height:150px;
		margin:0px;
		background-color:#d9eefc;
		background-image:url(/images/headerBG.jpg);
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center center;
		overflow:hidden;
	}
	#mainTitle {
		display:none;
		position:relative;
		z-index:30;
		height:150px;
		margin:10px auto;
		overflow:hidden;
		text-align:center;
		font:bold 27px 'Open Sans',sans-serif;
	}
	#mainLogo {
		position:relative;
		z-index:30;
		margin:5px auto;
		height:150px;
		overflow:hidden;
		text-align:center;
	}
	#headLogo { max-height:140px; max-width:100%; }
	#mainMenusControl { display:block; }
	#mainMenus { display:none; }
	#mainMenus, #mainMenusControl {
		position:relative;
		clear:both;
		z-index:100;
		width:320px;
		text-align:center;
	}
		#mainMenus ul ul { display:none; z-index:110; width:260px; }
		#mainMenus ul, #mainMenusControl ul {
			margin: 0px;
			padding: 0px 20px;
			border-radius: 10px;
			list-style: none;
			position: relative;
			display: inline-block;
			background:#e8dbb7 url(/images/menuBG.png) repeat;
			width:320px;
		}
		#mainMenus ul li, #mainMenusControl ul li { float: none; display: block; }
		#mainMenus ul li a, #mainMenusControl ul li a {
			padding: 5px 10px;
			display: block;
			color: #000000;
			text-decoration: none;
		}
		#mainMenus ul li:hover, #mainMenus ul li:active {
			border-radius: 10px;
			background-image: url(/images/Shade20.png);
		}
		#mainMenus ul li:hover a { color: #440000;text-decoration: underline; }
		#mainMenus ul li:active > ul li { float: none; display: block; }
		#mainMenus ul li:hover > ul li a { color: #000000; text-decoration: none; }
		#mainMenus ul li:hover > ul li a:hover { color: #440000; text-decoration: underline; }
		#mainMenus ul li ul {
			position: relative;
			margin: 0px;
			padding: 0px;
			min-width: 260px;
			color:#000000;
			background-color:rgba(252,241,209,0.97);
			-moz-box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
			-webkit-box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
			box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
		}
	#mainContainer {
		position:relative;
		width:100%;
		margin:0;
	}
	#Content {
		display:flex;
		flex-direction:column;
	}
	#PrimaryContent {
		position:relative;
		z-index:20;
		width:100%;
		margin:0px;
		padding:5px;
		order:1;
	}
	#Sidebar {
		width:100%;
		order:2;
	}
	#mainFooter {
		position:relative;
		clear:both;
		z-index:15;
		bottom:0px;
		width:320px;
		height:80px;
		margin:0px auto;
		text-align:center;
	}
}

@media (min-width:481px) and (max-width:750px) {
	.form_container {
		width:100%;
	}
	.form_small {
		width:98%;
	}
	.form_large {
		width:98%;
	}
	#mainHolder {
		position:relative;
		z-index:10;
		width:100%;
		margin:0px auto;
		text-align:left;
		min-height:100%;
		padding:0px;
	}
	#mainHeader {
		position:relative;
		z-index:20;
		width:100%;
		height:200px;
		margin:0px;
		background-color:#d9eefc;
		background-image:url(/images/headerBG.jpg);
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center center;
		overflow:hidden;
	}
	#mainTitle {
		display:none;
		position:relative;
		z-index:30;
		margin:10px auto;
		max-width:70%;
		height:200px;
		overflow:hidden;
		text-align:center;
		font:bold 42px 'Open Sans',sans-serif;
	}
	#mainLogo {
		position:relative;
		z-index:30;
		margin:5px auto;
		height:200px;
		overflow:hidden;
		text-align:center;
	}
	#headLogo { max-height:190px; max-width:100%; }
	#mainMenusControl { display:block; }
	#mainMenus { display:none; }
	#mainMenus, #mainMenusControl {
		position:relative;
		clear:both;
		z-index:100;
		width:400px;
		margin:0px auto;
		text-align:center;
	}
		#mainMenus ul ul { display:none; z-index:110; width:340px; }
		#mainMenus ul, #mainMenusControl ul {
			margin: 0px;
			padding: 0px 20px;
			border-radius: 10px;
			list-style: none;
			position: relative;
			display: inline-block;
			background:#e8dbb7 url(/images/menuBG.png) repeat;
			width:400px;
		}
		#mainMenus ul li, #mainMenusControl ul li { float: none; display: block; }
		#mainMenus ul li a, #mainMenusControl ul li a {
			padding: 5px 10px;
			display: block;
			color: #000000;
			text-decoration: none;
		}
		#mainMenus ul li:hover, #mainMenus ul li:active {
			border-radius: 10px;
			background-image: url(/images/Shade20.png);
		}
		#mainMenus ul li:hover a { color: #440000;text-decoration: underline; }
		#mainMenus ul li:active > ul li { float: none; display: block; }
		#mainMenus ul li:hover > ul li a { color: #000000; text-decoration: none; }
		#mainMenus ul li:hover > ul li a:hover { color: #440000; text-decoration: underline; }
		#mainMenus ul li ul {
			position: relative;
			margin: 0px;
			padding: 0px;
			min-width: 340px;
			color:#FFFFFF;
			background-color:rgba(252,241,209,0.97);
			-moz-box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
			-webkit-box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
			box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
		}
	#mainContainer {
		position:relative;
		width:100%;
		margin:0;
	}
	#Content {
		display:flex;
	}
	#PrimaryContent {
		padding:10px;
		flex:1 1 auto;
	}
	#Sidebar {
		flex:0 1 auto;
		min-width:200px;
		text-align:center;
		margin:0% 1% 0% 0%;
		padding:1%;
		border-right:1px dotted #aaaaaa;
	}
	#mainFooter {
		position:relative;
		clear:both;
		z-index:15;
		bottom:0px;
		width:400px;
		height:80px;
		margin:0px auto;
		text-align:center;
	}
}

@media (min-width:751px) and (max-width:1200px) {
	.form_container { width:80%; margin:0px auto; }
	#mainHolder {
		position:relative;
		z-index:10;
		width:100%;
		margin:0px auto;
		text-align:left;
		min-height:100%;
		padding:0px;
	}
	#mainHeader {
		position:relative;
		z-index:20;
		width:100%;
		height:200px;
		margin:0px;
		background-color:#d9eefc;
		background-image:url(/images/headerBG.jpg);
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center center;
		overflow:hidden;
	}
	#mainTitle {
		display:none;
		position:relative;
		z-index:30;
		margin:20px;
		height:200px;
		max-width:60%;
		overflow:hidden;
		text-align:left;
		font:bold 46px 'Open Sans',sans-serif;
	}
	#mainLogo {
		position:relative;
		z-index:30;
		margin:5px auto;
		height:200px;
		overflow:hidden;
		text-align:center;
	}
	#headLogo { max-height:190px; max-width:100%; }
	#mainMenus {
		position:relative;
		width:100%;
		clear:both;
		z-index:100;
		text-align:center;
		background:#e8dbb7 url(/images/menuBG.png) repeat;
		display:flex;
	}
		#mainMenus ul ul { display:none; z-index:110; }
		#mainMenus ul li:hover > ul { display:block; }
		#mainMenus ul {
			margin: 0px auto;
			padding: 0px 20px;
			list-style: none;
			position: relative;
			display: inline-block;	
		}
		#mainMenus ul li {
			float: left;
			margin: 2px;
			position: relative;
		}
		#mainMenus ul li a {
			padding: 5px 10px;
			display: block;
			color: #000000;
			text-decoration: none;
		}
		#mainMenus ul li:hover, #mainMenus ul li:active {
			background-image: url(/images/Shade20.png);
		}
		#mainMenus ul li:hover a { color: #440000; text-decoration: underline; }
		#mainMenus ul li:hover > ul li { float: none; display: block; border: 0px; }
		#mainMenus ul li:hover > ul li a { color: #000000; text-decoration: none; }
		#mainMenus ul li:hover > ul li a:hover { color: #440000; text-decoration: underline; }
		#mainMenus ul li ul {
			position: absolute;
			top: 40px;
			left: 0px;
			margin: 0px;
			padding: 0px;
			min-width: 250px;
			color: #000000;
			background-color: rgba(252,241,209,0.97);
			-moz-box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
			-webkit-box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
			box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
		}
	#mainContainer {
		position:relative;
		width:100%;
		margin:0;
		display:inline-block;
		background-image:url(/images/menuBG.png);
		background-size:auto;
		background-repeat:repeat-x;
		background-position:top left;
	}
	#Content {
		display:flex;
	}
	#PrimaryContent {
		padding:10px;
		flex:1 1 auto;
	}
	#Sidebar {
		flex:0 1 auto;
		min-width:340px;
		text-align:center;
		margin:0% 2% 0% 0%;
		padding:1%;
		border-right:3px dotted #aaaaaa;
	}
	#mainFooter {
		position:relative;
		clear:both;
		z-index:15;
		bottom:0px;
		width:600px;
		height:80px;
		margin:0px auto;
		text-align:center;
	}
}

@media (min-width:1201px) {
	.form_container { width:80%; margin:0px auto; }
	#mainHolder {
		position:relative;
		z-index:10;
		width:100%;
		margin:0px auto;
		text-align:left;
		min-height:100%;
		padding:0px;
	}
	#mainHeader {
		position:relative;
		z-index:20;
		width:100%;
		height:200px;
		margin:0px;
		padding:0px;
		background-color:#d9eefc;
		background-image:url(/images/headerBG.jpg);
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center 30%;
		overflow:hidden;
	}
	#mainTitle {
		display:none;
		position:relative;
		z-index:30;
		margin:25px;
		height:200px;
		max-width:60%;
		overflow:hidden;
		text-align:left;
		font:bold 60px 'Open Sans',sans-serif;
	}
	#mainLogo {
		position:relative;
		z-index:30;
		margin:5px auto;
		height:200px;
		overflow:hidden;
		text-align:center;
	}
	#headLogo { max-height:190px; max-width:100%; }
	#mainMenus {
		position:relative;
		width:100%;
		clear:both;
		z-index:100;
		text-align:center;
		background:#e8dbb7 url(/images/menuBG.png) repeat;
		display:flex;
	}
		#mainMenus ul ul { display:none; z-index:110; }
		#mainMenus ul li:hover > ul { display:block; }
		#mainMenus ul {
			margin: 0px auto;
			padding: 0px 20px;
			list-style: none;
			position: relative;
			display: inline-block;	
		}
		#mainMenus ul li {
			float: left;
			margin: 2px;
			position: relative;
		}
		#mainMenus ul li a {
			padding: 5px 10px;
			display: block;
			color: #000000;
			text-decoration: none;
		}
		#mainMenus ul li:hover, #mainMenus ul li:active {
			background-image: url(/images/Shade20.png);
		}
		#mainMenus ul li:hover a { color: #440000; text-decoration: underline; }
		#mainMenus ul li:hover > ul li { float: none; display: block; border: 0px; }
		#mainMenus ul li:hover > ul li a { color: #000000; text-decoration: none; }
		#mainMenus ul li:hover > ul li a:hover { color: #440000; text-decoration: underline; }
		#mainMenus ul li ul {
			position: absolute;
			top: 40px;
			left: 0px;
			margin: 0px;
			padding: 0px;
			min-width: 250px;
			color: #000000;
			background-color: rgba(252,241,209,0.97);
			-moz-box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
			-webkit-box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
			box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
		}
	#mainContainer {
		width:100%;
		margin:0;
		display:inline-block;
		background-image:url(/images/menuBG.png);
		background-size:auto;
		background-repeat:repeat-x;
		background-position:top left;
	}
	#Content {
		display:flex;
	}
	#PrimaryContent {
		padding:10px;
		flex:1 1 auto;
		max-width:70%;
	}
	#Sidebar {
		flex:0 1 400px;
		text-align:center;
		margin:0% 2% 0% 0%;
		padding:1%;
		border-right:3px dotted #aaaaaa;
	}
	#mainFooter {
		position:relative;
		clear:both;
		z-index:15;
		bottom:0px;
		width:600px;
		height:80px;
		margin:0px auto;
		text-align:center;
	}
}
@media (min-width:1600px) {
	.form_container { width:50%; margin:0px auto; }
}
#mainFooter {
	clear:both;
	display:block;
	font-size:0.9em;line-height:1.7em;
	color:#444444;
}
#mainFooter A { text-decoration:none; color:#003366; }
#mainFooter A:hover { text-decoration:underline; color:#3D6FB6; }
#overlayLayer {
	z-index: 10000;
	background-image:url(/images/Shade50.png);
	position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;
}
#overlayLayer A { color:#FFFFFF; }