@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'UTMHelvetIns';
    src: url('../fonts/UTMHelvetIns.eot');
    src: url('../fonts/UTMHelvetIns.eot?#iefix') format('embedded-opentype'),
         url('../fonts/UTMHelvetIns.woff') format('woff'),
         url('../fonts/UTMHelvetIns.ttf') format('truetype'),
         url('../fonts/UTMHelvetIns.svg#utm_bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UVNTinTucHep_R';
    src: url('../fonts/UVNTinTucHep_R.eot');
    src: url('../fonts/UVNTinTucHep_R.eot?#iefix') format('embedded-opentype'),
         url('../fonts/UVNTinTucHep_R.woff') format('woff'),
         url('../fonts/UVNTinTucHep_R.ttf') format('truetype'),
         url('../fonts/UVNTinTucHep_R.svg#utm_bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UTMNeoSansIntelRegular';
    src: url('../fonts/utmneosansintel.eot');
    src: url('../fonts/utmneosansintel.eot') format('embedded-opentype'),
         url('../fonts/utmneosansintel.woff2') format('woff2'),
         url('../fonts/utmneosansintel.woff') format('woff'),
         url('../fonts/utmneosansintel.ttf') format('truetype'),
         url('../fonts/utmneosansintel.svg#UTMNeoSansIntelRegular') format('svg');
	font-weight: normal;
    font-style: normal; 
}
@font-face {
    font-family: 'roboto';
    src: url('../fonts/robotocondensed-regular.eot');
    src: url('../fonts/robotocondensed-regular.eot') format('embedded-opentype'),
         url('../fonts/robotocondensed-regular.woff2') format('woff2'),
         url('../fonts/robotocondensed-regular.woff') format('woff'),
         url('../fonts/robotocondensed-regular.ttf') format('truetype'),
         url('../fonts/robotocondensed-regular.svg#roboto') format('svg');
	font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'aicap';
    src: url('../fonts/uvnaicap_b-webfont.eot');
    src: url('../fonts/uvnaicap_b-webfont.eot') format('embedded-opentype'),
         url('../fonts/uvnaicap_b-webfont.woff2') format('woff2'),
         url('../fonts/uvnaicap_b-webfont.woff') format('woff'),
         url('../fonts/uvnaicap_b-webfont.ttf') format('truetype'),
         url('../fonts/uvnaicap_b-webfont.svg#aicap') format('svg');
	font-weight: normal;
    font-style: normal;
}

*{margin:0; padding:0;}
img {
	
	border:none;	
}
ul,li{
	list-style:none;	
}
a{
	text-decoration:none;
	color:#000;	
}
a:hover{
	color:red;	
}
.clr{
	clear:both;	
}
.float_l{
	float:left;	
	
}
.float_r{
	float:right;	
}
body{
	background: url(../images/body_bg.jpg) center repeat fixed ;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;	
}
#container-page{
	width:100%;
	
	
	
}
#container{
	width:100%;
	position:relative;
	z-index:1;
	
}
/*----------POPUP----------*/
#element_to_pop_up { display:none;position:fixed !important; top:10px !important; left:30% !important }

@media screen and (min-width:1367px) {
	#element_to_pop_up { display:none;position:fixed !important; top:10px !important; left:700px !important }
}
/*---------------QUANG CAO-----------*/
@media screen and (max-width:1100px) {
	#divAdLeft{
		display:none;
	}
	#divAdRight{
		display:none;
	}
}
/*-----------------BACK TOP TOP---------------*/
#top{width: 50px;
height: 50px;
background: url(../images/top.png);
position: fixed;
right: 30px;
bottom: 50px;
cursor:pointer;display:none;
z-index:100;}
/*------SEARCH-----------------*/
#search{
	width: 165px;
	height: 34px;
	background: url(../images/search_bg.png) center no-repeat;
	line-height: 34px;
	position: absolute;
	right: 0px;
	top: 4px;

}
input#search_input{
	border: none;
	position: absolute;
	top: 6px;
	left: 31px;
	height: 22px;
	line-height: 22px;
	outline: none;
	width: 122px;
	background: none;
	color: #fff;
}

input#btnSearch{
	border: none;
	left: 0px;
	top: 3px;
	cursor: pointer;
	position: absolute;
	height: 25px;
	width: 30px;
	text-indent: -99999px;
	z-index: 1000;
	background: none;
}
/*------------------HEADER-------------------*/
#header{
	width: 1000px;
	height: 148px;
	margin: 0 auto;
	position: relative;
}


#banner{
	width: 100%;
	height: 148px;
	position: relative;
	z-index: 100;
	
}
.header_box{
	width:1000px;
	float:right;	
}

