*,
*:before,
*:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.non {display:none
}
body {margin:0; padding:0; border:0; font-size:0.9em; color:#000; line-height:1.5em;
      font-family: Arial, Tahoma, 'Times New Roman', Verdana;  background:#ffffff;
      overflow-x: hidden;
}
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; transition:all 0.5s
}
input {outline:0
}
a {text-decoration:none; color:#191919
}
    a:hover { color:#191919
    }
.table_index {width:100%; border-collapse: collapse; border-spacing: 0;
}
    .table_index td {padding:0
    }
    .table_index .text_1 {text-align:right; color:#111111; 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:#111111; padding:3px 5px
    }
.ptthanhtoan {float:left; width:50%
}
#ttchuyenkhoan {float:right; width:250px; color:#ff0000; font-size:1em; line-height:1.5em; display:none;
                border:solid 1px #ff0000; padding:1em; background:#ddd; margin:0 0 1em
}
/*popup*/
.banner_pop {position:fixed; z-index:99999!important; width: 100%; height:100% ;
          background:url(../imgwb/imgw/bg_menu.png); display:none;
}
.welcome {position:relative;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);

}
a.close {display:block; width:42px; height:42px; background:url(../imgwb/imgw/close_r.png) no-repeat center center; 
         position:absolute; right:0; top:0; cursor:pointer
}
.welcome .content {max-width:800px; margin:0 auto; position:relative; max-height:600px
                   
}
    .welcome .content img {border:solid 0px #000; width:100%; max-height:90%
    }
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
}
.paypal {width:100%; height:87px; margin:auto
}
audio {width:100%; height:70px
}
#playlist,audio{background:#666;width:100%;padding:10px;}
ul#playlist li.active,
ul#playlist li.active a{color:#5DB0E6;text-decoration:none;}
ul#playlist li {list-style:none; background:#333; margin:0 0 1px 0;color:#eeeedd;padding:5px 10px; cursor:pointer}
ul#playlist li a{display:block;color:#eeeedd}
ul#playlist li:hover,
ul#playlist li a:hover{text-decoration:none; color:#5DB0E6}
.video {max-width:850px; width:100%; margin:1em auto
}
#wrapper {margin:0 auto; padding:0; overflow:hidden
}
.share_button {float:left; margin:1em 0 1em 0; width:340px
}
.facebook {float:left;
}
.twitter,
.gplusone {float:left; margin:0.15em 0 0 0.5em
}
.sharect {margin:0.6em 0 0 0.2em
}
/*baoloi*/
.binhluan {background:#ffffff; padding:5% 5% 5%; width:100%; overflow:hidden
}
.binhluan_bar {background:#c6062f; padding:2% 5%; text-align:left; color:#ffffff; font-size:1em; font-weight:700
}
/*top*/
.banner {width:100%; float:left; margin:auto; position:relative; padding:0; background:#ffffff
}
.banner_top {width:100%; float:left; margin:auto; position:relative; padding:0; background:#ededed;
}
.banner_fix {max-width:1200px; margin:auto; width:100%; position:relative
}
.banner_right {float:right;
}
.hotline {float:left; margin:0.5em 0 0 0; color:#4d4d4f; font-size:0.9em; text-transform:none; font-weight:700;
          line-height:1.2em; background:url(../imgwb/imgw/icon_hotline_top.png) no-repeat left center; padding:0 0 0 2em
}
    .hotline a {color:#4d4d4f
    }
.mxh {float:right; margin:0.2em 0 0.3em 0;
}
.mxh ul {list-style:none; margin:0; padding:0; display:inline-block; text-align:right;
}
    .mxh ul li {margin:0; padding:0; display:inline-block
    }
        .mxh ul li.text {color:#124cba; margin:0; padding:0.2em 0.5em 0 0; font-size:0.9em
        }
        .mxh ul li img {border:0; vertical-align:middle; margin:0 0.5em 0 0; width:20px; z-index:1000;
        }
            .mxh ul li img:hover {opacity:0.5
            }
