*, *: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:#393939; 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
}
input {outline:0
}
a {text-decoration:none; color:#393939
}
    a:hover { color:#393939
    }
td {font-size:100%; line-height:1.5em; padding:0
}
ul, li {margin:0; padding:0; width:auto
}
.line {clear:both; margin:10px 0; height:1px; background:#cccccc
}
.clear {clear:both
}
.space_5 {clear:both; height:5px
}
.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
}
.maps iframe {width:100%; height:520px; border:0px
}
.map_home {clear:both; float:left; background:#00ff00; width:100%
}
.map_home iframe {width:100%; height:300px; border:0px
}
audio {width:100%; height:50px
}
.video {max-width:680px; width:100%; margin:1em auto
}
#wrapper {margin:0 auto; padding:0; overflow:hidden
}
.share_button {float:left; margin:1em 0 1em 0; clear:both; width:100%
}
.facebook {float:left;
}
.twitter,
.gplusone {float:left; margin:0.2em 0 0 0.5em
}
/*top*/
.banner_top {width:100%; float:left; margin:auto; position:relative; padding:0; background:#f2f2f2
}
.menutop {float:right; margin:1em 0 0 0
}
    .menutop ul {list-style:none; margin:0; padding:0; display:inline;
    }
        .menutop ul li {padding:0; margin:0; display:inline-block; 
        }
            .menutop ul li a {display:block; color:#ffffff; font-size:1em;
                              font-weight:700; margin:0.5em; padding:0.3em 0.7em 0.3em 0.6em; text-transform:uppercase
            }
            .menutop ul li:first-child a {padding-left:0
            }
            .menutop ul li a:hover {color:#e10000
            }
.banner {width:100%; float:left; margin:auto; position:relative; padding:0; background:#ffffff
}
.banner_fix {max-width:1125px; margin:auto; width:100%; position:relative
}
.banner_right {float:right; width:43%
}
.hotline {float:left; color:#000000; font-size:0.9em; font-weight:700; text-transform:uppercase; margin:0;
          background:url(../imgwb/imgw/icon_hotline.png) no-repeat left center; padding:0.5em 0 0.5em 2.5em;
          width:37%
}
    .hotline a {color:#000000; letter-spacing:0.05em
    }
.hmobile {display:none; color:#ffffff!important; padding:0.5em 0 0 0; margin:0 1% 0 0; 
          background:none; 
          position:absolute; top:0; right:0}
    .hmobile p {display:inline-block
    }
    .hmobile a {color:#ffffff!important
    }
.slogan {float:right; color:#000000; font-size:0.8em; padding:0.5em 0; font-weight:700;
}
/*.mxh {float:right; margin:0.5em 0 0 0; width:38%; text-align:right
}
.mxh ul {list-style:none; margin:0; padding:0; display:inline-block;
}
    .mxh ul li {margin:0; padding:0; display:inline-block
    }
        .mxh ul li.text {color:#7a7a7a; margin:0; padding:0.3em 0.5em 0 0
        }
        .mxh ul li img {border:0; vertical-align:middle; margin:0 0.5em 0 0; width:20px; z-index:9999;
        }
            .mxh ul li img:hover {opacity:0.5
            }*/

.search {float:left; margin:2em 0 0; padding:0; width:auto; border:solid 1px #bfbfbf;
}
.search_drop{background-color:transparent; border:0px; text-align:left; font-size:0.9em; font-weight:400;
            float:left; color:#767676; width:auto; padding:0.5em; margin:0;
}
.search_tb {background-color:transparent; border:0px; text-align:left; font-size:0.9em; font-weight:400;
            float:left; color:#767676; width:200px; padding:0.5em 0.5em 0.3em; margin:0;
}
.search_bt {background:#ff0000; border:0px; color:#ffffff; font-size:1em; font-weight:700; text-transform:uppercase;
            float:right; width:auto; padding:0.4em 0.5em 0.35em; cursor:pointer
}
    .search_bt:hover {background:#393939; transition-duration:0.5s
    }
@media screen and (-webkit-min-device-pixel-ratio:0) {	
    .search_bt {padding:0.5em 0.5em}
    .search_drop {border-right:solid 1px #bfbfbf
    }
}
.sharethis {float:right; width:140px; margin:2.5em 0 0 0
}
/*.lang {float:right; margin:0
}
    .lang ul {list-style:none; margin:0; padding:0; display:inline-block
    }
        .lang ul li {display:inline-block; margin:0.5em 0; padding:0.1em; color:#a64a00; font-size:0.8em
        }
            .lang ul li.text {width:auto; float:left; margin:0.9em 1em 0 0
            }
            .lang ul li a {display:block; width:27px; height:27px
            }
            .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
            }*/
.logo {float:left; margin:0; padding:0; text-align:left; width:30%
}
    .logo img {border:0px; max-width:165px; width:100%
    }
