*, *: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:#ffffff
}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; font-size:100%
}
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_home {max-width:1100px; position:relative; margin:auto
}
.banner_fix_home {margin:2em auto; position:absolute; top:1em; z-index:9999; 
                  background:#ffffff; box-shadow:0px 0px 2px 2px #8a8989; width:100%
}
.banner {width:100%; float:left; margin:auto; position:relative; background:#1bbc9b
}
.banner_fix {max-width:1100px; margin:auto; width:100%;
}
.logo {float:left; margin:0; padding:1em; background:#1bbc9b
}
    .logo img {border:0px; max-width:150px; width:100%
    }
.banner_right {float:right; margin:15px 0 0 0
}
.bnshare {clear:both; float:right; margin:0.5em 1em
}
.search {clear:both; float:right; margin:5px 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 {}
.lang {float:right; margin:0 0.6em 0 0; height:26px; overflow:hidden
}
    .lang ul {list-style:none; margin:0; padding:0; display:inline-block
    }
        .lang ul li {display:inline-block; margin:0; padding:0; color:#ffffff; font-size:0.8em
        }
            .lang ul li.text {width:auto; float:left; margin:0.3em 0.5em 0 0
            }
            .lang ul li a {display:block; width:47px; height:24px; padding:0; margin:0.2em 0 0 0.3em; overflow:hidden
            }
            .lang ul li a.vn {background:url(../imgwb/imgw/vn.png) no-repeat center center
            }
            .lang ul li a.en {background:url(../imgwb/imgw/en.png) no-repeat center center
            }
.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 {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 1px #e4e4e4; padding:0 0 0 20px
}
.main_content_full {float:left; width:100%
}
.main_bar {color:#1bbc9b; text-align:left; padding:10px 0; font-size:0.9em; font-weight:normal; 
           text-transform:none; margin:0 0 10px 0;
}
    .main_bar h1 {font-size:0.9em; font-weight:normal; display:inline-block
    }
    .main_bar a {color:#1bbc9b
    }
.main_bar2 {color:#1bbc9b; 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:#1bbc9b
    }
.bar_tieubieu {clear:both; color:#383546; text-align:center; padding:1em 0; font-size:2.5em; 
               font-weight:bold;text-transform:uppercase;
}
    .bar_tieubieu .bar_right,
    .bar_tieubieu .bar_left {display:inline-block; background:#e3e3e3; height:1px; margin:0 0.5em 0.3em; width:20%
    }
.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:#1bbc9b 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:#1bbc9b 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
}
/*bottom*/
.footer {clear:both; background:#1bbc9b;text-align:center;padding:2em 0; float:left; width:100%
}
    .footer .footer_fix {max-width:1100px; margin:auto;
    }
    .footer .sharebt {width:20%; float:left; text-align:left
    }
.footer .content{color:#fff; font-size: 1.3em; font-weight: 400; text-transform: none; padding:0; float:left; 
                 width:50%; text-align:center
}
.footer .content  a{color: #ffffff; text-decoration:none;
}
.footer .content  a:hover{color:#fff;
}
.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
            }
    .footer .copyright {color: #1dfe9e; text-decoration:none; text-transform:uppercase; padding:0.5em 0; font-size:0.7em
    }
        .footer .copyright a{color: #1dfe9e;
        }
    .footer .counter {float:right;
    }
/*noi dung web*/
.tieude {color:#16927a; font-size:1.4em; font-weight:normal; padding:0 0 10px 0; text-transform:none; margin:0 0 10px 0; line-height:100%
}
.tieude h1{color:#16927a; font-size:1.4em; font-weight:normal; line-height:1.5em; 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; /*max-width:1100px*/
    }
.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:150px; text-align:left; float:left
}
.chitiet_0 b, .chitiet_1 b {color:#ff0000; text-transform:uppercase
}
.chitiet_gia {clear:both; border-bottom:solid 1px #dddddd; padding :5px; float:left; width:98%
}
.chitiet_gia span {display:block; width:150px; text-align:left; float:left; padding:5px 0 0
}
.chitiet_gia b {color:#ff0000; font-size:20px; padding:2px 0 0; display:block; float:left
}
.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:#1bbc9b; padding:5px; text-align:left; color:#ffffff; margin:10px 0;
}

