@charset "utf-8";
/* CSS Document */


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

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

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


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

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



*{
	margin:0px;
}
a
{
	color:#333333;
	text-decoration:none;
}

a:hover
{
	color:#F00;
}

a.link_xemthem
{
	color:#666;
	font-style:italic;
	float:right;
}
a.link_xemthem:hover
{
	color:#F00;
}

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.5;
	margin:0px;
	padding:0px;
	
	background-color:#F2F2F2;
}

div.clear
{
	clear:both;
}


#full
{
	width:100%;
	max-width:1440px;
	margin:0px auto;
	min-height:420px;

}

#baner
{

	width:100%;
	margin:0px auto;
	top:0px;
	position:relative;
	background:url(../images/bg_top.jpg) repeat-x top center;
}

#baner .img_banner
{
	max-height:198px;
	width:100%;
	max-width:1600px;
	display:block;
}

.the_h1_first
{
	width:0px;
	height:0px;
	position:absolute;
	overflow:hidden;
}

.link_giohang 
{
	height:30px;
	position:absolute;
	padding-left:35px;
	background:url(../images/link_giohang.png) no-repeat left;
	line-height:30px;
	font-family:UTM_NeoSans;
	font-size:14px;
	font-weight:bold;
	color:#018cc7;
	right:0px;
	top:30px;
	

}




.container_face {
	position:fixed;
	top:200px;
	right:-290px;
	width:290px;
	min-height:240px;
	z-index:100000;
	padding-left:48px;
	background:url(../images/icon_facebook.png) no-repeat left 10px;
	
}

.container_face .fb-like-box {
	background:#EFEFEF;
	border:solid 1px #333333;
	width:290px;
	min-height:240px;
}




#dl-menu
{
	display:none;
	visibility:hidden;
}



#lang
{
	position:absolute;
	right:90px;
	top:10px;
	z-index: 99999999;
}

.giohang
{
	position:absolute;
	margin-left:820px;
	width:165px;
}
 .giohang .soluong
{
	float:left;
	width:105px;
	color:#FFF;
}

 .giohang .img_giohang
{
	width:56px;
	height:50px;
	float:left;
	background:url(../images/img_giohang.png) no-repeat;
}

.link_dangnhap
{
	position:absolute;
	width:125px;
	text-align:left;
	text-transform:capitalize;
	color:#333333;
	margin-left:808px;
	margin-top:16px;
}
.link_dangnhap a
{
	color:#333333;
	font-weight:normal;
	font-size:12px;
}


#slider
{
	width:100%;
	max-width:1440px;
	margin:0px auto;
	height:440px;
	overflow:hidden;
	background:none;
	position:relative;
	background:#00729c;
	
}

#slider img
{
	max-height:440px !important;
	
}

/*-----------------------------------------------------*/

.div_search_m
{
	display:none;
	visibility:hidden;
	width:100%;
	float:left;
	margin-bottom:10px;
	
	position:relative;
	margin-top:5px;
	
}
.div_search_m .ten_cty
{
	display:none;
	visibility:visible;
	
	width:100%;
	background:url(../images/menu.png) repeat-x center;;
	
	
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	text-align:center;
	color:#FF1C1C;
	font-size:30px;

	
	font-weight:bold;
	text-transform:uppercase;
	font-family:Roboto-Regular;
	
	text-shadow: -1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF;
	-moz-text-shadow: -1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF;
	-webkit-text-shadow: -1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF;
	-ms-text-shadow: -1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF;
	
}

.div_search_m .content
{
	position:relative;
	margin:auto;
	width:98%;
	float:left;
	margin:1%;
}
.div_search_m .content .txtkey
{
	width:98%;
	padding:6px 0px;
	padding-left:1%;
	padding-right:1%;
	position:relative;
	margin:auto;
	font-size:15px;
	
}
.div_search_m .content .btn_search
{
	width:33px;
	height:33px;
	position:absolute;
	margin:0px;
	padding:0px;
	right:0px;
	top:0px;
	background:url(../images/icon-search.png) no-repeat center;
	border:none;
	cursor:pointer;
}