.header_box .header_box_content{
	width: 250px;
	text-align: right;
	position: absolute;
	right: 0px;
	top: 30px;
		
}
.header_box .header_box_content img{ 
	-moz-transition:1s;
	-webkit-transition:1s;
	transition:1s;
	margin-left:10px;
}
.header_box .header_box_content img:hover{
	-o-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg);		
}
.transi_1s{
	-moz-transition:1s;
	-webkit-transition:1s;
	transition:1s;
		
}
.transi_05s{
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	transition:0.5s;
		
}

.header_box .hotline{
	width: 174px;
	height: 37px;
	background: url(../images/hotline.png) no-repeat;
	position: absolute;
	right: 0px;
	top: 50px;
	text-indent: 39px;
	line-height: 37px;
	color: #fff;
	font-family: 'roboto';
	font-size: 20px;
	text-align: left;
}

/*-------------------MENU TOP-------------------------*/
#menu_top{
	width: 100%;
	height: 40px;
	background: url(../images/menu_bg.png) repeat-x;

	
}

#menu_top #myslidemenu{
	width:1000px;
	margin:0 auto;
	position:relative;
	}
#menu_top ul#nav > li{
	float: left;
	text-transform: uppercase;
	text-align: center;
	height: 40px;
	line-height:40px;
	font-weight: normal;
}
#menu_top ul#nav > li img{
	position:relative;
	top:12px;	
}
#menu_top ul#nav ul > li{
	font-weight:normal;
	color:#fff;	
}

#menu_top ul#nav > li > a{
	display: block;
	padding: 0 17px !important;
	height: 40px;
	line-height: 40px;
	color: #fff;
	white-space:nowrap;
	font-family:'roboto';
}

#menu_top ul#nav li:hover a{
	background:#fff;
	color:#2476F6 !important;
}
#menu_top ul#nav > li > ul >li{
	background:url(../images/menu_bg.jpg) repeat-x;
	border-bottom: thin #999 solid;
	height:30px !important;
	
}
#menu_top ul#nav > li > ul >li:hover{
	background:#2771D8 !important;
	color:#fff !important;
	
}
#menu_top ul#nav > li > ul >li > ul > li{
	background:#A000C2;
	
	
}
#menu_top ul#nav > li > ul >li > ul > li:hover{
	background:#016c55 !important;
	color:#fff !important;
}
#menu_top ul#nav  li{
	font-size: 15px;
	
}

.menu_active{
	background:#fff;
	color:#2476F6 !important;
}
.noboder{
	border:none;	
}


/*--main------------*/


#content{
	width:1200px;	
	margin:0 auto;

}
#content img{
	-moz-transition:1s;
	-webkit-transition:1s;
	transition:1s;	
}
/*------------SLIDER-----------------*/
#slider{
	width: 1000px;
	height: 380px;
	margin: 0 auto;
	
}
#slider img{
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;	
}
.bong_slider{
	height:20px;
	width:100%;
	background:url(../images/bong_slide.png) no-repeat;
}
#amazingslider-1{
	margin:0px !important;	
}
.amazingslider-arrow-left-0{
	width: 40px !important;
	height: 81px !important;
	left: 177px !important;
	top: 45% !important;
	margin-top: -16px !important;
	background: url(../images/but_left.png) 0% 0% no-repeat !important;
}
.amazingslider-arrow-right-0{
	width: 40px !important;
	height: 81px !important;
	right: 190px !important;
	top: 45% !important;
	margin-top: -16px !important;
	background: url(../images/but_right.png) 100% 0% no-repeat !important;
}
/*----------MAIN CONTENT---------------------*/
#main_content{
	width: 1000px;
	margin: 0px auto;
	position: relative;
}
/*------------hover---------------*/
.tt_img{
	position:relative;	
}
.tt_img .hover{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:rgba(255,255,255,0);	
}
.tt_img .hover a{
	display:block;
	width:100%;
	height:100%;
}


/*-----------------SLIDE SAN PHAM---------------*/

.slide_sp{
	width:100%;	
	margin:40px 0px 30px 0px;
}

.box_main{
	width:100%;
	min-height:150px;	
}
.box_main .title_gt{
	 height:49px;
	 line-height:38px;
	 background:url(../images/title_gt.png) left no-repeat;
	 	
}
.box_main .title_spnb{
	 height:49px;
	 line-height:38px;
	 background:url(../images/spnoibat.png) left no-repeat;
	 	
}
.title_doitac{
	 height:46px;
	 line-height:34px;
	 background:url(../images/khachhang.png) left no-repeat;
	 	
}

.main_title{
	text-indent: 35px;
	 color:#fff;
	 text-transform:uppercase;
	 font-size:16px;	
}
#block_list{
	width:700px;
	min-height:150px;
	margin:0 auto;
}
.block_item{
	width: 235px;
	height: 230px;
	float: left;
	text-align: center;
	margin-right: 17px;
	position:relative;
	
}

