@font-face
{
	font-family: 'FontMyriadPro';
	src: url("fonts/myriadpro_bold.ttf");
}
@font-face
{
	font-family: 'FontMyriadPro';
	src: url("fonts/myriadpro_bold.ttf");
}
@font-face
{
	font-family: 'FontVni';
	src: url("fonts/UTM_AvoBold.eot");
}
@font-face
{
	font-family: 'FontVni';
	src: url("fonts/UTM_AvoBold.ttf");
}
body {font-size:14px; color:#333; background:#f7f7f7 url(../images/bg_grad.gif) repeat-x; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
.width-100
{
float:left;
width:100%;
}
.center
{
width:1200px;
margin:0px auto;
}
.logo
{
float: left;
width: 150px;
text-align: center;
margin: 3px 0px 3px 0px;
}
.slogan
{
float: left;
width: 669px;
text-align:center;
margin-right:30px;
}
.slogan h1
{
text-transform: uppercase;
font-size: 16pt;
font-family: FontMyriadPro;
color: #024c80;
margin: 27px 0px 0px 0px;
line-height: 25px;
}
.slogan h2
{
font-weight: normal;
font-size: 9pt;
text-transform: uppercase;
color: #0095da;
line-height: 18px;
margin: 0px;
}
.slogan h2 span
{
text-transform:none;
font-weight:bold;
}
.right-head
{
float: left;
width: 350px;
}
.menu-top
{
float:right;
padding-top:98px;
}
.menu-top ul
{
float:left;
width:auto;
margin:0px;
padding:0px;
}
.menu-top ul li
{
float:left;
padding:0px 5px;
color:#333;
list-style:none;
}
.menu-top ul li a
{
float:left;
text-decoration:none;
font-size:9pt;
color:#000000;
padding: 3px 0px;
}
.menu-top ul li a:hover
{
color:#666666;
}
.ip-s
{

width: 125px;
margin: 0px 0px 0px 0px;
}
.btn-search
{
background: url(../images/btn-search.png) no-repeat;
float: right;
height: 25px;
width: 68px;
border: none;
color: #FFF;
font-size: 11px;
margin: -2px 0px 0px 0px;
cursor:pointer;
}
.huan-chuong
{
/*float: left;*/
text-align: left;
}
.huan-chuong img
{
/*margin-right:10px;
margin-top:5px;
vertical-align: middle;
margin-bottom: 5px;*/
margin: 3px 0px 0px 0px;
}
.main-menu
{
float: left;
margin: 0px;
padding: 0px;
height: 35px;
background: #ff0000;/*4cb847*/
width: 100%;
border-bottom: 1px solid #fff;
}
.main-menu li
{
list-style:none;
float:left;
position:relative;
}
.main-menu li ul
{
	position:absolute;
	top:35px;
	left:0px;
	width:210px;
	background:#000;
	display:none;
	z-index:123456;
	margin: 0px;
padding: 0px;
background:#ff0000;
border-top:1px solid #fff;
}
.main-menu li ul li a
{
width: 168px;
border-bottom: 1px solid #fff;
background:none;
text-transform:none;
}
.main-menu li:hover ul
{
display:block;
}
.main-menu li a
{
float: left;
padding: 11px 14px 12px 8px;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
width: auto;
font-size: 8pt;
font-weight: bold;
background: url(../images/border-menu.png) no-repeat right -5px;
}
.main-menu li a:hover
{
color:#ffd800;/*ee1c24*/
font-size: 9pt;
}
.main-menu li:last-child a
{
background:none;
}
.main-menu li a.home
{
padding: 1px 3px 0px 2px;
background: #FFF;
margin: 1px;
border-radius: 2px;
}
.bottom-banner
{
background: url(../images/bdbbanner.png) no-repeat;
float: left;
width: 100%;
height: 35px;
margin-top: -10px;
z-index: 123;
position: relative;
}
.services a
{
float: left;
width: 165px;
text-align: center;
margin-top:15px;
line-height: 22px;
text-decoration:none;
background:url(../images/bdr.png) no-repeat right center;
}
.bg-w
{
background: #FFF;
}
.services a:last-child
{
background:none;
}
.txtTop
{
color: #605f5f;
font-size: 14px;
}
.services a img
{
margin-bottom:10px;
}
.txtBottom
{
color:#ea6e00;
font-weight:bold;
font-size:14px;
text-transform:uppercase;
font-family:Arial;
}
.pb10
{
padding-bottom:10px;
}
.services
{
margin-bottom:15px;
}
.bg-footer
{
background:url(../images/footer.png) no-repeat;
height:90px;
}
.left
{
float: left;
padding: 10px 20px;
width: 600px;
}
.right
{
float: left;
padding: 10px 15px;
width: 329px;
}
.title
{
background: url(../images/arrow-blue.png) no-repeat 0px 3px;
float: left;
width: 96%;
padding-left: 4%;
margin: 0px;
text-transform: uppercase;
color: #0095da;
font-weight: normal;
border-bottom: 1px solid #0095da;
padding-bottom: 2px;
font-size: 15pt;
}
.title a
{
color: #0095da;
text-decoration:none;
}
.other-news
{
width: 75%;
}
.bd-dot
{
height:1px;
float:left;
width:100%;
border-bottom:1px dotted #505050;
margin:5px 0px 15px 0px;
}
.other-news a
{
background: url(../images/arrow-grey.png) no-repeat left 4px;
padding-left: 2.5%;
float: left;
width: 97%;
color: #505050;
font-size: 9pt;
line-height: 16px;
text-decoration: none;
margin-bottom:10px;
}
.box-news a
{
background: url(../images/arrow-grey.png) no-repeat left 4px;
padding-left: 5%;
float: left;
width: 97%;
color: #505050;
font-size: 9pt;
line-height: 16px;
text-decoration: none;
margin-bottom: 10px;
}
.box-news
{
float: left;
width: 322px;
margin: 3px 0px 3px 3px;
background: #FFF;
padding: 15px 15px;
height: 325px;
}
.banner-left
{
float: left;
width: 845px;
margin: 3px 0px 5px 0px;
height: 353px;
overflow: hidden;
}
.other-news a:hover, .box-news a:hover
{
font-weight:bold;
}
.jcarousel-wrapper
{
	width: 100% !important;
	min-height: 240px !important;
	padding: 8px 0px;
	position: relative;
	overflow: hidden;
}
.jcarousel
{
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #FFF;
	padding-left:0px;
	margin-bottom:15px;
}

.jcarousel ul
{
	width: 20000em;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 0px;
}

.jcarousel li
{
	float: left;
	border: 0px solid #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	white-space: normal !important;
	list-style:none !important;
	border:1px solid transparent;
}

.jcarousel li .promotion
{
	left: auto;
}
.jcarousel img
{
	max-width: 100%;
	height: auto !important;
	margin-right: 20px;
	float: left;
}
.right-news
{
float: left;
width: 250px;
}
.right-news a
{
text-decoration: none;
color: #505050;
font-weight: bold;
font-size: 10pt;
}
.right-news p
{
color:#505050;
font-size:10pt;
text-align:justify;
}
.jcarousel .link img
{
	height: 60px !important;
	margin-top:4px;
}
.jcarousel-control-prev
{
	left: 754px;
	background: url(../Images/btn-slide.png) no-repeat;
}
.jcarousel-control-next
{
	right: 0px;
	background: url(../Images/btn-slide.png) no-repeat -24px 0px;
}
.jcarousel-control-prev, .jcarousel-control-next
{
	position: absolute;
	top: 90%;
	margin-top: -15px;
	width: 22px;
	height: 24px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 0 1px #000;
	font: 24px/27px Arial, sans-serif;
}
.mt10
{
margin-top:10px;
}
.menu-bottom
{
float: left;
width: 96%;
padding: 0px;
margin: 5px 0px 5px 0px;
padding-left: 4%;
}
.menu-bottom li
{
list-style: none;
float: left;
padding: 0px 2px;
color: #000000;
font-size: 9pt;
}
.menu-bottom li a
{
float: left;
text-decoration: none;
color: #000;
font-size: 9pt;
padding: 1px 0px;
}
.f-sm
{
font-size:9pt;
margin-top: 2px;
line-height: 16px;
margin-bottom: 25px;
padding-left: 4%;
width: 96%;
}
.title-right
{
background:url(../images/bg-title.png) no-repeat;
float:left;
width:100%;
height:33px;
}
.title-right h2
{
float: left;
margin: 0px;
font-size: 11pt;
text-transform: uppercase;
padding: 8px 0px 0px 25px;
background: url(../images/arrow-blue.png) no-repeat 7px 8px;
color:#024c80;
}
.title-right h2 a
{
color: #024c80;
text-decoration:none;
}
.content-right
{
background:#f7f7f7;
padding:1.5% 3%;
width:94%;
float:left;
position:relative;
margin-bottom:2px;
}
.img
{
width:100%;
margin:2px 0px;
}
.bg-w2
{
background:#FFF;
}
.des
{
background: url(../images/bg-trans.png);
float: left;
width: 94%;
height: 70px;
position: absolute;
left: 9px;
bottom: 38px;
}
.link-detail
{
font-size: 9pt;
color: #024c80;
float: right;
font-style: italic;
text-decoration: none;
padding: 10px 0px;
}
.txtW
{
float: left;
width: 100%;
color: #FFF;
text-shadow: 1px 1px 1px #000;
margin: 10px 0px 0px 25px;
font-size:12pt;
}
.txtBlue
{
float: left;
width: 100%;
color: #81ccf1;
font-weight: bold;
text-transform: uppercase;
font-size: 15pt;
margin: 6px 0px 0px 25px;
text-shadow: 1px 1px 1px #000;
}
.box-s
{
box-shadow: 0px 0px 3px #B6B5B5;
margin-top: 2px;
color:#505050;
font-size:9pt;
}
.txtcen
{
text-align:center;
}
.line18
{
line-height:18px;
}

/* slider layout */
.lof-slidecontent { position:relative;	overflow:hidden;	border:#F4F4F4 solid 0px;}
.lof-slidecontent .preload{	height:100%;	width:100%;	position:absolute;	top:0;	left:0;	z-index:100000;	text-align:center;	background:#FFF}
.lof-slidecontent .preload div{	height:100%;	width:100%;	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;}

.lof-slidecontent  .sliders-wrapper{	position:relative;	height:100%;	width:900px;	z-index:3px;	overflow:hidden; }
.lof-slidecontent  ul.sliders-wrap-inner{overflow:hidden;	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;	padding:0px;	margin:0;	position:absolute;	overflow:hidden;}
.lof-slidecontent  ul.sliders-wrap-inner li{overflow:hidden;	padding:0px;margin:0px;	float:left;	position:relative;}
.lof-slidecontent  .lof-opacity  li{position:absolute;	top:0;	left:0;	float:inherit; }


.lof-slidecontent  .navigator-content {position:absolute; bottom:10px; right:10px;
	background:url(../images/transparent_bg.png) repeat;
	padding:5px 0px;
}
.lof-slidecontent  .navigator-wrapper{	position:relative;	z-index:10;
	height:180px;
	width:310px;
	overflow:hidden;
	color:#FFF;
	float:left
}
.lof-slidecontent  ul.navigator-wrap-inner{	top:0;	padding:0;	margin:0;	position:absolute;	width:100%; }
.lof-slidecontent  ul.navigator-wrap-inner li{ cursor:hand; 	cursor:pointer;	list-style:none;	padding:0;	margin-left:0px;	overflow:hidden;	float:left;	display:block;	text-align:center;}

/*******************************************************/
 
ul.sliders-wrap-inner li img{	padding:0px;	}

.lof-slidecontent .slider-description a.readmore{color:#58B1EA; font-size:95%; }
.lof-slidecontent .slider-description a{ color:#FFF; }
.lof-slidecontent .slider-description{
	z-index:100px;
	position:absolute;
	bottom:50px;
	left:0px;
	width:350px;
	background:url(../images/bg_trans.png);
	height:100px;
	padding:10px;
	color:#FFF;
}
.lof-slidecontent .slider-description h4 {    font-size: 14px;    margin: 10px 0;    padding: 0; }
.lof-slidecontent .slider-description .slider-meta a{	
	margin:0;
	background:#C01F25;
	font-size:75%;
	padding:2px 3px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
	text-transform:uppercase;
	text-decoration:none
}
.lof-slidecontent  .item-meta a:hover{	text-decoration:underline;}
.lof-slidecontent  .item-meta i {	font-size:70%; }

/* item navigator */

.lof-slidecontent ul.navigator-wrap-inner li img{
	border:#666 solid 3px;	
}
.lof-slidecontent ul.navigator-wrap-inner li.active img, 
.lof-slidecontent ul.navigator-wrap-inner li:hover img {
	border:#A8A8A8 solid 3px;
	-moz-transition:border-color  ease-in-out 0.4s
}
.lof-slidecontent .navigator-content .button-next, 
.lof-slidecontent .navigator-content .button-previous{
	display:block;
	width:22px;
	height:30px;
	color:#FFF;
	cursor:pointer;

}
.lof-slidecontent .navigator-content .button-next {
	float:left;	
	text-indent:-999px;
	margin-right:5px;
	background:url(../images/arrow-l.png) no-repeat right center;
}
.lof-slidecontent .navigator-content .button-previous {
	float:left;	
	text-indent:-999px;
	margin-left:5px;
	background:url(../images/arrow-r.png) no-repeat left center;
}

.lof-slidecontent .button-control {
   position:absolute;
   top:10px;
   right:10px;
    height: 20px;
    width: 20px;
	cursor:hand; cursor:pointer;
	background:url(../images/transparent_bg.png) repeat;
}

.lof-slidecontent .button-control span { display:block;  width:100%; height:100%;}
.lof-slidecontent .action-start span  {
	background:url(../images/play.png) no-repeat center center;
}
.lof-slidecontent .action-stop span {
	background:url(../images/pause.png) no-repeat center center;
}
.lof-slidecontent, .main-slider-content
{
height:353px;
width:100%;
}
.banner
{
float:left;
width:100%;
height:320px;
}
.mt3
{
margin-top:3px;
}
.breadcum
{
margin: 5px 10px 0px 10px;
padding: 2px 2% 4px 0%;
border-bottom: 1px solid #0095da;
height: 18px;
}
.breadcum li
{
list-style:none;
float:left;
margin:0px 4px;
}
.breadcum li a
{
text-decoration:none;
color:#333;
font-style:italic;
font-size:9pt;
}
.breadcum li a.link, .breadcum li.link
{
font-style:normal;
color:#0095da;
}
.content-left
{
float: left;
padding: 10px 10px 10px 10px;
width: 830px;
text-align: justify;
}
.box-right {
float: left;
padding: 10px 10px;
width: 329px;
}
.txtTag, .tags
{
float:left;
margin-right:4px;
color:#505050;
font-style:italic;
text-decoration:none;
font-size: 9pt;
}
.bbd1
{
border-bottom: 1px dotted #505050;
padding-bottom: 5px;
margin-bottom:0px;
}
.txtSame
{
padding: 0px 10px 0px 10px;
font-weight: normal;
font-size: 10pt;
text-transform: uppercase;
color: #505050;
}
.content-comment
{
background: url(../images/bg-grey.png) repeat-x;
border-radius: 5px;
width: 822px;
margin: 0px 0px 1px 1px;
min-height:160px;
}
.txtArea
{
float: left;
width: 90%;
border: 1px solid #EAEAEA;
height: 70px;
margin: 10px 0px 0px 20px;
padding: 10px;
color: #47BCEF;
}
.content-comment .title
{
background: url(../images/bg-blue.png) no-repeat;
height: 25px;
width: 145px;
float: left;
border: none;
text-transform: none;
color: #FFF;
padding: 5px 1px 1px 10px;
font-size: 11pt;
margin:5px 0px 0px -3px;
}
.box-out-cm
{
border: 1px solid #e1e1e1;
border-radius: 4px;
padding: 2px;
width: 824px;
}
.ip-email
{
width: 350px;
padding: 2px 5px 2px 5px;
margin: 7px 0px 0px 0px;
}
.box-content-cm
{
float: left;
padding: 5px;
margin: 5px 15px 0px 15px;
background: #FFF;
color: #333;
font-style: italic;
font-size: 10pt;
line-height: 16px;
}
div.box-content-cm:nth-child(even) {
    background: #f8f8f8;
	padding:10px;
}
.title-news
{
background: url(../images/arrow-blue.png) no-repeat 0px 3px;
float: left;
width: 96%;
padding-left: 6%;
margin: 0px 0px 10px 0px;
text-transform: uppercase;
color: #024c80;
padding-bottom: 2px;
font-size: 11pt;
font-weight: bold;
padding-top: 2px;
}
.content-left .breadcum {
margin: 5px 0px 5px 0px;
padding: 2px 2% 4px 0%;
border-bottom: 1px solid #0095da;
height: 18px;
}
.content-left .breadcum li {
list-style: none;
float: left;
margin: 0px 8px 0px 0px;
}
.pdt0
{
padding-top:0px;
}
.box-new img
{
float: left;
width: 175px;
padding: 2px;
border: 1px solid #F2F2F2;
border-radius: 2px;
margin-right: 15px;
}
.box-new
{
float: left;
width: 100%;
margin-bottom: 10px;
}
.info
{
float: left;
width: 433px;
margin-top: 3px;
}
.info p
{
margin: 5px 0px;
font-size:10pt;
line-height: 16px;
max-height: 95px;
overflow: hidden;
}
.page
{
float: left;
width: 100%;
margin-top: 10px;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
}
.page a
{
color: #505050;
text-decoration: none;
font-weight: bold;
font-size: 9pt;
}
.page a.active
{
background: #ff0000;
padding: 1px 4px;
color: #FFF;
border-radius: 4px;
}
.linkmore
{
float: right;
text-decoration: none;
font-style: italic;
font-size: 9pt;
color: #0095da;
}
.title-link
{
color: #505050;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
font-size: 9pt;
}
a:hover
{
text-decoration:underline;
}
.btn-send
{
background: #0095da;
border-radius: 5px;
border: none;
float: right;
margin: 10px 20px 0px 0px;
padding: 3px;
width: 60px;
color:#FFF;
font-size:9pt;
}
.user
{
float: left;
margin-right: 10px;
margin-top: -3px;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #0095da;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #0095da;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #0095da;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #909;
}