@font-face {
    font-family: 'UVNHaiBaTrung_0';
    font-style: normal;
    src: url('../fonts/UVNHaiBaTrung_0.eot?#iefix') 
    format('embedded-opentype'),  url('../fonts/UVNHaiBaTrung_0.woff') 
    format('woff'),  url('../fonts/UVNHaiBaTrung_0.ttf') 
    format('truetype'),  url('../fonts/UVNHaiBaTrung_0.svg#UVNHaiBaTrung_0') format('svg');
}

#mainContent-style-page {
	width: 660px;
	margin: 100px auto 0;
	overflow: hidden;
	position: relative;
	z-index: 4;
	min-height: 1024px;
}
#mainContent-style-page .bs-callout {
	margin: 20px 0;
	padding: 20px
}
#mainContent-style-page .bs-callout-info {
	background-color: #ffebbd;
	border-left: 5px solid #ffb309
}
#mainContent-style-page .bs-callout div.h4 {
	margin-bottom: 5px;
	margin-top: 0
}
#mainContent-style-page .bs-callout-info div.h4 {
	color: #ffb309
}
#mainContent-style-page .bs-callout p:last-child {
	margin-bottom: 0
}
#mainContent-style-page .bs-callout code {
	background-color: #fff;
	border-radius: 3px
}
#mainContent-style-page code {
	color: #c7254e;
	font-size: 90%;
	padding: 2px 4px;
	white-space: nowrap
}
#mainContent-style-page .text-center {
	text-align: center
}
#mainContent-style-page .text-left {
	text-align: left
}
#mainContent-style-page .text-right {
	text-align: right
}
#mainContent-style-page .form-control {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555;
	display: block;
	font-size: 14px;
	height: 25px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
	width: 50%
}
#mainContent-style-page .form-control:focus {
	border-color: #66afe9;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
	outline: 0 none
}
#mainContent-style-page .form-group, #mainContent-style-page .group-control {
	margin-bottom: 15px;
	width: 100%;
	overflow: hidden
}
#mainContent-style-page .float-right {
	float: right
}
#mainContent-style-page .float-left {
	float: left
}
#mainContent-style-page .control-label {
	width: 17%
}
#mainContent-style-page label {
	display: inline-block;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 0;
	text-align: right;
	padding-top: 7px
}
#mainContent-style-page .input-sm {
	border-radius: 3px;
	font-size: 12px;
	padding: 5px 10px;
	height: 35px
}
#mainContent-style-page pre {
	padding: 10px 0
}
#mainContent-style-page {
	color: #191919;
	font-family: "Arial";
	padding: 10px 20px;
	font-size: 16px
}
#mainContent-style-page a:focus, #mainContent-style-page a {
	outline: 0;
	color: #0277c9;
	font-size: .9375em;
	padding-bottom: 10px;
	padding-top: 10px
}
#mainContent-style-page a:active, #mainContent-style-page a:hover {
	color: #bf3a00
}
#mainContent-style-page p {
	font-family: Tahoma;
	font-size: 14px;
}
#mainContent-style-page h2 {
	color: #d00a07;
	font-weight: bold;
	font-size: 1.375em;
	font-family: "Arial";
	background: url('../images/icon-h5.png') no-repeat scroll 0 center;
	padding-left: 20px;
}
#mainContent-style-page h3 {
	color: #a02725;
	font-size: 1.125em;
	font-weight: bold;
	font-family: "Arial";
	background: url('../images/icon-h4.png') no-repeat scroll 0 center;
	padding-left: 20px;
}
#mainContent-style-page strong {
	font-weight: bold;
}
#mainContent-style-page b {
	color: #c50700;
	font-family: "Arial";
}
#mainContent-style-page span.desc-image {
	margin: 0 auto;
	display: block;
	text-align: center;
}
#mainContent-style-page img {
	border: 1px solid #554e3f;
	margin: 0 auto;
	vertical-align:top;
}
#mainContent-style-page table {
	font-family: "Arial";
	font-size: .9375;
	text-align: center;
	background-color: #fffdf6;
	margin-bottom: 10px;
	margin-top: 10px;
}
#mainContent-style-page table tr>th {
	color: #fff;
	background-color: #771a08;
	font-weight: bold;
	text-align: center;
	padding: 3px 0
}
#mainContent-style-page table tr>td {
	border: 1px solid #beb59f;
	padding: 3px 0
}
#mainContent-style-page ul>li {
	font-family: "Arial";
}
#mainContent-style-page ul>li>a {
	color: #0277c9;
	font-family: "Arial";
}
#mainContent-style-page ul>li>a:hover {
	color: #bf3a00;
}
#mainContent-style-page ul.Tab {
	padding-left: 0;
	border-bottom: 1px solid #979282;
}
#mainContent-style-page ul.Tab>li {
	font-family: "Arial";
	display: inline-block;
}
#mainContent-style-page ul.Tab>li>a {
	color: #414141;
	font-family: "Arial";
	font-size: 1.25em;
	padding: 0 17px
}
#mainContent-style-page ul.Tab>li.active>a, #mainContent-style-page ul.Tab>li>a:hover {
	border-bottom: 4px solid #f00;
	padding-bottom: 3px;
	text-decoration: none
}
#mainContent-style-page ul.anchorLink {
	background-color: #fffdf6;
	border: 1px solid #c0b7a1;
	overflow: hidden;
	padding-left: 0;
	width: 100%;
	padding: 7px 0
}
#mainContent-style-page ul.anchorLink>li {
	list-style: none;
	display: inline-block
}
#mainContent-style-page ul.anchorLink>li>a {
	color: #0277c9;
	display: block;
	padding: 7px 0;
	text-align: left;
	text-indent: 20px;
	width: 145px;
	background: url('../images/icon.gif') no-repeat scroll 10px center
}
#mainContent-style-page ul.anchorLink>li>a:hover {
	color: #da4700
}
.breadcrumb {
	border-radius: 4px;
	list-style: none outside none;
	padding: 10px 15px
}
.breadcrumb>li {
	display: inline-block
}
.breadcrumb>li>a {
	color: #428bca;
	text-decoration: none
}
.breadcrumb>li.active>a {
	color: #999
}
.Popup {
	display: block;
	position: absolute;
	width: 500px;
	z-index: 100
}
.Popup .upperPopup {
	background: none repeat scroll 0 0 #ffb309;
	height: 30px;
	width: 100%
}
.Popup .Title {
	color: #fff;
	font-size: 18px;
	left: 10px;
	position: absolute;
	top: 0
}
.Popup .PopupClose:link, .Popup .PopupClose:visited {
	color: #fff;
	display: block;
	font-weight: bold;
	height: 29px;
	line-height: 29px;
	position: absolute;
	right: 9px;
	text-decoration: none;
	top: 0
}
.Popup .PopupClose:hover {
	text-decoration: none
}
.Popup .InnerContent {
	background: none repeat scroll 0 0 #ffebbd;
	border: 1px solid #ffb309;
	color: #494848;
	height: auto;
	padding: 10px 10px 5px;
	width: auto
}
 