.block_item a{
	
	text-transform: uppercase;
	font-size:14px;
	
	
}

.block_item img{
	width: 235px;
	height: 190px;
	border-radius: 5px ;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	


}
	
.block_item .item_name {
	
	height:20px;
	line-height:30px;
	position:absolute;
	background:url(../images/pro_name_bg.png) no-repeat;
	bottom:25px;
	
	
		
}

.block_item .item_name a{
	
	font-size: 14px;
	color: #000;
	font-weight: bold;
	display:block;
	text-align:center;
	
}
.block_item .item_name a:hover{
	color:#016C55;	
}
.bongsp{
	height:16px;
	background:url(../images/bong_sp.png) no-repeat;
	
}
.block_item h3 a{
	font-family:'roboto';
	font-size:20px;
	color:#fff;
	font-weight:normal;
}
.block_item h3 a:hover{
	color:#ff0;	
}
.block_item:hover .hover{
	background:url(../images/plus.png) center no-repeat rgba(255,255,255,0.4);
	transition:all 1s;	
}



/*------------LEFT-------------*/
#left{
	width: 225px;
float: left;
margin-right: 10px;
	
	
}
.left_box{
	min-height:100px;
	border:1px solid #bac9cc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin-bottom:20px;
	background:#eff9fe;
	position:relative;
}
.left_box h2{
	height:37px;
	line-height:37px;
	font-family:'roboto';
	background:url(../images/title_bg.jpg) repeat-x;
	text-transform:capitalize;
	font-size:20px;
	text-align:center;
	-webkit-border-radius: 10px 10px 0 0;/*Safari, Chrome*/
	-moz-border-radius: 10px 10px 0 0;/*Firefox*/
	border-radius: 10px 10px 0 0;
	color:#fff;
	font-weight:normal;
}
.left_item{
	width:190px;
	min-height:150px;
	margin:10px auto;
	border-bottom:1px #666 dashed;
	padding:5px;	
}

.left_item p{
	color:#000;
	margin: 5px 0px;	
}
.left_item p.small{
	color:#999;
	font-size:12px;	
}

.left_item h3{
	color:#404041;
	 font-size:14px;
	 font-weight:bold;
	 font-family:'roboto';
	
	
}
/*+++++++++++++	MENU LEFT++++++++++++++++*/
ul.cateUl ul{
	display:none;
	background:#eff9fe !important;	
}

ul.cateUl{
	width:225px;
	margin:0 auto;
	
	
}
ul.cateUl > li{
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;	
}
ul.cateUl > li:last-child{
	background:none;
}
ul.cateUl > li{
	
	position:relative;
	height:34px;
	line-height:34px;	
	background:url(../images/vach_li.png) -2px bottom no-repeat;
	text-indent:35px;
}

ul.cateUl > li > a{
	display: block;
	font-size: 15px;
	color: #000;
	text-transform: capitalize;
	background:url(../images/li.png) 25px center no-repeat;

}

ul.cateUl > li:hover >ul{
	display:block !important;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
}


ul.cateUl>li ul{
	
	position: absolute;
	left: 100%;
	top:0px;
	z-index: 1000;
	width: 200px;
	border-radius: 6px;
	border: solid 1px #ccc;
	border-left:none;
	background:#db011c;
	
}


ul.cateUl>li>ul>li{
	display: block;
	position:relative;
	border-bottom:thin #ccc solid;
	
	
}
ul.cateUl>li>ul>li:last-child{
	border:none;	
}

ul.cateUl>li>ul>li>a{
	font-size: 14px;
	display: block;
	height: 28px;
	line-height: 28px;
	text-indent: 15px;
	color: #000 !important;
	text-transform:uppercase;
}
ul.cateUl>li>ul>li:hover >ul{
	display:block !important;
	left:195px !important;
}
ul.cateUl>li>ul>li>a:hover{
	color:red !important;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	text-indent:25px !important;
	
}
ul.cateUl>li>a:hover{
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	text-indent:50px !important;
	background-position:40px !important;
	color:red;	
}


ul.cateUl>li>ul>li>ul>li{
	display: block;
	position:relative;
	border-bottom:thin #eb6676 solid;
	overflow: hidden;
	
}

ul.cateUl>li>ul>li>ul>li>a{
	font-size: 14px;
	display: block;
	height: 28px;
	line-height: 28px;
	text-indent: 15px;
	color: #fff !important;
	text-transform:uppercase;
}
ul.cateUl>li>ul>li>ul>li>a:hover{
	color:#f5ff00 !important;	
}


