@charset "utf-8";
/* CSS Document */
/*@font-face {
    font-family: 'UTMAvoBold';
    src: url('../fonts/utm_avobold-webfont.eot');
    src: url('../fonts/utm_avobold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/utm_avobold-webfont.woff') format('woff'),
         url('../fonts/utm_avobold-webfont.ttf') format('truetype'),
         url('../fonts/utm_avobold-webfont.svg#utm_avobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UTMBebas';
    src: url('../fonts/utm_bebas-webfont.eot');
    src: url('../fonts/utm_bebas-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/utm_bebas-webfont.woff') format('woff'),
         url('../fonts/utm_bebas-webfont.ttf') format('truetype'),
         url('../fonts/utm_bebas-webfont.svg#utm_bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
a{text-decoration:none;}
a:hover{text-decoration:none;}
.clear{clear:both;}
.font-red{color:#ff0000;}
.datroi{color:#0263b4;}
.noborder{border:none !important;}
.hidden{display:none;}
.nobg{
	background:none !important;
}
.mar-top-20{
	margin:20px 0 0 0;
}
body{
	background:#fff url(../images/body_bg.png) repeat-x top;
	color:#101010;
}
.page{
	margin:auto;
}
a{
	color:#1c1c1c;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
#wrap{
	width: 1000px;
	position: relative;
	margin: auto;
	z-index: 1;
}

.header_content{
	background:#FFF url(../images/header_bg.png) repeat-x top;
	height:112px;
}

#header{
	height:137px;
	width:1000px;
	margin: auto auto 3px auto;
	position:relative;
}

h1.title_web{
	text-indent:-99999px;
	width:0px;
	height:0px;
	overflow:hidden;
}

#header > img{
	height:137px;
	width:1000px;
}

.lang_con{
	height: 43px;
	width: 200px;
	text-align: right;
	line-height: 40px;
	position: absolute;
	right: 0px;
	top: 5px;
}

.lang, .cart_con{
	height:40px;
	line-height:40px;
}

.lang{
	float: left;
	padding: 0 15px 0 0;
	border-right: 1px solid #CCC;
}

.cart_con{
	background: url(../images/cart_icon.png) no-repeat left center;
	padding: 0 0 0 30px;
	float: right;
}

.cart_con>a{
	font-size:12px;
	text-transform:uppercase;
}

.cart_con>a:hover{
	text-decoration:underline;
	color:red;
}

span>a#flag_vi{
}

span>a#flag_en{
	margin: 0 0 0 8px;
}

.hotline_top{
	background: url(../images/hotline_bg.png) no-repeat center center;
	height: 41px;
	line-height: 43px;
	width: 246px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-indent: 100px;
	color: #FFF;
	font-weight: bold;
	font-style: italic;
	font-size: 20px;
}

/*------------MENU----------*/

#menu{
	height: 36px;
	width: 1000px;
	position:absolute;
	bottom:0px;
	left:0px;
}

ul#nav{
	height: 36px;
}


ul#nav  > li{
	height: 36px;
	line-height: 36px;
	display: inline-block !important;
	position: relative;
	text-align: center;
}

ul#nav > li>a{
	text-decoration: none;
	display: inline-block;
	text-transform:capitalize;
	height: 36px;
	line-height: 36px;
	padding: 0 !important;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	background:url(../images/menu_li_bg.png) no-repeat top center;
	width:120px;
}

ul#nav > li>a:hover{
	background:url(../images/menu_li_hover_bg.png) no-repeat top center !important;
}

.active_menu{
	background:url(../images/menu_li_hover_bg.png) no-repeat top center !important;
}

.timer{
	position: absolute;
	left: 20px;
	top: 12px;
	color: #FFF;
	font-weight: bold;
}

#search_frm{
	background: url(../images/search_bg.png) no-repeat center center !important;
	width: 173px !important;
	height: 22px !important;
	position: absolute !important;
	right: 0px;
	bottom: 15px;
}

input#search_input{
	border: none;
	position: absolute;
	top: 2px;
	left: 4px;
	height: 20px;
	line-height: 20px;
	outline: none;
	width: 140px;
	background: none;
	color: #FFF;
}

input#btnSearch{
	border: none;
	right: 1px;
	top: 2px;
	cursor: pointer;
	position: absolute;
	height: 21px;
	width: 35px;
	text-indent: -99999px;
	z-index: 1000;
	background: none;
}
/*-------------SLDIER----------*/

#slider{
	width: 1000px;
	height: 352px;
	margin: auto;
	position: relative;
}
.bong-slider{
	background: url(../images/bong_slide.png) no-repeat center;
	position: absolute;
	width: 1015px;
	height: 24px;
	bottom: -24px;
	left: -7px;
}

#container{
}

#content-left{
	width: 220px;
	float: left;
	margin: 0px 15px 0 0;
	padding: 0px 0 10px 0;
}

h2.title-cate{
	background:url(../images/danhmuc_title.png) no-repeat center;
	width:260px;
	height:49px;
	text-indent:-99999px;
}

.cate-pro{
	border: 1px solid #CCC;
	border-radius: 5px;
	position: relative;
	padding: 45px 0 0 0;
}

.bong-cate{
	background:url(../images/bong_cate.png) no-repeat center center;
	width:200px;
	height:5px;
}

h2.title-menu{
	background: url(../images/title_left_bg.png) no-repeat center center;
	height: 45px;
	line-height: 34px;
	text-transform: uppercase;
	font-size: 12px;
	width: 220px;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	top: -1px;
	left: -1px;
}

