*, *: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:1.5em;
      font-family: Arial, Tahoma, 'Times New Roman', Verdana; background:#ffffff
}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
h1, h2, h3, h4, h5, h6, p {margin:0; padding:0;
}
img {border:0px
}
a {text-decoration:none; color:#555555
}
    a:hover { color:#555555
    }
td {font-size:100%; line-height:1.5em; 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; overflow:hidden
}
/*top*/
.banner {width:100%; float:left; margin:auto; position:relative;
         background: rgba(226,226,226,1);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 6%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(0%, rgba(209,209,209,1)), color-stop(6%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 6%);
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 6%);
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 6%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 6%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
}
.banner_fix {max-width:1110px; margin:auto; width:100%; 
}
.banner_top {width:100%; float:left; margin:auto; position:relative; background:#f1efea
}
.bntop_left {float:left; width:70%
}
.bntop_right {float:right; width:30%; margin:0.3em 0
}
/*.lang {float:right; margin:0.3em 0 2em 1em
}
.lang ul {list-style:none; padding:0; margin:0; float:left; 
}
    .lang ul li {float:left; padding:0; color:#ffffff; font-size:0.9em; font-weight:400; font-style:italic; margin:0 0 0 1em
    }
        .lang ul li.text {padding:0.5em 0 0 0
        }
    .lang ul li a.en {display:block; background:url(../imgwb/imgw/en.png) no-repeat center center; width:32px; height:32px; cursor:pointer
    }
    .lang ul li a.cn {display:block; background:url(../imgwb/imgw/cn.png) no-repeat center center; width:32px; height:32px; cursor:pointer
    }
    .lang ul li a.vn {display:block; background:url(../imgwb/imgw/vn.png) no-repeat center center; width:32px; height:32px; cursor:pointer
    }*/
/*.hotline {float:left; width:50%
}
    .hotline ul {list-style:none; margin:1em 0 0 1em; padding:0;
    }
        .hotline ul li {float:left; width:100%; text-align:left; color:#de8506; font-size:0.9em; font-weight:400; margin:0.1em 0
        }
            .hotline ul li:first-child {font-size:1.4em; text-transform:uppercase
            }*/
/*a.cart {display:block; background: url(../imgwb/imgw/cart.png) no-repeat left center; 
        padding:0.5em 0 0.5em 2em; color:#008f42; float:right}
a.website {display:block; background: url(../imgwb/imgw/website.png) no-repeat left center; 
        padding:0.5em 0 0.5em 2em; color:#008f42; float:right}*/
