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

@font-face {
    font-family: 'font_HHH';
    src: url('https://477779.claudeassets.com/20231209022442im_/https://haisantuoisachbienhoa.com/fonts/UVNHongHaHep_R.TTF');
    src: url('https://2031ec.claudeassets.com/20231209022442im_/https://haisantuoisachbienhoa.com/fonts/UVNHongHaHep_R.TTF#iefix') format('embedded-opentype'),
         url('https://477779.claudeassets.com/20231209022442im_/https://haisantuoisachbienhoa.com/fonts/UVNHongHaHep_R.TTF') format('woff'),
         url('https://477779.claudeassets.com/20231209022442im_/https://haisantuoisachbienhoa.com/fonts/UVNHongHaHep_R.TTF') format('truetype'),
         url('https://e70781.claudeassets.com/20231209022442im_/https://haisantuoisachbienhoa.com/fonts/UVNHongHaHep_R.TTF#utm_caviarregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UTM_HelvetIns';
    src: url('https://408066.claudeassets.com/20231209022442im_/https://haisantuoisachbienhoa.com/fonts/UTM_HelvetIns.ttf');
    src: url('https://57bd9b.claudeassets.com/20231209022442im_/https://haisantuoisachbienhoa.com/fonts/UTM_HelvetIns.ttf#iefix') format('embedded-opentype'),
         url('https://408066.claudeassets.com/20231209022442im_/https://haisantuoisachbienhoa.com/fonts/UTM_HelvetIns.ttf') format('woff'),
         url('https://408066.claudeassets.com/20231209022442im_/https://haisantuoisachbienhoa.com/fonts/UTM_HelvetIns.ttf') format('truetype'),
         url('https://865d8a.claudeassets.com/20231209022442im_/https://haisantuoisachbienhoa.com/fonts/UTM_HelvetIns.ttf#utm_caviarregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


*{
	margin:0px;

}
a
{
	color:#333333;
	text-decoration:none;
}
a:hover
{
	color:#F00;
}



body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.5;
	
	background:#FFF;
	position:relative;
}

div.clear
{
	clear:both;
}


#full
{
	width:100%;
	margin:auto;
	
	
}

#baner
{

	width:100%;
	height:198px;
	margin:0px auto;
	
	position:relative;
}
#baner .content_bn
{
	width:100%;
	max-width:1349px;
	margin:0px auto;
	position:relative;
}

#baner .img_banner
{
	width:100%;
	height:198px;
	float:left;
}

#baner .share_mxh
{
	position:absolute;
	top:5px;
	right:20px;
}


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


#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(https://4344f4.claudeassets.com/20231209022442im_/https://haisantuoisachbienhoa.com/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:1349px;
	margin:0px auto;
	max-height:450px;
	background:none;
	position:relative;
	margin-top:1px;
}
#slider .content_slide
{
	width:80%;
	float:left;
}
#slider .content_tintuc
{
	width:20%;
	float:left;
	background:#F4F4F4;
}


.content_gioithieu_index
{
	width:100%;
	float:left;
	padding:25px 0px;
	background:url(https://9708b6.claudeassets.com/20231209022442im_/https://haisantuoisachbienhoa.com/images/line_gt_index.png) repeat-x bottom;
	border-bottom:dotted 1px #999999;
	margin-bottom:20px;
}

.content_gioithieu_index .img_gt
{
	width:300px;
	float:left;
	margin-right:20px;
	padding:3px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	
}

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

.div_search_m
{
	display:none;
	visibility:hidden;
	width:98%;
	padding:1%;
	margin:5px auto;
	margin-bottom:10px;
	background:#0e8fd8;
	
}
.div_search_m .ten_cty
{
	display:none;
	visibility:visible;
	
	width:100%;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	text-align:center;
	color:#FF1C1C;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	
	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;
}
.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(https://ae39a3.claudeassets.com/20231209022442im_/https://haisantuoisachbienhoa.com/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: 10px;
	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;
}

.tablelienhe .input, .tablelienhe .ta_noidung
{
	width:80%;
	
}

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

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


/*-----------------------------------------------------*/
.search
{
	width:214px;
	height:29px;
	position:absolute;
	background:url(https://9ba6b9.claudeassets.com/20231209022442im_/https://haisantuoisachbienhoa.com/images/search.png) no-repeat;	
	right:10px;
	top:9px;
}

.search .txt_key
{
	float:left;
	background:none;
	border:none;
	outline:none;
	width:155px;
	
	line-height:29px;
	border:none;
	outline:none;
	box-shadow:none;
	margin:0px;
	padding:0px;
	margin-left:20px;
}

.search .btn_search
{
	width:32px;
	height:29px;
	float:left;
	border:none;
	background:none;
	cursor:pointer;
	color:#FFF;
	font-weight:bold;
	font-style:italic;
	padding:0px;
	margin:0px;
	box-shadow:none;
}


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

#left
{
	width:268px;
	float:left;
	margin-right:15px;
	margin-left:5px;
	
}
#left .danhmuc
{
	width:270px;
	
	float:left;
	background:#FFF;
	margin-bottom:25px;
}

#left .dm_title
{
	width:270px;
	height:43px;
	float:left;
	line-height:43px;
	text-align:center;
	background:url(https://834424.claudeassets.com/20231209022442im_/https://haisantuoisachbienhoa.com/images/title_danhmuc.png) no-repeat center;
	color:#FFFFFF;
	font-size:18px;
	text-transform:uppercase;
	font-family:UTM_HelvetIns;
	border-radius:6px 6px 0px 0px;
}

#left .danhmuc .content
{
	border:solid 1px #CCCCCC;
	width:250px;
	float:left;
	padding:9px;
}

.so_hotline
{
	width:236px;
	height:80px;
	float:left;
	margin:10px;
	background:url(https://79e65e.claudeassets.com/20231209022442im_/https://haisantuoisachbienhoa.com/images/hotline_left.jpg) no-repeat left;
}
.so_hotline p
{
	float:left;
	margin-left:100px;
	margin-top:42px;
	font-size:18px;
	color:#FFF;
}


#left .div_hotro
{
	margin-top:20px;
	width:100%;
	float:left;
	text-align:center;
	margin-bottom:10px;
}

#left .div_hotro p
{
	font-family:font_HHH;
	font-size:15px;
	font-weight:bold;
}
#left .div_hotro .ten
{
	width:100%;
	text-align:center;
}

#left .div_hotro .ten span
{
	font-weight:bold;
	font-family:font_HHH;
	font-size:17px;
	display:inline-block;
	line-height:32px;
	vertical-align:top;
	margin:0px 6px;
	color:#060;
}
#left .div_hotro .ten img
{
	display:inline-block;
	margin:0px 6px;
}


.item_doitac
{
	width:100%;
	float:left;
	margin-bottom:5px;
}

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

#main #main_right
{
	width:985px;
	float:left;
}

#main .title_main
{
	width:100%;

	line-height:35px;
	min-height:35px;
	
	text-transform:uppercase;
	font-weight:normal;
	float:left;
	border-bottom: solid 3px #0782ca;
	
	color:#0782ca;
	font-size:19px;
	font-family:UTM_HelvetIns;

}

.title_spnb
{
	width:100%;
	float:left;
	text-align:center;
}
.title_spnb img
{
	height:50px;
	border:none;
}


#main .content_main
{
	width:100%;
	padding:1% 0px;
	float:left;
	margin-bottom:20px;
}

.noidung_chitiet_sp
{
	width:100%;
	float:left;
	padding-top:2%;
	overflow:hidden;
}
#main .content_main img
{
	max-width:100% !important;
}

/*--------------------------------------------------------------------------------------------*/
.hinhanh_detail
{
	width:100%;
	max-width:400px;
	float:left;
	margin-right:20px;
}
.hinhanh_detail .slide_index
{
	width:100%;
	float:left;
}
.hinhanh_detail .ds_album
{
	width:100%;
	float:left;
	margin-top:5px;
	text-align:center;
}
.hinhanh_detail .ds_album .item_album
{
	width:50px;
	height:50px;
	border:solid 1px #666;
}

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





/*--------------------------------------------------*/
.box_news
{
	width:100%;
	float:left;
	margin:1% 0px;
}
.box_news .img
{
	width:160px;
	height:120px;
	margin-top:4px;
	margin-right:10px;
	float:left;
	border:solid 1px #CCCCCC;
	padding:2px;
	
	
}


.box_news.nleft .img
{
	width:100px;
	height:75px;
}


.box_news.nleft .news_title a
{
	font-size:13px;
	text-align:justify;
}


.box_news .news_title
{
	font-size:17px;
}
.box_news .news_date
{
	color:#999;
}
.box_news .news_title a
{
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
}
.box_news .news_title a:hover
{
	color:#F00;
}

.box_news .news_mota
{
	color:#666666;
	line-height:18px;
	font-size:13px;
}




#div_info_index
{
	width:100%;
	padding:25px 0px;
	text-align:center;
	background:#f1f5f7;
	margin:0px auto;
}

.content_info
{
	width:100%;
	max-width:1200px;
	margin:0px auto;
}

#div_info_index .col_gioithieu
{
	width:36%;
	display:inline-block;
	vertical-align:top;
	margin-right:2%;
	text-align:left;
}

#div_info_index .col_tintuc
{
	width:36%;
	display:inline-block;
	vertical-align:top;
	margin-right:2%;
	text-align:left;
}

#div_info_index .col_doitac
{
	width:22%;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}




#div_info_index .title
{
	width:100%;
	float:left;
	height:30px;
	line-height:25px;
	font-size:17px;
	background:url(https://7177b5.claudeassets.com/20231209022442im_/https://haisantuoisachbienhoa.com/images/title_tintuc.png) no-repeat bottom left;
	margin-bottom:10px;
	text-indent:20px;
	color:#036ba7;
	text-transform:uppercase;
	font-family:font_HHH;
	font-weight:bold;
}

.map_index
{
	width:100%;
}


.tab-container
{
	width:100%;
	float:left;
	position:relative;
	margin-bottom:15px;
}

.tab-container .nav_album
{
	width:100%;
	line-height:30px;
	margin:0px;
	padding:0px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	border-bottom:solid 6px #bad0ee;
	
}
.tab-container .nav_album li
{
	float:left;
	list-style:none;
	cursor:pointer;
	padding:0px 20px;
	font-size:14px;
	margin:0px;
	background:#F4F4F4;
	border-radius:4px 10px 0px 0px;
	font-family:Tahoma, Geneva, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
}
.tab-container .nav_album li a
{
	color:#1051d8;
}

.tab-container .nav_album li:hover
{
	background:#bbd0ef;
}

.tab-container .nav_album li.active
{
	background:#bbd0ef;
}
.tab-container .nav_album li:hover a
{
	color:#1051d8;
}
.tab-container .nav_album li.active a
{
	color:#1051d8;
}

.content_tab
{
	text-align:center;
}


/*---------------------------------------------------------------*/
#main .noidung_gioithieu
{
	float:left;
	margin-top:10px;
	text-align:justify;
}



.mod_search
{
	width:220px;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
}
.mod_search .aaa
{
	width:220px;
	float:left;
	margin-bottom:2px;
	margin-top:3px;
	font-weight:bold;
	color:#FFF;
	font-size:13px;
}

.mod_search .txtkey
{
	width: 206px;
	float: left;
	border: solid 1px #CCCCCC;
	padding: 5px;
	margin-bottom:10px;
	color:#333;
}

.mod_search .txtkey::-webkit-input-placeholder {
   color: #666;
}

.mod_search .txtkey:-moz-placeholder { /* Firefox 18- */
   color: #666;  
}

.mod_search .txtkey::-moz-placeholder {  /* Firefox 19+ */
   color: #666;  
}

.mod_search .txtkey:-ms-input-placeholder {  
   color: #666;  
}



.mod_search select
{
	width: 218px;
	float: left;
	border: solid 1px #CCCCCC;
	padding: 4px 0px;
	cursor: pointer;
	margin-bottom:10px;
}
.mod_search .btn_search
{
	width:121px;
	height:36px;
	float:left;
	margin-left:50px;
	border:none;
	background:url(https://f12aac.claudeassets.com/20231209022442im_/https://haisantuoisachbienhoa.com/images/btn_timkiem.png) no-repeat center;
	color:#333;
	cursor:pointer;
	font-weight:bold;
	padding:0px;
	padding-bottom:6px;
}



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

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



.link_giohang
{
	width:128px;
	height:34px;
	background:url(https://dfdfc2.claudeassets.com/20231209022442im_/https://haisantuoisachbienhoa.com/images/btn_giohang.png) no-repeat;
	position:absolute;
	bottom:10px;
	right:10px;
	color:#000;
	
	line-height:32px;
	text-indent:40px;
	font-size:12px;
	font-weight:bold;
}


/*--------------------------------------------------------------------------------------------*/
.item
{
	width:202px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin:12px 10px;
	text-align:center;
	
	position:relative;
	background:#d4dff4;
	padding:10px;

}

.item:hover
{
	border-color:#F00;
}

.item  .img
{
	width:200px;
	height:180px;
	float:left;

}
.item  .img:hover
{

}

.item  .img_shadow
{
	width:200px;
	height:7px;
	float:left;
	background:url(https://1e5769.claudeassets.com/20231209022442im_/https://haisantuoisachbienhoa.com/images/item_shadow.png) no-repeat top center;
	background-size:100% 100%;
}


.item  .info
{
	width:100%;
	float:left;
	text-align:center;
	border-top:none;
	margin-top:5px;
	font-family:UTM_HelvetIns;
	color:#155ced;
}

.item .tensp a
{
	text-decoration:none;
	font-size:16px;
	color:#155ced;
	font-weight:normal;
	
}
.item .tensp a:hover
{
	color:#F00;	
}

.item  .gia
{
	font-size:15px;
}
.item  .gia .so
{
	color:#FF0000;
}
.item  .gia .so.gach
{
	text-decoration:line-through;
}


.item  .button_dathang
{
	border:none;
	outline:none;
	width:100px;
	height:28px;
	background:#2895ef;
	color:#FFF;
	
	cursor:pointer;
	border-radius:5px;
	border:solid 1px #0066CC;
	text-transform:uppercase;
}
.item  .button_dathang:hover
{
	color:#FF0;
}

.item .btn_chitiet
{
	line-height:40px;
	font-size:12px;
	font-weight:bold;
	margin-left:20px;
	float:left;
	color:#F00;
}
.item .btn_chitiet:hover
{
	color:#000;
}



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

.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;
}


/*------------------------------------------------------------*/
#bottom
{
	width:100%;
	margin:0px auto;
	background:#b8b9bc;
	
	position:relative;
}


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

	padding-top:1%;
	padding-bottom:1%;
}

#bottom .footer .div_lienket_gg
{
	float:left;
	margin-left:2%;
	width:48%;
	
}
#bottom .footer .div_lienket_gg .img_bando
{
	width:48%;
	float:left;
	margin:1%;
	border:solid 3px #999;
	box-sizing:border-box;
	
}
#bottom .footer .div_lienket_gg .div_fb
{
	width:48%;
	float:left;
	padding:1%;
	
}

#bottom .footer .noidung
{
	width:50%;
	float:left;
}

#bottom  .copyright
{
	width:100%;
	margin:0px auto;
	font-size:14px;
	color:#FFFFFF;
	line-height:25px;
	padding:7px 0px;
	background:#505155;
}
#bottom  .copyright .content
{
	width:100%;
	max-width:1200px;
	margin:0px auto;
}



.dangky_nhantin
{
	width:100%;
	float:left;
	text-align:center;
	margin-top:25px;
}
.dangky_nhantin .email_dk
{
	width:80%;
	height:22px;
	padding:4px;
	border:solid 1px #CCCCCC;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:inline-block;
	margin-bottom:10px;
	
}

.dangky_nhantin .btn_email
{
	width:80px;
	height:25px;
	border:none;
	background:#6e6e6e;
	
	display:inline-block;
	
	color:#FFF;
	cursor:pointer;
	font-size:17px;
	
	-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:330px;
    width:100%;
	float:left;
}
.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;
	background:#CCC;
	font-weight:bold;
	font-size:13px;
}
.phantrang span{
	color:#000;	
	padding-left:6px;
	padding-right:6px;
	padding-bottom:2px;
	padding-top:2px;
	margin-right:5px;
	font-weight:bold;
	background-color:#ffb10f;
}
.phantrang a:hover{
	color:#FFF;
	background-color:#ffb10f;
}
/*----------------------------------------------------*/


/*
     FILE ARCHIVED ON 23:54:04 Jun 14, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:35:38 Sep 21, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.374
  exclusion.robots: 0.038
  exclusion.robots.policy: 0.031
  esindex: 0.006
  cdx.remote: 11.047
  LoadShardBlock: 1201.778 (3)
  PetaboxLoader3.datanode: 1086.365 (5)
  PetaboxLoader3.resolve: 249.789 (4)
  load_resource: 219.096 (2)
*/