@charset "utf-8";
.content{
/* 	background:white; */
}
.list_product .content{
	background:#EFF0F3;
}

ul.thumbnails,
ul.dropdown-menu,
ul.nav,
ul.show,
.topbar ul.pull-right,
.topbar ul.pull-left,
.sidebar .show_post,
.list_category,
#footer ul{
	list-style:none;
	margin:0;
	padding:0;
}


img {
	border: 0px;
	outline: none;
}


blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}


/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

.highlight{
  background-color: yellow;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
	clear: both;
}

.clearL {
	clear: left;
}

.clearR {
	clear: right;
}
.hidden{display: none;}
#flashMessage {
	margin: 0 auto;
	width: 100%;
	padding: 5px;
	position: fixed;
	top: 0;
	z-index: 10000;
}
#flashMessage span{
	border-radius: 3px;
	padding-left: 32px;
	display: block;
	width: 470px;
	line-height: 35px;
	margin: 0 auto;
	background: #D31010;
	color: #fff;
	box-shadow: 0 0 3px #aaa;
}
#flashMessage.success span {
	background-image: url('img/success.png');
	background-position:  8px center;
	background-repeat: no-repeat;
}

#flashMessage.error span {
	background-image: url('img/error.png');
	background-position:  8px center;
	background-repeat: no-repeat;
}

.error-message {
	color: red;
	line-height: 22px;
	float: left;
	text-align: left;
	padding-left: 5px;
}
.form .error-message{
	display: block;
	float: none;
	margin-bottom: 5px;
	padding: 0;
	font-size: 11px;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

a.act,
span.act {
	padding: 1px 6px;
	background-image: url(img/icon.png)
}

a.act:hover {
	text-decoration: none;
}

span.doc,span.docx{
	background-position: -37px -144px; 
}
span.xls,span.xlsx{
	background-position: -66px -144px; 
}
span.ppt,span.pptx{
	background-position: -123px -144px; 
}
span.pdf{
	background-position: -95px -144px; 
}
span.txt{
	background-position: -153px -144px; 
}
span.zip,span.rar{
	background-position: -7px -144px; 
}
span.link{
	background-position: -182px -144px; 
}
a.download{
	background-position: -213px -144px;
	padding: 1px 7px;
}
a.download:hover{
	background-position: -244px -143px;
}


a.del {
	background-position: -8px -97px;
}

a.del:hover {
	background-position: -38px -97px;
}

/*** #tooltip ***/
#tooltip{
	position:absolute;
	border-radius: 2px;
	padding:3px 12px;
	color:#000;
	display:none;
	font-size: 13px;
	z-index: 1000;
	background: #ffffff;
	opacity: 0.9;
	box-shadow: 0px 0px 2px #333;
}

.detail_product #content .product_des,
#content .read .des{
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
}
.detail_product #content .product_des p,
#content .read .des p{
	margin-bottom: 10px;
}

/********************************************************/
/********************** #wrapper *************************/
/********************************************************/
#wrapper {
/* 	margin: 0 auto; */
/* 	min-width: 300px; */
/* 	max-width: 960px; */
	background:#f4f4f4;
}

/********************************************************/
/********************** #header *************************/
/********************************************************/
.topbar .top-contacts.pull-right{
	background:url(img/bghotline-copy.png) no-repeat top right;
	color:white;
	width:403px;
	height:36px;
	text-align:center;
	line-height:36px;
}
.topbar .top-contacts.pull-right span{
	font-size:18px;
}
.topbar li,
.topbar li a{
	color:#53AC19;
	font-size:12px;
}
/***** #header *****/
.topbar{
	background:white;
}
#header {
	position: relative;
	z-index: 1000;
	background:#fff;
	padding-bottom:10px;
	padding-top:10px;
}

#header img{
	width:100%;
	height:auto;
}

/*** .logo ***/
.header__logo {
    margin: 5px 0;
}
#header .logo{
/* 	position: absolute; */
/* 	top: 20px; */
/* 	left: 30px; */
}


/***** .search *****/
.header__search {
    margin-top: 45px;
    margin-bottom: 8px;
}
.header__search form{
	display:flex;
}
.header__search .input {
	border: 2px solid #5376ec;
	height: 45px;
	width: 80%;
	padding: 10px 15px;
	padding-right: 15px;
	padding-right: 10px;
	font-size: 14px;
	color: #898989;
	outline: none;
}
.header__search .button{
	
	background: #5376ec;
	border: none;
	outline: none;
	padding: 0;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	width: 108px;
	height: 45px;
	border:3px solid #5376ec;
	flex: 1 1 0%;
}
/*****hotline***/
.box_hotline{
	display:flex;
	margin-top:43px;
}
.box_hotline .icon-box-text{
    flex: 1 1 0%;
	padding-left:10px;
}
.box_hotline .icon-box-img{
	padding-top:4px;
}
.box_hotline .icon-box-img .fa{
	font-size: 35px;
	color: #5376EC;
}

/****************/
.menu__cart > a {
    display: block;
    background: url(img/icon-cart.png) no-repeat 20px center;
    padding: 11px 0px 11px 60px;
    color: #fff;
    max-height: 50px;
    font-size: 12px;
    font-family: Arial;
    line-height: normal;
}
.menu__cart > a > span {
    display: block;
}
.menu__cart > a:hover{
	text-decoration:none;
	cursor: pointer;
}
.menu__cart > a > span:first-child {
/*     text-transform: uppercase; */
	font-weight:bold;
	font-size:14px;
}

.menu_top_cart > a {
    display: inline-block;
/*     background: url(img/icon-cart.png) no-repeat 20px center #e21a22; */
    color: #fff;
    max-height: 50px;
    font-size: 12px;
    font-family: Arial;
    line-height: normal;
	border-radius:10px;
	font-weight:bold;
	padding-top:10px;
	float: right;
}

.menu_top_cart .icon-c {
 width:40px;
 height:40px;
 border-radius:50%;
 float:left;
 text-align:center;
 line-height:40px;
 background-color:#fff;
}
.menu_top_cart .icon-c i{
	color:#0cb5da;
}
.menu_top_cart .fa-shopping-cart::before {
  font-size: 22px;
}

/***** .language *****/
#header ul.language {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1000;
}

#header ul.language li {
	display: inline;
}
#header ul.language li a{
	background-image: url(img/icon.png);
	background-repeat: no-repeat;
	padding: 0px 8px;
}
#header ul.language li a:hover{
	text-decoration: none;
}
#header ul.language li a.vi{
	background-position: -6px -122px;
}
#header ul.language li a.en{
	background-position: -36px -122px;
}


/***** .currency *****/
#header .currency {
	float: right;
	margin-right: 5px;
	height: 22px;
}


/*******.navbar******/

 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:0px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
}
  
@media (max-width: 767px) {

  	.navbar-nav  {
     	display: inline;
  	}
  	.navbar-nav .navbar-brand {
    	display: inline;
  	}
	.navbar-nav .navbar-toggle .icon-bar {
    	background-color: #333;
  	}
  
	.navbar-nav .navbar-toggle2 .icon-bar {
    	background-color: #333;
  	}
  
  	.navbar-nav .dropdown-menu > li > a {
	    color: red;
	    background-color: #ccc;
	    border-radius: 4px;
	    margin-top: 2px;   
	}
   .navbar-nav .open .dropdown-menu > li > a {
     	color: #333;
   	}
   .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }
   

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  	z-index: 10000;
  }
	.sidebar .box_content li:hover > ul.dropdown-menu {
    display: block;
  }
  
  #navbar {
    text-align: center;
  }
}  

.navbar{
/* 	background:url(img/h_nav_c.png) top repeat-x; */
	min-height:37px;
/* 	background:#ddd; */
}
#navbar-collapse-1{
	padding:0;
}
.navbar-nav > li > a{
	color:#fff;
	padding:0 10px;
	line-height:50px;
	font-weight:bold;
}
/********menu_mobile********/
.navbar-toggle{
	border:1px solid #0cb5da;
	margin-top:16px;
}
.navbar-toggle .icon-bar{
	background:#0cb5da;
}

.mm-listview li a{
	line-height:14px;
	font-weight:normal;
	text-transform:none;
	
}

.navbar-brand{
	padding:10px;
	color:#333;
	font-size: 23px;
	line-height: 31px;
	float: right;
	text-transform:uppercase;
}
.navbar-brand:hover{
	color:white;
}

/***********.menu_cart*************/

ul.dropdown-menu.cart {
    margin: 0;
    padding: 10px;
}
.dropdown.open .dropdown-menu.cart h3.widget-title {
    display: none;
}
.dropdown-menu.cart {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 0;
    min-width: 250px;
    width: 250px;
    z-index: 2000;
}


/********************************************************/
/*********************** #main **************************/
/********************************************************/
#main{
	background:white;
}
.box_slide_home,
.banner_home2{
	margin-top:15px;
}
.banner_home1 .item,
.banner_home2 .item{
	overflow: hidden;
}
.banner_home1 img,
.banner_home2 img,
.banner_home3 img{
	width:100%!important;
	height:auto!important;
}


/*****home new**********/

.home-new{
	padding:10px;
	background: #fffff4;
	border: 1px dotted #ff7703;
}
.home-new img{
	width:100%!important;
	height:auto;
}

/***** #sidebar *****/
#sidebar_left {
	padding:0;
}
#sidebar_right{
	padding:0;
}

/***** #content *****/
#content {
/* 	margin: 0 220px; */
	position: relative;
}

#main.no_col_left #content {
	padding-left: 0;
}

#main.no_col_right #content{
	padding-right: 0;
}



/*********************** #sidebar **************************/

.sidebar .thumb a{
	display: block;
	line-height: 1px;
}
.sidebar section{
	margin-bottom:10px;
}
.sidebar .box_content{
	padding:0px;
	display:block;
/* 	border:1px solid #ddd; */
}

/******category*******/
.sidebar .box.category .box_content{
	padding:0;
}
.sidebar .box.category .dropdown-menu.lever0{
	display:block;
	position:relative;
	top:0;
	left:0;
	width:100%;
	background:none;
	border:none;
	border-radius:0;
	box-shadow:none;
}
.sidebar .box.category .dropdown-menu.lever0 li a{
	padding:5px 15px 5px 0px;
}

.sidebar ul {
	margin: 0 auto;
	padding:0;
}
.sidebar ul li{
	list-style:none;
}


/******h_category*******/
.menu_slide{
	background:#f4f4f4;
}
.menu_bottom{
	background:#5376ec;
}
.nav1{
	position:reletive;
}
.nav1 .box_content{
	background:white;
/* 	display:none; */
	position:absolute;
	top:53px;
	left:15px;
}
.nav1 .box_content .dropdown-menu{
	width:292px!important;
}
#mega-menu-title {
    padding: 15px 0 16px 15px;
    font-size: 15px;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
	background:#E7032E;
}
#mega-menu-title .fa{
	margin-right:10px;
}