a.dathang2 {display:block; background: url(../imgwb/imgw/send.png) no-repeat left center; 
        padding:0.5em 0 0.5em 2em; color:#8c702e; float:right}
.search {clear:both; float:right; margin:0; background:#ffffff; padding:0; border:solid 1px #059145; border-radius:5px
}
.search_tb {background-color:#ffffff; border:0px; text-align:left; font-size:0.9em; font-weight:400; font-style:italic;
            float:left; color:#afafaf; width:80%; padding:0.4em 1em; border-radius:5px; margin:0 0 0 0.2em; outline:0
}
.search_bt {background:url(../imgwb/imgw/search.png) no-repeat left center; border:0px; 
            float:right; width:22px; height:22px; text-transform:uppercase; cursor:pointer; margin:0.1em 0.5em 0 0; padding:0.3em; outline:0
}
.sharethis {float:right; width:140px; margin:0.5em 0
}
.logo {float:left; margin:1% 0 0; padding:0;
}
    .logo img {border:0px; max-width:100px; width:100%
    }
.slogan {float:left; margin:3% 2% 0; width:40%
}
    .slogan img {border:0px; max-width:400px; width:100%
    }
.hotline {float:left; margin:2% 0 0; padding:0 1%; color:#6e6e6e; font-size:0.8em; 
         text-align:left; width:30%; font-weight:700; font-style:italic
}
.hotline strong {color:#008f42
    }
    .hotline a {color:#6e6e6e
    }
.sanpham {float:right; margin:1% 0 0; padding:0;
}
    .sanpham img {border:0px; max-width:180px; width:100%
    }
.banner_index_top {clear:both; width:100%; border-top:solid 1px #ffffff
}
.banner_index_top img {border:0px; width:100%;
    }
.banner_index {clear:both; text-align:center; margin:1em 0
}
    .banner_index img {border:0px; max-width:850px; width:auto;
    }
.banner_menu {background:#008f42; float:left; width:100%;
}
.f-nav{ z-index: 9999; position: fixed; top: 0; width: 100%; border-bottom:solid 1px #cccccc; background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );} /* this make our menu float top */

/*main*/
.main {clear:both; float:left; width:100%; background:#ffffff; padding:0 0 1em 0
}
.main_fix {max-width:1110px; margin:auto; width:100%; overflow:hidden
}
.main_box {float:right; width:78%;  margin:0 0 1% 2%; overflow:hidden
}
.main_content {float:left; width:100%; padding:1% 0; /*border:solid 1px #ebebeb; background:#f5f5f5*/
}
.main_content_full {float:left; width:100%
}
.main_bar {color:#ff0000; text-align:left; padding:0.5em; font-size:0.9em; font-weight:700; float:left; width:100%;
           text-transform:none; margin:0; border-top:solid 5px #008f42; text-transform:uppercase; 
           background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}
    .main_bar h1 {font-size:1em; display:inline-block
    }
    .main_bar a {color:#313131
    }
    .main_bar h1 {font-size:1em; font-weight:700; display:inline-block
    }
    .main_bar a {color:#008f42
    }
    .main_bar a.viewall {display:inline-block; float:right; color:#008f42; font-weight:700; text-transform:none;
    }
.main_bar2 {color:#5d5d5d; text-align:center; padding:0.5em 0; font-size:1.6em; font-weight:500; 
           text-transform:uppercase; margin:2em 0 1em; line-height:1.5em
}
    .main_bar2 h1 {font-size:1em
    }
    .main_bar2 a {color:#5d5d5d
    }
.main_col {float:left; width:20%; background:#ffffff
}
.main_col0 {display:none
}
.main_contact_right {width:57%; margin:auto; float:right;
}
.main_contact_left {width:40%; margin:auto; float:left
}
.main_contact_left iframe{width:100%; height:300px
}
.guide {clear:both; float:left; width:100%
}
ul.guide {clear:both; list-style:none; display:block; margin:0.5em 0; 
}
    ul.guide li {display:inline-block; color:#8b8b8b; font-size:0.75em; font-weight:400; padding:0.3em
    }
        ul.guide li a {color:#8b8b8b; font-weight:400; background:url(../imgwb/imgw/arrow.png) no-repeat right center; padding:0 2em 0 0
        }
            ul.guide li h1{display:inline-block; 
            }
        ul.guide li:last-child a {background:none; font-weight:700
        }
.tieude_text_w {float:left; font-size:0.9em
}
/*left menu*/
#left-menu{margin:0;padding:0;list-style:none;text-align:left;padding:0; border:solid 1px #ddd}
#left-menu h3{margin:0}
#left-menu li ul{position:absolute;margin-left:188px;margin-top:-35px;border:1px solid #91bdea;z-index:999;background:#EAF5FB}
#left-menu li > ul{display:none}
* html #left-menu li ul{display:none}
#left-menu li:hover > ul{display:block}
#left-menu li{text-align:left;padding:0}
* html #left-menu li{display:inline-block;width:100%}
#left-menu li a:link,#left-menu li a:visited{color:#002069;font-size:1em;font-weight:400;text-decoration:none;padding:8px;margin:0;position:relative;border-bottom:1px solid #91bdea;display:block}
#left-menu li li a:link,#left-menu li li a:visited{width:178px}
#left-menu li a:hover,#left-menu li:hover > a,#left-menu li.active a,#left-menu li.active li.active > a{color:Red}
#left-menu li.active li a{color:#002069}
#left-menu li.last > a{border-bottom:none!important}
* html #left-menu li.last a{border-bottom:none!important}
#left-menu li ul {border: 1px solid #ccc;background: #F0F0F0;margin-left: 216px;margin-top: -34px; list-style:none}
#left-menu.menu {border: 0;margin:0;border-radius: 0;}
#left-menu.menu {  border-bottom: 1px solid #D4D4D4; border-radius: 0; margin-bottom: 30px;}
#left-menu li a:link, #left-menu li a:visited {border-bottom: 1px solid #D4D4D4;}
#left-menu li a:link, #left-menu li a:visited {font-weight:400; padding: 7px 0px 4px 30px;color:#333;  text-transform: capitalize; font-size:0.9em; background:url(../imgwb/imgw/arrow_2.png) no-repeat 10px center }
#left-menu li a:hover {color:#ff0000;font-weight:bold;}
#left-menu li.icon {background: url(images/bg_list.gif) no-repeat 95% center;}
#left-menu li:nth-last-child(-n+2) a{border-bottom:0px solid #91bdea}
.left_bar {color:#ffffff; font-weight:700; background:#008f42; padding:0.5em 1em !important; text-align:left; text-transform:uppercase
}
.left_mobile {border:solid 1px #008f42;
}
ul.lmenuitem {clear:both; margin:0; padding:0; list-style:none; width:100%
}
ul.lmenuitem li {margin:0; padding:0; border-top:dotted 1px #ddd; 
}
ul.lmenuitem li.ac a,
ul.lmenuitem li a:hover {color:#dda217; font-weight:700
}
ul.lmenuitem li a {display:block; text-align:left; color:#008f42; padding:0.3em 1em 0.3em 2em; 
                   font-size:0.9em; background:url(../imgwb/imgw/arrow_2.png) no-repeat 10px 9px; text-transform:uppercase
}
ul.lmenuitem li ul.child {clear:both; margin:0; padding:0; list-style:none
}
ul.lmenuitem li ul.child li:hover,
ul.lmenuitem li ul.child li{margin:0; padding:0; border-top:dotted 1px #ddd; border-bottom:0
}
ul.lmenuitem li ul.child li a{display:block; padding:0.3em 0 0.3em 1.5em; text-align:left; color:#838383; 
                              font-weight:400; text-transform:none;
}
ul.lmenuitem li ul.child li.ac a,
ul.lmenuitem li ul.child li a:hover{color:#0c598e; font-weight:700
}


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:1px 8px 2px 0; text-align:left; font-size:0.8em
}
ul.lmenuitem2 li span{ display:block; padding:5px 8px 0 0; 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; border-bottom:solid 1px #ffffff
}
ul.lmenuitem3 li span{color:#b1b1b0; font-weight:700;
}
ul.lmenuitem3 li a{ display:block; text-align:left; color:#838383; padding:0.3em 0 0.3em 1.5em; 
                    font-size:0.9em; border-top:dotted 1px #ddd
}
    ul.lmenuitem3 li a:hover,
    ul.lmenuitem3 li.ac a {color:#b1b1b0
    }
ul.lmenuitem4 {margin:0; padding:0; list-style:none; float:left;
}
ul.lmenuitem4 li{ margin:0; padding:0; width:100%; float:left;
}
ul.lmenuitem4 li a{ display:block; text-align:left; color:#555555; padding:0 2em 0.3em 1.5em; 
                    background:url(../imgwb/imgw/arrow.png) no-repeat left 0.3em; font-size:0.9em; 
}
ul.lmenuitem4 li span{color:#393939
}
ul.lmenuitem4 li a:hover {color:#008f42
}
/*bottom*/
.footer {clear:both; background:#008f42; text-align:center; padding:1em 0; float:left; width:100%;
}
    .footer .footer_fix {max-width:1110px; margin:auto;
    }
.footer .content{color:#ffffff; font-size: 1em; font-weight: 400; text-transform: none; padding:0.5em 0; float:left; 
                 width:60%; text-align:center; line-height:1.5em
}
.footer .content  a{color: #ffffff; text-decoration:none;
}
.footer .content  a:hover{color:#ffffff;
}
    .footer .content .copyright {text-align:center;
    }
    .footer .content .copyright a{display:block; color:#ddd; text-align:left; background:url(../imgwb/imgw/viso.png) no-repeat right center;
                                  padding:0 0 0 3em; width:130px; margin:auto; font-size:0.8em
    }
.footer .counter {float:right; width:20%; text-align:center; margin:1em 0 0 0
}
.footer .sharebt {float:left; width:20%; margin:0.5em auto 0; text-align:center;
}
        .sharebt ul {list-style:none; margin:0; padding:0
        }
            .sharebt ul li {display:inline-block
            }
            .sharebt ul li img {border:0; margin:0.3em; max-width:32px
            }
/*noi dung web*/
.tieude {color:#212121; font-size:1.2em; font-weight:700; padding:0.5em 0; text-transform:none; 
         margin:0 0 10px 0; line-height:1.5em; text-transform:uppercase
}
.tieude h1{font-weight:700; font-size:100%
}
.tomtat {color:#686e73; font-weight:bold; padding:0 0 10px 0; text-align:justify
}
.tomtat h2{color:#686e73; font-weight:bold; line-height:1.5em;
}
/*.mota {clear:both; color:#555555; font-weight:normal; margin:5px 0; text-align:justify; float:left; width:100%
}
.mota h2{color:#555555; font-weight:normal; line-height:1.5em; font-size:1.0em
}*/
.noidung {color:#555555; text-align:left; line-height:1.5em;
}
    .noidung img {border:0px; max-width:850px
    }
    .noidung ul {padding:0; margin:0 0 0 40px
    }
    .noidung td {font-size:0.9em; padding:0.5em
    }
.tieude_text {color:#555555; text-align:left; line-height:1.5em;
}
.tieude_text_b {color:#555555; text-align:left; line-height:1.5em; font-weight:bold
}
.tieude_red {color:#ff0000; text-align:left; line-height:1.5em; 
}
.tieude_red_b {color:#ff0000; text-align:left; line-height:1.5em; font-weight:bold
}
.tieude_blue_b {color:#0061a0; text-align:left; line-height:1.5em; font-weight:bold; text-decoration:underline
}
.luotxem {font-size:100%; color:#ff0000; text-decoration:none; padding:0; font-size:0.9em; float:left;
}
.luotxem3 {font-size:100%; color:#a19d9d; text-decoration:none; padding:0; font-size:0.75em;
}
.tinkhac {clear:both; text-align:left; color:#686e73; font-weight:700; text-transform:none;
          padding:0.2em 0; margin:1em 0 1em 0; border-top:solid 1px #ddd; font-size:0.9em
}
.page_view0 {display:none
}
.page_view {clear:both; margin:auto; padding:5px 0; text-align:center; float:right
}
    .page_view input {border:solid 1px #cccccc; margin:-2px 0 0 0; padding:0; vertical-align:middle; border-radius:3px
    }
.page:hover,
.page_cur {background:#cccccc; padding:6px 10px; color:#282828; margin:0; border:solid 1px #cccccc; font-weight:bold; font-size:0.9em
}
.page {background:#ffffff; padding:6px 10px; color:#282828; margin:0; border:solid 1px #cccccc; font-weight:bold; font-size:0.9em
}
/*list bai viet*/
.newsitem {float:left; width:100%; text-align:left; line-height:1.5em; 
           margin:0 0 5px 0; padding:5px 0 10px 0; border-bottom:dashed 1px #cccccc;
}
    .newsitem img {float:left; margin:0 1em 10px 0; border:0px; max-width:150px; border:0px; padding:1px
    }
    .newsitem a.title {color:#212121; font-weight:bold; font-size:1.0em; display:block; text-align:left; line-height:1.5em
    }
    .newsitem a.title h3{font-size:1.0em
    }
    .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:right;
                     padding:2px 5px; margin:10px 0 5px 0; display:inline-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:35%
}
    .sanpham_left img {max-width:300px; width:100%; border:solid 0px #ddd
    }