/*--------MENU SO CAP-----------*/

ul.cateUl{
	padding: 0 10px 10px 10px;
}

ul.cateUl > li{
	display: block;
	position:relative;
	background: url(../images/li_left_bg.png) no-repeat 4px 13px;
}
ul.cateUl > li > a{
	text-transform: capitalize;
	font-size: 12px;
	display: block;
	line-height: 30px;
	text-indent: 20px;
	color: #101010;
	border-bottom: 1px dotted #818080;
	font-weight: bold;
}

ul.cateUl > li> a:hover{
	color: #FF5200 !important;
}


ul.cateUl>li>ul>li{
	display: block;
	position:relative;
	background:url(../images/li_left_sub.png) no-repeat 20px 12px;
}

ul.cateUl>li>ul>li>a{
	text-transform: capitalize;
	font-size: 12px;
	display: block;
	line-height: 30px;
	text-indent: 40px;
	color: #101010;
	border-bottom: 1px dotted #818080;
	font-weight: bold;
}

ul.cateUl>li>ul>li>a:hover{
	color:#F00 !important;
}

ul.cateUl>li>ul>li>ul>li{
	display: block;
}

ul.cateUl>li>ul>li>ul>li>a{
	font-size: 14px;
	background: url(../images/li_left_bg_2.png) no-repeat bottom center;
	display: block;
	height: 35px;
	line-height: 35px;
	text-indent: 50px;
}

ul.cateUl>li>ul>li>ul>li>a:hover{
	color:#FFF500 !important;
}

#main{
	float: left;
	width: 745px;
	padding: 0px 0 10px 0;
}

.bong_content{
	background:url(../images/bong_content.png) no-repeat top center;
	height:51px;
}
.block_content{
}

.title_index{
	height: 31px;
	position: relative;
	margin: 0 0 10px 0;
}

h2.title-pro-new{
	width: 100%;
	height: 25px;
	line-height: 32px;
	background: url(../images/title_content_bg.png) no-repeat left center;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: 14px;
	border-bottom: 6px solid #0039f4;
	border-radius: 0px 0px 3px 3px;
}

h3.title-pro{
	background: url(../images/titile_right_bg.png) repeat-x left center;
	width: 760px;
	height: 25px;
	line-height: 25px;
	float: left;
	color: #0172ba;
	font-size: 13px;
	text-transform:uppercase;
}

.title_index>p{
	position:absolute;
	right:15px;
	top:20px;
}

.title_index>p>a{
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	display:inline-block;
	background:url(../images/btn_xemtatca.png);
	width:79px;
	height:20px;
	text-indent:-99999px;
}

.title_index>p>a:hover{
	text-decoration:underline;
}

div.show-pro_1{
}

div.show-pro{
	padding:10px;
}

div.show-pro img{
	max-width:730px !important;
}

div.pro{
	width: 173px;
	float: left;
	text-align: center;
	margin: 5px 6px 20px 7px;
}

div.pro .block_img{
	width: 164px;
	height: 107px;
	padding: 4px;
	text-align: center;
	background: url(../images/box-pro-bg.png) no-repeat left top;
}

.bong_sp{
}

div.pro .block_img > a > img{
	width: 164px;
	height: 107px;
	border: none;
	background: #FFF;
}

.info_pro{
	background:#2fa90b;
	text-align:left;
	color:#FFF;
	position:relative;
	padding: 0 5px 10px 5px;	
}

div.pro  p.pro-name{
	padding: 10px 0 0px 0;
}

div.pro  p.pro-name a{
	text-transform: capitalize;
}

div.pro  p.pro-name a:hover{
	text-decoration:underline;
	color:#005AE2;
}

div.pro  p.pro-price{
	padding: 3px 0 0 0;
}

div.pro  p.pro-price span{
	color:#F00;
}

div.pro span.price{
	font-weight:bold;
	color: #ff0000;
	text-shadow: -1px -1px 0 #fff, 
	 1px -1px 0 #fff,
	 -1px 1px 0 #fff,
	 1px 1px 0 #fff;	
}

.pro-detail-index{
	position: relative;
	height:30px;
	width:100%;
	margin:8px 0 0 0;
	text-align:center;
}

a.btn-detail{
	display: inline-block;
	background:url(../images/more-detail.png) no-repeat center center;
	width: 68px;
	height: 19px;
	line-height: 19px;
	color: #fff;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:center;
	font-size:11px;
}

a.btn-detail1{
	display: inline-block;
	background:url(../images/btn-order.png) no-repeat center center;
	width: 68px;
	height: 19px;
	line-height: 19px;
	color: #fff;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:center;
	font-size:11px;
}

a.btn-detail:hover, a.btn-detail1:hover{
	text-decoration:underline;
}

.new-icon{
	background:url(../images/new_icon.png) no-repeat center center;
	display:block;
	height:28px;
	width:28px;
	right: 3px;
	top: 5px;
	position:absolute;
}


/*------------CONTENT RIGHT---------------*/
#right{
	width: 180px;
	float: left;
}
#content-right{
	width: 203px;
	float: left;
}
/*-----------FOOTER----------*/
.footer_wrap{
	background: url(../images/footer_bg.png) no-repeat center bottom;
	margin: -140px 0 0 0;
	min-height: 246px;
}
#footer{
	font-size: 12px;
	width: 1000px;
	margin: auto;
	line-height: 16px;
	color: #FFF;
	padding: 160px 0 0 0;
}

