*, *: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:#333333; 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:#333333
}
    a:hover { color:#333333
    }
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:#333333; 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:#333333; padding:3px 5px
    }
.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, iframe {width:100%; height:420px; border:0px
}
.maps iframe {width:100%; height:520px; border:0px
}
audio {width:100%; height:50px
}
.video {max-width:800px; width:100%; margin:auto
}
#wrapper {margin:0 auto; padding:0; overflow:hidden
}
.share_button {float:left; margin:1em 0 1em 0; clear:both; width:100%; padding:1em 0
}
.share_button_right {float:right;
}
.facebook {float:left;
}
.twitter{float:left; margin:0 0 0 0.5em
}
.gplusone {float:left; margin:0 -2em 0 0.5em
}

/*top*/
.banner {width:100%; float:left; margin:auto; position:relative; padding:0.3em 0 0;
         background: rgba(235,235,235,1);
background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 5%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,235,235,1)), color-stop(5%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 5%);
background: -o-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 5%);
background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 5%);
background: linear-gradient(to bottom, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 5%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0 );
}
.banner_fix {max-width:1085px; margin:auto; width:100%; position:relative
}
.banner_top {width:100%; float:left; background:#f7f7f7; border-bottom:solid 1px #e1e1e1
}
.banner_menu {float:left; margin:0; background:#c6062f; width:100%;
}
/*.mxh {float:left; margin:0.2em 0 0; width:25%; text-align:left
}
.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:#ffffff; margin:0; padding:0.3em 0 0 0; font-weight:400; font-size:0.9em
        }
        .mxh ul li img {border:0; vertical-align:middle; margin:0 0 0 0.2em; width:32px;
        }
        .mxh ul li img:hover {opacity:0.5
        }*/
.logo {float:left; margin:0; padding:0; text-align:left; width:40%
}
    .logo img {border:0px; max-width:450px; width:100%
    }
.slogan {float:right; margin:0; padding:0; text-align:right; width:60%
}
    .slogan img {border:0px; max-width:600px; width:100%
    }
.hotline {float:left; margin:0; padding:0.5em 0;
          font-size:0.9em; color:#525252
}
    .hotline a {color:#525252
    }
.search_bar {color:#ffffff; font-size:1em; font-weight:700; text-transform:uppercase; padding:0 0 1em; text-align:left
}
.search {float:left; width:100%; margin:0; background:#232323; padding:1em;
}
.search_tb {background-color:none; border:0px; text-align:left; font-size:0.9em; font-weight:400;
            float:left; color:#838383; width:80%; padding:0.3em 1em; margin:0; height:25px
}

.search_bt {background:#c6062f; border:0px; color:#ffffff; font-size:1em; width:20%;
            float:left; text-transform:uppercase; cursor:pointer; margin:0; padding:0.2em 0.3em; height:25px
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
	.search_bt {padding:0.3em;
    }
	
}
.lang {float:right; margin:0
}
    .lang ul {list-style:none; margin:0; padding:0; display:inline-block; text-align:center
    }
        .lang ul li {display:inline-block; margin:0; padding:0.5em 0; color:#6d6d6d; font-size:0.9em
        }
        .lang ul li a {color:#6d6d6d
        }
.bannerslide {float:left; width:100%; background:#f1f1f1; border:solid 1px #e1e1e1; border-right:0; border-left:0;
              margin:1em 0; padding:1.5em 0
}
.bannerslide_fix {max-width:1085px; width:100%; margin:auto; padding:0
}
.bannerslide_left {float:left; width:65%
}
.bannerslide_right {float:right; width:33%
}
.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:840px;*/ width:100%;
    }