.sanpham_right {float:right; width:63%
}
/*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:1px solid #ddd;
	border-collapse:collapse;
}

tr > * {
	border-right:1px solid #ddd;
}

tr > :last-child {
	border-right:0;
}

th, td {
	padding:5px;
	text-align:left;
	}

th {
	background:#fafafa;
}

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

/*mang xa hoi*/
.luotxem2 {float:left; padding:0 0.8em 0 2.2em; color:#f1f1f1; font-size:0.75em; background:#0c5023; 
           border-radius:3px; background:#18357b url(../imgwb/icon_share/view.png) no-repeat 2px center; margin:3px 0 0 0
}
.share_social {float:left;
}
#share-buttons {float:right; margin:0; color:#282828; font-weight:bold; background:none; padding:0;
}
    #share-buttons a.facebook {display:inline-block; width:20px; height:15px;
                            background:url(../imgwb/icon_share/icon_fb.gif) no-repeat center bottom; float:left
        }
    #share-buttons a.googleplus {display:inline-block; width:20px; height:15px;
                            background:url(../imgwb/icon_share/icon_google.gif) no-repeat center center; float:left
        }
    #share-buttons a.twitter {display:inline-block; width:23px; height:15px; 
                            background:url(../imgwb/icon_share/icon_tw.gif) no-repeat center center; float:left;
                            border-right:solid 1px #ddd;
        }
    #share-buttons a.mail {display:inline-block; width:20px; height:15px;
                            background:url(../imgwb/icon_share/icon_letter.png) no-repeat center center; float:left 
        }
    #share-buttons a.print {display:inline-block; width:20px; height:15px;
                            background:url(../imgwb/icon_share/icon_print.png) no-repeat center center; float:left
    }