#footer {}

.bong_footer{
	background:url(../images/bong_wrap.png) no-repeat top center;
	width:1000px;
	height:30px;
	margin:auto;
}

.content_info_footer{
	padding: 10px;
}

.vach_footer{
	background:url(../images/vach_footer.png) no-repeat center center;
	width:380px;
	height: 10px;
	margin:auto auto 10px auto;
}

#nav_footer{
	margin: 13px 0 0px 0;
	height: 25px;
	font-size: 12px;
	text-align: center;
}

#nav_footer li{
	display:inline-block;
	border-right: 1px solid #A2A2A2;
}
#nav_footer li a{
	padding: 0 20px;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 12px;
}

#nav_footer li a:hover{
	color:#f00;
}

.bong_menu_footer{
	width:400px;
	height:5px;
	display: inline-block;
	margin: 0 0 10px 0;
}

.info_footer{
	text-align: center;
}

.info_footer .ft_wrap {
    display: flex;
    justify-content: space-between;
}

.ft_wrap .ft_right {
    width: 250px;
    text-align: left;
}

.ft_right .f-info {
    margin-top: 10px;
}

ul.f-info li {
    list-style: square inside;
    color: #000;
    line-height: 1.8em;
}

ul.f-info li a:hover {
    color: #f00;
}

.ft_wrap .ft_right .tt-ft {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}

.info_footer h3{
	margin: 8px;
	font-size: 18px;
	text-transform: uppercase;
}

.thongke_footer{
	width: 236px;
	float: left;
	text-align: left;
}

.thongke_footer h2{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}

ul.ulthongke li{
	line-height: 13px;
	padding: 2px 0px;
}

ul.ulthongke li span{
	font-weight: normal;
	display: inline-block;
	width: 100px;
	text-indent: 15px;
}

.social{
	text-align: right;
}
/*----------------TIN TUC-----------------*/
.box_news {
   	border-bottom: 1px dotted #898EAA;
    clear: both;
    padding-bottom: 20px;
    padding-top: 5px;
	margin:0 0 15px 0;
}
.box_news h2 {
    font-size: 12px;
}
.box_news h2 a {
    color: #0017BC;
	text-transform:capitalize;
	font-weight:normal;
	font-size:15px;
}
.box_news p {
    margin: 0;
    padding: 0;
}

.box_news p.news_mota{
	overflow: hidden;
	text-align: justify;
}

.box_news p.small {
    color: #666666;
    font-size: 11px;
}
.box_news h2 a:hover {
    color: #3FA502;
}
h1.text_title {
    color: #339900;
    font-size: 12px;
}
.image_boder {
    background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #99A6FF;
	float: left;
	margin: 0 10px;
	padding: 3px;
}

/*-------------CHI TIET (TIN TUC)--------------------*/

.title_news{
	color: #003CBC;
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
}

.othernews {
  color: #03F;
  padding-left:10px;
  padding-top:50px;
}

.othernews h3 {
  color:#06C;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
}
.othernews ul {
  list-style:inside;
  margin:10px 0 0 0;
}

.othernews ul li {
  padding-left:10px;
  margin:0 0 5px 0;
}

.othernews ul li a:hover{
	text-decoration:underline;
}


/* --------------------- Phan trang ------------------*/
.phantrang{
	text-align:center;
}
.phantrang a{
	display:inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	margin-right:5px;
	text-decoration:none;
	font-weight:bold;
}
.phantrang span{
	color: rgb(13, 90, 255);
	background:url(../images/phantrang_hover_bg.png) no-repeat center center;
	display:inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	margin-right:5px;
	font-weight:bold;
}
.phantrang a:hover{
	color:green;
	background-color:#fff
}


/*STYLE FOR LIENHE*/
.tablelienhe td{
}
.tablelienhe span {
    color: #FF0000;
}
.tablelienhe td {
    height: 25px;
}
.tablelienhe tr{
	height:40px;
}
.tablelienhe .input{
    border: 1px solid #cacaca;
	width: 300px;
	height: 22px;
	line-height: 22px;
	border-radius: 5px;
	outline-color: #0085FF;
}
.tablelienhe textarea{
	border: 1px solid #cacaca;
	width: 300px;
	border-radius: 5px;
	outline-color: #0085FF;
}
.tablelienhe .title {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.button {
  background-color:#fff;
  background-position:initial initial;
  background-repeat:initial initial;
  border:1px solid #ccc;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  cursor:pointer;
  font-family:tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:12px;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
  padding:5px 30px;
  font-weight:bold;
}
.button:hover{
	 color:red;
}

/*-----------BAN DO-------------*/
.main_map{
	height:570px;
	border:thin solid #999;
}

.product_detail_pic{
	float:left;
	margin-right:20px;
}

.detail{
	text-align:justify;
	padding:10px 20px 10px 0;
}

.map_description{
	overflow:auto;
}

/*-----------SLIDER 2 INDEX-------------*/

div.show-pro-index{
	text-align: center;
	margin: 25px 0 16px 0;
}
div.pro-index{
	width: 316px;
	display: inline-block;
	text-align: center;
	background: url(../images/slide2_bg.png) no-repeat bottom center;
	height: 158px;
}

div.pro-index .block_img{
	position:relative;
	background:#fff;
	border-radius: 5px;
	height:158px;
	width:300px;
	margin: 0 0 0 8px;
}

div.pro-index .block_img>a>img{
	height:158px;
	width:300px;
	border:none;
	border-radius: 5px;
}

.content_main{
	margin: 35px auto auto auto;
	padding-bottom: 10px;
}

.container_index{
	border-bottom:thin solid #D1D1D1;
	border-top:thin solid #D1D1D1;
	width:980px !important;
	margin:auto;
}

/*------------------HOI DAP-------------------*/
.block-hoi-dap{
	margin-top:10px;
	margin-bottom:50px;
	border-bottom:1px dashed red;
}
.block-hoi{
	margin-bottom:10px;
}
.block-hoi p.title{
	background:#95F8FA;
	color:rgb(68, 39, 39);
	border:1px solid #FFF;
	height:30px;
	line-height:30px;
	padding-left:10px;
}
        
.block-cauhoi{
	margin-top:10px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:4px;
	padding:10px;
	margin-left:20px;
}
            
.block-dap p.title{
	background:#D6D5D5;
	border:1px solid #FFF;
	height:30px;
	line-height:30px;
	padding-left:10px;
}

.block-traloi{
	margin-top:10px;
	background:#fff !important;
	border:1px solid #ccc;
	border-radius:4px;
	padding:10px;
	margin-left:20px;
	margin-bottom:10px;
}

#datcauhoi{
	cursor:pointer;
}

