*, *: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:#616161; 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; font-size:100%
}
img {border:0px
}
a {text-decoration:none; color:#616161
}
    a:hover { color:#616161
    }
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:#616161; 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:#616161; 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
}
.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; font-weight:700; font-size:100%
            }
        ul.guide li:last-child a {background:none; font-weight:700
        }
/*top*/
.banner {width:100%; float:left; margin:auto; background:#ffffff;
}
.banner_fix {max-width:1110px; margin:auto; width:100%; 
}
.banner_left {float:left; width:30%; margin:0.5em 0
}
.banner_right {float:right; width:63%; margin:2.5em 0 0 0
}
.lang {float:right; margin:0.3em 0 2em 1em
}
.lang ul {list-style:none; padding:0; margin:0.5em 0 0 0; float:left; 
}
    .lang ul li {float:left; padding:0; color:#0e5d9d; font-size:0.9em; font-weight:700; margin:0 0 0 0.5em
    }
    .lang ul li a {display:block; cursor:pointer; color:#0e5d9d
    }
    .lang ul li a.vn {display:block; cursor:pointer; width:26px; height:26px; background:url(../imgwb/imgw/vn.png) no-repeat center center 
    }
    .lang ul li a.en {display:block; cursor:pointer; width:26px; height:26px; background:url(../imgwb/imgw/en.png) no-repeat center center 
    }
    .lang ul li a.cn {display:block; cursor:pointer; width:26px; height:26px; background:url(../imgwb/imgw/cn.png) no-repeat center center 
    }
.iso {float:left; margin:0 1em 0 0
}
.hotline {float:left; margin:0.5em 0 0 0; background:url(../imgwb/imgw/hotline.png) no-repeat left center; padding:0.3em 1em 0.3em 2.2em;
          color:#0e5d9d; font-size:1.2em; font-weight:400
}
.search {float:left; margin:0 0 0 0em; background:#ffffff; padding:0; border-bottom:solid 3px #003e70;
}
.search_tb {background-color:#ffffff; border:0px; text-align:left; font-size:1.2em; font-weight:700; font-style:italic;
            float:left; color:#003e70; width:150px; padding:0.5em 0 0; 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:20px; height:20px; text-transform:uppercase; cursor:pointer; margin:0.5em 0.5em 0 0; padding:0 0.3em
}

.logo {float:left; margin:0; padding:0; width:30%
}
    .logo img {border:0px; max-width:100px; width:100%
    }
.slogan {float:left; margin:1.5em 0 0 4%; padding:0; width:66%; text-align:left
}
    .slogan img {border:0px; max-width:210px; width:100%
    }
.f-nav{ z-index: 9999; position: fixed; top: 0; width: 100%;} /* this make our menu float top */

.banner_menu {clear:both; float:left; width:100%; background:#0e5d9d
}
.banner_index_top {clear:both; width:100%; float:left;
}
.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;
    }
ul.map {list-style:none; padding:0; margin:0
}
    ul.map li {float:left; background:url(../imgwb/imgw/map.png) no-repeat left center; width:100%
    }
        ul.map li a {display:block; text-align:left; padding:0 0 0 2em; margin:0.5em 0;
        }
.main_contact_phongban h3 {font-size:1.1em; color:#3b8ced
}
.main_contact_phongban ul {list-style:none; padding:0; margin:0;float:left; width:23%; margin:0 10% 0 0; line-height:1.8em
}
    .main_contact_phongban ul li {width:100%; float:left; font-size:1.0em
    }
    .main_contact_phongban ul li ul {width:100%; float:left;
    }
    .main_contact_phongban ul li strong {color:#ff0000; display:block; margin:0 0 0.5em; text-decoration:underline; font-weight:400
    }
    .main_contact_phongban ul li ul  li strong {color:#282828; display:block; margin:2em 0 0; text-decoration:none; font-weight:700
    }
    .main_contact_phongban .tel,
    .main_contact_phongban ul li.tel {background:url(../imgwb/imgw/tel.png) no-repeat left center; padding:0 0 0 1.8em
    }
    .main_contact_phongban .fax,
    .main_contact_phongban ul li.fax {background:url(../imgwb/imgw/fax.png) no-repeat left center; padding:0 0 0 1.8em
    }
    .main_contact_phongban ul li.mobile {background:url(../imgwb/imgw/mob.png) no-repeat left center; padding:0 0 0 1.8em
    }
    .main_contact_phongban ul li.email {background:url(../imgwb/imgw/eml.png) no-repeat left center; padding:0 0 0 1.8em; color:#0e5d9d; font-style:italic
    }