.active1{
	text-indent:50px !important;
	background-position:40px !important;
	color:red !important;	
}
/*----------------SAN PHAM MOI------------------*/
#scroller{
	width:194px;
	margin:0 auto;	
}
#scroller img{
	border:2px solid #d5ecf8;
	margin:10px 0px;	
}
#scroller li:hover .hover{
	background:url(../images/plus.png) center no-repeat rgba(255,255,255,0.4);
	transition:all 0.5s;	
}
/*-----------CENTER-----------------*/
#main{
	width:980px;
	padding:10px;
	background:#fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin-top:20px;
	margin-bottom: 25px;
	
}

.content{
	width: 100%;
	padding: 10px;
	border:1px solid #bac9cc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;	
	position:relative;
	background:#fff;
	margin:35px 0;
	position:relative;
}
.first{
	margin-top:20px !important;	
}

.title{	
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	padding: 3px 30px;
	background: url(../images/title_bg.jpg) repeat-x;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	text-align: center;
	color: #fff;
	font-weight: normal;
	font-size: 18px;
	font-family: 'roboto';
	display: inline-block;
	position: absolute;
	left: -15px;
	bottom: -3px;
	white-space: nowrap;
	
	
}
.title_p{
	border-bottom:3px solid #2f7df6;
	position:relative;	
	height:30px;
	width:725px;
	margin-left:5px;
	margin-bottom:15px;
	position:relative;
}
.title_p a{
	position:absolute;
	right:0px;
	top:11px;
	color:blue;	
}
/*----------SỰ KIỆN--------*/
.sukien_item{
	width:520px;
	margin:10px auto;	
}
.sukien_item  .sk_date{
	width:58px;
	height:56px;
	background:url(../images/date_tin.png) no-repeat;
	float:left;	
	
	text-align:center;
	font-weight:bold;
}
.sukien_item  .sk_date .date_top{
	height:20px;
	line-height:20px;
	color:#fff;
	font-size:16px;
}
.sukien_item  .sk_date .date_bottom{
	height:38px;
	line-height:38px;
	color:#000;
	font-size:19px;
}
.sukien_item .sk_content{
	width:450px;
	float:right;
}
.sukien_item .sk_content h3 a{
	color:#2771d8;
	font-size:17px;
}
.sukien_item .sk_content p{
	border-top: thin dotted #ccc;
	padding: 5px 0px;
		
}
.content a.xemthem{
	display:inline-block;
	position:absolute;
	height:25px;
	line-height:25px;
	right:30px;
	bottom:0px;
	background:url(../images/li.png) left center no-repeat;
	text-indent:20px;	
}
.content a.xemthem:hover{
	color:red;
	
}
/*--------VIDEO-------*/
.video{
	width:195px;
	height:170px;
	margin:15px auto;
	position:relative;
}
#video{
	position: absolute;
	top: 37px;
	left: 14px;
	
}

/*------------right------------------------*/
#right{
	width: 730px;
	float: right;
	min-height: 600px;
	margin-right: 10px;
}
/*----------RIGHT1-------------*/
#right1{
	width:260px;
	background:#da251d;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;		
	float:right;
	padding:10px;
}
#right1 img:hover{
	-moz-transform:scale(0.9);
	-o-transform:scale(0.9);
	-webkit-transform:scale(0.9);
	transform:scale(0.9);
}
#right1 h2 a{
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	text-align:center;
	font-size:15px;
	display:block;
	width:260px;
	margin:0 auto;
	padding:10px 0px;
	border-bottom:3px #fff double;
	margin-bottom:10px;
}
#right1 .tv_anh,tv_video {
	
}
#right1 .tv_anh h3{
	height:30px;
	width:260px;
	background:url(../images/thuvien.jpg) 15px center no-repeat #fff;
	line-height:30px;
		
	display:block;
	margin:5px 0px;
	color:#000;
}