/*----------BÌNH LUẬN-------------*/
#comment label
{
	width: 100px;
	display: block;
	float: left;
}
#comment
{
	display: none;
}
#comment input
{
	margin: 3px 0px;
	width: 250px;
	height: 26px;
	line-height: 26px;
}
.button_bl
{
	cursor: pointer;
	background: #666;
	border: 1px solid #333;
	color: #FFF;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	margin: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #333;
	box-shadow: 2px 1px 2px #888888;
	float: right;
}
.button_bl:hover {
	background: #000;
}
#comment_box
{
	min-height: 50px;
	padding: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 1px rgb(255, 255, 255);border: 2px solid rgb(241, 241, 241);
}
.view_next
{
	background:#d8dfea;padding: 10px 15px;
	color: #3b5998;
	margin-top: 5px;
	border-radius: 5px;
	cursor: pointer;
}
.line_cmt:hover
{
	box-shadow: 1px 1px 1px #CE937C;
}
.line_cmt
{
	cursor: pointer;
	padding: 10px;
	border: 1px solid white;
	border-radius: 5px;
	margin: 5px 0px 0px 0px;
	box-shadow: 1px 1px 1px rgb(216, 191, 191);
	background:#B1F3F5;
}
.date
{
	font-size: 10px;
	margin-left: -5px;
	margin-top: -5px;
	background: url(../images/calendar.png) no-repeat;
	padding: 3px 0px 0px 22px;
	height: 16px;
}

.cmt_name{
	color: black;
	text-decoration: underline;
}

.noidungbv{
}

img#capcha{
	cursor:pointer;
}

a.cart-btn {
	display: inline-block;
	background: url(../images/nut-mua.png) no-repeat top center;
	width: 84px;
	height: 20px;
	line-height: 18px;
	color: #FFF;
	margin: 10px 0 0 0;
	font-weight: normal;
	font-size: 12px;
	font-family: "UTM Avo";
	text-transform: capitalize;
	text-align: center;
}

a.cart-btn:hover {
	opacity: 0.9;
	color: #FFF;
}

.lienket{
	padding: 10px 5px;
}

#lienketcb{
	width: 200px;
	border: thin solid #CCC;
	height: 30px;
	line-height: 30px;
	margin: auto;
	border-radius: 5px;
	font-weight: bold;
}

/*----------------TIN TUC INDEX-----------------*/
.tintuc-index{
	width: 178px !important;
	margin: 10px 0 0 0 !important;
	padding: 10px 10px 0 10px !important;
	border: thin solid #CCC;
	border-radius: 5px;
}

ul.tintuc-index li{
	background: url(../images/li_tin_tuc.png) no-repeat left 5px;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
}

ul.tintuc-index li a:hover{
	color:#06F;
}

.box_news_index {
    clear: both;
}
.box_news_index h2 {
    font-size: 12px;
	margin: 0 0 10px 0;
}
.box_news_index h2 a {
    text-transform: capitalize;
	font-weight: bold;
}
.box_news_index p {
    margin: 0;
    padding: 0;
	height: 64px;
	overflow: hidden;
	text-align:justify;
}
.box_news_index p.small {
    color: #666666;
    font-size: 11px;
}
.box_news_index h2 a:hover {
    color:#06F;
}

.box_news_index>.image_boder {
    background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E4E4E4;
	float: left;
	margin: 0 5px 0 0;
	padding: 1px;
}

a.linkxemtiep{
	background: url(../images/chitiet_btn1.png) no-repeat center center;
	display: inline-block;
	width: 78px;
	height: 23px;
	float: right;
	line-height: 23px;
	text-indent: 5px;
	font-weight: bold;
	color: #FFF;
	font-size: 10px;
}

a.linkxemtiep:hover{
	opacity:.8;
	color:#F00;
}

.tinkhac-index{
	width: 232px;
	float: left;
	background:#f5f4f4;
	padding:10px;
}

h2.h2tinkhac{
	text-transform:uppercase;
	text-align:center;
	color:red;
	font-weight:bold;
	font-size:13px;
	margin:10px 0 0 0;	
}

.bong-tinkhac{
	background:url(../images/bong_khac.png) no-repeat top center;
	height:24px;
}