/*left menu*/
.left_bar {color:#ffffff; font-weight:400; padding:0.5em 1em;
           background:#0e5d9d; font-size:1.4em
}
ul.lmenuitem {clear:both; margin:0 0 0 2em; padding:0 0.5em; list-style:circle; color:#0e5d9d; width:100%
}
ul.lmenuitem li {margin:0; padding:0; 
}
ul.lmenuitem li.ac a,
ul.lmenuitem li a:hover {color:#021836; font-weight:700
}
ul.lmenuitem li a {display:block; text-align:left; color:#3b8ced; padding:0.3em 0; 
                   font-size:0.9em
}
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;
}
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:#021836; font-weight:400
}


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.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:#616161; padding:0 2em 0.3em 1em; 
                    background:url(../imgwb/imgw/icon.png) no-repeat left 0.5em; font-size:0.9em; white-space:nowrap
}
/*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:left; width:100%; background:#ffffff url(../imgwb/imgw/bg_left.jpg) repeat-y right
}
/*.main_content {float:left; width:75%; padding:0 2em 0 0;
}*/
.main_content,
.main_content_full {float:left; width:100%; padding:1em 0; background:#ffffff
}
.main_barsp {width:100%; float:left; margin:0 0 2em 0; clear:both;
}
.main_bar_sp {width:100%; float:left; margin:0 0 2em 0; padding:0.5em 0; clear:both; background:#3898db
}
    .main_bar_sp .text {max-width:1110px; margin:auto; color:#ffffff; font-size:1.4em; font-weight:400; text-transform:uppercase
    }
.main_bar ul {list-style:none; margin:0; padding:0
}
    .main_bar ul li {float:left; margin:0 0.5em 0 0; color:#3b8ced
    }
    .main_bar ul li:last-child {color:#616161
    }
    .main_bar ul li h1 span,
    .main_bar ul li a {color:#3b8ced
    }
.main_bar {color:#3b8ced; text-align:left; padding:0.5em 0; font-size:1.4em; font-weight:500; float:left; width:100%;
           text-transform:none; margin:0; text-transform:uppercase; margin:0 0 1em 0; font-family:Cambria
}
.main_bar h1, .main_bar h2 {font-size:1em; display:inline-block; font-weight:500
}
.main_bar3 {color:#3b8ced; text-align:center; padding:0; font-size:1.4em; font-weight:500; 
           text-transform:uppercase; margin:0 0 1em; line-height:1.5em; float:left; width:100%; text-align:left;
           border-bottom:solid 2px #ddd
}
    .main_bar3 h1 {font-size:100%; margin:0
    }
    .main_bar3 a {color:#3b8ced
    }