.h_product_cate .box_content{
	padding:0;
	z-index:995;
}
.h_product_cate .dropdown-menu.lever0{
	position:relative;
	top:0;
	left:0;
	width:100%;
	background:none;
	border:none;
	border-radius:0;
	box-shadow:none;
}
.home .h_product_cate .dropdown-menu.lever0{
	display:block;
}
.h_product_cate .dropdown-menu.lever0 li{
	border-bottom:1px solid #cecece;
}
.h_product_cate .dropdown-menu.lever0 li:hover ul{
	display:block;
}
.h_product_cate .dropdown-menu.lever0 li a{
	padding:10px 15px 10px 10px;
}

.h_product_cate ul {
	margin: 0 auto;
	padding:0;
}
.h_product_cate ul li{
	list-style:none;
}

.h_product_cate ul.lever0 .loadmore {
  padding:15px 15px 15px 50px;
  line-height:100%;
	position:relative;
 }
.h_product_cate ul.lever0 .loadmore i {
  left:14px;
  top:16px;
  position:absolute;
  font-size:14px;
  color:#58bb47;
 }
.h_product_cate ul.lever0 .loadmore .more-view {
  color:#333;
  font-size:14px;
 }


/***** .box *****/
.sidebar .box h2{
	font-size:14px;
	margin:0;
}

.sidebar .box span.title {
	font-weight: bold;
    color: #333;
	padding:10px 0px;
/* 	text-transform:uppercase; */
	display:block;
/* 	background: url(img/s_box_title.png) top center repeat-x; */
/* 	background:#ddd; */
}

/****************/

.sidebar .box.address_buy .dia-diem-mua-hang{
	background: whitesmoke;
	padding: 8px;
	border-radius: 4px;
	margin-top: 10px;
}

/***** .maker .price *****/
.sidebar .maker ul li,.sidebar .box.price ul li {
	position: relative;
	line-height: 18px;
	padding: 4px 0;
	list-style:none;
}

.sidebar .maker ul li a {
	display: block;
}

.sidebar .box.maker ul a {
	background: url(img/arrow1.png) left 8px no-repeat;
	padding-left: 6px;
}
.sidebar .box.maker ul a:hover{
	color: #ff0000;
}

.sidebar .box.price ul a {
	background: url(img/arrow1.png) left 5px no-repeat;
	padding-left: 6px;
}
.sidebar .maker ul li.current a{
	font-weight: bold;
}
.sidebar .maker ul li img {
	position: absolute;
	top: 0;
	right: 0;
}

/***** .product_run *****/
.sidebar .product_run .caroufredsel_wrapper {
	margin: 0 auto !important;
	text-align: center;
/* 	min-height: 150px !important; */
	width:100%;
}
.sidebar .product_run li{
	height:120px;
	border-top: 1px solid #ececec;
    padding: 12px 0;
}

.sidebar .product_run .thumb {
	position: relative;
	text-align: center;
	width: 80px;
	margin: 0 auto;
	float:left;
	margin-right:10px;
}

.sidebar .product_run .thumb img{
	width:100%;
	height:auto;
}
.sidebar .product_run .thumb span {
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(img/icon.png);
	line-height: 30px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: blink;
}

.sidebar .product_run .thumb span.discount {
	position: absolute;
	top: 0;
	left: 0;
	background-position: 0 0;
}

.sidebar .product_run .thumb span.promotion {
	position: absolute;
	top: 0;
	right: 0;
	background-position: -30px 0;
}

.sidebar .product_run p {
	text-align: left;
}

.sidebar .product_run p.price {
	color: #FF0000;
}

.sidebar .product_run p.price .old {
	text-decoration: line-through;
	color: #888;
}

.sidebar .product_run p.cart a {
	display: block;
	width: 89px;
	padding-right: 15px;
	line-height: 25px;
	background-image: url(img/button.png);
	background-position: 0px -66px;
	color: #fff;
	margin: 0 auto;
}

.sidebar .product_run p.cart a:hover {
	cursor: pointer;
	text-decoration: none;
	background-position: 0px -91px;
}

.sidebar .product_run ul li {
	padding-bottom: 10px;
	position: relative;
}

.sidebar .product_run p.cart {
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	display: none;
}

.sidebar .product_run ul li:hover p.cart {
	display: block;
}

/***** .newsletter *****/
.sidebar .newsletter p {
	text-align: center;
}

.sidebar .newsletter button.submit {
	width: 90px;
	margin-top: 10px;
	background-image: url(img/button.png);
	background-position: -101px -132px;
	border: none;
	width: 97px;
	height: 24px;
	color: #fff;
}
.sidebar .newsletter #newsletter_result{
	display: none;
	color: #ff0000;
	font-style: italic;
	margin-top: 3px;
}

.sidebar .newsletter button.submit:hover {
	cursor: pointer;
	background-position: -101px -156px;
}

/***** .adv ****/
.sidebar .adv ul li{
	text-align: center;
}
.sidebar .adv ul li img{
	width:100%;
	height:auto;
}


/***** .search *****/

.sidebar #search_post {
	display: none;
}


/***** .support *****/
.sidebar .support li{
	padding-bottom: 8px;
	text-align: center;
}
.sidebar .support p{
	text-align: center;
	line-height: 22px;
	padding-bottom: 2px;
}
.sidebar .support p.name span{
	font-style: italic;
}

/***** .video *****/
.sidebar .video li{
	text-align: center;
	padding-bottom: 56.25%;
	height: 0;
	position: relative;
	clear: both;
	margin-bottom:10px;
}

/******detail_video******/
.sidebar .video .avia-video{
	padding-bottom: 56.25%;
	height:0;
	position:relative;
	clear: both;
}
.sidebar .video .avia-video iframe,
.sidebar .video .avia-video .avia-iframe-wrap{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0;
}


.sidebar .video p.more{
	text-align: right;
	padding-right: 15px;
}


/***** .gallery *****/
.sidebar .gallery ul,
.sidebar .gallery .caroufredsel_wrapper{
	margin: 0 auto !important;
}
.sidebar .gallery li{
	text-align: center;
}


/***** .poll *****/
.sidebar .poll li{
	font-style: italic;
	font-weight: bold;
	line-height: 15px;
}
.sidebar .poll li ul li{
	font-weight: normal;
	font-style: normal;
}
.sidebar .poll li ul{
	margin-bottom: 10px;
}
.sidebar .poll .submit{
	text-align: center;
}
.sidebar .poll .submit input{
	background: url("img/button.png") -101px -132px no-repeat;
	height: 24px;
	width: 97px;
	border: none;
	color: #fff;
}
.sidebar .poll .submit input:hover{
	background-position: -101px -156px;
	cursor: pointer;
}
.sidebar .poll a.poll_result{
	background: url("img/button.png") -101px -132px no-repeat;
	padding: 5px 12px 4px;
	color: #fff;
}
.sidebar .poll a.poll_result:hover{
	background-position: -101px -156px;
	text-decoration: none;
}

#poll_result{
	position: fixed;
	top: 100px;
	left: 0;
	width: 100%;
	z-index: 10000;
	display: none;
}
#poll_result div{
	width: 500px;
	margin: 0 auto;	
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 5px;
	padding: 20px 10px;
	box-shadow: 0 0 7px #999;
}
#poll_result a.close{
	padding: 5px 12px;
	float: right;
	margin-right: -7px;
	margin-top: -17px;
	background: url(img/icon.png) -92px 0 no-repeat;
}
#poll_result a.close:hover{
	background-position: -122px 0;
	text-decoration: none;
}
#poll_result ul{
	width: 100%;
}
#poll_result ul li{
	margin-bottom: 20px;
}
#poll_result ul li ul{
	margin-top: 10px;
}
#poll_result ul li ul li{
	margin: 0;
}
#poll_result ul li div{
	padding: 0;
	box-shadow: none;
	border-radius: 3px;
	line-height: 18px;
	margin-bottom: 5px;
	border: 1px solid #0087E8;
}
#poll_result ul li div p{
	background: #0094FF;
	text-align: center;
	font-size: 12px;
	color: #fff;
}


/***** .post *****/
.sidebar .post .caroufredsel_wrapper{
	margin: 0 auto !important;
}
.sidebar .post ul li{
	height:60px;
}
.sidebar .post ul li .thumb{
	width:50px;
	float:left;
	margin-right:10px;
}
.sidebar .post ul li a {
/* 	background: url(img/arrow2.png) left 6px no-repeat; */
	padding:0px;
	display:block;
}

/***** .document *****/
.sidebar .document ul li a {
	margin-left: 5px;
}

/***** .tag *****/
.sidebar .tag p {
	padding: 0 10px;
	text-align: center;
}

.sidebar .tag a {
	padding-right: 3px;
	line-height: 24px;
}

.sidebar .tag a.size1 {
	font-size: 15px;
}

.sidebar .tag a.size2 {
	font-size: 17px;
}

.sidebar .tag a.size3 {
	font-size: 19px;
}

.sidebar .tag a.size4 {
	font-size: 21px;
}

/***** .counter *****/
.sidebar .counter table {
	width: 160px;
	margin: 0 auto;
	font-family: Tahoma;
}

.sidebar .counter table th {
	text-align: left;
	font-weight: normal;
	padding-left: 20px;
}

.sidebar .counter table td {
	text-align: right;
}

.sidebar .counter tr.online th {
	background: url(img/s_counter1.png) left 2px no-repeat;
}

.sidebar .counter tr.yesterday th {
	background: url(img/s_counter2.png) left 2px no-repeat;
}

.sidebar .counter tr.today th {
	background: url(img/s_counter3.png) left 2px no-repeat;
}

.sidebar .counter tr.week th {
	background: url(img/s_counter4.png) left 2px no-repeat;
}

.sidebar .counter tr.month th {
	background: url(img/s_counter5.png) left 2px no-repeat;
}

.sidebar .counter tr.year th {
	background: url(img/s_counter1.png) left 2px no-repeat;
}

.sidebar .counter tr.total th {
	background: url(img/s_counter_total.png) left 2px no-repeat;
}
.sidebar .counter tr.total_top th{
	text-align: center;
	line-height: 30px;
	padding: 0 0 5px 0;
}
.sidebar .counter #counter{
	text-align: center;
}
.sidebar .counter tr.total_top p {
	font-weight: bold;
	text-align: center;
	background: #333;
	color: #fff;
	font-size: 11px;
	margin: 0 auto 5px;
	font-size: 15px;
	border-radius: 3px;
	display: inline;
	padding: 2px 4px;
}
.sidebar .counter tr.total_top p span{
	padding: 0 4px;
	border-right: 1px solid #666;
}
.sidebar .counter tr.total_top p span:last-of-type{
	border: none;
}