ul.item2 {list-style:none; margin:0; padding:0;
}
ul.item2 li {text-align:center; float:left; margin:2% 1%; width:23%
    }
.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_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:center; padding:15px 0 0; font-size:0.9em; min-height:70px; line-height:1.5em
}
.box_sp2 .title a {color:#000000; font-weight:300; text-transform:uppercase
}
.box_sp2 .title h3 {font-size:100%
}
.box_sp2 .des {text-align:left; padding:1em 0; color:#16927a; font-size:0.9em; min-height:80px
}
.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
}
.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;
}
.col4 {width:22%!important; margin:1em 1%!important
}
ul.boxspitem {list-style:none; margin:0; padding:0; width:100%; display:inline-block; text-align:center
}
ul.boxspitem li {display:inline-block; width:30%; margin:0px 1% 2em 1%; border:solid 1px #e4e4e4; padding:1em; 
         background:#fff; text-align:center; position:relative; vertical-align:top
}
ul.boxspitem li .imgs {vertical-align:middle; background:#ffffff; height:auto; width:100%; position:relative
}
ul.boxspitem li .imgs img:hover {border:solid 1px #fff;
}
ul.boxspitem li .imgs img {border:0px; max-width:250px; width:100%
}
ul.boxspitem li .title {text-align:center; padding:15px 0 0; font-size:0.9em; min-height:70px; line-height:1.5em
}
ul.boxspitem li .title a {color:#000000; font-weight:300; text-transform:uppercase
}
ul.boxspitem li .title h3 {font-size:100%
}
ul.boxspitem li .des {text-align:left; padding:1em 0; color:#16927a; font-size:0.9em; min-height:80px
}
ul.boxspitem li .price {text-align:left; padding:1em 0; color:#087d30; font-size:1.4em; font-style:italic
}
ul.boxspitem li .price_pro {text-align:center; color:#666665; font-size:1em; padding:0 5px 0 0; 
                    text-decoration:line-through; height:20px; display:inline-block
}
ul.boxspitem li 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
}
/*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; max-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 {max-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:0px 1% 2em 1%; border:solid 1px #e4e4e4; padding:1em; 
         background:#fff; text-align:center; position:relative;
}
.box_sp .imgs {vertical-align:middle; background:#ffffff; height:auto; width:100%; position:relative
}
.box_sp .imgs img:hover {border:solid 1px #fff;
}
.box_sp .imgs img {border:0px; max-width:250px; width:100%
}
.box_sp .title {text-align:center; padding:15px 0 0; font-size:1.2em; min-height:70px; line-height:1.5em
}
.box_sp .title a {color:#000000; font-weight:300; text-transform:uppercase
}
.box_sp .title h3 {font-size:100%
}
.box_sp .des {text-align:left; padding:1em 0; color:#16927a; font-size:0.9em; min-height:80px
}
.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_sp3 .imgs {vertical-align:middle; background:#ffffff; height:auto; width:100%; position:relative
}
.box_sp3 .imgs img:hover {border:solid 1px #fff;
}
.box_sp3 .imgs img {border:0px; max-width:250px; width:100%
}
.box_sp3 .title {text-align:center; padding:15px 0 0; font-size:1.2em; min-height:70px; line-height:1.5em
}
.box_sp3 .title a {color:#000000; font-weight:300; text-transform:uppercase
}
.box_sp3 .title h3 {font-size:100%
}
.box_sp3 .des {text-align:left; padding:1em 0; color:#16927a; font-size:0.9em; min-height:80px
}
.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
}
/*sanpham*/
.sanpham {background:#ffffff; width:100%; 
          padding:1em 0; float:left
}
.sanpham_fix {clear:both; padding:0; margin:auto; position:relative; max-width:1100px;
}
.sanpham-head {text-align:center;
}
.sanpham-head h3 {color:#00a651; font-size:3.5em; font-weight:900; padding:1em 0 0; text-transform:uppercase; 
                 line-height: 130%; font-family: Calibri
}
.sanpham-head .content {color:#707070; font-size: 1.0em; font-weight: 300; padding: 1em 0; line-height: 170%;
}
    .sanpham-head span {color:#000000; font-size:1.2em; font-style:italic; font-weight:bold;
    }
