*, *:before, *:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

body {margin:0; padding:0; border:0; font-size:0.9em; color:#555555; line-height:130%;
      font-family: Arial, Tahoma, 'Times New Roman', Verdana; background:#e5e5e5
}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
h1, h2, h3, h4, h5, h6, p {margin:0; padding:0;
}
.non {display:none
}
img {border:0px
}
a {text-decoration:none; color:#555555
}
    a:hover { color:#555555
    }
td {font-size:100%; line-height:150%; padding:0
}
ul, li {margin:0; padding:0; width:auto
}
.table_index {width:100%; border-collapse: collapse; border-spacing: 0;
}
    .table_index td {padding:0
    }
    .table_index .text_1 {text-align:right; color:#555555; padding:3px 5px; width:30%
    }
    .table_index .text_1 span{color:#ff0000; 
    }
     .table_index .text_2 span{color:#ff0000;
    }
    .table_index .text_2 {text-align:left; color:#555555; padding:3px 5px
    }
.line {clear:both; margin:10px 0; height:1px; background:#cccccc
}
.clear {clear:both
}
.space_10 {clear:both; height:10px
}
.space_20 {clear:both; height:20px
}
.bdkhung {border:solid 1px #cccccc
}
video, audio, iframe {width:100%; height:420px; border:0px
}
audio {width:100%; height:50px
}
.video {max-width:680px; width:100%; margin:auto
}
#wrapper {margin:0 auto; padding:0
}
    
/*top*/
.banner {width:100%; float:left; margin:auto; position:relative; background:#e5e5e5
}
.banner_fix {max-width:1100px; margin:auto; width:100%;
}
.logo {float:left; margin:1% 0; padding:0; width:25%
}
    .logo img {border:0px; max-width:200px;  width:100%
    }
.banner_right {float:right; margin:15px 0 0 0; width:75%
}
.hotline {float:right; color:#ff0000; text-shadow: 2px 2px 2px #ffff00; font-size:1.6em; font-weight:700;
          padding:1em 0.5em 0 0; line-height:1.5em
}
.bnshare {clear:both; float:right; margin:0.5em 1em
}
.search {float:right; margin:15px 1em 0 50px; background:#ffffff; 
         padding:0; border:solid 1px #afafaf
}
.search_tb {background-color:#ffffff; border:0px; text-align:left; 
            float:left; color:#9e9e9e; width:150px; font-size:12px; padding:5px 10px
}
.search_bt {background:url(../imgwb/imgw/search.png) no-repeat left center; border:0px; 
            float:right; width:21px; height:21px; text-transform:uppercase; cursor:pointer; margin:0
}
.search_bt:hover {}
.bannerslide {clear:both; float:left; width:100%; padding:2px 0 0 0
}
    .bannerslide img {border:0px; width:100%
    }
.banner_index {clear:both; max-width:1100px; width:100%;
}
    .banner_index img {border:0px; width:100%;
    }
/*main*/
.main_home {clear:both; float:left; width:100%; background:#e5e5e5
}
.main {clear:both; float:left; width:100%; background:#ffffff
}
.main_fix {max-width:1100px; margin:auto; width:100%; overflow:hidden
}
.main_box {float:left; width:100%; padding:10px 0
}
.main_content {float:right; width:78%; border-left:solid 0px #e4e4e4; padding:0 0 0 20px
}
.main_content_full {float:left; width:100%
}
.main_bar {float:left; padding:10px 0; width:100%;
            background:url(../imgwb/imgw/main_line.jpg) no-repeat left bottom; margin:0 0 10px 0
}
    .main_bar ul {margin:0; padding:0; list-style:none
    }
        /*.main_bar ul li {text-align:left; float:left; color:#4f4f4f; font-size:1.0em; font-weight:300; padding:0 10px 0 0
        }*/
        .main_bar ul li {float:left; color:#4f4f4f; font-size:1.0em; font-weight:300; margin:0 10px 0 0;
                         background:url(../imgwb/imgw/arrow.png) no-repeat right center; display:inline-block; padding:0 20px 0 0
        }
        .main_bar ul li:last-child {background:none
        }
            .main_bar ul li span{text-align:left; color:#4f4f4f; font-size:1.0em; font-weight:300; background:none
            }
            .main_bar ul li span h1{text-align:left; color:#4f4f4f; font-size:1.0em; font-weight:300; background:none
            }
