﻿
body { font-family: 'Roboto', sans-serif; color: #000; margin: 0; padding: 0; font-size:14px; line-height: 22px;}
ul,ul li{list-style:none;margin:0px;padding:0px;}
p, h4{margin:0px;padding:0px;}
a{text-decoration:none;}
.main_top { display: none;}
.Button_SearchMenu { background: rgba(0, 0, 0, 0) url("/_layouts/15/images/ICT.UI.TCKHCN/search_icon.png") no-repeat scroll center center; float: right; height: 19px; padding-top: 7px; padding-right: 5px; width: 20px;}
.button_save { background: #6c8cc7; border-radius: 4px; padding: 3px 10px; color: white; text-decoration: none;}
.textbox { border: solid 1px #dcdcdc; padding: 3px 5px; border-radius: 4px;}
/* -----------content-------------- */
.col_left { width: 69.5%; float: left; margin-top: 35px;}
.col_right { width: 27.2%; float: right; margin-top: 35px;}
.col_full { margin-left: auto; margin-right: auto;}
.content_center, .bound_content { width: 1170px; margin-left: auto; margin-right: auto;}
.bound_content { background: white;}
.drop_groupnews{width:300px;}
/*---------------------------------------------*/
#header_container { width: 100%; height: 130px; background: #567fcc;}
#top_head { width: 1170px; margin-left: auto; margin-right: auto;}
.clear { clear: both;}
#top_head .logo { float: left; margin-top: 15px;}
.search { background: #fff; float: right; width: 50%; border: solid 1px #cdd0d6;}
.search input { height: 25px; padding-left: 10px; color: #707070; border: none; outline: 0; }
.search img { cursor: pointer; }
/* --- ---*/
#top_head .wrapper_right {float: right;}
#top_head .user {margin: 10px 0;float: right;}
#top_head .user .signin{float: left;}
#top_head .user .registration{float: left;}
#top_head .user .laguae{float: left;}
#top_head .user .signin a { background: url(/_layouts/15/images/ICT.UI.TCKHVerB/dangnhap_icon.png) left center no-repeat; padding-left: 20px;text-decoration: none; color: #fff; font-size: 13px; float: left; background-size: 10px; }
#top_head .user .registration a { background: url(/_layouts/15/images/ICT.UI.TCKHVerB/dangky_icon.png) left center no-repeat; padding-left: 30px; text-decoration: none; color: #fff; font-size: 13px; float: left; margin: 0 30px; background-size: 18px; }
#top_head .search {border: solid 1px #d7d7d7;clear: right;height: 30px;width: 100%;margin-bottom:3px;}
#top_head .search input {height: 22px;width: 84%;padding-left: 2%;border: none;outline: 0;}
#top_head .search img { margin-top: 5px; cursor: pointer; }

#top_head .login_user{float: left;margin-right:10px;width: 180px;border-radius: 5px;position: relative;}
#top_head .login_user .login_user_tt{}
#top_head .login_user p{float: right;color: #fff;width: 100%;text-align: right;cursor: pointer;}
#top_head .login_user .login_user_tt:hover ul{display:block;}
#top_head .login_user p i.fa{font-size: 19px;margin-left: 8px;float: right;margin-top: -3px;}
#top_head .login_user ul{border: 1px solid #f2e4e1;border-top:0px;padding: 5px 0px;float: left;width: 100%;border-radius: 0px 0px 7px 7px;display: none;border-bottom: 4px solid #f2e4e1;position: absolute;background: #fff;top: 19px;z-index:1;}
#top_head .login_user ul li{margin: 8px 10px;}
#top_head .login_user ul li:last-child{border-bottom:0px}
#top_head .login_user ul li a{color:#555;}
/* -----------slide-------------- */
#slide_show_container { width: 100%; background: url(/_layouts/15/images/ICT.UI.TCKHVerB/bg_slide.jpg) center center; position: relative; z-index: 1; float: left;}
#slide_show_container .frame_news { width: 1170px; margin-left: auto; margin-right: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#slide_show_container .frame_news_content{float:left;margin:40px 0px;}
#slide_show_container .frame_news .detail { width: 31.3%; height: 302px; float: left; margin-right: 3%; background: white; }
#slide_show_container .frame_news .detail a { text-decoration: none; }
#slide_show_container .frame_news .detail img { width: 100%; height: 210px; }
#slide_show_container .frame_news .detail:last-child { margin: 0; float: right; }
.title_hotnews,.title_hotnews a { padding: 20px; display: inline-block; color: #333; font-weight: bold; font-size: 15px; text-decoration: none; line-height: 24px; background: #fff;}
/* -----------main-------------- */
#main { width: 1170px; margin-left: auto; margin-right: auto; margin-bottom: 35px;}
.left { float: left; width: 69.5%;}
.danhmuc { margin-bottom: 35px; width: 100%}
.danhmuc .title { text-transform: uppercase; font-size: 13px; font-weight: bold; margin-bottom: 5px; }
.danhmuc .title a { text-transform: uppercase; font-size: 15px; text-decoration: none; color: #333; font-weight: bold; padding-bottom: 5px; border-bottom: 3px solid #cdd0d6; }
.danhmuc .content { border: 1px solid #cdd0d6; padding: 25px; }
.danhmuc .content .image { float: left; }
.danhmuc .content .image img { width: 260px; background: #cdd0d6; float: left; margin-right: 10px; margin-bottom: 3px; }
.danhmuc .content .sub { display: inline-block; width: 100%; margin-top: 20px; border-top: 1px solid #cdd0d6; }
.danhmuc .content .sub a { display: block; font-size: 14px; color: #333; text-decoration: none; margin-top: 10px; padding-left: 10px; background: url(/_layouts/15/images/ICT.UI.TCKHVerA/gray_list.png) left 3px no-repeat; }
.danhmuc .content .sapo { float: left; }
.danhmuc .content .sapo a { color: #1a8edb; text-decoration: none; line-height: 22px; font-size: 14px; }
.danhmuc_news_main { float: left; width: 100%;}
.danhmuc_news_main a { color: #394c9a; text-decoration: none; line-height: 24px; font-size: 17px; font-weight: bold; }
.danhmuc_news_main .nhomtin_tomtat{ text-align: justify; margin-top: 10px; line-height: 22px; color: #000;}
.logo_element { margin-bottom: 20px; border: solid 1px #c4c4c4; width: 100%; float: left;}
.logo_element a { border-bottom: 1px solid #ebebeb; text-align: center; padding: 30px 0; width: 100%; float: left; }
/*-----------------------------*/
.right { float: right; width: 27.2%;}
.chuyende { background: url(/_layouts/15/images/ICT.UI.TCKHVerB/bg_navi.png) center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 25px; margin-bottom: 30px;}
.chuyende .hd_bientap { background: url(/_layouts/15/images/ICT.UI.TCKHVerA/bientap.png) left center no-repeat; display: inline-block; padding-left: 85px; height: 68px; line-height: 68px; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; }
.chuyende .guibai { background: url(/_layouts/15/images/ICT.UI.TCKHVerA/guibai.png) left center no-repeat; display: inline-block; padding-left: 85px; height: 68px; line-height: 68px; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; }
.chuyende .bai_duoc_dang { background: url(/_layouts/15/images/ICT.UI.TCKHVerA/baidang.png) left center no-repeat; display: inline-block; padding-left: 85px; height: 68px; line-height: 68px; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; }
.chuyende .sosodulieu { background: url(/_layouts/15/images/ICT.UI.TCKHVerA/csdl.png) left center no-repeat; display: inline-block; padding-left: 85px; height: 68px; line-height: 68px; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; }
.chuyende .spacing { margin-bottom: 25px; }
.chia_se_trang { margin-bottom: 30px; background: #e8ecf2; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.chia_se_trang .title { padding-bottom: 10px; border-bottom: 3px solid #cdd0d6; margin-bottom: 20px; }
.chia_se_trang .title a { text-transform: uppercase; font-size: 14px; text-decoration: none; color: #626262; font-weight: bold; padding-bottom: 20px; }
.chia_se_trang .icon_left { width: 49%; margin-bottom: 5px; float: left; }
.chia_se_trang .icon_right { width: 49%; margin-bottom: 5px; float: right; }
/* -----------footer-------------- */
#footer_container { width: 100%; float: left; background: #567fcc;}
#footer_container_top{ width: 100%; float: left; background: #394c9a;}
#footer_container_top .conect { height: 37px; line-height: 37px; width: 1170px; margin-left: auto; margin-right: auto;}
#footer_container_top .conect .content { margin-right: 2%; color: #fff; text-transform: uppercase; font-size: 13px; float: left; }
#footer_container_top .conect .content .button_share{ width: 30px; border-radius: 15px; height: 30px; float: left; margin-right: 10px; text-align: center; margin-top: 4px; color: #fff;}
#footer_container_top .conect .content .button_share i.fa{ font-size: 16px;}
#footer_container_top .conect .content .facebook{ background: #3b5998; line-height: 33px;}
#footer_container_top .conect .content .twitter{ background: #55acee; line-height: 34px;}
#footer_container_top .conect .content .pinterest{background: #cb2027;line-height: 33px;}
#footer_container_top .conect .content .linkedin{ background: #4c6fb9; line-height: 32px;}
#footer_container_top .conect .content img { margin: 3px 5px 0 5px; padding: 0; float: left;}
#footer_container_top .conect .content span, .conect .map span { float: left; margin-right: 10px;}
#footer_container_top .conect .map { width: 10%; margin-right: 2%; color: #fff; float: left; text-transform: uppercase; font-size: 13px; }
#footer_container_top .conect .map a{width:30px; height:30px; margin-top:2px; background:#fff;float:left;border-radius:15px;text-align:center}
#footer_container_top .conect .map a i.fa{font-size:22px; color:#394c9a}
#footer_container_top .conect .button { width: 26%; float: right; margin-top: 4px; }
#footer_container .information { width: 1170px; margin-left: auto; margin-right: auto}
#footer_container .information .contact {width: 70%;float: left;font-size: 13px;line-height: 20px;color: #fff;padding:20px 0px}
#footer_container .information .thong_ke {width: 26%;float: right;font-size: 13px;line-height: 20px;color: #fff;padding:20px 0px;display:none;}
/*-----------------------------Menu ngang ------------------------------------*/
.Menu {height: 40px;float:left;position: relative;width: 100%;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 5px 0 rgba(0,0,0,0.12);background: #394c9a;}
.Menu_per{position:fixed;top:0px;z-index:3;}
.Center_Menu { height: 40px; float: left; position: absolute;}
.UL_Menu_Index { float: left; width: 100%; height: 34px; margin: 0px 0px 0px 0px; display: inline; padding-left: 0px;}
.UL_Menu_Index .Li_Menu { float: left; min-width: 20px; list-style: none; line-height: 40px; }
.UL_Menu_Index .li:last-child { background: none; }
.UL_Menu_Index li a.active { background: #394c9a; color: white; }
.A_Menu {color: #fff;float: left;font-size: 14px;font-weight: bold;padding: 0px 15px;text-align: center;white-space: nowrap;text-transform: uppercase;}
.A_Menu a { text-decoration: none;}
.Li_Menu:hover .UL_Menu_1 { display: block;}
.Li_Menu:hover .UL_Menu_Date { display: none;}
.Li_Menu:hover .A_Menu { color: white; display: block; background: #394c9a;}
.UL_Menu_1 {display: none;float: left;width: 250px;position: absolute;top: 40px;z-index: 1000;background-color: #fff;border-radius: 0px 0px 5px 5px;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);}
.LI_Menu_1 { float: left; width: 100%; list-style: none; border-bottom: 1px solid #d1d1d1;}
.LI_Menu_1:hover { background: #394c9a }
.LI_Menu_1:last-child { border-bottom: 0px solid #dcdcdc; }
.A_Menu_1 {float: left;padding: 0px 4%;color: #000;white-space: nowrap;width: 92%;text-decoration: none;font-size: 14px;}
.A_Menu_1:hover { text-decoration: none; color: #fff }
/*********************ds tin tuc******************************/
.listnews_item { border-bottom: 1px solid #d1d1d1; float: left; margin-bottom: 12px; padding-bottom: 14px; width: 100%; text-align: justify;	float:left;}
.listnews_item:last-child { border-bottom: none; float: left }
.listnews_item a { margin-top: 2px; color: #394c9a; text-decoration: none; font-size: 18px; font-weight: bold; line-height: 23px; }
.listnews_item_img { float: left}
.listnews_item_des { width: 100%; text-align: justify; color: #000; margin-top: 10px;	line-height:22px;}
.listnews_item_date { width: 100%; text-align: justify; color: #888; margin-top: 10px;}
.listnews_item_date a { color: #888; font-size: 14px; font-weight: normal; }
.listnews_item_date span { margin-right: 5px; font-size: 14px; }
.listnews_item_img img { float: left; width: 260px;  margin: 0 15px 6px 0; border: 1px solid #dddddd;}
/*---------------------------*/
.Favorite { background: #f9f8d0 none repeat scroll 0 0; border: 1px solid #d1d1d1; border-radius: 6px; float: left; margin: 0px 12px 13px 0; width: 94%}
.Image_Favorite2 img { float: left; height: 226px; margin: 0 9px 9px 0; width: 364px}
.H2_Favorite2 { margin-bottom: 5px; text-align: justify}
.H2_Favorite2 a { color: #1e4283; font-size: 14pt; margin-right: 7px }
.P_Favorite2 { color: #58585b; text-align: justify}
.Paging { float: left; min-width: 200px; min-height: 10px; overflow: hidden; margin-bottom: 5px;}
.Paging b { float: left; padding: 3px 0 }
.Paging span { float: left; padding: 3px 7px; cursor: default }
.Paging span:hover { text-decoration: underline }
.Paging select, .Find_News_With_Date select { float: left; border: 1px #a1a1a1 solid; border-radius: 4px; padding: 2px 4px; height: 24px; background: #fff; }
.Find_News_With_Date select { margin-left: 5px}
.Find_News_With_Date { float: right; min-width: 300px; min-height: 10px; overflow: hidden}
.Find_News_With_Date b { float: left; margin-top: 3px }
#div_search { margin: 10px 0px; width: 99%; float: left;}
.text_box_search_simple { width: 83%; height: 30px; border: 1px solid #d1d1d1; border-radius: 4px; float: left; padding: 1px 10px;}
.search_vb { float: right; text-decoration: none; padding: 4px 10px; border: 1px #c1c1c1 solid; border-radius: 4px; margin-right: 9px; font-weight: bold; color: #1a8edb;}
.dropbox_radius { border: solid 1px #dcdcdc; padding: 3px 10px; border-radius: 4px;}
/*----------- Tạp chi dien tu ----------------*/
.box_Journal{width:100%; float:left}
.box_Journal_title{width:100%;float:left;margin-bottom: 20px;}
.box_search_f{float:left;}
.box_search_f span{margin-right:5px}
.box_search_f .dropbox{padding:2px 4px}
.box_search_r{float:right}
.box_search_r .bttserach{background:#394c9a;border:1px solid #394c9a;border-radius:4px;padding: 3px 8px;color:#fff;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);}
.box_search_r .dropbox{padding:2px 4px}
.box_search_r .key{padding:2px 4px; width:120px}
.box_Journal_content {width:100%; float:left}
.box_Journal_content li{width: 23%;float:left;margin-right: 2.3%;height: 270px;border: 1px solid #ccc;margin-bottom: 25px;overflow: hidden;padding-bottom: 10px;}
.box_Journal_content li:nth-child(4n+4) {margin-right:0px;}
.box_Journal_content li .a_title{width:100%;float:left;height: 32px;border-bottom: 1px solid #ccc;line-height: 32px;text-align: center;color: #394c9a;font-weight: 500;}
.box_Journal_content li .a_img{width: 96%;float:left;padding: 10px 2% 0px;height: 230px;overflow: hidden;background: #fff;}
.box_Journal_content li .a_img img{width:100%;float:left;}

.box_Journal_item{width:100%; float:left;}
.box_Journal_item li{width:100%;float:left;padding-bottom: 10px;border-bottom: 1px solid #D8E9FF;margin-bottom: 10px;}
.box_Journal_item li .a_title{width: 100%; float: left; margin-bottom: 6px; color: #3853c1; }
.box_Journal_item li .a_tacgia{float: left; width: 100%;}
.box_Journal_item li .a_tacgia .tg{float:left; margin-right:5px;}
.box_Journal_item li .a_tacgia p{float:left; font-size:13px;}
.box_Journal_item li .a_tacgia p sup, .box_Journal_item li .a_tacgia p sub{font-size:8px;}
.box_Journal_item li .a_so{width: 100%;float: left;font-size:13px;}
/*---- View static-pages ----*/
.static-pages{width:100%; float:left;}
.static-pages p, .static-pages div{margin-bottom:10px;text-align:justify;}
.static-pages img{max-width:95%;}
/**************************Chi tiet tin****************************************/
.Around_News_Detail { float: left; width: 100%; min-height: 20px; margin-bottom: 20px;}
.iTem_ListNews { float: left; width: 870px; padding-bottom: 14px; margin: 0 0 12px 15px; border-bottom: 1px #d1d1d1 solid;}
.Img_iTem_ListNews img { float: left; margin: 0 5px 5px 0; background: grey;}
.H3_iTem_ListNews { font-weight: 700; margin: 2px 0 0 10px;}
.H3_iTem_ListNews a { color: #1e4283; text-decoration: none; }
.H3_iTem_ListNews a font {  color: #c1c1c1; }
.H3_iTem_ListNews a:hover { color: #1e4283; text-decoration: underline; }
.P_iTem_ListNews { color: #58585b; margin: 4px 0 0 10px; text-align: justify;}
.News_date_info{width:100%; float:left}
.News_Detail_Title {font-size: 18px;font-weight: bold;color: #222;width: 100%;float: left;margin: 8px 0 10px 0;text-align: justify;}
.News_Time_Post { float: left; color: #808284; font-style: italic; font-size: 13px;}
.News_Time_Post i.fa{margin-right:4px}
.dowload_tc{text-decoration:none;color: #333;}
.dowload_tc a {text-decoration: none;color:black;}
.thongtintapchi {float: right;font-size: 13px;}
.sotapchi, .thongtintapchi .sotrang { margin-right: 12px;}
.sotapchi i.fa, .thongtintapchi .sotrang i.fa, .dowload_tc i.fa, .viettat i.fa, .FontMax i.fa, .FontMin i.fa, .TuongPhan i.fa {color: #ef4040;margin-right: 5px;font-size: 15px;    }
.luotdowload i.fa, .luotview i.fa{margin-right: 3px;font-size: 15px;color:#1a8edb}
.line_des{float:left;width:100%;font-weight: bold;margin-bottom: 10px;}
.line_des .line_des_title{float:left;width:100%;text-decoration:underline;font-style: italic;}

.tukhoa_chiso{float:left;width:100%;margin-bottom: 5px;font-weight: bold;}
.tukhoa_chiso .tukhoa_chiso_title{text-decoration:underline;font-style: italic;float: left;margin-right: 3px;}
.tukhoa_chiso p{float:left;}
.underline_text {text-decoration: underline;float:left; padding-right:5px;}

.viewnews { float: right; width:50%;}
.luotdowload { float:right;margin-right:5px;}
.luotdowload i{padding-right:3px;} 
.luotview { float: right; margin-right: 5px; }

.UL_As_News_ID { float: left; width: 683px; margin-top: 6px; margin-bottom: 6px;}
.UL_As_News_ID li { width: 683px; list-style: none; padding: 3px 0; float: left;}
.UL_As_News_ID li a { float: left; width: 640px; margin-left: 10px; padding: 0; color: #0c48bb; font-weight: 700; }
.UL_As_News_ID li a:hover { color: #1e4283 }
.Around_News_Content { clear: both; float: left; width: 100%; min-height: 100px; text-align: justify; line-height: 1.5;}
.Around_News_Content img { margin-right: 10px; margin-bottom: 5px; }
#divArticleDescription2 ul, #divArticleDescription21 ul { float: left; display: block; width: 100%;}
#divArticleDescription2 ul li, #divArticleDescription21 ul li { float: left; margin-left: 10px; width: 80%; }
#divArticleDescription11 { float: left; width: 100%;  color: #474848; font-weight: bold; font-style: italic;}
#divArticleDescription2, #divArticleDescription21 { line-height: 22px;}
#divArticleDescription2 img, #divArticleDescription21 img { margin-right: 10px; margin-bottom: 5px; max-width: 90%; }
.HotroKhuyetTat { float: right; width: 100%; margin-bottom: 10px;}
.HotroKhuyetTat img { margin: 0 3px; float: left }
.HotroKhuyetTat font { margin: 0 5px 2px; float: left; color: #000; white-space: nowrap; }
.HotroKhuyetTat a { cursor: pointer; float: right;text-decoration:none; color:#333; }
.HotroKhuyetTat a i.fa { margin-right: 5px; color: #1a8edb; cursor: pointer; }
.HotroKhuyetTat a.viettat { margin-left: 10px; }
.HotroKhuyetTat a.FontMin { margin-left: 10px; font-size: 12px; margin-top: 1px; }
.HotroKhuyetTat a.FontMax { color: #333; margin-left: 2px; }
.HotroKhuyetTat a.font-all { color: #333; margin-left: 2px;}
.HotroKhuyetTat a.TuongPhan { color: #333; cursor: pointer;text-decoration:none; }
.border_content_fullwidth { margin-top: 5px; float: left; margin-bottom: 11px; width: 100%;}
.Img_In_News_ID { float: left; width: 660px; min-height: 10px; margin: 20px 0}
.Title_Img_In_News_ID { float: left; width: 660px; overflow: hidden; text-align: center; color: #b1b1b1;}
.Img_In_News_ID .Div_Img_News_ID { margin: 0 0 0 80px; overflow: hidden; float: left;}
.P_News_Content { float: left; color: #58585b;}
.Div_Share_Author { float: right; width: 100%; margin-bottom: 10px; margin-top: 10px;}
.remove_magrin { margin-bottom: 0px;}
.ngaylienquan { text-align: center; font-size: 13px; width: 100%; float: left; margin-bottom: 10px; }
.Div_Share_Author .Author_Write { clear: right; display: block; text-align: right;}
.Div_Share_Author .online { clear: right; display: block; text-align: right;}
.Div_Share_Author i.fa { color: #1a8edb; margin-right: 3px;}
.Around_iCon_Share { bottom: -30px; right: 0; float: right; width: 100%;}
.Around_iCon_Share ul li { float: right; list-style-type: none; margin-right: 8px; }
.Around_iCon_Share ul li:last-child { margin-left: 0px; }
.Around_iCon_Share ul li a { color: #222 }
.Around_iCon_Share ul li a i.fa { color: #1a8edb; margin-right: 3px; font-size: 15px; }
.Author_Write { float: left; width:100%; margin-bottom: 10px;}
.Author_Write p{float:left;margin-bottom: 5px;width: 100%;}
.Author_Write p sup, .Author_Write p sup{font-size: 10px;}
.Author_Write img { float: right; margin: 5px 3px 0; }
.Author_Write font { float: right; color: #777; margin-top: 4px; }
.Author_Write .Author_Write_NT{ width: 100%; float: left; font-size: 14px; font-style: italic;}
.Author_Write .Author_Write_TG{ width: 100%; float: left;	font-weight: bold;}
.Around_iCon_Share { bottom: -30px; right: 0; float: right; width: 100%;}
.Around_iCon_Share ul li { float: right; margin-right: 5px; list-style-type: none; }
.Around_iCon_Share ul li a { text-decoration: none; cursor:pointer; }
.Around_iCon_Share ul li:last-child { margin-right: 0px; }
.Around_iCon_Share img, .Around_iCon_Share font { float: left; margin: 3px 3px 0px 3px; }
.Around_iCon_Share font { margin: 0; padding: 0 7px; color: #555; cursor: pointer; white-space: nowrap; }
/*---------------------------------*/
.groupnews_content { float: left; width: 100%;}
.groupnews_home_content { float: left; width: 100%;}
.groupnews_item { float: left; width: 100%; margin-top: 10px; text-align: justify; padding-bottom: 10px; color: #585858; border-bottom: 1px solid #d1d1d1;}
.groupnews_item h3 a { color: #101010; font-size: 14px; line-height: 25px; }
.groupnews_item img { float: left; width: 100%; }
.groupnews_item .Box_Img { width: 260px; float: left; margin-right: 10px; margin-bottom: 3px; border: 1px solid #ddd; }
.groupnews_item .Box_title { font-size: 17px; color: #394c9a; font-weight: bold; }
.groupnews_item .Box_title a{text-decoration:none;}
.groupnews_item .Box_TomTat { width: 100%; text-align: justify; color: #000; margin-top: 10px;}
.groupnews_tomtat { color: #444; padding: 5px 0 0; text-align: justify}
.groupnews_item_link { color: #0196e0; font-size: 13px; line-height: 22px}
.groupnews_datetime { color: #919191; padding: 0 3px}
.ngaytinbai { color: #919191; font-size: 14px; font-style: italic; padding: 0 3px}
.groupnews{width:100%; float:left; margin-bottom:20px}
.groupnews_head { float: left; width: 100%; color: white; background: #394c9a; height: 30px; line-height: 30px; text-decoration: none; padding-left: 10px;}
.group_header_link { color: white; padding-left: 5px; text-decoration: none;}
.othernews { float: left; width: 100%; list-style-type: none; color: #585858;}
.othernews li { float: left; color: #585858; list-style-type: none; background: url(/_layouts/15/images/ICT.UI.TCKHCN/point_yellow.png) no-repeat left 9px; padding-left: 20px; padding-bottom: 5px; padding-top: 5px; line-height: 20px; width: 95%; }
.othernews li a { color: #22457f; }
.othernews li:last-child { border-bottom: none }
.othernews_fullwidth { float: left; width: 100%; list-style-type: none; color: #585858;margin:0px; padding-left: 0px;}
.othernews_fullwidth li { float: left; color: #585858; list-style-type: none; padding-top: 10px; width: 100%; }
.othernews_fullwidth li i.fa{color:#394c9a; font-size:12px; margin-right:8px;}
.othernews_fullwidth li a { color: #585858; text-decoration: none; }
.othernews_fullwidth li:last-child { border-bottom: none; }

.othernews_baivietdd { float: left; width: 100%; list-style-type: none; color: #585858;margin:5px 0px 0px 0px; padding-left: 0px;}
.othernews_baivietdd li { float: left; list-style-type: none; padding-top: 10px; width: 100%; border-bottom:1px solid #c9d8f2; padding-bottom: 10px}
.othernews_baivietdd li a { color: #394c9a; text-decoration: none; margin-bottom: 6px;float: left;text-align: justify;}
.othernews_baivietdd li:last-child { border-bottom: none; }
.othernews_baivietdd li  .a_tacgia{width:100%; float:left;font-size: 13px !important;}
.othernews_baivietdd li  .a_tacgia .tg{float:left;margin-right:5px;}
.othernews_baivietdd li  .a_tacgia  p sup, .othernews_baivietdd li  .a_tacgia  p sup{font-size:8px;}
/*----------------------comment tin ------------------*/
.Box_Comment { float: left; width: 100%; min-height: 100px; border-radius: 4px; margin-bottom: 10px; color: #555555; overflow: hidden;}
.Box_Post_Comment { float: left; border: 1px #d1d1d1 solid; border-radius: 4px; margin-bottom: 14px; overflow: hidden; width: 70%; padding: 10px 3%;}
.Header_Box_Comment { float: left; width: 100%; border-bottom: 1px #1a8edb solid; margin-bottom: 10px; color: #1a8edb; font-size: 14px; font-weight: bold; padding-bottom: 5px;}
.iTem_Box_Comment { width: 100%; float: left; margin-bottom: 10px; border-bottom: 1px dashed #ccc; padding-bottom: 5px;}
.iTem_Box_Comment .Cmt_Title { margin-bottom: 8px; color: #1a8edb; }
.iTem_Box_Comment .Cmt_Name_Address { margin-bottom: 2px }
.iTem_Box_Comment .Cmt_Content { width: 100%; float: left; text-align: justify; }
#BinhLuan { float: left; width: 100%; padding: 10px 0; font-weight: bold;}
.textbox_comment { background-color: #fff; border: 1px solid #bfbfbf; border-radius: 5px; margin-bottom: 10px; overflow: hidden; padding: 5px 3px; width: 473px; float: left;}
.PostCmt_Title { float: left; width: 99%; padding: 7px 0.5%; border: 1px #d1d1d1 solid; margin-bottom: 15px;}
.PostCmt_CoreTrue { float: left; width: 150px; padding: 7px 0.5%; border: 1px #d1d1d1 solid; margin-bottom: 10px;}
.PostCmt_Fullname, .PostCmt_Email { float: left; width: 99%; padding: 7px 0.5%; border: 1px #d1d1d1 solid; margin-bottom: 10px;}
.Box_Core_True { float: left; width: 123px; height: 29px; overflow: hidden; border: 1px #d1d1d1 solid; margin: 0px 0px 10px 12px;}
.Box_Core_True .img_capcha { width: 93px; float: left; }
.Box_Core_True #imgReLoad { margin-bottom: 2px; float: left; }
.Box_Core_True #imgReLoad i.fa { font-size: 23px; color: #1a8edb; margin-left: 4px; margin-top: 2px; }
.PostCmt_Textarea { float: left; width: 99%; height: 60px; border: 1px #d1d1d1 solid; padding: 5px 0.5%; margin-bottom: 10px;}
.PostCmt_Textarea:focus, .Box_Post_Comment input:focus { box-shadow: inset 0px 0px 7px rgba(0,0,0,0.2); }
.Button_PostCmt { float: right; margin-right: 5px; border: solid 1px #dcdcdc; color: white; background: #1a8edb; border-radius: 5px; padding: 4px 10px;}
.Tags { width: 100%; float: left; margin-bottom: 10px;}
/*--danh gia--*/
.Pitching_Mark { float: right; width: 110px; height: 120px; border: 1px #d4d4d4 solid; border-radius: 4px; background: #fff;}
.Pitching { float: left; text-align: center; padding: 6px 0px; color: #1a8edb; width: 110px; font-weight: bold; font-size: 13px;}
.Square_Mark { width: 100%; height: 50px; border-radius: 4px; float: left;}
.Mark_Pin { float: left; padding: 13px 0px; font-size: 27px; color: #222; width: 100%; text-align: center;}
.Click_Pitching { padding: 2px 5px; width: 70px; border: 1px #1a8edb solid; background: #1a8edb; border-radius: 4px; color: white; cursor: pointer; font-size: 12px; margin-left: 15px; margin-top: 7px; float: left; text-align: center;}
.Click_Pitching:active { box-shadow: inset 0px 0px 6px black; }
#divDanhGia { width: 100%; float: left; text-align: center; margin-bottom: 10px;}
.dg1 { left: 37px;}
.dg123 { border: 1px solid #CCCCCC; position: absolute; left: 30px; bottom: 11px; padding: 0px 2px; width: 65px; height: 15px;}
.dg123 a { color: #0384C9; font-size: 10px; text-decoration: none; text-align: center; cursor: pointer; }
.dg123 a:hover { text-align: center; color: #0384C9; font-size: 10px; text-decoration: none; cursor: pointer; }
.dg123_Popup { float: left; width: 100%; margin: 10px 0px; text-align: center;}
 .dg123_Popup a { color: #fff; font-size: 12px; text-decoration: none; cursor: pointer; border: 1px solid #1a8edb; padding: 5px 10px; border-radius: 5px; background: #1a8edb;}
.yk { width: 505px; float: left; border-radius: 15px;}
.yk-bl { width: 490px; float: left; position: relative; background: #F4F4F4; padding: 10px;}
.binhluan { width: 485px; margin-bottom: 5px; border-bottom: 1px solid #CCCCCC;}
.binhluan_noidung { clear: left; width: 485px; text-align: justify; margin-bottom: 5px;}
.binhluan_nguoiviet { margin-bottom: 5px; text-align: right;}
.divcapcha { float: left; width: 100%; text-align: center; margin-bottom: 10px;}
.divcapcha #ImgCPDG i.fa { font-size: 23px; color: #1a8edb; margin-left: 4px; }
 .divcapcha img { width: 95px; }
 .divinput { width: 70%; margin-left: 15%;}
.txtinput { border: 1px solid #E0E0E0;}
.txtinputtext { width: 606px; border: 1px solid #e0e0e0; background: #f6f6f6; line-height: 30px; color: #2a2b2b; padding-left: 5px;}
.ResultDanhGia { display: none; position: fixed; width: 350px; z-index: 99999; left: 50%; top: 50%; background: #fff; border: 1px solid #d1d1d1; border-radius: 6px;}
.dg-Top { float: left; width: 100%; border-bottom: 1px solid #d1d1d1;}
 .dg-Top p { color: #222; font-weight: bold; line-height: 30px; margin-left: 15px; text-transform: uppercase; float: left; }
 .dg-Top a { float: right; margin: 5px 10px 0px 0px; cursor: pointer; }
.dg-center { float: left; padding: 10px 0 0; width: 100%;}
 .dg-center .title { width: 100%; float: left; text-align: center; margin-bottom: 10px; }
.mask { background: none repeat scroll 0 0 #333; display: none; height: 100%; position: fixed; bottom: auto; width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.6; top: 0px; z-index: 9999;}
*html #ResultDanhGia { background: none repeat scroll 0 0 #F9FAFB; position: absolute; width: 295px; z-index: 99999; left: 50%; top: 50%;}
#txtCaptChaPopup { height: 25px; border-radius: 5px; border: 1px solid #ccc; width: 100%;}
/*--- Hoi dong bien tap---*/
.editorial_board{width:100%;float:left;margin-top: 10px;}
.editorial_board ul{width:100%; float:left;}
.editorial_board ul li{width:100%;float:left;margin-bottom: 10px;}
.editorial_board ul li a{float:left;font-weight: bold;cursor:pointer;font-size: 16px;color: #555;}
.editorial_board ul li a:hover{color:#3553c5}
.editorial_board ul li a i.fa{font-size:12px;color: #097de0;margin-right:10px;}
/*--- popup---*/
#over {display: none;background: #000; position: fixed;left: 0; top: 0; width: 100%;height: 100%; opacity: 0.2; z-index: 1001;}
.model_box{overflow:hidden;}
.myPopup{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; overflow-x: hidden;overflow-y: auto; }
.box_popup{background-color:#fff; width:76%; font-size:14px;padding-bottom:5px;overflow:hidden; position:relative; z-index:1002;margin: 30px 12%;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.5);-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);}
.box_popup_header{float:left; width:100%;border-bottom:1px solid #dfdfdf}
.box_popup_header .remove{float: right; margin: 15px; font-size: 15px; color: #bbb;}
.box_popup_header .box_popup_title{float:left; margin: 15px; font-size:18px; color:#000;}
.box_popup .LoadInfo{width:100%; float:left; padding:10px 0px 20px 0px;}
.box_popup .LoadInfo .row-noip{width:100%; float:left;}
/*----------menu_dieu_huong_trong web-----------------*/
.UL_Link_Menu { float: left; width: 100%; margin-bottom: 20px; padding-left: 0px;}
.UL_Link_Menu li { float: left; list-style: none; padding: 0px 10px; }
.UL_Link_Menu li:first-child { border-left: 3px solid #394c9a; }
.UL_Link_Menu li:first-child a { color: #394c9a}
.UL_Link_Menu li a { color: #222; float: left; text-decoration: none; white-space: nowrap }
.UL_Link_Menu li a .fa { margin-right: 10px; }
.UL_Link_Menu li a:hover { text-decoration: underline }
.Arrow_Link_Menu { background: rgba(0,0,0,0) url(/_layouts/15/images/ICT.UI.TCKHCN/arrow_link.png) no-repeat scroll center center; float: left; height: 14px; margin: 0px 8px 0; width: 13px}
/* Begin Lê Nam*/
.Tapchi_Button { cursor: pointer; color: #FFF; font-size: 15px; font-weight: 400; background-color: #394c9a; padding: 6px 36px; border-radius: 4px}
.Tapchi_Button:hover { background-color: #A5A5A5; }
.textbox_fullwidth{width:97%;}
/* End Lê Nam*/
/*---------------Gui bai ---------------*/
.border_radius_inner { float: left; width: 99%;}
.border_radius_inner .left, .border_radius_inner .right, .border_radius_inner .top, .border_radius_inner .bottom{display:none;}
.DatMua_wap1 {border: 1px solid #FCEBA6;background-color: #FCEBA6;}
.DatMua_wap2 {border: 1px solid #ccc;background-color: #FFF;border-top: 1px dashed #ccc;}
.DatMua_Content1 {width: 100%;float: left;padding: 30px 0px;}
.DatMua_Content1 .tc-banner{background: rgba(0, 0, 0, 0) url("/_layouts/15/images/ICT.UI.TCKHCN/TC_dat_mua.png") no-repeat;height: 36px;width: 366px;margin: 0 auto;text-align: center;color: #fff;text-transform: uppercase;font-size: 16px;font-weight: bold;line-height: 36px;margin-bottom: 20px;}

.DatMua_Content2 { width:100%;float:left;}
.DatMua_Content2 .tc-full-title{width:100%;text-align:center;margin:20px 0px; float:left;}
.DatMua_Content2 .tc-full-title b{width:100%; float:left; color:#333;}
.DatMua_Content2 .tc-full {width: 76%;margin: 0px 12% 20px;float:left;}
.DatMua_Content2 .tc_center{text-align:center}
.DatMua_Content2 .tc-full .tc_input {height: 30px;line-height: 30px;border-radius:4px;border: 1px solid #ccc;padding: 0px 1.5%;width: 97%;/* height: 80px; */}
.DatMua_Content2 .tc-full .tc_mt{height:100px}
.DatMua_Content2 .tc-full .tc-tungay{float: left;margin-right: 5px;color: #000 !important;}
.DatMua_Content2 .tc-full .tc-ngaydat{float: right; margin-top: 6px; margin-right: 31px;}

.DatMua_Content2 .tc-full .float_Left {float: left;width: 45%;}
.DatMua_Content2 .tc-full .float_Right {float: right;width: 45%; }
.DatMua_Content2 .tc-full .dropbox_radius {width: 74px;float: left;margin-right: 5px;}
.DatMua_Content2 .tc-full .drop_cm {width:48%;border:1px solid #ccc; border-radius:5px;height:30px;}
.tapchi_label{width: 99%; text-align: center; display: table-cell;}
.tc_label_input{display: table-cell; text-align: center; font-size: 16px; color: #B4B4B4;}	

.tc_title{width: 90%;margin: 0 5%;float:left;}
.tc_title img{width:355px; height:36px;padding-top:10px;	}
.tc_title p {text-align: center;text-transform: uppercase;float: left;width: 100%;font-weight: bold;font-size: 16px;line-height: 25px;margin: 10px 0px 0px 0px;}
/*----------Dang nhap-------*/
.login {width: 100%;border: 1px solid #394c9a;float: left;border-top: 3px solid #394c9a;}
.login  .login_header {height: 40px;width: 100%;font-size: 18px;font-weight: bold;color: #394c9a;text-transform: uppercase;text-align: center;line-height: 40px;border-bottom: 1px solid #394c9a;}
.login  .login_content {width: 60%;float: left;margin: 30px 20%;}
.login  .login_content .row_full {width: 100%;margin-bottom: 20px;float:left;}
.login  .login_content .row_full .ghinho{float:left;}
.login  .login_content .row_full .q_pass{float:right;}
.login  .login_content .row_center{text-align:center;}
.login  .login_content .user_icon { float: left; width: 43px; height: 30px; border-right: 1px solid #B8B8B8; margin-top: 7px;}
.txtuser_css {width: 98%;border: 1px solid #ccc;border-radius: 4px;padding: 8px 1%;}
/*---- Phan trang ----*/
.phantrang{margin: 5px 0px;width: 100%;float: left;}
.phantrang .sotrang {        float: right;        width: 100%;        text-align: right;    }
.back, .top, .so, .next, .end, .active{border: solid 1px #394c9a;padding: 2px 8px;color: #394c9a;line-height: 22px;}
.back, .top, .next, .end{ margin: 0 3px;}
.so{color: #394c9a;}
.phantrang .sotrang a:hover { background-color: #394c9a; color: #fff !important;}
.next i.fa{color: #394c9a;}
.back i.fa{color: #394c9a;}
.active{background: #394c9a;color:#fff !important;}
/**************************************MOBILE*******************************************************/
#pull { display: none;}
@media only screen and (min-width : 1280px) { 
.box_popup { width: 64%; margin: 30px 17%; }}
@media only screen and (max-width : 1180px) {
.col_left{width:71%;}
.col_right{width:27%;}
.content_center, .bound_content{width:99%; margin-left:0.5%;float:left;}
 #top_head { width: 99%; height: auto;float: left;margin-left:0.5%;}
 /*Tin noi bat*/
 #slide_show_container .frame_news{width:100%;float:left;}
 .frame_news .slide_news{width:75%;}
 .frame_news .hotnews{width:25%}
 /*--- footer ---*/
 #footer_container .conect{width:98%; margin-left:1%;float:left;}
 #footer_container .information{width:98%; margin-left:1%;float:left;}
 
 #footer_container_top .conect{width:98%; margin-left:1%;float:left;}
}
@media screen and (max-width: 768px) {
.content_center { width: 100%; }
.Center_Menu {}
.col_left, .col_right { width: 100%; margin-top:0px; }
.danhmuc .content .image img { width: 100%; height: auto; }
.Menu { background: #394c9a;float:left; }
.LI_Menu_Mini img { display: none; }
 }

 @media screen and (max-width: 640px) {
.content_center{float:left;}
#header_container { width: 100%; height: auto; float: left; }
.wrapper_right { width: 70%; }
.user { margin: 0px 0px 5px 0px; }
.qc_header { display: none; }
#top_head { width: 97%; margin-left:1.5%; height: auto;  margin-bottom: 5px; margin-top: 10px; float: left; }
#top_head .logo { margin-top: 0; }
#top_head .logo img { width: 98%; }
.search { width: 90%; }
.wrapper_right .accoun, .wrapper_right .registration { float: right; }
.listnews_item_img{float:left;width:50%;}
.listnews_item_img img{width:95%;margin-bottom:3px;}
.UL_Link_Menu{margin-top:10px;}
#div_search{margin:0px; width:95%;}
.text_box_search_simple{width:60%; height:25px;}
.Paging, .Word_Number_Legal{float:left; width:100%;}
.drop_groupnews{width:97%;}
.footer_share div, .footer_map div{display:none;}
.footer_share, .footer_map{margin-right:1%; width:auto;}
.footer_buy{width:auto;}
 /*---------------------*/
 #slide_show_container { background: none; }
 #slide_show_container .frame_news { width: 100%; }
 #slide_show_container .frame_news .detail { width: 100%; }
 /*---------------------------*/
.bound_content { background: white; width: 97%; margin-left: 1.5%; float: left; }
.danhmuc { float: left; margin-bottom: 10px; }
.danhmuc .content { float: left; padding: 5px; }
.thongtintapchi, .ngaylienquan, .viewnews { float: left; width: 100%; }
 /*-----------footer------------*/
 #footer_container .information { width: 97%;float:left; margin-left:1.5%; }
 .conect .content span, .conect .map span { display: none; }
 .conect .content, .conect .button { width: auto; }
 #footer_container .information .contact { width: 100%; }
 #footer_container .information .thong_ke { display: none; }
 .Menu_per{position:relative}
 }

 @media only screen and (max-width : 540px) {
 .danhmuc .content .image{width:100%;}
 
.UL_Menu_1 { width: 100%; top: auto; position: relative; border: 0px solid #ccc; box-shadow: none; }
.Center_Menu { height: auto; }
.UL_Menu_Index { height: auto; z-index: 1000; display: none; }
.LI_Menu_1 {display: block;border-bottom: 0px solid #ffffff;height: 40px;line-height: 40px;}
.A_Menu { text-align: left; font-size: 14px;width:100%; }
.A_Menu_1 {text-indent: 40px;height: 40px;line-height: 40px;}
.Li_Menu {height: auto;float: left;background: #394c9a;}
nav { height: auto; }
nav ul { width: 100%; display: block; height: auto; position: relative; margin: 0; padding: 0; }
nav li { width: 100%; float: left; color: #ffffff; text-align: left; font-size: 14px; }
nav li a { border-bottom: 0px solid #576979; border-right: 0px solid #576979; color: #ffffff; }
nav { border-bottom: 0; }
nav a#pull { display: block; width: 100%; position: relative; color: #ffffff; line-height: 35px; font-size: 14px; font-weight: bold; }
nav a#pull i.fa{font-size:20px; margin-top:6px;color:#fff;margin-left:5px;}
nav a#pull:after { content: ""; width: 30px; height: 30px; display: inline-block; position: absolute; top: 7px; line-height: 35px; font-size: 14px; font-weight: bold; }
.LI_Menu_Mini a { padding: 0px 0px 1px 0px; font-size: 10px; margin: 6px 0px 0px 0px; }
.Paging, .Find_News_With_Date { float: left; width: 100%; }
 }