/*.main_col {float:right; width:25%;
}*/
.main_col,
.main_col0 {display:none
}
.main_contact_right {width:32%; margin:auto 3%; float:left;
}
.main_contact_left {width:42%; margin:auto; float:left
}
.main_contact_left iframe{width:100%; height:300px
}
.main_contact_map {width:20%; margin:auto; float:right; text-align:left
}
.main_contact_phongban {clear:both; float:left; margin:1em 0; text-align:left; color:#616161; font-size:0.9em; line-height:1.5em; width:100%
}
.main_left {float:left; width:74%
}
.main_right {float:right; width:25%
}
/*video clip home*/
.video_body {clear:both; border:solid 1px #ddd; padding:2%; margin:0 0 0 1.5%; float:left; width:96%
}
.video_body ul {list-style:none; margin:0; padding:0
    }
        .video_body ul li {clear:both; float:left; margin:0; padding:0; text-align:left; color:#4a71dc; font-size:0.9em; 
                             font-weight:300; line-height:1.5em; background:#ddd url(../imgwb/imgw/icon.png) no-repeat 1em 1em; 
                             width:100%; border-bottom:solid 1px #fff
        }
            .video_body ul li span{display:block; padding:0.5em 0 0.5em 2em; color:#4a71dc; cursor:pointer
            }
            .video_body ul li span:hover{color:#f5a320
            }
    .video_body iframe {height:220px
    }

/*bottom*/
.footer {clear:both; background:#0e5d9d; text-align:center; padding:0.5em 0; float:left; width:100%;
}
    .footer .footer_fix {max-width:1110px; margin:auto
    }
.footer .content{color:#ffffff; font-size:0.9em; font-weight: 400; text-transform:none; float:left; 
                 width:30%; text-align:left; line-height:1.5em
}
    .footer .content ul {margin:0 0 0 40px
    }
.footer .content  a{color:#3a3a3a
}
.footer .copyright {float:left; width:40%; text-align:center; font-size:0.9em; font-weight:400;
}
.footer .copyright a{color:#ffffff
}
.footer .counter {float:right; width:30%; text-align:right; color:#ffffff; font-size:0.9em; font-weight:400
}
.footer .counter img {border:0; vertical-align:middle; margin:0 0.3em 0 0 
}
.footer_share {clear:both; background:#f5f5f5; text-align:left; padding:0; float:left; width:100%;
}
.footer_share_fix {max-width:1110px; margin:auto}
ul.share_bt  {list-style:none; margin:0; padding:2.5em 0 3em 0; float:left; width:40%
        }
            ul.share_bt  li {display:inline-block
            }
            ul.share_bt  li img {border:0; margin:0 0.3em; max-width:41px
            } 
ul.hashtag  {list-style:none; margin:0 0 0 3em; padding:2em 0 0 0; float:right; width:55%; text-align:right
        }
            ul.hashtag  li {display:inline-block;background:url(../imgwb/imgw/hashtag_bg.jpg) no-repeat right top; margin:0.3em
            }
            ul.hashtag  li a {color:#686868; background:url(../imgwb/imgw/hashtag.jpg) no-repeat left top; 
                              padding:0.4em 1em 0.3em 2em; border-radius:3px; display:block; font-size:0.8em; border-top-left-radius:0; border-bottom-left-radius:0
            } 
            ul.hashtag  li a:hover {background:#a3a3a3 url(../imgwb/imgw/hashtag_hover.jpg) no-repeat left center; color:#ffffff
            } 
            ul.hashtag  li:hover {background:#a3a3a3;
            }
/*noi dung web*/
.tieude {color:#000000; 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:#616161; font-weight:normal; margin:5px 0; text-align:justify; float:left; width:100%
}
.mota h2{color:#616161; font-weight:normal; line-height:1.5em; font-size:1.0em
}*/
.noidung {color:#616161; text-align:left; line-height:1.8em; font-size:1em
}
    .noidung img {border:0px; max-width:1110px; display:block; margin:auto
    }
    .noidung ul {padding:0; margin:0 0 0 40px
    }
    .noidung td {font-size:0.9em; padding:0.5em
    }