.dathang {float:left; width:60%
}
.dathang ul {list-style:none; display:inline; margin:0; padding:0; float:left; width:100%
    }
    .dathang ul li {float:left; color:#8c702e; font-weight:400; width:100%
    }
    .dathang ul li:nth-child(1) {background:url(../imgwb/imgw/hotline.png) no-repeat left center; padding:0.5em 0 0 34px;  margin:0 5% 0 0
    }
    .dathang ul li:nth-child(2) {background:url(../imgwb/imgw/email.png) no-repeat left center; padding:0.5em 0 0 34px; margin:0 5% 0 0; 
    }
    .dathang ul li:nth-child(3) {background:url(../imgwb/imgw/send.png) no-repeat left center; padding:0.5em 0 0 34px; float:right
    }
        .dathang ul li a {color:#8c702e
        }
/*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:0; top:0; 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:0; top:0; 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:0; top:0; z-index:20; 
               filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;
}
.box_sp_km0 {display:none
}
.box_sp {float:left; width:20%; margin:0; 
         background:#fff; text-align:center; position:relative; border:solid 1px #ddd; padding:2%
}
.box_sp3 {width:25%;
}
.box_sp2 {width:100% !important; padding:2% !important
}
.box_km {
    border:solid 2px #e0bb64
}
.box_sp_sub_1 {width:25%; border:solid 1px #f5f5f5; padding:1%
}
.box_sp_sub {width:100%; border:solid 1px #f5f5f5; padding:3%
}
.box_sp .imgs {vertical-align:middle; background:#ffffff; min-height:198px; width:100%; position:relative
}
.box_sp .imgs img:hover {border:0;
}
.box_sp .imgs img {border:0px; max-width:220px; max-height:320px; width:100%
}
.box_sp .title {text-align:center; padding:0.5em 0 0; font-size:0.9em; line-height:1.2em ; min-height:40px
}
.box_sp .title a {color:#2a2a2a; font-weight:700; text-transform:none; display:block; text-transform:none
}
.box_sp .title h3 {font-size:100%
}
.box_sp .price {text-align:center; padding:0.5em 0; color:#008f42; font-size:0.8em; font-weight:700
}
.box_sp .price span{color:#8c702e
}
.box_sp .des {text-align:left; padding:0.5em 0; color:#767676; font-size:0.75em; line-height:1.5em; min-height:80px
}
    .box_sp a.addcart {display:inline-block; background:#0896cb; border-radius:5px; 
                    color:#ffffff; font-size:0.9em; font-weight:700; padding:0.2em 1em
    }
.box_sp  a.title_sub {color:#000000; font-weight:400; text-transform:none; 
                      display:inline-block; float:left; padding:2%
}
.box_sp  a.code_sub {color:#949494; font-weight:400; text-transform:none; 
                      display:inline-block; float:right; padding:2%
}
/*sanpham*/
.main_detail {color:#ffffff; text-align:left; padding:0.5em; font-size:0.8em; font-weight:normal;
               text-transform:uppercase; margin:1em 0; background:#008f42;
}
.line_sp {clear:both; border-bottom:dotted 1px #dddddd; padding:3px 0; margin:0
}
.tensp {color:#b82323; font-size:1.2em; font-weight:normal; text-transform:none
}
.tensp h1{color:#b82323; font-size:1.2em; font-weight:normal; margin:0; padding:0
}
.chitiet_1 {clear:both; border-bottom:solid 1px #dddddd; padding:3px 0; float:left; width:100%; font-size:0.8em
}
.chitiet_1 span {display:block; width:130px; text-align:left; float:left
}
.chitiet_1 b {color:#ff0000; text-transform:uppercase
}
.chitiet_gia {clear:both; border-bottom:solid 1px #dddddd; padding:3px 0; float:left; width:100%; margin:0 0 0.5em
}
.chitiet_gia span {display:block; width:130px; text-align:left; float:left; padding:0; font-size:0.8em
}
.chitiet_gia b {color:#ff0000; font-size:14px; padding:0; display:block; float:left
}
.btmuahang {color:#008f42; font-size:12px; padding:0; display:block; font-weight:700
}
.btmuahang:hover {color:#ff0000;
}
.mota {clear:both; text-align:left; font-weight:normal; line-height:150%; padding:5px 0; font-size:0.8em
}
.mota h2 {font-weight:normal; font-style:italic; font-size:0.9em; float:left
}
    .mota h2 span {font-style:normal; font-style:normal; font-size:0.8em
    }
    .mota ul {list-style:square; margin:0 0 0 20px; line-height:1.5em
    }
