@charset "utf-8";body{color:#222;font-family:arial, Helvetica, sans-serif;font-size:12px;margin:0;padding:0;overflow-x: hidden;}
/*INIT*/
a{color:#333;font-size:12px;text-decoration:none;}
a:hover{color:#e00;}
.ul{padding:0;margin:0;list-style:none;}
.nopad-r{padding-right:0 !important;}
.nopad-l{padding-left:0 !important;}
.nomar-r{margin-right:0 !important;}
.nomar-l{margin-left:0 !important;}
.nomar-t{margin-top:0 !important;}
.nobdr{border:none !important;}
.nobdr-l{border-left:none !important;}
.nobdr-r{border-right:none !important;}
.nobg{background:none !important;}
img{border:none; max-width:100%; height:auto;}
.clear{clear:both;}
.line-through{text-decoration:line-through;}
.underline{text-decoration:underline;}
.left{float:left !important;}
.right{float:right !important;}
.space{height:5px;clear:both;display:block;}
.space2{height:10px;clear:both;display:block;}
.icons{background:url(../images/sprite.png) no-repeat;display:inline-block;}
.line {
    clear: both;
    border-top: solid 1px #ddd;
    margin: 5px 0;
}
.h-title{margin:0;padding:0;}
#wrapper {
    max-width: 800px;
    margin: auto;
    padding: 0 10px;
}
#banner_homepage img{max-width:100%;}
#news_letter a{display:inline-block;text-decoration:none;cursor:pointer;background:#000;color:white;line-height:27px;padding:0 15px;float:left;position: absolute;right: 10px;}
#news_letter input{border:none;height:25px;width: 100%;float:left;outline:none;}
#news_letter{overflow:hidden;background:#EBEBEB;padding: 10px;position: relative;margin-bottom: 15px;}
.paging{margin:6px;float:right;}
.paging a{display:block;padding:5px 8px;float:left;line-height:10px;margin:0 1px;border:solid 1px #aaa;text-decoration:none;}
.paging a.current,.paging a:hover{background:#222;color:white;}

.icons.icon_facebook{width:86px;height:24px;background-position:-5px -127px;}
.icons.icon_twitter{width:86px;height:24px;background-position:-5px -158px;}
.icons.icon_google{width:86px;height:24px;background-position:-5px -188px;}
.icons.icon_youtube{width:86px;height:24px;background-position:-5px -218px;}
.icons.icon_zalo{width:86px;height:24px;background-position:1px -249px;}
.icons.icon_webchat{width:86px;height:24px;background-position:-2px -277px;}

#news_letter h3 {
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 0;
}
#hotline-header {
    float: left;
    line-height: 30px;
    font-weight: bold;
    color: #e00;
    font-size: 16px;
}

#hotline-header img {
    float: left;
    margin-right: 6px;
}

#social-footer {
    float: right;
    list-style: none;
    padding: 0;
    margin: 0;
}

#social-footer li {
    float: left;
    margin-left: 6px;
}

#social-footer li a {
    width: 24px;
}
#icon-menu {
    width: 25px;
    position: absolute;
    top: 14px;
    left: 0;
}

#icon-menu span {
    display: block;
    background: #010101;
    height: 4px;
    width: 100%;
    margin-bottom: 4px;
}
#header {
    position: relative;
    height: 50px;
}
.cart-header {
    position: absolute;
    right: 0;
    top: 9px;
}

.login-header {
    position: absolute;
    right: 50px;
    top: 10px;
}

#logo {
    display: block;
    margin: auto;
    width: 135px;
    margin-top: 2px;
}

#logo img {
    height: 45px;
}
#search{float:left;width: 100%;position: relative;overflow: hidden;background: #DDD;}
#submit_search{height:30px;width: 22px;border:none;cursor:pointer;float: right;position: relative;background: url('../images/m_icon_search.png') center center no-repeat;font-size: 0;margin-right: 8px;}
input.txtSearch{width: 100%;padding-left:5px;float:left;border: none;height:26px;position: absolute;background: none;outline: none;}

#col-left {
    width: 280px;
    float: left;    margin-right: 37px;    
    background-color: #ebebeb;        border-top: none;    border-bottom: none;    position: absolute;    box-shadow: 2px 0px 2px #898989;    min-height: 100%; display:none;
}
#wrapper.show-menu {
    left: 280px;
  	width:100%;
	position:fixed;
}
#col-left.active {
    z-index: 99;
    display:block;
}
.cat-left a {
    display: block;
    line-height: 28px;
    padding: 0 15px;
    margin-right: 40px;
    padding-right: 0;
}

.sub-cat-left {
    display: none;
    padding-left: 10px;
}
.cat-left .plus {
    position: absolute;
    right: 15px;
    top: 5px;
    font-size: 18px;
    color: #888;
    z-index: 999;
    cursor: pointer;
}