ul.tinkhac-ul-index>li{
	background: url(../images/icon_li_tintuc.png) no-repeat left 10px;
	line-height: 22px;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
	height: 44px;
	overflow: hidden;
}

ul.tinkhac-ul-index>li>a{
	color:#404141;
}

ul.tablayout {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
	list-style-type: none;
	z-index:2;
}
ul.tablayout li {
	margin: 0 5px 0 0;
	float: left;
	display: list-item;
	text-align: -webkit-match-parent;
}

ul.tablayout li a {
	float: left;
	display: block;
	padding: 5px 25px;
	color: #0090D3;
	background: #D6E5EE;
	text-decoration: none;
	font-weight: bold;
	cursor:auto;
	border:1px solid #9AB6D2;
	border-bottom:0;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
}
ul.tablayout li a:hover{
	cursor:pointer;
}
.tabs-container {
	border-top: 1px solid #CCC;
	clear: left;
	padding: 10px 0;
	display: block;
	line-height: 2;
}

ul.tablayout li a.active
{
	color: #0E9118;
	background: #FFFFFF;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
}

/*----------------TIN TỨC SCROLL----------------*/
ul.tinnb{
	padding:0 10px 10px 10px !important;
}

ul.tinnb li{
	background: url(../images/li_tintuc_bg.png) no-repeat left 25px;
	border-bottom: 1px dashed #999;
	padding: 20px 0 20px 20px;
	text-align: justify;
}

ul.thongkeleft{
	padding:0 10px 10px 10px;
}

ul.thongkeleft li{
	height:30px;
	line-height:30px;
	padding:0 0 0 30px;
	margin:0 0 0px 0;
}

li.dangonline{
	background:url(../images/dang_online.png) no-repeat left center;
}

li.tktuan{
	background:url(../images/online_tuan.png) no-repeat left center;
}

li.tkthang{
	background:url(../images/thang_online.png) no-repeat left center;
}

li.tong{
	background:url(../images/tatca_online.png) no-repeat left center;
}

ul.ulgiohang{
	background:url(../images/cart_bg.png) no-repeat left center;
	min-height:65px;
	padding:10px 0 10px 80px;
}

ul.ulgiohang li{
	height:25px;
	line-height:25px;
	margin:0 0 0px 0;
}

ul.ulgiohang li a:hover{
	text-decoration:underline;
}

ul.uldangnhap{
	padding:10px 20px;
}

ul.uldangnhap li{
	margin:0 0 10px 0;
}

ul.uldangnhap li a:hover{
	color:red;
	text-decoration:underline;
}

input.inputtext{
	border:thin solid #CCC;
	border-radius:5px;
	height:24px;
	line-height:24px;
	width:158px;
	-moz-box-shadow: inset 0 0 7px #DBDBDB;
	-webkit-box-shadow: inset 0 0 7px #DBDBDB;
	box-shadow: inset 0 0 7px #DBDBDB;
	padding:0 0 0 10px;
}

input#userlogin{
	border:none;
	background:url(../images/dongy_btn.png) no-repeat center center;
	width:78px;
	height:27px;
	line-height:27px;
	text-align:center;
	color:#FFF;
}

.tip{
	height:30px;
	line-height:30px;
	text-transform:uppercase;
	font-weight:bold;
	font-style:italic;
	color:#0095ef;
	text-shadow:1px 1px 1px #CCC;
}

.pro_new{
	height:200px;
	text-align:center;
}

.pro_new img{
	width:200px !important;
	height:194px !important;
	background:#FFF;
}

.video{
	min-height: 175px;
	margin: 0 5px 5px 5px;
}

select#video{
	width: 208px;
	height: 25px;
	line-height: 25px;
	padding: 0px;
	outline: none;
	font-size: 12px;
	border: 1px solid #3CABCE;
	margin: 5px 0 0 0;
}

.map_right img{
	width:200px;
	height:240px;
}

h2.title-about{
	background:url(../images/gioithieu_title.png) no-repeat center;
	width:240px;
	height:30px;
	text-indent:-99999px;
	margin:15px 0;
}

.noidung_index{
	text-align: justify;
	margin: 0 0 10px 0;
	line-height: 20px;
	font-size: 12px;
}

.image_boder_index {
    float: left;
	margin: 0 10px 0 0;
	text-indent: 0px;
	padding: 3px;
	background: #CCC;
	border-radius: 5px;
}

.image_boder_index img{
	width: 100px;
	height: 72px;
}

/*---------------------BLOCK CONTENT MỚI---------------------*/
div.pro1{
	width: 220px;
	float: left;
	margin: 0 14px 15px 14px;
	text-align: center;
}

div.pro1 .block_img1{
	position: relative;
}

div.pro1 .block_img1>a>img{
	height: 150px;
	width: 214px;
	border: 1px solid #CCC;
	padding: 2px;
	background: #FFF;
}

div.pro1 .block_img1>a>img:hover{
	background: #91BDFF;
	border: 1px solid #00F;
}

.pro-name1{
	margin:10px 0 0 0;
	text-align:left;
}

.pro-name1>a{
	font-size: 13px;
	color: #0392E2;
	font-family: Tahoma, Geneva, sans-serif;
	text-transform: capitalize;
	font-weight: bold;
}

.pro-name-tc1>a:hover{
	color:yellow;
}

.pro-detail1{
	margin:5px 0 0 0;
	text-align:left;
}

div.pro2{
	width: 164px;
	height: 107px;
	padding: 4px;
	text-align: center;
	background: url(../images/box-pro-bg.png) no-repeat left top;
}