.tieude_text {color:#616161; text-align:left; line-height:1.5em;
}
.tieude_text_b {color:#616161; 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:#3b8ced; 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:#616161; font-weight:400; text-transform:none;
          padding:1em 0 0; margin:2em 0 1em 0; border-top:solid 5px #cccccc; font-size:1.4em
}
.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:solid 0px #e5e8ea;
}
    .newsitem img {float:left; margin:0 1em 10px 0; border:0px; max-width:150px; border:0px; padding:1px
    }
    .newsitem a.title {color:#373a41; font-weight:bold; font-size:1.0em; display:block; text-align:left; line-height:1.5em; 
                       text-transform:uppercase;
                       font-family:Cambria; margin:0 0 1em 0
    }
    .newsitem a.title h3{font-size:1.0em
    }
    .newsitem  p{color:#8d9095; text-align:left; padding:5px 0 0 0
    }
    .newsitem .viewmore {clear:both; color:#3b8ced; font-size:0.9em; font-weight:normal; float:right;
                     padding:1px 0; margin:10px 0 5px 0; display:inline-block; border-bottom:solid 1px #3b8ced
}
    .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%
    }
.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:#373a41;
}
.row_news a:hover {color:#1cb1a9;
}
.row_news span {color:#373a41;
}
/*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: #a3a3a3 1px solid; width: 99%; padding:3px; text-align:left; 
          color:#a3a3a3; background: #ffffff; font-family: Arial;
}
.drop {border: #a3a3a3 1px solid; padding:1px; text-align:left; color:#616161; 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
    }
/*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:21%; margin:1.5% 2.5% 1.5% 1.5%; 
         background:#fff; text-align:center; position:relative; border:solid 1px #ebebeb; padding:1%; min-height:220px;
         box-shadow:5px 5px 0px 0px #f5f5f4
}
.box_sp3 {width:21%; min-height:220px
}
.box_sp2 {width:96% !important; padding:4% !important
}
.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:170px; width:100%; position:relative
}
.box_sp .imgs img:hover {border:0;
}
.box_sp .imgs img {border:0px; max-width:215px; max-height:160px; 
}
.box_sp .title {text-align:left; padding:0.5em 0 0; font-size:0.8em; line-height:1.5em 
}
.box_sp .title a {color:#3b3b3b; font-weight:700; text-transform:none; display:block;
}
.box_sp .title h3 {font-size:100%
}
.box_sp .price {text-align:center; padding:0.5em 0; color:#000000; font-size:0.8em; font-weight:700
}
.box_sp .price span{color:#ff0000
}
.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:#3b8ced;
}
.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
}
.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:#303030; font-size: 1em; font-weight: 300; padding:0; 
                    line-height:1.2em; text-align:justify; max-width:1110px; margin:auto; font-size:0.9em;
}
    .gioithieu-content ul {list-style:none; margin:0; padding:0
    }
        .gioithieu-content ul li {float:right; width:48.5%;
        }
            .gioithieu-content ul li:nth-child(2n+1){float:left
            }
    .gioithieu-head h3 {font-size:2em; font-weight:400; margin:0 0 1em 0; color:#0e5d9d; display:block; text-align:center;
                        background:url(../imgwb/imgw/line_gioithieu.png) no-repeat center bottom;
                        text-transform:uppercase; padding:1em 0 0.5em
    }
/*loaisp*/
.loaisp {background:#0e5d9d; width:100%; 
          padding: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 {font-size:1.8em; font-weight:400; margin:0 0 1em 0; color:#ffffff; display:block; text-align:center;
                        background:url(../imgwb/imgw/line_sanpham.png) no-repeat center bottom;
                        text-transform:uppercase; padding:1em 0 0.5em
    }
.loaisp-bottom {clear:both; padding:0; float:left; width:100%;
}
.box_loaisp_item {float:left; width:90%; padding:0; text-align:left; margin:0 15% 0 0;
}
    .box_loaisp_item .imgs {margin:0; position:relative
    }
        .box_loaisp_item .imgs img {border:0px; width:100%; box-shadow:#10163a 5px 5px; border:solid 1px #ffffff
        }
    .box_loaisp_item a.title {display:block; color:#ffffff; font-size:1.0em; font-weight:400; padding:0.5em 0; 
                              line-height:1.5em; width:100%; text-align:center; text-transform:uppercase
    }
    .box_loaisp_item p{clear:both; color:#ffffff; font-size:0.8em
    }
.box_loaisp2 {width:29%; min-height:340px
}
/*contact*/
.contact_index {width:100%; margin:auto
}
.contact {clear:both; background:#ffffff; width:100%; float:left;
          padding:2em 0; border-top:solid 1px #ebebeb
}
.contact_fix {max-width:1110px; margin:auto
}
.sit-contact {line-height:1.5em; font-size:0.9em; color:#565656; font-weight:400
}
.contact_head {text-align:left; color:#242424; padding:1em 0
}
    .contact_head h3 {font-size:1.2em; font-weight:700; text-transform:none
    }
    .contact_head h3 a{color:#242424
    }
.contact-bottom {padding:0;
}

.contact-left {float:left; width:50%; padding:0
}
.contact-mid {float:left; width:28%; margin:0 0 0 2%
}
.support {width:46%; margin:1em 2% 0; text-align:center; float:left
}
    .support img {border:0px; 
    }
    .support p {color:#616161; font-size:0.8em; font-weight:400; padding:0 0 0.5em 0
    }
.skype {text-align:center; width:64px;
}
    .skype div {margin:0; width:64px; height:48px; margin:-20px 0 0.3em 0;
    }
.contact-right {float:right; width:18%; text-align:left; margin:0; border:solid 1px #ebebeb; padding:3%; background:#f5f5f5
}
    .contact-right h3 {font-size:0.9em; font-weight:700; margin:0 0 1em 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 0.3em 1em 0.3em; max-width:20px
            }      
.sharethis {width:140px; margin:0.5em auto
}
.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.9em;
    font-style:italic;
    font-weight:bold;
	width: 100%;
	padding: 0.5em 1.0em;
	margin: 0.3em 0;
	background: #ffffff;
	outline:none;
	border:solid 1px #ffffff;
	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; border-radius:5px
}
.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: 1.2em; font-style:italic; font-weight:bold; color:#c4c4c4; border:solid 1px #ffffff; border-radius:5px
}
.send input[type="submit"]{
	background: #00a651;
	color: #ffffff;
	font-size: 1.6em;
	width: 50%;
	margin: 0.3em 0;
	-webkit-appearance: none;
	font-weight: 400;
	padding: 0.5em 2em;
	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:#0a904b; cursor:pointer
}
.contact-us {padding: 0 1em 0 0em;
}
.contact-us :nth-child(2) {padding:0;
}
/*noi dung nhap lieu*/
ul.list {list-style:none; margin:0; padding:0; float:left;
}
    ul.list li {float:left; margin:0; padding:0; width:100%
    }
        ul.list li h2, ul.list li h3, ul.list li h4{color:#000000; font-size:1.2em; font-weight:700; text-transform:uppercase; display:block; text-align:center;
                           margin:1em 0 2em
        }