.main_bar2 {color:#b3c833; text-align:left; padding:10px 0; font-size:1.8em; font-weight:normal; 
           text-transform:uppercase; margin:0 0 5px 0; border-bottom:solid 1px #cccccc
}
    .main_bar2 h1 {font-size:1.0em; font-weight:normal;
    }
    .main_bar2 a {color:#b3c833
    }
.bar_tieubieu {clear:both; text-align:center
}
    .bar_tieubieu a{color:#ffffff; display:inline-block; background:#b3c833;
                    padding:0.5em 1em; font-size:1.5em; font-weight:300;text-transform:uppercase; 
    }
.main_col {float:left; width:20%; background:#e4e4e4 
}
.contact_index {width:70%; margin:auto
}
/*left menu*/
ul.lmenuitem {clear:both; margin:0; padding:0; list-style:none; width:100%
}
ul.lmenuitem li {margin:0 0  1px 0; padding:0; border-bottom:solid 1px #cccccc; 
                 background:#e4e4e4 url(../imgwb/imgw/icon_menu.png) no-repeat 12px 12px
}
ul.lmenuitem li.ac {background:#b3c833 url(../imgwb/imgw/icon_menu.png) no-repeat 12px 12px; 
}
ul.lmenuitem li.ac a {color:#ffffff
}
ul.lmenuitem li a {display:block; padding:10px 30px; text-align:left; color:#555555; text-transform:uppercase; font-size:0.9em
}
ul.lmenuitem li ul.child {clear:both; margin:0 0 0 20px; padding:0; list-style:none
}
ul.lmenuitem li ul.child li:hover,
ul.lmenuitem li ul.child li{margin:0; padding:0 0 0 30px; background:url(../imgwb/imgw/icon.png) no-repeat 12px 12px; border-bottom:0px
}
ul.lmenuitem li ul.child li a{display:block; padding:5px 0px; text-align:left; color:#656161; 
                              font-weight:normal; text-transform:none;
}
ul.lmenuitem li ul.child li a:hover{display:block; padding:5px 0px; text-align:left; color:#656161; 
                              font-weight:normal; text-transform:none; background:none
}
ul.lmenuitem li a:hover {background:#b3c833 url(../imgwb/imgw/icon_menu.png) no-repeat 12px 14px; color:#ffffff
}

ul.lmenuitem2 { clear:both; margin:0; padding:0; list-style:none; width:100%
}
ul.lmenuitem2 li{ margin:0; padding:5px 0; border-bottom:solid 1px #f5f5f5; width:100%
}
ul.lmenuitem2 li a{ display:block; padding:5px 8px; text-align:left;
}
ul.lmenuitem2 li span{ display:block; padding:5px 8px 0px; text-align:left; font-size:0.8em
}
ul.lmenuitem3 { clear:both; margin:0; padding:0; list-style:none; width:100%
}
ul.lmenuitem3 li{ margin:0; padding:0; width:100%; float:left;
                  background:url(../imgwb/imgw/icon_menu.png) no-repeat 0 10px
}
ul.lmenuitem3 li a{ display:block; text-align:left; color:#838383; padding:5px 0 5px 15px
}
/*bottom*/
.footer {background:#b3c833;text-align:center;padding:2em 0; float:left; width:100%
}
    .footer .footer_fix {max-width:1100px; margin:auto;
    }
    .footer .content{color:#fff; font-weight: 200; float:left; 
                     width:50%; text-align:left; line-height:2em
    }
    .footer .content  a{color: #ffffff; text-decoration:none;
    }
    .footer .content  a:hover{color:#fff;
    }
.content_right {float:right; padding:0
}
    .content_right .sharebt {float:right
    }
    .content_right .copyright {clear:both; color: #fff; text-decoration:none; padding:0 0 0; float:right
    }
        .content_right .copyright a{color: #fff;
        }
    .content_right .copyright_tk {clear:both; color: #fff; text-decoration:none; padding:0.5em 0 0; float:right
    }
        .content_right .copyright_tk a{color: #fff;
        }
    .content_right .counter {clear:both; float:right; padding:1em 0 0
    }