.banner_index_top {clear:both; text-align:center; margin:0; background:#ebe7f8
}
    .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_fix {margin:auto; max-width:1145px; width:100% 
}
.banner_menu {width:100%; float:left; margin:auto; position:relative; padding:0; background:#000000
}
.line_menu {width:100%; float:left; background:url(../imgwb/imgw/line_top.png) repeat-x top; height:15px; border-top:solid 1px #ffffff
}
.f-nav {z-index:100; position: fixed; top:0; width:100%; margin:0 auto; left:0;
        border-bottom:solid 3px #ff7100; z-index:999}
/* this make our menu float top */
.bannerslide {width:79%; float:right; margin:auto; position:relative; padding:0 0 2em;
}
.leftsp {width:20%; float:left; padding:0 0 2em;
}
/*left menu*/
.cmenu_left .cmenu_index {display:none;
}
.cmenu_left:hover .cmenu_index {display:block; cursor:pointer; position:absolute; top:30px; width:100%!important; z-index:9999;
                                border-bottom:solid 1px #04cae8
}
.cmenu_left:hover .cmenu_index .menu_bar {display:none
}

.left_adv {max-width:220px; width:100%; margin:auto; text-align:center; float:left; overflow:hidden
}
    .left_adv img {width:100%; margin:0.6em 0 0; border:0; float:left
    }
.left_body {float:left; width:100%; border:0; margin:0; background:#ffffff
}
.left_barsp {font-size:1em; margin:0; color:#ffffff; line-height:1.1em;
           display:block; text-transform:uppercase; padding:0.5em; font-weight:700; text-align:left;
           float:left; width:100%; background:#000000
}
.left_bar {font-size:1em; margin:0; color:#393939; line-height:1.1em;
           display:block; text-transform:uppercase; padding:0.5em; font-weight:700; text-align:left;
           float:left; width:100%; background:#f1f1f1
}
ul.lmenuitem {margin:0; padding:0; list-style:none; float:left; width:100%; border-bottom:solid 0px #ddd
}
ul.lmenuitem li {margin:0; width:100%; float:left; border-bottom:solid 1px #ddd; border-right:0
}
ul.lmenuitem li a.ac,
ul.lmenuitem li a:hover {border-left:solid 5px #393939;
}
ul.lmenuitem li a {display:block; text-align:left; color:#393939; font-size:0.9em; padding:0.5em; 
                   background:#f7f7f7; border-left:solid 5px #ddd; font-weight:400
}
ul.lmenuitem li ul.child {clear:both; margin:0; padding:0; list-style:none
}
ul.lmenuitem li ul.child li {border-top:solid 1px #ddd!important; border-bottom:0
}
ul.lmenuitem li ul.child li a{display:block; text-align:left; color:#555; font-size:0.9em; padding:0.5em 2em; background:#f7f7f7;
                              border-left:solid 5px #cccccc; font-weight:400
}
ul.lmenuitem li ul.child li.ac a,
ul.lmenuitem li ul.child li a:hover{font-weight:400; border-left:solid 5px #393939; color:#000;
}
ul.list_item {margin:0; padding:0; list-style:none; float:left;
}
ul.list_item li {margin:0; padding:0; width:100%; float:left;
}
ul.list_item li a {display:block; text-align:left; color:#393939; padding:0 2em 0.3em 1em; 
                    background:url(../imgwb/imgw/arrow_3.png) no-repeat left 0.5em; font-size:0.9em; 
}
ul.list_item li span{color:#393939
}
ul.list_item li a:hover {color:#161616
}
ul.lmenuitem2 {margin:1em; padding:0; list-style:none; float:left; width:100%
}
ul.lmenuitem2 li {margin:0; padding:0; width:100%; float:left;
}
ul.lmenuitem2 li a {display:block; text-align:left; color:#393939; padding:0 2em 0.3em 1em; 
                    background:url(../imgwb/imgw/arrow_3.png) no-repeat left 0.5em; font-size:0.9em; 
}
ul.lmenuitem2 li a:hover {color:#393939
}
ul.lmenuitem3 {margin:0.5em 0 0 0; padding:0; list-style:none; float:left; width:100%
}
ul.lmenuitem3 li{ margin:0; padding:2%; width:100%; float:left; border-bottom:solid 1px #ddd; background:#ffffff
}
ul.lmenuitem3 li:last-child {border:0
}
ul.lmenuitem3 li img {max-width:80px; width:100%; float:left; margin:0 1em 0 0
}
ul.lmenuitem3 li a {display:block; text-align:left; color:#383838; padding:0.3em 0; font-size:0.9em; 
}
ul.lmenuitem3 li p {font-size:0.8em; color:#393939
}
ul.lmenuitem3 li a:hover {color:#0d8ac3; text-decoration:none
}
ul.lmenuitem4 {margin:0; padding:0; list-style:none; float:left; width:100%; border-bottom:solid 1px #ddd
}
ul.lmenuitem4 li {margin:0; width:100%; float:left; border:solid 1px #ddd; border-bottom:0;
}
ul.lmenuitem4 li a {display:block; text-align:left; color:#393939; font-size:1em; padding:0.5em; background:#f7f7f7; border-left:solid 5px #999
}
ul.lmenuitem4 li a.ac,
ul.lmenuitem4 li a:hover  {font-weight:400; border-left:solid 5px #04cae8; background:#ffffff
}
ul.listitem_video {list-style:none; margin:1em 0 0; padding:0; font-size:0.9em; text-align:center
}
    ul.listitem_video li {display:inline-block; margin:0 2%; padding:0; width:28%; vertical-align:top; position:relative
    }
        ul.listitem_video li a.title {color:#393939; font-weight:400; line-height:1.2em; display:block; text-align:center; 
                                text-transform:uppercase; padding:1em; font-size:1em; position:absolute; top:0; width:100%; float:left;
                                text-shadow:1px 1px 2px #ddd
        }
        ul.listitem_video li img {border:0; width:100%; margin:0 0 1em; opacity:0.6
        }
        ul.listitem_video li img:hover {opacity:1;
        }
        ul.listitem_video li .play {background:url(../imgwb/imgw/play-1.png); position:absolute; 
                                          top:38%; z-index:999; height:30px; width:30px; left:45%
        }
        ul.listitem_video li:hover .play {background:url(../imgwb/imgw/play.png); position:absolute; 
                                          top:38%; z-index:999; height:30px; width:30px; left:45%
        }
        ul.listitem_video li .view {background:url(../imgwb/imgw/view.png); position:absolute; 
                                          top:0; z-index:999; height:38px; width:38px; right:0
        }
        ul.listitem_video li a:hover {color:#005aa9
        }
ul.listitem_video2 {list-style:none; margin:1em 0 0; padding:0; font-size:0.9em; text-align:center
}
    ul.listitem_video2 li {float:right; margin:2% 0; padding:0; width:48%; vertical-align:top; position:relative
    }
        ul.listitem_video2 li .title {color:#393939; font-weight:700; line-height:1.2em; display:block; text-align:center; 
                                       text-transform:uppercase; padding:0; font-size:1em; width:100%;
        }
        ul.listitem_video2 li:nth-child(2n+1) {float:left
    }
.video2 iframe {height:320px
}
/*main*/
.main {clear:both; float:left; width:100%; padding:0;
       background:#ffffff; overflow:hidden
}
.main_fix {max-width:1125px; margin:auto;width:100%; overflow:hidden
}
.main_box_full {float:left; width:100%;  margin:1em 0; 
}
.main_box {float:right; width:79%;  margin:0 0 2em;
}
.main_col {float:left; width:20%; margin:0 0 2em; position:relative
}
.main_col0 {display:none
}
.main_content {float:left; width:100%; padding:2%; background:#ffffff; border:solid 1px #acacac; min-height:300px;
}
.main_content0 {float:left; width:100%; padding:0; background:#ffffff; border:solid 1px #acacac; min-height:300px; 
}
.main_bar {font-size:1em; margin:0 0 1em; color:#393939; line-height:1.1em; border:solid 2px #393939; background:#dc0d16 url(../imgwb/imgw/arrow_3.png) no-repeat 10px center;
           display:block; text-transform:uppercase; padding:0.5em 2em; font-weight:700; text-align:left; border-radius:10px
}
    .main_bar h2,
    .main_bar h1 {font-size:100%; display:inline-block;
    }
    .main_bar a {color:#393939
    }
.main_bar_home {font-size:1.2em; margin:0 0 1em; color:#393939; line-height:1.1em;
           display:block; text-transform:uppercase; padding:0.5em; font-weight:700; text-align:left;
           float:left; width:100%; background:#f1f1f1
}
    .main_bar_home h1 {font-size:100%; font-weight:700; display:inline-block;
    }
.main_bar_home a {color:#ffffff;
}
.main_bar_home a:hover {color:#ffff00;
}
.main_contact_right {width:52%; margin:auto; float:right; background:#f5f5f5; border-radius:5px; padding:2em; margin:0 0 1em 0
}
.main_contact_left {width:45%; margin:auto; float:left
}
.main_contact_left iframe{width:100%; height:300px
}
ul.guide {clear:both; list-style:none; margin:1em 0 0.5em; padding:0; float:left; width:100%
}
    ul.guide li {float:left; margin:0 0.5em 0 0; color:#95959a; font-size:0.8em
    }   
    ul.guide li h1,
    ul.guide li a {color:#95959a; font-size:100%
    }
     ul.guide li:last-child,
    ul.guide li:last-child a{color:#7b7b82; text-transform:lowercase; font-weight:700
    }
    ul.guide li:last-child h1:first-letter,
    ul.guide li:last-child:first-letter,
    ul.guide li:last-child a:first-letter{text-transform:uppercase
    }
.tieude_text_w {float:left; font-size:0.9em
}
/*bottom*/
.footer {clear:both; background:#ffffff; text-align:center; padding:0; float:left; width:100%; 
}
    .footer .footer_fix {max-width:1125px; margin:auto;
    }
.footer_content {color:#000000; font-size: 0.9em; font-weight: 400; text-transform: none; padding:2em 0; float:right; 
                 width:100%; text-align:left; line-height:1.5em; border-top:solid 1px #d6d6d6
}
.footer_content .content {float:left; width:50%
}
    .footer_content a {color:#000000
    }
    .footer_content .copyright {color:#707070; font-weight:700; font-style:italic; display:block; float:right; margin:0
    }
    .footer_content .copyright a {color:#707070;
    }
.footer_content .counter {float:left; padding:0
}
.footer_share {width:250px; margin:1em auto;
}
/*noi dung web*/
.tieude {font-size:1.2em; margin:0 0 1em; color:#393939; line-height:1.1em; 
         display:block; text-transform:uppercase; padding:0.5em 0; font-weight:700; text-align:left;
}
    .tieude span {padding:0; display:inline-block
    }
.tieude2 h1,
.tieude h1{font-weight:700; font-size:100%; display:inline-block
}
.tieude2 {color:#393939; font-weight:700; padding:0; text-transform:none; 
         margin:0; line-height:1.5em; text-transform:uppercase; margin:0.5em 0
}
.tieude2 h1 span {padding:0; display:inline-block; font-size:1.2em
    }
a.lienhedathang {display:block; border-radius:5px;
        padding:0.2em 1em; color:#ffffff; float:right; margin:0.7em 0; font-size:1em!important;
        background: rgba(60,168,41,1);
background: -moz-linear-gradient(top, rgba(60,168,41,1) 0%, rgba(46,134,32,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(60,168,41,1)), color-stop(100%, rgba(46,134,32,1)));
background: -webkit-linear-gradient(top, rgba(60,168,41,1) 0%, rgba(46,134,32,1) 100%);
background: -o-linear-gradient(top, rgba(60,168,41,1) 0%, rgba(46,134,32,1) 100%);
background: -ms-linear-gradient(top, rgba(60,168,41,1) 0%, rgba(46,134,32,1) 100%);
background: linear-gradient(to bottom, rgba(60,168,41,1) 0%, rgba(46,134,32,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ca829', endColorstr='#2e8620', GradientType=0 );
}
.tomtat {clear:both; float:left; width:100%; color:#393939; font-weight:700; padding:0 0 10px 0; text-align:justify;
}
.tomtat h2{color:#393939; font-weight:700; line-height:1.5em;
}
.noidung {color:#393939; text-align:left; line-height:1.5em; margin:0 0 2em 0; float:left; width:100%; font-size:1em
}
    .noidung img {border:0px; max-width:850px; display:block; margin:1em auto
    }
    .noidung ul {padding:0; margin:0 0 0 40px
    }
    .noidung td {font-size:0.9em; padding:0.5em
    }
.thongso table {width:100%!important
}
.tieude_text {color:#393939; text-align:left; line-height:1.5em;
}
.tieude_text_b {color:#393939; text-align:left; line-height:1.5em; font-weight:700
}
.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:700
}
.tieude_blue_b {color:#0061a0; text-align:left; line-height:1.5em; font-weight:700; text-decoration:underline
}
.luotxem {font-size:0.8em; color:#393939; text-decoration:none; padding:0; float:left; margin:0 0 1em
}
.tinkhac {clear:both; text-align:left; color:#393939; font-weight:700; text-transform:none;
          padding:0.5em 0; margin:2em 0 1em 0; border-bottom:solid 1px #acacac; font-size:0.9em
}
.page_view0 {display:none
}
.page_view {clear:both; margin:auto; padding:5px 0; text-align:center; float:right; margin:1em 0 0 0; width:100%
}
    .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:700; font-size:0.9em
}
.page {background:#ffffff; padding:6px 10px; color:#282828; margin:0; border:solid 1px #cccccc; font-weight:700; font-size:0.9em
}
/*list bai viet*/
.date {
    color: #cccccc;
    background: url(../imgwb/imgw/date.png) no-repeat left center;
    padding: 0.5em 0 0.5em 1.5em; margin:0 0 1em
}
ul.newsitem {list-style:none; margin:0; padding:0; font-size:0.9em
}
    ul.newsitem li {display:inline-block; margin:0.2em 0 0.5em; padding:2%; width:100%; 
                    background:#ffffff
    }
    ul.newsitem li:hover {
    }
        ul.newsitem li p {font-size:1em; color:#393939; line-height:1.5em; float:left; width:64%
        }
        ul.newsitem li .date {color:#999; background:url(../imgwb/imgw/date.png) no-repeat left center; 
                              padding:0.5em 0 0em 1.5em; float:left; width:60%
        }
    ul.newsitem li .imgs {float:left; width:30%; margin:0 3% 0 0
    }
    ul.newsitem li .imgs img {border:solid 1px #f5f5f5; width:100%; box-shadow:2px 2px 1px #ddd
    }
        ul.newsitem li a.title h3 {color:#393939; font-weight:700; line-height:1.2em; display:block; text-align:left;
                                   text-transform:uppercase; padding:0 0 0 2em; font-size:1em; margin:0 0 0.5em; 
        }
        ul.newsitem li a:hover {color:#ff0000
        }
        ul.newsitem li a.viewmore {background:#ffffff; border:solid 1px #171717; color:#171717; font-size:0.9em; display:inline-block;
                                   padding:0.2em 0.5em; margin:0.5em 0 0; float:left
        }
        ul.newsitem li a.viewmore:hover {background:#04cae8; color:#ffffff; transition-duration:0.5s
        }
ul.newsitem2 {list-style:none; margin:0; padding:0; font-size:0.9em
}
    ul.newsitem2 li {display:inline-block; margin:0.2em 0 0.5em; padding:2%; width:100%; 
                    background:#ffffff
    }
    ul.newsitem2 li:hover {
    }
        ul.newsitem2 li p {font-size:1em; color:#393939; line-height:1.5em; display:block
        }
        ul.newsitem2 li p a {color:#ff0000; text-decoration:underline
        }
        ul.newsitem2 li a.title h3 {color:#393939; font-weight:700; line-height:1.2em; display:block; text-align:left;
                                   text-transform:uppercase; padding:0; font-size:1em; margin:0 0 0.5em; 
        }
        ul.newsitem2 li a:hover {color:#ff0000
        }
        ul.newsitem2 li a.viewmore {background:#ffffff; border:solid 1px #171717; color:#171717; font-size:0.9em; display:inline-block;
                                   padding:0.2em 0.5em; margin:0.5em 0 0; float:left
        }
        ul.newsitem2 li a.viewmore:hover {background:#04cae8; color:#ffffff; transition-duration:0.5s
        }
/*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:#cccccc 1px solid; width: 99%; padding:3px; text-align:left; 
          color:#393939; background:#ffffff; font-family: Arial; font-size:0.9em
}
.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:700 ; background:#04cae8; 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:52px; height:52px;position:fixed;bottom:40px;right:2px;cursor:pointer;display:none;}
#bttop:hover{}

/*tailieu*/
table {border:1px solid #ddd; border-collapse:collapse;}

tr > * {border-right:1px solid #ddd;
}
tr:hover {background:#f5f5f5
}
tr > :last-child {border-right:0;
}

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

th {background:#fafafa;}

td {border-top:1px solid #ddd;}
table.itemdownload {border:1px solid #ff5700; border-collapse:collapse; width:100%}
table.itemdownload tr > * {border-right:1px solid #eee; background:#ffffff
}
table.itemdownload tr:nth-child(2n+1) > * {background:#f0fcfc
}
table.itemdownload tr:hover {background:#f5f5f5
}
table.itemdownload tr > :last-child {border-right:0;
}

table.itemdownload th, td {padding:0.5em; text-align:left; font-size:0.9em}
table.itemdownload td h3{font-size:100%}
table.itemdownload th {background:#ff5700!important; text-align:center; text-transform:uppercase; color:#ffffff; padding:0.5em}
    table.itemdownload th:first-child {text-align:left
    }
table.itemdownload td {border-top:1px solid #eee;}
table.itemdownload td:last-child {width:10%; text-align:center}
table.itemdownload td:first-child a{color:#ff5700}
table.itemdownload td:last-child a {display:inline-block; width:19px; height:25px; background:url(../imgwb/imgw/download.png)}
table.itemdownload td:last-child a:hover {color:#ff0000}
table.itemdownload tr td.page_view:first-child {width:100%!important; background:#ff5700; padding:0.5em
}
/*dowloadfile*/
ul.download {list-style:none; display:inline; margin:0; padding:0
}
ul.download li {display:inline-block; margin:0 1em 0.5em 0; padding:0; text-transform:uppercase
    }
    ul.download li a {display:inline-block; margin:0; padding:0 0 0.5em;
                    color:#e10000; font-size:0.85em; font-weight:700; line-height:1.3em !important;
    }
    ul.download li a.download {background:url(../imgwb/imgw/download.png) no-repeat left center; 
                               display:inline-block; width:19px; height:25px; margin:0; vertical-align:middle
    }
    ul.download li a:hover {text-decoration:underline
    }
/*mauthietke*/
ul.chinhanhitem {list-style:none; margin:0; padding:0; display:inline-block; text-align:center; width:100%
}
    ul.chinhanhitem li {display:inline-block; width:31%; margin:1em 1%; vertical-align:top; 
                        padding:0; position:relative; overflow:hidden
    }
    ul.chinhanhitem li a.title {color:#ffffff; font-weight:700; line-height:1.8em; display:block; margin:0; 
                                   font-size:1em; text-align:left; text-transform:none; position:absolute; bottom:0.3em; 
                                   background:url(https://dppcamera.com/imgwb/imgw/bg_footer.png); width:100%; padding:0.5em; z-index:101
        }
        ul.chinhanhitem li p {color:#393939; font-weight:700; font-size:0.9em; display:block; text-align:center; margin:0.5em 0
        }
.zoom_in {background:url(https://dppcamera.com/imgwb/imgw/zoom_in.png) no-repeat center center; z-index:100; 
          width:100%; height:100%; position:absolute; opacity:0.4
          
}
.zoom_in:hover {opacity:1; transition-duration:0.5s
          
}
        ul.chinhanhitem li img {border:0; width:100% ; border:solid 1px #ddd
        }
        ul.chinhanhitem li:hover img {-webkit-transform: rotate(0) scale(1.03);
	transform: rotate(0) scale(1.03); transition-duration:0.5s; z-index:99; /*box-shadow:0 0 5px 5px #e0e0e0*/
        }
ul.cmauthietkeitem {list-style:none; margin:0; padding:0; font-size:0.9em
}
    ul.cmauthietkeitem li {float:left; margin:0 0.5%; padding:0; width:19%
    }
        ul.cmauthietkeitem li img {border:solid 1px #ddd; padding:1px; width:100% 
        }
/*listhinhanh*/
ul.photoitem {list-style:none; margin:0; padding:0; font-size:0.9em
}
    ul.photoitem li {display:inline-block; margin:0.2em 0 0.5em; padding:0; width:100%
    }
        ul.photoitem li p {color:#393939; font-weight:400; line-height:1.5em; display:block; text-align:center;
                            padding:0.2em 0; font-size:1.1em;
        }
        ul.photoitem li img {display:block; margin:0.5em auto; max-width:850px; 
        }
#photos {
  /* Prevent vertical gaps */
  line-height: 0;   
  -webkit-column-count: 4;
  -webkit-column-gap:   0px;
  -moz-column-count:    4;
  -moz-column-gap:      0px;
  column-count:         4;
  column-gap:           0px;  
}

#photos img {
  /* Just in case there are inline attributes */
  width: 99% !important;
  height: auto !important; margin:0 0.1em 0.1em; border:solid 1px #ddd
}
#photos img:hover {
  opacity:0.8; background:#393939
}
#photos a {display:block; position:relative; text-align:center
}
#photos span {
  display:inline-block; background:url(../imgwb/imgw/play-1.png) no-repeat center; width:30px; height:30px; margin:27% auto 0; position:absolute; z-index:9999; left:45%
}
#photos a:hover span {background:url(../imgwb/imgw/play.png) no-repeat center
}
/*tabphoto*/
ul.photocatitem {list-style:none; margin:0; padding:0; text-align:left;
}
    ul.photocatitem li {display:inline-block; margin:0 0.3em; padding:0; vertical-align:top
    }
    ul.photocatitem li:first-child {display:inline-block; margin:0 0.3em; padding:0.2em 0 0.2em 0; vertical-align:top
    }
        ul.photocatitem li a {display:block; text-align:center; background:url(../imgwb/imgw/round1.png) no-repeat left center;
                                padding:0.2em 0 0.2em 1.3em; font-size:0.9em; color:#393939; 
        }
        ul.photocatitem li a:hover {background:url(../imgwb/imgw/round2.png) no-repeat left center
        }
        ul.photocatitem li a.ac {background:url(../imgwb/imgw/round3.png) no-repeat left center; font-weight:700
        }
/*doitac*/
ul.doitacitem {list-style:none; margin:0; padding:0; text-align:center
}
    ul.doitacitem li {display:inline-block; vertical-align:top; margin:1% 1% 1%; width:17%
    }
        ul.doitacitem li img {border:solid 3px #ddd; border-radius:3px; max-width:130px; width:100%;
        }
        ul.doitacitem li img:hover {border:solid 3px #393939; border-radius:3px;
        }
        ul.doitacitem li p {display:block; color:#393939; font-weight:700;
    }
.doitac {clear:both; width:100%; padding:0 0 3em 0; float:left;
}
.doitac_fix {clear:both; margin:auto; position:relative; max-width:1125px; padding:0;
}
.doitac_head {clear:both; margin:1em 0 2em 0; color:#292929; line-height:1.1em;
              display:block; text-transform:uppercase; padding:0; font-weight:400; font-family:Verdana; text-align:center;
              border-bottom:solid 0px #e0e0e0; float:left; width:100%
}
    .doitac_head h3 {font-size:2em; font-weight:400; display:inline-block; border-bottom:solid 3px #04cae8; padding:0.5em 0; margin:0 0 -1px
    }
.doitac_head a {color:#292929;
}
.doitac_head a:hover {color:#393939;
}
.doitac_imgs {width:92%; margin:0 4%; float:left; text-align:center; padding:0
}
    .doitac_imgs img {max-width:185px; width:100%; display:block; margin:auto; border:solid 2px #ddd; border-radius:5px
    }
    .doitac_imgs img:hover {border:solid 2px #999
    }
/*tintuc*/
.tintuc {clear:both; background:#e6e6e6; width:100%; padding:1em 0; float:left;
}
.tintuc_head_fix {clear:both; margin:auto; position:relative; max-width:1125px; padding:0;
}
.tintuc_fix {clear:both; margin:auto; position:relative; max-width:1150px; padding:0;
}
.tintuc_head {clear:both; margin:1em 0 1em 0; color:#292929; line-height:1.1em;
              display:block; padding:0; font-weight:400; text-align:left; float:left; width:100%
}
    .tintuc_head h3 {font-size:2em; font-weight:400; display:inline-block; padding:0.5em 0; margin:0; text-transform:uppercase
    }
.tintuc_head a {color:#292929; float:right; display:block; padding:0.5em 0; margin:0.5em 0 0 0
}
.tintuc_head a:hover {color:#ff0000;
}
/*danh sach loai*/
ul.tintuccatitem {list-style:none; margin:0; padding:0; font-size:0.9em; float:right
}
    ul.tintuccatitem li {display:inline-block; padding:0; margin:0
    }
        ul.tintuccatitem li a {color:#6d6d6d; font-weight:400; line-height:1.2em; display:block;
                               font-size:0.9em; padding:0.5em 1em; margin:0 0.5em; text-transform:uppercase
        }
        ul.tintuccatitem li a:hover,
        ul.tintuccatitem li:first-child a {background:#603913; color:#ffffff; border-radius:5px
        }
/*danh sach tin tuc*/
ul.ctintucitem {list-style:none; margin:0; padding:0; font-size:0.9em; display:inline-block; text-align:center
}
    ul.ctintucitem li {display:inline-block; width:18.5%; margin:0 0.5%; vertical-align:top; padding:0; position:relative; color:#666666; 
    }
        ul.ctintucitem li p {font-size:0.9em; line-height:1.5em; text-align:left
        }
        ul.ctintucitem li a.title {color:#000000; font-weight:700; line-height:1.5em; display:block; margin:1em 0 0.5em; 
                                   font-size:1.1em; text-align:left; text-transform:none;
        }
        ul.ctintucitem li .date {color:#999; background:url(../imgwb/imgw/date.png) no-repeat left center; padding:0.5em 0 0.5em 1.5em
        }
        ul.ctintucitem li img {width:100%; margin:0; border:solid 5px #ffffff
        }
        ul.ctintucitem li img:hover {opacity:0.8
        }
        ul.ctintucitem li a.detail {display:inline-block; color:#666666; font-size:0.9em; text-transform:uppercase; text-align:center;
                                    border:solid 1px #ddd; padding:0.5em 1em; margin:0.5em 0
        }
        ul.ctintucitem li a.detail:hover {background:#04cae8; color:#ffffff
        }
/*danh sach tin khac*/
ul.tintucitem3 {list-style:none; margin:0; padding:0; font-size:0.9em; text-align:center
}
    ul.tintucitem3 li {display:inline-block; width:100%; margin:0 auto 0.3em 1em; 
                       line-height:1.5em; padding:0; vertical-align:top
    }
        ul.tintucitem3 li a h3 {color:#393939; font-weight:400; line-height:1.5em; display:block; text-align:left;
                               font-size:1em; padding:0 0 0 1.5em; background:url(../imgwb/imgw/arrow_3.png) no-repeat left 5px
        }
        ul.tintucitem3 li a:hover h3 {color:#ffff00
        }
        ul.tintucitem3 li img {display:none
        }
        ul.tintucitem3 li img:hover {opacity:0.5
        }
        ul.tintucitem3 li .ngay {color:#8b8b8b; font-size:0.9em; font-style:italic
        }
        ul.tintucitem3 li .sum {display:none
        }
    ul.tintucitem3 li:nth-child(1),
    ul.tintucitem3 li:nth-child(2),
    ul.tintucitem3 li:nth-child(3),
    ul.tintucitem3 li:nth-child(4) {width:22.4%; padding:0; background:none!important; margin:1% 
    }
        ul.tintucitem3 li:nth-child(1) a h3,
        ul.tintucitem3 li:nth-child(2) a h3,
        ul.tintucitem3 li:nth-child(3) a h3,
        ul.tintucitem3 li:nth-child(4) a h3 {color:#393939!important; font-weight:700; display:block; font-size:1em; margin:0 0 1em;
                                           line-height:1.5em; text-align:center; padding:0; background:none!important
        }
        ul.tintucitem3 li:nth-child(1) a:hover h3,
        ul.tintucitem3 li:nth-child(2) a:hover h3,
        ul.tintucitem3 li:nth-child(3) a:hover h3,
        ul.tintucitem3 li:nth-child(4) a:hover h3 {color:#0b6e87!important
        }
        ul.tintucitem3 li:nth-child(1) .ngay,
        ul.tintucitem3 li:nth-child(2) .ngay,
        ul.tintucitem3 li:nth-child(3) .ngay,
        ul.tintucitem3 li:nth-child(4) .ngay {display:none
        }
        ul.tintucitem3 li:nth-child(1) img,
        ul.tintucitem3 li:nth-child(2) img,
        ul.tintucitem3 li:nth-child(3) img,
        ul.tintucitem3 li:nth-child(4) img {float:left; width:100%; margin:0 0 1em; display:block; height:130px
        }
    ul.tintucitem3 li:nth-child(1):hover,
    ul.tintucitem3 li:nth-child(2):hover,
    ul.tintucitem3 li:nth-child(3):hover,
    ul.tintucitem3 li:nth-child(4):hover {background:#e2ecec
    }
/*contact*/
.contact_index {width:70%; margin:auto
}
.contact {clear:both; background:#ffffff; width:100%; display:block; 
          padding:1em 0; float:left; width:100%
}
.contact_col_head {font-size:1em; font-weight:700; color:#000000; text-transform:uppercase;
                   padding:0.5em  0; margin:0; text-align:left
}
.contact_fix {max-width:1125px; margin:auto
}
.contact_col1 {float:left; width:20%; text-align:left; color:#000000; font-size:0.9em; padding:1em 0
}
    .contact_col1 a {color:#000000
    }
    .contact_col1 img {width:auto; border:0; height:auto
    }
.contact_col2 {float:left; width:20%; padding:1em 0
}
ul.contactitem {list-style:none; margin:0; padding:0; display:inline
}
    ul.contactitem li {display:block; color:#000000; font-size:0.8em; margin:0.2em 0; padding:0
    }
    ul.contactitem li  a {color:#000000; display:block; background:url(../imgwb/imgw/arrow_4.png) no-repeat left center;
                          padding:0.2em 0 0.2em 1em
    }
    ul.contactitem li  a:hover {color:#59b548
    }
/*ket thuc contact*/
/*gioithieu*/
.gioithieu {clear:both; width:100%; padding:0 0 4% 0; float:left;
}
.gioithieu_fix {clear:both; margin:auto; position:relative; max-width:1125px; padding:0;
}
.gioithieu_head {clear:both; margin:0 0 1em 0; color:#ffffff; line-height:2em;
              display:block; text-transform:uppercase; padding:1em 0; font-weight:400; text-align:center;
              float:left; width:100%; background:url(https://dppcamera.com/imgwb/imgw/line_bar.png) no-repeat center center ;
              font-size:1.5em
}
    .gioithieu_head h3 {font-size:100%; font-weight:400; display:inline-block;
    }
.gioithieu_content {color:#161616; text-align:left
}
    .gioithieu_content a {color:#161616
    }
        .gioithieu_content img {float:left; margin:0 1em 1em 0; width:38%; height:auto
        }
/*sanpham*/
.csanpham {clear:both; background:#ffffff; width:100%; padding:1em 0; float:left;
}
.csanpham_fix {clear:both; margin:auto; position:relative; max-width:1125px; padding:0;
}
.csanpham_head {clear:both; margin:0; color:#292929; line-height:1.1em;
              display:block; padding:0; font-weight:400; text-align:left; float:left; width:100%;
              border-right:solid 1px #acacac; border-bottom:solid 3px #999
}
    .csanpham_head h3 {font-size:2em; font-weight:400; display:inline-block; padding:0.5em 0; margin:0; text-transform:uppercase
    }
.csanpham_head a {color:#292929; float:right; display:block; padding:0.5em 0; margin:0.5em 0 0 0
}
.csanpham_head a:hover {color:#ff0000;
}
/*danh sach loai*/
ul.csanphamcatitem {list-style:none; margin:0; padding:0; font-size:0.9em; display:inline-block; float:left;
                    width:100%; text-align:left; background:url(../imgwb/imgw/bg_bar.jpg) repeat-x top
}
    ul.csanphamcatitem li {display:inline-block; padding:0; margin:0; float:left;
    }
    ul.csanphamcatitem li h1,ul.csanphamcatitem li h2,
        ul.csanphamcatitem li a {color:#000000; font-weight:400; line-height:1.2em; display:block;
                               font-size:0.9em; padding:0.8em 1.5em; margin:0; text-transform:uppercase
        }
            ul.csanphamcatitem li a:hover {color:#ff0000
            }
            ul.csanphamcatitem li h2,
        ul.csanphamcatitem li h1,   
        ul.csanphamcatitem li:first-child a {background:#000000; color:#ffffff
        }
            ul.csanphamcatitem li h2,
        ul.csanphamcatitem li h1 {padding:0.5em 1.5em; font-weight:700; font-size:100%
        }
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}
.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
        }
.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
}
.sanpham_left {position:relative; float:left; width:45%; margin:0 0 1em 0; text-align:center
}
    .sanpham_left .imgs {border:0; margin:0; max-width:300px
    }
.sanpham_right {float:right; width:53%; margin:0 0 1em 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 #ddd; padding:3px 0; float:left; width:100%; font-size:1em
}
.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 #ddd; 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:1em
}
.chitiet_gia b {color:#ff0000; font-size:1.2em; padding:0; display:block; float:left
}
.btmuahang {color:#068583; font-size:1em; padding:0; display:block; font-weight:700
}
.btmuahang:hover {color:#ff0000;
}
.mota {clear:both; text-align:left; font-weight:normal; line-height:1.5em; padding:5px 0; font-size:1em
}
.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
    }
/*list sanpham*/
.full {width:96%!important; padding:0; float:left; text-align:center;border:solid 1px #ddd!important; margin:0 0 0.2em!important
}
.col4 {width:25%!important; padding:0; margin:0; border-top:solid 1px #acacac!important
}
ul.box_services {margin:0; padding:0; list-style:none; width:100%; display:inline-block; 
                 text-align:center; vertical-align:top;
}
    .box_services_full,
    ul.box_services li {display:inline-block; color:#606060;
                        font-weight:400; margin:0; padding:2%; text-transform:uppercase; 
                        width:20%; vertical-align:top; float:left;
                        position:relative; border:solid 1px #acacac; border-top:0
    }
        .box_services_full .box_services_title a h3,
        ul.box_services li .box_services_title a h3{color:#0e1c2c; font-weight:400; line-height:1.5em; display:block; 
                                                margin:0.5em 0 0.5em; font-size:0.9em; text-align:center; text-transform:none; min-height:40px
        }
        .box_services_full .box_services_imgs, 
        ul.box_services li .box_services_imgs {position:relative; width:100%; min-height:210px
        }
        .box_services_full .box_services_imgs img, 
        ul.box_services li .box_services_imgs img {width:100%; margin:0
        }
        .box_services_full .box_services_imgs img:hover,  
        ul.box_services li .box_services_imgs img:hover {opacity:0.8
        }
.box_services_price {color:#ff0000; font-weight:400; font-size:1.4em; 
}
.box_services_price_km {color:#393939; font-weight:400; font-size:0.85em; text-decoration:line-through; min-height:23px
}
a.box_services_order {border:solid 2px #ffffff; padding:0.3em 1.5em 0.3em 3.7em; display:inline-block; margin:auto; border-radius:5px;
                     background:#00a2f0 url(../imgwb/imgw/icon_cart.png) no-repeat 1.5em center; color:#ffffff; text-transform:uppercase
    }
a.box_services_order:hover {background:#ff0000 url(../imgwb/imgw/icon_cart.png) no-repeat 110px center; 
                            transition-duration:0.5s; padding:0.3em 3.7em 0.3em 1.5em
}
.box_services_full .btextbox,
ul.box_services li .btextbox {
width:100%;
height:auto;
position:absolute;
bottom:0;
left:0;
/*transform: translate(0,150px);
    -webkit-transform: translate(0,150px);
    -o-transform: translate(0,150px); 
    -moz-transform: translate(0,150px);
-webkit-transform: scale(0);*/
transform: scale(0);
border-radius:5px;
/*background:#ffffff;
-webkit-box-shadow: 0px 0px 15px 2px rgba(255,255,255,1);
box-shadow: 0px 0px 15px 2px rgba(255,255,255,1);*/ z-index:9999
}
.box_services_full:hover .btextbox,
ul.box_services li:hover .btextbox {
-webkit-transform: scale(1);
transform: scale(1);
}
.box_services_full:hover,
ul.box_services li:hover {
}
.btext {color:#ffffff; text-align:center; font-size:1.2em; padding:0 0 1em
}
.btext span {color:#0e1c2c; display:block; text-align:center; border-top:solid 1px #bf6f30; padding:0.5em; font-size:0.9em
    }
    .btext a.detail {border:solid 2px #ffffff; padding:0.3em 0.5em 0.3em 2.7em; display:inline-block; margin:auto; border-radius:5px;
                     background:#04cae8 url(../imgwb/imgw/view.png) no-repeat 0.5em center; color:#ffffff; text-transform:uppercase
    }
    .btext a.detail:hover {background:#00a2f0 url(../imgwb/imgw/view.png) no-repeat 0.5em center;
    }
.btext a {color:#ffffff
}
.btextbox {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
@media (max-width:1125px) {
    #wrapper {margin:0 auto; width:100%;
    }
    .csanpham_fix,
    .tintuc_head_fix,
    .banner_fix,
    .contact_fix,
    .gioithieu_fix,
    .main_fix,
    .footer_fix {width:100%; padding:0 1%
    }
    .menutop ul li a {padding:0.3em 0.3em;}
    .f-nav2 {right:1%}
    ul.box_services li {width:25%
    }
    .footer_content .copyright {clear:both; float:left
    }
    .footer_content .content {width:60%
    }
    .footer_content .counter {float:right; margin:0.5em 0
    }
    .search {float:right; margin:1em 0 0 0
    }
    .sharethis {margin:1em 0
    }
}
@media (max-width:980px) {   
    .f-nav {position:relative!important
    }
    ul.photoitem li img,
    .banner_index img,
    .noidung img {width:100%!important; height:auto
    }
    .cmenu_left,
    .leftsp {display:none
    }
    .bannerslide {width:100%
    }
    ul.csanphamcatitem li:nth-child(6){display:none
    }
}
@media (max-width:890px) {
    .contact_index,
    .main_col,
    .main_box {width:100%; margin:0
    }
    .main_col {margin:0 0 1em 0
    }
    .leftmobile {display:none
    }
    .contact_col2 {width:30%;
    }    
    .contact_col1 {width:60%;
    }   
    .f-nav2 {position:relative; width:100%; top:0; margin:1em 0; max-width:none
    }
    .hotline {display:none
    }
    .hmobile {display:block!important; width:70%; float:right; text-align:right
    }   
    ul.box_services li {width:33.33%
    }
    ul.chinhanhitem li {width:30%
    }
}
@media (max-width:880px) {
    .main_contact_left,
    .main_contact_right {width:100%; text-align:left; padding:0; margin:0; background:none
    }
    .gioithieu_head h3,
    .contact_head h1,
    .tintuc_head h3 {font-size:1.5em
    }
    .sanpham_left,
    .sanpham_right {width:100%; margin:0; padding:0
    }
    .sharethis {display:none
    }
    .logo,
    .search {width:100%; text-align:center
    }
    .search {margin:0.5em 0
    }
}
@media (max-width:768px) {
    ul.tintuccatitem li:nth-child(6),
    ul.tintuccatitem li:nth-child(7),
    ul.tintuccatitem li:nth-child(8),
    ul.tintuccatitem li:nth-child(9),
    ul.tintuccatitem li:nth-child(10) {display:none
    }
    ul.newsitem li a.title h3 {font-size:1em;
    }
    
    ul.listitem_video2 li {width:100%
    }
    .video2 iframe {height:400px
    }
    .col4,
    ul.box_services li {width:33.3333%!important
    }
    ul.doitacitem li {width:21%
    }
    ul.ctintucitem li {width:46%; margin:1em 1%
    }
    ul.ctintucitem li:nth-child(5) {display:none
    }
    .footer_content .content,
    .footer_content .copyright,
    .footer_content .counter {width:100%; text-align:center
    }
    .search_drop {width:50%
    }
    .search_tb {width:70%; border-top:solid 1px #cccccc
    }
    .search_bt {width:30%
    }
    ul.csanphamcatitem li:nth-child(4),
    ul.csanphamcatitem li:nth-child(5){display:none
    }
     ul.chinhanhitem li {width:46%
    }
  }

@media (max-width:600px) { 
    ul.tintuccatitem {display:none
    }
    ul.tintucitem3 li:nth-child(1),
    ul.tintucitem3 li:nth-child(2),
    ul.tintucitem3 li:nth-child(3),
    ul.tintucitem3 li:nth-child(4) {width:46%; padding:0; background:none!important; margin:1%
    }
    .col4,
    ul.box_services li {width:50%!important
    }
    .btext,
    .btext a.tel,
    .box_services_price,
    .box_services_full .box_services_title,
    ul.box_services li .box_services_title {font-size:1em
    }
    ul.listitem_video li {width:45%
    }
    video, audio, iframe {width:100%; height:320px; border:0px
    }
    .gioithieu_content img {width:100%; margin:0 0 1em 0
    }
    ul.newsitem li {border-bottom:solid 1px #ddd; padding:0 0 1em
    }
    ul.newsitem li .imgs {float:left; width:100%; margin:0 0 1em
    }
    ul.newsitem li .date,
    ul.newsitem li p {float:left; width:100%
    }
    ul.newsitem li a.title h3 {padding:0
    }
    ul.doitacitem li {width:30%
    }
    .contact {display:none
    }
    
    ul.csanphamcatitem li:nth-child(3){display:none
    }
}
@media (max-width:480px) {
    .search {width:100%
    }
    ul.newsitem li .imgs {float:left; width:40%; margin:0 5% 0 0
    }
    ul.doitacitem li {width:46%
    }
    ul.csanphamcatitem li:nth-child(2){display:none
    }
}

@media (max-width: 1200px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 1000px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  #photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  #photos {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}