div.pro2 .block_img2{
	position: relative;
}

div.pro2 .block_img2 > a > img{
	width: 164px;
	height: 107px;
	border: none;
}

div.pro2 .block_img2 .pro-name123 {
	background: url(../images/mask-pro.png) no-repeat left top;
	color: #fff;
	display: none;
	font-size: 12px;
	font-weight: bold;
	left: 0px;
	top: 0px;
	position: absolute;
	padding-top: 83px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	width: 164px;
	z-index: 5px;
}

ul.cateUlLeft1{
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	height:150px;
}

ul.cateUlLeft1 li{
	height:30px;
	line-height:30px;
	text-indent:35px;
	background:url(../images/link_bg.png) no-repeat 10px center;
}

ul.cateUlLeft1 li a{
	font-weight:bold;
	color:#d8d8d8;
	font-size:11px;
}

a.xemtatca {
	display: block;
	width:22px;
	height: 22px;
	line-height: 22px;
	color: #101010;
	position: absolute;
	right: 15px;
	top: 10px;
	font-size: 12px;
	text-indent:-99999px;
	background:url(../images/more_bg.png) no-repeat center center;
}

div.vach_pro{
	height:1px;
	background:#000;
	margin:0 0 20px 0;
}

ul.list_document li{
	margin:0 0 10px 0;
}

ul.list_document li.parent_list>h2{
	text-transform:uppercase;
	margin:10px 0;
	font-family: 'UTMAvoBold', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
}

ul.list_document li a{
	color: #F5FF00;
	font-style: italic;
	text-decoration: underline;	
}

ul.product_info{
	width: 365px;
	float: left;
	text-indent: 10px;
	font-weight:normal !important;
	font-size:15px;
}

ul.product_info li{
	margin:0 0 10px 0;
	border-bottom:1px dashed #CCC;
	padding:0 0 10px 0;
}

a.addToCart{
	border: none;
	background: url(../images/btn_addcart.png) no-repeat center center;
	width: 105px;
	height: 20px;
	text-indent: -99999px;
	cursor: pointer;
	display:block;
}

p.lienket_title{
	padding:0 0 5px 0;
	color:#333;
}

.tienich{
	margin: 10px 0 0 0;
}

.tienich_item{
	height: 28px;
	line-height: 28px;
	text-indent: 23px;
	width: 90px;
	float: left;
	color: #575757;
	font-size: 11px;
}

.tienich_item:hover{
	text-decoration:underline;
}

div.giavang{
	background:url(../images/giavang.png) no-repeat left center;
}

div.tygia{
	background:url(../images/tygia.png) no-repeat left center;
}

div.chungkhoan{
	background:url(../images/chungkhoan.png) no-repeat left center;
}

div.thoitiet{
	background:url(../images/thoitiet.png) no-repeat left center;
}

li.info_contact{
	height: auto !important;
	margin: 10px 0 25px 0;
	line-height: 20px !important;
	font-size: 11px;
	text-indent: 0px !important;
	font-family: tahoma;
}

li.info_contact h2{
	font-size:12px;
	text-transform:capitalize;
	color:#C30;
}

li.hotro_info{
	height: auto !important;
	line-height: 20px !important;
	font-size: 11px;
	text-indent: 0px !important;
	font-family: tahoma;
}

li.hotro_info h2{
	font-size:12px;
	text-transform:capitalize;
	color:#C30;
}

div.pro3{
	width: 175px;
	text-align: center;
	margin: auto auto 10px auto;
	padding: 5px 0 0 0;
}

div.pro3 .block_img3{
	position: relative;
}

div.pro3 .block_img3 img{
	width:164px;
	height:130px;
	border:1px solid #004b41;
	background:#FFF;
}

div.pro3 p.pro-name3 {
	margin: 0px 0 5px 0;
	text-align: center;
}

div.pro3 p.pro-name3 a {
	text-transform: capitalize;
	text-align: center;
	font-size: 15px;
}

.bong_sp1{
	background:url(../images/bong_sp1.png) no-repeat center center;
	width:166px;
	height:6px;
	margin:auto;
}

.box_container{
	margin:25px 0 0 0;
}

.box1{
	float:left;
	width:266px;
	min-height:225px;
	border:1px solid #00917e;
	border-radius:5px;
	margin:0 15px 0 0;
	background: #006053;
}

.box2{
	float:left;
	width:424px;
	min-height:225px;
	border:1px solid #00917e;
	border-radius:5px;
	margin:0 15px 0 0;
	background: #006053;
}

.box3{
	float:left;
	width:272px;
	min-height:225px;
	border:1px solid #00917e;
	border-radius:5px;
	background: #006053;
}

h2.title_box1, h2.title_box2, h2.title_box3{
	height: 38px;
	line-height: 38px;
	text-transform: uppercase;
	font-size: 16px;
	color: #FFF;
	text-indent: 15px;
}

h2.title_box1{
	width:266px;
	background:url(../images/lienhe_title_bg.png) no-repeat center center;
}

h2.title_box2{
	width:424px;
	background:url(../images/tintuc_title_bg.png) no-repeat center center;
}

h2.title_box3{
	width:272px;
	background:url(../images/hotro_title_bg.png) no-repeat center center;
}

ul.lienheul{
	padding:15px;
	font-size:15px;
	color:#FFF;
	font-style:italic;
	line-height:26px;
}

ul.lienheul li{
	text-indent:15px;
	margin:0 0 5px 0;
}