/*********************** #content ***********************/
/***** .box_info_page *****/
#content .box_info_page {
	position: relative;
}

#content .box_info_page .top,#content .box_info_page .bottom {
	position: absolute;
	width: 100%;
	height: 5px;
	background: transparent;
}

#content .box_info_page .top {
	top: -5px;
}

#content .box_info_page .bottom {
	bottom: -5px;
}

#content .box_info_page .des {
	text-align: justify;
}

#content .box_info_page .title {
	line-height: 30px;
}

#content .box_info_page {
	margin-bottom: 10px;
}

#content a.add{
	background-position: -62px -97px;
}
#content a.add:hover{
	background-position: -82px -97px;
}
#content a.sub{
	background-position: -100px -97px;
}
#content a.sub:hover{
	background-position: -120px -97px;
}



/********.rating**********/
.woocommerce-product-rating {
 visibility:visible;
 position:relative
}
.star-rating {
 text-align:left;
 font-size:16px;
 display:block;
 overflow:hidden;
 position:relative;
 height:1em;
 line-height:1em;
 letter-spacing:0;
 margin:.5em 0;
 width:5.4em;
 font-family:"FontAwesome"!important;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.star-rating:before,
.woocommerce-page .star-rating:before {
 content:'\f006\f006\f006\f006\f006';
 color:#d7102c;
 float:left;
 top:0;
 left:0;
 position:absolute
}
.star-rating span {
 overflow:hidden;
 float:left;
 width:10px;
 height:10px;
 top:0;
 left:0;
 font-family:"FontAwesome"!important;
 position:absolute;
 padding-top:1.5em;
 font-weight:normal!important
}
.star-rating span:before {
 content:'\f005\f005\f005\f005\f005';
 color:#d7102c;
 top:0;
 position:absolute;
 left:0
}
.star-rating--inline {
 display:inline-block;
 vertical-align:middle;
 height:18px
}
.woocommerce-review-link {
 font-size:90%
}
li.wc-layered-nav-rating {
 font-size:.8em
}
li.wc-layered-nav-rating .star-rating {
 margin-bottom:0;
 display:inline-block
}

.stars a {
 font-size:16px;
 margin-left:-10px;
 display:inline-block;
 color:transparent!important;
 overflow:hidden;
  font-family:"FontAwesome"!important;
}
.stars a+a {
 margin-left:.3em;
 border-left:1px solid #ececec
}
.stars a:hover:after,
.stars a.active:after {
 color:#d26e4b
}
.stars a:after {
 color:#ddd;
 content:'\f005'
}
.stars a.star-2:after {
 content:'\f005\f005'
}
.stars a.star-3:after {
 content:'\f005\f005\f005'
}
.stars a.star-4:after {
 content:'\f005\f005\f005\f005'
}
.stars a.star-5:after {
 content:'\f005\f005\f005\f005\f005'
}


/**** .tag *****/
#content div.tag{
	padding: 7px 0 8px;
}
#content div.tag span{
	background: url(img/tag.png) left center no-repeat;
	font-weight: bold;
	display: block;
	float: left;
	width: 82px;
	height: 22px;
	line-height: 26px;
	text-align: right;
	margin-right: 5px;
	text-transform: uppercase;
	color: #003BFF;
}
#content div.tag a{
	color: #003BFF
}

/**** .rate ****/
#content div.rate{
	margin-top: 8px;
}
#content div.rate span{
	float: left;
	line-height: 25px;
	padding-right: 10px;
	font-weight: bold;
}

/***** .box_content *****/
#content .box_content {
/* 	position: relative; */
/* 	margin-bottom: 15px; */
/* 	margin-right: -1px;		* Sdung dac biet -- Tranh loi giao dien * */
	padding:10px 0;
}

.home #content .box_content.product{
	margin-bottom:10px;
}
.box-header::after, .box-body::after, .box-footer::after {
    clear: both;
}
.box-header::before, .box-body::before, .box-footer::before, .box-header::after, .box-body::after, .box-footer::after {
    content: " ";
    display: table;
}

.box-header {
    display: block;
    padding:0px;
    position: relative;
	min-height: 25px;
    color: #5376ec;;
	margin-bottom:10px;
/* 	background: url(img/c_box_content_title_c.png) center top repeat-x; */
/* 	background:#ddd; */
	text-align:left;
	border-bottom: 1px solid #5376ec;;
	border-left:10PX SOLID #E7032E;
	padding-left:10px;
	background:#fffff4;
	margin-top:10px;
}
.product_like .box-header{
	border:none;
	text-align:left;
}
.box-header > .box-tools {
    position: absolute;
    right: 10px;
    top: 7px;
}

.box-header .box-title {
    display:block;
    font-size: 20px;
/*     line-height: 1; */
	font-weight:bold;
    margin: 0;
	position:relative;
	padding:10px 0;
	text-transform:uppercase;
}
.product_like .box-header .box-title{
	padding:10px;
}
/* .box-header .box-title::before { */
/*     position: absolute; */
/*     content: ""; */
/*     height: 2px; */
/*     background: #ff5622; */
/*     width: 80px; */
/*     bottom: 0; */
/*     right: 0; */
/*     margin: 0 auto; */
/*     left: 0; */
/* } */

#content .box_content ul.sort{
	float:right;
}

#content .box_content ul.sort li {
	display: inline;
	float: left;
}

#content .box_content ul.sort li a {
	padding: 0 5px;
}

#content .box_content ul.sort li a.desc {
	background: url(img/c_sort_desc.png) 98% center no-repeat;
	padding-right: 10px;
}

#content .box_content ul.sort li a.asc {
	background: url(img/c_sort_asc.png) 98% center no-repeat;
	padding-right: 10px;
}

#content .box_content p.date-time{
	font-size: 12px;
	color: #555;
	font-style: italic;
}

.product_like{
	background:#EFEFEF;
	padding:40px 0;
}
.product_like .box_bg{
	background:white;
}


/**** .product_run *****/
#content .product_run .caroufredsel_wrapper{
	margin-top: 5px !important;
	overflow: hidden;
}
#content .product_run ul{
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#content .product_run ul li{
	float: left;
	text-align: left;
	border: 1px solid #ddd;
	width: 248px;
	height: 90px;
	margin: 2px;
	padding: 5px 3px;
}
#content .product_run ul li .thumb{
	float: left;
	margin: 0 3px 2px 0;
	position: relative;
}
#content .product_run ul li .thumb span{
	position: absolute;
	background: red;
	display: block;
	width: 30px;
	height: 30px;
	background: url("img/icon.png");
}
#content .product_run ul li .thumb img:hover{
	opacity: 0.5;
}
#content .product_run ul li .thumb span.discount{
	top: 0;
	left: 0;
	background-position: 0 0;
	color: #fff;
	text-align: center;
	line-height: 30px;
}
#content .product_run ul li .thumb span.promotion{
	top: 30px;
	left: 0;
	background-position: -30px 0;
}
#content .product_run ul li p.name{
	font-weight: bold;
	font-size: 12px;
}
#content .product_run ul li p.price{
	color: #ff0000;
}
#content .product_run ul li p.price span.old{
	display: block;
	text-decoration: line-through;
	color: #777;
}


/**** .sitemap ****/
#content .box_content.sitemap ul{
	margin: 10px 0 0 20px;
	padding: 0;
	list-style: none;
}
#content .box_content.sitemap ul li a{
	color: #333;
	font-weight: bold;
}
#content .box_content.sitemap ul ul a{
	font-weight: normal;
}
#content .box_content.sitemap ul li{
	background: url(img/arrow3.png) left 6px no-repeat;
	padding-left: 12px;
}
#content .box_content.sitemap ul ul{
	padding-bottom: 10px;
}
#content .box_content.sitemap ul ul li{
	background: url(img/arrow4.png) left 6px no-repeat;
}


/**** .search *****/
#content .search{
	background: #eee;
	border-radius: 3px;
	padding: 16px 10px 18px;
	border: 1px solid #ddd;
	margin-bottom: 15px;
}
#content .search ul{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 650px;
}
#content .search ul li{
	margin: 5px 10px 5px 0;
	float: left;
}
#content .search .submit input{
	background: url("img/button.png") 0 -1px no-repeat;
	border: none;
	width: 97px;
	height: 24px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	padding-right: 6px;
	margin-top: 5px;
}
#content .search .submit input:hover{
	background-position: 0 -25px;
	cursor: pointer;
}


/**** .banner ****/
#content .banner{
	text-align: center;
	margin-bottom: 10px;
	border-radius: 5px;
	overflow: hidden;
}

.textwidget,
.all-products-home{
	padding:0;
	
}
.textwidget{
	padding-right:10px;
}

.textwidget img{
	width:100%!important;
	height:auto!important;
}

/**** .box_product ****/
.box_content .item{
/* 	padding:0px; */
	margin-bottom:15px;
}
.box_content.product .item{
	padding:0px!important;
	margin-bottom:0px;
	margin-top:-1px;
	margin-left:-1px;
}
.box_content .box_product {
/* 	width: 185px; */
	border: 1px solid #ddd;
	float: left;
/* 	margin: -1px 0 0 -1px; */
/* 	padding: 8px 0; */
	position: relative;
	width:100%;
	padding:10px;
}



.box_content .box_product .thumb {
	position: relative;
	text-align: center;
	width:100%;
	margin-bottom:10px;
	padding: 0px;
	overflow: hidden;
/* 	height: 118px; */
	background:white;
}


.box_content .box_product .thumb a{
	display: block;
	line-height: 1px;
}
.box_content .box_product .thumb a img{
	max-width:100%;
	height:auto;
}

.box_content .box_product .thumb span {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	background-image: url(img/icon.png);
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: blink;
}


.box_content .box_product .product-discount.sale {
    background:#9e0b0f;
	font-size: 15px;
	color:#fff;
    position: absolute;
    padding: 2px 5px;
    bottom: 0;
    right: 0;
}

