.wraper *{
  margin: 0px;
  padding: 0px;
  font: 12px Arial, Tahoma, sans-serif;
  line-height: 18px;
  color:#CCCCCC;
}
img {
  border: 0
}
ul {
  list-style-type: none;
}
a, a:hover, a:visited {
  text-decoration: none;
  color: #333333;
}
.icons {/* display:inline-block; */
  background: url(../images/icons.png) no-repeat;
}
.black {
  color: #000 !important;
}
.red {
  color: #f00 !important;
}
.pd10{
  padding:10px 0px;
}
/*bg_top*/
.bachnx_bg_top{
	height:42px;
	background: url(../images/bg_top.png) repeat-x;
	padding:0px 2px;
}
#wrap_top_left {
  float: left;
  width: 59%;
  height: 42px;
  line-height: 42px;
}
.remcua li {
  display: inline-block;
  padding: 0px 10px;
}
.remcua > li > a {
  height: 42px;
  line-height: 42px;
  padding: 0px 10px;
 	 color: #fff;
  float: left;
}
.icons_remcua {
     background-position: 0 0;
    float: left;
    height: 24px;
    margin-top: 7px !important;
    width: 21px;
}
.icons_news {
  width: 19px;
  height: 19px;
  float: left;
  background-position: -20px 0px;
  margin-top: 11px;
}
.icons_online {
  width: 24px;
  height: 24px;
  float: left;
  background-position: -42px 0px;
  margin-top: 6px;
}
.icons_arrow {
  width: 8px;
  height: 4px;
  float: right;
  background-position: -294px 0px;
  margin-top: 19px;
}
#wrap_top_right {
  float: right;
  height: 42px;
  line-height: 42px;
}
.top_info{
	line-height:42px;
}
.top_info li {
  display: inline-block;
}
.top_info li a {
  padding: 0px 10px;
  color: #fff;
  line-height: 10px;
  float: left;
  border-right: 1px solid #fff;
}
.top_info li:last-child a {
  border: none;
}
.top_info li a:hover {
  text-decoration: underline;
}
.icons_user {
  width: 18px;
  height: 18px;
  float: left;
  background-position: -70px 0px;
  margin-top: -11px;
  position: relative;
  top: 5px;
}
/*bg_content_top*/
.bg_content_top {
  /* background: url(../images/bg_content_top.png) repeat-x; */
  height: auto;
  margin-top: 38px;
  /* margin-top: 10px; */
  background-size: contain;
}
.section {
  padding-top: 0px;
}
#section_logo {
  
  height: 125px;
  float: left;
}
#section_logo a img {
  margin-top: 10px;
}
#section_sale a img {
  margin-top: 12px;
}
#section_sale {
  width: 450px;
  height: 130px;
  float: left;
}
#section_right {
  width: 410px;
  height: 125px;
  float: right;
  margin-right:30px;
}
.section_color {
  height: 210px;
  /* margin-top: 8px; */
  padding-top: 1px;
  /* margin-bottom: 3px; */
  clear: left;
}
/**/
.navigation{
  width:495px;
  float:left;
}
.navigation a{
	color:#FFF !important;	
}
.navigation ul, .navigation ul li, .navigation ul li > h2 > a {
  float: left
}
.navigation ul li > h2 > a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-border-box;
  -ms-border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  text-shadow: 1px 1px rgba(0,0,0,.25);
  transition: all 300ms ease 100ms;
  -webkit-transition: all 300ms ease 100ms
  -moz-transition: all 300ms ease 100ms;
  -ms-transition: all 300ms ease 100ms;
  -o-transition: all 300ms ease 100ms;
}
.navigation ul li > h2 > a:hover {
  border-color: #555;
  box-shadow: 0 1px 25px rgba(0,0,0,.4) inset
}
.navigation ul {
  margin-right: 2px
}
.navigation ul.last {
  margin-right: 0
}
.navigation ul li {
  margin-bottom: 2px
    ;
  position: relative;
}
.navigation ul li.last {
  margin-bottom: 0
}
.navigation .col1, .navigation .col1 li, .navigation .col1 li > h2 > a {
  width: 196px;}