.banner_menu_fix {max-width:1085px; margin:auto; width:100%; position:relative
}
.f-nav {z-index: 9999; position: fixed; top: 0; width: 100%; left:0; margin:0; border-bottom:solid 1px #ffffff
}
/*left menu*/
ul.lefttintucitem {list-style:none; margin:0; padding:0; font-size:0.9em
}
    ul.lefttintucitem li {float:left; width:100%; margin:0; text-align:left; line-height:1.5em;
                          border-bottom:solid 1px #d2d7db; padding:1em 0
    }
    ul.lefttintucitem li a h3 {color:#545353; font-weight:400; line-height:1.5em; display:block;
                               font-size:0.9em; padding:0
        }
        ul.lefttintucitem li a:hover h3 {color:#c6062f
        }
        ul.lefttintucitem li .content {float:right; width:65%;
        }
        ul.lefttintucitem li .imgs {float:left; width:30%; margin:0; position:relative; height:70px; overflow:hidden
        }
        ul.lefttintucitem li .imgs img {left:50%; margin-left:-150px; position:absolute; width:250%
        }
        ul.lefttintucitem li img:hover {opacity:0.5
        }
        ul.lefttintucitem li .bar {float:left; width:100%; padding:0 0 0.5em; display:block;
        }
        ul.lefttintucitem li .ngay {float:left; color:#8b8b8b; font-size:0.85em;
        }
        ul.lefttintucitem li .comment {color:#777777; font-size:0.9em; float:right; padding:0 0 0 1.5em;
                                                background:url(../imgwb/imgw/comment.png) no-repeat left center
        }
        ul.lefttintucitem li:last-child {border:0px
        }
.left_bar {background:#c6062f; text-align:left; color:#ffffff; padding:0.5em 1em;
           font-size:1em; text-transform:uppercase; font-weight:400; float:left; width:100%; position:relative;
}
.left_body {background:#ffffff; float:left; width:100%; padding:1em 0;
}
ul.listitem {list-style:none; margin:0; padding:0; font-size:0.9em
}
    ul.listitem li {display:inline-block; margin:0.2em 0 0.5em; padding:0; width:100%
    }
        ul.listitem li a h3 {color:#333333; font-weight:400; line-height:1.2em; display:block; text-align:left;
                            background:url(../imgwb/imgw/arrow_2.png) no-repeat left 0.3em; text-transform:none;
                            padding:0 0 0 2em; font-size:1em
        }
        ul.listitem li a:hover {color:#c6062f
        }
ul.listitem_video {list-style:none; margin:0; padding:0; font-size:0.9em
}
    ul.listitem_video li {display:inline-block; margin:0 2% 0.5em; padding:0; width:28%; vertical-align:top; position:relative
    }
        ul.listitem_video li a {color:#c6062f; font-weight:400; line-height:1.2em; display:block; text-align:left; 
                                text-transform:none; padding:0; font-size:1em
        }
        ul.listitem_video li img {border:0; width:100%; margin:0 0 1em
        }
        ul.listitem_video li img:hover {opacity:0.5;
        }
        ul.listitem_video li:hover .play {background:url(../imgwb/imgw/play.png); position:absolute; 
                                          top:35%; 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:#c6062f
        }
/*main*/
.main {float:left; width:100%; margin:0; padding:2em 0
}
.main_fix {max-width:1085px; margin:auto; padding:0
}
.main_left {float:right; width:31%
}
.main_right {float:left; width:65%
}
.main_top {float:left; width:100%; margin:0; padding:0; background:#efefef
}
.bar_ct {float:left; width:100%; padding:0.5em; background:#f1f1f1; display:block; margin:0 0 1em
}
.ngay_ct {float:left; color:#8b8b8b; font-size:0.9em;
}
.comment_ct {color:#777777; font-size:0.9em; float:right; padding:0 0 0 1.5em;
          background:url(../imgwb/imgw/comment.png) no-repeat left center
}
.main_bar {border-bottom:solid 2px #c6062f; padding:0 0 0.5em 0; margin:0 0 0.5em;
}
.main_bar h1,
.main_bar h2 {color:#232f3c; font-size:1.5em; font-weight:700; text-transform:uppercase; line-height:1.3em;
              display:inline-block
}
.write {float:right; display:block; color:#333333; font-size:0.9em; text-transform:uppercase; padding:0.5em 0 0.5em 2.5em;
        background:url(../imgwb/imgw/write.png) no-repeat left center;
}
.write:hover {color:#c6062f
}
ul.guide {clear:both; list-style:none; margin:0; padding:0.5em 0; float:left; width:100%;
}
    ul.guide li {float:left; margin:0 0.5em 0 0; color:#0098d2; font-size:0.8em
    } 
    ul.guide li a {color:#838383; font-size:100%; display:block; background:url(../imgwb/imgw/arrow.png) no-repeat right center;
                   padding:0 2em 0 0
    }
    ul.guide li:first-child a {color:#181818
    }
    ul.guide li:last-child,
    ul.guide li:last-child a{color:#818488
    }