#static {
	width: 660px;
	overflow: hidden;
	margin-left: 170px;
	position: relative;
	z-index: 4
}
.StaticInner {
	overflow: hidden;
	padding: 40px 0 0;
	width: 660px;
	margin: 0 auto
}
.StaticMain {
	padding: 0;
	overflow: hidden;
	color: #f8e1ac;
	padding-bottom: 30px !important;
}
.StaticMain a:link, .StaticMain a:visited {
	color: #ff8400;
	text-decoration: underline
}
.StaticMain a:hover {
	color: #d6a600;
	text-decoration: none
}
.StaticTopPanel {
	overflow: hidden;
	position: relative;
	width: 100%
}
 
#breadcrumbs {
	color: #eed398;
	font-size: 12px;
	left: 75px;
	overflow: hidden;
	padding: 8px 8px 0 0;
	position: absolute;
	text-align: left;
	text-transform: none;
	top: 40px
}
#breadcrumbs li {
	float: left;
	padding: 0 0 0 5px;
	color: #eed398
}
#breadcrumbs a:link, #breadcrumbs a:visited {
	color: #eed398;
	padding: 0 2px 0 0;
	text-decoration: underline
}
#breadcrumbs li>span {
	font-weight: bold;
	text-decoration: none
}
#breadcrumbs span, #breadcrumbs a:hover {
	text-decoration: none
}
#breadcrumbs li.Active {
	font-weight: bold;
	color: #2f0700
}
ul#tabHeader {
	height: 38px;
	margin-bottom: 10px;
	width: 100%;
	border-bottom: 1px solid #979282;
	padding: 0
}
ul#tabHeader li {
	float: left;
	font-weight: bolder;
	padding-bottom: 4px;
	border: 0;
	margin-bottom: -4px
}
ul#tabHeader li:hover, ul#tabHeader li.Active {
	border-bottom: 4px solid #f00;
	padding: 0
}
ul#tabHeader li a:link, ul#tabHeader li a:visited {
	display: block;
	padding: 0 0 0 9px;
	text-decoration: none;
	text-align: center;
	margin-right: 2px;
	margin-top: 0;
	float: left
}
ul#tabHeader li a span {
	display: block;
	padding: 0 14px 0 5px;
	cursor: pointer;
	height: 38px;
	line-height: 38px;
	text-decoration: none;
	float: left;
	color: #414141;
	font-size: 20px;
	font-weight: normal
}
ul#tabHeader li.Active a:link, ul#tabHeader li.Active a:visited, ul#tabHeader li a:hover {
	text-decoration: none;
	margin-top: 0
}
ul#tabHeader li.Active a span, ul#tabHeader li a:hover span {
	color: #414141;
	padding: 0 14px 0 5px;
	height: 38px;
	line-height: 38px
}
ul.AnchorLink {
	margin: 0 auto 10px;
	overflow: hidden;
	padding: 15px 20px;
	border: 1px solid #979282;
	background: 0
}
ul.AnchorLink li {
	background: url(../images/icon_person.gif) no-repeat 0 7px;
	float: left;
	width: 158px;
	padding: 0 0 5px 13px;
	font-weight: bolder
}
ul.AnchorLink li a:link, ul.AnchorLink li a:visited {
	text-decoration: none;
	color: #e4a51a
}
ul.AnchorLink li a:hover, ul.AnchorLink li a.Active:link, ul.AnchorLink li a.Active:visited {
	color: #e4a51a;
	text-decoration: underline
}

.StaticMain h4 {
	background: url("../images/iocn-h1.png") no-repeat scroll 6px 0;
	color: #ff9a09;
	font-family: Arial;
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 5px;
	padding-left: 20px;
	margin-top: 10px;
}
.ContentH4 {
	line-height: 25px
}
.ContentH4 p {
	margin-bottom: 10px;
	text-align: justify;
	padding-right: 3px
}
.StaticMain h5 {
	color: #f8e1ac;
	font-family: Arial;
	font-size: 18px;
	line-height: 44px;
	margin: 0;
	padding-left: 27px; 
	background: url("../images/iocn-h2.png") no-repeat scroll 0 10px
}
.ContentH5 {
	margin: 0 0 20px 52px
}
.ContentH5 p {
	margin-bottom: 10px;
	text-align: justify;
	padding-right: 3px
}
.ImagesBlock {
	text-align: center;
	margin-bottom: 20px
}
.ImagesH4 {
	text-align: center;
	margin: 0 0 20px 50px
}
.ImagesH5 {
	text-align: center;
	margin: 0 0 20px 70px
}
.FirstChar {
	padding: 4px 4px 0 0;
	line-height: 30px;
	font-size: 40px;
	float: left
}
.MyTable {
	margin: 0 auto 10px;
	border-bottom: 1px solid #b5793b;
	border-collapse: collapse
}
.MyTable thead tr th {
	color: #fff;
	background: none repeat scroll 0 0 #ffb309;
	font-weight: bolder;
	padding: 5px 10px;
	border: 1px solid #ffb50f
}
.OddRow {
	background: #fff
}
.EvenRow {
	background: #ffebbd
}
.MyTable tbody tr td {
	padding: 3px 5px;
	border: 1px solid #ffb50f;
	text-align: center
}
.MyTable .HorzRight {
	text-align: right !important
}
.MyTable .HorzCenter {
	text-align: center !important
}
.MyTable .VeztTop {
	vertical-align: top !important
}
.NoticeBox {
	padding: 10px;
	background: #ffebbd;
	border: 1px solid #ffb309
}
.NoticeBox p.Legend {
	font-size: 13px;
	font-weight: bolder;
	padding: 0 22px;
	color: #fff;
	background: none repeat scroll 0 0 #ffb309;
	height: 20px;
	line-height: 18px;
	margin: -20px 0 10px;
	float: left;
	border: 1px solid #ffb309
}
.NoteContent {
	width: 100%;
	overflow: hidden;
	text-align: justify
}
.PagingWrapper {
	overflow: hidden;
	padding: 20px 0;
	width: 100%
}
.PagingControl {
	float: right;
	left: -50%;
	margin: 0;
	padding: 0;
	position: relative
}
.CenterWrapper {
	left: 50%;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative
}
 