.navigation .col1 li.remvai {
}
.navigation .col1 li.remvai > h2 > a {
  background-color: #eb1c24;
  background-image:url(../images/icons_remvai.png);
  background-position: 28px 26px;
  height: 90px;
  padding: 45px 0px 0px 120px;
  text-align: left;
}
.navigation .col1 li.remvai > h2 > a:hover {
  padding: 45px 0px 0px 40px;
  background-position: 130px 26px;
}
.navigation .col1 li.remsaogo {
}
.navigation .col1 li.remsaogo a {
  background-color: #ed3f3e;
  background-image:url(../images/icons_remsaogo.png);
  background-position: 111px 9px;
  padding: 23px 10px 0 10px;
  height:64px;
  text-align: left
}
.navigation .col1 li.remsaogo a:hover {
  background-position: 20px 9px;
  padding: 23px 10px 0 100px;
}
.navigation .col1 li.remromam {
}
.navigation .col1 li.remromam a {
  background-color: #f38120;
  background-image:url(../images/icons_remromam.png);
  background-position: 20px 12px;
  height: 52px;
  padding: 18px 10px 0 90px;
  text-align: left
}
.navigation .col1 li.remromam a:hover {
  background-position: 120px 12px;
  padding: 18px 10px 0 20px;
}
.navigation .col2, .navigation .col2 li, .navigation .col2 li > h2 > a {
  width: 166px;}
.navigation .col2 li > h2 > a {
  padding: 0 5px;
  color:#FFF;
}
.navigation .col2 li.remsaonhom {
}
.navigation .col2 li.remsaonhom a {
  background-color: #a2248f;
  background-image:url(../images/icons_remsaonhom.png);
  background-position: 20px 15px;  padding-left: 70px;
  height: 50px;
  padding-top: 18px;
  text-align: left
}
.navigation .col2 li.remsaonhom a:hover {
  background-position: 120px 15px;
  padding-left: 15px;}
.navigation .col2 li.giayrantuong {
}
.navigation .col2 li.giayrantuong a {
  background-color: #0084cc;
  background-image: url(../images/icons/sim-icon.png);
  background-position: 11px 19px;
  height: 68px;
  padding-left: 52px;
  padding-top: 10px;
  text-align: left
}
.navigation .col2 li.giayrantuong a:hover {
  background-position: 99px 19px;
  padding-left: 5px;
  padding-right: 47px
}
.navigation .col2 li.remcuon {
  width: 81px;
  margin-right: 2px
}
.navigation .col2 li.remcuon a {
  background-color: #293d94;
  background-image:url(../images/icons_remcuon.png);
  background-position: center 5px;
  height: 78px!important;
  padding-top: 53px;
  width: 81px;}
.navigation .col2 li.remcuon a:hover {
  background-position: center 33px;
  padding-top: 5px;}
.navigation .col2 li.winlux {
  width: 81px;
  margin-right: 2px
}
.navigation .col2 li.winlux a {
  background-color: #0aa2a5;
  background-image:url(../images/icons_winlux.png);
  background-position: center 5px;
  height: 78px!important;
  padding-top: 43px;
  width: 81px;}
.navigation .col2 li.winlux a:hover {
  background-position: center 38px;
  padding-top: 5px
}
.navigation .col2 li.phukienrem {
  width: 81px;
  margin-right: 2px
}
.navigation .col2 li.phukienrem > h2 > a {
  background-color: #78b644;
  background-image:url(../images/icons_phukienrem.png);
  background-position: center 5px;
  height: 78px!important;
  padding-top: 43px;
  width: 83px;}
.navigation .col2 li.phukienrem > h2 > a:hover {
  background-position: center 43px;
  padding-top: 5px;
}
.navigation .col3 li.binhphong {
}
.navigation .col3 li.binhphong a {
  background-image:url(../images/icons_binhphong.png);
  background-position: 7px 10px;
  text-align: left
}
.navigation ul li h2 a {
font-size: 12px;
}
.navigation .col3 li.binhphong a:hover {
  background-position: 98px 10px;
  padding: 13px 10px 0 10px;
}
.navigation .col3 li.giayrantuong {
}
.navigation .col3 li.giayrantuong a {
  background-image:url(../images/icons_giaydantuong.png);
  background-position: 5px 6px;
  text-align: left
}

.navigation .col3 li.giayrantuong a:hover {
  background-position: 100px 6px;
  padding: 13px 10px 0 4px;
}
.navigation .col2 li.digital {
  width: 68px
}
.navigation .col2 li.digital a {
  background-color: #0f63a3;
  background-image: url(../images/icon-camera.png);
  background-position: center 10px;
  height: 73px;
  padding-top: 40px;
  width: 68px
}
.navigation .col2 li.ladoc {
  width: 81px;
  margin-right: 2px
}
.navigation .col2 li.ladoc a {
  background-color: #0a62ac;
  background-image:url(../images/icons_ladoc.png);
  background-position: center 5px;
  height: 78px;
  padding-top: 53px;
  width: 83px;}