.box_content .box_product .thumb span.promotion {
	top: 30px;
	right: 1px;
	background-position: -30px 0;
}
.box_content .box_product a{
	color: #5376ec;
}
.box_content .box_product p {
	text-align: left;
	padding:0px;
}
.box_content .box_product p.name,
.box_content .box_product p.price{
	overflow: hidden;
}
.box_content .box_product p.price {
	color: red;
}
.box_content .box_product .des_scroll .name{
	font-size:14px;
	font-weight:bold;
}
.box_content .box_product .des_scroll p{
	margin:0px;
	padding:0px;
}
.box_content .box_product .des_scroll .price .lab,
.box_content .box_product .des_scroll .warranty span,
.box_content .box_product .des_scroll .promotion span{
	font-weight:bold;
	color:#333333;
}
.box_content .box_product p.price span.old {
	color: #999;
	text-decoration: line-through;
}
.box_content .box_product p.cart{
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 100%;
	padding: 0;
	display: none;
}
.box_content .box_product .thumb:hover p.cart{
	display: block;
}
.box_content .box_product .box_text{
 height:108px;
}
.box_content .box_product p.cart a{
	width: 89px;
	text-align: center;
	color: #fff;
	background:#ff5622;
	padding:2px 5px;
	line-height:20px;
	text-align: center;
	
}

.box_content .box_product p.cart a:hover {
	text-decoration: none;
	background:#ff5622;
}


/**** .box_product2 ****/
#content .box_content .box_product2 {
/* 	width: 185px; */
/* 	border: 1px solid #ddd; */
	float: left;
/* 	margin: -1px 0 0 -1px; */
/* 	padding: 8px 0; */
	position: relative;
	width:100%;
	min-height:160px;
}



#content .box_content .box_product2 .thumb {
	position: relative;
	text-align: center;
	width:30%;
	margin-bottom:10px;
	padding: 0px;
	overflow: hidden;
/* 	height: 118px; */
	display: table-cell;
}

#content .box_content .box_product2 .box_text{
	display: table-cell;
	vertical-align:top;
	text-align:left;
	padding:0px 10px;
}


#content .box_content .box_product2 .thumb a{
	display: block;
	line-height: 1px;
}
#content .box_content .box_product2 .thumb a img{
	max-width:100%;
	height:auto;
}

#content .box_content .box_product2 .thumb span {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	background-image: url(img/icon.png);
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: blink;
}


#content .box_content .box_product2 .product-discount.sale {
    background:#9e0b0f;
	font-size: 15px;
	color:#fff;
    position: absolute;
    padding: 2px 5px;
    bottom: 0;
    right: 0;
}

#content .box_content .box_product2 .thumb span.promotion {
	top: 30px;
	right: 1px;
	background-position: -30px 0;
}
#content .box_content .box_product2 a{
	color: #333;
}
#content .box_content .box_product2 p {
	padding: 0px;
	text-align:left;
}
#content .box_content .box_product2 p.name,
#content .box_content .box_product2 p.price{
	overflow: hidden;
}
#content .box_content .box_product2 p.price {
	color: #ff0000;
}
#content .box_content .box_product2 p.price span.old {
	color: #999;
	text-decoration: line-through;
}
#content .box_content .box_product2 p.cart{
/* 	position: absolute; */
/* 	bottom: 10px; */
/* 	left: 0; */
	width: 100%;
	padding: 0;
}
#content .box_content .box_product2 p.cart a{
	display: block;
	width: 89px;
	line-height:20px;
	text-align: center;
/* 	background-image: url(img/button.png); */
/* 	background-position: 0 -66px; */
	color: #fff;
	background:#ff5622;
	padding:2px 5px;
}

#content .box_content .box_product2 p.cart a:hover {
	background-position: 0 -91px;
	text-decoration: none;
}

/*********product_row********/

.product_row {
	background:#EFEFEF;
	padding:20px 0;
}

.product_row .box-header {
    display: block;
    padding: 7px;
    position: relative;
	min-height: 25px;
    color: #fff;
	margin-bottom:10px;
/* 	background: url(img/c_box_content_title_c.png) center top repeat-x; */
/* 	background:#ddd; */
	text-align:center;
/* 	border-bottom: 1px solid #eaeaea; */
	background:#fc516d;
}

.product_row .box-header .box-title {
    display: inline-block;
    font-size: 22px;
/*     line-height: 1; */
    margin: 0;
	padding:0;
}
.product_row .widget_nav_menu .box-header{
	border-radius:5px 0 0 0;
	padding:10px;
}
.product_row .widget_nav_menu .menu{
	padding:0;
	background:white;
}
.product_row .widget_nav_menu .thumb img{
	width:100%;
	height:auto;
}
.product_row .box_content .box-header{
	border-top:1px solid #fc516d;
	background:white;
	color:#333;
	text-align:right;
	height:44px;
	padding:0;
}
.home .box_content.post .box-header{
	padding:0;
}
.home .box_content.post .box-header h2{
	position:relative;
	display:block;
	padding: 10px 0;
	padding-left:10px;
}
/* .home .box_content.post .box-header h2::before { */
/*     position: absolute; */
/*     content: ""; */
/*     height: 2px; */
/*     background: #ff5622; */
/*     width: 80px; */
/*     bottom: 0; */
/*     right: 0; */
/*     margin: 0 auto; */
/*     left: 0; */
/* } */

.product_row .box_content .box-header ul{
	padding:0;
	margin:0;
	list-style:none;
}
.product_row .box_content .box-header ul li{
	display:block;
	float:left;
	padding:0 10px;
	
}
.product_row .box_content .box-header ul li{
	border-top:2px solid #fff;
}
.product_row .box_content .box-header ul li.active{
	border-top:2px solid #fc516d;
}

.product_row .box_content .box-header ul li a{
	line-height:40px;
	font-weight:500;
}


.product_row .box_content .box-header .box-title {
    display: inline-block;
    font-size: 14px;
/*     line-height: 1; */
    margin: 0;
}

.product_row .widget_nav_menu ul{
	list-style:none;
}
.product_row .widget_nav_menu ul li{
	width: 50%;
	float: left;
	text-align: center;
	border: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	list-style:none;
}
.product_row .widget_nav_menu ul li a img {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.product_row .box_content .box_product{
	border:none;
}
.product_row .box_content .box_product .thumb{
	background:white;
	margin:0;
	padding:0;
}
.product_row .box_content .box_product .box_text{
	background:white;
	padding:10px;
}
/**** .option_related ***/
#content .box_content .box_product.option_related{
	border: none;
}

/***** .des_scroll ******/
#content .box_product .des_scroll{
	position: absolute;
	height: 100%;
	width: 100%;
	text-align: justify;
	display: none;
	overflow: hidden;
	top: 0;
	left: 0;
	background:#F4F4F4;
	padding:7px 10px;
	font-size:10px;
}

#content .box_product .des_scroll table{
	width:100%!important;
}
#content .box_product .des_scroll table td{
	border:1px solid #e6e6e6;
	padding: 5px 8px;
	text-align: left;
	color: #292929;
	font-size: 12px;
}
#content .box_product .des_scroll .tb,
#content .box_product .des_scroll .bt,
#content .box_product .des_scroll .lr,
#content .box_product .des_scroll .rl{
	position: absolute;
	background: #f9f9f9;
	padding: 5px;
}

#content .box_product .des_scroll .lr,
#content .box_product .des_scroll .rl{
	top: 0;
}

#content .box_product .des_scroll .tb,
#content .box_product .des_scroll .bt{
	left: 0;
}

#content .box_product:hover .des_scroll{
	display: block;
}
#content .box_product .des_scroll p{
	text-align: justify;
}

/*********************/
.account .widget ul.icons{
	margin-bottom:10px;
}

.account .widget ul.icons li {
    float: left;
    position: relative;
    text-indent: 0;
    margin-right:30px;
	padding: 0 0 0px 20px;
}

.account ul.icons li::before {
    content: "";
    display: block;
    font-family: "FontAwesome";
    left: 3px;
    position: absolute;
    text-align: left;
    top: 0px;
    width: 20px;
}

/*************************************/
/***************MEMBER****************/
/*************************************/
/***box_member_register***/
#content .box_member_register{
	width:100%;
	margin-top:10px;
}
#content .box_member_register .unit{
	width:345px;
	float:left;
	border:1px solid #cecece;
	border-radius:5px;
	padding:10px;
	min-height:150px;
	position:relative;
}
#content .box_member_register .unit.left{
	margin-right:5px;
}
#content .box_member_register .unit h4{
	margin-bottom:10px;
	border-bottom:1px solid #cecece;
}
#content .box_member_register .unit p{
/* 	padding-top:10px; */
}

/***************box_member_change_account****************/
#content .box_content.change_account{
	width:100%;
	margin:0px auto;
}

#content .box_content.change_account div{
	margin-top:10px;
}
#content .box_content.change_account .des{
	margin-top:-1px;
	border:1px solid #cecece;
	padding:10px !important;
}
#content .box_content.change_account label{
	display:block;
	width:100px;
	float:left;
	clear:left;
}
#content .box_content.change_account label span{
	color:red;
}
#content .box_content.change_account .info_mail{
	font-weight:bold;
}
#content .box_content.change_account .submit p{
	margin-left:100px;
	font-style:italic;
}
#content .box_content.change_account .submit span{
	color:red;
}
#content .box_content.change_account .submit input{
	background-image: url("img/button.png");
    background-position: -101px -132px;
    border:none;
    color: #FFFFFF;
    height: 24px;
    margin-bottom: 0;
    width: 97px;
	text-align:center;
	margin-left:100px;
	margin-top:10px;
	cursor:pointer;
}
#content .box_content.change_account .submit input:hover{
	background-image: url("img/button.png");
    background-position: -101px -156px;
}

/***************.box_content_change_address****************/
#content .box_content.change_address .des{
	border:1px solid #cecece;
	padding:10px;
	width:auto;
	margin:0px;
	margin-top:-1px;
}
#content .box_content.change_address{
	width:100%;
	margin:0px auto;
}
#content .box_content.change_address div{
	margin-top:10px;
}
#content .box_content.change_address label{
	width:100px;
	display:block;
	float:left;
	clear:left;
}
#content .box_content.change_address label span{
	color:red;
}
#content .box_content.change_address .submit p{
	margin-left:100px;
	font-style:italic;
}
#content .box_content.change_address .submit span{
	color:red;
}
#content .box_content.change_address .submit input{
	background-image: url("img/button.png");
    background-position: -101px -132px;
    border:none;
    color: #FFFFFF;
    height: 24px;
    margin-bottom: 0;
    width: 97px;
	text-align:center;
	margin-left:100px;
	margin-top:10px;
	cursor:pointer;
}
#content .box_content.change_address .submit input:hover{
	background-image: url("img/button.png");
    background-position: -101px -156px;
}