.tieude_text_w {float:left; font-size:0.9em
}
.adv_center {float:left; width:100%; margin:1em 0; text-align:center
}
    .adv_center img {max-width:750px; width:100%; border:0
    }
.left_adv {float:left; width:100%; text-align:center
}
    .left_adv img {max-width:350px; width:100%; border:0; margin:1em 0
    }
/*bottom*/
.footer {clear:both; background:#121a22; text-align:center; padding:0.5em 0; float:left; width:100%;
}
.footer_fix {max-width:1085px; margin:auto;
}
.footer_content {color:#ffffff; font-size:0.9em; font-weight:400; text-transform:none; padding:0.7em 0; float:left; 
                 width:100%; text-align:left; line-height:1.5em
}
    .footer_content a {color:#ffffff
    }
/*noi dung web*/
.main_box_left {float:left; width:60%
}
.main_box_right {float:right; margin: 1em 0
}
a.back {color:#c6062f; font-size:1em; font-weight:700; padding:0.5em 1em
}
a.back:hover {color:#333333
}
a.booknow {color:#c6062f; font-size:1em; font-weight:700; padding:0.5em 1em;
           border:solid 1px #f9eb54; border-radius:6px;
           text-transform:uppercase;
           background: rgba(89,60,46,1);
background: -moz-linear-gradient(top, rgba(89,60,46,1) 0%, rgba(125,76,54,1) 44%, rgba(106,65,45,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(89,60,46,1)), color-stop(44%, rgba(125,76,54,1)), color-stop(100%, rgba(106,65,45,1)));
background: -webkit-linear-gradient(top, rgba(89,60,46,1) 0%, rgba(125,76,54,1) 44%, rgba(106,65,45,1) 100%);
background: -o-linear-gradient(top, rgba(89,60,46,1) 0%, rgba(125,76,54,1) 44%, rgba(106,65,45,1) 100%);
background: -ms-linear-gradient(top, rgba(89,60,46,1) 0%, rgba(125,76,54,1) 44%, rgba(106,65,45,1) 100%);
background: linear-gradient(to bottom, rgba(89,60,46,1) 0%, rgba(125,76,54,1) 44%, rgba(106,65,45,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#593c2e', endColorstr='#6a412d', GradientType=0 );
}
a.booknow:hover {background:#c6062f; color:#333333
}
.tieude_phong {color:#333333; font-size:2.5em; font-weight:700; padding:0; text-transform:none; 
         margin:0 0 1em; line-height:1.5em; text-transform:uppercase; font-family:'Times New Roman'
}
.tieude_phong h1{font-weight:700; font-size:100%
}
.tieude {color:#333333; font-size:1.5em; font-weight:700; padding:0; text-transform:none; 
         margin:0 0 1em; line-height:1.5em; text-transform:uppercase; font-family:'Times New Roman'
}
.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;
}
.noidung {color:#333333; text-align:left; line-height:1.5em; margin:1em 0 2em 0; float:left; width:100%; font-size:1em
}
    .noidung h1,
    .noidung h2,
    .noidung h3 {line-height:1.5em
    }
    .noidung img {border:0px; /*max-width:850px;*/ display:block; margin:1em auto 0.5em; width:100%!important; height:auto!important
    }
    .noidung ul {padding:0; margin:0 0 0 40px
    }
    .noidung td {font-size:0.9em; padding:0.5em
    }
.tieude_text {color:#333333; text-align:left; line-height:1.5em;
}
.tieude_text_b {color:#333333; text-align:left; line-height:1.5em; font-weight:bold
}
.tieude_red {color:#c6062f; text-align:left; line-height:1.5em; 
}
.tieude_red_b {color:#c6062f; 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:0.8em; color:#333333; text-decoration:none; padding:0; float:left; margin:0 0 1em
}
.tinkhac {clear:both; text-align:left; color:#262626; font-weight:700; text-transform:uppercase;
          padding:0.5em 0; margin:2em 0 1em 0; font-size:0.9em; border-top:solid 1px #cacaca
}
.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: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*/
ul.newsitem {list-style:none; margin:0; padding:0; font-size:0.9em; text-align:left
}
    ul.newsitem li {display:inline-block; margin:0.2em 0 2em 0; padding:0; width:46%; vertical-align:top
    }
    ul.newsitem li:nth-child(2n+1) {margin:0.2em 7% 2em 0; width:46%;
    }
        ul.newsitem li p {font-size:0.9em; color:#949697; line-height:1.5em
        }
    ul.newsitem li .imgs {width:100%; margin:0
    }
    ul.newsitem li .imgs img {border:solid 1px #cccccc; width:100%
    }
        ul.newsitem li a.title h3 {clear:both; color:#19232d; font-weight:400; line-height:1.2em; display:block; text-align:left;
                                   text-transform:none; padding:0 1em; font-size:1.1em; margin:0 0 1em; border-left:solid 3px #c6062f
        }
        ul.newsitem li a.title:hover h3 {color:#c6062f
        }
        ul.newsitem li a.viewmore {border:solid 1px #0098d2; color:#38b0e5; font-size:0.9em; display:inline-block;
                                   padding:0.2em 1em; border-radius:5px; margin:0.5em 0 0
        }
        ul.newsitem li a.viewmore:hover {background:#0098d2; color:#ffffff
        }
        ul.newsitem li .comment {color:#777777; font-size:0.9em; float:right; padding:0 0 0 1.5em;
                                                background:url(../imgwb/imgw/comment.png) no-repeat left center
        }
        ul.newsitem li .bar {float:left; width:100%; padding:0.5em; display:block; background:#f1f1f1; margin:0 0 1em
        }
        ul.newsitem li .ngay {float:left; color:#8b8b8b; font-size:0.85em;
        }
    /*ul.newsitem li:first-child {width:100%; margin:0 0 1em
    }
    ul.newsitem li:first-child .imgs {float:left; width:58%; margin:0 2% 1em 0
    }
    ul.newsitem li:first-child a.viewmore {display:none
        }*/
/*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:5px; text-align:left; 
          color:#333333; background: #ffffff; font-family: Arial; outline:0; border-radius:3px
}
.drop {border: #999999 1px solid; padding:1px; text-align:left; color:#505050; padding:2px; 
       background: #ffffff;font-family: Arial; 
}
.button {color:#ffffff; font-size:1em; font-weight:700; padding:0.5em 1em;
        border:solid 1px #c6062f; border-radius:6px; outline:0;
        text-transform:uppercase;
        background:#c6062f
}
.button:hover {background:#ff0000; color:#ffffff; cursor:pointer;
}
/*top*/
#bttop {
    background:url(../imgwb/imgw/icon_gototop.png) no-repeat center center; 
    width:52px; height:52px;position:fixed;bottom:50px;right:20px;cursor:pointer;display:none;}
