@charset "utf-8";

*, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; text-decoration:none; list-style:none; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px;}

header, section, footer, aside, nav, main, article, figure{ display:block;}

ol, ul { /*list-style: none;*/ }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles!*/
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* clear fix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

body {}

.icon{ display:inline-block; background-image:url(../images/dgts_icon.png); background-repeat:no-repeat;}

#wrapper{ max-width:1440px; margin:0 auto;}

header{ background-image:url(../images/header_bg.jpg); background-repeat:no-repeat; background-size:100% auto; margin:0 0 5px;}
header .header{ position:relative;}
header .header .logo{ float:left; padding:15px 0 20px 75px;}
header .header .logo img{}
header .header h6{ font-size:28px; line-height:45px; text-transform:uppercase; text-align:center; padding:35px 0 0 35px; float:left; color:#fef600;}
header .header ul{ position:absolute; bottom:45px; right:15px;}
header .header ul li{ display:inline-block; float:left;}
header .header ul li a{ display:block; height:23px; border:solid 1px #fff; line-height:23px; font-size:14px; width:90px; text-align:center; color:#fff; transition:all 0.2s; margin:0 0 0 8px;}
header .header ul li a:hover{ border:solid 1px #fff; background-color:#fff; color:#107fb2;}

nav{ height:40px; background-color:#f82525; font-size:0; margin:0 0 5px;}
nav span{ display:inline-block; border-right:solid 2px #fff; position:relative;}
nav a{ display:inline-block; color:#fff; text-transform:uppercase; font-weight:bold; line-height:40px; height:40px; padding:0 20px; transition:all 0.2s;}
nav a.active{ color:#ffed96;}
nav span:last-child{ border:none;}
nav span .subDiv{ display:none; position:absolute; top:40px; left:0; z-index:99; width:250px; background-color:#fff; padding:10px 0; box-shadow:0 1px 1px rgba(0,0,0,0.1);}
nav span:hover .subDiv{ display: block;}
nav span .subDiv a{ color:#f82525; font-size:12px; height:35px; line-height:35px; display:block;}
nav span .subDiv a:hover{ background-color:#f1f1f1; text-indent:5px;}
nav span .subDiv a.active{ background-color:#f1f1f1; text-indent:0px;}

main{}
main .slide{ margin:0 0 30px;}
main .slide img{ display:block; width:100%; height:auto;}
main .content{ margin:0 10px 50px;}
main .content .maincontent{ float:left; width:70%;}
main .content .maincontent .searchbox{ margin:0 0 30px;}
main .content .maincontent .searchbox ul{ font-size:0;}
main .content .maincontent .searchbox ul li{ display:inline-block;}
main .content .maincontent .searchbox ul li a{ display:block; font-size:14px; font-weight:bold; text-transform:uppercase; height:34px; border:solid 1px #f82525; border-bottom:none; padding:0 20px; line-height:34px; color:#000; border-radius:5px 5px 0 0;}
main .content .maincontent .searchbox ul li a.active{ background-color:#f82525; color:#fff;}
main .content .maincontent .searchbox .searchForm{ border:solid 1px #f82525; padding:15px 25px 20px; display:none;}
main .content .maincontent .searchbox .searchForm#thongbaoluachon{ display:block;}
main .content .maincontent .searchbox .inputBox{ height:30px; clear:both; margin:0 0 12px;}
main .content .maincontent .searchbox .inputBox p{ float:left; width:110px; height:30px; line-height:30px; font-size:12px;}
main .content .maincontent .searchbox .inputBox input, main .content .maincontent .searchbox .inputBox select{ float:right; width:calc(100% - 110px)!important; height:28px; border:solid 1px #b2b2b2; display:block; border-radius:5px; text-indent:10px;}
main .content .maincontent .searchbox .inputBox select{text-indent:1px; height:30px; width:calc(100% - 110px);}
main .content .maincontent .searchbox .inputBox input[type="date"]{text-indent:5px;}
main .content .maincontent .searchbox .left{ width:42%; float:left;}
main .content .maincontent .searchbox .left.right{ float:right;}
main .content .maincontent .searchbox button{ cursor:pointer; display:block; height:30px; background-color:#fbe4d5; width:120px; text-align:center; line-height:30px; text-transform:uppercase; color:#bc2433; font-weight:bold; font-size:14px; margin:0 auto; border-radius:5px; border:solid 1px #f4d1c3; clear:both;}
main .content .maincontent .noti{ margin:0 0 30px;}
main .content .maincontent .noti:last-child{ margin:0;}
main .content .maincontent .noti ul{ font-size:0;}
main .content .maincontent .noti ul li{ display:inline-block;}
main .content .maincontent .noti ul li a{ display:block; font-size:14px; font-weight:bold; text-transform:uppercase; height:34px; border:solid 1px #f82525; border-bottom:none; padding:0 20px; line-height:34px; color:#000; border-radius:5px 5px 0 0;}
main .content .maincontent .noti ul li a.active{background-color:#f82525; color:#fff;}
main .content .maincontent .noti .notiList{ border:solid 1px #f82525; padding:20px 25px; font-size:0;}
main .content .maincontent .noti .notiList#ketqua{ display:none;}
main .content .maincontent .noti .notiList article{ width:calc(50% - 15px); display:inline-block; position:relative; padding:0 0 12px; border-bottom:dashed 1px #f82525; margin:0 30px 15px 0;}
main .content .maincontent .noti .notiList article:nth-child(even){ margin:0 0 15px;}
main .content .maincontent .noti.daugia .notiList article{ width:100%; float:none;}
main .content .maincontent .noti .notiList article .icon{ width:11px; height:10px; background-position:0 0; position:absolute; top:3px; left:0;}
main .content .maincontent .noti .notiList article h2{ margin:0 0 5px;}
main .content .maincontent .noti .notiList article h2 a{ font-size:14px; font-weight:normal; color:#000; padding:0 0 0 20px; display:block; transition:all 0.2s;}
main .content .maincontent .noti .notiList article h2 a:hover{color:#f82525;}
main .content .maincontent .noti .notiList article .time{ text-align:right; font-size:11px; font-style:italic;}
main .content .maincontent .noti .btnViewmore{ display:block; font-size:12px; font-style:italic; color:#000; text-decoration:underline; text-align:center; transition:all 0.2s;}
main .content .maincontent .noti .btnViewmore:hover{color:#f82525;}
main .content .sidebar{ float:right; width:calc(30% - 30px);}
main .content .sidebar .submenu{ margin:0 0 15px;}
main .content .sidebar .submenu a{ display:block; background-color:#fee7d7; height:115px; width:calc(50% - 12.5px); float:left; margin:0 0 5px; text-align:center; color:#b80000; line-height:18px; font-weight:bold; text-transform:uppercase; padding:5px;}
main .content .sidebar .submenu a:nth-child(even){ float:right;}
main .content .sidebar .submenu a .subBor{ display:block; border:solid 1px #f4d1c3; height:calc(100% - 10px); padding-top: 5px; font-size:12px;}
main .content .sidebar .submenu a .icon{ display:block; width:52px; height:49px; margin:0 auto 5px;}
main .content .sidebar .submenu a .icon.thongbao{ background-position:0 -50px;}
main .content .sidebar .submenu a .icon.huongdan{ background-position:-100px -50px;}
main .content .sidebar .submenu a .icon.tiepnhan{ background-position:-200px -50px;}
main .content .sidebar .submenu a .icon.hoidap{ background-position:-300px -50px;}
main .content .sidebar .news{ margin:0 0 20px;}
main .content .sidebar .news:last-child{ margin:0;}
main .content .sidebar .news h2{ background-color:#f82525; color:#fff; font-size:14px; text-align:center; height: 35px; line-height:35px;}
main .content .news .newsList{ border:solid 1px #f82525;}
main .content .news .newsList article{ padding:10px;border-top:dashed 1px #f82525;}
main .content .news .newsList article:first-child{ border:none;}
main .content .news .newsList article .imgBox{ float:left; width:80px; height:60px; overflow:hidden;}
main .content .news .newsList article .imgBox img{ display:block; width:100%; height:auto;}
main .content .news .newsList article h3{}
main .content .news .newsList article h3 a{ display:block; padding:0 0 0 90px; font-weight:normal; color:#000; transition:all 0.2s;}
main .content .news .newsList article h3 a:hover{ color:#f82525;}
main .content .sidebar .news ul{ border:solid 1px #f82525;}
main .content .sidebar .news ul li a{border-bottom:dashed 1px #f82525; display:block; padding:10px; font-size:12px; color:#000; transition:all 0.2s;}
main .content .sidebar .news ul li:last-child a{ border:none;}
main .content .sidebar .news ul li a:hover{ color:#f82525; text-indent:5px;}

footer{ border-top:solid 5px #f82525; padding:2px 0 0;}
footer .footer{ padding:20px 0 15px; text-align:center; background-image:url(../images/header_bg.jpg); background-repeat:no-repeat; background-size:100% auto; background-size: cover;}
footer .footer h5{ font-size:16px; text-transform:uppercase; margin:0 0 5px; color:#fff700;}
footer .footer p{ font-size:12px; color:#fff;}



/*=====================*/
main .content .maincontent .breadcrumb{ font-size:0; margin:0 0 15px;}
main .content .maincontent .breadcrumb li{ display:inline-block}
main .content .maincontent .breadcrumb li a{ display:block; font-size:12px; position:relative; background-color:#f1f1f1; height:25px; line-height:25px; color:#000; padding:0 5px 0 10px; margin:0 25px 0 0; transition:all 0.2s;}
main .content .maincontent .breadcrumb li a:hover{color:#f82525;}
main .content .maincontent .breadcrumb li a .icon{ width:15px; height:25px; position:absolute; right:-15px; top:0; background-position:-50px 0;}
main .content .maincontent .breadcrumb li span{ font-size:12px; display:block; height:25px; line-height:25px; color:#696969;}
main .content .maincontent .breadcrumb{ font-size:0; margin:0 0 15px;}
/*hungnn add*/
main .content .maincontent .breadcrumbcustom{ font-size:0; margin:0 0 15px;}
main .content .maincontent .breadcrumbcustom li{ display:inline-block}
main .content .maincontent .breadcrumbcustom li a{ display:block; font-size:12px; position:relative; background-color:#f1f1f1; height:25px; line-height:25px; color:#000; padding:0 5px 0 10px; margin:0 25px 0 0; transition:all 0.2s;}
main .content .maincontent .breadcrumbcustom li a:hover{color:#f82525;}
main .content .maincontent .breadcrumbcustom li a .icon{ width:15px; height:25px; position:absolute; right:-15px; top:0; background-position:-50px 0;}
main .content .maincontent .breadcrumbcustom li span{ font-size:12px; display:block; height:25px; line-height:25px; color:#696969;}
main .content .maincontent .breadcrumbcustom{ font-size:0; margin:0 0 15px;}


main .content .maincontent .rowcustom h1{ font-size:24px; margin:0 0 5px; }
main .content .maincontent .rowcustom button{ margin:0 0 40px; display:block; float:right; height:30px; background-color:#fee7d7; border:solid 1px #f4d1c3; line-height:28px; width:120px; text-align:center; border-radius:5px; font-size:14px; font-weight:bold; text-transform:uppercase; color:#bc2433; cursor: pointer}


/*end*/
main .content .maincontent h1{ font-size:24px; text-transform:uppercase; margin:0 0 20px;}
main .content .maincontent .filter{ margin:0 0 45px;}
main .content .maincontent .filter ul{ font-size:0;}
main .content .maincontent .filter ul li{ display:inline-block;}
main .content .maincontent .filter ul li a{ color:#757575; font-size:12px; display:block; height:25px; line-height:25px; margin:0 15px 0 0;}
main .content .maincontent .filter ul li a:hover{}
main .content .maincontent .filter ul li a.active{ color:#000; font-weight:bold;}
main .content .maincontent .filter .filterBox{ display:none;}
main .content .maincontent .filter .filterBox:nth-child(2){ display:block;}
main .content .maincontent .filter .filterBox .searchBar{ height:30px;}
main .content .maincontent .filter .filterBox .searchBar input{ float:left; width:calc(100% - 130px); height:28px; display:block; border:solid 1px #b2b2b2; border-radius:5px; text-indent:15px; font-size:12px; font-style:italic;}
main .content .maincontent .filter .filterBox .searchBar button{ display:block; float:right; height:30px; background-color:#fee7d7; border:solid 1px #f4d1c3; line-height:28px; width:120px; text-align:center; border-radius:5px; font-size:14px; font-weight:bold; text-transform:uppercase; color:#bc2433; cursor: pointer}
main .content .maincontent .noti.luachontochuc{}
main .content .maincontent .noti.luachontochuc .notiList{ padding:0; border:none;}
main .content .maincontent .noti.luachontochuc .notiList article{ width:100%; float:none; margin:0 0 20px;}
main .content .maincontent .noti.luachontochuc .notiList article h2 a, main .content .maincontent .noti.nghiepvu .notiList article h2 a{ font-size:18px; position:relative; top:-3px;}
main .content .maincontent .noti .paging{}
main .content .maincontent .noti .paging div:first-child{ float:left; font-size:0;}
main .content .maincontent .noti .paging div span{ display:inline-block; color:#989898; font-size:12px; height:25px; line-height:25px; float:left; padding:0 10px;}
main .content .maincontent .noti .paging div span.icon{ width:25px; background-position:-92px 5px; padding:0;}
main .content .maincontent .noti .paging div span.icon.nextIcon{ transform:scale(-1);}
main .content .maincontent .noti .paging ul{ float:right; font-size:0;}
main .content .maincontent .noti .paging ul li{ display:inline-block;}
main .content .maincontent .noti .paging ul li a{ display:block; border-radius:25px; width:100%; height:25px; line-height:25px; color:#5b5b5b; text-align:center; border:none; padding:0; font-weight:normal; margin:0 0 0 10px;}
main .content .maincontent .noti .paging ul li a:hover{color:#f82525;}
main .content .maincontent .noti .paging ul li a.active{ font-weight:bold; color:#fff; background-color:#f82525;}



/*=====================*/
main .content .maincontent .noti.luachontochuc .notiList article .description{ padding:0 0 0 20px; margin:-2px 0 5px;}



/*=====================*/
main .content .maincontent table{ width:100%; margin:-15px 0 20px;}
main .content .maincontent table tr .VBPL_link{ color:#000; transition:all 0.2s; display:block;}
main .content .maincontent table tr .VBPL_link:hover{ color:#f82525;}
main .content .maincontent table tr:nth-child(odd){ background-color:#fafafa;}
main .content .maincontent table td{ border:solid 1px #eee; border-top:none; padding:10px 12px;}
main .content .maincontent table td:first-child{ text-align:center;}
main .content .maincontent table th{ border-right:solid 1px #fff; background-color:#fee7d7; vertical-align:middle; color:#bc2433; font-weight:bold; font-size:11px; text-transform:uppercase; text-align:left; padding:6px 12px;}
main .content .maincontent table th:last-child{ border-right:solid 1px #fee7d7;}
main .content .maincontent table span{ color:#bc2433;}
main .content .maincontent table span.available{ color:#73a409;}
main .content .maincontent table td .icon{ width:17px; height:17px; display:inline-block; background-position:-300px 0;}
main .content .maincontent table td .icon.reload{ background-position:-350px 0;}
main .content .maincontent table td .icon.info{ background-position:-400px 0;}



main .content .maincontent .noti.hoidap .notiList article h2 a{ font-weight:bold;}



main .content .maincontent .gioithieu{ padding:0 0 0 30px;}
main .content .maincontent .gioithieu h2{ border-top:solid 1px #efefef;}
main .content .maincontent .gioithieu h2:first-child{ border:none;}
main .content .maincontent .gioithieu h2 a{ display:block; position:relative; font-size:16px; color:#000; padding:15px 0; transition:all 0.2s;}
main .content .maincontent .gioithieu h2 a:hover{ text-indent:5px;}
main .content .maincontent .gioithieu h2 a .icon{ width:20px; height:25px; background-position:-150px 0; position:absolute; top:15px; left:-25px;}
main .content .maincontent .gioithieu div{ display:none; padding:0 0 50px;}
main .content .maincontent .gioithieu div.active{ display:block;}



main .content .maincontent .dangthongbao{}
main .content .maincontent .dangthongbao h6{ font-size:12px; color:#999999; text-transform:uppercase; font-weight:normal; padding:30px 0 20px;}
main .content .maincontent .dangthongbao .searchbox{ margin:0;}
main .content .maincontent .dangthongbao table{ margin:0;}
main .content .maincontent .dangthongbao .themmoi{ border:solid 1px #eee; border-top:none; padding:10px;}
main .content .maincontent .dangthongbao .themmoi a{ display:block; background-color:#f1f1f1; width:118px; height:28px; border-radius:5px; font-size:12px; font-weight:bold; color:#000; text-align:center; line-height:28px; margin:0 auto;}
main .content .maincontent .dangthongbao textarea{ border:solid 1px #b2b2b2; display:block; width:calc(100% - 22px); resize:none; height:165px; margin:0 0 30px; border-radius:5px; padding:15px 10px 0;}
main .content .maincontent .dangthongbao ul{ text-align:center;}
main .content .maincontent .dangthongbao ul li{}
main .content .maincontent .dangthongbao ul li a{ border:solid 1px #f4d1c3; border-radius:5px; background-color:#fee7d7; height:28px; line-height:28px; width:118px; text-align:center; color:#bc2433; padding:0; margin:0 2.5px;}
main .content .maincontent .dangthongbao ul li a.huyboBtn{ border:solid 1px #c7c7c7; background-color:#e7e7e7; color:#525252;}



.popup{ position:fixed; top:0; left:0; z-index:999; width:100%; height:100vh; display:none;}
.popup .bgPopup{ width:100%; height:100vh; background-color:rgba(255,255,255,0.3);}
.popup .contentPopup{ background-color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:96%; max-width:520px; border-radius:5px; box-shadow:0 0 20px rgba(0,0,0,0.2); overflow:hidden;}
.popup .contentPopup h5{ height:45px; background-color:#f82525; font-size:16px; text-transform:uppercase; color:#fff; line-height:45px; text-align:center;}
.popup .contentPopup .closeBtn{ position:absolute; top:0; right:0; height:45px; width:45px; background-position:-184px 16px; cursor:pointer;}
.popup .contentPopup .formBox{ padding:40px 50px 50px;}
.popup .contentPopup .formBox .inputBox{ height:30px; clear:both; margin:0 0 12px;}
.popup .contentPopup .formBox .inputBox p{ float:left; width:110px; height:30px; line-height:30px; font-size:12px;}
.popup .contentPopup .formBox .inputBox p span{color:#f82525;}
.popup .contentPopup .formBox input, .popup .contentPopup .formBox select{ height:28px; border:solid 1px #b2b2b2; display:block; border-radius:5px; text-indent:10px; width:265px; margin:0 auto 12px;}
.popup .contentPopup .formBox .inputBox input{ float:right; width:calc(100% - 112px); margin:0;}
.popup .contentPopup .formBox .inputBox input[type="file"]{ height:18px; padding:5px 0 5px 5px; text-indent:0px; width:calc(100% - 117px);}
.popup .contentPopup .formBox .inputBox select{ height:30px; width:calc(100% - 110px); text-indent:3px;}
.popup .contentPopup .formBox button{ cursor:pointer; display:block; height:30px; background-color:#fbe4d5; width:120px; text-align:center; line-height:30px; text-transform:uppercase; color:#bc2433; font-weight:bold; font-size:14px; border-radius:5px; border:solid 1px #f4d1c3; margin:0 auto 12px;}
.popup .contentPopup .formBox .inputBox button{float:left; margin:0;}
.popup .contentPopup .formBox ul{ text-align:center; font-size:0; padding:10px 0 0;}
.popup .contentPopup .formBox ul li{ display:inline-block;}
.popup .contentPopup .formBox ul li a{ color:#398fb3; font-size:12px; display:block; padding:0 9px;}
.popup .contentPopup .formBox ul li a:hover{ text-decoration:underline;}
.popup .contentPopup .formBox ul.popupBtn{}
.popup .contentPopup .formBox ul.popupBtn li{}
.popup .contentPopup .formBox ul.popupBtn li a{ height:30px; border-radius:5px; background-color:#398fb3; line-height:30px; color:#fff; margin:0 2.5px; padding:0 20px;}
.popup .contentPopup .formBox ul.popupBtn li a.cancel{ background-color:#444;}
.popup .contentPopup .formBox ul.popupBtn li a.save{ background-color:#73a409;}
.popup .contentPopup .formBox ul.popupBtn li a:hover{ text-decoration:none;}



.popup .contentPopup .formBox .mota{ text-align:center; font-size:14px; margin:0 0 20px;}



main .content .maincontent .searchbox.registerBox{}
main .content .maincontent .searchbox.registerBox .searchForm{ border:none; padding:0; display:block;}
main .content .maincontent .searchbox.registerBox .inputBox p span{color:#f82525;}
main .content .maincontent .searchbox.registerBox .inputBox textarea{height:60px; border:solid 1px #b2b2b2; display:block; border-radius:5px; width:calc(100% - 111px); resize:none; padding:10px 10px 0;}
main .content .maincontent .searchbox.registerBox .dieukhoan{ background-color:#f6f6f6; padding:15px 10px 0; height:160px; overflow:auto; margin:20px 0 12px;}
main .content .maincontent .searchbox.registerBox .dieukhoan h4{ text-transform:uppercase; margin:0 0 10px;}
main .content .maincontent .searchbox.registerBox .dieukhoan p{ line-height:20px;}
main .content .maincontent .searchbox.registerBox .checkbox{ text-align:center; margin:0 0 30px;}
main .content .maincontent .searchbox.registerBox .checkbox label{ font-size:12px;}
main .content .maincontent .searchbox.registerBox .checkbox input{ display:inline-block; border:solid 1px #b2b2b2; border-radius:5px; width:18px; height:18px; position:relative; top:2px;}
main .content .maincontent .searchbox.registerBox ul{ text-align:center; font-size:0; padding:30px 0 0;}
main .content .maincontent .searchbox.registerBox ul li{ display:inline-block;}
main .content .maincontent .searchbox.registerBox ul li a{ color:#398fb3; font-size:12px; display:block; padding:0 9px; height:auto; border:none; line-height:normal; font-weight:normal; text-transform:none;}
main .content .maincontent .searchbox.registerBox ul li a:hover{ text-decoration:underline;}


main .content .maincontent .notiDetails p{ padding:0 0 0 30px; line-height:20px;}
main .content .maincontent .notiDetails .thongtinchung{ background-color:#f4f4f4; padding:20px 30px;}
main .content .maincontent .notiDetails .thongtinchung p, main .content .maincontent .notiDetails .thongtinchung p b{ padding:0; font-size:12px;}
main .content .maincontent .notiDetails .thongtinnho{ font-size:0;}
main .content .maincontent .notiDetails .thongtinnho .thongtin1{ vertical-align:top; width:50%; display:inline-block; padding:0 0 20px;}
main .content .maincontent .notiDetails .thongtinnho .thongtin1 p{ float:left; width:100px;}
main .content .maincontent .notiDetails .thongtinnho .thongtin1 .noidung{ float:right; width:calc(100% - 135px);}
main .content .maincontent .notiDetails .thongtinnho .thongtin1 .noidung p{ padding:0; width:auto;}
main .content .maincontent .notiDetails .thongtinchung p a{ color:#bc2433; font-size:12px;}
main .content .maincontent .notiDetails .thongtinchung p a:hover{ text-decoration:underline;}
main .content .maincontent .notiDetails table td a{ color:#bc2433; font-size:12px; font-style:italic;}
main .content .maincontent .notiDetails table td a:hover{ text-decoration:underline;}
main .content .maincontent .notiDetails .tieuchi{ padding:0 0 0 30px;}
main .content .maincontent .notiDetails .tieuchi p{ padding:0;}



main .content .maincontent .lichsuthongbao .noti .notiList{ padding:20px 10px 30px;}
main .content .maincontent .lichsuthongbao h1{ font-size:14px; padding:0 120px 0 0;}
main .content .maincontent .lichsuthongbao .dangthongbaoBtn{ float:right; display:block; margin:-35px 0 35px; color:#398fb3; font-size:12px; font-weight:bold;}
main .content .maincontent .lichsuthongbao .dangthongbaoBtn:hover{ text-decoration:underline;}
main .content .maincontent .lichsuthongbao .dangthongbaoBtn .icon{ width:10px; height:10px; background-position:-250px 0; position:relative; top:1px;}
main .content .maincontent .lichsuthongbao .filter ul li a{ text-transform:none; font-weight:normal; border:none; background:none; padding:0;}
main .content .maincontent .lichsuthongbao .filter ul li a.active{ font-weight:bold;}
main .content .maincontent .lichsuthongbao .filter{ margin:0 0 35px;}


header .header .user{ position:absolute; bottom:45px; right:25px; color:#fff; max-width:180px; text-align:right; border:solid 1px #fff; padding:5px 25px 5px 5px; cursor:pointer; z-index:99;}
header .header .user .notiNum{ position:absolute; border-radius:5px; height:18px; line-height:18px; padding:0 5px; top:-12px; right:-15px; background-color:#f82525; border:solid 1px #fff;}
header .header .user .downArrow{ width:10px; height:6px; background-position:-300px -150px; position:absolute; right:8px; top:50%; transform:translateY(-50%);}
header .header .user ul{ top:100%; bottom:auto; right:-1px; background-color:#fff; width:230px; padding:10px 10px; display:none; box-shadow:0 0 1px rgba(0,0,0,0.3);}
header .header .user ul li{ display:block; float:none;}
header .header .user ul li a{ height:30px; line-height:30px; border:none; color:#398fb3; text-transform:uppercase; text-align:right; width:auto; margin:0; font-size:12px; border-top:solid 1px #f0f0f0; padding:0 25px 0 0; position:relative;}
header .header .user ul li a:hover{ background-color:#f0f0f0; padding:0 15px 0 0;}
header .header .user ul li:first-child a{border:none;}
header .header .user ul li a b{ color:#f82525; font-size:12px;}
header .header .user ul li a .icon{ width:16px; height:18px; background-position:-100px -150px; position:absolute; right:1px; top:5px;}
header .header .user ul li a .icon.noti{ background-position:-150px -150px;}
header .header .user ul li a .icon.history{ background-position:-200px -150px;}
header .header .user ul li a .icon.logout{ background-position:-250px -150px;}


main .content .maincontent .dangthongbao ul.fileSub{ float:right; height:20px; margin:-45px 0 0;}
main .content .maincontent .dangthongbao ul.fileSub li a{ color:#398fb3; text-transform:none; font-size:12px; border:none; background:none; height:auto; line-height:normal; width:auto; margin:0 0 0 20px;}
main .content .maincontent .dangthongbao ul.fileSub li a .icon{ width:20px; height:21px; background-position:0 -150px; position:relative; top:6px; margin:0 5px 0 0;}
main .content .maincontent .dangthongbao ul.fileSub li a .share{ background-position:-50px -150px;}
main .content .maincontent .dangthongbao .wordPreviewer{ border:solid 1px #000; height:600px; overflow:auto;}



#ui-datepicker-div{ background-color:#fff; text-align:center; box-shadow:0 0 8px rgba(0,0,0,0.3);}
#ui-datepicker-div .ui-datepicker-header{ background-color:#fbe4d5; position:relative;}
#ui-datepicker-div .ui-datepicker-header a{ position:absolute; display:block; height:30px; width:50px; line-height:30px;  top:0; left:0; cursor:pointer; transition:all 0.2s;}
#ui-datepicker-div .ui-datepicker-header a:hover{ background-color:#f7d1b8;}
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next{left:auto; right:0;}
#ui-datepicker-div .ui-datepicker-header a span{text-transform:uppercase; color:#bc2433; font-size:11px;}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title{ height:40px; line-height:30px;}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title span{ font-weight:bold; color:#bc2433; font-size:16px;}
#ui-datepicker-div table{}
#ui-datepicker-div table tr{}
#ui-datepicker-div table th{ background-color:#fbe4d5;}
#ui-datepicker-div table th span{ font-weight:normal; font-size:10px; text-transform:uppercase; color:#c6988d; padding:3px 0; display:block;}
#ui-datepicker-div table td{ height:35px; width:35px; vertical-align:middle; border:solid 1px #e5e5e5; cursor:pointer; transition:all 0.2s;}
#ui-datepicker-div table td.ui-datepicker-today{ background-color:#f82525; border:solid 1px #fff;}
#ui-datepicker-div table td:first-child{ border-left:solid 1px #fff;}
#ui-datepicker-div table td:last-child{ border-right:solid 1px #fff;}
#ui-datepicker-div table tr:last-child td{ border-bottom:solid 1px #fff;}
#ui-datepicker-div table tr:first-child td{ border-top:solid 1px #fff;}
#ui-datepicker-div table td:hover{ background-color:#fbe4d5;}
#ui-datepicker-div table td a{ font-weight:bold; color:#222; font-size:13px; transition:all 0.1s; display:inline-block;}
#ui-datepicker-div table td:hover a{ color:#bc2433; transform:scale(1.1);}
#ui-datepicker-div table td.ui-datepicker-today a{ color:#fff;}



main .content .maincontent .filter .filterBox .searchbox{ margin:0;}
main .content .maincontent .filter .filterBox .searchbox .searchForm{ display:block; padding:20px 0; border:none; border-top:solid 1px #e5e5e5;}



main .content .maincontent .noti.news{}
main .content .maincontent .noti.news .newsList{ border:none; font-size:0;}
main .content .maincontent .noti.news .newsList article{ border:none; border-bottom:dashed 1px #f82525; padding:0 0 10px; margin:0 4% 10px 0; width:48%; display:inline-block; vertical-align:top;}
main .content .maincontent .noti.news .newsList article:nth-child(even){ margin:0 0 10px;}
main .content .maincontent .noti.news .paging{ padding:10px 0 0;}

a { cursor: pointer; }

.btnUpload {
    display: inline-block;
    background-color: #f1f1f1;
    width: 90px;
    height: 28px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    text-align: center;
    line-height: 28px;
}

.btnUploadModal {
    height: 30px;
    border-radius: 5px;
    background-color: #f1f1f1;
    line-height: 30px;
    color: #000;
    padding: 6px 20px;
    font-size: 12px;
    font-weight: bold;
}