/*-----------------------------------------------------*/
input,textarea,select 
{
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border linear .2s,box-shadow linear .2s;
	-moz-transition: border linear .2s,box-shadow linear .2s;
	-o-transition: border linear .2s,box-shadow linear .2s;
	transition: border linear .2s,box-shadow linear .2s;
	display: inline-block;
	padding: 4px 6px;
	margin-bottom:5px;
	font-size: 14px;
	line-height: 20px;
	color: #555;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
}

.tablelienhe
{
	font-weight:bold;
	font-size:13px;
	width:100%;
	max-width:620px;
	margin:0px auto; 
	display:inline-block;
}

.tablelienhe .input, .tablelienhe .ta_noidung
{
	width:90%;
	
}
.tablelienhe tr
{
	width:100%;
}

.tablelienhe th
{
	text-align:left;
	width:25%;
	line-height:20px;
	text-align:left;
	margin:0px;
	padding:0px;
}
.tablelienhe td
{
	line-height:20px;
	padding-top:4px;
}


.button
{
	cursor:pointer;
	width:100px;
}

/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
.search
{
	width:271px;
	height:25px;

	background:url(../images/search.png) no-repeat;	
	float:left;
	margin-top:6px;
}

.search .txt_key
{
	float:left;
	background:none;
	border:none;
	outline:none;
	width:210px;
	height:25px;
	line-height:25px;
	padding:0px;
	margin:0px;
	margin-left:20px;
	border:none;
	outline:none;
	box-shadow:none;
	
	color:#F00;
}

.search ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #666;
}
.search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #666;
}
.search ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #666;
}
.search :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #666;
}

.search .btn_search
{
	width:30px;
	height:25px;
	float:left;
	border:none;
	background:none;
	outline:none;
	box-shadow:none;
	cursor:pointer;
	padding:0px;
	margin:0px;
	margin-left:5px;
}


.noidung_title
{
	font-size:14px;
	font-weight:bold;
}

.div_center
{
	text-align:center;
}


/*----------------------------------------------------*/
#main
{
	margin:auto;
	width:100%;
	max-width:1200px;
	padding-top:10px;
	margin-top:10px;
	
}


#main .title_main
{
	width:100%;
	font-size:25px;
	line-height:30px;
	color:#006600;
	text-transform:uppercase;
	font-weight:normal;
	float:left;
	font-family:Roboto-Regular;
	text-align:center;
	border-bottom:double 3px #006600;
}


#main .content_main
{
	width:100%;
	float:left;
	margin:10px 0px;
	
	position:relative;
}
#main .content_main1
{
	width:100%;
	float:left;
	margin-bottom:20px;
	position:relative;
}

.noidung_chitiet_sp
{
	width:100%;
	float:left;
	padding-top:2%;
	overflow:hidden;
}
.noidung_chitiet_sp img
{
	max-width:100%;
}
/*=======================*/

.box_album
{
	width:182px;
	display:inline-block;
	vertical-align:top;
	margin:12px 7px;
}
.box_album .img
{
	width:180px;
	height:140px;
	border:solid 1px #CCCCCC;
	float:left;
}
.box_album .ten
{
	width:180px;
	float:left;
	text-align:center;
	font-size:13px;
	margin-top:8px;
}
.box_album .ten a
{
	color:#333;
	font-size:16px;
	font-family:Roboto-Regular;
	font-weight:normal;
}
.box_album .ten a:hover
{
	color:#F00;
}

div.line_ngang
{
	width:100%;
	height:8px;
	border:none;
	background:url(../images/gach_ngang.png) no-repeat center;
	clear:both;
}



/*--------------------------------------------------------------------------------------------*/
.hinhanh_detail
{
	width:100%;
	max-width:400px;
	
	float:left;
	position:relative;
	
}
#Zoomer
{
	float:left;
	width:100% !important;
}