.footer ul.btitem {list-style:none; margin:0; padding:0;
    }
        .footer ul.btitem li {display:inline-block; padding:2px 2px; color:#616161;
        }
        .footer ul.btitem li.text {padding:12px 5px 2px 25px; color:#ffffff;
        }
            .footer ul.btitem li img{border:0px; width:35px; height:35px
            }
/*noi dung web*/
.tieude {color:#555555; font-size:1.4em; font-weight:normal; padding:0 0 10px 0; text-transform:none; margin:0 0 10px 0; line-height:1.5em
}
.tieude h1{color:#555555; font-size:1.4em; font-weight:normal; padding:0
}
.tomtat {color:#686e73; font-weight:bold; padding:0 0 10px 0; text-align:justify
}
.tomtat h2{color:#686e73; font-weight:bold; line-height:150%;
}
.mota {color:#555555; font-weight:normal; padding:0 0 10px 0; text-align:justify
}
.mota h2{color:#555555; font-weight:normal; line-height:150%; font-size:1.0em
}
.noidung {color:#555555; text-align:left; line-height:150%;
}
    .noidung img {border:0px; width:auto
    }
    .noidung ul {padding:0; margin:0 0 0 40px
    }
.tieude_text {color:#555555; text-align:left; line-height:180%;
}
.tieude_text_b {color:#555555; text-align:left; line-height:180%; font-weight:bold
}
.tieude_red {color:#ff0000; text-align:left; line-height:180%; 
}
.tieude_red_b {color:#ff0000; text-align:left; line-height:180%; font-weight:bold
}
.tieude_blue_b {color:#0061a0; text-align:left; line-height:180%; font-weight:bold; text-decoration:underline
}
.luotxem {font-size:100%; color:#555555; text-decoration:none; padding:0 0 10px 0
}
.tinkhac {clear:both; text-align:left; color:#555555; font-weight:bold; text-transform:uppercase;
          padding:5px 10px 5px 10px; margin:10px 0 10px; border-bottom:solid 1px #f5f5f5
}
.page_view0 {display:none
}
.page_view {clear:both; margin:auto; padding:10px 0; text-align:center
}
    .page_view input {border:solid 1px #cccccc; margin:1px 0 0 0; padding:0; vertical-align:middle
    }
.page:hover,
.page_cur {background:#cccccc; padding:7px 15px 9px; color:#ffffff; margin:0; border:solid 1px #cccccc; font-weight:bold
}
.page {background:#ffffff; padding:7px 15px 9px; color:#212121; margin:0; border:solid 1px #cccccc; font-weight:bold
}
/*chi tiet san pham*/
.line_sp {clear:both; border-bottom:solid 1px #dddddd; padding:5px 0
}
.chitiet_0 {clear:both; border-bottom:solid 1px #dddddd; padding :10px 0; float:left; width:100%
}
.chitiet_1 {clear:both; border-bottom:solid 1px #dddddd; background:#ffffff; padding :10px 0; float:left; width:100%
}
.chitiet_0 span, .chitiet_1 span {display:block; width:130px; text-align:left; float:left
}
.chitiet_0 b, .chitiet_1 b {color:#ff0000; text-transform:uppercase
}
.chitiet_gia {clear:both; border-bottom:solid 1px #ddd; padding:5px 0; float:left; width:100%; margin:0 0 0.5em
}
.chitiet_gia strong {display:block; width:130px; text-align:left; float:left; padding:0; font-size:1em; font-weight:400
}
.chitiet_gia b {color:#ff0000; font-size:1em; padding:0; display:block; float:left; 
}
    .chitiet_gia em {color:#ff0000; font-style:normal
    }