.mxh2 {float:left; margin:0.5em 0; width:100%; text-align:center
}
.mxh2 ul {list-style:none; margin:0; padding:0; display:inline-block; 
}
    .mxh2 ul li {margin:0; padding:0; display:inline-block
    }
        .mxh2 ul li.text {color:#124cba; margin:0; padding:0.2em 0.5em 0 0; font-size:0.9em
        }
        .mxh2 ul li img {border:0; vertical-align:middle; margin:0 0.5em 0 0; width:46px; z-index:1000;
        }
            .mxh2 ul li img:hover {opacity:0.5
            }
.search {float:right; margin:2.5em 0 0 0; background:#ffffff; padding:0; 
}
.search_text {float:left; color:#4d4d4f; font-size:0.9em; font-weight:700; margin:0.2em 0.5em 0 0;
}
.search_drop {background-color:transparent; border:solid 1px #4d4d4f; text-align:left; font-size:0.9em; font-weight:400;
            float:left; color:#7b7b7b; width:150px; padding:0.2em; margin:0 0.1em 0 0; height:25px; outline:0; border-radius:0
}
.search_tb {background-color:transparent; border:solid 1px #4d4d4f; text-align:left; font-size:0.9em; font-weight:400;
            float:left; color:#7b7b7b; width:150px; padding:0.5em; margin:0 0.1em 0 0; height:25px; border-radius:0
}
.search_bt {background:#a0b938!important; border:0px; color:#ffffff; font-size:0.9em; font-weight:700;
            float:right; width:auto; padding:0.3em 1em; cursor:pointer; font-family:Arial; height:25px; border-radius:0!important
}
    .search_bt:hover {background:#ff0000; transition-duration:0.5s
    }
.logo {float:left; margin:0.5em 0; padding:0; text-align:left; 
}
    .logo img {border:0px; max-width:430px; width:100%
    }
.slogan {float:right; margin:1em 0.5em 0; color:#ffffff; font-size:0.9em; text-transform:none; font-weight:700;
          line-height:1.2em;
}
    .slogan a {color:#ffffff;
    }
.banner_index {border:0px; max-width:850px; width:auto; display:block; margin:auto auto 1em;
    }
.banner_indexnews {float:left; width:30%!important; margin:auto 4em 1em 0!important;
}

.banner_menu_fix {margin:auto; max-width:1200px; width:100%; position:relative; text-align:left
}
.banner_menu_top {width:100%; float:left; margin:auto; position:relative; padding:0; z-index:1000; background:#a0b938 url(../imgwb/imgw/menu_bar.jpg) repeat-y center;
                  height:40px; overflow:hidden
}
.banner_menu_fix ul {list-style:none; margin:0; padding:0; display:inline-block
}
.banner_menu_fix ul li {display:inline-block; margin:0; padding:0; float:left
}
    .banner_menu_fix ul li a {color:#ffffff; display:block; padding:0.7em 1em; margin:0; text-transform:uppercase;
                              font-size:1em; font-weight:700; background:#4d4d4f
    }
    .banner_menu_fix ul li a.home {float:left; padding:1.5em 1.5em; margin:0;
                                   background:#a0b938 url(../imgwb/imgw/icon_home.png) no-repeat center center 
    }
    .banner_menu_fix ul li:last-child a {background:#00a2f0
    }
    .banner_menu_fix ul li:last-child a:hover {background:#ff0000; color:#ffffff
    }
    .banner_menu_fix ul li a.ac,
    .banner_menu_fix ul li a:hover {color:#a0b938
    }

/*left menu*/
.left_adv {width:100%; margin:1em auto; text-align:center; float:left; overflow:hidden
}
    .left_adv img {width:auto; max-width:230px; margin:0 auto 0.6em ; border:0; display:block
    }
