<data:blog.title/> <data:blog.pageName/> - <data:blog.title/> .active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #1C0F16; border-color: #1C0F16; outline:0 none; } .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #663851; border-color: #663851; } .dropdown-menu { background-color: #663851} .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #472739; } .navbar-inverse { background-image: none; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; } .navbar-inverse { border-color: #663851} .navbar-inverse .navbar-brand { color: #CFCFCF} .navbar-inverse .navbar-brand:hover { color: #FFFFFF} .navbar-inverse .navbar-nav>li>a { color: #D1D1D1} .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF !important} .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF} .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #1C0F16; outline:0 none;} .dropdown-menu>li>a { color: #DBDBDB} .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF; } .navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #CFCFCF} .navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF} .navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #CFCFCF} .navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF} .motangansp .thanhtoan a.dathang,.motangansp .thanhtoan a.gio{display:none !important} .dorongcuahangtem{width:1000px} /* 980px hoặc nhỏ hơn */ @media screen and (max-width: 980px) { #sidebar-wrapper,#menu-box, #slider,#cart-box a,#hd-container ul,#header #top-bar{display:none} #main-wrapper,.pagewidth,.wrap-p{width: 100%;} .dorongcuahangtem{width:100% !important} } /* 700px hoặc nhỏ hơn */ @media screen and (max-width: 700px) { #goToEmail{display:none} .newsSmallMain { width: 100%!important } .hello-h-left{width:100% !important} } /* 600px hoặc nhỏ hơn */ @media screen and (max-width: 600px) { .motangansp .imgsp{width: 100%;} .newsaddthis_toolbox{display:none} .chitiet fieldset img{max-width:100% !important} } /* 400px hoặc nhỏ hơn */ @media screen and (max-width: 400px) { .spaddthis_toolbox,.timer{display:none} .motangansp .thanhtoan{width: 100%; top: -1px;} .chitiet fieldset legend{padding:0 0 0px 0px !important} } .hello-h-left { padding-bottom: 20px; background-color: #fff; width: 44%; float: left; margin-top:10px; } .hello-h-left img { display: block; width: 100%; height: 308px; } .hello-h-left h3 a { font-size: 16px; font-family: 'Roboto', Tahoma, sans-serif; font-weight:bold; display: block; padding: 10px 20px; } .hello-h-left p { padding: 0 20px; color: #158B08; line-height: 20px; text-align: justify; } .newsSmallMain { float: left; width: 56%; } .hello-h-right { padding: 10px 0 0 25px; height: 110px; } .hinhanh { width: 30.5%; float: left; height: auto; } .hinhanh img { display: block; width: 100%; height: 99px; } .thongtin { float: right; width: 62%; padding-right: 15px; } .thongtin h3 { margin-bottom: 5px; } .hello-h-right .thongtin h3 a { color: #666; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .hello-h-right p { line-height: 18px; color:#137703; font-size: 13px; text-align: justify; height: 40px; overflow: hidden; } .w-title{background: #239828; color: #fff; height: 35px; line-height: 26px; padding: 4px 5px; font-weight: bold;} .labelproduct img.product:hover{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transition: all 0.2s ease-out;} .len23{float: left;} ul.display li div.content_block .bottom2 a.item_add{display:none !important} /* tu van online */ .bottom_support{height:45px;width:100%;position:fixed;bottom:0;background:#32a22d;font-family:'Roboto Condensed', sans-serif;color:#fff;line-height:45px;z-index:9999} .bottom_support a{font-family:'Roboto Condensed', sans-serif;color:#fff;line-height:45px;font-size:18px} .wrap_bottom{max-width:1380px;margin:0 auto} .bottom_support .hotline_bottom{background:#32a22d;width:40%;float:left;font-size:16px;margin-left:5%;position:relative} .bottom_support .hotline_bottom .ico{width:16%;position:absolute;bottom:0} .bottom_support .hotline_bottom .txt{margin-left:16%} .bottom_support .hotline_bottom .ico img{max-width:100%;float: left;} .bottom_support .hotline_bottom strong{font-weight:bold;font-size:19px} .bottom_support .hotline_bottom span{font-size:13px} .bottom_support .guide_payment{background:linear-gradient(-60deg, #177814 90%, #32a22d 50%) no-repeat;width:25%;float:left;position:relative} .bottom_support .guide_payment .ico{width:20%;position:absolute;bottom:-25%;left:15%} .bottom_support .guide_payment .ico img{max-width:100%} .bottom_support .guide_payment .txt{margin-left:35%} .bottom_support .advisory_online{background:linear-gradient(-60deg, #014f01 90%, #177814 50%) no-repeat;width:30%;float:left;position:relative} .bottom_support .advisory_online .ico{width:20%;position:absolute;bottom:-10%;left:15%} .bottom_support .advisory_online .ico img{max-width:100%;float:left;margin-top:-20px} .bottom_support .advisory_online .txt{margin-left:35%} @media screen and (max-width:1200px){.bottom_support .hotline_bottom{width:45%} .bottom_support .hotline_bottom .ico{width:12%} .bottom_support .hotline_bottom .txt{margin-left:12%} .bottom_support .guide_payment{width:25%} .bottom_support .guide_payment .ico{bottom:-15%} .bottom_support .advisory_online{width:25%} .bottom_support .advisory_online .ico{bottom:0} } @media screen and (max-width:1000px){.bottom_support{height:40px;line-height:40px} .bottom_support a{font-size:17px;line-height:40px} .bottom_support .hotline_bottom{margin-left:2%;width:48%} .bottom_support .guide_payment .ico{bottom:0;left:7%} .bottom_support .guide_payment .txt{margin-left:27%} .bottom_support .advisory_online .ico{bottom:10%;left:10%} .bottom_support .advisory_online .txt{margin-left:30%} } @media screen and (max-width:820px){.bottom_support{height:30px;line-height:30px} .bottom_support a{font-size:15px;line-height:30px} .bottom_support .hotline_bottom{font-size:15px} .bottom_support .hotline_bottom strong{font-size:18px} .bottom_support .hotline_bottom span{font-size:12px} } @media screen and (max-width:720px){.bottom_support a,.bottom_support .hotline_bottom{font-size:13px} .bottom_support .hotline_bottom strong{font-size:15px} } @media screen and (max-width:620px){.bottom_support{height:25px;line-height:25px} .bottom_support a{font-size:11px;line-height:25px} .bottom_support .hotline_bottom{margin-left:0;width:50%;font-size:11px} .bottom_support .hotline_bottom strong{font-size:15px} .bottom_support .hotline_bottom span{font-size:11px} } @media screen and (max-width:560px){.bottom_support{height:20px;line-height:20px} .bottom_support img{display:none} .bottom_support a{font-size:10px;line-height:20px} .bottom_support .hotline_bottom,.bottom_support .hotline_bottom span{font-size:10px} .bottom_support .hotline_bottom strong{font-size:13px} .bottom_support .hotline_bottom .txt{margin-left:1%} .bottom_support .guide_payment .txt,.bottom_support .advisory_online .txt{margin-left:15%}} @media screen and (max-width:440px){.bottom_support .hotline_bottom{width:55%} .bottom_support .guide_payment{width:27%} .bottom_support .advisory_online{width:18%}} @media screen and (max-width:400px){.bottom_support a,.bottom_support .hotline_bottom,.bottom_support .hotline_bottom span{font-size:9px} .bottom_support .hotline_bottom strong{font-size:12px}} @media screen and (max-width:340px){.bottom_support a,.bottom_support .hotline_bottom,.bottom_support .hotline_bottom span{font-size:8px} } /* tu van online */ ]]>