.hinhanh_detail .slide_index
{
	width:100%;
	height:auto;
	float:left;
}
.ds_album
{
	width:100%;
	float:left;
	margin-top:5px;
	text-align:center;
}
.ds_album .item_album
{
	width:160px;
	height:120px;
	border:solid 1px #666;
	margin:3px;
}


.product_info
{
	width:100%;
	max-width:700px;
	float:left;
	margin-left:20px;
}

.product_info .title
{
	font-size:25px;
	color:#008cc7;
	font-family:Roboto-Regular;
	
}

#container
{
	float:left;
	width:100%;
}

#tabs{

}
#tabs ul{ 
		
		height:30px;
		width:90%;
		padding:0px;
		margin:0px;
		background:#CCC;
		padding-left:10%;
}
#tabs li{
		float:left;
		list-style:none;
		width:22.5%;
}
.tab_dichvu li
{
	width:30% !important;
}


#tabs li a{

		color:#000;
		cursor:pointer;
		display:block;
		height:30px;
		line-height:30px;
		text-decoration:none;
		text-align:center;
		text-transform:uppercase;
		font-size:13px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
}

#tabs li.active
{
	background:#FFFFFF;
}
#tabs li:hover{
	background:#FFFFFF;
}
#tabs li:hover a{
	color:#000;
}

#tabs li.active a{

		color:#000;
		font-weight:bold;
}
#tabs  b{
padding:10px 10px;
}
#tabs .content
{
	float:left;
	width:80%;
	min-height:50px;
	margin-left:10%;
	padding-top:1.5%;
	padding-bottom:1.5%;
}
#tabs .content img
{
	max-width:100% !important;
	height:auto;
}



/*--------------------------------------------------*/
#main .box_news
{
	width:47%;
	display:inline-block;
	vertical-align:top;
	margin:1%;
	
	text-align:justify;
}
#main .box_news .img
{
	width:180px;
	height:130px;
	margin-top:2px;
	margin-right:10px;
	float:left;
	border:solid 1px #CCCCCC;
	padding:4px;

	
}
#main .box_news .news_title
{

}

#main .box_news .news_title a
{
	text-decoration:none;
	color:#006600;
	line-height:25px;
	font-weight:normal;
	font-family:Roboto-Regular;
	font-size:20px;
}
#main .box_news .news_title a:hover
{
	color:#F00;
}

#main .box_news .news_mota
{
	color:#666;
	line-height:20px;
	text-align:justify;
	padding-top:8px;
	font-family:UTM_NeoSans;
	font-size:15px;
}


.box_news_i
{
	width:100%;
	float:left;
	margin-bottom:7px;
	padding-bottom:7px;
	border-bottom:dashed 1px #999999;
	text-align:justify;
}
.box_news_i img
{
	width:120px;
	float:left;
	margin-right:8px;
}
.box_news_i .ten a
{
	color:#333;
	font-weight:bold;
}
.box_news_i .ten a:hover
{
	color:#F00;
}
.box_news_i .mota
{
	font-size:13px;
	color:#666;
	line-height:18px;
}

/*---------------------------------------------------------------*/
#main .gioithieu_index
{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:600px;
	text-align:justify;
	position:relative;
	margin-right:80px;
}

#main .video_index
{
	width:100%;
	max-width:500px;
	display:inline-block;
	vertical-align:top;
}
#main .video_index .box_video_all
{
	width:100%;
	float:left;
	text-align:center;
}
#main .video_index .box_video_all img
{
	display:inline-block;
	vertical-align:top;
	margin:3px;
	width:115px;
}

.container_face {
	position:fixed;
	top:200px;
	right:-290px;
	width:290px;
	min-height:240px;
	z-index:100000;
	padding-left:48px;
	background:url(../images/icon_facebook.png) no-repeat left 10px;
	
}

.container_face .fb-like-box {
	background:#EFEFEF;
	border:solid 1px #333333;
	width:290px;
	min-height:240px;
}

/*--------------------------------------------------------------------------------------------*/


.item_sp
{
	width:270px;

	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin:15px 12px;
	text-align:center;
	position:relative;
	border-radius:10px;
}