.left_body {float:left; width:100%; border:0; margin:0; padding:0.5em; border:solid 1px #b0b0b0
}
.left_bar h3{font-size:1em; margin:0; color:#ffffff; line-height:1.1em;
           display:block; text-transform:uppercase; padding:1em 0 2.5em; font-weight:700; text-align:center;
           float:left; width:100%; background:#a0b938 url(../imgwb/imgw/menu_bar_line.jpg) repeat-x center bottom;
}
.left_bar2 {font-size:0.9em; margin:0 0 0.5em; color:#1e1e1f; line-height:1.1em;
           display:block; text-transform:uppercase; padding:0.5em 0; font-weight:700; text-align:left;
           float:left; width:100%; border-bottom:solid 1px #bbbbbb
}
.left_drop {width:100%; padding:0.5em; color:#464646; font-size:0.9em; background:#ebebeb; margin:1em 0; border:0; outline:0
}
ul.lmenuitem {margin:0; padding:0; list-style:none; float:left; width:100%; 
}
ul.lmenuitem li {margin:0; width:100%; float:left; text-indent:0
}
ul.lmenuitem li a.ac,
ul.lmenuitem li a:hover {color:#a0b938
}
ul.lmenuitem li a {display:block; text-align:left; color:#ffffff; padding:0.5em 0.5em 0.5em 2.5em; font-weight:700;
                   background:#4d4d4f url(../imgwb/imgw/icon_book.png) no-repeat 1em center!important;  text-transform:none;
                   border-bottom:solid 1px #666666; font-size:0.9em; text-indent: 0px!important;
}
ul.lmenuitem li:last-child a {border-bottom-left-radius:10px; border-bottom-right-radius:10px
}
    ul.lmenuitem li a span {color:#a0b938
    }
ul.lmenuitem li ul.child {clear:both; margin:0; padding:0; list-style:none
}
ul.lmenuitem li ul.child li {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; font-weight:400
}
ul.lmenuitem li ul.child li.ac a,
ul.lmenuitem li ul.child li a:hover{font-weight:400; color:#1c5ea7;
}
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 h3 {display:block; text-align:left; color:#1a49cd; padding:0 2em 0.3em 1em; 
                    background:url(../imgwb/imgw/arrow_4.png) no-repeat left 0.3em; font-size:0.9em; font-weight:400
}
ul.list_item li span{color:#191919
}
ul.list_item li a:hover h3{color:#ff0000
}
/*main*/
.main {clear:both; float:left; width:100%; padding:0 0 2em;
       background:#ffffff; overflow:hidden; position:relative
}
.nau {background:#ffffff!important; float:left; width:100%; padding:2em 0
}
.main_fix {max-width:1200px; margin:auto;width:100%
}
.main_box_sach {float:right; width:79%;  margin:1em 0 1em;
}
.main_box {float:right; width:78%;  margin:1em 0 1em;
}
.main_col {float:left; width:20.5%; margin:0 0 2em; 
}
.main_box_left {float:left; width:70%;  margin:0 0 2em;
}
.main_box_right {float:right; width:26%; margin:0 0 2em; 
}
.main_content {float:left; width:100%; padding:1%; background:#ffffff; border:solid 1px #b0b0b0;
}
.main_bar {font-size:1.2em; margin:0 0 0.2em 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:#a0b938
}
    .main_bar h2,
    .main_bar h1 {font-size:100%; display:inline-block;
    }
    .main_bar a {color:#ffffff
    }
.main_bar_home { margin:0 0 0.2em 1%; color:#4d4d4f; line-height:1.1em;
               display:block; text-transform:uppercase; padding:0.5em; font-weight:700; text-align:left;
               float:left; width:97.5%; background:#ededed
}
.full {width:100%!important; margin:0 0 0.2em!important
}
.main_bar_home h2,
.main_bar_home h1 {font-size:1.2em; display:inline-block; padding:0.2em 2em; background:url(../imgwb/imgw/sach_bar.png) no-repeat left center
}
    .main_bar_home a {display:block; float:right; color:#010101; font-size:0.9em; text-transform:none; margin:0.3em 0 0 0
    }
    .main_bar_home a:hover {color:#a0b938
    }
.main_contact_right {width:100%; margin:auto; float:right; background:#f5f5f5; border-radius:5px; padding:2em; margin:0 0 1em 0
}
.main_contact_left {width:100%; margin:auto; float:left
}
.main_contact_left iframe{width:100%; height:300px
}
.contact_index {width:70%; margin:auto
}
ul.guide {clear:both; list-style:none; margin:1em 0 1em; padding:0.5em 0; float:left; width:100%; display:none
}
    ul.guide li {float:left; margin:0 0.5em 0 0; font-size:0.9em
    } 
    ul.guide li a {color:#888; font-size:100%; display:block; background:url(../imgwb/imgw/arrow_4.png) no-repeat right center;
                   padding:0 2em 0 0
    }
        ul.guide li h1 {font-size:100%; font-weight:400
        }
    ul.guide li:first-child a {color:#888
    }
    ul.guide li:last-child,
    ul.guide li:last-child a{color:#777; 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:1em
}
/*bottom*/
.footer {clear:both; background:#ededed; text-align:center; padding:1em 0; float:left; width:100%;
}
    .footer .footer_fix {max-width:1200px; margin:auto;
    }