#right1 .tv_video h3{
	height:30px;
	width:260px;
	background:url(../images/video-43.jpg) 15px center no-repeat #fff;
	line-height:30px;
		
	display:block;
	color:#000;
}
#right1 .tt a{
	color:#000;	
	text-indent:50px;
	display:block;
	color:blue;
	text-transform:uppercase;
}
#right1 .tt a:hover{
	background:#006;
	color:#fff;	
}
/*----------HINH ANH---------------*/
.ha_item{
	width:180px;
	min-height:140px;
	float: left;
	margin-right:18px;	
}
.ha_item img{
	width:180px;
	height:120px;	
}
.ha_item  h3 a{
	display:block;
	height:25px;
	line-height:25px;
	text-align:center;
	font-size:14px;
	font-weight:normal;	
	
}
.ha_item:hover img{
	-moz-transform:scale(0.9);
	-o-transform:scale(0.9);
	-webkit-transform:scale(0.9);
	transform:scale(0.9);
}
/*-----------------đối tác------------------*/
#doitac{
	width: 100%;;
	height: 220px;
	
	padding:0px 10px;
}
#doitac_box{
	width:900px;
	
	margin:0 auto;	
	margin-top:20px;
}
#doitac img{
	background:#fff !important;	
	
}
#doitac h3 a{
	
}
/*footer*/
#footer{
	width: 100%;
	height: 280px;
	color: #fff;
	position: relative;
	
	z-index: 10;
		
}
#footer_info{
	width: 1000px;
	height: 205px;	
	margin:0 auto;
	position:relative;
	
	
}
#footer_content{
	width: 1000px;
	height:205px;	
	margin:0 auto;
	position:absolute;
	bottom:0px;
	
	
}
a.vach_ft{
	border-right:1px #fff solid;		
}
#menu_ft{
	width: 100%;
	height: 35px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	background: #2c59a9;
}
#menu_ft a{
	color: #fff;
	padding: 0px 16px;
	display: inline-block;
	font-size: 15px;
	position: relative;
	top: 8px;
	white-space:nowrap;
	
}
#menu_ft a:hover{
	color:#ff0;	
}
.footer_title{
	width:100%;
	line-height:25px	
}

.footer_title h2{
	color:#fff;
	font-weight:bold;
	font-size:18px;
	text-transform:uppercase;
	font-family:'roboto';
	
}
.footer_title h2 span{
	font-style:normal !important;	
}
.footer_title h2 b{
	font-size:15px;	
	text-transform:none;
}
#footer_block1 {
	width:390px;
	height: 150px;
	float: left;
	margin-top: 20px;	
}
#footer_content ul{
	margin:-2px 0px 0px 10px;
}
#footer_content ul li{
	list-style:none;
	line-height:22px;
	color:#fff;
	
}
#footer_content ul li a{
	color:#fff;
	text-transform:capitalize;
	
}
#footer_content ul li a:hover{
	color:#ff0;
}

.footer_block3 {
	width: 295px;
	height: 150px;
	float: left;
	margin-top: 20px;
	
	
}
.footer_block3 .tk span{
	display:block;
	
	height:25px;
	line-height:25px;	
}
.footer_block3 .tk span img{
	position:relative;
	top:3px;
	margin-right:5px;	
}
.footer_end{
	height:40px;
	width:100%;
	background:#132f63;
	line-height:40px;
	
}
.footer_end_content{
	width:1000px;
	margin:0 auto;
	height:40px;	
}
.footer_end_content .copy{
	width:500px;
	float:left;
	color:#757f98;
			
}
.footer_end_content .thongke{
	width:500px;
	float:right;
	text-align:right;
	color:#fff;	
}
.footer_end_content .thongke span{
	color:#ff0;	
}
/*-------------NHẬN TIN------------------*/

#nhantin{
	width: 295px;
	height: 35px;
	background: url(../images/dk_bg.png) center no-repeat;
	line-height: 35px;
	position: relative;
	right: 0px;
	top: 4px;
	margin:10px 0px;

}
input#email_newsletter{
	border: none;
	position: absolute;
	top: 6px;
	left: 43px;
	height: 22px;
	line-height: 22px;
	outline: none;
	width: 175px;
	background: none;
	color: #fff;
	
}

input#btn_send_newsletter{
	
	border: none;
	right: 0px;
	top: 3px;
	cursor: pointer;
	position: absolute;
	height: 27px;
	width: 79px;
	text-indent: -99999px;
	z-index: 1000;
	background: none;
}

/* --------------------- Phan trang ------------------*/
.phantrang{
	text-align:center;
	padding:10px 0px;
}
.phantrang a {
    background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2;
    box-shadow: 0 1px 0 #FFFFFF inset;
    color: #636363;
    cursor: pointer;
    font-size: 11px;
    margin: 0 0 0 4px;
    padding: 6px 10px;
}
.phantrang a:hover {
    background: none repeat scroll 0 0 #277AE7; 
    box-shadow: none;
    color: #FFFFFF;
    text-decoration: none;
}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {
    background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2 !important;
    color: #ADADAD !important;
    cursor: default;
    opacity: 0.7;
}
.phantrang .paginate_active, .phantrang .paginate_active:hover {
    background: none repeat scroll 0 0 #277AE7F;   
    box-shadow: none;
    color: #FFFFFF;
}/*----------------------------------------------------*/

.tablelienhe span{
	color:#F00;
}
.tablelienhe td{ height:25px;}
.tablelienhe .input,.tablelienhe textarea{
	border: 1px #E9E9E9 solid;
	azimuth:center;	
	width:300px;
	background:#fff;
	margin-bottom:10px;
	
}
.tablelienhe .title{ font-size:14px; font-weight:bold; text-transform:uppercase}