.item_sp  .dv_img
{
	width:270px;
	height:180px;
	float:left;
	margin:0px auto;
	position:relative;
	overflow:hidden !important;
	background:#FFF;
	
}
img.sp_hot
{
	width:60px;
	height:13px;
	position:absolute;
	top:2px;
	right:0px;
	z-index:99;
}
img.sp_new
{
	width:35px;
	height:45px;
	position:absolute;
	top:-9px;
	left:-10px;
	z-index:99;
}


.item_sp  .img
{
	width:270px;
	height:180px;
	float:left;

	
	-moz-transition:all 0.4s ease-out; 
	-webkit-transition:all 0.4s ease-out; 
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
	
}
.item_sp .img:hover
{
	-moz-transform:scale(1.1); 
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	
	-moz-transition:all 0.4s ease-out; 
	-webkit-transition:all 0.4s ease-out; 
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
}

.item_sp .tensp
{
	width:270px;
	padding:5px 0px;
	text-align:center;
	float:left;
}

.item_sp .tensp a
{
	text-decoration:none;
	font-size:16px;
	color:#333333;
	font-weight:normal;
	font-family:UVNAnhHai_R;
	line-height:22px;
	text-transform:uppercase;
}
.item_sp .tensp a:hover
{
	color:#F00;	
}

.item_sp  .gia
{
	width:270px;
	text-align:center;
	margin-top:5px;
	margin:0px auto;
	color:#333;
}
.item_sp  .gia span
{
	
	color:#F00;
}
.item_sp  .gia a
{
	color:#F00;
}

.item_sp  .gia .gachngang
{
	text-decoration:line-through;
}

.item_sp .item_shadow
{
	width:270px;
	height:10px;
	float:left;
	background:url(../images/item_shadow.png) no-repeat center top;

}
.item_sp .btn_chitiet:hover
{
	color:#FF0;
}

.item_sp  .dathang
{
	width:112px;
	height:28px;

	background:url(../images/btn_dathang.png) no-repeat;
	border:none;
	outline:none;
	margin:0px auto;
	margin-top:20px;
	text-indent:38px;
	color:#FFF;
	
	cursor:pointer;
}


/*---------------------------------------------------------*/