/****. history_payment ****/
.box_content.history_payment table{
	width: 100%;
}
.box_content.history_payment table td,
.box_content.history_payment table th{
	border: 1px solid #aaa;
	padding: 0 3px;
	text-align:center;
}
.box_content.history_payment table tr td.notice{
	height:25px;
}
.box_content.history_payment table span.time{
	font-size: 10px;
	font-style: italic;
	display: block;
	line-height: 15px;
	color: #666
}
.box_content.history_payment table th{
	background: #eee;
	line-height: 28px;
}
.box_content.history_payment table .small{
	text-align: center;
	width: 1px;
	white-space: nowrap;
}
.box_content.history_payment table.info th{
	width: 150px;
	text-align: left;
	background: none;
}
.box_content.history_payment h3{
	margin: 15px 0px 5px 0px;
	
}
.box_content.history_payment .detail_order p.old{
	text-decoration:line-through;
	color:#555555;
}
.box_content.history_payment .detail_order p.promotion{
	color:red;
}
.box_content.history_payment table tr.total th{
	background:none;
	text-align:right;
	border:none;
	color:red;
}
.box_content.history_payment table tr.total td{
	border:none;
	color:red;
	font-weight:bold;
	text-align:center;
}
/**.management_notice**/
.box_content.history_payment.management_notice tr td.No_Read a{
	font-weight:bold;
}

/**************************/
/***** .list_category *****/
/**************************/

/*** .list_category2 ***/
#content .list_category2{
	list-style: none;
	margin: 0;
	padding: 0;
}
#content .list_category2 li{
	float: left;
	width: 173px;
	text-align: center;
	height: 192px;
	overflow: hidden;
}
#content .list_category2 li a{
	color: #333;
}
#content .list_category2 li a.thumb{
	display: block;
	margin-bottom: 5px;
}


/***** .list_document *****/
#content .box_content ul.list_document{
	list-style: none;
	margin: 0;
	padding: 0;
}
#content .box_content ul.list_document li{
	display: block;
	padding: 5px;
}
#content .box_content ul.list_document a{
	color: #333;
}
#content .box_content ul.list_document li a.name{
	margin-left: 5px;
}
#content .box_content ul.list_document li a.more{
	margin-left: 8px;
}
#content .box_content ul.list_document li.bold{
	background-color: #eee;
}
#content .box_content ul.list_document .detail{
/*	display: none;*/
}
#content .box_content ul.list_document .left{
	float: left;
}
#content .box_content ul.list_document .right{
	float: right;
}
#content .box_content ul.list_document .summary{
	overflow: hidden;
}
#content .box_content ul.list_document .detail{
	border-top: 1px solid #ddd;
	margin-top: 8px;
	padding: 3px 0;
	font-size: 0.9em;
	display: none;
	color: #555;
	text-align: justify;
}


/***** .box_post *****/
.box_content .box_post {
/* 	width: 269px; */
/* 	padding: 0 10px 10px 0; */
/* 	float: left; */
	position: relative;
	z-index: 1;
/* 	margin: 5px 0; */
}

.box_content .box_post .thumb {
	margin-bottom:10px;
	padding:0px;
}
.box_content .box_post .thumb img{
	width:100%;
	height:auto;
}

.box_content .box_post:hover .thumb {
/* 	border: 1px solid #aaa; */
}

.box_content .box_post a.name {
	font-weight: bold;
	line-height: 16px;
	color: #333;
}
.box_content .box_post p.datetime{
	font-size: 11px;
	color: #666;
	font-style: italic;
}
.box_content .box_post p {
	text-align: justify;
}

.box_content .box_post a.more {
	font-style: italic;
}


/***** .order *****/

.order ul.shipping-methods,
.order ul.payment-methods {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.order ul.shipping-methods li,
.order ul.payment-methods li {
    border: 2px solid #fff;
    border-radius: 0;
    margin: 0 0 1.5em;
    padding: 0;
}
.order ul.shipping-methods li:hover,
.order ul.payment-methods li:hover,
.order ul.shipping-methods .selected,
.order ul.payment-methods .selected {
    border: 2px solid #f63;
    border-radius: 0;
}
.order ul.shipping-methods li label,
.order ul.payment-methods li label {
    display: block;
    height: 180px;
    overflow: auto;
}
.order ul.shipping-methods li label span.title,
.order ul.payment-methods li label span.title,
.order ul.shipping-methods li label span.description,
.order ul.payment-methods li label span.description,
.order ul.shipping-methods li label span.image,
.order ul.payment-methods li label span.image {
    display: block;
    padding: 0.5em;
}
.order ul.shipping-methods li label span.title,
.order ul.payment-methods li label span.title {
    background: #eee none repeat scroll 0 0;
}


/***** .box_video *****/
#content .box_content .box_video {
	position: relative;
	text-align: center;
}
#content .box_content .box_video a{
	color: #333;
}

#content .box_content .box_video .thumb {
	padding: 0px;
}
#content .box_content .box_video .thumb img{
	width:100%;
}

#content .box_content .box_video a.name {
	line-height: 16px;
}

#content .box_content .video_play {
	text-align: center;
	margin-bottom: 10px;
}

/******detail_video******/
.video_play .avia-video{
	padding-bottom: 56.25%;
	height:0;
	position:relative;
	clear: both;
}
.video_play .avia-video iframe,
.video_play .avia-video .avia-iframe-wrap{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0;
}


/***** .tooltip_content ******/
.tooltip_content {
	display: none;
}

#tooltipContent p.name {
	font-weight: bold;
	padding-bottom: 5px;
}

#tooltipContent p.price span.old {
	color: #999;
	text-decoration: line-through;
}

#tooltipContent p.price span.new {
	color: #ff0000;
	font-weight: bold;
}

#tooltipContent p.promotion {
	padding: 8px 0;
	margin: 5px 0;
	background: #f9f9f9;
	color: #ff0000;
	font-style: italic;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
}

#tooltipContent .des2 {
	font-size: 12px;
	color: #444
}

/*** .social ****/
#content ul.social{
	margin: 10px 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#content ul.social li{
	display: block;
	float: left;
}
#content ul.social li.facebook{
	width: 100px;
}
#content ul.social li.linkedin{
	padding-right: 15px;
}

/****** .read ******/
#content .read .des {
	padding-top: 15px;
	text-align: justify;
}
#content .read .des img{
	max-width:100%;
	height:auto;
}
#content .read .des table,
#content .read .des table th,
#content .read .des table td{
	
}
#content .read .des table th,
#content .read .des table td{
	padding: 3px 5px;
}
#content .read .des p{
	margin: 8px 0;
	line-height: 20px;
	color: #222;
}

/****** .related *******/
#content .box_content .related {
	margin-top: -1px;
}

#content .box_content .related span.title {
	display:block;
	font-weight: bold;
	font-size: 18px;
	background: transparent;
	padding: 0;
	color: #ff0000;
	height: auto;
	line-height: 15px;
	margin: 20px 0 10px;
}

#content .box_content .related ul {
	margin: 0 0 0 6px;
	padding: 0;
}

#content .box_content .related li {
	list-style: none;
}

#content .box_content .related li a {
	background: url(img/arrow2.png) left 6px no-repeat;
	padding-left: 8px;
	color: #333;
}

/****** .gallery ******/
#content .box_content .box_gallery {
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 0 3px #ddd;
	width: 257px;
	text-align: center;
	padding: 3px;
	float: left;
	margin: 3px;
}

#content .box_content .box_gallery:hover {
	border: 1px solid #aaa;
}

#content .box_content .box_gallery p.name {
	padding: 0 5px;
	height: 19px;
	overflow: hidden;
}
#content .box_content .box_gallery a{
	color: #333;
}

/****** .gallery_detail *****/
.detail_gallery #content #slideshow_image {
	position: relative;
	overflow: hidden;
	background: #000;
	margin-bottom: 10px;
}

.detail_gallery #content .galleria-stage {
	position: absolute;
	top: 10px;
	bottom: 60px;
	left: 10px;
	right: 10px;
	overflow: hidden;
}

.detail_gallery #content .galleria-thumbnails-container {
	height: 50px;
	bottom: 0;
	position: absolute;
	left: 10px;
	right: 10px;
	z-index: 2;
}

.detail_gallery #content .galleria-carousel .galleria-thumbnails-list {
	margin-left: 30px;
	margin-right: 30px;
}

.detail_gallery #content .galleria-thumbnails .galleria-image {
	height: 40px;
	width: 60px;
	background: #000;
	margin: 0 5px 0 0;
	float: left;
	cursor: pointer;
}

.detail_gallery #content .galleria-counter {
	position: absolute;
	bottom: 10px;
	left: 10px;
	text-align: right;
	color: #fff;
	font: normal 11px/1 arial, sans-serif;
	z-index: 2;
}

.detail_gallery #content .galleria-loader {
	background: #000;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	display: none;
	background: url(img/classic-loader.gif) no-repeat 2px 2px;
}

.detail_gallery #content .galleria-info {
	width: 50%;
	top: 15px;
	left: 15px;
	z-index: 2;
	position: absolute;
}

.detail_gallery #content .galleria-info-text {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9);
	padding: 12px;
	display: none;
}

.detail_gallery #content .galleria-info-title {
	font: bold 12px/1.1 arial, sans-serif;
	margin: 0;
	color: #fff;
}

.detail_gallery #content .galleria-info-description {
	font: italic 12px/1.4 georgia, serif;
	margin: 0;
	color: #bbb;
}

.detail_gallery #content .galleria-info-title+.galleria-info-description
	{
	margin-top: 7px;
}

.detail_gallery #content .galleria-info-close {
	width: 9px;
	height: 9px;
	position: absolute;
	top: 5px;
	right: 5px;
	background-position: -753px -11px;
	opacity: .5;
	cursor: pointer;
	display: none;
}

.detail_gallery #content .galleria-info-link {
	background-position: -669px -5px;
	opacity: .8;
	position: absolute;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-color: #000;
}

.detail_gallery #content .galleria-info-link:hover,.detail_gallery #content .galleria-info-close:hover
	{
	opacity: .5;
}

.detail_gallery #content .galleria-image-nav {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 100%;
	height: 31px;
	left: 0;
}

.detail_gallery #content .galleria-image-nav-left,
.detail_gallery #content .galleria-image-nav-right
	{
	opacity: .7;
	cursor: pointer;
	width: 16px;
	height: 31px;
	position: absolute;
	left: 10px;
	z-index: 2;
}

.detail_gallery #content .galleria-image-nav-right {
	left: auto;
	right: 10px;
	background-position: -300px 0;
	z-index: 2;
}

.detail_gallery #content .galleria-image-nav-left:hover,
.detail_gallery #content .galleria-image-nav-right:hover
{
	opacity: .5;
}

.detail_gallery #content .galleria-thumb-nav-left,
.detail_gallery #content .galleria-thumb-nav-right
	{
	cursor: pointer;
	display: none;
	background-position: -495px 5px;
	position: absolute;
	left: 0;
	top: 0;
	height: 40px;
	width: 23px;
	z-index: 3;
	opacity: .8;
}