.col3 {width:30%; margin:0 3% 0 0!important; float:left
}
.width225 {width:225px!important; display:inline-block; margin:1em 5%!important; text-align:justify
}
.col2 {width:40%; margin:0 5% 0 0!important; float:left
}
/*ket thuc contact*/
@media all and (max-width:1110px) {
    #wrapper {width:96%; padding:0; margin:0 2%; float:none;
    }
    body {font-size:0.9em;
    }
    .box_sp .imgs img {width:100%;
    }
    .banner_left {width:35%
    }
    .banner_right {width:60%
    }
    .loaisp_fix {width:98%; padding:0 0 0 2%
    }
 }
@media all and (max-width:1000px) {    
    .contact-left {float:left; width:98%; padding:1%
    }
    .contact-mid {clear:both; float:left; width:48%; padding:1em 0; margin:0; text-align:center
    }
    .contact-right {float:right; width:48%; padding:1em 0; margin:1em 0 0 0; text-align:center
    }
    .banner_right {margin:1em 0 0; width:50%
    }
    .search {clear:both; float:left;
    }
    .main_box {background:#ffffff
    }
    .footer_share_fix {max-width:1110px; margin:auto; text-align:center; padding:2em 0}

    ul.share_bt  {list-style:none; margin:0; padding:0; float:none; width:100%
    }
    ul.hashtag  {list-style:none; margin:0; padding:0; float:none; width:100%; text-align:center
        }
 }