a.download {display:inline-block; padding:10px;
            color:#686868; border:solid 1px #cccccc; border-radius:5px; margin:10px 20px 0 0;
            background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */


}
    a.download b {padding:10px 0 0 0; display:inline-block; font-weight:normal; font-size:1.2em
    }
    a.download span {background: url(../imgwb/imgw/download.png) no-repeat left center; 
                     display:inline-block; width:47px; height:33px; float:left; 
    }
/*hinh anh*/
.box_hinhanh_item2 {float:left; width:18%; margin:0px 1%; 
         background:#fff; text-align:center; position:relative;
}
.box_hinhanh_item2 .imgs {vertical-align:middle; background:#ffffff; height:auto; width:100%; position:relative; text-align:center
}
.box_hinhanh_item2 .imgs img:hover {border:solid 1px #ff0000;
}
.box_hinhanh_item2 .imgs img {border:solid 1px #f5f5f5; padding:1px; width:100%
}
/*gioithieu*/
.gioithieu {clear:both; padding:2em 0; float:left; width:100%; background:#ffffff; 
            border-left:0px; border-right:0px; margin:0
}
.gioithieu-content {color:#5d5d5d; font-size: 1em; font-weight: 300; padding:0; 
                    line-height:1.5em; text-align:justify; max-width:1110px; margin:auto; font-size:0.9em; 
}
    .gioithieu-content h2,.gioithieu-content h3,
    .gioithieu-content h1 {font-size:1.6em; font-weight:700; margin:0 0 1em 0; color:#008f42; text-transform:uppercase
    }
    .gioithieu-content img {border:0px; margin:2em 0 0 1em; float:right !important
    }