.mota {clear:both; text-align:left; font-weight:normal; line-height:150%; padding:5px 0;
}
.mota h2 {font-weight:normal;
}
.main_detail {clear:both; background:#b3c833; padding:5px; text-align:left; color:#ffffff; margin:10px 0;
}
.box_sp2 {float:left; width:96%; margin:0px 1% 2em 1%; border:solid 1px #e4e4e4; padding:1em; 
         background:#fff; text-align:center; position:relative; box-shadow:5px 5px 5px #cccccc; min-height:230px
}
.box_sp2 .imgs {vertical-align:middle; background:#ffffff; height:auto; width:100%; position:relative
}
.box_sp2 .imgs img:hover {border:solid 1px #fff;
}
.box_sp2 .imgs img {border:0px; max-width:250px; width:100%
}
.box_sp2 .title {text-align:left; padding:15px 0 0; font-size:1.0em; min-height:30px; line-height:1.2em
}
.box_sp2 .title a {color:#3d3d3d; font-weight:300; text-transform:none
}
.box_sp2 .title h3 {font-size:1.0em
}
.box_sp2 .des {text-align:left; padding:0.5em 0; color:#878787; font-size:0.9em; line-height:1.2em
}
.box_sp2 .price {text-align:left; padding:1em 0; color:#087d30; font-size:1.4em; font-style:italic
}
.box_sp2 .price_pro {text-align:center; color:#666665; font-size:1em; padding:0 5px 0 0; 
                    text-decoration:line-through; height:20px; display:inline-block
}
.box_sp2 a.viewmore {background:#373644; width:auto; height:auto; text-align:center; color:#ffffff;
                    font-size:1em; padding:0.5em 1em; display:inline-block; text-transform:uppercase; margin:auto
}
/*san pham cap 2*/
.box_dichvu_item2 {float:left; width:46%; margin:0 1.5% 1em; text-align:center; 
                  padding:0;
}
.box_dichvu_item2 .imgs {vertical-align:middle; width:100%; text-align:center; 
                        padding:0px;
}
.box_dichvu_item2 .imgs img:hover {border:0px;
}
.box_dichvu_item2 .imgs img {max-width:350px; width:100%; border:0;
}
.box_dichvu_item2 .title {text-align:center; padding:0.5em 0 0.5em; color:#eb5143; text-transform:uppercase; 
                         font-size:2em; display:inline-block; line-height:170%; font-weight:300;
}   
.box_dichvu_item2 .title a{color:#eb5143; text-transform:uppercase; 
} 
.box_dichvu_item2 .des {text-align:left; padding:0.5em 0 0; color:#737373; line-height:170%; font-size:0.9em;
}
/*list bai viet*/
.newsitem {float:left; width:100%; text-align:left; line-height:150%; 
           margin:0 0 5px 0; padding:5px 0 10px 0; border-bottom:solid 1px #cccccc;
}
    .newsitem img {float:left; margin:0 15px 10px 0; border:0px; width:200px; border:0px; padding:1px
    }
    .newsitem a.title {color:#212121; font-weight:bold; font-size:1.1em; display:block; text-align:left; line-height:1.5em
    }
    .newsitem a.title h2{color:#212121; font-weight:bold; font-size:1.1em; display:block; text-align:left; line-height:1.5em
    }
    .newsitem  p{color:#313131; text-align:left; padding:5px 0 0 0
    }
    .newsitem .viewmore {clear:both; color:#f10a46; font-size:0.9em; font-weight:normal; text-align:left;
                     padding:2px 5px; margin:10px 0 5px 0; display:block;
}
    .newsitem .viewmore:hover {color:#ff0000
    }
.news_left {float:left; width:55%
}
.news_right {float:right; width:40%
}
.sanpham_left {position:relative; float:left; width:40%
}
    .sanpham_left img {width:300px; width:100%; border:0px
    }
.sanpham_right {float:right; width:58%
}
/*list news*/
.row_news {background:url(../imgwb/imgw/icon.png) no-repeat 5px 8px; margin-bottom:1px;
           padding:2px 2px 2px 20px; text-align:left;
}
.row_news a {color:#212121;
}
.row_news a:hover {color:#1cb1a9;
}
.row_news span {color:#212121;
}
/*textbox, drop, button*/
.button_space {padding:0 0 17px 0;
}
.button_space_button {clear:both; padding:10px 3px 17px 0; text-align:right
}
.textbox {border: #999999 1px solid; width: 99%; padding:3px; text-align:left; 
          color:#505050; background: #ffffff; font-family: Arial;
}
.drop {border: #999999 1px solid; padding:1px; text-align:left; color:#505050; padding:2px; 
       background: #ffffff;font-family: Arial; 
}
.button {text-align:center; margin:auto; border:0px; padding:5px 20px;
         color:#ffffff; text-transform:uppercase; font-weight:bold ; background:#ed1b24; border-radius: 2px
}
.button:hover { background:#ff0000; cursor:pointer
}
a.button:hover {color:#ffffff
}
/*top*/
#bttop {
    background:url(../imgwb/imgw/icon_gototop.png) no-repeat center center; 
    width:36px; height:36px;position:fixed;bottom:20px;right:20px;cursor:pointer;display:none;}