.footer_content {color:#4d4d4f; font-size:0.8em; font-weight:400; text-transform:none; padding:0.3em 0 0 0; float:left; 
                text-align:left; line-height:1.5em; 
}
    .footer_content a {color:#4d4d4f
    }
    a.copyright {color:#7aa93c; display:inline-block; margin:0 0 0 0.5em; float:right; font-size:0.8em
    }
.counter {float:left; width:100%; text-align:center; padding:0; 
}
/*noi dung web*/
.tieude {font-size:1.5em; margin:0; color:#ff0000; line-height:1.1em;
         display:block; text-transform:uppercase; padding:0 0 0.5em; font-weight:700; text-align:left; float:left; width:100%;
}
    .tieude h1 {padding:0; display:inline-block; font-size:100%
    }
.mabaove {float:right; margin:1em 0
}
.tomtat {clear:both; float:left; width:100%; color:#191919; font-weight:700; padding:0 0 10px 0; text-align:justify;
}
.tomtat h2{color:#191919; font-weight:700; line-height:1.5em;
}
.noidung {color:#191919; text-align:left; line-height:1.8em; margin:0 0 2em 0; float:left; width:100%; font-size:1em
}
    .noidung h1, .noidung h2, .noidung h3 {font-size:1.5em; margin:0 0 0.5em
    }
    .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
    }
    .noidung a {color:#d4ab17; text-decoration:underline;
    }
.thongso table {width:100%!important
}
.tieude_text {color:#191919; text-align:left; line-height:1.5em;
}
.tieude_text_b {color:#191919; 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:#191919; text-decoration:none; padding:0; float:left; margin:0 0 1em
}
.tinkhac {clear:both;
           margin:2em 0 1em 0; border:solid 1px #cfcfcf; font-size:1.2em; border-left:0; border-right:0;
           float:left; width:100%
}
.tinkhac_fix {max-width:1200px; margin:auto; background:url(../imgwb/imgw/cactinkhac.png) no-repeat left center;padding:1em 0 1em 2em; 
              text-align:left; color:#191919; font-weight:400; text-transform:uppercase;
}
.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*/
.news-related{
    clear:both;
	max-width: 1000px;
	margin: 80px auto 0;
	padding: 0;
}
.news-related h2{
	font-size: 40px;
	font-family: "SVN-Georgia", "sans-serif";
	line-height: 1;
	margin: 0;
	margin-bottom: 40px;
	text-transform: uppercase; font-weight:400
}
.news-related .list-news-related .item-related{
	overflow: hidden;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
}
.news-related .list-news-related .item-related a{
	text-decoration: none;
	color: #000;
}
.news-related .list-news-related .item-related a div{
	float: left;
	height: 60px;
	width: 50px;
	line-height: 60px;
}
.news-related .list-news-related .item-related .num-post{
	background-color:#a0b938;
	font-size: 20px;
	color: #fff;
	text-align: center;
}
.news-related .list-news-related .item-related img.post-tag {
	position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 80px;
}
.news-related .list-news-related .item-related:hover .text-post{
	background-color:#f5f5f5;
	color: #000;
}
.news-related .list-news-related .item-related .text-post{
	font-size: 18px;
	width: calc(100% - 50px);
	padding: 0 10px;
	border: 1px solid #a0b938;
	border-left: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all 0.3s;
    font-weight:400
}
/*textbox, drop, button*/
.button_space {padding:0 0 17px 0;
}
.button_space_button {clear:both; padding:10px 3px 17px 0; text-align:right
}
#txtnd,
.textbox {border:#cccccc 1px solid; width: 99%; padding:5px 5px 4px 5px; text-align:left; 
          color:#191919; background:#ffffff;  font-size:1em!important; font-family:Arial!important; outline:0
}
select,
.drop {border:#999999 1px solid; padding:1px; text-align:left; color:#505050; padding:2px; 
       background: #ffffff; 
}
.button {text-align:center; margin:auto; border:0px; padding:0.5em 2em;
         color:#ffffff; text-transform:uppercase; font-weight:400 ; background:#a00001; 
         transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out; font-size:1.5em; border-radius:10px;font-family:Arial
}
a.button {text-decoration:none; color:#ffffff
}
.button:hover { background:#ff0000; cursor:pointer
}
a.button:hover {color:#ffffff
}
/*contact lien he*/
.main_fix_contact {max-width:890px; margin:auto; padding:0 5px; text-align:left
}
section.page-contact h1{
	margin-top: 140px;
	margin-bottom: 50px;
	text-align: center;
	font-family: "SVN-Georgia", "sans-serif";
	font-size: 60px;
	text-transform: uppercase;
	line-height: 1; font-weight:400
}
.item-map{
	float: left;
	width: 100%;
}
.info-location{
	float: left;
	width: 40%; 
}
.img-map{
	float: right;
	width: 60%;
}
    .img-map iframe {width:100%; height:400px
    }