.sanpham-bottom {clear:both; padding:5em 0 3em 0; float:left; width:100%; background:#1bbc9b
}
.slogan {clear:both; max-width:1100px; margin:auto 
}
.slogan_fix {max-width:1100px; margin:5em 0 2em; background:#ffffff; width:100%; 
             float:left; border-top:solid 5px #373644; border-bottom:solid 5px #3598db
}
    .slogan_fix .content {float:left; padding:1em 0; color:#7e7e7e; font-size:1.0em; text-transform:uppercase; 
                          line-height:170%; text-align:left;
    }
        .slogan_fix .content span {color:#373644;font-size:1.6em
        }
.slogan a.viewmore {float:right; display:inline-block; background:#3598db; 
                    padding:0.5em 1em; color:#ffffff; font-size:1em; text-transform:uppercase; margin:1em 0 0 
}
/*hinhanh*/
.hinhanh {background:#ffffff; width:100%; 
          padding:1em 0; float:left
}
.hinhanh_fix {clear:both; padding:0; margin:auto; position:relative; max-width:1100px;
}
.hinhanh-head {text-align:center;
}
.hinhanh-head h3 {color:#00a651; font-size:3.5em; font-weight:900; padding:1em 0 0; text-transform:uppercase; 
                 line-height: 130%; font-family: Calibri
}
.hinhanh-bottom {clear:both; padding:1em; float:left; width:100%; background:#ffffff
}
.box_hinhanh_item {float:left; width:23%; margin:0px 1% 2em 1%; border:solid 1px #212121; padding:0 0 1em; 
         background:#fff; text-align:center; position:relative; min-height:250px
}
.box_hinhanh_item .imgs {vertical-align:middle; background:#ffffff; height:auto; width:100%; position:relative; text-align:center
}
.box_hinhanh_item .imgs img:hover {border:solid 1px #fff;
}
.box_hinhanh_item .imgs img {border:0px; max-width:250px; width:100%
}
.box_hinhanh_item span {text-align:center; padding:1em; font-size:1.2em; line-height:1.5em;
                        color:#000000; font-weight:300; text-transform:uppercase; min-height:100px; display:inline-block
}
.box_hinhanh_item 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_hinhanh_item2 {float:left; width:28%; margin:0px 2% 2em 2%; border:solid 1px #212121; padding:0 0 1em; 
         background:#fff; text-align:center; position:relative; min-height:250px
}
.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 #fff;
}
.box_hinhanh_item2 .imgs img {border:0px; max-width:250px; width:100%
}
.box_hinhanh_item2 span {text-align:center; padding:1em; font-size:1.2em; line-height:1.5em;
                        color:#000000; font-weight:300; text-transform:uppercase; min-height:100px; display:inline-block
}
.box_hinhanh_item2 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
}
/*contact*/
.contact {clear:both; background:#373644; width:100%; 
          padding: 1em 0; float:left
}
.contact_fix {max-width:1100px; margin:auto; background:#373644;
}
.map iframe {width: 100%; height:280px; display: block; border:none; padding:0;
}
.contact-video iframe {width: 100%; height:280px; display: block; border:none; padding:0;
}
.contact-bottom {padding:1em 0 3em; float:left; width:100%;
}
.sit-contact {line-height:150%; font-size:1.0em; color:#fff; padding:0
}
.contact-video h5,
.contact-map h5,
.contact-info h5,
.contact-into h5,
.sit-contact h5 {font-size: 1.0em; margin: 0; color: #fff; font-weight: bold; padding:1em 0; 
                 text-transform:uppercase; line-height:2em
}
.sit-contact {line-height:200%
}
ul.yahoo li {list-style:none; color:#fff; font-weight:300; padding:2px 0
}
ul.yahoo li span {display:inline-block; width:80px; text-align:left
}
ul.yahoo li a{color:#fff; text-decoration:none;
}
.contact_menu ul{list-style:none; margin:0; padding:0
}
.contact_menu ul li{list-style:none; color:#fff; font-weight:300; padding:5px 0; font-size:1em
}
.contact_menu ul li a{color:#fff; text-decoration:none;
}
.contact-us input[type="text"],.contact-into textarea,.send input[type="submit"]{
	font-size: 1.2em;
    font-weight:normal;
	width: 100%;
	padding: 0.5em 1.0em;
	margin: 0.3em 0;
	background: #ffffff;
	outline:none;
	border: none;
	color: #c4c4c4;
	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: 97%; margin: 0.5em 0em;
                   font-size: 1.2em; font-weight:normal;
}
.send input[type="submit"]{
	background: #9cff00;
	color: #000;
	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:#ffae00; cursor:pointer
}
.contact-us {padding: 0 1em 0 0em;
}
.contact-us :nth-child(2) {padding:0;
}