.detail_gallery #content .galleria-thumb-nav-right {
	background-position: -578px 5px;
	border-right: none;
	right: 0;
	left: auto;
}

.detail_gallery #content .galleria-thumbnails-container .disabled,
.detail_gallery #content .galleria-thumbnails-container .disabled:hover
	{
	opacity: .2;
	cursor: default;
}

.detail_gallery #content .galleria-thumb-nav-left:hover,
.detail_gallery #content .galleria-thumb-nav-right:hover
	{
	opacity: 1;
	background-color: #111;
}

.detail_gallery #content .galleria-carousel .galleria-thumb-nav-left,
.detail_gallery #content .galleria-carousel .galleria-thumb-nav-right
	{
	display: block;
}

.detail_gallery #content .galleria-thumb-nav-left,
.detail_gallery #content .galleria-thumb-nav-right,
.detail_gallery #content .galleria-info-link,
.detail_gallery #content .galleria-info-close,
.detail_gallery #content .galleria-image-nav-left,
.detail_gallery #content .galleria-image-nav-right
	{
	background-image: url(img/classic-map.png);
	background-repeat: no-repeat;
}

/****** .box_content_faq ******/
#content .box_content_faq ul.question {
	margin-top: 5px;
}

#content .box_content_faq ul.question li {
	list-style: decimal;
}

#content .box_content_faq h2 {
	line-height: 35px;
}

#content .box_content_faq .answer {
	margin-bottom: 10px;
	text-align: justify;
}
#content .box_content_faq .line{
	border-bottom: 1px solid #ddd;
	margin: 7px 0 5px;
}
#content .box_content_faq .highline{
	background: yellow;
	display: inline;
}

/****** .contact ******/

.contact #content .form-group{
	margin:0 0 15px 0;
	padding:0 0 5px 0;
}

	
/*****************************/
/****** .detail_product ******/
/*****************************/

.detail-product-top{
	padding:10px;
	border-bottom:10px solid #F4F4F4;
	background:white;
}

.detail_product #content .gallery_cate{
	padding:0;
}
.detail_product #content .info table th {
	width: 105px;
}

.detail_product #content .info table th,.detail_product #content .info table td
	{
	padding: 3px 0;
	border-bottom: 1px dotted #f9f9f9;
}

.detail_product #content .info table tr.price span.old {
	text-decoration: line-through;
	color: #999;
}

.detail_product #content .info table tr.price span.new {
	color: #ff0000;
	font-weight: bold;
	font-size: 14px;
}
.detail_product #content .info span.save{
	font-style: italic;
	color: green;
}

.detail_product #content .info table tr.tag a {
	color: blue;
}

.detail_product #content .info table tr.promotion td {
	font-style: italic;
	color: #ff0000;
}
.detail_product #content .info table tr.status td{
	color: green;
}

.detail_product #content .info .btn-hotline{
	background:#53AC19;
	border:1px solid #53AC19;
	color:white;
	font-weight:bold;
	width: 100%;
	height:40px;
	line-height:27px;
}
.detail_product #content .info .btn-messenger{
	background:#007FEF;
	border:1px solid #007FEF;
	color:white;
	font-weight:bold;
	width: 100%;
	height:40px;
	line-height:27px;
}

.detail_product #content .info .btn-cart {
	background:#fd6e1d;
	border:1px solid #fd6e1d;
	text-transform:uppercase;
	width:100%;
	height:50px;
	line-height:35px;
	font-size:18px;
	font-weight:bold;
}

.detail_product #content .support {
	background: #f9f9f9;
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.detail_product #content .support ul {
	margin: 3px 0 0 0;
	padding: 0;
	overflow: hidden;
}

.detail_product #content .support ul li {
	list-style: none;
	float: left;
	display: block;
	width: 224px;
	padding-bottom: 6px;
}

.detail_product #content .support ul p {
	float: left;
	padding-right: 10px;
}


.detail-product-bottom{
	padding:10px 0;
}

.detail-product-bottom-right .box-header{
	background:#53AC19;
	color:white;
}
.detail-product-bottom-right .box-header .box-title{
	font-size:18px;
}

.detail-product-bottom-right table td,
.detail-product-bottom-right table th{
	border: 1px solid #e6e6e6;
	padding: 5px 8px;
	text-align: left;
	color: #292929;
}
.detail-product-bottom-right table tr:nth-child(2n+1) {
    background-color: rgba(5,73,255,.04);
}

/**********************/

.detail-product-box-left{
	padding:0;
}

.box.address_buy .dia-diem-mua-hang{
	background: whitesmoke;
	padding: 8px;
	border-radius: 4px;
	margin-top: 10px;
}
.box.address_buy .dia-diem-mua-hang .address {
    font-weight: bold;
    margin-bottom: 8px;
}
/************************/

.box.adv ul{
	list-style:none;
	margin:0;
	padding:0;
}
.box.adv img{
	width:100%;
}



/*** .detail_product #content .product_des ****/
.detail_product #content .product_des {
	margin-top: 10px;
	overflow: hidden;
}


.detail_product .tab-content .tab-pane{
	padding-top:10px;
}

.detail_product .tab-content .tab-pane img{
	width:100%!important;
	height:auto!important;
}


/****** .register ******/
.registration .des{
	border:1px solid #cecece;
	margin-top:-1px;
	padding:10px !important;
}
.registration .form_register{
	width:100%;
}
.registration .form_register div{
	margin:10px auto;
}
.registration .form_register div label{
	width:150px;
	display:block;
	float:left;
	clear:left;
	line-height:25px;
}
.registration .form_register div label.error{
	margin-left:200px;
}

.registration .form_register .submit input{
	background-image: url("img/button.png");
    background-position: -101px -132px;
    border: medium none;
    color: #FFFFFF;
    display: inline;
    height: 24px;
    line-height: 24px;
    margin-right: 15px;
    padding: 0;
    text-align: center;
    width: 97px;
	margin-left:150px;
	margin-top:10px;
	float:left;
	clear:left;
	cursor:pointer;
}
.registration .form_register .submit input:hover{
	background-position: -101px -156px;
}

/****** .forget_password ******/
.forget_password .des{
	border:1px solid #cecece;
	padding:10px !important;
	margin-top:-1px;
}
.forget_password .row{
	margin:10px 0px;
}
.forget_password label{
	width:150px;
	display:block;
	float:left;
	clear:left;
}
.forget_password .row input{
	width:309px;
}
.forget_password .submit input{
	background-image: url("img/button.png");
    background-position: -101px -132px;
    border: medium none;
    color: #FFFFFF;
    display: inline;
    height: 24px;
    line-height: 24px;
    margin-right: 15px;
    padding: 0;
    text-align: center;
    width: 97px;
	margin-left:150px;
	float:left;
	clear:left;
	cursor:pointer;	
}
.forget_password .submit input:hover{
	background-position: -101px -156px;
}
/*** .star_rate ***/
#content .bg_star_rate .star_rate{
	float: left;
	margin-right: 10px;
}
#content .bg_star_rate p.c{
	line-height: 27px;
	font-style: italic;
}
#content .star_rate ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content .star_rate,#content .star_rate_2
	{
	background-image: url(img/star.gif);
	height: 23px;
}

#content .star_rate {
	width: 124px;
	overflow: hidden;
	position: relative;
	background-position: left top;
	margin-bottom: 5px;
}
#content .star_rate p{
	margin: 0 !important;
}

#content .star_rate_2 {
	background-position: 0 -24px;
	position: absolute;
}

#content .star_rate_3 {
	position: absolute;
}

#content .star_rate_3 a {
	position: absolute;
	top: -1px;
}

#content .star_rate_3 a:hover {
	display: block;
	background-image: url(img/star.gif);
	background-position: 0 -48px;
}

#content .star_rate_3 a {
	text-decoration: none;
	height: 23px;
	z-index: 10;
}

#content .star_rate_3 a.star1 {
	width: 25px;
	z-index: 8;
}

#content .star_rate_3 a.star2 {
	width: 50px;
	z-index: 6;
}

#content .star_rate_3 a.star3 {
	width: 75px;
	z-index: 4;
}

#content .star_rate_3 a.star4 {
	width: 100px;
	z-index: 2;
}

#content .star_rate_3 a.star5 {
	width: 125px;
	z-index: 1;
}


/**Tags**/
#content .list_tag .tab_content {
    padding: 10px 5px;
}
/*** .detail_product #content .gallery  ****/

.detail_product #content .gallery .demowrap
{
	border: 4px solid #FFFFFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	display:block;
	margin-bottom:10px;
}
.detail_product #content .gallery .demowrap img
{
	width:100%;
	height:auto;
}


/******** #comment ********/
#comment{
	margin-top: 15px;
}
#comment .title2{
	position: relative;
	height: 32px;
	border-bottom: 2px solid #ddd;
}
#comment .title2 span{
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
	color: #ff0000;
}
#comment .title2 a.write{
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 0;
	background: url(img/button.png) -202px -132px no-repeat;
	width: 121px;
	text-align: center;
	color: #333;
}
#comment .title2 a.write:hover{
	background-position: -202px -158px;
	text-decoration: none;
}
#comment ul.comment{
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
}
#comment ul.comment li{
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
	text-align: justify;
}
#comment ul.comment li p.title{
	background: transparent;
	padding: 0;
	font-weight: bold;
	height: 25px;
}
#comment ul.comment li p.name{
	color: #333;
	font-weight: bold;
}
#comment ul.comment li p.name span{
	font-size: 11px;
	color: #444;
}
#comment ul.comment ul{
	background: #F4F4F4;
	padding-left: 25px;
	margin-top: 8px;
	padding-right: 10px;
	margin-bottom: 6px;
}
#comment ul.comment ul li:last-of-type{
	border-bottom: none;
}
#comment span.title3{
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
	display: block;
	border-bottom: 2px solid #ddd;
	color: #FF0000;
	margin-top: 20px;
}
#comment table{
	margin-top: 20px;
}
#comment table th{
	text-align: left;
	width: 110px;
}
#comment table th,
#comment table td{
	padding-bottom: 8px;
}
#comment table .submit button{
	background: #eee url(img/button.png) -202px -66px no-repeat;
	border: none;
	height: 28px;
	width: 111px;
	color: #fff;
}
#comment table .submit button:hover{
	background-position: -202px -94px;
	cursor: pointer;
}
#comment p.button{
	text-align: right;
}
#comment p.button a.answer{
	font-size: 12px;
	border-radius: 3px 0 3px 0;
	margin-right: 10px;
	color: #E20808;
}
#comment p.button a.like{
	font-size: 12px;
	margin-right: 10px;
	font-weight: bold;
	color: #333;
}
#comment p.button a.like.no_like{
	font-weight: normal;
}
#comment ul li li p.button a.like{
	margin-right: 0;
}
#comment p.button a.like span{
	margin: 0 3px;
}
#comment p.button a.like span.like{
	background: url(img/icon.png) -164px -5px no-repeat;
	padding: 2px 7px 0;
}
#comment p.button a.like:hover{
	text-decoration: none;
}