#bttop:hover{}

/*tailieu*/
.noidung table {border:1px solid #ccc; border-collapse:collapse; width:100%}

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

.noidung th, td {padding:5px; text-align:left;}
.noidung th {background:#fafafa;}

.noidung td {border-top:1px solid #ccc;}
/*thuvienanh*/
ul.phototitem {list-style:none; margin:0; padding:0; text-align:center; font-family:Calibri
}
    ul.phototitem li {display:inline-block; width:28%; margin:1% 2%; padding:0; vertical-align:top
    }
        ul.phototitem li a {display:block; text-align:center; font-weight:700;
                            padding:0; font-size:1em; color:#000000; text-transform:uppercase;
        }
ul.phototitem li img {border:solid 1px #444343; padding:1px; max-width:715px; width:100%
}
ul.phototitem li img:hover {border:solid 1px #189d0e
}
    ul.phototitem li a:hover {color:#444343
    }
#photos {
  /* Prevent vertical gaps */
  line-height: 0;   
  -webkit-column-count: 5;
  -webkit-column-gap:   0px;
  -moz-column-count:    5;
  -moz-column-gap:      0px;
  column-count:         5;
  column-gap:           0px;  
}

#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important; margin:0 0.2em 0.2em
}
#photos img:hover {
  opacity:0.8; background:#333333
}
#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
}
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:1em; color:#676767; 
        }
        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
        }