p.TextCenter {
	text-align: center
}
.Strong01 {
	font-weight: bolder
}
.Strong02 {
	color: #c50700;
	font-weight: bolder
}
.TextFont15 {
	font-size: 15px;
	font-weight: bolder;
	font-family: Arial
}
.TextFont16 {
	font-size: 16px;
	font-weight: bolder;
	font-family: Arial
}
.TextFont17 {
	font-size: 17px;
	font-weight: bolder;
	font-family: Arial
}
.NoBorderImg {
	border: 0;
	background: 0;
	padding: 0
}
.BorderImg {
	border: 1px solid #000
}
.ImgLeft {
	float: left;
	margin: 8px 10px 5px 0
}
.ImgRight {
	float: right;
	margin: 10px 0 5px 10px
}
 
ul.Icon {
	margin: 0px auto;
}
ul.Icon li {
	background: url(../images/icon-disc.gif) 3px 10px no-repeat;
	padding-left: 15px;
	list-style-type: none;
	text-align: justify;
	line-height: 25px
}
 
.breadCrumbs {
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0 0 0 30px
}
.Popup {
	position: absolute;
	display: block;
	width: 500px;
	z-index: 100
}
.Popup .UpperPopup {
	background: none repeat scroll 0 0 #895415;
	height: 30px;
	position: relative
}
.Popup .Title {
	position: absolute;
	top: 0;
	left: 10px;
	color: #fff;
	font-size: 18px
}
.Popup .PopupClose:link, .Popup .PopupClose:visited {
	position: absolute;
	top: 0;
	right: 9px;
	display: block;
	height: 29px;
	color: white;
	line-height: 29px;
	font-weight: bold;
	text-decoration: none;
	color: #fff
}
.Popup .PopupClose:hover {
	text-decoration: none
}
.UserInfo a.UID {
	font-weight: bold;
	text-decoration: underline;
	color: #fff;
	padding-right: 10px
}
.UserInfo a.UID:hover {
	text-decoration: none
}
.Popup .upperPopup {
	background: #ffb309;
	height: 30px;
	width: 100%
}
.Popup .InnerContent {
	background: #ffebbd;
	padding: 10px 10px 5px 10px;
	width: auto;
	height: auto;
	color: #494848;
	border: 1px solid #ffb309
}
.ASide {
	float: left;
	width: 200px;
	overflow: hidden;
	margin-right: 20px
}
.ASide .Menu {
	list-style: none;
	width: 100%;
	overflow: hidden
}
.ASide .Menu li {
	float: left;
	width: 200px
}
.ASide .Menu li a:link, .ASide .Menu li a:visited {
	color: #fff;
	background: #666;
	font-weight: bold;
	height: 25px;
	width: 178px;
	display: block;
	padding: 2px 10px 0;
	border-bottom: 1px solid #ccc;
	text-decoration: none
}
.ASide .Menu li a:hover, .ASide .Menu li.Active a {
	color: #000;
	background: #eee
}
.ASide .Menu li.Off a {
	color: #aaa;
	background: #666;
	cursor: default
}
.ASide {
	position: absolute;
	top: 50px;
	left: 1px
}
#MainContent {
	margin: 0 auto;
	width: 1000px;
	position: relative;
	z-index: 1;
	overflow: hidden
}
.ErrorText {
	font-size: 13px;
	font-style: italic;
	color: #f00;
	text-align: center
}
#Survey {
	height: 400px;
	overflow: hidden
}
.SurveyWrapper {
	width: 500px;
	height: 357px;
	overflow: scroll;
	padding: 30px
}
.SurveyWrapper h3.Title {
	font-weight: bold;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0;
	padding-left: 15px;
	text-transform: uppercase
}
.SurveyWrapper .Description {
	font-size: 12px;
	margin-bottom: 10px
}
.Question {
	font-size: 12px;
	font-weight: bold;
	color: #3d3d3d;
	padding: 0 0 0 20px;
	margin-bottom: 5px;
	clear: both
}
ol {
	padding: 0 0 0 20px;
	margin-bottom: 20px
}
ol li {
	list-style: decimal
}
ol li a:link, ol li a:visited {
	color: #3d3d3d;
	text-decoration: none;
	font-size: 12px
}
ol li a:hover {
	color: #bdbdbd
}
.TextBox {
	padding: 0 0 0 30px;
	margin-bottom: 20px
}
textarea {
	width: 510px;
	height: 50px;
	font-size: 12px
}
th, tr, td {
	border: 0 solid #c4c4c4;
	padding: 2px 5px
}
table.Result {
	margin: 0 0 20px 20px;
	width: 95%
}
th {
	background: #d5d5d5
}
td.TextCenter {
	text-align: center
}
.SurveyWrapper p {
	padding: 0;
	clear: both;
	margin-bottom: 5px;
	overflow: hidden
}
.ui-slider {
	position: relative;
	text-align: left
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 12px;
	height: 14px;
	cursor: default
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0
}
.ui-slider-horizontal {
	height: 8px;
	margin: 5px 15px 0
}
.ui-slider-horizontal .ui-slider-handle {
	top: -0.3em;
	margin-left: -0.6em
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0
}
.ui-slider-vertical {
	width: .8em;
	height: 100px
}
.ui-slider-vertical .ui-slider-handle {
	left: -0.3em;
	margin-left: 0;
	margin-bottom: -0.6em
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0
}
.ui-widget {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em
}
.ui-widget .ui-widget {
	font-size: 1em
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em
}
 
.ui-widget-content a {
	color: #222
}
.ui-widget-header {
	border: 1px solid #aaa;
	color: #222;
	font-weight: bold;
	height: 5px
}
.ui-widget-header a {
	color: #222
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6;
	font-weight: normal;
	color: #555
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #555;
	text-decoration: none
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border: 1px solid #999;
	font-weight: normal;
	color: #212121
}
.ui-state-hover a, .ui-state-hover a:hover {
	color: #212121;
	text-decoration: none
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 1px solid #aaa;
	background: #fff;
	font-weight: normal;
	color: #212121
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #212121;
	text-decoration: none
}
.ui-widget:active {
	outline: 0
}
.ui-corner-tl {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px
}
.ui-corner-tr {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px
}
.ui-corner-bl {
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px
}
.ui-corner-br {
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px
}
.ui-corner-top {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px
}
.ui-corner-bottom {
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px
}
.ui-corner-right {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px
}
.ui-corner-left {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px
}
.ui-corner-all {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}
.ui-widget-overlay {
	background: #aaa;
	opacity: .3;
	filter: alpha(opacity=30)
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaa;
	opacity: .3;
	filter: alpha(opacity=30);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px
}