section .title-border{
    margin-top:50px;
    text-align: center;
    margin-bottom: 24px;
}
section .title-border a{
	display: inline-block;
}
section .title-border a:hover span{
	border: 1px solid #c5995e;
	background-color: #c5995e;
	color: #fff;
}
section .title-border a:hover span:before, section .title-border a:hover span:after{
	background-color: #c5995e;
}
section .title-border span{
	display: inline-block;
	width: 500px;
    height: 100px;
    line-height: 105px;
    font-size: 30px;
    font-family: "SVN-Georgia", "sans-serif";
    text-transform: uppercase;
    border: 1px solid #000;
    color: #221f1f;
    position: relative;
    transition: all 0.5s;
}
section .title-border span:before, section .title-border span:after{
	content:"";
	position: absolute;
	width: 61px;
	height: 1px;
	background-color: #221f1f;
	top: 49px;
	transition: all 0.5s;
}
section .title-border span:before{
	left: -31px;
}
section .title-border span:after{
	right: -31px;
}
section.contact-bottom{
    clear:both;
	margin-top: 130px;
	margin-bottom: 30px;
	overflow: hidden;
}
.formBox{
	padding-top:0;
	padding-bottom:0;
    font-family:'Cambria Math'; font-size:1.2em; width:100%
	}
.formBox h2{
	border-top: solid 2px #dfdfdf;
	color: #333;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.75em;
	letter-spacing: 0;
	padding-top:10px;
	}
.formBox ul,
.formBox li{
	margin:0;
	padding:0; list-style:none; text-align:left
	}
.formBox li{
	padding-top:10px;
	}
.formBox li:first-child{
	padding-top:0;
	}
	.formBox li > span{
		float:left;
		width:33%;
		}
		.formBox li span input{
			background-color:#ccc;
			border-radius:3px;
			color:#fff;
			line-height:40px;
			padding:0 10px;
			height:40px;
			width:285px;
			}
		.formBox li span select{
			background: url(../images/selectIcon.gif) #999 no-repeat right center;
			border-radius: 3px;
			color: #fff;
			line-height: 40px;
			outline:none;
			padding:0 23px 0 10px;
			height: 40px;
			width:285px;
			-webkit-appearance: none;
				-moz-appearance: none;
					appearance: none;
			}
		.formBox li textarea{
			background-color:#ccc!important;
			border-radius:3px;
			color:#fff!important;
			font-size:12px;
			line-height:1.2;
			padding:10px;
			resize:none;
			height:80px;
			width:96%; margin-right:15px
			}
		.formBox li label{
			color:#4E4852;
			cursor:pointer;
			display:inline-block;
			font-family: "Open Sans", Helvetica, sans-serif;
			font-size: 15pt;
			font-weight: 400;
			line-height:1;
			margin-bottom:0;
			}
			.formBox li label span{
				background-color:#999;
				border-radius:3px;
				display:inline-block;
				margin-left:10px;
				position:relative;
				top:7px;
				height:25px;
				width:25px;
				}
			.formBox li label span.current{
				background:url(../images/gou.png) #9dbe23 no-repeat center center;
				}
    .formBox li #txttd {min-width:575px
    }