#bttop:hover{}

/*tailieu*/
.table{
    border-color: #cccccc;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-spacing: 0;
    border-collapse: collapse; width:100%; font-size:100%
}
.table .tableheader td{
	border-width: 1px 1px 1px 0;
	font-weight:bold;
	color:#847307; background:#ccc;
	margin: 0px; padding:5px 2px 5px 2px; text-transform:uppercase
}
.table .row td{
	background-color:#e8e8e8;
}
.table td{
    border-color: #cccccc;
    border-width: 0px 1px 1px 0;
    border-style: solid;
    margin: 0px; padding:5px 2px 5px 2px; line-height:150%
}	
.table tr:hover{
	background:#f5f5f5
}

/*mang xa hoi*/
.splike {clear:both; float:right; margin:20px 0; width:100%; padding:5px 0;
}
.splike ul {list-style:none; margin:0; padding:0; float:right
    }
        .splike ul li {float:left; padding:5px 0 0 3px;
        }
        .splike ul li.ctr_btp1 a{color:#5e5e5e; font-size:11px; display:block; width:16px; height:16px; margin:5px 0 0 0
            }
                .splike ul li.ctr_btp1 {background:url(../imgwb/imgw/return-icon.jpg) no-repeat left center
                }
            .splike ul li.ctr_btp2 a{color:#5e5e5e; font-size:11px; display:block; width:16px; height:16px; margin:5px 0 0 0
            }
                .splike ul li.ctr_btp2 {background:url(../imgwb/imgw/top-icon.jpg) no-repeat left center
                }
/*sanpham*/
.box_sp_new {background:#ff0000; border-radius:5px; text-align:center; 
             font-size:13px; font-weight:bold; padding:5px 20px;
	        color:#FFF; position:absolute; display:block; left:5px; top:5px; z-index:20; 
            filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;
}
.box_sp_km {background:#dbc91a; width:47px; height:47px; border-radius: 50px; text-align:center; 
            line-height:47px; font-size:13px; font-weight:bold;
	        color:#FFF; position:absolute; display:block; right:5px; top:5px; z-index:20; 
            filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;
}
.box_sp_km_ct {background:#dbc91a; width:67px; height:67px; border-radius : 50px; 
               text-align:center; line-height:67px; font-size:25px; font-weight:bold;
	           color:#FFF; position:absolute; display:block; right:-10px; top:-10px; z-index:20; 
               filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;
}
.box_sp_km0 {display:none
}
.box_sp {float:left; width:23%; margin:1%; border:solid 1px #e4e4e4; padding:1em; 
         background:#fff; text-align:center; position:relative; box-shadow:5px 5px 5px #cccccc; min-height:260px
}
.box_sp .imgs {vertical-align:middle; background:#ffffff; height:150px; width:100%; position:relative; overflow:hidden
}
.box_sp .imgs img:hover {border:0;
}
.box_sp .imgs img {border:0px; width:250px; width:100%
}
.box_sp .title {text-align:left; padding:15px 0 0; font-size:1.0em; min-height:30px; line-height:1.2em
}
.box_sp .title a {color:#3d3d3d; font-weight:300; text-transform:none
}
.box_sp .title h3 {font-size:1.0em
}
.box_sp .des {text-align:left; padding:0.5em 0; color:#878787; font-size:0.9em; line-height:1.2em
}
.box_sp .price {text-align:left; padding:1em 0; color:#087d30; font-size:1.4em; font-style:italic
}
.box_sp .price_pro {text-align:center; color:#666665; font-size:1em; padding:0 5px 0 0; 
                    text-decoration:line-through; height:20px; display:inline-block
}
.box_sp a.viewmore {background:#373644; width:auto; height:auto; text-align:center; color:#ffffff;
                    font-size:1em; padding:0.5em 1em; display:inline-block; text-transform:uppercase; margin:auto
}
.box_sp3 {float:left; width:28%; margin:0px 2% 2em; border:solid 1px #e4e4e4; padding:1em; 
         background:#fff; text-align:center; position:relative; box-shadow:5px 5px 5px #cccccc; min-height:280px
}
.box_sp3 .imgs {vertical-align:middle; background:#ffffff; height:150px; width:100%; position:relative; overflow:hidden
}
.box_sp3 .imgs img:hover {border:0;
}
.box_sp3 .imgs img {border:0px; width:250px; width:100%
}
.box_sp3 .title {text-align:left; padding:15px 0 0; font-size:1.0em; min-height:30px; line-height:1.2em
}
.box_sp3 .title a {color:#3d3d3d; font-weight:300; text-transform:none
}
.box_sp3 .title h3 {font-size:1.0em
}
.box_sp3 .des {text-align:left; padding:0.5em 0; color:#878787; font-size:0.9em; line-height:1.2em
}
.box_sp3 .price {text-align:left; padding:1em 0; color:#087d30; font-size:1.4em; font-style:italic
}
.box_sp3 .price_pro {text-align:center; color:#666665; font-size:1em; padding:0 5px 0 0; 
                    text-decoration:line-through; height:20px; display:inline-block
}
.box_sp3 a.viewmore {background:#373644; width:auto; height:auto; text-align:center; color:#ffffff;
                    font-size:1em; padding:0.5em 1em; display:inline-block; text-transform:uppercase; margin:auto
}
.spchitiet {float:left; background:#ff0000; color:#ffffff; font-size:0.9em; padding:0.5em;
            position:absolute; bottom:0; left:0
}
.spbaogia {float:right; background:#ff0000; color:#ffffff; font-size:0.9em; padding:0.5em;
           position:absolute; bottom:0; right:0
}
/*gioithieu*/
.gioithieu {padding:2em 0; float:left; width:100%; background:#b3c833; border-left:0px; border-right:0px
}
.gioithieu-content {color:#ffffff; font-size: 1em; font-weight: 300; padding:0 2em; 
                    line-height:1.8em; text-align:justify; max-width:1100px; margin:auto
}
    .gioithieu-content img {border:0px; margin:0 0 0 1em; float:right; width:390px;
    }
    .gioithieu-content h4 {font-size:1.6em; font-weight:700; margin:0 0 1em 0; line-height:1.5em
    }