/*loaisp*/
.loaisp {background:#ffffff; width:100%; 
          padding:0 0 2em 0; float:left
}
.loaisp_fix {clear:both; padding:0; margin:auto; position:relative; max-width:1100px;
}
.loaisp-head {text-align:center;
}
.loaisp-head h3 {color:#008f42; font-size:1.8em; font-weight:300; padding:1em 0; text-transform:uppercase; 
                 line-height: 1.5em; font-family: Arial
}
.loaisp-bottom {clear:both; padding:0; float:left; width:100%;
}
.box_loaisp_item {float:left; background:#ffffff; width:98%; padding:0; text-align:center; 
                  margin:0; border:solid 1px #cccccc; padding:1%
}
    .box_loaisp_item .imgs {margin:0 1em 1em 0; position:relative; text-align:center
    }
        .box_loaisp_item .imgs img {border:0px; width:100%
        }
    .box_loaisp_item a.title {display:block; color:#19a6f6; font-size:1.2em; font-weight:400; padding:0.2em 0; 
                              line-height:1.5em; width:100%; text-align:center; text-transform:uppercase
    }
    .box_loaisp_item p{clear:both; color:#ff0000; font-size:1em; text-align:center
    }
.box_loaisp2 {width:29%; min-height:340px
}
/*contact*/
.contact_index {width:70%; margin:auto
}
/*contact*/
.contact {clear:both; background:#ffffff; width:100%; float:left;
          padding:2em 0; border-top:solid 1px #dadada
}
.contact_fix {max-width:1110px; margin:auto
}
.contact_video {text-align:center
}
    .contact_video iframe {
        width: 100%;
        height: 280px;
    }