#link-function:hover {
	text-decoration: none
}
#link-function img {
	margin-left: 5px;
	vertical-align: middle
}
#list-function {
	background: none repeat scroll 0 0 #ffb309;
	display: none;
	overflow: hidden;
	padding: 3px 0 8px;
	position: absolute;
	top: 31px;
	width: 200px;
	z-index: 100
}
#list-function.Active {
	display: block
}
#list-function li {
	float: none;
	line-height: 18px;
	overflow: hidden;
	padding: 2px 3px 2px 11px;
	text-align: left
}
  
#breadcrumbs.Sub {
	color: #000;
	display: block;
	float: right;
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 5px;
	margin-top: 10px;
	position: relative;
	text-align: left;
	top: 0;
	left: 0
}
#static .StaticTopPanel #breadcrumbs.Sub {
	color: #967e4a;
	display: block;
	float: left;
	font-size: 11px;
	line-height: 13px;
	margin-left: 38px;
	margin-top: 32px;
	padding: 0 0 15px 40px;
	text-align: left
}
#breadcrumbs.Sub li {
	color: #494848;
	display: block;
	float: left;
	list-style: none outside none
}
#static .StaticTopPanel #breadcrumbs.Sub a:visited {
	color: #ffebee
}
#breadcrumbs.Sub a:link, #breadcrumbs.Sub a:visited {
	color: #494848;
	padding: 0 3px;
	text-decoration: underline
}
#breadcrumbs.Sub a:link span, #breadcrumbs.Sub a:visited span {
	color: #967e4a
}
#breadcrumbs.Sub span {
	color: #967e4a;
	font-weight: bold;
	padding: 0 3px
}
#breadcrumbs.Sub a span {
	font-weight: normal
}
#breadcrumbs.Sub a:hover {
	text-decoration: none
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.red {
	background-color: #f00
}
.green {
	background-color: #0f0
}
.blue {
	background-color: #09f
}
.opa05 {
	opacity: .5
}
.opa07 {
	opacity: .7
}

.bg-pc1{
	top: 0px;
	min-height: 1080px;
	width: 100%;
}

.donghanh{
	background: url(../images/bg-main1.jpg) 0 0px no-repeat #0e131b;
}

.khoaicuclac{
	background: url(../images/bg-main2.jpg) 0 0px no-repeat #0e131b;
}

.hoavokhuyet{
	background: url(../images/bg-main3.jpg) 0 0px no-repeat #0e131b;
}

.langtieuthanh{
	background: url(../images/bg-main4.jpg) 0 0px no-repeat #0e131b;
}
 