.contact-left {float:left; width:30%; padding:0
}
.contact-mid {float:left; width:32%; margin:0 0 0 3em
}
.contact-right {float:right; width:30%;
}
.col-tb-left {float:left; width:49%; margin:2px 0
}
.col-tb-right {float:right; width:49%; margin:2px 0
}
/*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:center;
}
.tintuc-head h3 {color:#00a651; font-size:3.5em; font-weight:900; padding:1em 0 0; text-transform:uppercase; 
                 line-height: 130%; font-family: Calibri
}
.tintuc-bottom {clear:both; padding:5em 0 3em 0; float:left; width:100%; background:#bababa
}
.box_tintuc_item {float:left; background:#ffffff; width:96%; padding:2em; text-align:left; margin:0 2%; min-height:360px
}
    .box_tintuc_item .imgs {float:left; margin:0 1em 1em 0
    }
        .box_tintuc_item .imgs img {border:0px; max-width:170px; width:100%
        }
    .box_tintuc_item span {float:right; display:inline-block; color:#a8a8a8
    }
    ul.social-icons{margin:1em; float:left
    }
    ul.social-icons li{clear:both; display:inline-block;
    }
    ul.social-icons li a{height: 25px; width: 25px; display: inline-block;
    }
    ul.social-icons li a:hover {opacity:0.6;
    }
    ul.social-icons li.face a{background:url(../imgwb/imgw/ic_face.png) no-repeat center center
    }
    ul.social-icons li.gmail a{background:url(../imgwb/imgw/ic_gplus.png) no-repeat center center
    }
    ul.social-icons li.twitter a{background:url(../imgwb/imgw/ic_twitter.png) no-repeat center center
    }
    .box_tintuc_item a.title {display:block; color:#383546; font-size:1.4em; font-weight:300; padding:0.5em 0; 
                              line-height:1.5em; width:100%; min-height:80px
    }
    .box_tintuc_item .des{clear:both; color:#a8a8a8; font-weight:300; line-height:2em; min-height:100px
    }
    .box_tintuc_item a.viewmore {clear:both; float:right; display:inline-block; background:#373644; 
                    padding:0.5em 1em; color:#ffffff; font-size:1em; text-transform:uppercase; margin:1em 0 0 
    }

/*ket thuc contact*/
@media (max-width:1080px) {
    .contact_fix,
    .tintuc_fix,
    .sanpham_fix,
    .footer_fix,
    .main_fix {margin:0 0.5em
    }
}  
@media all and (max-width: 1100px) {
}
@media all and (max-width: 1100px) {
    body {font-size:0.9em;
    }
    .banner_fix_home {margin:auto; position:relative; top:0; z-index:999; 
                      background:#1bbc9b; box-shadow:0px 0px 0px 0px #8a8989; width:100%; float:left
    }
    .logo {float:left; margin:0 0 1em; padding:0.5em 0.5em 2em;
    }
        .logo img {border:0px; max-width:100px; width:100%
        }
    .bnshare {display:none
    }
    .banner_right {float:right;
    }
    .search {clear:both; float:right; margin:0; width:100%; border:solid 1px #fff; background:#1bbc9b; padding:3px 2px 2px
    }
    .search_tb {width:80%; background:#1bbc9b; color:#ffffff
    }
    .box_sp {float:left; width:31%; margin:0px 1% 2em 1%
    }
    ul.item2 li {text-align:center; float:left; width:48%; margin:0px 1% 10px 1%
    }
}
@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%; 
    }
    .main_bar {color:#ffffff; background:#1bbc9b;
    }
    .main_bar a {color:#ffffff
    }
    .news_left {
        float:none; width:100%}
    .news_right {
        float:none; width:100%
    }
    .noidung img {border:0px; width:100%;
    }
    .footer .counter {clear:both; float:none; text-align:center; width:100%; padding:1em 0
    }
    .footer .sharebt {clear:both; float:none; margin: 1em auto; text-align:center; width:320px
    }
    .footer ul.btitem {list-style:none; margin:0; padding:0; text-align:center
    }
    .footer .content {clear:both; float:none; text-align:center; width:100%; font-size:0.8em
    }     
    .contact {padding:3em 0; background-size:cover;
    }
    .contact-bottom {padding:0; margin:0
    }
    .contact-left {float:left; width:100%; padding:0
    }
    .contact-mid {float:left; width:100%; padding:0; margin:0; display:none
    }
    .contact-right {float:left; width:100%; padding:10px 0
    }
    .col-tb-left {float:left; width:100%; padding:0;
    }
    .col-tb-right {float:left; width:100%; padding:0;
    }
    .contact-us {float:left; width:100%; padding:0;
    }
    .contact textarea {resize:none; width: 100%; margin: 0.5em 0em; font-size: 1.2em;
    }
    .sanpham {padding: 3em 0; background-size:cover;
    }
    .sanpham-head {text-align:center;
    }
    .sanpham-head h3 {font-size:2em; font-weight:900; padding:10px 0
    }
    .sanpham-head .content {font-size: 0.9em; font-weight: 300; padding: 1em 2em 1em; line-height: 170%;
    }
    .sanpham-bottom {margin:0; padding:2em 0
    }
    .box_sp {min-height:450px
    }
    .box_sp2 {min-height:350px
    }
    .box_sp3 {min-height:450px
    }
    .slogan {margin:0
    }
    .slogan_fix .content {float:none; text-align:left; padding:1em
    }
    .slogan a.viewmore {margin:0 2em 2em
    }
}
@media all and (max-width: 768px) {  
    .noidung table {clear:both; max-width:587px;
    }
    .noidung table td {clear:both; max-width:290px
    }
    .sanpham_left {position:relative; float:none; width:100%; text-align:center
    }
    .sanpham_left img {max-width:300px; width:100%; border:0px
    }
    .sanpham_right {float:left; width:100%
    }        
    .contact_index {width:100%; margin:auto
    } 
    .counter {display:none
    }  
    .bar_tieubieu {clear:both;background:#e3e3e3; padding:0.5em; color:#1bbc9b; font-size:1em; margin:0 0 1em
}
    .bar_tieubieu .bar_right,
    .bar_tieubieu .bar_left {display:none
    }  
    .box_hinhanh_item .title {font-size:1.0em;
    }
    .col4,
    .box_sp {float:left; width:48%!important; margin:0px 1% 2em 1%
    } 
    ul.boxspitem li,
    .box_sp3 {float:left; width:48%; margin:0px 1% 2em 1%
    }
    .tintuc-bottom {clear:both; padding:1em 0 0; float:left; width:100%; background:#bababa
    }
    .box_tintuc_item {float:left; background:#ffffff; width:100%; padding:1em; text-align:left; margin:0 0 1em
    }
    .box_tintuc_item .imgs {float:left; margin:0 0 1em 0
    }
    .box_tintuc_item .imgs img {border:0px; max-width:480px; width:100%
    }
    .box_hinhanh_item {float:left; width:46%; margin:0px 2% 2em 2%; border:solid 1px #212121; padding:0 0 1em; 
         background:#fff; text-align:center; position:relative;
    }
    .box_hinhanh_item2 {float:left; width:46%; margin:0px 2% 2em 2%; border:solid 1px #212121; padding:0 0 1em; 
         background:#fff; text-align:center; position:relative;
    }
}
@media all and (max-width: 480px) {    
    .noidung table {clear:both; max-width:410px;
    }
    .noidung table td {clear:both; max-width:205px;
    }  
    ul.item2 li {float:none; max-width:260px; width:100%; margin:0px auto 20px
    }
    .col4,
    .box_sp {float:none; max-width:260px!important; width:100%!important; margin:1em auto!important  
    }
    ul.boxspitem li,
    .box_sp3 {float:none; max-width:260px; width:100%; margin:1em auto
    }
    .box_hinhanh_item {float:none; max-width:260px; width:100%; margin:1em auto
    }
    .box_hinhanh_item2 {float:none; max-width:260px; width:100%; margin:1em auto
    }
    .video iframe{max-width:680px; width:100%; margin:auto; height:280px
    }
}
@media all and (max-width: 320px) {
   .noidung table {clear:both; max-width:250px;
    }
     .noidung table td {clear:both; max-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; max-width:200px; width:100%; border:0px; padding:1px
    }
}