/*toiviet*/
.toiviet_bar {text-align:center; background:#2b2b2b; padding:0.3em 0;
              font-size:1em; text-transform:uppercase; color:#ffffff
}
    .toiviet_bar a {color:#ffffff
    }
ul.toivietitem {list-style:none; margin:0; padding:0; font-size:0.9em
}
    ul.toivietitem li {float:left; width:48%; margin:0 auto; text-align:left; line-height:1.5em; padding:0;
                       position:relative; height:150px; overflow:hidden
    }
        ul.toivietitem li a h3 {color:#ffffff; font-weight:400; line-height:1.5em; display:block;
                               font-size:0.9em; position:absolute; bottom:0; padding:0.5em;
                               text-shadow:1px 1px 2px #333333
        }
        ul.toivietitem li a:hover h3 {color:#ffffff; text-decoration:underline
        }
        ul.toivietitem li img {left:50%; margin-left:-150px; position:absolute; width:200%
        }
        ul.toivietitem li:first-child img {width:100%; left:0%; margin-left:0; position:relative;
        }
        ul.toivietitem li img:hover {opacity:0.5
        }
    ul.toivietitem li:first-child {width:100%; margin-bottom:1em
    }
    ul.toivietitem li:last-child {float:right
    }
/*tintuc*/
.tintuc {clear:both; margin:0; float:left; width:100%; margin:auto;  border-top:solid 2px #c6062f;         
}
.tintuc_fix {padding:0; margin:auto; position:relative; max-width:1085px; text-align:center;
}
.tintuc_head {float:left; background:#f1f1f1; width:100%; margin:0 0 1em; padding:0.5em
}
.tintuc_head h3 {font-size:1em; margin:0; color:#c6062f; line-height:1.5em; font-weight:700;
                 text-transform:uppercase; text-align:left; float:left
}
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 0.5em; margin:0 0.5em; text-transform:uppercase
        }