/******** #breadcrumb *******/
#breadcrumbs{
/* 	margin: 3px 0 0 0; */
/* 	background:white; */
	padding:10px 0;
}

/********* ul.step *********/
#content ul.step {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	margin-bottom: 15px;
	border-collapse: collapse;
}

#content ul.step li {
	display: block;
	float: left;
	width: 25%;
	line-height: 48px;
	font-size: 16px;
	font-weight: bold;
	color: #444;
}

#content ul.step li span {
	font-size: 25px;
	padding: 0 12px;
	display: block;
	width: 25px;
	margin-right: 5px;
	float: left;
	background: url(img/button.png) -151px -49px no-repeat;
	color: #fff;
}

#content ul.step li.active span {
	background-position: -151px 0;
}

#content ul.step li.active {
	color: #ff0000;
}

/***** #back-top  ****/
#back-top {
	bottom: 25px;
	right: 15px;
	position: fixed;
	z-index: 9999;
}

#back-top a {
	color: #BBBBBB;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 26px;
	display: block;
	text-align: center;
}

#back-top a:hover {
	color: #000000;
}

#back-top span {
	background: #FFBA00 url("img/up-arrow.png") no-repeat scroll center center;
	border-radius: 5px;
	width: 45px;
	height: 45px;
	display: block;
	margin-bottom: 7px;
}

#back-top a:hover span {
	background-color: #FFBA00;
}


/**** #adv_left_out #adv_right_out ****/
#adv_left_out,
#adv_right_out{
	position: absolute;
	top: 5px;
	margin: 0;
	padding: 0;
	list-style: none;
	border-radius: 2px;
	width: 149px;
	text-align: center;
}
#adv_left_out{
	left: 10px;
}
#adv_right_out{
	right: 10px;
}



/******** #cart *******/

#AjaxifyCart {
  padding: 30px 20px; }
  #AjaxifyCart h2 {
    text-align: center; }

#AjaxifyDrawer h1 {
  margin: 0px; }

#AjaxifyDrawer .cart_header_labels {
  display: none; }

#AjaxifyDrawer img {
  margin: 0px auto; }

#AjaxifyDrawer .list_product_cart, #AjaxifyDrawer .list_button_cart {
  border-top: 1px solid #e5e5e5;
  position: relative;
  margin-top: 30px;
  padding-top: 30px; }

#AjaxifyDrawer .cpro_item {
  min-height: 100px; }

.js-qty__num {
  width: 50%; }

.ajaxcart h1 {
  margin: 0px;
  font-size: 30px;
  height: 40px;
  line-height: 38px; }

.ajaxcart .cart_header_labels {
  margin: 15px 0px;
  margin: 10px 0px 15px 0px;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0px;
}
.ajaxcart .list_product_cart {
  text-align: center;
  margin-bottom: 15px; }

.ajaxcart .product_name {
  margin: 0px;
  text-align: left;
  font-size: 16px;
  display: block;
  text-transform: none;
  letter-spacing: 0px;
}
.ajaxcart img {
 width:100%;
	height:auto;
}
.rtl .ajaxcart .product_name {
    text-align: right;
}

.ajaxcart small {
  float: left; }
  .rtl .ajaxcart small {
    float: right; }

.ajaxcart .note_item .control-label {
  font-weight: normal; }

.ajaxcart .list_button_cart p {
  margin: 0px 0px 5px; }

.con-ajax-cart {
  display: none; }
.ajaxcart .con-ajax-cart {
    display: inline-block;
    vertical-align: middle;
}

.ajaxcart__qty-num{
	width:100%;
}


/******** #support_2 *******/
#support_2{
	position: fixed;
	bottom: 0;
	right: 15px;
	width: 200px;
	background: #fff;
	border: 1px solid #006cb5;
	z-index: 10000;
	border-radius: 2px 2px 0 0;
	text-align: center;
	box-shadow: 0px -1px 3px #aaa;
}
#support_2 span.icon{
	background: url(img/icon_support.png) no-repeat;
	width: 48px;
	height: 48px;
	position: absolute;
	top: -15px;
	left: 2px;
}
#support_2 a.title{
	background: url(img/pupup_support.png) center top repeat-x;
	color: #fff;
	font-weight: bold;
	padding: 0;
	line-height: 25px;
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	padding-left: 20px;
}
#support_2 a.title:hover{
	text-decoration: none;
}
#support_2 div{
	line-height: 22px;
	padding: 15px 6px 10px;
	display: none;
	overflow: hidden;
}
#support_2 ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#support_2 ul li{
	padding: 3px 0;
	overflow: hidden;
}
#support_2 ul p{
	float: left;
}
#support_2 ul p.name{
	text-align: left;
	width: 147px;
}
#support_2 ul p.nick{
	width: 20px;
}
#support_2 ul a:hover{
	text-decoration: none;
}

/*** popup ****/
#mask {
	position:fixed;
	left:0;
	top:0;
	z-index:10000;
	background-color:#000;
	display:none;
	opacity: 0.8;
}
#popup .window {
	position:absolute;
	left:0;
	top: 100px;
	width:820px;
	display:none;
	z-index:9999;
	color: #fff;
	width: 500px;
	text-align: justify;
	z-index: 11000;
}
#popup a.close{
	padding: 5px 12px;
	float: right;
	margin-right: -13px;
	margin-top: -13px;
	background: url(img/icon.png) -92px 0 no-repeat;
}
#popup a.close:hover{
	background-position: -122px 0;
	text-decoration: none;
}


/*******#popup_member************/
#login-modal input[type=text], input[type=password] {
	margin-top: 10px;
}

#login-modal #div-login-msg,
#login-modal #div-lost-msg,
#login-modal #div-register-msg {
    border: 1px solid #dadfe1;
    height: 30px;
    line-height: 28px;
    transition: all ease-in-out 500ms;
}

#login-modal #div-login-msg.success,
#login-modal #div-lost-msg.success,
#login-modal #div-register-msg.success {
    border: 1px solid #68c3a3;
    background-color: #c8f7c5;
}

#login-modal #div-login-msg.error,
#login-modal #div-lost-msg.error,
#login-modal #div-register-msg.error {
    border: 1px solid #eb575b;
    background-color: #ffcad1;
}

#login-modal #icon-login-msg,
#login-modal #icon-lost-msg,
#login-modal #icon-register-msg {
    width: 30px;
    float: left;
    line-height: 28px;
    text-align: center;
    background-color: #dadfe1;
    margin-right: 5px;
    transition: all ease-in-out 500ms;
}

#login-modal #icon-login-msg.success,
#login-modal #icon-lost-msg.success,
#login-modal #icon-register-msg.success {
    background-color: #68c3a3 !important;
}

#login-modal #icon-login-msg.error,
#login-modal #icon-lost-msg.error,
#login-modal #icon-register-msg.error {
    background-color: #eb575b !important;
}

#login-modal #img_logo {
    max-height: 100px;
    max-width: 100px;
}

/* #########################################
   #    override the bootstrap configs     #
   ######################################### */

#login-modal .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8;
}

#login-modal .modal-content {
    background-color: #ececec;
    border: 1px solid #bdc3c7;
    border-radius: 0px;
    outline: 0;
}

#login-modal .modal-header {
    min-height: 16.43px;
    padding: 15px 15px 15px 15px;
    border-bottom: 0px;
}

#login-modal .modal-body {
    position: relative;
    padding: 5px 15px 5px 15px;
}

#login-modal .modal-footer {
    padding: 15px 15px 15px 15px;
    text-align: left;
    border-top: 0px;
}

#login-modal .checkbox {
    margin-bottom: 0px;
}

#login-modal .btn {
    border-radius: 0px;
}

#login-modal .btn:focus,
#login-modal .btn:active:focus,
#login-modal .btn.active:focus,
#login-modal .btn.focus,
#login-modal .btn:active.focus,
#login-modal .btn.active.focus {
    outline: none;
}

.#login-modal btn-lg, #login-modal .btn-group-lg>.btn {
    border-radius: 0px;
}

#login-modal .btn-link {
    padding: 5px 10px 0px 0px;
    color: #95a5a6;
}

#login-modal .btn-link:hover, #login-modal .btn-link:focus {
    color: #2c3e50;
    text-decoration: none;
}

#login-modal .fa {
    top: 0px;
}

#login-modal .form-control {
  border-radius: 0px;
}

/**** #lock_web ****/
#lock_web{
	position: fixed;
	z-index: 11000;
	top: 0;
	color: #000;
	width: 100%;
	height: 100%;
}
#lock_web .mask{
	opacity: 0.7;
	background: #333;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
}
#lock_web .des{
	width: 600px;
	margin: 100px auto 0;
	background: #fff;
	border-radius: 6px;
	padding: 15px;
	font-size: 16px;
	line-height: 22px;
	min-height: 200px;
	max-height: 400px;
	position: relative;
	z-index: 12000;
	overflow: auto;
}


/**** #ajax_loading ****/
#message_top {
	display: none;
	top: 20px;
	float: right;
	position: fixed;
	z-index: 100000;
	width: 100%;
	text-align: center;
}
#message_top #loading{
	width: 160px;
	margin: 0 auto;
	padding: 30px 10px 15px;
	border-radius: 3px;
	box-shadow: 0px 0px 4px #333;
	opacity: 0.9;
	background: #fff url(img/ajax-loading.gif) center 10px no-repeat;
}


/**** paginator ****/
#content .paginator {
	text-align: right;
	display: block;
	padding-right: 5px;
	padding-top: 10px;
}
#content .paginator span{
	margin: 1px;
}
#content .paginator span a,
#content .paginator span.current{
	padding: 2px 5px;
	background: #eee;
	border-radius: 5px 0 5px 0; /* Opera 10.5, IE 9, Saf5, Chrome */;
	border: 1px solid #D3D3D3;
	color: #333;
}
#content .paginator span.current,
#content .paginator a:hover {
	font-weight: bold;
	border: 1px solid #C6C6C6;
	background: #ddd;
	color: #333;
}
#content .paginator a.disabled-page {
	color: #777;
}
#content .paginator a.disabled-page:hover {
	text-decoration: none;
	cursor: default;
}


/**** .box_banner ****/
.box_banner ul{
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
/* 	width: 180px; */
}
.box_banner ul li{
	float: left;
	border: 1px solid #ddd;
	margin: 2px 4px 2px 0;
}
.box_banner ul li:hover{
	border: 1px solid #999;
}
.box_banner ul li img{
	width:100%;
}