.button {
    background: #286FD3;
    border: 1px solid #fff;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    
    padding: 5px 30px;
	cursor:pointer;
}
.main_map{
	height:570px;
	border:thin solid #999;
	margin-top:10px;
}
.main_map iframe{width: 100%;height: 100%;}
.box_news{
	width: 100%;
height: 190px;
border-bottom: thin #266CCE dotted;
margin-bottom: 10px;
position: relative;
}
.box_news h2{
	font-size:15px;
	margin:0px;
	text-transform:uppercase;
	
}
.mg_top0{
	margin-top:-8px !important;	
	
}
.box_news .ten_tt{
	height:25px;
		
}
.box_news .mota_tt a {
	float: right;
padding: 6px 18px;
background: #266CCE;
color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position: absolute;
right: 10px;
bottom: 10px;
}
.box_news .mota_tt a:hover{
	color:red;
	opacity:0.8;	
}
.box_news h2 a{
	color: #266CCE;
}
.box_news p{
	margin:0px;
	padding:0px;
}
.box_news p.small{
	font-size:11px;
	color:#666666;
}
.box_news h2 a:hover{
	color:#F00;
}
h1.text_title{color:#241900; font-size:12px;}

.image_boder{float:left; margin:0px 10px 0px 0px; background:#FFF; padding:5px; border:1px solid #E4E4E4;}

.title_news{
	color: #0B7BCF;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 20px;
	text-transform: uppercase;
	background: #eeeeee;
	padding: 5px;
	border: thin #ccc solid;
}

.othernews{
	padding-left:0px;
	
}

.othernews h2{
	color: #0B7BCF;
display: block;
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
margin-top: 20px;
text-transform: uppercase;
background: #eeeeee;
padding: 5px;
border: thin #ccc solid;
}
.othernews ul{
	list-style:inside;
	font-size: 12px;
	line-height: 18px;
	
}
.othernews ul li a{
	padding-left:10px;
	color:#00539a;
	text-decoration:underline !important;
	
}


.product_detail_pic{
	width: 300px;
	height: 300px;
	margin: 0 auto;
}
ul.product_info{
	list-style: none;
	padding: 0px;
	margin: 0px;
	height: 310px;
	width: 412px;
	float: right;
	margin-top: 40px;
}
ul.product_info li{
	padding:3px 0px;
	
}
ul.product_info li span{
	font-weight:bold;
	color:#00539a;
	font-size: 18px;
	text-transform: capitalize;
}
ul.product_info li b{
	font-size:13px;
}
.xh{
	height: 31px;
	line-height: 30px;
}
/*tab san pham*/
.thongtin_sp{
	width:100%;
		
}
ul.tablayout {
	display: block;
	list-style-type: none;
	z-index: 2;
	position: relative;
}
ul.tablayout li {
	margin: 0 5px 0 0;
	float: left;
	display: list-item;
	text-align: -webkit-match-parent;
}

#tab_1, #tab_2, #tab_3, #tab_4{
	position:absolute;
	bottom:-1px;
	left:0px;
	z-index:-1;
	
}

#tab_2{
	left:160px;
}

#tab_3{
	left:329px;
}

#tab_4{
	left:373px;
}

ul.tablayout li a {
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 22px;
	color: #000;
	background: #F7F7F7;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #ccc;
	border-bottom: 0;
	text-align: center;
}
ul.tablayout li a:hover{
	cursor:pointer;
}
.tabs-container {
	border: 1px solid #CCC;
	clear: left;
	padding: 10px;
	display: block;
	line-height: 1.5;
	position:relative;
	z-index:1;
	background:#FFF;
}

ul.tablayout li a.active
{
	background: #2972D9;
	color:#fff;
}
/*slider san pham*/
.imgSP {
	width: 300px;
	float: left;
}
.ProductThumb {
	overflow: visible;
width:300px;
height: 300px;
}
.ImageCarouselBox {
	float: left;
	width: 382px;
	height: 92px;
	margin-top: 8px;
}
.ProductThumbImage {
	float: left;
	border: thin solid #CCC;
	width: 300px;
	height: 300px;
}
ul.ulThumbImg {
	text-align: center;
}
ul.ulThumbImg li {
}
ul.ulThumbImg li img {
	width: 78px;
	height: 60px;
	background: #FFF;
}
.dhang{
	width:182px;
	height:45px;
	background:#2CC7A7;	
	-webkit-border-radius: 15px;/*Safari, Chrome*/
	-moz-border-radius: 15px;/*Firefox*/
	border-radius: 15px;
	color:#fff;
	font-size:25px;
	line-height:50px;
	text-align:center;
	margin-top:10px;
	cursor:pointer;
	
}
.dhang a{
	display:inline-block;	
}
.dhang a:hover{
	color:#fff;
}
/* Styles for zoom pup window (that one what move with mouse above small image) */
.MagicZoomPup {
	background: #90a8d6;
	border: 1px solid #022e6f;
}
/* Styles for header on large zoom window */
.MagicZoomHeader {
	background: url(images/navbar-red.png) repeat top left;
	color: #fff;
}
/* Styles for large zoom window */
.MagicZoomBigImageCont {
	border: 1px solid #E1E1E1;
}
/* Style of the expanded image */
.MagicThumb-expanded {
	border: 1px solid #E1E1E1;
}
/* Style of the caption for the expanded image */
.MagicThumb-caption {
	background: url(images/navbar-red.png) repeat top left;
	color: #fff;
}