ul.lienheul li.callme{
	font-style:normal !important;
	text-decoration:underline;
	text-indent:40px;
	font-size:17px;
}

ul.lienheul li.callme span.call1, ul.lienheul li.callme span.call2{
	font-size: 23px;
	font-weight: bold;
	display: inline-block;
	width: 165px;
	text-align: right;
	text-indent: 0px;
}

ul.lienheul li.callme span.call1{
	color: #FFF500;
}

ul.lienheul li.callme span.call2{
	color: #FFB800;
}

ul.news_home{
	font-size: 12px;
}

ul.news_home li{
	line-height: 17px;
}

ul.news_home li a{
	color: #259200;
	font-weight: bold;
}

ul.news_home li a:hover{
	text-decoration:underline;
}

ul.news_home li.first_li{
	background: none !important;
	text-indent: 0px !important;
}

ul.news_home li.first_li .news_img{
	background: #ccc;
	padding: 3px;
	float: left;
	margin: 0 5px 5px 0;
	border-radius: 5px;
}

ul.news_home li.first_li .news_img img{
	width: 100px;
	height: 72px;
}

ul.news_home li.first_li .desc_news{
	width: 189px;
	float: left;
	height: 90px;
	overflow: hidden;
}

ul.news_home li.first_li .desc_news a{
}

ul.news_home li.first_li .desc_news h2{
	margin: 0 0 5px 0;
	line-height: 14px;
	font-size: 12px;
}

ul.news_home li.first_li .desc_news p{
	text-align: justify;
	line-height: 14px;
}

.download {
	width: 90%;
	margin-bottom: 10px;
	border-collapse: collapse;
	border-spacing: 0;
}

.download th, .download td {
	font-size: 12px;
	padding: 5px;
}

.download td a{
	color:#F00;
}

.download td a:hover{
	text-decoration:underline;
}

.photo_item{
	width:540px;
	height:150px;
	margin:5px 0 0 10px 0;
}

.photo_item img{
	width:540px;
	height:150px;
}

ul.hotro{
	font-weight: bold;
	padding: 0px 10px 10px 10px;
}

ul.hotro li{
	line-height: 35px;
	font-size: 12px;
}

.title_hotro{
	display: inline-block;
	width: 110px;
	text-align: left;
}

.icon_hotro, .dienthoai{
	text-align: right;
	display: inline-block;
	width: 100px;
}

.icon_hotro img{
	margin: 0 5px;
}

.dienthoai{
	font-weight: bold;
	color: #FF0000;
}

li.social{
	background: url(../images/hotline_bg.png) no-repeat bottom left;
	height: 57px !important;
	position: relative;
	margin: 0 0 10px 0;
}

li.social img{
	margin:0 5px;
}

span.hotline{
	display: block;
	position: absolute;
	bottom: -5px;
	left: 50px;
	font-size: 22px;
	width: 170px;
	font-weight: bold;
	color: #fff;
	text-shadow: -1px -1px 0 #ff0000, 
	 1px -1px 0 #ff0000,
	 -1px 1px 0 #ff0000,
	 1px 1px 0 #ff0000;
	text-align: left;
}

#main_1{
	padding: 0px 0 10px 0;
	margin: auto;
}

/*------------------- Doi tac css -------------------*/
.box_partner{
}

.ma-brand-slider-contain {	
	width: 940px !important;
	padding: 0 30px;
	height: 135px !important;
	margin: auto auto 20px 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: 1000px;
    padding: 10px 0px;
	padding-left:40px;
	margin:0 auto;
	margin-top:80px
}
.brand-slider .jcarousel-clip-horizontal {
    width:  960px;
    height: 154px;
}

.brand-slider .jcarousel-item {
    width: 190px;
	height: 115px;
	text-align:center;
}

.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: 40%;
	right: -22px;
	width: 18px;
	height: 27px;
	cursor: pointer;
	background: transparent url(../images/btn_right1.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: 40%;
	left: -30px;
	width: 18px;
	height: 27px;
	cursor: pointer;
	background: transparent url(../images/btn_left1.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 {}

h2.thongke_title{
	background:url(../images/thongke_bg.png) no-repeat center center;
	height:28px;
	width:138px;
	text-indent:-99999px;
	margin:0 0 10px 0;
}

h2.info_footer_title{
	background:url(../images/logo_footer.png) no-repeat center center;
	height:28px;
	width:158px;
	text-indent:-99999px;
	margin:0 0 10px 0;
}

h2.social_title{
	background:url(../images/social_title.png) no-repeat center center;
	height:28px;
	width:110px;
	text-indent:-99999px;
	margin:0 0 10px 0;
}

h2.dknt_title{
	background:url(../images/dknt_title.png) no-repeat bottom center;
	height:30px;
	width:154px;
	text-indent:-99999px;
	margin:0 0 10px 0;
}

.social_footer{
	width: 200px;
	float: left;
	text-align: left;
	margin: 0 10px 0 0;
}

.ulsocial li{
	float:left;
	width:100px;
}

.ulsocial li.facebook{
	background:url(../images/facebook.png) no-repeat left center;
}

.ulsocial li.google{
	background:url(../images/google.png) no-repeat left center;
}

.ulsocial li.twitter{
	background:url(../images/twitter.png) no-repeat left center;
}

.ulsocial li.youtube{
	background:url(../images/youtube.png) no-repeat left center;
}

.ulsocial li a{
	display: inline-block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-indent: 36px;
	font-weight: bold;
}

.ulsocial li a:hover{
	text-decoration:underline;
}

.dknt_footer{
	width: 252px;
	float: left;
	text-align: left;
	margin: 0 10px 0 0;
}

/*-----------DK NHẬN TIN-------------*/
.newsletter{
}

.newsletter_cont{
	background: url(../images/dknt_bg.png) no-repeat center center;
	width: 245px;
	height: 24px;
	position: relative;
	margin:0 0 10px 0;
}

#frm_dknhantin{
}

input#email_newsletter{
	height: 22px;
	line-height: 22px;
	width: 155px;
	color: #2fa90b;
	border: none;
	background: none;
	position: absolute;
	left: 12px;
	top: 1px;
	outline:none;
}