@media(max-width:1280px) {
	#loop-maincontent {
		padding-right: 13px
	}
}
@media screen and (min-width:10px) {
	body.pc {
		font-family: tahoma, arial;
		background: #0e131b;
		min-height: 1080px;
		overflow-x: hidden;
		line-height: 1.4 !important;
		position: relative
	}
	body.pc a {
		text-decoration: none;
		outline: 0
	}
	body.pc .MyTable tr td {
		vertical-align: top;
		padding: 0 8px
	}
	body.pc .float-wrapper {
		float: left;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
		width: 100%;
	}
	body.pc .header {
		height: 100%;
		float: left;
		width: 225px !important;
		position: fixed;
		top: 0;
		left: 0;
		min-height: 1020px;
		/*z-index: 11;*/
		/*background: url(../images/bg-loop.jpg) 0 0 repeat-y #161616;*/
	}
	body.pc .header.active {
		width: 411px
	}
	body.pc .header h1 {
		left: 10px;
		position: absolute;
		top: 16px;
		z-index: 5
	}
	body.pc .header h1 a {
		width: 116px;
		height: 106px;
		text-indent: -999em;
		overflow: hidden
	}
	body.pc .header .ficon {
		position: absolute;
		top: 180px;
		z-index: 5
	}
	 
	body.pc .header .wrapper {
		/*padding-top: 188px;*/
		width: 226px;
		position: relative;
		min-height: 3766px;
		/*padding-bottom: 200px;*/
		float: left;
		left: 0px;
		top: 0px;
		border-right: 1px solid #9b611b;
		background: url(../images/bg-wrapper.jpg) 0 0 repeat-y
	}

	body.pc .header .wrapper .main-menu {
		display: block;
		float: left;
		list-style: none;
		width: 226px;
		margin-top: 420px;
		position: absolute;
		/*top: 160px;*/
	}
	body.pc .header .wrapper .main-menu li {
		list-style: none;
		float: left;
		display: block;
		height: 74px;
	} 

	body.pc .header .wrapper .main-menu li a.nav01{
		background: url(../images/nav-nor.png) no-repeat 0px 0px;
	}

	body.pc .header .wrapper .main-menu li a.nav01:hover, body.pc .header .wrapper .main-menu li a.nav01.active{
		background: url(../images/nav-hov.png) no-repeat 0px 0px;
	}

	body.pc .header .wrapper .main-menu li a.nav02{
		background: url(../images/nav-nor.png) no-repeat 0px -74px;
	}

	body.pc .header .wrapper .main-menu li a.nav02:hover, body.pc .header .wrapper .main-menu li a.nav02.active{
		background: url(../images/nav-hov.png) no-repeat 0px -74px;
	}

	body.pc .header .wrapper .main-menu li a.nav03{
		background: url(../images/nav-nor.png) no-repeat 0px -148px;
	}

	body.pc .header .wrapper .main-menu li a.nav03:hover, body.pc .header .wrapper .main-menu li a.nav03.active{
		background: url(../images/nav-hov.png) no-repeat 0px -148px;
	}

	body.pc .header .wrapper .main-menu li a.nav04{
		background: url(../images/nav-nor.png) no-repeat 0px -221px;
	}

	body.pc .header .wrapper .main-menu li a.nav04:hover, body.pc .header .wrapper .main-menu li a.nav04.active{
		background: url(../images/nav-hov.png) no-repeat 0px -221px;
	}

	/*body.pc .header .wrapper .main-menu li a.nav05{
		background: url(../images/nav-nor.png) no-repeat 0px -357px;
	}

	body.pc .header .wrapper .main-menu li a.nav05:hover, body.pc .header .wrapper .main-menu li a.nav05.active{
		background: url(../images/nav-hov.png) no-repeat 0px -357px;
	}
*/
	 
	body.pc .header .wrapper .main-menu li a {
		display: inline-block; 
		overflow: hidden;
		text-indent: -9999px;
		text-align: left;
		background-position: 0px 0px;
		color: #868484;
		width: 226px;
		height: 74px;
	}
	 
	body.pc .panel-default.pull-left ol.breadcrumb {
		float: left;
		display: block;
		clear: both;
		margin-top: 2px;
		padding: 0 6px 8px
	}
	body.pc .panel-default.pull-left ol.breadcrumb li {
		float: left;
		padding-left: 5px;
		color: #000
	}
	body.pc .panel-default.pull-left ol.breadcrumb li a {
		color: #000;
		font-size: 15px
	}
	body.pc .panel-default.pull-left ol.breadcrumb li a:hover {
		color: #bf3a00
	}
	body.pc .panel-default.pull-left ol.breadcrumb li span {
		color: #bf3a00;
		font-size: 15px;
		font-weight: bold
	}
	body.pc .panel-default.pull-left ol.breadcrumb>li+li:before {
		content: "> ";
		padding: 0
	}
	body.pc #mainContent-minisub {
		width: 750px;
		float: left;
		margin-left: 250px !important; 
		display: block;
		position: relative;
		min-height: 800px;
	}

	#loop-maincontent{
		/*margin-top: 240px;*/
		/*background: url(../images/bg-main.png) repeat-y;*/
		/*margin-bottom: 100px;*/
		/*background: #ffffff 0 0 repeat-y;*/
	}
	body.pc .parallax-wrapper {
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		width: 100%;
		height: 1020px;
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		transform-origin: 0 0
	}
	body.pc .parallax-wrapper .layer {
		display: block;
		height: 100%;
		margin: 0;
		padding: 0;
		width: 100%
	}
	body.pc .parallax-wrapper .parallax-layer {
		position: absolute;
		top: 0;
		left: 0;
		width: 2000px;
		height: 1020px
	}
	body.pc .parallax-wrapper .parallax-layer.mainbg {
		background: url(../images/bg-main.jpg) -200px 0 no-repeat;
		margin-left: 80px;
	}
	body.pc .parallax-wrapper .parallax-layer.layer-01 {
		background: url(../images/l01.png) -200px 0 no-repeat;
	}
	body.pc .parallax-wrapper .parallax-layer.layer-02 {
		background: url(../images/l02.png) -200px 0 no-repeat;
	}
	
	body.pc .parallax-wrapper .parallax-layer.layer-03 {
		background: url(../images/l03.png) 640px 0 no-repeat;
	}
	
	/*body.pc .parallax-wrapper .parallax-layer.layer-04 {
		background: url(../images/l04.png) 458px 0 no-repeat;
	}
	body.pc .parallax-wrapper .parallax-layer.layer-05 {
		background: url(../images/l05.png) -200px 0 no-repeat;
	}*/
	body.pc .hwrapper {
		position: relative;
		width: 100%;
		height: 100%;
	}
	    
	body.pc .parallax-layer.layer-01 p {
		width: 340px;
		margin-top: 492px;
		line-height: 1.5;
		margin-left: 238px;
		font-size: 17px;
		color: #504140;
	}
	body.pc div.plugin-social-block-p, body.pc .template-blank {
		border-bottom: 2px solid #563903;
		clear: both;
		color: #a68c4d;
		margin: 0 auto;
		min-height: 50px;
		padding-bottom: 4px;
		width: 745px;	
		display: inline-block;
		position: absolute;
		background: url(../images/bg-sub-category.jpg) repeat;	 
	}
	body.pc div.plugin-social-block-p.active {
		background-color: #ffffff;
		color: #fff;
		position: fixed;
		top: 0;
		z-index: 100;
		margin: 0px auto;
	}
	body.pc div#popup-social-home {
		top: 10px
	}
	body.pc .ContentH4 {
		margin:0px auto;
	}
	body.pc br {
		display: none
	}
	#popup-social-sub ul li{
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: 47%;
	}
	body.pc .Off, body.pc .Off a {
		cursor: default
	}
	body.pc .panel-default.pull-left {
		/*background: url(../images/bg-content-header.jpg) 100% 1px no-repeat;*/
		width: 745px;
		/*min-height: 175px;*/
		display: block;
		padding: 00px
	}
	body.pc .panel-default.pull-left h2 {
		color: #f8e1ac;
		font-family: "UVNHaiBaTrung_0";
		font-size: 89px;
		font-weight: normal;
		margin-bottom: 20px;
		padding-top: 20px;
		text-align: left;
		text-transform: uppercase;
	}

	.sub-lbl{
		background: url("../images/bg-lbl.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		color: #ffc47e !important;
		display: inline-block;
		font-family: Tahoma !important;
		font-size: 12px !important;
		height: 20px;
		position: relative;
		text-transform: none !important;
		top: -25px;
		width: 57px;
	}
	body.pc #mainContent-style-page {
		margin-top: 10px !important
	}
	 
	body.pc a#scrollUp:hover {
		background: url("../images/btn-top-hov.png") no-repeat scroll center top rgba(0, 0, 0, 0)
	}
	body.pc a#scrollUp {
		background: url("../images/btn-top.png") no-repeat scroll center top rgba(0, 0, 0, 0);
		bottom: 100px;
		display: none;
		height: 88px;
		position: fixed;
		right: 10%;
		text-indent: -99999px;
		width: 69px;
		z-index: 9
	}
}
   