.sit-contact {line-height:1.8em; font-size:0.9em; color:#636363; font-weight:700
}
.contact_head {text-align:left; color:#008f42; padding:1em 0
}
    .contact_head h3 {font-size:1.2em; font-weight:700; text-transform:uppercase
    }
    .contact_head h3 a{color:#008f42; display:inline-block; padding:0 1.5em 0 0; background:url(../imgwb/imgw/arrow_blue.png) no-repeat right center; background-size:10%
    }  
.contact-bottom {padding:0;
}

.contact-left {float:left; width:32%; padding:0
}
.contact-mid {float:left; width:30%; margin:0 3% 0 5%
}
.contact-right {float:right; width:30%; text-align:left; margin:0
}
.col-tb-left {float:left; width:49%; margin:2px 0
}
.col-tb-right {float:right; width:49%; margin:2px 0
}
.contact-us input[type="text"],.contact-into textarea,.send input[type="submit"]{
	font-size: 0.8em;
    font-style:italic;
    font-weight:bold;
	width: 100%;
	padding: 1.0em;
	margin: 0.3em 0;
	background: #ffffff;
	outline:none;
	border:solid 1px #d6d6d6;
	color: #696969;
	border-radius: 0px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all; font-family:Arial
}
.contact-us input[type="text"]:hover,.contact-into textarea:hover {background: #fff;
}
.contact textarea {resize:none; width: 96%; margin:0.5em 0em; padding:1em;
                   font-size: 1em; font-style:italic; font-weight:bold; color:#696969; border:solid 1px #d6d6d6;
}
.send input[type="submit"]{
	background: #008f42;
	color: #ffffff;
	font-size: 1.2em;
	width: 43%;
	margin: 0.5em 0;
	-webkit-appearance: none;
	font-weight: bold;
	padding: 0.3em 0.3em;
	border-bottom: 0px solid #000;
	border-top: none;
	border-left: none;
	border-right: none; font-family:Arial; text-transform:uppercase; font-style:normal;
}
.send {text-align: center;
}
.send input[type="submit"]:hover{background:#02083d; cursor:pointer
}
.contact-us {padding: 0 1em 0 0em;
}
.contact-us :nth-child(2) {padding:0;
}
/*ket thuc contact*/
@media all and (max-width:1110px) {
    .gioithieu,
    .sanpham_fix,
    .contact_fix,
    .footer_fix,
    .banner_fix,
    .main_fix {width:98%; padding:0; margin:0 1%; float:none
    }
    .gioithieu {padding:2em 0
    }
    body {font-size:0.9em;
    }
    .sanpham {
        display: none;
    }
    .slogan {width:40%
    }
    .hotline {width:auto; float:right;
    }
 }