.navigation .col2 li.ladoc a:hover {
  background-position: center 38px;
  padding-top: 5px
}
.navigation .col2 li.classified {
  width: 68px
}
.navigation .col2 li.classified a {
  background-color: #0084cc;
  background-image: url(../images/icon-rao-vat-2.png);
  background-position: center 10px;
  height: 73px;
  padding-top: 40px;
  width: 68px
}
.navigation .col2 li.classified a:hover {
  background-position: center 44px;
  padding-top: 10px
}
.navigation .col3 li.news a{
  background:#6e6566;
  padding: 0px;
  height: 42px;
  line-height: 42px;
  text-align: center;
}
.navigation .col2 li.digital a:hover {
  background-position: center 44px;
  padding-top: 10px
}
.navigation .col3 {
  width: 129px;
}
.navigation .col3 li {
  width: 129px;
}
.navigation .col3 li > h2 > a {
  background-color: #acacac;
  height: 40px;
  padding-top: 12px;
  width: 129px;
  color: #fff;
  text-align:left;
  text-shadow: none;
  padding-left: 33px;
}
.navigation .col3 li.thamtraisan {
  position: relative
}
.navigation .col3 li.thamtraisan  > h2 > a {
  background-image:url(../images/icons_thamtraisan.png);
  background-position: 5px 6px;
  text-align: left
}
.navigation .col3 li.thamtraisan > h2 > a:hover {
  background-position: 95px 6px;
  padding: 13px 10px 0 4px;
}
.navigation .col3 li.cualuoi a {
  background-image:url(../images/icons_cualuoi.png);
  background-position: 5px 6px;
  text-align: left
}
.navigation .col3 li.cualuoi a:hover {
  background-position: 85px 6px;
  padding: 13px 10px 0 8px;
}
.navigation .col3 li.thamtraisan .areacountnew {
  width: 10px;
  height: 12px;
  position: absolute;
  right: 0;
  line-height: 12px;
  background-color: red;
  padding: 3px;
  font-weight: bold;
  font-size: 11px;
  color: #fff;
  text-align: center
}
/**/
/*nav level2*/
div.nav_level2 {
  margin-top: 0px;
  width: 228px;
  height: auto;
  position: absolute;
  padding: 10px 10px 15px 10px;
  top: 85px;
  left: 0px;
  z-index: 10;
  line-height: 24px;
  display: none;
  background: #fff;
  border: #d7d7d7 solid 1px;
  box-shadow: 0 0 3px #ccc;
}
.nav_c4{
  top:50px !important;
}
.up-triangle {
  width: 0;
  position:absolute;
  top:-15px;
  height: 0; 
  border-bottom: 20px solid #fff; 
  border-left: 30px solid transparent; 
  border-right: 30px solid transparent; 
}
.nav_level2 p.a_root {
  display: block;
  line-height: 30px;
  height: 30px;
}
.nav_level2 p.a_root a {
  display: block;
  padding-left: 15px;  background: url(../images/arrow_red.png) 0px 50% no-repeat;
  border-bottom: 1px dotted #d9d9d9;
}
.nav_level2 p.a_root:last-child a{
  border:none
}
.nav_level2 p.a_root a:hover {
  color: #f00;
}
.navigation ul li:hover .nav_level2 {
  display: block;
}
ul.list_pro_group .nav_level2 {
  top: 40px;
}
/**/
.banner {
  background-color: #eee;
  float: right;
  height: 210px;
  width: 540px
}
#banner{
  width:495px;
  float:left;
  margin-left:10px;
}

.sec_hot {
  float: left;
  color: #f00;
  font-size: 20px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
}
.sec_cart {
  float: right;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}
.icons_cart {
  width: 38px;
  height: 29px;
  float: left;
  background-position: -90px 0px;
  margin: 4px 10px 0px 0px;
}
#count_shopping_cart_store {
  color: #f00;
}
.section_delivery {
  margin: 10px 0px;
}
.icons_giaohang {
  width: 21px;
  height: 18px;
  float: left;
  background-position: -130px 0px;
  margin: -2px 10px 0px 0px;
}
.icons_help247 {
  width: 28px;
  height: 16px;
  float: left;
  background-position: -154px 0px;
  margin: -2px 10px 0px 0px;
}
.bg_search {
  width: 320px;
  height: 30px;
  background-position: 0px -31px;
  float: left;
}
.section_search {
  margin: 5px 0px;
}
.txt_search {
  width: 275px;
  padding-left: 10px;
  height: 25px;
  line-height: 25px;
  margin-top: 2px;
  float: left;
  background-color: transparent;
  border: 0;
  outline: 0;
}
.txt_submit {
  width: 31px;
  height: 30px;
  float: left;
  background-color: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
}
.icons_star {
  width: 13px;
  height: 13px;
  float: left;
  background-position: -305px 0px;
  margin: 1px 7px 0px 0px;
}
.text_hot {
  width: 100%;
  float: left;
  margin: 5px 0px;
}
/*section_banner*/
.section_banner{
  height: 45px;
  margin: 15px 0px 10px 0px;
  line-height: 45px;
  border-bottom:1px solid #ccc;
  padding-top: 5px;
}
.section_banner:hover{
  background:#ccc;
}
.sec_jcarousel1 {
  float: left;
  width: 797px;
  overflow: hidden;
}
.icons_pro_boom{
  width:46px;
  height:42px;
  float:left;
  background-position:0px -65px;
  margin-right: 5px;
}