.jcarousel-skin-tango_sp .jcarousel-container {
	margin-left:10px;
}

.jcarousel-skin-tango_sp .jcarousel-direction-rtl {
	direction: ltr;
}

.jcarousel-skin-tango_sp .jcarousel-container-horizontal {
    padding: 0px;
}

.jcarousel-skin-tango_sp .jcarousel-container-vertical {
    padding: 0px 0;
}

.jcarousel-skin-tango_sp .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango_sp .jcarousel-clip-horizontal {
    width: 352px;
	height: 83px;
}

.jcarousel-skin-tango_sp .jcarousel-clip-vertical {
    width: 180px;
	height: 280px;
}

.jcarousel-skin-tango_sp .jcarousel-item {
   	width: 180px;
	height: 63px;
}

.jcarousel-skin-tango_sp .jcarousel-item-horizontal {
	width: 78px;
	height: 60px;
	overflow: hidden;
	margin-right: 10px;
	border: solid 1px #CCC;
}

.jcarousel-skin-tango_sp .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 0px;
    margin-right: 0;
}

.jcarousel-skin-tango_sp .jcarousel-item-vertical {
}

.jcarousel-skin-tango_sp .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango_sp .jcarousel-next-horizontal {
	position: absolute;
	top: 13px;
	right: -1px;
	width: 21px;
	height: 38px;
	cursor: pointer;
	background: transparent url(../images/btn-right_sp.png) no-repeat 0 0;
}

.jcarousel-skin-tango_sp .jcarousel-next-horizontal:before{
	opacity:.8;
}

.jcarousel-skin-tango_sp .jcarousel-direction-rtl .jcarousel-next-horizontal {
    opacity:.8;
}

.jcarousel-skin-tango_sp .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango_sp .jcarousel-next-horizontal:focus {
	opacity:.8;
}

.jcarousel-skin-tango_sp .jcarousel-next-horizontal:active {
    opacity:.8;
}

.jcarousel-skin-tango_sp .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango_sp .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango_sp .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango_sp .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    opacity:.3;
}

.jcarousel-skin-tango_sp .jcarousel-prev-horizontal {
    position: absolute;
	top: 13px;
	left: -22px;
	width: 21px;
	height: 38px;
	cursor: pointer;
	background: transparent url(../images/btn-left_sp.png) no-repeat 0 0;
}

.jcarousel-skin-tango_sp .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    opacity:.8;
}

.jcarousel-skin-tango_sp .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango_sp .jcarousel-prev-horizontal:focus {
    opacity:.8;
}

.jcarousel-skin-tango_sp .jcarousel-prev-horizontal:active {
    opacity:.8;
}

.jcarousel-skin-tango_sp .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango_sp .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango_sp .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango_sp .jcarousel-prev-disabled-horizontal:active {
    opacity:.3;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango_sp .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 87px;
    width: 35px;
    height: 29px;
    cursor: pointer;
    background:url(../images/btn_down.png) no-repeat center center;
}

.jcarousel-skin-tango_sp .jcarousel-next-vertical:hover,
.jcarousel-skin-tango_sp .jcarousel-next-vertical:focus {
    opacity:.8;
	cursor: pointer;
}

.jcarousel-skin-tango_sp .jcarousel-next-vertical:active {
    opacity:.8;
	cursor: pointer;
}

.jcarousel-skin-tango_sp .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango_sp .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango_sp .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango_sp .jcarousel-next-disabled-vertical:active {
    cursor: pointer;
    opacity:.8;
}

.jcarousel-skin-tango_sp .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
	left: 87px;
    width: 35px;
    height: 29px;
    cursor: pointer;
    background:url(../images/btn_up.png) no-repeat center center;
}

.jcarousel-skin-tango_sp .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango_sp .jcarousel-prev-vertical:focus {
	opacity:.8;
	cursor: pointer;
}