@media all and (max-width:1000px) {
    .box_sp .imgs img {width:100%;
    }
    .lang {margin:0
    }
    
 }
@media all and (max-width:890px) {
    .banner_menu {display:none
    }
    .banner {border-bottom:solid 2px #ddd
    }
     .main_box{width:100%; padding:1% 2%
    }
    .bntop_left {width:20%; margin:0; padding:0
    }
    .bntop_right{width:80%;
    }    
    .search {width:100%; margin:0; border-radius:0
    }
    .sharethis {display:none
    }
    .main_col {/*float:left; width:100%; margin:0 0 1em 0;*/ display:none
    }
    .bnitem ul {display:none
    }
    .box_sp .imgs,
    .box_sp3 .imgs {min-height:180px
    }
    .box_sp_sub {width:100%;
    }
}
@media all and (max-width:768px) {
    .hotline {display:none
    }
    .slogan {width:auto;
    }
    .sanpham_left {position:relative; float:none; width:100%; text-align:center
    }
    .sanpham_left img {max-width:768px; width:auto
    }
    .sanpham_right {float:left; width:100%
    }        
    .main_contact_right {width:100%; margin:auto; float:right;
    }
    .main_contact_left {width:100%; margin:auto; float:left
    } 
    .banner_index img {border:0px; max-width:850px; width:100%;
    }
    .contact-mid {display:none
    }
    .footer .sharebt {clear:both; float:none; text-align:center; width:100%
    }
    .footer .content {clear:both; float:none; text-align:center; width:100%
    }
    .footer .counter {clear:both; text-align:center; width:100%; float:none
    }
    ul.lmenuitem3 li span{background:#eee; color:#222; display:block; padding:0.3em 0.5em; font-weight:400
    }
    /*contact*/
    .contact-bottom,
    .contact_index {width:98%; margin:auto
    }
    .contact {padding:0 0  1em 0
    }
    .contact-left {float:left; width:100%; padding:0
    }
    .contact_video iframe {width:400px; margin:auto
    }
    .contact-mid {float:left; width:100%; padding:1em 0; margin:0; text-align:center
    }
    .contact-right {float:left; width:100%; padding:0; margin:0
    }
    .contact textarea {width:98%; float:left
    }
    .noidung img {border:0px; max-width:768px; width:100%
    }
    .contact_map img {
        width: auto;
    }
    /*ket thuc contact*/
    .box_sp {width:33%; min-height:270px
    }
		.box_sp .imgs {min-height:150px
        }
}
@media all and (max-width: 480px) {
    .logo {margin:1em 0 0 0; width:100%; text-align:center; float:none
    }
    .slogan {width:98%; text-align:center; margin:1%
    }
    .dathang ul li {float:left; color:#8c702e; font-weight:400; width:100%
    }
    .loaisp-head {text-align:left;
    }
    .loaisp-head h3 {font-size:1.2em; padding:0.7em 1em 0.7em 1%
    }
    .contact textarea {width:96%; float:left
    }
    .sanpham_left img,
    .noidung img {border:0px; max-width:480px; width:100%; margin:10px 0;
    }
    .video iframe{max-width:680px; width:100%; margin:auto; height:280px
    }
    .contact_video iframe {width:100%; margin:auto
    }
    .box_sp {width:50%; min-height:255px
    }
        
    .box_sp_sub {width:100%;
    }
    .box_loaisp2 {width:46%
    }
    .contact_map img {
        width: 100%;
    }
    .gioithieu-content img {float:none; width:100%; margin:0 0 1em 0; height:100%
    }
}
@media all and (max-width: 380px) {
    a.dathang2 {clear:both; float:left; margin:0.5em 0 0 0
    }
    .newsitem {float:none; width:100%; text-align:center; line-height:1.5em; 
           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
    }
    .noidung img {border:0px; width:100%; height:100%
    }
}