.button_gui {float:right; margin:1em 0 0 0
}
.special {margin:0 10px 0 0
}
/*top*/
#bttop {background:url(../imgwb/imgw/icon_gototop.png) no-repeat center center;
        width:52px; height:52px;position:fixed;bottom:40px;right:20px;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;}*/
/*sach*/
ul.boxsachitem {list-style:none; margin:0; padding:0; font-size:0.9em; display:inline-block; text-align:left; width:100%
}
    ul.boxsachitem li {display:inline-block; width:17.5%; margin:1em 1%; vertical-align:top; padding:0; 
                       position:relative; color:#000000; position:relative; transition:all 0.5s
    }
ul.boxsachitem li:hover {-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.35);
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.35); transition:all 0.5s
    }
.sachimgs {float:left; width:100%; position:relative; max-height:240px; overflow:hidden; min-height:240px
}
    .sachimgs img {border:0; float:left; width:100%; transition: all 0.5s
    }
        /*.sachimgs img:hover {opacity:0.5
        }*/
        .sachtitle {text-align:left; color:#000000; font-size:0.9em; line-height:1.5em; min-height:65px; float:left; width:100%;
                    font-weight:700; border:solid 1px #c9c9c9; padding:0.5em; margin:0.2em 0 0 0
        }
            .sachtitle a {color:#000000
            }
.sachtacgia {text-align:left; color:#0a3ec6; font-size:0.9em; line-height:1.5em; float:left; width:100%;
            font-weight:700; border:solid 1px #c9c9c9; padding:0.5em; margin:0 0 0 0; display:none
}
.sachluotnghe {float:left; width:50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#000; font-size:0.9em;
               background:url(../imgwb/imgw/luotnghe.png) no-repeat  0.5em center; padding:0.3em 0 0.3em 30px; text-align:left; font-weight:700;
               border:solid 1px #c9c9c9; border-top:0; 
}
.sachluotthich {float:left; width:50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#00a2f0; font-size:0.9em;
               background:url(../imgwb/imgw/luotthich.png) no-repeat 0.5em center; padding:0.3em 0 0.3em 25px; text-align:left; font-weight:700;
               border:solid 1px #c9c9c9; border-top:0; border-left:0
}
.sachluotthichct {float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#00a2f0; font-size:0.9em;
               background:url(../imgwb/imgw/luotthich.png) no-repeat 0.5em center; padding:0.5em 0.5em 0.5em 25px; text-align:left; font-weight:700;
               border:0; outline:0; cursor:pointer; margin:0
}
    .sachluotthichct:hover {background:#cccccc url(../imgwb/imgw/luotthich.png) no-repeat 0.5em center
    }
.share_book {display:none; position:absolute; bottom:0; width:100%
}
.chiasebanbe {float:left; width:100%; color:#0a3ec6; font-weight:700; font-size:0.9em; text-align:left; background:#ffffff ;
              width:100%; border:solid 1px #c9c9c9;
}
    .chiasebanbe a {display:inline-block; background:url(../imgwb/imgw/gui_cho_banbe.png) no-repeat right center; 
                    padding:0.5em 50px 0.5em 0.5em;
                    color:#0a3ec6;
    }
    .chiasefacebook:hover,
    .chiasebanbe:hover {background:#cccccc
    }
.chiasefacebook {float:left; width:100%; color:#0a3ec6; font-weight:700; font-size:0.9em; text-align:left; background:#ffffff ;
              width:100%; border:solid 1px #c9c9c9; border-top:0; border-bottom:0
}
.chiasefacebook a {color:#0a3ec6; display:inline-block; padding:0.5em
}
.docsach {float:left; width:100%; color:#ffffff; font-weight:700; font-size:0.9em; text-align:left; background:#0a3ec6 ;
              width:100%; border:solid 1px #c9c9c9; border-top:0; border-bottom:0;
             background:#4d4d4f url(../imgwb/imgw/open-book.png) no-repeat 70px center ; background-size:15%;
}
.docsach a {color:#ffffff; display:block; padding:0.5em
}
    .docsach:hover {background:#000 url(../imgwb/imgw/open-book.png) no-repeat 70px center; background-size:15%;
    }