.section_pro_group{
  height: 45px;
  margin: 15px 0px 0px 0px;
  line-height: 45px;
  /* border-bottom:1px solid #ccc; */
}
.section_pro_group:hover {
  background: #e0e0e0;
  cursor: pointer;
}
.icons_pro_group{
  width: 45px;
  height: 38px;
  float:left;
  /* background-position:-94px -65px; */
  margin: 4px 5px 0px 0px;
  background: url(../images/icon_grouppd.gif) no-repeat;
}
.sec_pro_hot{
  font-size:18px;
  float:left;
}
.sec_view_all{
  /* float:left; */
  /* font-size:16px; */
  /* margin-left:15px; */
  /* text-decoration: underline; */
  /* color: #f00; */
  /* font-style: italic; */
  /* background:url(../images/arrow_red.png) 0px 50% no-repeat; */
  /* padding-left: 10px; */
  font-size: 13px;  
  background-color: #97c93f;  padding: 3px 6px;  color: #fff;  text-decoration: none;  margin: 3px 0 0 15px;  border-radius: 2px;  -moz-border-radius: 2px;
}
/*section_pro_hot*/
.section_pro_hot li{
  display:inline;
  width: 182px;
  height: 285px;
  padding: 5px;
  float:left;
  text-align:center;
  border: 1px solid #d6d6d6;
  margin-right:7px;
  position: relative;
  box-shadow: 0 0 1px #ccc;
  -webkit-box-shadow: 0 0 1px #ccc;
  -moz-box-shadow: 0 0 1px #ccc;
  -ms-box-shadow: 0 0 1px #ccc;
  -o-box-shadow: 0 0 1px #ccc;
  -webkit-transition: box-shadow 1s;
  transition: box-shadow 1s;
  z-index: 1;                  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0')";   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0');
};
}
.img_pro {
  width: 182px;
  display: table-cell;
  height: 220px;
  vertical-align: middle;
}
.img_pro img {
  _max-width: 182px;
  _max-height: 220px;
  width: 182px;
  height: 220px;
  
}
.h3_pro_name {
  font-size: 12px;
  text-align: initial;
  margin: 5px 0px;
}
.old_price {
  text-decoration: line-through;
  
  height: 16px;
  line-height: 16px;
  color: #858585;
  text-align: initial;
}
.price_pro {
  font-size: 14px;
  font-weight: bold;
  color: #e00;
  text-align: initial;
}
.icons_saleoff{
  width:40px;
  height:40px;
  float:right;
  position:absolute;
  background-position: -50px -65px;
  top: 6px;
  right: 5px;
  color: #fff;
  
  font-weight: bold;
  font-size: 14px;
}
.icons_saleoff > span {
  float: left;
  margin: 11px 0px 0px 8px;
}
.section_pro_hot li .bginfo {
  display: block;
  overflow: hidden;
  -ms-opacity: 0;
  opacity: 0;
  /* background:url(../images/bg_pro_info.png) repeat; */
  height: 210px;
  width: 89.7%;
  padding: 5px;
  font-size: 12px;
  color: #000;
  text-align: left;
  line-height: 16px;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 99;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.section_pro_hot li .bginfo span {
  color: #000;
  background:url(../images/arrow_pro_info.png) 0px 50% no-repeat;
  display: block;
  padding: 2px 6px;
  padding-left: 10px;
}
.section_pro_hot li:hover .bginfo {
  background:url(../images/bg_pro_info.png) repeat;
  -ms-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  top: 5px;
}
.section_pro_hot li:hover{
  /* border: solid 2px #ccc!important; */                
  
  box-shadow: 0 0 20px #ccc;
}
.sec_list_pro_group li {
  height: 270px;
  overflow:hidden;
}
.sec_list_pro_group li .bginfo{
  overflow:inherit;
  top: 230px;
  opacity:1;
  height: 260px;
  overflow: hidden;
}
ul.section_pro_hot.section_service.service_bachnx li:hover {
box-shadow: 5px 0px 30px rgba(0,0,0,0.5);
-webkit-box-shadow: 5px 0px 30px rgba(0,0,0,0.5);
-moz-box-shadow: 5px 0px 30px rgba(0,0,0,0.5);
}
.sec_list_pro_group li .bginfo .price_pro {
  margin-bottom: 5px;
}
.promotion{
  background:url(../images/bg_info_promo.jpg) repeat-x;
  color:#fff;
  padding: 5px;
  margin-bottom: 10px;
}
.cls {
  clear: both;
  
}


.box_content {
  width: 100%;
  display: block;
}
.cssText > a {
  padding-right: 22px;
  border-right: 1px solid #2b58a3;
  line-height: 38px;
  color: #2b58a3 !important;
  font-weight: bold;
}

/*news hot*/
.news_hot {
  position:absolute;
  top:38px;
  width:300px;
  box-shadow:0 0 5px #888;
  z-index:888;
  left: 433px;
  background-color:#fff
    ;
  display: none;
}
.news_hot li {
  float:left;
  display:block;
  width: 93%;
  border-bottom: 1px dotted #ddd;}
.news_hot li a {
  width:100%;
  height:70px;
  display:block
}
.news_hot li a img {
  max-width:70px;
  max-height:70px;
  float:left;
  margin-top:8px
    ;
  margin-right: 5px;
}
.news_hot li a .title_art {
  display:block;
  float:right;
  width: 204px;
  line-height:18px;
  margin-top:5px
;
  color: #333;
}
.news_hot li a .title_art:hover {
  color:red
}
.news_hot_top:hover .news_hot{
  display:block;
}
div.text_hot a {

}

/*nivo====================*/

.theme-default #slider {height: 210px!important;overflow: hidden;z-index: 6;}
.theme-default .nivoSlider {position: relative;background: #fff url(../images/nivo_loading.gif) no-repeat 50% 50%;z-index: 2;}
.theme-default .nivoSlider img {position: absolute;top: 0;left: 0;display: none}
.theme-default .nivoSlider a {border: 0;display: block}
.theme-default .nivo-controlNav {position: absolute;right: 10px;bottom: 5px;margin-left: -40px;_display: none;}
.theme-default .nivo-controlNav a {display: block;width: 16px;height: 22px;background: url(../images/nivo_bullets.png) no-repeat;border: 0;margin-right: 3px;float: left;color: black;text-decoration: none;}
.theme-default .nivo-controlNav a.active {background-position: 0 -21px;}
.theme-default .nivo-directionNav a {display: block;width: 30px;height: 32px;background: url(../images/nivo_arrows.png) no-repeat;text-indent: -9999px;border: 0}
.theme-default a.nivo-nextNav {background-position: -30px 0;right: 15px;}
.theme-default a.nivo-prevNav {left: 15px;}
.theme-default .nivo-caption {font-family: Helvetica, Arial, sans-serif}
.theme-default .nivo-caption a {color: #fff;border-bottom: 1px dotted #fff}
.theme-default .nivo-caption a:hover {color: #fff}
.nivoSlider {position: relative}
.nivoSlider img {position: absolute;top: 0;left: 0}
.nivoSlider a.nivo-imageLink {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;z-index: 6;display: none;margin: 0;padding: 0}
.nivo-slice {display: block;position: absolute;z-index: 5;height: 100%}
.nivo-box {display: block;position: absolute;z-index: 5}
.nivo-caption {position: absolute;left: 0;bottom: 0;background: #000;color: #fff;opacity: 0.8;width: 100%;z-index: 8}
.nivo-caption p {margin: 0;padding: 5px}
.nivo-caption a {display: inline!important}
.nivo-html-caption {display: none}
.nivo-directionNav a {position: absolute;top: 45%;z-index: 9;cursor: pointer}
.nivo-prevNav {left: 0}
.nivo-nextNav {right: 0}
.nivo-controlNav a {position: relative;z-index: 9;cursor: pointer}
.nivo-controlNav a.active {font-weight: 700}
.hbanner-live {float: left;width: 495px;}
.nivo-controlNav a {background-image: url("../images/bullets-sprite.png") !important;background-position: 0px 0px !important;color: #FFFFFF;display: block;float: left;font: bold 12px/21px arial;height: 23px;text-align: center;margin: 0 2px;text-decoration: none;width: 22px !important;display: inline-block;*display: inline;cursor: pointer;z-index: 9;position: relative;line-height: 23px;}
.nivo-controlNav a.active {background-position: -31px 0px !important;color: #053865;}
/*------------------------ End nivo ----------------------*/