@import "font.css";
@charset "utf-8";
body { margin: 0px auto; padding: 0px auto; font-size: 16px; line-height: 30px; font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif; font-weight: normal; color: #000; background: #f8f5ed; }
* { margin: 0px auto; padding: 0px auto; outline: none; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clr { clear: both; }
ul { padding: 0px; }
img { border: 0; }
::selection { background-color: #0a3380; color: #fff; }
::-webkit-selection { background-color:#0a3380; color: #fff; }
-webkit-::selection { background-color: #0a3380; color: #fff; }
::-moz-selection { background-color:#0a3380; color: #fff; }
.pagewrap { position: relative; width: 1200px; margin: 0 auto; }
.showText p{ padding-bottom: 15px; }
.showText img { display: block; margin: 0 auto; height: auto; max-width: 100%; }
.showText ul { padding-bottom: 15px; }
.showText ul li { margin-left: 35px; font-size: 18px; line-height: 27px; font-weight: 300; }
th { background-color: #0a3380; color: white; line-height: 45px; text-align: center; font-size: 20px; font-weight: normal; text-transform: uppercase; }
tr:hover { background-color: #f5f5f5; }
th, td { border-bottom: 1px solid #ddd; }
th, td { padding: 5px 15px; }
td { height: 30px; }
td a { color: #333; text-align: center; }
td a i{ padding-left: 5px; }
td a:hover { color: #0a3380; }
th { font-size: 17px; line-height: 35px; padding: 10px 0; }
table { border: 1px solid black; }
table { width: 100%; }
table { border-collapse: collapse; }
table, th, td { border: 1px solid #ccc; }
.box_menu.fixed { position: fixed; top: 0 !important; z-index: 99999; background-color: #261B4F; width: 100%; padding: 10px 0; margin-top: 0; z-index: 4; }
.box_menu.fixed .logo_top { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.box_menu.fixed .logo_top img { height: 50px; }
.box_menu.fixed .menu > li > a { color: #fff; }
.box_menu.fixed .thamgia_icon { padding-top: 0; }
.box_menu.fixed .logo_top h3 { display: none; }
.box_menu.fixed .menu { top: 0; margin-top: 0px; }
.box_menu.fixed #menu > li > a { padding: 0 20px; }
.box_menu:after, .box_menu:before { content: ""; position: inherit; top: 0px; left: 0; right: 0; }
.box_menu.fixed:after, .box_menu.fixed:before { position: absolute; }
.box_menu:before { top: auto; bottom: 0px; }
.box_menu { padding: 15px 0; width: 100%; background: #261b4f; }
.menu { float: right; margin-top: 20px; }
.menu * { list-style: none; }
.menu * { list-style: none; }
.menu > li + li { position: relative; }
.menu > li + li:after { border-left: #209f50; content: ""; position: absolute; left: 0; height: 45px; bottom: 0; }
.menu > li { float: left; }
.menu > li > a { display: block; height: 45px; line-height: 45px; position: relative; z-index: 2; font-size: 17px; text-decoration: none; text-transform: uppercase; color: #fff; font-weight: 400; padding: 0 20px; }
.menu > li > a i { display: inline-block; vertical-align: middle; margin: -2px 0 0 1px; color: inherit; font-size: 11px; padding-left: 5px; }
.menu > li:hover > a { color: #fff; background: #f37237; }
.menu > li:hover > a:after { left: 0; right: 0; opacity: 1; }
.menu > li:hover > ul, .menu li:hover > ul { opacity: 1; visibility: visible; transform: none; -webkit-transform: none; -moz-transform: none; }
.menu > li.active > a { color: #C800C8; }
.menu > li.active > a:after { left: 0; right: 0; opacity: 1; }
.menu > li > ul, .menu > li > ul ul { position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; min-width: 200px; z-index: 3; margin: 0; padding: 0; display: block; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transform-origin: center top 0px; -moz-transform-origin: center top 0px; -webkit-transform-origin: center top 0px; transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); }
.menu > li > ul:before { content: ""; border: solid 7px transparent; border-bottom-color: #1A6235; width: 0; height: 0; position: absolute; top: -7px; left: 17px; z-index: 2; display: none; }
.menu > li > ul:after { content: ""; position: absolute; top: 12px; left: 3px; right: -3px; bottom: -3px; z-index: 0; }
.menu > li > ul > li, .menu > li > ul > li li { z-index: 2; position: relative; margin: 0; color: #fff; font-weight: 500; font-size: 14px; padding: 0 15px; background: #f37237; }
.menu > li > ul > li:first-child, .menu > li > ul li li:first-child { padding-top: 10px; -moz-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; }
.menu > li > ul > li:last-child, .menu > li > ul > li li:last-child { padding-bottom: 10px; -moz-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; }
.menu > li > ul > li:last-child > a, .menu > li > ul > li li:last-child > a { border: none; }
.menu > li > ul > li > a, .menu > li > ul > li li a { display: block; white-space: nowrap; color: inherit; line-height: 45px; font-size: inherit; background: rgba(255, 255, 255, 0); border-bottom: solid 1px rgba(255, 255, 255, 0.2); padding: 0 5px 0 0; text-decoration: none !important; text-transform: none; text-align: left; font-size: 16px; }
.menu > li > ul > li > a > span, .menu > li > ul > li li > a > span { float: right; line-height: 40px; padding-top: 13px; }
.menu > li > ul > li:hover, .menu > li li ul > li:hover { z-index: 3; }
.dv-notfull { margin: 0 10px; }
.menu > li > ul > li:hover > a, .menu > li li ul > li:hover > a { padding: 0 12px 0 12px; background: #fdb622; }
.menu > li > a i { display: inline-block; vertical-align: middle; margin: -2px 0 0 2px; color: inherit; font-size: 11px; }
.menu > li > ul > li > a, .menu > li > li ul > li > a { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.menu > li > a, .menu > li > a:after, .menu > li > ul > li > a, .menu > li li > ul > li > a { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }
.menu li.homepage a i { font-size: 25px; margin: 0; padding: 0; padding-top: 10px; }
.menu li.homepage a { padding: 0 10px; }
.menu li.homepage a:hover { color: #ff0; background: none; }
.menu > li > ul ul { left: 100%; top: 0; }
.logo_top { padding-top: 0; float: left; text-align: center; }
.logo_top li { list-style: none; line-height: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.logo_top li img { height: 80px; width: auto; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.tintuc_home_id, .video_id, .logo_truyenthong ul, .images_home_slider { margin: 0 -10px; }
.tintuc_home_id ul h3 a:hover, .binhchon_top ul li a:hover { color: #f37237; }
.tintuc_home_id ul { margin: 0 10px 20px 10px; float: left; width: 285px; padding: 0; }
.tintuc_home_id ul li { list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; }
.tintuc_home_id ul li img { height: auto; width: 100%; border: 1px solid #1c1c1c; }
.tintuc_home_id ul h3 a {color: #333;font-weight: 600;font-size: 18px;padding-top: 10px;text-transform: none;line-height: 27px;padding-bottom: 10px;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;display: block;min-height: 105px;}
.tintuc_home_id ul h4 { color: #666; font-weight: normal; font-size: 14px; padding-top: 10px; text-transform: capitalize; line-height: 30px; }
.tintuc_home_id ul h4 i { padding-right: 5px; }
.tintuc_home_id ul p { color: #666; font-weight: normal; font-size: 16px; padding: 0; text-transform: none; line-height: 24px; }
.nums { table-layout: auto; margin-top: 5px; text-align: center; }
.nums li { list-style: none; display: inline-block; float: left; }
.nums ul { display: inline-block; }
.nums a { font-size: 16px; display: block; margin: 0 6px 0 0; padding: 5px; line-height: 25px; height: 35px; width: 35px; table-layout: inherit; text-align: center; color: #fff; background: #767676; text-decoration: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.nums a:hover, .nums a.active, .nums a.stay:hover { background: #f37237; color: #ffffff; }
.nums a.stay { color: #fff; }
.title_news { border-bottom: solid 1px #E6E6E6; margin-bottom: 15px; }
.title_news h2 { font-size: 25px; line-height: 30px; font-weight: 400; color: #261b4f; text-transform: uppercase; margin-bottom: 15px; }
.title_news li { font-size: 17px; color: #333; list-style: none; list-style: none; background: url(../images/icon_day.png) center left no-repeat; padding-left: 25px; margin-bottom: 10px; font-style: italic; }
.title_news p { line-height: 35px; color: #000; font-size: 20px; font-style: italic; font-weight: normal; padding-bottom: 15px; }
.titile_page{ text-align: center; margin-bottom: 20px; background: #f37237; padding: 5px; margin-top: 20px; }
.titile_page h3{ font-size: 27px; color: #fff; line-height: 40px; text-transform: uppercase; font-weight: 500; position: relative; display: inline-table; font-family: 'Saira Condensed', sans-serif; }
.placeNav_2, .placeNav_3, .placeNav { position: absolute; top: 40%; z-index: 3; color: #fff; font-size: 50px; width: 38px; height: 38px; line-height: 32px; text-align: center; background: #fdb622; opacity: 0; border-radius: 0; padding: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.placeNav.prev, .placeNav_2.prev, .placeNav_3.prev { left: 10px; }
.placeNav_2.next, .placeNav_3.next { right: 10px; text-indent: 3px; }
.placeNav.next { right: 10px; text-indent: 3px; }
.placeSlide_main:hover .placeNav, .placeSlide_main:hover .placeNav_2, .placeSlide_main:hover .placeNav_3 { opacity: 1; }
.placeNav:hover, .placeNav_2:hover, .placeNav_3:hover { color: #ffffff; background: #f37237; }
.placeSlide_main { position: relative; overflow: hidden; }
.placeSlide, .placeSlide_2, .placeSlide_3 { width: 1300px; }
.title_line{ margin-bottom: 20px; text-align: center; color: #f37237; padding-bottom: 10px; line-height: 40px; text-transform: uppercase; font-weight: 400; font-size: 35px; border-bottom: 1px dashed #1c1c1c; margin-top: 30px; }
.video_id ul{ margin: 0 10px 30px 10px; float: left; width: 285px; padding: 0; border: 1px solid #1c1c1c; background: #fff; padding: 10px; }
.video_id_slider.video_id ul { margin: 0 10px 0px 10px; height: 100%; }
.video_id.video_id_slider { margin-bottom: 30px; }
.video_id ul li { list-style: none; line-height: 0; position: relative; }
.video_id ul li img{ height: auto; width: 100%; }
.video_id ul li .video_icon { position: absolute; left: 0; right: 0; top: 0; color: #ff0000bf; z-index: 2; text-align: center; font-size: 60px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; bottom: 0; }
.video_id ul li:hover .video_icon{ color: #f00; }
.video_id ul h3 {color: #333;font-weight: 600;font-size: 18px;padding-top: 10px;text-transform: none;line-height: 30px;padding-bottom: 10px;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;display: block;min-height: 85px;}
.video_id ul p { color: #333; line-height: 35px; font-size: 18px; }
.video_id ul p a{ float: right; border: 1px dashed #1c1c1c; padding: 0px 25px; text-align: center; color: #333; font-size: 20px; line-height: 35px; font-weight: 400; background: #f8f5ed; }
.video_id ul p i{ color: #f37237; padding-right: 5px; }
.popup_video{ padding: 20px; }
.popup_video iframe{ height: 500px; width: 800px; padding: 30px; }
.left_footer{ float: left; margin-right: 30px; }
.left_footer ul{ float: left; margin-right:30px; text-align: center; }
.left_footer h3{ color: #333; font-weight: 600; font-size: 20px; text-transform: uppercase; line-height: 30px; padding-bottom: 15px; font-family: 'Saira Condensed', sans-serif; }
.left_footer ul li{ list-style: none; line-height: 0; }
.left_footer ul li img{ height: 60px; width: auto; }
.left_footer ul p{ color: #333; font-size: 17px; text-transform: uppercase; padding-top: 10px }
.left_footer.right_footer{ float: right; text-align: center; margin-right: 0; }
.left_footer.right_footer ul{ float: left; margin-right:0; text-align: center; }
.footer { padding-bottom: 20px; border-top: 1px dashed #1c1c1c; margin-top: 30px; padding-top: 30px; }
.copyright_footer{ text-align: center; color: #fff; padding: 20px 0; background: #261b4f; font-size: 18px; }
.copyright_footer h3 {
    color: #fdb622;
    font-weight: 400;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 1.4;
    margin: 7px 0 7px;
}
.copyright_footer a{ color: #fff; }
.copyright_footer a:hover{ color: #f37237; }
.thamgia_icon{ float: right; padding-top: 20px; }
.thamgia_icon ul li { float: left; padding-left: 10px; margin-left: 10px; list-style: none; border-left: 1px dashed #1c1c1c; }
.thamgia_icon ul li a{ display: block; background: #fdb622; color: #fff; font-size: 17px; text-transform: uppercase; padding: 7px 20px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }
.thamgia_icon ul li i{ padding-right: 10px }
.thamgia_icon ul li a.color_2{ background: #CB1F43; }
.thamgia_icon ul li a:hover{ background: #f37237; }
.banner_home img { display: block; margin: 0 auto; height: auto; max-width: 100%; }
.view_all{ display: flex; text-align: center; margin-top: 0px; }
.view_all a { padding: 10px 40px; color: #fff; display: block; font-size: 25px; font-weight: 400; background: #f37237; line-height: 30px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }
.view_all a:hover { color: #fff; background: #261b4f; }
.view_all a i{ padding-left: 10px; }
.titile_page_load {
    padding-bottom: 15px;
    padding-top: 40px;
    border-bottom: 1px dashed #1c1c1c;
    text-transform: uppercase;
    color: #f37237;
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 30px;
    line-height: 1.3;
}
#sharelink { -webkit-animation: blurFadeRight 0.4s ease-in .4s backwards; -moz-animation: blurFadeRight 0.4s ease-in .4s backwards; -ms-animation: blurFadeRight 0.4s ease-in .4s backwards; text-align: left; padding-top: 20px; height: 35px; border-top: 1px dashed #1c1c1c; margin-top: 15px; margin-bottom: 30px; }
#back-top { position: fixed; bottom: 20px; right: 10px; z-index: 1; }
#back-top a { display: block; width: 40px; line-height: 40px; background: #cb1f43; outline: none; color: #fff; font-size: 18px; text-align: center; transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; -moz-border-radius: 50px; -o-border-radius: 50px; }
#back-top a:hover { color: #fff; background: #fdb622; }
.box_home_2 #pro_tabs .listtabs { text-align: left;}
#pro_tabs { margin-bottom: 30px; }
.listtabs li a:hover, .listtabs li a.selected, .listtabs li a.selected:hover {color: #fff;background: #cb1f43;}
.listtabs { overflow: hidden; text-align: center; }
.listtabs li { display: inline-table; list-style: none; margin: 0 0px; position: relative; }
.listtabs li:last-child:before {display: none;}
.listtabs li:before { position: absolute; content: ''; right: -3px; bottom: 0px; height: 50px; width: 1px; background-color: #dbdbdb; top: -7px; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -o-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); display: none; }
.listtabs li a { color: #fffdfd; text-decoration: none; display: block; padding: 3px 30px 2px; line-height: 40px; font-size: 18px; font-weight: 400; text-transform: uppercase; background: transparent; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; margin: 0 4px; background: transparent; background: #261b4f; }
.left_thele{ float: left; width: 70%; padding-right: 50px; border-right: 1px dashed #000; }
.right_thele { float: right; width: 30%; position: sticky; top: 90px; }
.right_thele h3{ padding-bottom: 15px; text-transform: uppercase; color: #333; font-weight: 400; font-size: 25px; padding-left: 30px; }
.right_thele ul li { list-style: none; margin-bottom: 10px; }
.right_thele ul li a{ color: #333; line-height: 30px; padding: 10px 0; display: block; padding-left: 30px; text-transform: uppercase; font-size: 18px; }
.thele_right_box.acti a, .right_thele ul li a:hover{ color: #fff; background:#f37237; }
.right_thele ul li a span{ width: 30px; height: 30px; background: #fff; border: 1px solid #000; box-sizing: border-box; border-radius: 100px; margin-right: 15px; text-align: center; font-size: 20px; line-height: 30px; color: #000; float: left; }
.titile_thele { padding-bottom: 15px; border-bottom: 1px dashed #1c1c1c; margin-bottom: 30px; }
.titile_thele h3{ text-transform: uppercase; color: #333; font-weight: 400; font-size: 25px; line-height: 35px; }
.titile_thele h3 span{ width: auto; height: 30px; background: #ffffff; border: 1px solid #000; box-sizing: border-box; border-radius: 100px; margin-right: 15px; text-align: center; font-size: 20px; line-height: 40px; color: #000; padding: 0 8px; }
.thele_box{ padding-bottom:20px; }
.video_view{ margin-bottom: 30px; margin-top: 10px; padding: 10px; background: #fff; box-shadow: 0px 5px 15px rgb(0 0 0 / 15%); }
.video_view iframe{ width: 100%; height: 500px; }
.left_home{float: none;width: auto;}
.right_home{float: right;width: 23%;margin-top: 40px;display: none;}
.right_home ul li{ list-style: none; line-height: 0; margin-bottom: 10px; }
.right_home ul li img{ height: auto; width: 100%; }
.box_tintuc_home_id{ padding-top: 30px; background: #fff; background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; padding-bottom: 30px; }
.box_home_video{ padding: 40px 0; background: url(../images/bg_1.png) fixed #f8f5ed; }
.binhchon_top { padding: 20px; background: #f3723721; margin-bottom: 30px; }
.binhchon_top h3{ float: left; width: 29%; text-transform: uppercase; color: #000000; font-weight: 600; font-size: 50px; line-height: 70px; padding: 30px; margin-top: 10px; }
.binhchon_top h3 span{ font-size: 100px; }
.binhchon_top ul { float: left; width: calc(70% - 0px); margin: 30px 0; }
.check_yt_is.acti i { color: #ef1240; }
.binhchon_top ul li { list-style: none; padding-bottom: 10px; border-bottom: 1px dashed #333; color: #333; width: calc(50% - 60px); margin: 0 30px 12px; }
.binhchon_top ul li a{ color: #333; }
.binhchon_top ul li span{ float: left; width: 30px; height: 30px; background: #fff; border: 1px solid #333; box-sizing: border-box; border-radius: 100px; margin-right: 10px; text-align: center; font-size: 20px; line-height: 30px; color: #333; }
.bannerInside { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 450px; }
.bannerMain { position: relative; overflow: hidden; height: 450px; margin-top: 40px; padding: 10px; background: #fff; -webkit-box-shadow: 0 5px 18px rgb(0 0 0 / 15%); -moz-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 18px rgb(0 0 0 / 15%); }
.banner li { float: left; width: 100%; height: 430px; list-style: none; background-position: center center; background-size: cover; background-repeat: no-repeat; cursor: default; position: relative; }
.posBL { left: 0px; bottom: 0px; }
.pagiBanner { position: relative; left: 0; right: 0; bottom: 40px; margin: auto; width: auto; text-align: center; z-index: 4; }
.pagiBanner a, .pagiBanner_2 a, .pagiBanner_3 a { display: inline-block; vertical-align: text-top; width: 22px; height: 22px; background: #000000ad; text-indent: -100000px; margin: 0 4px; -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); box-shadow: 0 0 8px rgba(0,0,0,0.5); border: solid #fff 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; }
.pagiBanner a.selected, .pagiBanner_2 a.selected, .pagiBanner_3 a.selected { background: #f37237; }
.pagiBanner_2, .pagiBanner_3 { position: relative; left: 0; right: 0; bottom: 0; margin: auto; width: auto; text-align: center; z-index: 3; }
.box_slidervideo_home_id{ padding-top: 50px; padding-bottom: 20px; background: url(../images/bg_3.jpg) top center fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; margin-top: 40px; }
.logo_truyenthong{ padding: 40px 0; text-align: center; }
.logo_truyenthong h3{ color: #333; font-weight: 600; font-size: 20px; text-transform: uppercase; line-height: 40px; padding-bottom: 4px; text-align: center; }
.logo_truyenthong ul{ display: inline-table; }
.logo_truyenthong ul li{float: left;width: 170px;list-style: none;line-height: 0;padding: 1%;/* background: #fff; */margin: 10px;/* box-shadow: 0px 1px 6px rgb(0 0 0 / 20%); */}
.logo_truyenthong ul li img{ width: 100%; height: auto; }
.logo_doitac{ padding: 40px; background: url(../images/bg_body.jpg) top center fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; margin-top: 40px; }
.left_doitac{float: left;width: 30%;text-align: center;/* background: #fff; */padding: 20px;/* box-shadow: 0px 1px 6px rgb(0 0 0 / 20%); *//* margin: 20px; *//* border: double 4px #e0dfdd; */}
.left_doitac h3{color: #ffffff;font-weight: 600;font-size: 20px;text-transform: uppercase;line-height: 30px;padding-bottom: 20px;}
.left_doitac ul li{ list-style: none; line-height: 0; }
.left_doitac ul li img{width: auto;height: 100px;}
.images_home_slider ul {
    float: left;
    margin: 0 10px;
    width: calc(100% - 20px);
    border: 1px solid #1c1c1c;
    height: 100%;
}.images_home_slider ul a {
    height: 100%;
    display: block;
}
.images_home_slider ul img {
    width: 100%;
    height: 100%;
    border: 1px solid #1c1c1c;
    object-fit: cover;
}.images_home_slider {
    padding: 30px 0 10px;
}
.owl-dots { display: none; }
.owl-prev, .owl-next { width: 38px; height: 38px; border: none; background: #fdb622; box-shadow: none; }
.owl-prev:hover, .owl-next:hover { background: #f37237; color: #fff; }

@media only screen and (max-width: 1199px) {.pagewrap { width: 100%; padding-left: 10px; padding-right: 10px}
.menu > li > a {
    font-size: 16px;
    padding: 0 15px;
}.thamgia_icon ul li a {
    font-size: 15px;
    padding: 7px 15px;
}.thamgia_icon {
    float: right;
    padding-top: 15px;
}.menu {
    float: right;
    margin-top: 15px;
}.logo_top li img {
    height: 70px;
}.images_home_slider ul {
    width: calc(100% - 20px);
}.video_id_slider.video_id ul,.tintuc_home_id ul {
    width: calc(100% - 20px);
}.right_home {
    width: 260px;
}.left_home {
    float: left;
    width: calc(100% - 280px);
}.video_id ul {
    width: calc(100% / 3 - 20px);
}.left_doitac {
    width: calc(100% / 3 - 20px);
    margin: 10px;
}.tintuc_home_id.flex ul {
    width: calc(100% / 3 - 20px);
}.binhchon_top h3 {
    width: 30%;
    font-size: 27px;
    line-height: 1.4;
}.binhchon_top h3 span {
    font-size: 60px;
}
}
@media only screen and (max-width: 992px) { .mn-mobile { display: block !important; padding: 0; margin: 0; }
a.a_trangchu_mb { display: none; position: absolute; left: 0; color: #fff; padding: 7px 12px; font-size: 20px; top: 0px; }
.menu-bar.hidden-md.hidden-lg {
    padding: 10px 10px;
    height: 36px;
    cursor: pointer;
    border-radius: 0;
    display: inline-block;
    float: right;
    background: #f37036;
    position: absolute;
    right: 10px; top: 5px;
}.thamgia_icon {
    float: right;
    padding-top: 0;
}
div#mm-0 { background: #fff !important; }
ul.mm-listview i.fa.fa-angle-down { display: none; }
.mn-mobile img { float: left; height: 16px; line-height: 30px;}
.mm-panel.mm-hasnavbar .mm-navbar { background: #261b4f !important; height: 38px; line-height: 18px; }
.mn-mobile span { width: 30px; height: 4px; background: #fff; border-radius: 100px; display: block; margin: 6px 0; }
ul.menu.no_box { display: none; }
.thamgia_icon ul li {
    border: none;
    padding-left: 2px;
}.thamgia_icon ul li a {
    font-size: 15px;
    padding: 0px 10px;
    height: 36px;
    line-height: 36px;
}.thamgia_icon {
    float: right;
    padding-top: 5px;
    margin-right: 60px;
}.logo_top li img {
    height: 45px;
}.box_menu.fixed .logo_top img {
    height: 40px;
}.box_menu.fixed .menu-bar.hidden-md.hidden-lg {
    top: 3px;
}.box_menu.fixed .thamgia_icon {
    padding-top: 3px;
}.video_id ul {
    width: calc(100% / 2 - 20px);
}.view_all a {
    font-size: 20px;
}.logo_doitac {
    padding: 30px 0;
}.left_doitac {
    padding: 10px;
}div .logo_doitac ul {
    width: 100%;
}.left_doitac ul li img {
    width: 100%;
    height: auto;
}.logo_truyenthong ul li {
    width: calc(100% / 4 - 20px);
    margin: 10px;
    padding: 8px;
}.titile_page_load {
    font-size: 25px;
    margin-bottom: 20px;
}.binhchon_top h3 {
    width: 100%;
    padding: 0;
    margin: 0;
}.binhchon_top ul {
    width: auto;
    margin: 10px -10px;
}.binhchon_top ul li {
    width: calc(50% - 20px);
    margin: 5px 10px;
}
}
@media only screen and (max-width: 767px) {
.left_home {
    width: 100%;
}.video_id ul h3 ,.tintuc_home_id ul h3 a{
    font-size: 16px;
    line-height: 1.5;
    min-height: auto;
}.title_line {
    font-size: 25px;
    line-height: 1.4;
}.view_all a {
    font-size: 16px;
    padding: 7px 20px;
}.right_home {
    width: 100%;
    margin-top: 25px;
}.left_doitac h3 {
    font-size: 18px;
    line-height: 1.4;
    padding-bottom: 15px;
}.logo_truyenthong {
    padding: 30px 0 25px;
    text-align: center;
}.copyright_footer {
    font-size: 16px;
}.box_slidervideo_home_id {
    padding: 35px 0 5px;    margin-top: 30px;
}.titile_page h3 {
    font-size: 25px;
    line-height: 1.5;
}.box_tintuc_home_id {
    padding-top: 15px;
}.titile_page_load {
    padding-top: 20px;
}.left_thele {
    width: 100%;
    border: none;
    padding: 0;
}.left_thele {
    width: 100%;
    border: none;
    padding: 0;
}.right_thele ul li a {
    font-size: 16px;
    padding-left: 15px;
}.right_thele h3 {
    padding-left: 0;
}.titile_thele h3 {
    font-size: 20px;
    line-height: 1.4;
}.titile_thele {
    padding-bottom: 10px;
    margin-bottom: 15px;
}.titile_thele h3 span {
    margin-right: 10px;
}.listtabs li a {
    font-size: 15px;
    padding: 2px 15px;
}#pro_tabs {
    margin-bottom: 20px;
}.right_thele {
    width: 100%;
}.listtabs li a {
    font-size: 15px;
    padding: 8px 10px;
    line-height: 1.4;
    margin: 4px 3px;
}.tintuc_home_id.flex ul {
    width: calc(100% / 2 - 20px);
}
}
@media only screen and (max-width: 479px) {
    .thamgia_icon ul li a i {
    display: none;
}.thamgia_icon {
    position: absolute;
    right: 2px;
}.thamgia_icon ul li {
    margin-left: 5px;
}.thamgia_icon ul li a {
    font-size: 14px;
    padding: 0 5px;
}.menu-bar.hidden-md.hidden-lg {
    padding: 10px 8px;}
.video_id ul {
    width: calc(100% / 1 - 20px);
    margin-bottom: 12px;
}.left_doitac {
    width: 100%;
    margin: 0 0 15px;
}.logo_doitac {
    padding-bottom: 15px;
}.logo_truyenthong ul li {
    width: calc(100% / 2 - 14px);
    margin: 7px;
    padding: 8px;
}.copyright_footer h3 {
    font-size: 20px;
}.titile_page_load {
    font-size: 20px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}.listtabs li {
    width: 100%;
}.listtabs li a {
    font-size: 15px;
    padding: 8px 10px;
    line-height: 1.4;
    margin: 3px 0px;
}.thele_box {
    padding-bottom: 10px;
}.tintuc_home_id.flex ul {
    width: calc(100% / 1 - 20px);
}.titile_page h3 {
    font-size: 20px;
    line-height: 1.5;
}.title_line {
    margin-top: 14px;
}.binhchon_top h3 {
    font-size: 20px;
    line-height: 1.3;
}.binhchon_top h3 span {
    font-size: 27px;
}.binhchon_top ul li {
    width: calc(100% - 20px);
    margin: 5px 10px;
}.binhchon_top {
    padding: 0;
    background: none;
    margin-bottom: 10px;
}.binhchon_top ul li {
    width: calc(100% - 20px);
    margin: 5px 10px 0;
    padding: 0 0 5px;
}
    .video_id ul h3 {
   
    min-height: auto;
}
}