#mainContent-style-page {
	width: 840px;
	margin: 100px auto 0;
	overflow: hidden;
	position: relative;
	z-index: 4;
}
#mainContent-style-page .bs-callout {
	margin: 20px 0;
	padding: 20px
}
#mainContent-style-page .bs-callout-info {
	background-color: #ffebbd;
	border-left: 5px solid #ffb309
}
#mainContent-style-page .bs-callout div.h4 {
	margin-bottom: 5px;
	margin-top: 0
}
#mainContent-style-page .bs-callout-info div.h4 {
	color: #ffb309
}
#mainContent-style-page .bs-callout p:last-child {
	margin-bottom: 0
}
#mainContent-style-page .bs-callout code {
	background-color: #fff;
	border-radius: 3px
}
#mainContent-style-page code {
	color: #c7254e;
	font-size: 90%;
	padding: 2px 4px;
	white-space: nowrap
}
#mainContent-style-page .text-center {
	text-align: center
}
#mainContent-style-page .text-left {
	text-align: left
}
#mainContent-style-page .text-right {
	text-align: right
}
#mainContent-style-page .form-control {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555;
	display: block;
	font-size: 14px;
	height: 25px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
	width: 50%
}
#mainContent-style-page .form-control:focus {
	border-color: #66afe9;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
	outline: 0 none
}
#mainContent-style-page .form-group, #mainContent-style-page .group-control {
	margin-bottom: 15px;
	width: 100%;
	overflow: hidden
}
#mainContent-style-page .float-right {
	float: right
}
#mainContent-style-page .float-left {
	float: left
}
#mainContent-style-page .control-label {
	width: 17%
}
#mainContent-style-page label {
	display: inline-block;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 0;
	text-align: right;
	padding-top: 7px
}
#mainContent-style-page .input-sm {
	border-radius: 3px;
	font-size: 12px;
	padding: 5px 10px;
	height: 35px
}
#mainContent-style-page pre {
	padding: 10px 0
}
#mainContent-style-page {
	color: #191919;
	font-family: "Arial";
	padding: 10px 20px 10px 0px;
	font-size: 16px
}
#mainContent-style-page a:focus, #mainContent-style-page a {
	outline: 0;
	color: #0277c9;
	font-size: .9375em;
	padding-bottom: 10px;
	padding-top: 10px;
}
#mainContent-style-page a:active, #mainContent-style-page a:hover {
	color: #bf3a00
}
#mainContent-style-page p {
	font-family: Tahoma;
	font-size: 14px;
	margin-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
}
#mainContent-style-page h2 {
	color: #d00a07;
	font-weight: bold;
	font-size: 1.375em;
	font-family: "Arial";
	background: url('../images/icon-h5.png') no-repeat scroll 0 center;
	padding-left: 20px;
}
#mainContent-style-page h3 {
	color: #a02725;
	font-size: 1.125em;
	font-weight: bold;
	font-family: "Arial";
	background: url('../images/icon-h4.png') no-repeat scroll 0 center;
	padding-left: 20px;
}
#mainContent-style-page strong {
	font-weight: bold
}
#mainContent-style-page b {
	color: #df9d05;
	font-family: "Arial"
}
#mainContent-style-page span.desc-image {
	margin: 0 auto;
	display: block;
	text-align: center
}
#mainContent-style-page img {
	border: 1px solid #554e3f;
	margin: 0 auto;
	vertical-align:top;
}
#mainContent-style-page table {
	font-family: "Arial";
	font-size: .9375;
	text-align: center;
	background-color: #771a08;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 800px;
}
#mainContent-style-page table tr>th {
	background-color: #771a08;
	color: #fff;
	font-size: 14px;
	font-family: Tahoma;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
}
#mainContent-style-page table tr>td {
	border: 1px solid #000;
	padding: 3px 0;
	vertical-align:middle !important;
}
#mainContent-style-page ul>li {
	font-family: "Arial"
}
#mainContent-style-page ul>li>a {
	color: #0277c9;
	font-family: "Arial"
}
#mainContent-style-page ul>li>a:hover {
	color: #bf3a00
}
#mainContent-style-page ul.Tab {
	padding-left: 0;
	border-bottom: 1px solid #979282
}
#mainContent-style-page ul.Tab>li {
	font-family: "Arial";
	display: inline-block
}
#mainContent-style-page ul.Tab>li>a {
	color: #414141;
	font-family: "Arial";
	font-size: 1.25em;
	padding: 0 17px
}
#mainContent-style-page ul.Tab>li.active>a, #mainContent-style-page ul.Tab>li>a:hover {
	border-bottom: 4px solid #f00;
	padding-bottom: 3px;
	text-decoration: none
}
#mainContent-style-page ul.anchorLink {
	background-color: #fffdf6;
	border: 1px solid #c0b7a1;
	overflow: hidden;
	padding-left: 0;
	width: 100%;
	padding: 7px 0
}
#mainContent-style-page ul.anchorLink>li {
	list-style: none;
	display: inline-block
}
#mainContent-style-page ul.anchorLink>li>a {
	color: #0277c9;
	display: block;
	padding: 7px 0;
	text-align: left;
	text-indent: 20px;
	width: 145px;
	background: url('../images/icon.gif') no-repeat scroll 10px center;
}
#mainContent-style-page ul.anchorLink>li>a:hover {
	color: #da4700
}
.breadcrumb {
	border-radius: 4px;
	list-style: none outside none;
	padding: 10px 15px
}
.breadcrumb>li {
	display: inline-block
}
.breadcrumb>li>a {
	color: #428bca;
	text-decoration: none
}
.breadcrumb>li.active>a {
	color: #999
}
 
  
#breadcrumbs {
	color: #eed398;
	font-size: 12px;
	left: 75px;
	overflow: hidden;
	padding: 8px 8px 0 0;
	position: absolute;
	text-align: left;
	text-transform: none;
	top: 40px
}
#breadcrumbs li {
	float: left;
	padding: 0 0 0 5px;
	color: #eed398
}
#breadcrumbs a:link, #breadcrumbs a:visited {
	color: #eed398;
	padding: 0 2px 0 0;
	text-decoration: underline
}
#breadcrumbs li>span {
	font-weight: bold;
	text-decoration: none
}
#breadcrumbs span, #breadcrumbs a:hover {
	text-decoration: none
}
#breadcrumbs li.Active {
	font-weight: bold;
	color: #2f0700
}
ul#tabHeader {
	height: 38px;
	margin-bottom: 10px;
	width: 100%;
	border-bottom: 1px solid #979282;
	padding: 0
}
ul#tabHeader li {
	float: left;
	font-weight: bolder;
	padding-bottom: 4px;
	border: 0;
	margin-bottom: -4px
}
ul#tabHeader li:hover, ul#tabHeader li.Active {
	border-bottom: 4px solid #f00;
	padding: 0
}
ul#tabHeader li a:link, ul#tabHeader li a:visited {
	display: block;
	padding: 0 0 0 9px;
	text-decoration: none;
	text-align: center;
	margin-right: 2px;
	margin-top: 0;
	float: left
}
ul#tabHeader li a span {
	display: block;
	padding: 0 14px 0 5px;
	cursor: pointer;
	height: 38px;
	line-height: 38px;
	text-decoration: none;
	float: left;
	color: #414141;
	font-size: 20px;
	font-weight: normal
}
ul#tabHeader li.Active a:link, ul#tabHeader li.Active a:visited, ul#tabHeader li a:hover {
	text-decoration: none;
	margin-top: 0
}
ul#tabHeader li.Active a span, ul#tabHeader li a:hover span {
	color: #414141;
	padding: 0 14px 0 5px;
	height: 38px;
	line-height: 38px
}
ul.AnchorLink {
	margin: 0 auto 10px;
	overflow: hidden;
	padding: 15px 20px;
	border: 1px solid #979282;
	background: 0;
}
ul.AnchorLink li {
	background: url(../images/icon_person.gif) no-repeat 0 7px;
	float: left;
	width: 158px;
	padding: 0 0 5px 13px;
	font-weight: bolder
}
ul.AnchorLink li a:link, ul.AnchorLink li a:visited {
	text-decoration: none;
	color: #e4a51a
}
ul.AnchorLink li a:hover, ul.AnchorLink li a.Active:link, ul.AnchorLink li a.Active:visited {
	color: #e4a51a;
	text-decoration: underline
}
 