.docsach2 {float:left; width:auto; color:#ffffff; font-weight:700; font-size:0.9em; text-align:left; 
           background:#4d4d4f url(../imgwb/imgw/open-book.png) no-repeat 5px center ; 
           border-radius:5px; text-transform:uppercase; padding:0.5em 1em 0.5em 40px
}
.docsach2 a {color:#ffffff; display:block
}
    .docsach2:hover {background:#000 url(../imgwb/imgw/open-book.png) no-repeat 5px center; 
    }
.docsach3 {float:left; width:auto; color:#ffffff; font-weight:700; font-size:0.9em; text-align:left; 
           background:#4d4d4f url(../imgwb/imgw/open-book.png) no-repeat 5px center ; 
           border-radius:5px; text-transform:uppercase; padding:0.5em 1em 0.5em 40px; margin:0.5em; display:none
}
.docsach3 a {color:#ffffff; display:block
}
    .docsach3:hover {background:#000 url(../imgwb/imgw/open-book.png) no-repeat 5px center; 
    }
.info_book {float:left; width:350px; text-align:left; background:#ffffff;
            -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.35);
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.35); display:none;
position:absolute; left:101%; padding:0.7em 1em; line-height:2em; 
}
.sach_left {float:left; width:25%
}
    .sach_left img {width:100%; max-width:220px
    }
.sach_right {float:right; width:73%; line-height:2em
}
.sach_right .title {color:#000000; font-size:1em; font-weight:700; text-transform:uppercase
}
.info_book .title {color:#000000; font-size:1em; font-weight:700
}
.sach_right .info,
.info_book .info {float:left; width:100%; color:#0a3ec6; font-size:0.9em
}
    .sach_right .info span {float:left; width:100px; text-align:left; color:#000000
    }
    .info_book .info span {float:left; width:80px; text-align:left; color:#000000
    }
    .sach_right .info .infotext,
    .sach_right .info .tags {float:left; color:#0a3ec6;
    }
    .info_book .info div,
    .info_book .info .tags {float:right; width:244px;color:#0a3ec6;
    }
        .sach_right .info .tags a {color:#0a3ec6; font-style:italic; font-weight:700
        }
        .info_book .info .tags a {color:#0a3ec6; font-style:italic
        }
a.baoloi {display:block; float:left; background:#ff0000; color:#ffffff; padding:0.2em 1em
}
    a.baoloi:hover {background:#0a3ec6
    }