ul.tintucitem {list-style:none; margin:0; padding:0; font-size:0.9em
}
    ul.tintucitem li {float:right; width:44%; margin:0 0 1em; text-align:left; line-height:1.5em; padding:0 0 1em;
                      border-bottom:solid 1px #cccccc
    }
        ul.tintucitem li a h3 {color:#19232d; font-weight:400; line-height:1.5em; display:block;
                               font-size:1em
        }
        ul.tintucitem li a:hover h3 {color:#c6062f
        }
        ul.tintucitem li .content {float:right; width:65%;
        }
        ul.tintucitem li .imgs {float:left; width:30%; margin:0; position:relative; height:70px; overflow:hidden
        }
        ul.tintucitem li .imgs img {left:50%; margin-left:-150px; position:absolute; width:250%
        }
        ul.tintucitem li img:hover {opacity:0.5
        }
        ul.tintucitem li .ngay {float:left; color:#8b8b8b; font-size:0.9em; 
        }
        ul.tintucitem li .ngay2 {color:#8b8b8b; font-size:0.9em; 
        }
        ul.tintucitem li .sum {display:none
        }
        ul.tintucitem li .bar {display:none
        }
    ul.tintucitem li:first-child {float:left; width:52%; padding:0 2em 0 0; background:none!important; border:0;
                                  border-right:solid 1px #cccccc
    }
        ul.tintucitem li:first-child a h3 {color:#292929!important; font-weight:700; display:block; font-size:1.1em; 
                                           margin:0 0 0.5em
        }
        ul.tintucitem li:first-child a:hover h3 {color:#c6062f!important
        }
        
        ul.tintucitem li:first-child .content {float:left; width:100%;
        }
        ul.tintucitem li:first-child .ngay2 {display:none
        }
        ul.tintucitem li:first-child .imgs {float:left; width:100%; margin:0; height:auto
        }
        ul.tintucitem li:first-child .imgs img {float:left; width:100%; margin:0; position:relative; left:0; margin:0
        }
        ul.tintucitem li:first-child .sum {color:#777777; font-size:1em; display:block;
        }
        ul.tintucitem li:first-child .bar {float:left; width:100%; padding:0.5em; margin:0 0 1em; background:#f1f1f1; display:block;
        }
        ul.tintucitem li:first-child .comment {color:#777777; font-size:0.9em; float:right; padding:0 0 0 1.5em;
                                                background:url(../imgwb/imgw/comment.png) no-repeat left center
        }
    ul.tintucitem li:last-child {border-bottom:0
    }
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 0 0.1em 2em; 
                       line-height:1.5em; padding:0; vertical-align:top
    }
        ul.tintucitem3 li a h3 {color:#333333; 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 4px
        }
        ul.tintucitem3 li a:hover h3 {color:#0b6e87
        }
        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) {width:28%; padding:0; background:none!important; margin:2%
    }
        ul.tintucitem3 li:nth-child(1) a h3,
        ul.tintucitem3 li:nth-child(2) a h3,
        ul.tintucitem3 li:nth-child(3) a h3 {color:#333333!important; font-weight:400; display:block; font-size:1em; margin:0 0 1em;
                                           line-height:1.5em; text-align:left; padding:0!important; 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 {color:#0b6e87!important; background:none!important
        }
        ul.tintucitem3 li:nth-child(1) .ngay,
        ul.tintucitem3 li:nth-child(2) .ngay,
        ul.tintucitem3 li:nth-child(3) .ngay {display:none
        }
        ul.tintucitem3 li:nth-child(1) img,
        ul.tintucitem3 li:nth-child(2) img,
        ul.tintucitem3 li:nth-child(3) img {float:left; width:100%; margin:0 0 1em; display:block; border:solid 1px #cccccc!important
        }
    ul.tintucitem3 li:nth-child(1):hover,
    ul.tintucitem3 li:nth-child(2):hover,
    ul.tintucitem3 li:nth-child(3):hover {background:#e2ecec
    }
/*danhba*/
ul.danhbaitem {list-style:none; display:inline; margin:0; padding:0; float:left; width:100%
}
    ul.danhbaitem li {display:inline-block; margin:0.5em 0; padding:0; width:100%
    }
    ul.danhbaitem li ul.menucontent {list-style:none; display:inline; margin:0; padding:0; float:left; width:100%
    }
    ul.danhbaitem li  ul.menucontent li {display:inline-block; margin:0.1em 0; padding:0; width:100%; color:#8b8b8b
    }
    ul.danhbaitem li ul.menucontent li a h3{color:#333333; font-size:1.2em; font-weight:400; line-height:1.3em;
                        border-left:solid 2px #c6062f;
                        padding:0 0.5em; display:block
    }
    ul.danhbaitem li ul.menucontent li a:hover {text-decoration:underline
    }
ul.menucontent2 {list-style:none; display:inline; margin:0; padding:0; float:left; width:100%
    }
     ul.menucontent2 li {display:inline-block; margin:0.1em 0 0.5em; padding:0; width:100%;
                        font-size:1em; font-weight:400; line-height:1.3em;
                        padding:0; display:block
    }
/*video-audio*/
ul.media {list-style:none; display:inline; margin:0; padding:0; float:left; width:100%
}
    ul.media li {display:inline-block; margin:0.5em 0; padding:0; width:100%
    }
    ul.media li p {color:#333333; font-size:0.9em; font-weight:700; line-height:1.3em; padding:0.5em 0;
    }
ul.download {list-style:none; display:inline; margin:0; padding:0; float:left; width:100%
}
    ul.download li {display:inline-block; margin:0.5em 0; padding:0; width:100%
    }
    ul.download li a {color:#0b86a5; font-size:0.9em; font-weight:700; line-height:1.3em !important;
                        background:url(../imgwb/imgw/download.png) no-repeat left center;
                        padding:0.5em 2em;
    }
    ul.download li a:hover {text-decoration:underline
    }
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 .subtitle {color:#333333; font-weight:400; line-height:1.5em; display:block; text-align:center;
                            padding:5px 0; font-size:1.1em; font-style:italic
        }
        ul.photoitem li .titlephoto {color:#333333; font-weight:400; line-height:1.5em; text-align:left;
                            padding:5px 0; font-size:1.1em;  font-style:normal
        }
        ul.photoitem li img {display:block; margin:0.5em auto; max-width:715px; width:100%; height:auto
        }

/*loaitin*/
.loaitin_col1 {float:left; width:30%
}
.loaitin_col2 {float:left; width:30%; margin:0 5%
}
.loaitin_col3 {float:right; width:30%
}
.loaitin {clear:both; margin:0; float:left; width:100%; margin:auto;          
}
.loaitin_fix {padding:0; margin:auto; position:relative; max-width:1085px; text-align:center;
}
.loaitin_head {float:left; background:#c6062f; width:100%; margin:0 0 1em; padding:0.5em
}
.loaitin_head h3 {font-size:1em; margin:0; color:#ffffff; line-height:1.5em; font-weight:700;
                 text-transform:uppercase; text-align:center; display:block
}
    .loaitin_head a {color:#ffffff
    }
ul.loaitinitem {list-style:none; margin:0; padding:0; font-size:0.9em
}
    ul.loaitinitem li {float:left; width:100%; margin:0 0 0.5em; text-align:left; line-height:1.5em; padding:0 0 0.5em 1.2em;
                      border-bottom:solid 1px #cccccc; background:url(../imgwb/imgw/arrow_2.png) no-repeat left 6px
    }
        ul.loaitinitem li a h3 {color:#19232d; font-weight:400; line-height:1.5em; display:block;
                               font-size:1em
        }
        ul.loaitinitem li a:hover h3 {color:#c6062f
        }
        ul.loaitinitem li img {display:none
        }
        ul.loaitinitem li img:hover {opacity:0.5
        }
        ul.loaitinitem li .bar {display:none
        }
    ul.loaitinitem li:first-child {float:left; width:100%; padding:0; background:none!important;
    }
        ul.loaitinitem li:first-child a h3 {clear:both; color:#292929!important; font-weight:700; display:block; font-size:1.1em; 
                                           padding:0.5em 0
        }
        ul.loaitinitem li:first-child a:hover h3 {color:#c6062f!important
        }
        ul.loaitinitem li:first-child .bar {float:left; width:100%; padding:0.5em; background:#f1f1f1; display:block;
        }
        ul.loaitinitem li:first-child .ngay {float:left; color:#8b8b8b; font-size:0.9em;
        }
        ul.loaitinitem li:first-child img {width:100%; margin:0; padding:0; border:0; display:block;
        }
        ul.loaitinitem li:first-child .comment {color:#777777; font-size:0.9em; float:right; padding:0 0 0 1.5em;
                                                background:url(../imgwb/imgw/comment.png) no-repeat left center
        }
    ul.loaitinitem li:last-child {border-bottom:0
    }
/*contact*/
.contact_index {width:70%; margin:auto
}
.contact {clear:both; background:#19232d; width:100%; display:block; 
          padding:0 0 2em; z-index:1; float:left; width:100%; border-top:solid 10px #d2d1d1
}
.contact_head {background:#232f3d; text-align:center; padding:1em 0; color:#ffffff; font-size:1.5em; text-transform:uppercase
}
.contact_bar {color:#ffffff; font-size:0.9em; font-weight:700; text-transform:uppercase; padding:0.5em 0;
              margin:0 0 1em; border-bottom:solid 1px #232f3d; text-align:left
}
    .contact_bar a {color:#ffffff
    }
.contact_fix {max-width:1085px; margin:auto; padding:2em 0 0
}
.contact_col1 {float:left; width:30%; text-align:left; color:#ffffff; font-size:1em; line-height:1.5em
}
    .contact_col1 a {color:#ffffff
    }
    .contact_col1 img {max-width:300px; width:100%; height:auto
    }
.contact_col2 {float:left; width:40%; padding:0 5%; text-align:left; color:#ffffff; font-size:1em; line-height:1.5em
}
.contact_col3 {float:right; width:30%; text-align:center
}
    .contact_col3 img {max-width:380px; width:100%; border:0
    }
@media all and (max-width:1085px) {
    body {background:#f5f5f5; 
    }
    #wrapper {margin:0; width:100%; padding:0; background:#ffffff; 
    }
    .main_fix,
    .footer_fix,
    .contact_fix {padding:20px
    }
}
@media all and (max-width:980px) { 
    /*.f-nav {position:relative
    }*/
    .main_left {width:100%; padding:1%
    }
    .main_right {width:100%; padding:1%
    }  
    .footer_content {width:100%
    }
    .left_bar {font-size:1em
    }
    ul.toivietitem li {height:130px
    }
}
@media all and (max-width:890px) {
    .contact_col1,
    .contact_col2,
    .contact_col3 {width:100%; margin:1em 0; padding:0
    }
    ul.toivietitem li {height:116px
    }
}
@media all and (max-width:800px) { 
    .logo {width:100%; text-align:center
    }
    .bannerslide_right,
    .hotline,
    .slogan {display:none
    }
    .lang {width:100%; text-align:center
    }
    .banner_index img,
    .noidung img {width:100%; height:auto
    }
    .bannerslide_left {width:100%
    }
}
@media all and (max-width:768px) {
    .loaitin_col1,
    .loaitin_col2,
    .loaitin_col3 {width:100%; float:left; margin:1em 0; padding:0
    }
}
@media all and (max-width:600px) {    
    .contact_index {width:90%; margin:auto
    }
    ul.tintucitem li {float:left; width:100%!important; border-right:0!important; 
                      margin:0 0 1em!important; padding:0 0 1em!important
    }
    .contact_col1,
    .contact_col2,
    .contact_col3,
    .contact_col4 {width:98%; margin:1%
    }
    video, iframe {width:100%; height:320px; border:0px
    }
    ul.listitem_video li {width:45%
    }
    ul.newsitem li {width:100%!important
    }
    ul.newsitem li:first-child .imgs {width:100%!important
    }
    ul.newsitem li:first-child a.viewmore {display:inline-block;
    }
}
@media all and (max-width:480px) {
    
}
/*photo responsive*/
@media (max-width: 1200px) {
  #photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@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;
  }
}
/* jssor slider arrow navigator skin 02 css */
/*
.jssora02l                  (normal)
.jssora02r                  (normal)
.jssora02l:hover            (normal mouseover)
.jssora02r:hover            (normal mouseover)
.jssora02l.jssora02ldn      (mousedown)
.jssora02r.jssora02rdn      (mousedown)
*/
.jssora02l, .jssora02r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url('../jswb/js/img/a02.png') no-repeat;
    overflow: hidden;
}
.jssora02l { background-position: -3px -33px; }
.jssora02r { background-position: -63px -33px; }
.jssora02l:hover { background-position: -123px -33px; }
.jssora02r:hover { background-position: -183px -33px; }
.jssora02l.jssora02ldn { background-position: -3px -33px; }
.jssora02r.jssora02rdn { background-position: -63px -33px; }
/* jssor slider thumbnail navigator skin 11 css *//*.jssort11 .p            
    (normal).jssort11 .p:hover      (normal mouseover).jssort11 .pav          
    (active).jssort11 .pav:hover    (active mouseover).jssort11 .pdn          
(mousedown)*/
.jssort11 .p {position:absolute; top:0; left:0; width:200px; height: 200px;border-bottom:solid 0px #cccccc
}     
.jssort11 .c, .jssort11 .pav:hover .c { position: absolute;    top: 0;    left: 0; padding:3% 5%;    
                                        width: 100%;    height: 150px;    line-height: 1.5em;    color: #282828; 
                                        text-align:justify;    font-size:0.9em;    font-weight: 400;    overflow: hidden}
.jssort11 .pav .c, .jssort11 .p:hover .c {color:#0c5023; font-weight:700}
.jssort11 .t, .jssort11 .c {    transition: color 2s;    -moz-transition: color 2s;    
                                -webkit-transition: color 2s;    -o-transition: color 2s}
.jssort11 .i, .jssort11 .pav:hover .i {    position: absolute;   width: 198px;    height: 148px;    
                                           border:#ddd 1px solid; cursor:pointer;}
* html .jssort11 .i {    width /**/: 200px;    height /**/: 150px;}
.jssort11 .pav .i {border:#333333 1px solid;}
.jssort11 .p:hover, .jssort11 .pav:hover {background:none}
.jssort11 .pav, .jssort11 .p.pdn {background: #fff}
.desc {line-height:1.5em; font-size:1.1em; color:#333333; position:absolute; bottom:20px; 
       text-align:center; font-weight:700;
       width:100%
}
.desc2 {line-height:1.5em; font-size:1.2em; color:#ffffff; position:absolute; bottom:5px; 
       text-align:left; font-weight:700; text-transform:uppercase;
       width:100%; text-shadow:1px 1px 2px #ddd; left:5px
}