.StaticMain h4 {
	background: url("../images/icon-h1.png") no-repeat scroll 0px 0px;
	color: #f8e1ac;
	font-family: Tahoma;
	font-size: 25px;
	font-weight: bold;
	line-height: 52px;
	margin-bottom: 5px;
	margin-top: 10px;
	padding-left: 55px;
}
.ContentH4 {
	line-height: 25px;
	width: 90%;
	margin: 0px auto;
}
.ContentH4 p {
	margin-bottom: 10px;
	text-align: justify;
	padding-right: 3px
}
.StaticMain h5 {
	color: #f8e1ac;
	font-family: Arial;
	font-size: 18px;
	line-height: 44px;
	margin: 0;
	padding-left: 27px;
	background: url("../images/iocn-h2.png") no-repeat scroll 0 10px
}
.ContentH5 {
	margin: 0 0 20px 52px
}
.ContentH5 p {
	margin-bottom: 10px;
	text-align: justify;
	padding-right: 3px
}
.ImagesBlock {
	text-align: center;
	margin-bottom: 20px
}
.ImagesH4 {
	text-align: center;
	margin: 0 0 20px 50px
}
.ImagesH5 {
	text-align: center;
	margin: 0 0 20px 70px
}
.FirstChar {
	padding: 4px 4px 0 0;
	line-height: 30px;
	font-size: 50px;
	float: left
}
.MyTable {
	margin: 0 auto 10px;
	border-bottom: 1px solid #b5793b;
	border-collapse: collapse
}
.MyTable thead tr th {
	color: #fff;
	background: none repeat scroll 0 0 #ffb309;
	font-weight: bolder;
	padding: 5px 10px;
	border: 1px solid #000;
}
.OddRow {
	background: #fff
}
.EvenRow {
	background: #ffebbd
}
.MyTable tbody tr td {
	padding: 3px 5px;
	border: 1px solid #ffb50f;
	text-align: center
}
.MyTable .HorzRight {
	text-align: right !important
}
.MyTable .HorzCenter {
	text-align: center !important
}
.MyTable .VeztTop {
	vertical-align: top !important
}
.NoticeBox {
	padding: 10px;
	background: #ffebbd;
	border: 1px solid #ffb309
}
.NoticeBox p.Legend {
	font-size: 13px;
	font-weight: bolder;
	padding: 0 22px;
	color: #fff;
	background: none repeat scroll 0 0 #ffb309;
	height: 20px;
	line-height: 18px;
	margin: -20px 0 10px;
	float: left;
	border: 1px solid #ffb309
}
.NoteContent {
	width: 100%;
	overflow: hidden;
	text-align: justify
}
.PagingWrapper {
	overflow: hidden;
	padding: 20px 0;
	width: 100%
}
 
p.TextCenter {
	text-align: center
}
.Strong01 {
	font-weight: bolder
}
.Strong02 {
	color: #c50700;
	font-weight: bolder
}
.TextFont15 {
	font-size: 15px;
	font-weight: bolder;
	font-family: Arial
}
.TextFont16 {
	font-size: 16px;
	font-weight: bolder;
	font-family: Arial
}
.TextFont17 {
	font-size: 17px;
	font-weight: bolder;
	font-family: Arial
}
.NoBorderImg {
	border: 0;
	background: 0;
	padding: 0
}
.BorderImg {
	border: 1px solid #000
}
.ImgLeft {
	float: left;
	margin: 8px 10px 5px 0
}
.ImgRight {
	float: right;
	margin: 10px 0 5px 10px
}
ul.Decimal {
	margin: 0 0 10px 25px
}
ul.Decimal li {
	list-style-type: decimal;
	margin-bottom: 10px;
	text-align: justify
}
ul.UpperAlpha {
	margin: 0 0 10px 25px
}
ul.UpperAlpha li {
	list-style-type: upper-alpha;
	margin-bottom: 10px;
	text-align: justify
}
ul.LowerAlpha {
	margin: 0 0 10px 25px
}
ul.LowerAlpha li {
	list-style-type: lower-alpha;
	margin-bottom: 10px;
	text-align: justify
}
ul.Icon {
	margin: 0px;
}
ul.Icon li {
	background: url(../images/icon-disc.gif) 3px 10px no-repeat;
	padding-left: 15px;
	list-style-type: none;
	text-align: justify;
	line-height: 25px;
	font-size: 14px;
	font-family: Tahoma;
}

ol {
	padding: 0 0 0 20px;
	margin-bottom: 20px
}
ol li {
	list-style: decimal
}
ol li a:link, ol li a:visited {
	color: #3d3d3d;
	text-decoration: none;
	font-size: 12px
}
ol li a:hover {
	color: #bdbdbd
}
.TextBox {
	padding: 0 0 0 30px;
	margin-bottom: 20px
}
textarea {
	width: 510px;
	height: 50px;
	font-size: 12px
}
th, tr, td {
	border: 0 solid #c4c4c4;
	padding: 2px 5px
}
table.Result {
	margin: 0 0 20px 20px;
	width: 95%
}
th {
	background: #d5d5d5
}
td.TextCenter {
	text-align: center
}

#popup-social-sub ul li a{
	display: inline-block;
	border-left: 5px solid #963600;
	padding-left: 5px;
	width: 100%;
	color: #ffffff;
	font-family: Tahoma;
	font-size: 15px;
	line-height: 30px;
	font-weight: bold;
	margin-top: 5px; 
}

#popup-social-sub ul li a:hover, #popup-social-sub ul li a.active{
	background: none repeat scroll 0 0 #6e2608;
	border-left: 5px solid #963600;
	padding-left: 5px;
	width: 100%;
}

.download{
	background: url(../images/navi.png) no-repeat left top;
	width: 237px;
	height: 82px;
	margin: 0px auto;
	text-indent: -9999px;
	position: absolute;
	top: 0px;
}

.download:hover{
	background: url(../images/navi-hover.png) no-repeat left top;
}

.register{
	background: url(../images/navi.png) no-repeat left -82px;
	width: 118px;
	height: 42px;
	margin: 0px auto;
	text-indent: -9999px;
	position: absolute;
	top: 262px !important;
}

.register:hover{
	background: url(../images/navi-hover.png) no-repeat left -82px;
}

.card{
	background: url(../images/navi.png) no-repeat -118px -82px;
	width: 118px;
	height: 42px;
	margin: 0px auto;
	text-indent: -9999px;
	position: absolute;
	top: 262px !important;
	left: 118px;
}

.card:hover{
	background: url(../images/navi-hover.png) no-repeat -118px -82px;
}

.login{
	background: url(../images/navi.png) no-repeat left -123px;
	width: 237px;
	height: 82px;
	margin: 0px auto;
	text-indent: -9999px;
	position: absolute;
	top: 302px !important;
}

.login:hover{
	background: url(../images/navi-hover.png) no-repeat left -123px;
}