/**** .banner_bottom ****/
.box_banner.banner_bottom,
.box_banner.banner_bottom .caroufredsel_wrapper{
	overflow: hidden;
}
.box_banner.banner_bottom{
	margin-bottom: 8px;
}


/**** .box_partner ****/
.box_partner{
	margin-bottom: 18px;
	overflow: hidden;
}
.box_partner ul li{
	float: left;
	border: 1px solid #ddd;
	margin: 0 3px;
	display: block;
	height: 80px;
}
.box_partner ul li:hover{
	border: 1px solid #333;
}
.box_partner span.title{
	font-size: 15px;
	font-weight: bold;
	padding-left: 8px;
	line-height: 25px;
}
.box_partner .caroufredsel_wrapper{
	margin: 0 auto !important;
	height: 82px !important;
}	
.box_partner ul{
	height: 82px;
}

.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
}

.simply-scroll-clip { /* Clip DIV - automatically generated */
	position: relative;
	overflow: hidden;
}

.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.simply-scroll-list li img {
	border: none;
}

.simply-scroll-btn {
	position: absolute;
	background-image: url(buttons.png);
	width: 42px;
	height: 44px;
	z-index:3;
	cursor: pointer;
}

.simply-scroll-btn-left {
	left: 6px;
	bottom: 6px;
	background-position: 0 -44px;
}
.simply-scroll-btn-left.disabled {
	background-position: 0 0 !important;
}
.simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus {
	background-position: 0 -88px;
}

.simply-scroll-btn-right {
	right: 6px;
	bottom: 6px;
	background-position: -84px -44px;
}
.simply-scroll-btn-right.disabled {
	background-position: -84px 0 !important;
}
.simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus {
	background-position: -84px -88px;
}

.simply-scroll-btn-up {
	right: 6px;
	top: 6px;
	background-position: -126px -44px;
}
.simply-scroll-btn-up.disabled {
	background-position: -126px 0 !important;
}
.simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus {
	background-position: -126px -88px;
}

.simply-scroll-btn-down {
	right: 6px;
	bottom: 6px;
	background-position: -42px -44px;
}
.simply-scroll-btn-down.disabled {
	background-position: -42px 0 !important;
}
.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus {
	background-position: -42px -88px;
}

.simply-scroll-btn-pause {
	right: 6px;
	bottom: 6px;
	background-position: -168px -44px;
}
.simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus {
	background-position: -168px -88px;
}

.simply-scroll-btn-pause.active {
	background-position: -84px -44px;
}
.simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus {
	background-position: -84px -88px;
}

/* Custom class modifications - override classees

.simply-scroll is default

*/

.simply-scroll .simply-scroll-list {}

.simply-scroll .simply-scroll-list li {
	float: left;
	width: 110px;
	text-align: center;
}
.simply-scroll .simply-scroll-list li img {}

.simply-scroll .simply-scroll-btn {}

.simply-scroll .simply-scroll-btn-left {}
.simply-scroll .simply-scroll-btn-left.disabled {}
.simply-scroll .simply-scroll-btn-left:hover {}

.simply-scroll .simply-scroll-btn-right {}
.simply-scroll .simply-scroll-btn-right.disabled {}
.simply-scroll .simply-scroll-btn-right:hover {}

.simply-scroll .simply-scroll-btn-up {}
.simply-scroll .simply-scroll-btn-up.disabled {}
.simply-scroll .simply-scroll-btn-up:hover {}

.simply-scroll .simply-scroll-btn-down {}
.simply-scroll .simply-scroll-btn-down.disabled {}
.simply-scroll .simply-scroll-btn-down:hover {}



/* Vertical scroller example */

.vert { /* wider than clip to position buttons to side */
width: 340px;
	height: 400px;
	margin-bottom: 1.5em;
}

.vert .simply-scroll-clip {
	width: 290px;
	height: 400px;
}

.vert .simply-scroll-list {}

.vert .simply-scroll-list li {
	width: 290px;
	height: 200px;
}
.vert .simply-scroll-list li img {}

.vert .simply-scroll-btn {}

.vert .simply-scroll-btn-up { /* modified btn pos */
	right: 0;
	top: 0;
}
.vert .simply-scroll-btn-up.disabled {}
.vert .simply-scroll-btn-up:hover {}

.vert .simply-scroll-btn-down { /* modified btn pos */
	right: 0;
	top: 52px;
}
.vert .simply-scroll-btn-down.disabled {}
.vert .simply-scroll-btn-down:hover {}

/* NOTE left-right classes wouldn't be needed on vertical scroller */



/********* #slideshow **********/
#slideshow{
	margin-bottom: 12px;
}
#slideshow ul{
	list-style: none;
	padding: 0;
	margin: 0;
}


/***************************/
.dang-ky-tu-van{
	padding-top: 20px;
	padding-bottom: 20px;
/* 	background:#fff url(img/bg_newsletter.png) no-repeat; */
	background-size:cover;
	max-height: 137px;
/* 	background:#4F4F4F; */
	background:#ffffff;
}

.dang-ky-tu-van .dkmail{
	color: #5376ec;
	display: inline-block;
	float: left;
	line-height: 40px;
	font-weight: 700;
	font-size: 15px;
	text-transform:uppercase;
}

.dang-ky-tu-van #newsletter input{
	border: 2px solid #5376ec;
	height: 40px;
	width: 80%;
	padding: 10px 15px;
	padding-right: 15px;
	padding-right: 15px;
	padding-right: 10px;
	font-size: 14px;
	color: #898989;
	outline: none;
}

.dang-ky-tu-van #newsletter button{
	background: #5376ec;
	border: none;
	outline: none;
	padding: 0;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	width: 108px;
	height: 40px;
	border: 3px solid #5376ec;
	flex: 1 1 0%;
}


.dang-ky-tu-van .social-footer {
    text-align: center;
    float: left;
    width: 100%;
}
.dang-ky-tu-van ul.social-media{list-style:none;display:inline-block}
.dang-ky-tu-van .social-footer ul{
	padding:0;
	margin:0;
	width:100%;
}
.dang-ky-tu-van ul.social-media li{display:inline-block;float:left;margin-right:10px}
.dang-ky-tu-van ul.social-media li a{width:40px;height:40px;display:inline-block;font-size:22px;line-height:40px;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;color:#000}
.wf-top1 ul .facebook, .wf-top1 ul .google, .wf-top1 ul .linkedin, .wf-top1 ul .pinterest, .wf-top1 ul .twitter, .wf-top1 ul .youtube {
    background: #5376ec;
    float: left;
    text-align: center;
    height: 40px;
    margin-right: 10px;
}

.wf-top1 .facebook .fa, .wf-top1 .google .fa, .wf-top1 .linkedin .fa, .wf-top1 .pinterest .fa, .wf-top1 .twitter .fa, .wf-top1 .youtube .fa {
    line-height: 40px;
    font-size: 22px;
    width: 40px;
	color:white;
}


.vanchuyen{
	padding:20px 0;
	border-top:1px solid #cecece;
	background:white;
	margin-top:10px;
}
.vanchuyen .icon-box-left{
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
}

.vanchuyen .icon-box-left .icon-box-img{
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 0;
    max-width: 200px;
}
.vanchuyen .icon-box-left .icon-box-text {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
}
.vanchuyen .icon-box-left .icon-box-img + .icon-box-text {
    padding-left: 1em;
}
.vanchuyen img{
	width:100%;
	height:auto;
}

/********************************************************/
/********************** #footer *************************/
/********************************************************/
#footer {
	min-height: 150px;
	background: #fff;
	position: relative;
	color:#333;
}

#footer .widget_text h4{
	color:#ff9600;
}

#footer .top,#footer .bottom {
	position: absolute;
	width: 100%;
	height: 5px;
	background: transparent;
}

#footer .top {
	top: 0px;
}

#footer .bottom {
	bottom: 0px;
}

#footer address {
	padding: 6px;
}
#footer .design{
	text-align: right;
	font-size: 11px;
	font-style: italic;
	position: absolute;
	bottom: 5px;
	right: 15px;
}
#footer .design span{
	color: #333;
	font-weight: bold;
}
#footer .design span span{
	color: #F6D901;
}

/***** .text_link *****/
.text_link{
	padding:20px 0px;
/* 	background:#262626; */
/* 	color:rgba(255,255,255,.5); */
	background:#ffffff;
	color:#333;
	text-align:center;
}
.text_link a{
/* 	color:rgba(255,255,255,.5); */
	color:#000;
}

/***** .nav_top *****/
#footer .nav_top {
	text-align: center;
}

#footer .nav_top .left,#footer .nav_top .right,#footer .nav_top {
	height: 34px;
}

#footer .nav_top .left,#footer .nav_top .right {
	position: relative;
	top: 0;
	width: 5px;
}

#footer .nav_top .left {
	position: absolute;
	left: 0;
}

#footer .nav_top .right {
	position: absolute;
	right: 0;
}

#footer .nav_top ul {
	background: #ddd;
	padding: 8px;
}
#footer .nav_top ul ul{
	display: none;
}

#footer .nav_top ul li {
	display: inline;
	padding: 5px;
}

/**** .social ****/
#footer .social ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer .social{
	position: absolute;
	top: 40px;
	right: 15px; 
}
#footer .social ul.link{
	margin-bottom: 5px;
}
#footer .social ul.link li{
	display: inline;
}


/**** .mesages_full ****/
.mesages_full{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(img/dot.png);
	z-index: 100000;
	padding-top: 200px;
}
.mesages_full div{
	width: 500px;
	margin: 0 auto;
	text-align: justify;
	background: #fff;
	font-size: 18px;
	padding: 15px;
	border-radius: 5px;
	line-height: 25px;
}
.mesages_full div span.title{
	display: block;
	margin-top: 10px;
}

/*** #skypedetectionswf ****/
#skypedetectionswf{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1px;
	height: 1px;
}

/************************************/
/**************Hiệu Ứng**************/
/************************************/

@-webkit-keyframes animate-translate-top {
  0% {
    -webkit-transform:translate(0,-150px);
    -ms-transform:translate(0,-150px);
    transform:translate(0,-150px);
  }
  100% {
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0);
  }
}

@-moz-keyframes animate-translate-top {
	0% {
    -webkit-transform:translate(0,-150px);
    -ms-transform:translate(0,-150px);
    transform:translate(0,-150px);
	}
  100% {
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0);
  }
}

@keyframes animate-translate-top {
  0% {
    -webkit-transform:translate(0,-150px);
    -ms-transform:translate(0,-150px);
    transform:translate(0,-150px);
  }
  100% {
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0);
  }
}