.jcarousel-skin-tango_sp .jcarousel-prev-vertical:active {
    opacity:.8;
	cursor: pointer;
}

.jcarousel-skin-tango_sp .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango_sp .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango_sp .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango_sp .jcarousel-prev-disabled-vertical:active {
    cursor: pointer;
    opacity:.8;
}


/*back to top*/

#back-top {
	position: fixed;
	bottom: 22px;
	right: 22px;
	text-align: center;
}

#back-top a {
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a img {
	max-width: 100%;
}
#likeFB {
	position: fixed;
	top: 15%;
	right: -191px;
	width: 239px;
	z-index: 9999;
}
.left_likeFB {
	float: left;
	width: 48px;
}
.right_likeFB {
	float: left;
	width: 181px;
	background-color: #F7F7F7;
}
.marg{
	margin-right:20px;	
}
.block_item_home{
	width:215px;
	float:left;
	margin-right:23px;
	margin-bottom:10px;
	text-align:center;
	min-height: 210px;
	margin-left:3px !important;

}
.block_item_home a{
	color: #2476f6;
	text-transform: capitalize;
	font-weight: normal;
	font-size: 17px;
}
	
.block-img {
	margin-bottom: 10px;
	width: 215px;
	height: 180px;
	border:thin #ccc solid;
	background: #fff;
	
}
.block-img img{
	width: 215px;
	height: 180px;	
}
.block_item_home:hover .hover{
	background:url(../images/plus.png) center no-repeat rgba(255,255,255,0.4);	
	transition:all 0.5s;
}

/*slider doi tac*/
.ma-brand-slider-contain h3{
	display:block;	
}
.ma-brand-slider-contain {	
	width: 100% !important;
	padding: 0px;
	height: 210px !important;
	margin: auto;
}
.ma-brand-slider-title {}
.ma-brand-slider-title h2 {
	padding:5px;
}
.ma-brand-slider {}
.brand-slider .jcarousel-container {
    -moz-border-radius: 10px;
    background: #fff;
    border: 2px solid #000;
}

.brand-slider .jcarousel-container-horizontal {
    width: 100%px;
    padding: 10px 0px;
	padding-left:40px;
	margin:0 auto;
	margin-top:80px
}
.brand-slider .jcarousel-clip-horizontal {
    width:  100%px;
    height: 80px;
}

.brand-slider .jcarousel-item {
    width: 200px;
	height:210px;
	float: left;
	list-style: none outside none;
	text-align: center;
	margin-right: 17px !important;
	margin-top: 10px;
}

.brand-slider .jcarousel-item img{
}

.brand-slider .jcarousel-item-horizontal {
	position: relative;
}

.brand-slider .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.brand-slider .product-image {
	display:inline-block;
	margin:0 0 8px;
}

/**
 *  Horizontal Buttons
 */
.ma-brand-slider .jcarousel-next-horizontal {
    position: absolute;
    top: 35%;
	right: -25px;
    width: 20px;
    height: 24px;
    cursor: pointer;
    background: transparent url(../images/btn_right2.png) no-repeat 0 0;
}

.ma-brand-slider .jcarousel-next-horizontal:hover {
	opacity:.8;
}

.ma-brand-slider .jcarousel-next-horizontal:active {
    opacity:.8;
}

.ma-brand-slider .jcarousel-next-disabled-horizontal,
.ma-brand-slider .jcarousel-next-disabled-horizontal:hover,
.ma-brand-slider .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 100%;
}

.ma-brand-slider .jcarousel-prev-horizontal {
    position: absolute;
	top: 35%;
	left: -25px;
	width: 20px;
	height: 24px;
	cursor: pointer;
	background: transparent url(../images/btn_left2.png) no-repeat 0 0;
}

.ma-brand-slider .jcarousel-prev-horizontal:hover {
    opacity:.8;
}

.ma-brand-slider .jcarousel-prev-horizontal:active {
    opacity:.8;
}

.ma-brand-slider .jcarousel-prev-disabled-horizontal,
.ma-brand-slider .jcarousel-prev-disabled-horizontal:hover,
.ma-brand-slider .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 100%;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.ma-brand-slider .jcarousel-container {
    position: relative;
}
.ma-brand-slider .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.ma-brand-slider .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.ma-brand-slider .jcarousel-next {
    z-index: 3;
    display: none;
}
.ma-brand-slider .jcarousel-prev {
    z-index: 3;
    display: none;
}

.ma-brand-slider .ma-des {
	position: absolute;
	bottom: 10px;
}
.ma-brand-slider .ma-des-title {}
.ma-brand-slider .ma-des-title h2 {
}
.ma-brand-slider .ma-des-content {}