/*tintuc*/
.tintuc {background:#ffffff; width:100%; 
          padding:1em 0; float:left
}
.tintuc_fix {clear:both; padding:0; margin:auto; position:relative; max-width:1100px;
}
.tintuc-head {text-align:left;
}
.tintuc-head h3 {color:#000000; font-size:1.8em; font-weight:300; padding:1em 0 0; text-transform:uppercase; 
                 line-height: 130%; font-family: Arial
}
.tintuc-bottom {clear:both; padding:1em 0 1em 0; float:left; width:100%;
}
.tintuc-left {float:left; width:35%
}
.tintuc-right {float:right; width:58%
}
.box_tintuc_item {float:left; background:#ffffff; width:31%; padding:2em 0; text-align:left; margin:0 2% 0 0; 
}
    .box_tintuc_item .imgs {margin:0 1em 1em 0
    }
        .box_tintuc_item .imgs img {border:0px; max-width:300px; width:100%
        }
    .box_tintuc_item a.title {display:block; color:#9aac2b; font-size:1.1em; font-weight:300; padding:0.5em 0; 
                              line-height:1.5em; width:100%;
    }
    .box_tintuc_item .des{color:#838383; font-weight:300; line-height:1.5em; 
    }
.box_sp_item {float:left; background:#ffffff; text-align:left; width:96%; margin:3em 3% 2em 3%; 
              border:solid 1px #e4e4e4; padding:1em; box-shadow:5px 5px 5px #cccccc; min-height:240px
}
    .box_sp_item .imgs {margin:0; position:relative; height:150px; overflow:hidden
    }
        .box_sp_item .imgs img {border:0px; width:250px; width:100%
        }
    .box_sp_item a.title {display:block; color:#000000; font-size:0.9em; font-weight:700; padding:0.5em 0; 
                              line-height:1.5em; width:100%; text-align:center; min-height:50px
    }
    .box_sp_item a.viewmore{clear:both; color:#ffffff; font-weight:700; position:absolute; bottom:0; right:0; 
                                background:#ff0000; padding:0.5em 1em; font-size:0.8em
    }