.button_addtocart
{
	width:100px;
	
	padding:6px;
	border:none;
	background:#6e6e6e;
	float:left;
	color:#FFF;
	cursor:pointer;
	font-size:17px;
	margin-top:20px;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.button_addtocart:hover
{
	background:#1144ac;
}



#div_khachhang
{
	width:100%;
	max-width:1200px;
	margin:10px auto;
}
#div_khachhang .title_doitac
{
	height:32px;
	float:left;
	padding:0px 10px;
	border-bottom:solid 1px #0076a3;
	line-height:28px;
	color: #0076a3;
    font-weight: normal;
    font-size: 21px;
    line-height: 27px;
    font-family: Roboto-Regular;
	text-transform:uppercase;
	margin-bottom:5px;
	margin-left:29px;
}


.box_video
{
	margin-top:5px;
	width:100%;
	cursor:pointer;
}


#lienhe_bando
{
	width:100%;
	padding:15px 0px;

}
#lienhe_bando .div_content
{
	width:100%;
	max-width:1200px;
	margin:0px auto;
}

#lienhe_bando .box_lienhe
{
	width:100%;
	max-width:365px;
	display:inline-block;
	vertical-align:top;
	margin:0px 15px;
}

#lienhe_bando .box_lienhe .img_about_i
{
	width:160px;
	float:left;
	margin-right:10px;
	border:solid 1px #CCCCCC;
}

#lienhe_bando .box_lienhe.tintuc
{
	max-width:400px;
}

.title_index
{
	text-transform:uppercase;
	color:#0076a3;
	font-weight:normal;
	font-size:21px;
	line-height:27px;
	font-family:Roboto-Regular;
	text-align:left;
	background:url(../images/title_tintuc.jpg) no-repeat right center;
}
#lienhe_bando .box_lienhe .content
{
	padding-top:15px;
}


#lienhe_bando .box_lienhe .link_bando
{
	width:100%;
	border:none;
}


.gach_ngang
{
	width:100%;
	display:inline-block;
	border:none;
	border-bottom:dotted 1px #999999;
	margin:15px 0px;
}



/*------------------------------------------------------------*/
#bottom
{
	width:100%;
	margin:0px auto;
	background:url(../images/bg_bottom.jpg) no-repeat top center;
	background-color:#0f52a1;
	position:relative;
	color:#FFF;
}


#bottom .footer
{
	width:100%;
	margin:0px auto;
	max-width:1200px;
	border:none;

	text-align:center;
	
}
#bottom .footer .col_1
{
	width:100%;
	max-width:600px;
	display:inline-block;
	vertical-align:top;
	position:relative;
	z-index:10;
	margin-top:20px;

}

#bottom .footer .col_1 .content
{
	width:98%;
	margin:0px 1%;
	position:relative;
	bottom:0px;
	text-align:left;
}


#bottom .footer .col_2
{
	width:100%;
	max-width:280px;
	display:inline-block;
	vertical-align:top;
	margin:30px;
	text-align:left;
	
}
#bottom .footer .col_3
{
	width:100%;
	max-width:240px;
	display:inline-block;
	vertical-align:top;
	margin-top:30px;
	
}


#bottom .footer .title
{
	float:left;
	color:#FF0;
	font-family:UTM_NeoSans;
	font-size:16px;
	margin-bottom:5px;
	width:100%;
	text-transform:uppercase;
	text-align:left;
}

#bottom .footer .thongke_truycap
{
	float:left;
	padding-left:65px;
	height:60px;
	background:url(../images/thongke_truycap.png) no-repeat left top;
	text-align:left;
	line-height:25px;
	font-size:14px;
}


.mangxahoi
{
	width:100%;
	float:left;
	margin-top:10px;
}
.mangxahoi img
{
	width:70px;
	height:70px;
	display:inline-block;
	margin:0px -5px;
}

.dangky_nhantin
{
	width:220px;
	float:left;
	text-align:center;
}
.dangky_nhantin .email_dk
{
	width:210px;
	height:22px;
	padding:4px;
	border:solid 1px #CCCCCC;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float:left;
	margin-bottom:10px;
	
}

.dangky_nhantin .btn_email
{
	width:80px;
	height:25px;
	border:none;
	background:#6e6e6e;
	float:left;
	color:#FFF;
	cursor:pointer;
	font-size:17px;
	margin-left:70px;
	
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.dangky_nhantin .btn_email:hover
{
	background:#000;
}

/*----------------------------------------------------*/
#map_canvas {    
    height: 500px;
    width: 90%;
	float:left;
	margin:5%;
}
.map_description {
    color: #000000;
    overflow: auto;
    width: 275px;
	
}

.map_description .default {
    color: #FF0000;
}
.map_description div {
    line-height: 18px;
    margin: 3px;
	font-family:Tahoma, Geneva, sans-serif !important;
}
.map_list_address {
    float: left;
    height: 250px;
    overflow: hidden;
    width: 250px;
}
.map_list_address .list {
    line-height: 18px;
    margin-bottom: 5px;
}
.map_list_address span {
    color: #FCFF46;
}
.map_title {
    color: #30A602;
    font-weight: bold;
}
.navigate .C {
    width: 970px;
}


/* --------------------- Phan trang ------------------*/
.phantrang{
	text-align:center;
	padding-top:5px;
}
.phantrang a{
	color:#000;	
	padding-left:6px;
	padding-right:6px;
	padding-bottom:2px;
	padding-top:2px;
	margin-right:5px;
	text-decoration:none;
	border-radius:3px;
	background:#CCC;
}
.phantrang span{
	color:#FFFF00;	
	background:#060;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:2px;
	padding-top:2px;
	margin-right:5px;
	font-weight:bold;
	border-radius:3px;
}
.phantrang a:hover{
	color:#FFFFFF;	
	background:#060;
}
/*----------------------------------------------------*/