.TopLink {
	background: none repeat scroll 0 0 #000;
	height: 28px;
	left: 0;
	position: absolute;
	text-align: center;
	top: 142px;
	width: 100%;
	z-index: 2;
}
.TopLink li {
	display: inline-block;
	font-size: 12px;
	list-style-type: none;
	color: #fbdcb7;
}

.TopLink li a:link, .TopLink li a:visited {
	/*font-size: 14px;*/
	font-weight: bolder;
	color: #ffffff;
	text-decoration: none;
	padding: 0 3px 0 2px;
	font-weight: bold;
}
.TopLink li a:hover {
	color: #f7bb00;
	
}

.btn-daianhhung{
	position: relative;
	left: 20px;
	top: 200px;
	width: 180px;
}

.btn-download a{
	float: left;
	top: -10px;
	background: url(../images/download.png) no-repeat;
	position: absolute;
	width: 187px;
	height: 125px;
}

.btn-download a:hover{ 
	background: url(../images/download-hover.png) no-repeat;
}

.navi-4{ 
	display: block;
	position: absolute;
	z-index: 9999;
	top: 68px;
}

 
.btn-get-2 {
    background: url("../images/btn-get.png") no-repeat scroll left 0px;
    height: 58px;
    left: 0;
    position: absolute;
    top: 48px;
    width: 94px;
}
.btn-get-2:hover {
    background: url("../images/btn-get-hover.png") no-repeat scroll left 0px;
}
.btn-get-3 {
    background: url("../images/btn-get.png") no-repeat scroll -94px 0px;
    height: 58px;
    left: 93px;
    position: absolute;
    top: 48px;
    width: 94px
}

.btn-get-3:hover {
    background: url("../images/btn-get-hover.png") no-repeat scroll -94px 0px;
}

/*#header-maincontent{
	margin-top: 295px;
}*/


















    ;
}
.btn-get-3:hover {
    background: url("../images/btn-get.png") no-repeat scroll -127px -96px;
}

/*Footer*/
.footer {
	width:100%; 
	height:70px;
	clear:both;
	padding:0px;
	padding-bottom: 20px;
	background: #141414;
	position: relative;
	bottom: 0px;
}
 
.footer-main{
	left: 0;
	margin: 0 auto;
	position: relative;
	top: 30px;
	width: 900px;
}

.content-footer{
	color: #2e2e2e;
	left: 170px;
	position: absolute;
	text-align: center;
	top: 4px;
	width: 430px;
}

.content-footer p, .content-footer a{
	color:#fff;	
	font-size: 13px;
}

#logo-gosu{
	background: url("../images/logo-gosu.png") no-repeat;
	height: 43px;
	left: 0px;
	position: absolute;
	top: 9px;
	width: 163px;
	z-index: 990;	
}

#logo-cubinet{
	background: url("../images/logo-cubinet.png") no-repeat;
	height: 43px;
	left: 600px;
	position: absolute;
	top: 9px;
	width: 263px;	
}

/*TABLE FORMAT*/

.StaticMain table tr:nth-child(2n)  { 
	color: #000;
	background: #f1f1f1; 
	border: 1px solid #000000;
}
.StaticMain table tr:nth-child(2n+1)  { 
	color: #000;
	background: #b3b3ab; 
	border: 1px solid #000000;
}
.StaticMain table tr:first-child td {
	color: #000; 
	border: 1px solid #000000;
}
.StaticMain table tr:first-child td p strong{
	color: #000 !important;
}
.StaticMain table tr:first-child  { 
	color: #000 !important;
	background:#b3b3ab;
	border: 1px solid #000000; 
}
.StaticMain table tr td{
	margin:0px;
	padding: 5px 10px;
	border: 1px solid #000000;
}
.StaticMain table tr td strong,.contentArea table tr td p{
	padding: 0px;
	margin: 0px;
}
.StaticMain table tr td p{	
	margin: 0px;
}
.StaticMain .content-event-h1{
	background: url("../images/icon_1.png") no-repeat scroll 1px 7px;
	float: left;
	font-size: 15px;
	height: 20px;
	padding: 10px 13px 8px 28px;
	width: 600px;	
}
.StaticMain .content-event-h2{
	background: url("../images/icon-1.png") no-repeat scroll 1px 10px rgba(0, 0, 0, 0) !important;
	float: left;
	font-size: 16px !important;
	font-weight: bold;
	height: 22px;
	padding: 10px 16px 10px 35px !important;
	width: 600px;	
}
.StaticMain .content-event-h2 span{ 
	font-size: 16px !important;
}
.StaticMain ul li {
    background: url("../images/icon_person.gif") no-repeat scroll 15px 8px;
	clear: both;
	padding-bottom: 0;
	padding-left: 28px;
	padding-top: 0;
	vertical-align: middle;
}

.StaticMain title-h2{
		
}

.content-event-first{
	float: left;
	font-family: times new roman;
	font-size: 55px;
	height: 23px;
	line-height: 18px;
	margin: 9px 2px 0 0px;
	text-align: left;
}

.prefix{
	background: none repeat scroll 0 0 #910103;
	float: left;
	font-size: 48px;
	margin-right: 10px;
	margin-top: 34px;
	padding: 0 15px 1px;
}

.slogan{
	color: #ffffff;
	font-size: 14px;
	margin-top: 155px;
	width: 550px;
}

.tabs{
	list-style: none;
	display: inline-block;
	width: 801px;
	margin-left: 20px;
}

.tabs li{
	background: none !important;
	float: left !important; 
	clear: none !important;
	padding: 0px !important;
}

.tabs li a{
	background: url(../images/bg-tab.jpg) repeat-x #2b2620 !important;
	clear: none !important;
	color: #f8e1ac !important;
	display: inline-block;
	float: left !important;
	font-family: Tahoma !important;
	font-size: 16px !important;
	font-weight: bold;
	height: 30px;
	line-height: 28px;
	text-align: center;
	text-decoration: none !important;
	width: 266px;
	border-right: 1px solid #000 !important;
}

.tabs li a:hover,.tabs li a.active{
	background: url(../images/bg-tab-hover.jpg) repeat-x #8e1f0a !important;
}

#tab1 .MyTable, #tab2 .MyTable, #tab3 .MyTable{
	margin-top: 0px !important;
} 

.content-footer{
  top: 10px;
}

.footer-link{
   height: 30px;
    left: 145px;
    position: absolute;
    top: -14px;
    width: 520px;
}

.footer-link ul{
  list-style: none;
}

.footer-link li{
  float: left;
  margin-left: 5px;
  color: #000;
}

.footer-link li a{
  color: #fff;
  font-size: 12px;
  font-family: Tahoma;
}

.footer-link li a:hover{
  color: #E80812;
}