@media all and (max-width:890px) {
    .main_content {float:left; width:100%; margin:0; padding:1%; border:0
    }
    .main_col {/*float:left; width:100%; margin:0 0 1em 0;*/ display:none
    }
    .mobile {float:left; width:100%; margin:0 0 1em 0; display:block !important
    }
    .bnitem ul {display:none
    }
    .main_left {clear:both; width:100%
    }
    .main_right {width:300px; margin:1em auto ; float:none
    }
    .box_sp_sub {width:100%;
    }
    .f-nav{ z-index: 9999; position: relative; top: 0; width: 100%;} /* this make our menu float top */
    .main_barsp .text {padding:0.3em 0.5em; font-size:1em
    }    
    .main_contact_right,
    .main_contact_map,
    .main_contact_phongban,
    .main_contact_left {width:100%; margin:auto auto 2em; float:left
    }
    .col2, .col3 {width:100%
    }
    .width225 {margin:auto 2%!important
    }
}
@media all and (max-width:768px) {    
    .main_bar {margin:0.5em 0
    }
    .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%
    }        
    
    .footer .copyright {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
    }
    .noidung img {border:0px; max-width:768px; 
    }
    .contact_index {width:90%; margin:auto
    }
    /*contact*/
    .contact {padding:0 0  1em 0
    }
    .contact-mid {float:none; width:98%; padding:1em 0; margin:auto; text-align:center
    }
    .contact-right {clear:both; float:none; width:98%; margin:auto
    }
    .box_sp {min-height:250px
    }
    .slogan {display:none
    }
    .banner_left {width:30%; margin:0
    }
    .logo {width:auto
    }
    .banner_right {width:65%
    }
    .banner_index img {width:100%
    }
    .main_contact_phongban ul {float:left; width:100% !important; padding:0 0 1em 0
    }
     .width225 {width:100%!important; margin:1em auto!important; float:none; text-align:center
    }
        .width225 img {max-width:225px!important; display:block; margin:auto
        }
    ul.list {list-style:none; margin:0; padding:0; float:left; width:100%
    }
}
@media all and (max-width: 520px) {
    .iso,
    .hotline {display:none
    }    
    .sanpham_left img,
    .noidung img {border:0px; max-width:480px; width:100%; margin:10px 0; height:100%
    }
    .video iframe{max-width:680px; width:100%; margin:auto; height:280px
    }
    .contact_video iframe {width:100%; margin:auto
    }
    .main_box {float:none; margin:auto; max-width:480px; width:100%
    }
    .box_sp {width:46%; min-height:220px
    }
    .box_sp_sub {width:100%;
    }
    .loaisp-head {text-align:left; padding:0 0 0 3%
    }
    .box_loaisp2 {width:46%
    }
    .gioithieu-content img {float:none; width:100%; margin:0 0 1em 0; height:100%
    }
    .gioithieu-content ul li {float:left; width:100% !important; padding:0 0 1em 0
    }
    .width225 {width:100%!important; margin:1em auto!important; float:none; text-align:center
    }
        .width225 img {max-width:225px!important; display:block; margin:auto
        }
}
@media all and (max-width: 320px) {
    .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%
    }
     .width225 {width:100%!important; margin:1em auto!important; float:none; text-align:center
    }
        .width225 img {max-width:225px!important; display:block; margin:auto
        }
}