.cat-left li {
    position: relative;
}

.cat-left a.root {
    text-transform: uppercase;
    line-height: 33px;
    font-size: 13px;
}

.breadcrumb {
    border-top: solid 1px #eee;
    line-height: 32px;
    overflow: hidden;
}

.breadcrumb li {
    float: left;
    margin: 0 3px;
}

.breadcrumb li a {
    display: block;
}

.product_list ul{padding:0;margin:0;list-style:none;overflow:hidden;}
.product_list a{text-decoration:none;}
.product_list ul li{width: 50%;float:left;text-align:center;margin-bottom:25px;position: relative;}

.p_img img{width:100%;}
.p_price{color:#484848;font-weight:bold;font-size:15px;display:block;}
.p_old_price{text-decoration:line-through;display:block;color:#888;}
.p_name{overflow:hidden;display:block;margin:5px 0;font-size:15px;}

.title-page-area {
    background: #eee;
    padding: 5px 10px;
    margin-bottom: 15px;
    height: 27px;
}

.title-page-area a {
    display: inline-block;
    margin: 0 11px;
}
.product_list ul li .p_container {
    padding: 5px;
}

.filter {
    float: left;
    border: dotted 1px #B5B5B5;
    height: 24px;
    line-height: 24px;
    margin: 0px 0 0 10px;
    border-radius: 2px;
    padding: 0 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    width: 176px;
    position: relative;
}

.filter span:before {
    content: "";
    border: solid 5px transparent;
    border-top-color: #A5A5A5;
    float: right;
    margin-top: 10px;
    margin-left: 10px;
}
.filter ul {
    position: absolute;
    width: 197px;
    background: white;
    left: -1px;
    top: 25px;
    border: solid 1px #E5E5E5;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: none;
    z-index: 99;
}

.filter ul li a {
    display: block;
    line-height: 26px !important;
}

.filter:hover ul {
    display: block;
}

.filter ul li a:hover {
    color: #A72C31;
}
#overview p{margin:7px 0;}
#price_detail{color: #404040;font-size: 19px;font-weight:bold;border-bottom:solid 1px #ddd;padding-bottom:10px;}
#old_price_detail{font-size:14px;text-decoration:line-through;color:#888;}
#offer_detail{color:red;font-weight:bold;padding:8px;border:dotted 1px red;margin:5px 0;}
#overview{}
#overview h1{margin:0;font-size:18px;}

#tbl_config td {
    padding: 6px 0;
}
#tbl_config b {
    display: inline-block;
    border: solid 1px #ccc;
    padding: 0 7px;
    text-align: center;
    margin: 0 2px;
    line-height: 20px;
    margin-bottom: 3px;
    cursor: pointer;
}
#tbl_config {
    margin-top: 10px;
}
#tbl_config input {
    width: 50px;
    height: 22px;
    text-align: center;
    margin-left: 3px;
    border: solid 1px #ccc;
}
#tbl_config b.active {
    border-color: #c00;
}
#tbl_config b:hover{border-color:#aaa;}
#tbl_config b img {
    width: 30px;
    height: 35px;
}
#tbl_config b.none {
    display: none;
}
b.disable {
    border-color: #eee !important;
    color: #ccc;
}
b.disable img{opacity:0.5}
b.selected{border-color:#a00 !important;}
.disable{cursor:not-allowed !important;}


#regist_pro input{width: 80%;border:solid 1px #ccc;}
#regist_pro table{border:solid 1px #ccc;border-collapse:collapse;float:left;}
#regist_pro table .title{background:#eee;text-align:center;line-height:23px;font-weight: bold;font-size: 15px;}
#regist_pro table td{padding: 4px 5px;}
.btn_regist_pro{background:#000;color:white;text-decoration:none;line-height:30px;display:block;float:left;width: 100%;text-align: center;margin-top: 5px;text-transform: uppercase;}

.btn_common{display:block;float:left;line-height:30px;background:#ddd;text-decoration:none;text-align:center;width: 48%;font-size: 14px;}
.btn_common img{float:left;margin-top:9px;margin-right: 5px;margin-left: 3px;}

.h-title.sptt {
    text-transform: uppercase;
    border-bottom: solid 2px #ccc;
    padding-bottom: 4px;
    margin-bottom: 8px;
}
.title-box-news h2 {
    float: left;
}

.title-box-news {
    overflow: hidden;
    border-bottom: solid 1px #ddd;
    margin-bottom: 10px;
    padding-bottom: 5px;
    margin-top: 20px;
}

.title-box-news a {
    float: right;
    margin-top: 6px;
}
.list-news li .img {
    float: left;
    display: block;
}

.list-news li {
    overflow: hidden;
    margin-bottom: 10px;
}

.list-news li .name {
    display: block;
    margin-left: 160px;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 8px;
}

.list-news li .time {
    display: block;
    margin-left: 160px;
}
#other_news a {
    display: block;
    margin: 10px 0;
}
.other_list_album {
    height: 40px;
    background: #333;
    padding: 0 10px;
    line-height: 40px;
    margin: 10px 0;
    position: relative;
}

.other_list_album span {
    color: white;
    font-size: 15px;
}

.other_list_album .icon_drop {
    border: solid 5px transparent;
    border-top-color: white;
    float: right;
    margin-top: 18px;
}

.other_list_album ul {
    position: absolute;
    width: 100%;
    z-index: 99;
    background: white;
    display: none;
    left: 0;
}

.other_list_album ul li a {
    font-size: 15px;
    display: block;
    border-bottom: solid 1px #ddd;
}
.box_footer h3 {
    text-transform: uppercase;
    font-size: 13px;
    margin: 8px 10px;
}

.box_footer {
    border-top: solid 1px #ddd;
}

.box_footer ul {
    padding-left: 23px;
    display: none;
}
#nav-hori.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    max-width: 800px;
    background: #fff;
    z-index: 999;
    left: 0;
    right: 0;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#nav-hori.fixed #icon-menu {
    left: 10px;
}
#nav-hori.fixed .cart-header{
    right: 10px;
}
.color-config b i {
    position: absolute;
    z-index: 99;
    background: #f5f5f5;
    padding: 1px 5px;
    display: none;
    border: solid 1px #ccc;
    border-radius: 3px;
}
.color-config b {
    height: 15px;
    border-radius: 50%;
    position: relative;
}
#comment-detail h2 {
    text-transform: uppercase;
    font-size: 24px;
}
#comment .comment-form .img-avatar {
    float: left;
}
#comment .comment-form form {
    margin-left: 50px;
}
#comment .comment-form textarea {
    height: 80px;
    padding: 5px 10px;
    width:100%;
}
#comment .form-input {
    border: solid 1px #ddd;
    position: absolute;
    background: #fff;
    width: 100%;
    z-index: 99;
    padding: 10px;
    top: 81px;
    display: none;
}
#comment .form-input .close {
    position: absolute;
    right: 10px;
    top: 5px;
    font-weight: bold;
    font-size: 18px;
    color: #888;
}
.relative {
    position: relative;
}
.tbl-common {
    border-collapse: collapse;
    width: 100%;
}
.font14 {
    font-size: 14px;
}
.inputText, select, textarea {
    width: 100%;
    height: 31px;
    border: solid 1px #ccc;
    padding: 0 5px;
    outline: none;
    max-width: 100%;
}
.btn-red {
    background: #d00;
    color: #fff;
    padding: 7px 20px;
    font-size: 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    border: solid 1px #ce0101;
}
.tbl-common td {
    vertical-align: top;
    padding: 5px;
}
.article-col-left img {
    max-width: 100%;
}
.item_comment {
    padding: 15px 0;
    border-top: solid 1px #ddd;
    line-height: 1.45;
}
.item_comment.first {
    border: none;
}
.item_comment .comment_left {
    float: left;
    width: 40px;
}
.item_comment .comment_right {
    margin-left: 50px;
}
.item_comment .comment-name {
    font-weight: bold;
    font-size: 14px;
}
.item_comment .comment-name .note {
    color: #e80000;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
}
.item_comment p {
    margin: 5px 0;
}
.blue {
    color: #056bad;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.rating-input{float:right;width:16px;height:16px;padding:0;margin:0 0 0 -16px;opacity:0;}
.rating-star:hover{background-position:0 0;}
.rating-star{position:relative;float:right;display:block;width:26px;height:26px;background:url('http://dienmayhienquy.hurasoft.com/template/default/images/star.png') 0 0px;margin:0 1px;}
.rating-star:hover, .rating-star:hover ~ .rating-star{background-position:0 0;}
.rating-star:hover, .rating-star:hover ~ .rating-star, .rating-input:checked ~ .rating-star{background-position:0 0;}
.rating:hover .rating-star:hover, .rating:hover .rating-star:hover ~ .rating-star, .rating-input:checked ~ .rating-star{background-position:0 0;}
.rating-star, .rating:hover .rating-star{position:relative;float:right;display:block;width:26px;height:26px;background: url('http://hebe.com.vn/template/default/images/star.png') 0 -28px;}
.rating:hover .rating-star:hover, .rating:hover .rating-star:hover ~ .rating-star{background-position:0px -56px !important;}
#comment-detail {
    display: inline-block;
    width: 100%;
}
.item_reply {
    padding: 8px;
    background: #f5f5f5;
    margin-top: 5px;
}
.right {
    float: right;
}