@import url("font.css");
body { margin: 0px auto; font-size: 17px; line-height: 30px; font-family: "Roboto Condensed", Arial, Helvetica, Tahoma, sans-serif; font-weight: normal; }
* { margin: 0px auto; outline: none; text-decoration: none; }
*, ::after, ::before { box-sizing: border-box; }
.clr { clear: both; }
ul { padding: 0px; }
img { border: 0px; }
.pagewrap { position: relative; width: 1200px; margin: 0px auto; }
.padding_pagewrap { padding: 0px 10px; }
.showText p {font-size: 17px;line-height: 26px;margin-bottom: 10px;}
.showText img { display: block; margin: 0px auto; height: auto; max-width: 100%; }
.showText ul { padding-bottom: 15px; }
.showText ul li, .left_contact ul li { margin-left: 35px; font-size: 17px; line-height: 30px; }
.tintuc_page_id { padding: 10px 0 0 10px; background: #f4f4f4; }
.tintuc_home_box { padding-top: 30px; background: rgb(255, 255, 255); padding-bottom: 10px; }
.tintuc_home_box_2 { padding: 30px 0px; background: rgb(248, 248, 248); }
.tintuc_home_box_2 { padding: 30px 0px; background: rgb(248, 248, 248); }
.tintuc_home_id ul {margin: 0px 0px 20px;float: left;width: 400px;padding: 0px 10px;min-height: 375px;}
.tintuc_home_id_2 ul { margin: 0px 0px 20px; float: left; padding: 10px; background: rgb(255, 255, 255); width: 400px; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px; }
.tintuc_home_id ul li span { position: absolute; right: 10px; bottom: 20px; z-index: 2; color: rgb(237, 28, 36); font-size: 22px; letter-spacing: 2px; font-weight: normal; text-shadow: rgb(255, 255, 255) -1px 0px, rgb(255, 255, 255) 0px 1px, rgb(255, 255, 255) 1px 0px, rgb(255, 255, 255) 0px -1px, rgb(0, 0, 0) 1px 1px 3px; }
.tintuc_home_id ul li { border: 1px solid rgb(221, 221, 221); }
.tintuc_home_id ul li, .tintuc_home_id ul li img { list-style: none; position: relative; overflow: hidden; display: block; height: auto; width: 100%; transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.tintuc_home_id_2 ul li, .tintuc_home_id_2 ul li img {list-style: none;/* line-height: 0; */position: relative;overflow: hidden;display: block;height: auto;width: 100%;transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}
.tintuc_home_id ul h3 a, .tintuc_home_id_2 ul h3 a { color: rgb(0, 0, 0); font-weight: normal; font-size: 18px; text-transform: none; line-height: 26px; padding-bottom: 5px; transition: all 0.2s ease-in-out 0s; display: block; padding-top: 10px; height: 65px; overflow: hidden; }
.tintuc_home_id ul h4, .tintuc_home_id_2 ul h4 { color: rgb(102, 102, 102); font-weight: normal; font-size: 17px; padding: 10px 0px; text-transform: uppercase; line-height: 30px; }
.tintuc_home_id ul h4 i, .tintuc_home_id_2 ul h4 i, .tin_top_page_more ul p i, .tailieu_id_home .item_audio span i { padding-right: 5px; }
.tintuc_home_id ul .desc, .tintuc_home_id_2 ul .desc { color: rgb(51, 51, 51); font-weight: normal; font-size: 16px; padding: 0px; text-transform: none; line-height: 27px; height: 79px; overflow: hidden; }
.placeNav_2 { position: absolute; top: 20%; z-index: 3; color: rgb(255, 255, 255); font-size: 80px; width: 30px; height: 80px; line-height: 80px; text-align: center; opacity: 0; }
.placeNav, .placeNav_3, .placeNav_4 {position: absolute;top: 50%;z-index: 2;color: rgb(255, 255, 255);font-size: 26px;width: 35px;line-height: 30px;height: 35px;background: rgba(0, 0, 0, 0.24);text-align: center;border-radius: 50%;}
.placeNav.prev, .placeNav_2.prev { left: 5px; }
.placeNav_2.next { right: 5px; text-indent: 3px; }
.placeNav.next { right: 10px; text-indent: 3px; }
.placeNav_3.prev, .placeNav_4.prev { left: 20px; }
.placeNav_3.next, .placeNav_4.next { right: 20px; text-indent: 3px; }
.placeSlide_main:hover .placeNav, .placeSlide_main:hover .placeNav_2, .placeSlide_main:hover .placeNav_3, .placeSlide_main:hover .placeNav_4 { opacity: 1; }
.placeNav:hover, .placeNav_3:hover, .placeNav_4:hover { color: rgb(255, 255, 255); background: rgb(237, 50, 53); }
.placeNav_2:hover { color: rgb(237, 50, 53); }
.placeSlide_main { position: relative; overflow: hidden; }
.placeSlide, .placeSlide_2, .placeSlide_cn { }
.placeSlide_doitac { width: 1000px; }
.titBox { }
.titBox .desc { display: block; font-size: 16px; color: rgb(200, 0, 200); line-height: 1.4; font-weight: bold; margin-bottom: 5px; }
.titBox .tit { font-size: 30px; color: rgb(105, 48, 40); line-height: 35px; margin: 0px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; padding-bottom: 5px; }
.titBox .tit_2 {display: inline-block;font-size: 20px;color: rgb(55 97 157);line-height: 40px;margin: 0px;letter-spacing: 1px;font-weight: 500;border-bottom: 2px solid rgb(0 158 214);vertical-align: middle;}
.titBox::after { display: inline-table; margin: 0px; height: 4px; width: 100px; background: rgb(108, 141, 39); }
.titBox.left { margin-bottom: 20px; width: 100%; }
.titBox.left::after { margin-left: 0px; }
.titBox .sub { color: rgb(245, 245, 245); text-transform: uppercase; font-weight: 500; font-size: 22px; margin-bottom: 5px; line-height: 35px; }
.titBox .sub_2 { color: rgb(136, 136, 136); text-transform: uppercase; font-weight: 500; font-size: 25px; margin-bottom: 5px; line-height: 35px; }
.titBox .sub_1 { color: rgb(255, 255, 255); text-transform: uppercase; font-weight: 500; font-size: 22px; margin-bottom: 5px; line-height: 35px; }
.tintuc_home_id ul h3 a:hover, .tintuc_home_id_2 ul h3 a:hover, .one_new_home ul h3 a:hover, .one_new_home_right ul h3 a:hover, .hinhanh_id ul:hover h3, .thutrian_id ul:hover h3, .tin_top_page_more ul h3 a:hover, .video_id_home ul:hover h3, .tailieu_id ul:hover h3, .tailieu_id_home .item_audio:hover h3 {color: #009ed6;}
.tintuc_home_box_3 { background: url("../images/01.jpg"); padding: 30px 0px; }
.box_menu {background: rgb(255 205 22);width: 100%;height: 45px;}
.box_menu.fixed { position: fixed; z-index: 99999; background-image: linear-gradient(rgb(237, 28, 36), rgb(154, 0, 0)); width: 100%; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 8px 0px; animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: both; top: 0px !important; }
.box_menu::after, .box_menu::before { content: ""; position: inherit; top: 0px; left: 0px; right: 0px; clear: both; }
.box_menu.fixed::after, .box_menu.fixed::before { position: absolute; }
.box_menu::before { top: auto; bottom: 0px; }
.menu { float: left; margin: 0px; padding: 0px; text-align: center; }
.menu * { list-style: none; }
.menu > li + li { position: relative; }
.menu > li + li::after { border-left: 1px solid rgb(255, 255, 255); content: ""; position: absolute; left: 0px; height: 45px; bottom: 0px; z-index: 999; }
.menu > li { float: left; position: relative; }
.menu > li > a {display: block;height: 45px;line-height: 45px;position: relative;z-index: 2;font-size: 16px;text-decoration: none;text-transform: none;color: rgb(0 79 157);font-weight: normal;padding: 0px 10px;}
.menu > li > a i { padding-left: 5px; line-height: unset; }
.menu > li:hover > a {color: rgb(255, 255, 255);background-image: linear-gradient(rgb(65 105 164), rgb(0 158 214));}
.menu > li:hover > a::after { left: 0px; right: 0px; opacity: 1; }
.menu > li:hover > ul { opacity: 1; visibility: visible; transform: none; }
.menu > li.active > a { color: rgb(200, 0, 200); }
.menu > li.active > a::after { left: 0px; right: 0px; opacity: 1; }
.menu > li > ul {position: absolute;top: 100%;left: 0px;opacity: 0;visibility: hidden;min-width: 130px;z-index: 2;margin: 0px;padding: 7px 0px 0px;display: block;transition: all 0.4s ease 0s;transform-origin: center top 0px;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-width: 7px;border-style: solid;border-color: transparent transparent rgb(0 158 214);border-image: initial;width: 0px;height: 0px;position: absolute;top: -7px;left: 17px;z-index: 2;}
.menu > li > ul::after { content: ""; position: absolute; inset: 12px -3px -3px 3px; z-index: 0; background: rgba(0, 0, 0, 0.05); }
.menu > li > ul > li {z-index: 2;position: relative;margin: 0px;color: rgb(255, 255, 255);font-weight: 500;font-size: 14px;padding: 0px;background: rgb(0 158 214);}
.menu > li > ul > li:first-child { border-radius: 3px 3px 0px 0px; }
.menu > li > ul > li:last-child { border-radius: 0px 0px 3px 3px; }
.menu > li > ul > li:last-child > a { border: none; }
.menu > li > ul > li > a { display: block; white-space: nowrap; color: inherit; line-height: 40px; background: rgba(255, 255, 255, 0); border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 0px 24px 0px 0px; text-align: left; font-size: 15px; text-decoration: none !important; }
.menu > li > ul > li > a > span {position: absolute;right: 5px;top: 13px;}
.menu > li > ul > li:hover { z-index: 3; }
.menu > li > ul > li:hover > a { padding: 0px 12px; background: rgba(255, 255, 255, 0.2); border-color: transparent; }
.menu > li > a i { }
.menu > li > ul > li > a { transition: all 0.3s ease-in-out 0s; padding: 0px 12px; }
.menu > li > a, .menu > li > a::after, .menu > li > ul > li > a { transition: all 0.2s ease-in-out 0s; }

.menu > li > ul > li > ul {position: absolute;top: 0px;left: 100%;opacity: 0;visibility: hidden;min-width: 130px;z-index: 2;margin: 0px;/* padding: 7px 0px 0px; */display: block;transition: all 0.4s ease 0s;transform-origin: center top 0px;transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);}
.menu > li:hover > ul > li:hover > ul { opacity: 1; visibility: visible; transform: none; }
.menu > li > ul > li > ul::after { content: ""; position: absolute; inset: 12px -3px -3px 3px; z-index: 0; background: rgba(0, 0, 0, 0.05); }
.menu > li > ul > li > ul > li {z-index: 2;position: relative;margin: 0px;color: rgb(255, 255, 255);font-weight: 500;font-size: 14px;padding: 0px;background: rgb(0 158 214);}
.menu > li > ul > li > ul > li:first-child { border-radius: 3px 3px 0px 0px; }
.menu > li > ul > li > ul > li:last-child { border-radius: 0px 0px 3px 3px; }
.menu > li > ul > li > ul > li:last-child > a { border: none; }
.menu > li > ul > li > ul > li > a { display: block; white-space: nowrap; color: inherit; line-height: 40px; background: rgba(255, 255, 255, 0); border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 0px 24px 0px 0px; text-align: left; font-size: 15px; text-decoration: none !important; }
.menu > li > ul > li > ul > li > a > span {position: absolute;right: 0px;top: 5px;}
.menu > li > ul > li > ul > li:hover { z-index: 3; }
.menu > li > ul > li > ul > li:hover > a { padding: 0px 12px; background: rgba(255, 255, 255, 0.2); border-color: transparent; }
.menu > li > ul > li > ul > li > a { transition: all 0.3s ease-in-out 0s; padding: 0px 12px; }
.menu > li > a, .menu > li > a::after, .menu > li > ul > li > ul > li > a { transition: all 0.2s ease-in-out 0s; }

.menu li.homepage a i { font-size: 25px; margin: 0px; padding: 0px; }
.menu li.homepage a { padding: 0px 10px; }
.menu li.homepage a:hover { color: rgb(255, 255, 0); background: none; }
.box_home_3 { background: rgb(248, 248, 248); padding-top: 30px; padding-bottom: 20px; }
.left_home_1 { float: left; width: 760px; }
.right_home_1 { float: right; width: 430px; background: rgb(255, 255, 255); padding-left: 10px; padding-right: 10px; }
.footer_top { background: rgb(0 79 157); padding: 20px 0px; }
.footer_top ul { float: left; width: 255px; margin-right: 0px; }
.footer_top ul.face_bottom { width: 300px; margin: 0px; }
.footer_top ul.contact_footer { width: 390px; }
.footer_top ul.contact_footer p { color: rgb(255, 255, 255); }
.footer_top ul.contact_footer p img { width: auto; height: 100px; }
.footer_top ul h3 {color: #ffc800;font-weight: normal;font-size: 20px;text-transform: uppercase;padding-bottom: 10px;position: relative;line-height: 30px;}
.footer_top ul li { list-style: none; border-bottom: 1px dotted rgb(255, 255, 255); padding-bottom: 10px; margin-bottom: 10px; font-size: 16px; line-height: 25px; float: left; width: 220px; margin-right: 20px; }
.footer_top ul li a { color: rgb(255, 255, 255); display: block; }
.footer_top ul li a:hover { color: rgb(177, 56, 48); }
#sharelink { animation: 0.4s ease-in 0.4s 1 normal backwards running blurFadeRight; padding-top: 20px; margin-top: 20px; border-top: 1px solid rgb(204, 204, 204); height: 35px; }
.sharelink { animation: 0.4s ease-in 0.4s 1 normal backwards running blurFadeRight; text-align: center; padding-top: 10px; height: 35px; }
.sharelink a img { background: rgba(48, 57, 65, 0); border: 1px solid rgb(255, 255, 255); padding: 4px; margin-right: 10px; }
.sharelink img:hover { background: rgb(237, 28, 36); opacity: 10; border: 1px solid rgb(255, 255, 255); }
.bottom_id_copyright { text-align: center; padding: 10px 0px; background: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 16px; }
#back-top { position: fixed; bottom: 30px; right: 10px; z-index: 1; }
#back-top a { display: block; width: 40px; line-height: 40px; background: rgb(177, 203, 19); outline: none; color: rgb(255, 255, 255); font-size: 17px; text-align: center; transition: color 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s, fill 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s, background 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s; }
#back-top a:hover { color: rgb(255, 255, 255); background: rgb(153, 153, 153); }
.newsletter_home { background: url("../images/bg_2.jpg") center center / cover no-repeat fixed; padding: 100px 0px; position: relative; }
.newsletter_home::before { content: ""; position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.52); transition: all 0.3s ease 0s; z-index: 0; }
.newsletter_home h3 { text-transform: uppercase; line-height: 40px; font-size: 30px; text-align: center; font-weight: normal; color: rgb(255, 255, 255); padding-bottom: 0px; }
.newsletter_home p { line-height: 40px; font-size: 20px; text-align: center; font-weight: normal; color: rgb(255, 255, 255); }
.newsletter_home ul { width: 80%; margin-top: 20px; }
.newsletter_home ul h2 a { float: right; box-shadow: rgba(0, 0, 0, 0.15) 0px -5px 0px 0px inset; border-radius: 4px; margin-top: 0px; vertical-align: middle; font-size: 18px; font-weight: 500; padding: 8px 38px; letter-spacing: 0.025em; color: rgb(255, 255, 255); background-color: rgb(237, 28, 36); transition: all 0.3s ease-out 0s; text-transform: uppercase; display: inline-block; }
.newsletter_home ul h2 a:hover, .home_out_services ul li a:hover, .box_title_banner ul h4 a:hover, .title_duan_id ul h4 a:hover { box-shadow: rgba(0, 0, 0, 0.15) 0px -5px 0px 0px inset; color: rgb(255, 255, 255); background-color: rgb(153, 0, 0); }
.col-md-1 { width: 21%; float: left; margin-left: 10px; }
.col-md-7 { width: 26%; float: left; margin-left: 10px; color: rgb(102, 102, 102); margin-right: 10px; }
.form-control { display: block; width: 100%; height: 45px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; resize: vertical; box-sizing: border-box; text-transform: capitalize; }
.form-control:focus { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }
.row-frm select { width: 100%; margin: 0px; height: 48px !important; }
.box_doitac_home { }
.logo_doitac ul { margin: 10px; width: 185px; padding: 10px; background: rgb(255, 255, 255); float: left; text-align: center; transition: all 0.3s ease 0s; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px; }
.logo_doitac ul li { list-style: none; line-height: 0; }
.logo_doitac ul h3 { line-height: 27px; color: rgb(0, 0, 0); font-size: 18px; text-transform: capitalize; font-weight: 500; transition: all 0.2s ease-in-out 0s; padding-top: 5px; }
.logo_doitac ul:hover, .nhataitro_id ul:hover { transform: translateY(-10px); box-shadow: rgba(0, 0, 0, 0.15) 0px 22px 43px; }
.tailieu_id ul:hover { transform: translateY(-10px); }
.logo_doitac ul li img { width: 100%; height: 105px; transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; filter: grayscale(0%); }
.logo_doitac ul li img:hover { transition: filter 0.5s ease-in-out 0s; filter: grayscale(100%); }
.title_id { padding-left: 20px; line-height: 35px; color: rgb(238, 129, 30); font-size: 25px; text-transform: uppercase; margin-bottom: 20px; position: relative; }
.title_id::after { content: ""; display: -webkit-inline-box; clear: both; width: 9px; background: rgb(238, 129, 30); height: 35px; left: 0px; position: absolute; top: 1px; z-index: 2; }
.news_hone_top { padding-top: 20px; padding-bottom: 20px; background: #fff; }
.video_hone_top { padding-top: 20px; padding-bottom: 20px; background: rgb(255, 255, 255); }
.video_id_home ul { float: left; margin: 10px; text-align: center; width: 280px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 20px; padding: 10px; }
.video_id_home ul li { list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; }
.video_id_home ul li span { position: absolute; z-index: 1; left: 0px; right: 0px; top: calc(50% - 20px); text-align: center; color: rgba(237, 28, 36, 0.76); font-size: 30px; display: inline-block; line-height: 50px; transition: all 0.2s ease-in-out 0s; }
.video_id ul li span { position: absolute; z-index: 1; left: 0px; right: 0px; top: calc(50% - 20px); text-align: center; color: rgba(237, 28, 36, 0.76); font-size: 30px; display: inline-block; line-height: 50px; transition: all 0.2s ease-in-out 0s; }
.video_id_home ul:hover li span { color: rgba(237, 28, 36, 0.57); }
.video_id_home ul li img { width: 100%; height: auto; transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.video_id_home ul h3 { color: rgb(51, 51, 51); font-weight: normal; font-size: 20px; padding-top: 10px; text-transform: none; line-height: 26px; transition: all 0.2s ease-in-out 0s; }
.left_conten { float: left; width: 900px; }
.left_conten_home {float: left;width: 860px;}
.right_conten { float: right; width: 290px; }
.right_conten_home {float: right;width: 320px;}
.tt_top_1 ul p, .one_new_home ul p, .tti_more ul p {font-size: 17px;color: #000;line-height: 27px;text-align: justify;font-family: Arial;}
.one_new_home li { float: left; width: 45%; line-height: 0; list-style: none; position: relative; overflow: hidden; display: block; }
.one_new_home li img { width: 100%; height: auto; transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.one_new_home ul {padding-top: 10px;width: 55%;padding-left: 10px;float: right;}
.one_new_home ul h3 a, .tti_more ul h3 a {font-size: 20px;font-weight: 500;color: #095e8a;line-height: 28px;padding-bottom: 10px;display: block;transition: all 0.2s ease-in-out 0s;text-transform: none;}
.one_new_home { width: 100%; }
.one_new_home_right { width: 100%; margin-top: 20px; }
.one_new_home_right ul {min-height: 240px;width: 100%;float: left;border: 1px solid rgb(221, 221, 221);}
.one_new_home_right ul .desc{padding: 0 5px;line-height: 22px;font-size: 16px;}
.one_new_home_right li { width: 100%; list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; }
.one_new_home_right li a { display: block; cursor: grab; font-weight: bold;}
.one_new_home_right li img { width: 100%; height: auto; transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.one_new_home_right ul h3 a {font-size: 16px;font-weight: bold;color: rgb(0, 0, 0);line-height: 22px;display: block;padding: 5px;transition: all 0.2s ease-in-out 0s;height: 50px;overflow: hidden;/* cursor: move; */}
.hone_top { padding-bottom: 20px; padding-top: 30px; }
.one_new_home_right li img:hover, .one_new_home li img:hover, .tintuc_home_id_2 ul li img:hover, .tintuc_home_id ul li img:hover, .banner_left ul li img:hover, .thutrian_id ul li img:hover, .hinhanh_id ul li img:hover, .tin_top_page_more li img:hover, .video_id ul li img:hover, .video_id_home ul li img:hover, .tailieu_id ul li img:hover, .tailieu_id_home .item_audio .img img:hover, .banner_qc ul li img:hover, .duan_id_right ul li img:hover { transform: scale(1.2); opacity: 1; filter: grayscale(0); }
.box_right_id_tt{margin-bottom: 15px;}
.box_right_id_tt li, .box_right_id_tt li img { list-style: none; line-height: 0; width: 100%; height: auto; margin-top: 7px; border-radius: 5px; }
.box_right_id_tt ul, .box_ttitle_right { border: 1px solid rgb(204, 204, 204); border-radius: 5px; margin-top: 12px; }
.box_right_id_tt ul h3, .box_ttitle_right h2 {background: rgb(255 205 22);line-height: 43px;text-align: center;color: rgb(0 79 157);font-size: 18px;text-transform: none;font-weight: normal;border-radius: 5px 5px 0px 0px;}
.box_right_id_tt ul .content_right { display: block; background: rgb(248, 248, 248); line-height: 25px; color: rgb(51, 51, 51); font-size: 18px; padding: 5px 10px; text-transform: none; font-weight: normal; margin: 5px; transition: all 0.2s ease-in-out 0s; }
.page_conten_page { padding-top: 30px; padding-bottom: 30px; }
.showText h2 { text-transform: uppercase; color: rgb(105, 48, 40); font-size: 25px; line-height: 35px; position: relative; font-weight: normal; margin-bottom: 10px; }
.link_page ul li i { color: rgb(255, 255, 255); margin-right: 7px; }
.link_page { border-top: 1px solid rgb(229, 229, 229); border-bottom: 1px solid rgb(229, 229, 229); background: rgb(244, 244, 244); line-height: 32px; padding: 13px 0px; }
.link_page h3 {float: left;font-size: 25px;color: rgb(0 79 157);line-height: 30px;text-transform: uppercase;font-weight: 500;margin-left: 25px;padding-left: 5px;}
.link_page h3::after {content: "";display: -webkit-inline-box;clear: both;width: 5px;background: rgb(0 79 157);height: 30px;left: 10px;position: absolute;top: 0px;}
.link_page ul { float: right; padding-right: 10px; margin-top: 5px; }
.link_page ul li { float: left; list-style: none; background: url("../images/w_bg_location.gif") right center no-repeat; padding-right: 20px; padding-left: 12px; line-height: 20px; height: 20px; }
.link_page ul li i { color: rgb(127, 127, 127); font-size: 18px; }
.link_page ul li a { display: block; color: rgb(127, 127, 127); font-size: 15px; text-transform: uppercase; }
.link_page ul li a:hover { color: rgb(105, 48, 40); }
.nums { table-layout: auto; margin-top: 15px; text-align: center; }
.nums li { list-style: none; display: inline-table; }
.nums a { font-size: 19px; display: block; margin: 0px 6px 0px 0px; padding: 5px; line-height: 18px; height: 30px; width: 30px; table-layout: inherit; text-align: center; color: rgb(255, 255, 255); background: rgb(0 79 157); text-decoration: none; }
.nums a:hover, .nums a.active, .nums a.stay:hover {background: rgb(255 205 22);color: rgb(0 79 157);}
.nums a.stay { background: rgb(108, 141, 39); color: rgb(255, 255, 255); }
.comment_face { margin-top: 20px; margin-bottom: 20px; }
.map_contact iframe { width: 100%; height: 500px; }
.contact { margin-top: 20px; }
.contact .left { width: 49%; float: left; }
.contact .right { width: 49%; float: right; }
.formBox li { display: block; position: relative; margin-bottom: 10px; }
.formBox li input, .formBox li textarea { border: 1px solid rgb(225, 225, 225); height: 45px; color: rgb(153, 153, 153); padding: 0px 10px 0px 45px; font-family: "Open Sans", Arial, Helvetica, Tahoma, sans-serif; box-sizing: border-box; text-transform: capitalize; font-size: 14px; }
.formBox li textarea { padding: 10px 10px 10px 45px; height: 210px; }
.contact .left input { width: 100%; }
.contact .right input, .contact .right textarea { width: 100%; }
.formBox li::after { content: ""; position: absolute; top: 0px; left: 0px; width: 45px; height: 50px; background-repeat: no-repeat; background-position: center center; z-index: 0; }
.formBox li.name::after { background-image: url("../images/contact/c_name.png"); }
.formBox li.phone::after { background-image: url("../images/contact/c_phone.png"); }
.formBox li.mail::after { background-image: url("../images/contact/c_mail.png"); }
.formBox li.local::after { background-image: url("../images/contact/c_local.png"); }
.formBox li.subject::after { background-image: url("../images/contact/c_subject.png"); }
.formBox li.mess::after { background-image: url("../images/contact/c_mess.png"); }
.formBox li.code::after { background-image: url("../images/contact/c_code.png"); }
.formBox li.day::after { background-image: url("../images/contact/day.png"); }
.formBox li.songuoi::after { background-image: url("../images/contact/songuoi.png"); }
.formBox .button { float: right; text-transform: uppercase; font-size: 20px; padding: 0px 25px; margin-left: 10px; height: 40px; line-height: 40px; margin-top: 10px; color: rgb(255, 255, 255); background: rgb(237, 28, 36); white-space: nowrap; border-radius: 5px; transition: all 0.2s ease-in-out 0s; margin-bottom: 20px; }
.formBox .button:hover { color: rgb(255, 255, 255); background: rgb(153, 0, 0); }
.formBox li span { position: absolute; right: 0px; top: 0px; line-height: 42px; padding: 0px 10px; font-weight: 500; z-index: 2; letter-spacing: 1px; user-select: none; }
.left_contact { width: 50%; color: rgb(255, 255, 255); float: left; }
.left_contact h3 { text-transform: uppercase; font-size: 22px; line-height: 30px; font-weight: normal; color: rgb(250, 170, 51); padding-bottom: 15px; }
.right_conact { float: right; width: 500px; background: rgb(255, 255, 255); padding: 20px; border-radius: 5px; }
.video_id ul { width: 25%; float: left; padding: 10px; text-align: center; box-shadow: none; transition: all 0.3s ease 0s; padding: 10px; }
.video_id ul li, .video_id ul li img { width: 100%; height: auto; list-style: none; line-height: 0; transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; position: relative; overflow: hidden; display: block; }
.video_id ul h3 { background: #f4f4f4; display: block; line-height: 25px; height: 60px; overflow: hidden; font-size: 17px; text-transform: none; color: rgb(51, 51, 51); padding: 5px; transition: all 0.3s ease-in-out 0s; font-weight: normal; }
.video_id ul:hover h3 { color: rgb(108, 141, 39); }
.video_id_top { box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px; float: left; width: 810px; }
.video_id_top iframe { width: 100%; height: 460px; }
.video_lienquan { width: 370px; float: right; height: 460px; overflow: auto; }
.video_lienquan::-webkit-scrollbar-track { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px inset; background-color: rgb(255, 255, 255); border-radius: 5px; box-sizing: border-box; }
.video_lienquan::-webkit-scrollbar { width: 2px; background-color: rgb(255, 255, 255); box-sizing: border-box; }
.video_lienquan::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgb(0, 0, 0); box-sizing: border-box; }
.video_lienquan .row_video { margin-bottom: 15px; }
.video_lienquan .row_video .img { width: 150px; float: left; }
.video_lienquan .row_video .img img { width: 100%; height: auto; }
.video_lienquan .row_video h3 { float: right; width: 210px; color: rgb(0, 0, 0); font-size: 16px; font-weight: normal; padding-right: 10px; line-height: 24px; }
.thutrian_id ul { float: left; margin: 10px 10px 20px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 20px; width: 410px; padding: 10px; transition: all 0.3s ease 0s; }
.thutrian_id ul li, .thutrian_id ul li img { transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; width: 100%; height: auto; position: relative; overflow: hidden; display: block; }
.hinhanh_id ul { float: left; margin: 10px 10px 20px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 20px; width: 360px; padding: 10px; transition: all 0.3s ease 0s; }
.hinhanh_id ul li, .hinhanh_id ul li img { transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; width: 100%; height: auto; position: relative; overflow: hidden; display: block; }
.hinhanh_id ul h3, .thutrian_id ul h3 {text-transform: none;font-size: 18px;line-height: 25px;padding: 15px 10px 10px;font-weight: normal;color: rgb(0, 0, 0);display: block;height: 60px;overflow: hidden;}
.hinhanh_id ul p, .thutrian_id ul p { color: rgb(51, 51, 51); font-weight: normal; font-size: 17px; padding: 0px 10px; text-transform: none; line-height: 27px; }
.albumView { min-height: 300px; }
.albumView a {float: left; width: 33.3333%; padding: 5px; position: relative;}
.albumView a img{width: 100%; height: 100%; object-fit: contain;}
.albumView:after{content: '';display: block;clear: both;}
.galleria-thumbnails .galleria-image { width: 290px; height: auto; margin-right: 10px; margin-bottom: 10px; top: 0px; left: 0px; cursor: pointer; background: url("../images/loader.gif") 50% 50% no-repeat rgb(221, 221, 221); position: absolute !important; }
.title_news { border-bottom: 1px solid rgb(230, 230, 230); margin-bottom: 15px; }
.title_news h2 {font-size: 26px;line-height: 32px;font-weight: 500;color: #095e8a;margin-bottom: 10px;}
.title_news li { font-size: 17px; color: rgb(102, 102, 102); list-style: none; background: url("../images/icon_day.png") left center no-repeat; padding-left: 25px; margin-bottom: 10px; font-style: italic; }
.title_news p { line-height: 26px; color: rgb(51, 51, 51); font-size: 18px; font-weight: bold; padding-bottom: 15px; }
.tin_top_page_left { float: left; width: 64%; border: 1px solid #a5a5a5;}
.tin_top_page_right {margin-bottom: 25px;position: relative;}
.tin_top_page_right_news {float: right;position: relative; width: 35%; height: 525px; overflow: auto;}
.tin_top_page_right_news::-webkit-scrollbar-track { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px inset; background-color: rgb(255, 255, 255); border-radius: 5px; box-sizing: border-box; }
.tin_top_page_right_news::-webkit-scrollbar { width: 5px; background-color: rgb(255, 255, 255); box-sizing: border-box; }
.tin_top_page_right_news::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgb(102 102 102); box-sizing: border-box; }
.tin_top_page_left { position: relative; }
.tin_top_page_left li { list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; }
.tin_top_page_left li img { width: 100%; height: auto; transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.tin_top_page_left li::before { content: ""; display: block; background: linear-gradient(transparent, rgb(0, 0, 0)); width: 100%; height: 70%; position: absolute; left: 0px; right: 0px; bottom: 0px; }
.tin_top_page_left ul { /* position: absolute; */ left: 0px; right: 0px; bottom: 0px; padding: 10px 0 5px; z-index: 2; color: #333; }
.tin_top_page_left ul h3 a { color: #333; font-size: 24px; font-weight: 600; text-transform: none; padding: 0 10px; line-height: 32px; display: block; transition: all 0.2s ease-in-out 0s; }
.tin_top_page_left ul h3 a:hover { color: #009ed6; }
.tin_top_page_left ul p { color: #000; font-size: 18px; font-weight: 500; line-height: 30px; }
.tin_top_page { margin-bottom: 20px; }
.tin_top_page_more { margin-bottom: 8px; border: 1px solid #cfcfcfee;  }
.tin_top_page_more li {list-style: none;line-height: 0;float: left;width: 40%;position: relative;overflow: hidden;display: block;}
.tin_top_page_more li img { width: 100%; height: auto; transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.tin_top_page_more ul {float: right;width: 170px;}
.tin_top_page_more ul h3 a {padding: 5px 5px 0 5px;color: rgb(51, 51, 51);font-weight: normal;font-size: 16px;text-transform: none;line-height: 20px;padding-bottom: 5px;transition: all 0.2s ease-in-out 0s;display: -webkit-box; text-overflow: ellipsis; overflow: hidden; height: 60px; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.tin_top_page_more ul p { color: rgb(102, 102, 102); font-size: 17px; font-weight: 500; line-height: 30px; }
.nhataitro_id ul { float: left; margin: 10px 10px 20px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 20px; width: 260px; padding: 10px; text-align: center; transition: all 0.3s ease 0s; }
.nhataitro_id ul li, .nhataitro_id ul li img { transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; width: 100%; height: auto; position: relative; overflow: hidden; display: block; }
.nhataitro_id ul h3 { text-transform: uppercase; font-size: 18px; line-height: 25px; padding: 15px 10px 10px; font-weight: normal; color: rgb(51, 51, 51); display: block; }
.tailieu_id ul { float: left; margin: 10px 10px 20px; background: rgb(255, 255, 255); width: 380px; transition: all 0.3s ease 0s; padding-bottom: 10px; border-bottom: 1px dotted rgb(204, 204, 204); }
.tailieu_id ul li, .tailieu_id ul li img { transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; width: 100%; height: auto; position: relative; overflow: hidden; display: block; }
.tailieu_id ul h3 { text-transform: capitalize; font-size: 19px; line-height: 25px; padding: 15px 0px 10px; font-weight: normal; color: rgb(51, 51, 51); display: block; }
.lang_top { float: right; margin-right: 10px; margin-top: 30px; }
.lang_top li { float: left; margin-left: 10px; list-style: none; }
.lang_top li i { font-size: 13px; line-height: 20px; text-align: center; }
.lang_top li a { color: rgb(51, 51, 51); background: rgb(255, 255, 255); height: 20px; width: 20px; padding: 5px; border-radius: 50%; display: block; font-size: 13px; line-height: 20px; text-align: center; }
.lang_top li a:hover { color: rgb(255, 255, 255); background: rgb(237, 28, 36); transition: all 0.2s ease-in-out 0s; }
.header { height: auto; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.header a{line-height: 0px; display: block;}
.header img {width: 100%;height: auto;}
.logo_top { float: left; padding: 10px; }
.logo_top { list-style: none; float: left; line-height: 0; }
.logo_top img { width: auto; height: 130px; padding: 5px 0px; }
.slogan_top { float: left; padding: 30px; text-align: center; }
.slogan_top h2 { font-size: 36px; color: rgb(238, 129, 30); line-height: 40px; margin: 0px; text-transform: uppercase; font-weight: 500; text-shadow: rgb(255, 255, 255) -1px 0px, rgb(255, 255, 255) 0px 1px, rgb(255, 255, 255) 1px 0px, rgb(255, 255, 255) 0px -1px, rgb(0, 0, 0) 1px 1px 3px; font-family: "Open Sans Condensed", Arial, Helvetica, Tahoma, sans-serif; letter-spacing: 2px; padding-bottom: 5px; }
.slogan_top h3 { font-size: 32px; color: rgb(22, 64, 113); line-height: 45px; margin: 0px; text-transform: none; font-weight: 500; text-shadow: rgb(255, 255, 255) -1px 0px, rgb(255, 255, 255) 0px 1px, rgb(255, 255, 255) 1px 0px, rgb(255, 255, 255) 0px -1px, rgb(0, 0, 0) 1px 1px 3px; font-family: "Open Sans Condensed", Arial, Helvetica, Tahoma, sans-serif; letter-spacing: 4px; }
.bannerInside { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 300px; border-radius: 5px; }
.banner_left { position: relative; overflow: hidden; height: auto; z-index: 0; border-radius: 5px; }
.banner_left h3 { background: rgba(0, 0, 0, 0.48); line-height: 45px; color: rgb(255, 255, 255); font-size: 22px; text-transform: none; font-weight: normal; position: absolute; left: 0px; right: 0px; text-align: center; z-index: 2; bottom: 0px; }
.banner_left h3 a { color: rgb(255, 255, 255); display: block; }
.banner_left h3 a:hover { color: rgb(255, 255, 255); text-decoration: underline; }
.banner_left li{list-style: none;}
.banner_left img{width: 100%; height: auto;}
.bannerMain { position: relative; overflow: hidden; height: auto; z-index: 0; }
.banner_duan { position: relative; overflow: hidden; height: 400px; z-index: 0; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; border-radius: 5px; }
.banner_3 li { float: left; width: 100%; height: 400px; list-style: none; background-position: center center; background-size: cover; background-repeat: no-repeat; cursor: default; position: relative; border-radius: 5px; }
.banner_2 li { float: left; width: 100%; height: auto; list-style: none; background-position: center center; background-size: cover; background-repeat: no-repeat; cursor: default; position: relative; border-radius: 5px; }
.banner li { float: left; width: 100%; height: auto; list-style: none; background-position: center center; background-size: cover; background-repeat: no-repeat; cursor: default; position: relative; }
.banner li a { display: block; line-height: 0px; }
.banner li img { width: 100%; height: auto; }
.banner_2 li img { width: 100%; height: auto; }
.posBL { left: 0px; bottom: 0px; }
.pagiBanner { position: relative; left: 0px; right: 0px; bottom: 40px; margin: auto; width: auto; text-align: center; z-index: 10; }
.pagiBanner { position: relative; left: 0px; right: 0px; bottom: 40px; margin: auto; width: auto; text-align: center; z-index: 10; }
.pagiBanner a, .pagiBanner_2 a, .pagiBanner_3 a { display: inline-block; vertical-align: text-top; width: 14px; height: 14px; background: rgb(255, 255, 255); text-indent: -100000px; margin: 0px 5px; border: 3px solid rgb(204, 204, 204); border-radius: 50%; }
.pagiBanner a.selected, .pagiBanner_2 a.selected, .pagiBanner_3 a.selected { background: rgb(237, 28, 36); }
.pagiBanner_2, .pagiBanner_3 { position: relative; left: 0px; right: 0px; bottom: -20px; margin: auto; width: auto; text-align: center; z-index: 10; }
.banner_left .placeNav.prev1, .banner_duan .placeNav.prev1, .bannerMain .placeNav.next1 { top: 50%; z-index: 9999; opacity: 1; left: 10px; }
.banner_left .placeNav.prev1 i, .banner_duan .placeNav.prev1 i, .bannerMain .placeNav.next1 i { top: 4px; position: relative; }
.banner_left .placeNav.next1, .banner_duan .placeNav.next1 { right: 10px; left: auto; }
.bannerMain .placeNav.next1, .bannerMain .placeNav.next1 { top: 50%; z-index: 9999; opacity: 1; right: 10px; }
.banner_left .placeNav.prev1, .bannerMain .placeNav.next1 { top: 50%; z-index: 9999; opacity: 1; left: 10px; }
.banner_left .placeNav.prev1 i, .banner_left .placeNav.next1 i, .banner_duan .placeNav.prev1 i, .banner_duan .placeNav.next1 i { top: 4px; position: relative; }
.container { position: relative; }
.mySlides { display: none; }
.cursor { cursor: pointer; }
.numbertext { color: rgb(242, 242, 242); font-size: 12px; padding: 8px 12px; position: absolute; top: 0px; }
.caption-container { text-align: center; background-color: rgb(27, 29, 31); padding: 10px 0px; color: white; font-size: 20px; line-height: 35px; text-transform: capitalize; }
.row::after { content: ""; display: table; clear: both; }
.column { float: left; width: 20%; padding: 0px 10px; }
.demo { opacity: 0.6; }
.active, .demo:hover { opacity: 1; }
.mySlides:hover { opacity: 0.7; }
.tailieu_id_home .item_audio { border-bottom: 1px dotted rgb(204, 204, 204); padding-bottom: 10px; margin-bottom: 10px; }
.tailieu_id_home .item_audio .img { float: left; width: 130px; list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; }
.tailieu_id_home .item_audio .img img { width: 100%; height: auto; transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.tailieu_id_home .item_audio h3 { font-size: 16px; font-weight: 500; color: rgb(0, 0, 0); line-height: 24px; display: block; transition: all 0.2s ease-in-out 0s; text-transform: none; padding-bottom: 5px; float: right; width: 270px; }
.tailieu_id_home .item_audio p, .tailieu_id ul p { color: rgb(102, 102, 102); font-size: 16px; font-weight: 500; line-height: 25px; display: block; }
.tailieu_id_home .item_audio p i, .tailieu_id ul p i { padding-right: 8px; }
.banner_qc ul li { margin-top: 5px; list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; }
.banner_qc ul li img { width: 100%; height: 240px; transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; border-radius: 5px; }
.listtabs { display: inline-block; overflow: hidden; margin-bottom: 0px; text-align: center; vertical-align: middle; }
.listtabs li { display: inline-block; margin: 0px 6px; }
.listtabs li a {color: #fff;text-decoration: none;margin-right: 0px;display: block;padding: 0px 0px 0px 5px;line-height: 40px;font-size: 16px;font-weight: normal;text-transform: none;transition: all 1s ease 0s;}
.listtabs li a:hover, .listtabs li a.selected, .listtabs li a.selected:hover {color: #a1d5ea;}
#pro_tabs .tabs { border-top: none; }
#pro_tabs { margin-bottom: 20px; text-align: center; }
.box_tab { margin: 0px; }
.chise_id_footer ul { text-align: center; margin-top: 10px; }
.chise_id_footer ul li { display: inline-table; list-style: none; margin: 0px 5px; font-size: 11px; border: 1px solid rgb(255, 255, 255); border-radius: 50%; padding: 5px; width: 20px; height: 20px; line-height: 20px; color: rgb(255, 255, 255); transition: color 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s, fill 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s, background 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s; }
.chise_id_footer ul li a { color: rgb(255, 255, 255); display: block; }
.chise_id_footer ul li i { font-size: 17px; }
.chise_id_footer ul li:hover { border: 1px solid rgb(237, 28, 36); background: rgb(237, 28, 36); color: rgb(255, 255, 255); }
.title_duan_id { position: absolute; left: 5%; z-index: 2; top: 25%; }
.title_duan_id ul { width: 45%; float: left; background: rgba(0, 0, 0, 0.49); padding: 20px; text-align: justify; border-radius: 5px; }
.title_duan_id ul h3 { text-transform: none; font-size: 30px; line-height: 40px; font-weight: normal; color: rgb(255, 255, 255); }
.title_duan_id ul p { font-size: 20px; line-height: 30px; color: rgb(255, 255, 255); }
.title_duan_id ul h4 a { box-shadow: rgba(0, 0, 0, 0.15) 0px -5px 0px 0px inset; border-radius: 4px; vertical-align: middle; font-size: 17px; font-weight: 500; padding: 7px 25px; letter-spacing: 0.025em; color: rgb(255, 255, 255); background-color: rgb(237, 28, 36); transition: all 0.3s ease-out 0s; text-transform: capitalize; display: inline-block; margin-top: 15px; }
.bg_gayquy_id { background: url("../images/bg_3.jpg") center center / cover no-repeat fixed; padding: 20px 0px; position: relative; }
.timkiem_top { float: right; margin-top: 7px; border: 1px solid rgb(255, 255, 255); border-radius: 100px; background: none; margin-right: 10px; }
.input_search { padding: 0px 15px; height: 30px; width: 140px; float: right; color: rgb(255, 255, 255); background: none; border: none; font-size: 12px; }
.input_search:focus { color: rgb(255, 255, 255); }
.search a { width: 30px; height: 30px; text-indent: -10000px; background: url("../images/icon-search.png") center center no-repeat; float: right; border-left: 0px; margin-right: 5px; }
.search a:hover { background: url("../images/icon-search_hover.png") center center no-repeat; }
.banner_center_home { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 225px; transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.tintuc_right_id ul, .duan_id_right { padding: 10px; }
.tintuc_right_id ul li { list-style: none; }
.tintuc_right_id ul li a { display: block; line-height: 25px; color: #787878; font-size: 18px; text-transform: none; font-weight: 500; transition: all 0.2s ease-in-out 0s; border-bottom: 1px dotted rgb(153, 153, 153); padding-bottom: 5px; margin-bottom: 5px; }
.tintuc_right_id ul li a:hover, .duan_id_right ul:hover h3 { color: rgb(108, 141, 39); }
.duan_id_right ul { border-bottom: 1px dotted rgb(204, 204, 204); padding-bottom: 5px; margin-bottom: 5px; text-align: center; }
.duan_id_right ul li, .duan_id_right ul li img { transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; width: 100%; height: auto; position: relative; overflow: hidden; display: block; }
.duan_id_right ul h3 { line-height: 30px; color: rgb(0, 0, 0); font-size: 20px; text-transform: none; font-weight: 500; transition: all 0.2s ease-in-out 0s; padding-top: 5px; }
.marquee { overflow: hidden; height: 400px; margin-top: 20px; margin-bottom: 20px; }
.menu > li > a.icon_menu i { padding-left: unset; }
.box_menu.show-all-menu .wrap-all-menu { top: calc(100% - 0px); visibility: visible; opacity: 1; }
.wrap-all-menu { position: absolute; left: 0px; right: 0px; }
.wrap-all-menu { position: absolute; padding: 20px; top: calc(100% + 10px); opacity: 0; visibility: hidden; transition-duration: 200ms; transition-property: opacity, top, visible; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); z-index: 1; border: 1px solid rgb(221, 221, 221); background: rgb(238, 238, 238); }
.wrap-all-menu .cat-menu {display: inline-block;vertical-align: top;font-size: 14px;width: 175px;margin-bottom: 10px;margin-right: 5px;margin-left: 5px;}
.wrap-all-menu .cat-menu li { list-style: none; font-size: 16px; }
.wrap-all-menu .cat-menu li:first-child { color: rgb(159, 34, 78); font-size: 18px; font-weight: bold; }
.wrap-all-menu .cat-menu li:first-child a { padding-top: 0px; }
.wrap-all-menu .cat-menu li a { display: inline-block; line-height: 22px; color: rgb(51, 51, 51); }
.wrap-all-menu .header-menu { width: 100%; float: left; border-bottom: 1px solid rgb(189, 189, 189); padding: 0px; }
.wrap-all-menu .header-menu .name-header { font-size: 18px; line-height: 22px; color: rgb(177, 56, 48); display: inline-block; font-weight: 900; }
.wrap-all-menu .header-menu .close-menu { float: right; color: rgb(51, 51, 51); }
.tin_page_left {width: 860px;float: left;}
.row { margin-left: -10px; margin-right: -10px; }
.row_news { width: 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgb(221, 221, 221); position: relative; }
.row_news .img { width: 200px; float: left; position: relative; }
.row_news .img img { width: 100%; height: auto; }
.row_news .info_news {float: right;width: 630px;}
.row_news .info_news h3 a { color: #333; font-size: 18px; line-height: 30px; display: block; }
.row_news .info_news h3 a:hover {color: rgb(0 79 157);}
.row_news .info_news p { font-size: 16px; line-height: 22px; }
.tin_top_page_right h2 {background: rgb(255 205 22);line-height: 43px;text-align: center;color: rgb(0 104 183);font-size: 18px;text-transform: none;font-weight: normal;border-radius: 10px 10px 0px 0px;}
.top_page_right { padding: 10px; border: 1px solid rgb(221, 221, 221); }
.icon-fixed-right-group a:first-child { margin-top: 0px; }
.icon-fixed-right-group a { width: 40px; height: 40px; text-align: center; color: rgb(255, 255, 255); border-radius: 50%; font-size: 16px; line-height: 40px; display: block; margin-top: 5px; }
.icon-fixed-right-group a i { line-height: inherit; }
.icon-fixed-right-group { width: 40px; position: fixed; right: -100%; transition: all 0.45s ease 0s; top: 50%; transform: translateY(-50%); z-index: 2; }
.icon-fixed-right-group.active { right: 5px; transition: all 0.45s ease 0s; }
.icon-fixed-right-group a:nth-child(1), .icon-fixed-right-group a:nth-child(4), .icon-fixed-right-group a:nth-child(5) { background: rgb(66, 103, 178); }
.icon-fixed-right-group a:nth-child(2), .icon-fixed-right-group a:nth-child(6) { background: red; }
.icon-fixed-right-group img { width: 100%; height: auto; }
.hot_id_home {/* float: left; */width: 100%;padding: 0px 10px;position: relative;margin-bottom: 15px;}
.box_id_page_load {border: 1px solid rgb(204, 204, 204);padding: 10px;background: rgb(255, 255, 255);position: relative;box-shadow: rgba(0, 0, 0, 0.15) 5px 5px 0px;border-radius: 10px;}
.title_id_home {line-height: 40px;margin-bottom: 15px;background: #ffcd16;padding: 5px;border-radius: 10px 10px 0 0;}
.title_id_home h3 {color: rgb(0 79 157);display: inline-block;border-bottom: 2px solid rgb(0 79 157);font-size: 20px;vertical-align: middle;font-weight: normal;line-height: 32px;margin-left: 10px;}
.top_hot_id_home {background: rgb(255, 255, 255);border-bottom: 1px solid #ddd;margin-bottom: 10px;float: left;width: 60%;}
.top_hot_id_home .img {width: 100%;}
.top_hot_id_home .img img { width: 100%; height: auto; }
.top_hot_id_home .info_news_home{width: 100%;}
.top_hot_id_home .info_news_home p{text-align: justify; font-family: Arial;}
.top_hot_id_home .info_news_home a{color: #333;}
.top_hot_id_home h3 { color: rgb(0, 0, 0); padding: 8px 0px; font-size: 18px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list_hot_id_home{float: right;width: 39%;}
.list_hot_id_home ul { list-style: none; }
.list_hot_id_home ul li { border-bottom: 1px solid rgb(221, 221, 221); margin-bottom: 10px; padding-bottom: 10px; }
.list_hot_id_home ul li:after{content: ''; display: block;clear: both;}
.list_hot_id_home ul li .img{width: 120px; float: left;}
.list_hot_id_home ul li .img img{width: 100%; height: auto;}
.list_hot_id_home ul li .list_hot_content{width: calc(100% - 130px); float: right;}
.list_hot_id_home ul li a {color: rgb(0, 0, 0);line-height: 22px;display: block;/* height: 42px; *//* overflow: hidden; */font-size: 16px;}
.listtabs_nho {display: none;overflow: hidden;margin: 0px;text-align: center;background: rgb(255, 255, 255);vertical-align: middle;padding: 0px;line-height: 28px;position: absolute;right: 10px;top: 52px;border: 1px solid rgb(221, 221, 221);z-index: 99;}
.listtabs_nho li { display: block; vertical-align: text-bottom; }
.listtabs_nho li a:hover, .listtabs_nho li a.selected, .listtabs_nho li a.selected:hover { color: rgb(238, 129, 30); }
.listtabs_nho li a { color: rgb(102, 102, 102); text-decoration: none; margin-right: 0px; padding: 5px 10px; line-height: 28px; font-size: 15px; font-weight: normal; text-transform: none; transition: all 1s ease 0s; display: block; border-bottom: 1px solid rgb(221, 221, 221); text-align: left; }
.mobile { display: none; }
.desktop { display: block; }
.danhmuc_home { float: right; }
.danhmuc_home a.icon_menu { color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); padding: 5px 10px; }
.ngaytao {position: absolute;right: 0px;bottom: 0px;padding: 0px 10px;background: rgb(0 79 157);color: rgb(255, 255, 255);font-size: 16px;}
.lienketnhanh li{list-style: none;}
.lienketnhanh li a{display: block;padding: 5px 10px; border-bottom: 1px solid #ddd; color: #333;}
a.more_right{display: block;background: #ffcd16;border-radius: 0px 0px 10px 10px;color: #0068a8;line-height: 40px;text-align: center; font-size: 18px;}
.showText{text-align: justify;}
.lg-outer #lg-share:after {
    content: "" !important;
    background: url(../images/light-share.svg?1657771526207);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 15px;
    display: inline-block
}

#lg-counter {
    color: #fff !important
}

#lg-actual-size:after {
    content: "" !important;
    background: url(../images/light-actualize.svg?1657771526207);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 15px;
    display: inline-block
}

#lg-zoom-out:after {
    content: "" !important;
    background: url(../images/light-zoom-out.svg?1657771526207);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 15px;
    display: inline-block
}

#lg-zoom-in:after {
    content: "" !important;
    background: url(../images/light-zoom-in.svg?1657771526207);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 15px;
    display: inline-block
}

.lg-outer .lg-toogle-thumb:after {
    content: "" !important;
    background: url(../images/light-menu.svg?1657771526207);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 25px;
    display: inline-block
}

.lg-actions .lg-prev:after {
    content: "" !important;
    background: url(../images/light-left.svg?1657771526207);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 25px;
    display: inline-block
}

.lg-actions .lg-next:before {
    content: "" !important;
    background: url(../images/light-right.svg?1657771526207);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 25px;
    display: inline-block
}

.lg-autoplay-button:after {
    content: "" !important;
    background: url(../images/light-autoplay.svg?1657771526207);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 15px;
    display: inline-block
}

.lg-toolbar .lg-download:after {
    content: "" !important;
    background: url(../images/light-download.svg?1657771526207);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 15px;
    display: inline-block
}

.lg-fullscreen:after {
    content: "" !important;
    background: url(../images/light-fullscreen.svg?1657771526207);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 15px;
    display: inline-block
}

.lg-toolbar .lg-close:after {
    content: "" !important;
    background: url(../images/light-close.svg?1657771526207);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 13px;
    height: 13px;
    display: inline-block
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    line-height: 20px
}

.lg-backdrop.in {
    z-index: 9999
}

.lg-outer.lg-visible {
    z-index: 9999
}
#readAloudControls {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 8px;
    font-family: sans-serif;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
}
#readAloudControls button {
    margin: 5px;
    padding: 5px 10px;
}
@media (max-width: 1440px) {
}
@media (max-width: 1366px) {
}
@media (max-width: 1280px) {
  *, ::before, ::after { box-sizing: border-box; }
  .pagewrap { width: 100%; }
}
@media (max-width: 1024px) {
  body { font-size: 16px; }
  *, ::before, ::after { box-sizing: border-box; }
  .mobile { display: block; }
  .desktop { display: none; }
  .pagewrap { width: 100%; }
  .header_mobile { display: block; }
  #menu_mobile { visibility: visible; }
  .header_mobile {background-image: linear-gradient(rgb(0 158 214), rgb(65 105 164));font-size: 16px;font-weight: bold;color: rgb(255, 255, 255);line-height: 40px;display: block;box-sizing: border-box;width: 100%;height: 40px;padding: 0px 50px;}
  .header_mobile.fixed { position: fixed; top: 0px; left: 0px; }
  .header_mobile a { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC") center center no-repeat transparent; display: block; width: 40px; height: 40px; position: absolute; top: 0px; left: 10px; }
  nav { display: none; position: fixed; }
  .box_menu { display: none; }
  .hone_top { padding-top: 0px; }
  .left_conten_home { width: 65%; }
  .right_conten_home { width: 33%; }
  .one_new_home { width: 100%; }
  .one_new_home_right { width: 100%; margin: 0px; }
  .one_new_home_right li {width: 100%;}
  .one_new_home_right ul h3 a { width: 69%; font-weight: bold;}
  .hot_id_home {width: 100%;}
  .row { margin: 0px; }
  .listtabs_nho { display: none; }
  .tintuc_home_id ul { width: 33.3333%; }
  .tintuc_home_id.tintuc_home_slide ul { width: 100%; }
  .banner_center_home { height: 130px; }
  .tintuc_home_id_2 ul { width: 33.3333%; }
  .left_home_1 { width: 65%; }
  .right_home_1 { width: 33%; }
  .listtabs li a { padding: 0px; }
  .tailieu_id_home .item_audio .img { width: 30%; }
  .tailieu_id_home .item_audio h3 { width: 69%; }
  .video_id_top { width: 65%; }
  .video_lienquan { width: 33%; }
  .video_lienquan .row_video .img { width: 30%; }
  .video_lienquan .row_video h3 { width: 69%; }
  .footer_top ul { width: 50%; }
  .footer_top { padding: 15px; }
  .header img { height: 190px; }
  .tin_page_left { width: 65%; }
  .tin_top_page_right { width: 100%; }
  .row_news .img { width: 30%; }
  .row_news .info_news { width: 69%; }
  .left_conten { width: 65%; }
  .right_conten { width: 33%; }
  .tin_top_page_more li { width: 30%; }
  .tin_top_page_more ul { width: 69%; }
  .hinhanh_id ul { width: 33.3333%; margin: 10px 0px; }
  .video_id ul { width: 31.3333%; margin: 1%; }
.top_hot_id_home{width: 100%;}
.list_hot_id_home{width: 100%;}
.top_hot_id_home .img{float: left;width: 100%;}
  .top_hot_id_home .info_news_home{float: left;width: 100%;}
}
@media (max-width: 980px) {
}
@media (max-width: 960px) {
}
@media (max-width: 900px) {
}
@media (max-width: 854px) {
}
@media (max-width: 818px) {
}
@media (max-width: 800px) {
}
@media (max-width: 768px) {
  .header img { height: 150px; }
  .listtabs { display: none; }
}
@media (max-width: 740px) {
}
@media (max-width: 736px) {
}
@media (max-width: 732px) {
}
@media (max-width: 720px) {
}
@media (max-width: 696px) {
}
@media (max-width: 668px) {
  .left_home_1 { width: 100%; }
  .video_id_top { width: 100%; }
  #datepicker { display: none; }
  .header img { height: 128px; }
  .tintuc_home_id ul { min-height: 300px; }
  .right_home_1 { width: 100%; }
  .one_new_home li{width: 100%;}
	.left_conten_home{width: 100%;}
	.right_conten_home{width: 100%;}
	.one_new_home ul{width: 100%; padding: 10px;}
	.top_hot_id_home{width: 100%;}
  .list_hot_id_home{width: 100%;}
  .top_hot_id_home .img{float: left;width: 100%;}
  .top_hot_id_home .info_news_home{float: left;width: 100%;}
  .top_hot_id_home .info_news_home p{line-height: 22px;}
}
@media (max-width: 641px) {
}
@media (max-width: 600px) {
}
@media (max-width: 568px) {

}
@media (max-width: 480px) {
  .header img { height: 80px; }
  .left_conten { width: 100%; }
  .left_conten_home { width: 100%; }
  .one_new_home { width: 100%; }
  .one_new_home_right { width: 100%; margin: 0px; padding: 0px 10px; }
  .one_new_home_right li {width: 100%;}
  .one_new_home_right ul h3 a {width: 100%;}
  .right_conten { width: 100%; }
  .right_conten_home { width: 100%; }
  .hot_id_home {width: 100%;padding: 0px 10px;}
  .listtabs { display: none; }
  .tintuc_home_id ul { width: 100%; }
  .tintuc_home_id { padding: 0px 10px; }
  .banner_center_home { height: 68px; }
  .tintuc_home_id_2 ul { width: 100%; padding: 10px 20px; }
  .titBox.left { padding: 0px 20px; }
  .right_home_1 { width: 100%; padding: 0px; }
  .tailieu_id_home { padding: 0px 21px; }
  .tailieu_id_home .item_audio .img { width: 30%; }
  .tailieu_id_home .item_audio h3 { width: 69%; }
  .video_id_top iframe { height: 290px; }
  .video_lienquan { width: 100%; padding: 0px 20px; }
  .video_lienquan .row_video .img { width: 30%; }
  .video_lienquan .row_video h3 { width: 69%; }
  .footer_top ul.contact_footer { width: 100%; padding: 0px 10px; }
  .footer_top ul.face_bottom { width: 100%; padding: 0px 10px; }
  .row { margin: 0px; }
  .link_page ul { display: none; }
  .tin_page_left { width: 100%; }
  .tin_top_page_left ul p { display: none; }
  .tin_top_page_left ul h3 a { font-size: 22px; line-height: 24px; }
  .tin_top_page_left ul { padding: 10px; }
  .row_news .img { width: 100%; }
  .row_news .info_news { width: 100%; }
  .tintuc_page_id { padding: 10px 0 0 10px; background: #f4f4f4; }
  .tin_top_page_right { width: 100%; }
  .tin_top_page_more li { width: 30%; }
  .tin_top_page_more ul { width: 69%; }
  .hinhanh_id ul { width: 100%; margin: 10px 0px; }
  .video_id ul { width: 100%; margin: 10px 0px; }
  .one_new_home li{width: 100%;}
  .one_new_home ul{width: 100%;padding-left: unset;}
  .top_hot_id_home .img{width: 100%;}
}
@media (max-width: 414px) {
  .header img { height: 80px; }
}
@media (max-width: 376px) {
  .header img { height: 72px; }
}
@media (max-width: 360px) {
}
@media (max-width: 320px) {
  .header img { height: 62px; }
}
@media (max-width: 240px) {
.top_hot_id_home h3{color: #333; padding: 8px 0px; font-size: 15px; font-weight: 600; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; height: 60px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.list_hot_id_home ul li .img img{width: 100%;}
.list_hot_id_home ul li a{width: 100%; padding:5px;}
}