/*ket thuc contact*/

@media all and (max-width:1080px) {
    .contact_fix,
    .tintuc_fix,
    .sanpham_fix,
    .footer_fix,
    .main_fix {width:98%; margin:0 1% 0 1%;
    }
    .box_sp,
    .box_sp3{min-height:300px
    }
    .box_sp_item {min-height:260px
    }
} 
@media all and (max-width:1100px) {
    body {font-size:0.9em;
    }
    .bnshare {display:none
    }
    .hotline {padding:2em 1% 0; font-size:1.5em; float:right
    }
}
@media all and (max-width:890px) {
    .main_content {float:left; width:98%; margin:0 1% 0 1%; border:0px; padding:0px
    }
    .main_col {float:left; width:98%; margin:0 1% 0 1%; 
    }
    .news_left {
        float:none; width:100%}
    .news_right {
        float:none; width:100%
    }
    .noidung img {border:0px; width:100%; height:100%
    }
    .footer .content {clear:both; float:none; text-align:center; width:100%; font-size:0.8em
    } 
    .content_right {float:none; padding:2em 0 0
}
    .content_right .sharebt {float:none; width:auto; margin:0 auto
    }
    .content_right .copyright_tk,
    .content_right .copyright {float:none; text-align:center
    }
    .content_right .counter {display:none
    }  
    .slogan {margin:0
    }
    .slogan_fix .content {float:none; text-align:left; padding:1em
    }
    .slogan a.viewmore {margin:0 2em 2em
    }
    .hotline {padding:3em 0.5em 0 0; font-size:1.2em
    }
}
@media all and (max-width:768px) {
    
    .logo {width:40%
    }
    .banner_right {width:60%; margin:1em 0 0.5em 0
    }
    .sanpham_left {position:relative; float:none; width:100%; text-align:center
    }
    .sanpham_left img {width:300px; width:100%; border:0px
    }
    .sanpham_right {float:left; width:100%
    }        
    .contact_index {width:100%; margin:auto
    } 
    .counter {display:none
    }  
    .bar_tieubieu a {
                   font-size:1em; margin:0 0 1em; line-height:1.5em
}
    .box_sp,
    .box_sp3 {width:40%; margin:0px 5% 2em; min-height:260px
    }
    .tintuc-bottom {clear:both; padding:1em 0 0; float:left; width:100%;
    }
    .box_tintuc_item {float:left; background:#ffffff; width:100%; padding:1em 0; text-align:left; margin:0 0 1em; min-height:100px
    }
    .box_tintuc_item .imgs {float:left; margin:0 1em 1em 0
    }
    .box_tintuc_item .imgs img {margin:0.5em 0 0 0
    }
    .box_tintuc_item a.title {padding: 0 0 0.5em 0; 
    }
    .tintuc-left {float:none; width:98%; margin: 0 1%
    }
    .tintuc-right {float:none; width:98%; margin: 0 1%; padding:3em 0
    }
     .box_sp,
    .box_sp3{min-height:300px
    }
    .box_sp_item {min-height:260px
    }
}
@media all and (max-width: 480px) {  
    .box_tintuc_item .imgs img {max-width:150px;
    } 
    .video iframe{height:280px
    }
    .gioithieu-content {font-size: 1em;
}
    .gioithieu-content img {border:0px; margin:0 0 1em 0; float:none; max-width:480px; width:100%
    }
    .box_dichvu_item2 {float:none; width:96%; margin:0 1.5% 1em; text-align:center; 
                  padding:0;
    }
    .hotline span{display:none
    }
    .box_sp,
    .box_sp3 {width:48%; margin:0px 1% 2em; min-height:300px
    }
}
@media all and (max-width: 420px) {
    
   .noidung table {clear:both; width:250px;
    }
     .noidung table td {clear:both; width:125px;
        }
    .newsitem {float:none; width:100%; text-align:center; line-height:150%; 
           margin:0 0 5px 0; padding:5px 0 10px 0; border-bottom:solid 1px #cccccc;
}
    .newsitem img {float:none; margin:0 auto 10px; border:0px; width:200px; width:100%; border:0px; padding:1px
    }
}