ul.boxsachitem li:hover .info_book,
ul.boxsachitem li:hover .share_book {display:block;z-index:1000
}
ul.boxsachitem li:nth-child(4):hover .info_book,
ul.boxsachitem li:nth-child(5):hover .info_book,
ul.boxsachitem li:nth-child(9):hover .info_book,
ul.boxsachitem li:nth-child(10):hover .info_book, 
ul.boxsachitem li:nth-child(14):hover .info_book,
ul.boxsachitem li:nth-child(15):hover .info_book,
ul.boxsachitem li:nth-child(19):hover .info_book,
ul.boxsachitem li:nth-child(20):hover .info_book,
ul.boxsachitem li:nth-child(24):hover .info_book,
ul.boxsachitem li:nth-child(25):hover .info_book{left:auto; right:101%
}
/*menu*/
#menu-toggle {float:left; background:#a0b938; padding:0.5em; color:#ffffff; font-size:1em; font-weight:700;
              background:#a0b938 url(../imgwb/imgw/menu.png) no-repeat left center; width:100%; display:none;
              height:35px
}
@media (max-width:1200px) {
    #wrapper {margin:0 1%; width:98%;
    }
    .banner_fix,
    .footer_fix {width:100%; padding:0 1em
    }
    .noidung img {width:100%!important; height:auto
    }
    .left_adv img {width:100%!important; height:auto
    }
}
@media (max-width:980px) {
    #wrapper {margin:0 auto; width:100%; 
    }
    .f-nav {position:relative!important; border:0
    }
    .banner {padding:0 0 1em 0
    }
    .logo {width:100%; text-align:center
    }
    .search {clear:both; width:452px; margin:0.2em auto; float:none;
    }
    .share_book,
    .info_book {display:none!important
    }
    .docsach3 {display:block; width:100%; margin:0.5em 0
    }
    .sachtitle {min-height:0; border-bottom:0
    }
    .sachtacgia {display:block
    }
    #menu-toggle {display:block;
    }
    .banner_menu_top {display:none
    }
    .main_col {width:100%
    }
    .left_mobile,
    .doitac {display:none
    }
    .main_bar_home {width:100%; margin:0
    }
    .main_fix,
    .main_fix_contact
    .gioithieu {width:100%; padding:0; margin:0
    }
    .contact_index,
    .main_col {width:100%; margin:0; padding:0.5em
    }
    .main_box_sach,
    .main_box {width:100%; margin:0; padding:0.5em
    }
    .main_col {margin:0 0 1em 0
    }     
    .leftmobile {display:none
    }
    ul.lmenuitem li {padding-top:0; padding-bottom:0;
    }
    ul.lmenuitem li:last-child a {border-radius:0px
}
}
@media (max-width:890px) {
    
    .counter,
    a.copyright,
    .footer_content {width:100%; text-align:center; margin:0.2em 0
    }
    .content-agileits {width:70%
    }
    .formBox{
	padding-bottom:50px;
	}
    .formBox li{
	padding-top:15px;
	}
	.formBox li > span{
		display:block;
		float:none;
		padding-top:15px;
		width:100%;
		}
	.formBox li > span:first-child{
		padding-top:0;
		}
		.formBox li span input{
			width:100%;
			}
		.formBox li span select{
			width:100%;
			}
		.formBox li textarea{
			width:100%!important; margin:0
			}
		.formBox li label{
			color:#4E4852;
			cursor:pointer;
			display:inline-block;
			font-family: "Open Sans", Helvetica, sans-serif;
			font-size: 15pt;
			font-weight: 400;
			line-height:1;
			margin-bottom:0;
			}
			.formBox li label span{
				background-color:#999;
				border-radius:3px;
				display:inline-block;
				margin-left:10px;
				position:relative;
				top:7px;
				height:25px;
				width:25px;
				}
			.formBox li label span.current{
				background:url(../images/gou.png) #9dbe23 no-repeat center center;
				}
    .main_bar {width:100%; margin:0
    }
}
@media (max-width:800px) {
    section.page-contact h1 {margin:50px 0 20px 0; font-size:2.5em
    }
    .main_contact_left,
    .main_contact_right {width:100%; text-align:left; padding:0; margin:0; background:none
    }
    .tieude{font-size:1.2em;
    }
    .main_bar h1 {font-size:1em;
    }    
    ul.boxsachitem li {width:17.5%
}
    }
@media (max-width:768px) {
    section .title-border span {width: 320px;
    height:60px;
    line-height:60px; font-size:20px
    }
    section .title-border span:before, section .title-border span:after{
	top: 29px;
    }
    .special{font-size:1.2em!important; width:100%
    }
    .sach_left {display:none
    }
    .sach_right {width:100%
    }
    ul.boxsachitem li {width:100%; background:#f9f9f9; padding:1em; border-radius:5px; margin:0.5em 0;
                       border:solid 1px #cccccc
    }
    .docsach3 {display:block; width:auto; margin:0.5em
    }
    .sachimgs {float:left; width:30%; position:relative
    }
    .sachluotnghe,
    .sachluotthich {width:100px; border:0
    }
    .sachtacgia,
    .sachtitle {width:70%; border:0
    }
    .sachimgs {
        min-height: 0;
        overflow: hidden;
    }
  }

@media (max-width:600px) {  
    ul.listitem_video li {width:45%
    }
    video, iframe {width:100%; height:320px; border:0px
    }
    .content-agileits {width:100%
    }
    .button_gui {width:100%; text-align:center; margin:1em 0 0 0
    }
    .search_text {display:none
    }
    .search {width:354px
    }
    .button_gui {width:100%; text-align:center; margin:1em 0 0 0
    }
}
@media (max-width:480px) {
    video, iframe {width:100%; height:280px; border:0px
    }
    .hotline {margin:0.5em 0 0.5em
    }
    .mxh {display:none
    }
    .search_drop, .search_tb {width:112px
    }
    .search {width:280px
    }
}