input#btn_send_newsletter{
	border: none;
	height: 22px;
	width: 58px;
	cursor: pointer;
	text-indent: -99999px;
	background: none;
	position: absolute;
	right: 0px;
	top: 1px;	
}

.box_special{
	width:1000px;
	background:url(../images/box_special_bg.png) no-repeat top center;
	height:290px;
	position:relative;
}

.box_item{
	width: 270px;
	height: 270px;
	float: left;
	padding: 10px 30px;
	margin: 0 4px 0 0;
}

.box_img img{
	width: 268px;
	height: 157px;
	border: 1px solid #ECECEC;
	background: #FFF;
}

h2.box_h2{
	text-transform: capitalize;
	font-size: 17px;
	color: #09C;
	margin: 10px 0 5px 0;
}

.box_desc{
	font-size:11px;
	height:55px;
	color:#333;
	overflow:hidden;
}

.box_img1{
	margin:auto auto 20px auto;
}

ul.doitac li a{
	background-color: #fff;
	border: solid 1px #c6c6c6;
	display: block;
	float: left;
	text-align: center;
	margin: 2px;
	height: 70px;
	width: 121px;
}

ul.doitac li a img{
	max-height: 70px;
	max-width: 120px;
}

/*----------------TIN TUC-----------------*/
.box_news1 {
    margin: 0 0px 8px 0;
	width: 300px;
}

.cont_news_index{
	width: 215px;
	float: left;
}

.box_news1 h2 {
   font-size: 12px;
}
.box_news1 h2 a {
    color: #259200;
	text-transform: capitalize;
	font-weight: bold;
}

.box_news1 h2 a:hover{
	text-decoration:underline;
}

.image_boder1{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #ccc;
	float: left;
	margin: 0 10px 0 0;
	padding: 0px;
}

.box_news1 p {
    margin: 0;
    padding: 0;
}

.box_news1 p.news_mota1{
	overflow: hidden;
	text-align: justify;
	color: #000;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
}

p.notice{
	color:#F00;
	font-style:italic;
	padding:10px 0;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
}

.help-online{
	padding: 0px 5px 10px 5px;
}

.hotline{
	font-weight: bold;
	font-size: 15px;
	color: #e20004;
	padding-top: 10px;
	margin-left: 10px;
}

.hotline img{
	float:left;
	margin-right:10px;
}
.hotline p{
	color:#e20004;
	font-weight:bold;
	font-size:22px;
	font-style:italic;
}

.block-yahoo{
	margin:10px 0 5px 10px;
	vertical-align:middle;
}
.block-yahoo img{
	margin-right:10px;
	margin-top:10px;
}
.block-yahoo ul{
	width: 132px;
	float:right;
	margin-right:20px;
}
.block-yahoo ul li {
	border-bottom:1px dotted #ccc;
	height:20px;
	text-align:center;
}

.block-yahoo ul li a{
	text-decoration: none;
	font-weight: bold;
}
.block-yahoo ul li a:hover{
	text-decoration:none;
}

.quangcao{
	padding: 0px 5px 15px 6px;
	background: #e9e8e8 url(../images/cate_ul_bg.png) no-repeat top center;
	margin: 1px 0 0 0;
	border-radius: 0 0 8px 8px;
}

.quangcao ul{
	width:176px;
	height:170px;
	margin:auto;
}

.quangcao ul img{
	width:176px;
	height:170px;
}

.thongke{
	background: url(../images/thongke_bg.png) no-repeat center center;
	width: 209px;
	height: 83px;
	position: relative;
	margin: 10px 0 0 0;
}

.thongke>p{
	position:absolute;
	font-weight:bold;
	color:#eb812b;
}

p.online{
	top: 40px;
	left: 128px;
}

p.daonline{
	bottom: 7px;
	left: 146px;
}

.ckout button {
	border: 0 none;
	background: #D80000;
	text-align: center;
	width: 140px;
	font-size: 18px;
	color: #FFF;
	padding: 6px;
	text-transform: uppercase;
	margin-top: 5px;
	cursor: pointer;
}

.ckout button:hover{
	opacity:.8;
}

#example10 li {position:relative;}
#example10 div.slider-bg {background:#000;top:300px;height:102px;width:600px;left:0;position:absolute;z-index:10;opacity:.5;}
#example10 div.slider-info {top:300px;height:72px;left:0;position:absolute;width:65px;z-index:15;padding:15px;}
#example10 div.slider-info strong {font-size:18px;color:#fff;margin-bottom:5px;}
#example10 div.slider-info p {display:none;font-size:12px;line-height:14px;color:#fff;margin:0 !important;}
#example10 li.slider-open div.slider-info {width:570px;}
#example10 li.slider-open div.slider-info strong {font-size:22px;}
#example10 li.slider-open div.slider-info p {display:block;}



























