*:not(.ck-content *){margin:0;padding:0;outline:medium none}
a{color:#6eab0b;}
img{border:none;vertical-align:middle}
ul.l{list-style:none;padding:0;margin:0}
ul.l a{text-decoration:none}
ul.l a:hover{text-decoration:underline}
body{font-size:13px;font-family:Myriad Pro,Arial,Geneva,sans-serif}
body input{font:13px Arial}
.cl{clear:both}
.w-h-l img{height:40px;margin-top:3px}
.wrap{margin:0 auto;max-width:640px}
.w-h{margin:0 auto;max-width:640px;background:#fff;height:50px}
.w-h-l{padding:0 0 0 5px;cursor:pointer;float:left;}
.w-h-r{background:url(../images/promotion-icon.gif) no-repeat scroll center center transparent;float:right;cursor:pointer;height:68px;display:block;width:110px}
.w-m{position:relative;margin:1px auto;max-width:640px;background: #087606;height:35px}

.w-m-l{float:left;width:85px;border-right: 1px solid #6eab0b;}
.w-m-l .w-m-ca{background:url(../images/m_ico.png) no-repeat 55px 6px;color: #fff;display:block;font: 400 14px/35px Arial;text-decoration:none;height:35px;text-transform:uppercase;padding: 0 0 0 10px;}
.w-m-l .w-m-ca span{background:url(../images/m_ico.png) no-repeat 0 0;float:right;margin-left:5px;width:15px;height:35px}

.h_profile{position:absolute;right:50px;top:0;display:block;width:49px;height:35px;border-left: 1px solid #6eab0b;}
.h_cart{background: url(../images/m_ico.png) no-repeat 10px -117px;position:absolute;right:5px;top:0;display:block;width:49px;height:35px;border-left: 1px solid #6eab0b;}
.h_cart span{background:#ff9a1c;color:#fff;border-radius:30px;-moz-border-radius:30px;padding:1px 3px;position:absolute;right:10px;top:5px;}

.w-m div.w-m-i{display:none;position:absolute;max-width:634px;border: 3px solid #6eab0b;background-color:#ffffff;z-index:90;top:35px}
.w-m div.w-m-i ul.lv1{max-width:634px;min-width:314px}
.w-m div.w-m-i ul.lv1 li.lv1-i{border-bottom: 1px solid #6eab0b;width:100%;position: relative;}
.w-m div.w-m-i ul.lv1 li.lv1-i span{position: absolute;right:5px;font-size:11px;top: 0px;height: 29px;line-height: 29px;}
.w-m div.w-m-i ul.lv1 li.lv1-i a.lv1-a{background:url(../images/menu-drop-arrow-hori.png) no-repeat scroll 97% 11px transparent;display:block;width:94%;padding:0 3%;height:29px;color:#000000;font:bold 13px/29px Arial}
.w-m div.w-m-i ul.lv1 li.lv1-i-active a.lv1-a{background:url(../images/menu-drop-arrow-verti.png) no-repeat scroll 97% 11px #087606;color:#fff200}
.w-m div.w-m-i ul.lv1 li.lv1-i ul.lv2{background-color:#f6f5f5;display:none;width:94%;padding:0 3%;overflow: hidden;}
.w-m div.w-m-i ul.lv1 li.lv1-i-active ul.lv2{display:inline-block}
.w-m div.w-m-i ul.lv1 li.lv1-i ul.lv2 li.lv2-i{float:left;margin:0 2% 0 0;width:32%}
.w-m div.w-m-i ul.lv1 li.lv1-i ul.lv2 li.lv2-i:nth-child(3),.w-m div.w-m-i ul.lv1 li.lv1-i ul.lv2 li.lv2-i:nth-child(6),.w-m div.w-m-i ul.lv1 li.lv1-i ul.lv2 li.lv2-i:nth-child(9),.w-m div.w-m-i ul.lv1 li.lv1-i ul.lv2 li.lv2-i:nth-child(12){float:right;margin:0}
.w-m div.w-m-i ul.lv1 li.lv1-i ul.lv2 li.lv2-i a.lv2-a{display:block;margin:9px 0 4px;color:#087606;font:bold 12px/17px Arial}
.w-m div.w-m-i ul.lv1 li.lv1-i ul.lv2 li.lv2-i ul.lv3 li.lv3-i{float:left;width:100%;margin:3px 0}
.w-m div.w-m-i ul.lv1 li.lv1-i ul.lv2 li.lv2-i ul.lv3 li.lv3-i a.lv3-a{color:#555555;font:12px/17px Arial}
.w-m div.w-m-i ul.lv1 li.lv1-i-close a.w-m-close{display:block;cursor:pointer;padding:0 3%;font:bold 13px/29px Arial;color:#E40000;text-align:right}

.w-m-r{overflow:hidden;height: 29px;margin: 0 122px 0 92px;padding: 3px 0 0;position: relative;}
.w-m-r #text-search{background-color:#FFFFFF;border:medium none;/* border-radius:2px 0 0 2px; */float:left;font:12px/18px Arial;height: 26px;padding: 3px 2% 0;width: 100%;}
.w-m-r #btnSe{background:url(../images/m_ico.png) no-repeat right -44px;border:none;cursor:pointer;height:20px;font-weight:bold;text-transform:uppercase;width:16px;position: absolute;right: 6px;top: 10px;}

.b-h{overflow:hidden;position:relative;max-width:640px;max-height:270px}
ul.b-h-v{max-width:640px;max-height:270px;overflow:hidden}
ul.b-h-v li{float:left}
ul.b-h-v li a{display:block}
ul.b-h-v li a img{max-width:100%;max-height:100%}
ul.b-h-a{bottom: 0;position:absolute;right:0;z-index:4;width: 100%;background: #000;padding: 0;}
ul.b-h-a li{float:left;height:20px;margin: 0;width:20px}
ul.b-h-a li a{color:#fff;display:block;font:bold 13px/20px Arial;height:20px;text-align:center;width:20px}
ul.b-h-a li a:hover,ul.b-h-a li a.active{background-color:#fff;color:#000}
.w-f{max-width:640px;margin:0 auto}
ul.w-f-s{width:100%;margin:9px 0 0}
ul.w-f-s li{background-color:#55A4F4;border-top:1px solid #ffffff;float:left;padding:0 0 0 5%;width:95%;overflow:hidden;white-space:nowrap}
ul.w-f-s li span.w-f-s-icon{float:left;margin:4px 9px 0 0;width:30px;height:30px}
ul.w-f-s li a{float:left;color:#FFFFFF;font:13px/39px Arial}
ul.w-f-s li:nth-child(1) span.w-f-s-icon{background:url(../images/w-f-s-call.png) no-repeat scroll center transparent}
ul.w-f-s li:nth-child(1) p{float:left;height:45px;color:#ffffff;font:13px/22px Arial}
ul.w-f-s li:nth-child(1){background-color:#e81e25}
ul.w-f-s li:nth-child(1) b{display:block;font:bold 20px/12px Myriad Pro}
ul.w-f-s li:nth-child(2) span.w-f-s-icon{background:url(../images/w-f-s-feed.png) no-repeat scroll center}
ul.w-f-s li:nth-child(3) span.w-f-s-icon{background:url(../images/w-f-s-guide.png) no-repeat scroll center}
ul.w-f-s li:nth-child(4) span.w-f-s-icon{background:url(../images/w-f-s-installment.png) no-repeat scroll center}
ul.w-f-a{padding:4px 0;display:inline-block;background-color:#55A4F4;border-top:2px solid #ffffff;width:100%;color:white}
ul.w-f-a a{color:rgb(16,0,255)}
ul.w-f-a li{float:left;padding:10px;line-height:20px}
ul.w-f-a li p.w-f-a-1{font:bold 10px/17px Arial}
ul.w-f-a li p.w-f-a-2{font:10px/17px Arial}
ul.w-f-a li p.w-f-a-3{font:11px/17px Arial;color:#ff0000}
p.w-f-cr{text-align:center;font:12px/34px Arial}
.utilities-button .move-destop{position:fixed;bottom:0;left:0}
.productlist-page{text-align:center;padding:10px 0}
.productlist-page table{display:inline-block}
.pagingViewed{background-color:#0087CB;color:#fff;font-weight:bold;padding:2px 6px}
.pagingSpace{width:2px}
.pagingIntact{background-color:#fff;border:1px solid #0087CB;padding:2px 6px}
.pagingIntact a{color:#0087CB;font-weight:bold;text-decoration:none}
#table-shopping-cart td{padding:5px}
.clear{clear:both}

/*--list-----------------------*/
.tab_list{padding: 10px 0;border-bottom: 1px solid #ccc;}
.tab_list h1{font-size: 13px;margin: 5px 0 0;padding: 0;font-weight: 700;}
.tab_list .tab_f{width: 48%;border: none;position: relative;}
.tab_list .tab_f a{border: none;text-transform: none;}
.tab_list .sub_in{display: none;position: absolute;left: 0;top:38px;width: 100%;z-index: 9;}
.tab_list .sub_in a{border-bottom: 1px dotted #ccc;padding: 5px 10px;}

.p_list{}
.p_list .item{border: 1px solid #ccc;border-top: none;}
.p_list .item .img{float: left;width: 100px;padding: 5px;position: relative;}
.p_list .item .img img{width: 90px;}
.p_list .item .img .i_spec{position: absolute;left: 0;top:0;color: #fff;}
.p_list .item .img .i_spec b{display: block;background: #de3645;padding: 1px 2px;font-weight: normal;}
.p_list .item .img .i_spec b.i2{background: #f7941d;}

.p_list .item .info{padding: 10px 0 0 110px;}
.p_list .item .info .add{display: inline-block;width: 85px;height: 23px;background-position: 0 -194px;margin: 6px 0 0;}
.p_list .more{background: #ccc;color: #000;padding: 10px;}
.p_list .more a{color: #000;}
.top{text-align: right;}

.news_list a{color: #124f95;}
.news_list .sum{padding:5px 0 0;}

.lead_h2{color: #fe6900;font-weight: bold;padding: 5px 0;border-bottom: 1px dotted #ccc;}
.box_brand{padding: 10px 5px;}
.box_brand a{display: inline-block;width: 48%;color: #555;}
/*----------------------*/
a {text-decoration:none;}
.format{margin: 0;padding: 0;}
.block{display: block;}
.robot{font-family: "Roboto Condensed", arial, sans-serif;}
.fl{float:left;} .fr{float:right;}
.txt_center{text-align: center;} .txt_left{text-align: left;} .txt_right{text-align: right;}
.clear                      {clear:both;}
.hide                       {display:none;}
.space3px{padding:3px 0;} .space5px{padding:5px 0;} .space10px{padding:10px 0;}
.cor3px{border-radius:3px;-moz-border-radius:3px;} .cor5px{border-radius:5px;-moz-border-radius:5px;} .cor10px{border-radius:10px;-moz-border-radius:10px;}
.shadow5px{box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}.shadow10px{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
*.txt_red{color: #e31e30;} *.txt_blue{color: #124f95;} *.txt_green{color: #1e9512;} *.txt_yellow{color: #f7941d;}
*.txt_fff{color: #fff;} *.txt_000{color: #000;} *.txt_222{color: #222;} *.txt_333{color: #333;} *.txt_555{color: #555;} *.txt_777{color: #777;} *.txt_999{color: #999;}
.txt_10{font-size: 10px;}.txt_11{font-size: 11px;}.txt_12{font-size: 12px;}.txt_13{font-size: 13px;}.txt_14{font-size: 14px;}.txt_15{font-size: 15px;}.txt_16{font-size: 16px;}.txt_17{font-size: 18px;}.txt_18{font-size: 18px;}.txt_20{font-size: 20px;}.txt_30{font-size: 30px;}
.txt_b{font-weight: bold;}.txt_n{font-weight: normal;}.txt_ud{text-decoration: underline;}.txt_d{text-decoration: line-through;}.txt_u{text-transform: uppercase;}
.hr{border-bottom: 1px solid #ddd;}
.line_h19{line-height: 19px;}.line_h22{line-height: 22px;}
.transition{-webkit-transition: all .8s ease; -moz-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease;}
.chrome39{white-space:nowrap;}
.ellipsis{text-overflow:ellipsis;}

.tab_home {border-bottom:1px solid #ccc;padding:10px 0 0;}
.tab_home a{color:#000;padding:5px 15px 5px 0; display:inline-block;}
.tab_home a.active{color: #6eab0b;border-bottom: 2px solid #6eab0b;}

.row_item_title{background:#087606 url(../images/m_ico.png) no-repeat 0 0;color:#fff;display:block;padding:7px 10px 7px 40px;font-size:14px;margin-bottom:1px;position: relative;}
.row_item_title.t1{background-position: 10px -174px;}
.row_item_title.t2{background-position: 10px -214px;}
.row_item_title.t3{background-position: 10px -261px;}
.row_item_title.t4{background-position: 10px -509px;}
.row_item_title::after{content:'';background:url(../images/m_ico.png) no-repeat right -425px;display:inline-block;width:30px;height:20px;position: absolute;right: 5px;top:5px;}

.info_link_list{padding-left:30px;margin:10px 0;display:none;}
.info_link_list li{padding:5px 0;}
.info_link_list a{color:#000;}

.nav-bottom{background: #6eab0b url(../images/m_ico.png) no-repeat 10px -322px;padding:7px 10px;}
.nav-bottom a{color:#fff;font-size:14px;}
.f_social{background:url(../images/m_ico.png) no-repeat 0 -562px;display:inline-block;width:80px;height:22px;}
.f_social a{display:inline-block;width:30%;height:22px;}

/*---------*/
input[type=submit]{border:0;font-size:12px;display:inline-block;cursor:pointer;background:#087606;color:#fff;margin:0;padding:5px 15px;font-weight: 700;}
input[type=submit]:hover{background: #555;}
.button{background:#222;cursor:pointer;display:inline-block;font-size:12px;line-height:normal;padding: 5px 15px;font-weight: 700;color: #fff;}
.button:hover{background:#555;color: #fff;}
.button2{background:#ff9400;}
.button3{background:#ff9400;}

.lead_sub {border-bottom: 1px dotted #ccc;margin-bottom: 15px;padding:10px 0;}
.p_content{line-height: 22px;}
.p_content *{max-width: 100%;}
.p_content img{max-width: 100%;height: auto;}
.p_content table{border-collapse:collapse; }

.detail_tab{width:100%}
.detail_tab .detail_tab_title{}
.detail_tab .detail_tab_title .tab_item{background-color:#EBEBEB;border-bottom:1px solid #CCC;cursor:pointer;font-size:14px;font-weight:700;line-height:39px;padding:0 10px;position:relative;display:block;}
.detail_tab img,.detail_tab *{max-width:100%}
.detail_tab .tab_content_item{display:none;line-height:150%;padding:10px 0;}
.detail_tab .tab_content_item.open{display:block}
.detail_tab .tab_content_item strong{font-weight:700}
.detail_tab .tab_content_item em{font-style:italic}
#thongso table{width:100%}
#tb-product-spec td{border:1px solid #CCC;padding:10px 5px}
#tb-product-spec tr:nth-child(2n+1){background-color:#FBFBFB}
#tb-product-spec td.att-name{font-weight:700;width:250px}

.wrap-suggestion{display:block;width:150%;border:1px solid #e2e2e2;background:#fff;position:absolute;z-index:8;top:29px;left:-92px;    cursor: default;
    overflow: auto;
    max-height: 325px;
    box-shadow: 0px 1px 1px #ccc;}

@media (max-width: 480px){
  .wrap-suggestion{width:320px;}
}

/*.wrap-suggestion:after,.wrap-suggestion:before{bottom:100%;left:80px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.wrap-suggestion:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:8px;margin-left:-8px}
.wrap-suggestion:before{border-color:rgba(218,218,218,0);border-bottom-color:#dadada;border-width:9px;margin-left:-9px}*/

.wrap-suggestion li{display:block;background:#fff;overflow:hidden;list-style:none;border-bottom:1px dotted #ccc}
.wrap-suggestion li:last-child{border-bottom:0}
.wrap-suggestion li a{position:relative;display:block;overflow:hidden;padding:6px}
.wrap-suggestion li a img{float:left;width:50px;height:50px;margin:0 6px 0 0}
.wrap-suggestion li a h3{display:block;line-height:1.3em;color:#333;font-size:14px;font-weight:700;width: calc(100% - 60px);float: right;}
.wrap-suggestion li a span{float:left;font-size:13px;color:#333}
.wrap-suggestion li a span.price{font-size:12px;color:#c70100;float:none}
.wrap-suggestion li a label{display:block;font-size:12px;color:#999;padding-left:56px}
.wrap-suggestion li a label strong{font-size:12px;color:#d0021b}
.wrap-suggestion li:hover,.wrap-suggestion li.selected{background:#f8f8f8}
.wrap-suggestion li .banonline{text-transform:uppercase;font-size:9px;font-weight:700;color:#0876e6;display:table-row}
.wrap-suggestion li .giaohang2-7{text-transform:uppercase;font-size:9px;font-weight:700;color:#0876e6;display:table-row}
.wrap-suggestion li .ngung-kd{text-transform:uppercase;font-size:9px;font-weight:700;color:#b00;display:table-row}
.wrap-suggestion li .uudailon{text-transform:uppercase;font-size:9px;font-weight:700;color:#0876e6;display:table-row}
.wrap-suggestion li .dattruoc{text-transform:uppercase;font-size:9px;font-weight:700;color:#0876e6;display:table-row}
.wrap-suggestion li .tagmoi{position:absolute;right:5px;top:5px;z-index:2;background:#fdd500;border:1px solid #e5c100;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;padding:3px 5px;text-align:center;color:#4a4a4a;text-transform:uppercase;font-size:11px;font-weight:700;height:12px;width:28px;line-height:12px}
.wrap-suggestion li .tagkmlon{background:#f2784b;border:1px solid #e04208;color:#fff;width:68px}
.wrap-suggestion li .taggiasoc{background:#8342bc;border:1px solid #55069a;color:#fff;width:58px}
.wrap-suggestion li .tagdattruoc{background:#3498db;border:1px solid #0679c6;color:#fff;width:75px}
.wrap-suggestion li .taghot{background:#f64747;border:1px solid #dc0000;color:#fff;width:35px}
.wrap-suggestion li .saleoff{background:#f64747;border:1px solid #dc0000;color:#fff;width:35px}
.wrap-suggestion li .tagnone{background:#fff;display:none}
/*----------------*/

#baivietlienquan .folder-1 a img {
    float: left;
    width: 100px;
    margin-right: 11px;
}

#baivietlienquan .folder-1 {
    overflow: hidden;
    padding: 10px 0;
}

/*COMMENT*/
.icon-star {
    background-image: url(/template/default/images/star_sprite.png);
    width: 92px;
    height: 17px;
    vertical-align: sub;
    display: inline-block;
    background-repeat: no-repeat
}

.icon-star.star0 {
    background-position: 0 -109px
}

.icon-star.star1 {
    background-position: 0 -88px
}

.icon-star.star2 {
    background-position: 0 -67px
}

.icon-star.star3 {
    background-position: 0 -43px
}

.icon-star.star4 {
    background-position: 0 -22px
}

.icon-star.star5 {
    background-position: 0 0
}

.rating-selection {
    display: inline-block;
}

.rating-selection .title {
    float: right;
    margin-right: 10px;
}

.rating-selection label {
    float: right;
}

.rating-selection input {
    opacity: 0;
}

.rating-selection label {
    position: relative;
    float: right;
    display: block;
    width: 17px;
    height: 17px;
    background: url('/template/default/images/star_rating.png') 0 -28px;
    margin: 0 3px;
}

.rating-selection label.active,.rating-selection label.active ~ label {
    background-position: 0 18px;
}

.rating-selection label:hover ~ label,.rating-selection label:hover {
    background-position: 0 0 !important;
}

.comment {
    width: 100%;
}
.comment *{box-sizing:border-box;}
.comment-form .img-avatar {
    float: left;
    width: 40px;
}

.comment-form form {
    margin-left: 50px;
    padding-bottom: 15px;
}

.comment-form-input {
    border: solid 1px #ddd;
    background: #f8f8f8;
    padding: 10px;
    position: absolute;
    width: 100%;
    display: none;
}
.comment-form-input .close{
    float:right;
}
.comment-list .item {
    padding: 15px 0;
    border-top: solid 1px #eee;
}

.comment .relative {
    position: relative;
    z-index: 9;
}

.comment-list .item .comment-left img {
    width: 40px;
    float: left;
}

.comment-list .item .comment-right {
    margin-left: 50px;
}

.comment-list .item .reply-comment {
    display: none;
}

.info-feeback .time {
    float: left;
    color: #999;
}

.info-feeback .right {
    float: right;
}

.info-feeback {
    overflow: hidden;
    padding-bottom: 10px;
}

.comment-list .item .comment-name span {
    font-weight: bold;
    margin-right: 2px;
}

.comment-list .item .comment-name .note {
    color: #e00;
    font-size: 0.7em;
}

.comment form .form-control {
    margin-bottom: 5px;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
textarea.form-control{height:auto;}

.autocomplete-suggestions {
    position: absolute;
    width: 100%;
    border: solid 1px #ddd;
    left: 0;
    margin-top: 32px;
    max-height: 300px;
    overflow: auto;
    display: none;
    background: #fff;
    z-index: 99;
}

.autocomplete-suggestions a {
    display: block;
    padding: 10px;
    overflow: hidden;
}

.autocomplete-suggestions a img {
    width: 60px;
    float: left;
}

.autocomplete-suggestions a .info {
    display: block;
    margin-left: 65px;
    text-align: left;
}

.autocomplete-suggestions a .info .name {
    display: block;
    color: #333;
    margin-bottom: 8px;
}

.autocomplete-suggestions a .info .price {
    color: #e00;
}