/* SETTING */

@charset "utf-8";
@import "style.css";
@import "light_simple.css";
/*@import "light.css";*/

/* CSS Document */

body,td,th	{ font-family: Tahoma,Helvetica,sans-serif}
a { text-decoration: none } img	{ border:none} #wrap,h1#body,#header,.container	{ width:939px; margin:0 auto; position:relative} *	{ margin:0; padding:0} 
#header {  overflow: hidden; padding: 0 0 6px}
h1#body	{ font-size:14px; color:#FFF; margin:4px auto}
#fixL { position: absolute; right: 0; top: -20px; z-index: 100}
#fixL img { margin:0 5px}
.logo {width: 220px; height:auto; min-height:70px}
.red	{ color:#F00 !important}
.green	{ color:#008000 !important}
.fr { float: right}
.fl { float: left}
.clr	{ clear:both}
.clr10	{ height:10px; clear:both} .clr5	{ height:5px; clear:both}
ul	{ list-style-type:none}
.center	{ text-align:center}
.none	{ display:none}
.submit_btn { background: url("../img/bgbutton.gif") repeat-x scroll left top transparent; border: 1px solid #366BAE; color: #FFFFFF; display: inline-block; font-family: tahoma; font-size: 12px; font-weight: bold; height: 25px;line-height: 25px; padding: 0 9px;text-decoration: none; text-transform: uppercase; cursor:pointer; vertical-align:middle}
/*ct*/

.listCat li a {
	background:url("../img/rss.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	padding-left:20px !important; line-height:16px !important;
}
.list ul li {
width: 190px;}
.box	{ border:1px solid #d7d7d7; padding:1px}
.ct-alert	{ width:80%; margin:0 auto; text-align:justify}

.m1 {  width: 285px }
.m2 {  width: 254px }
.m3 { width: 129px}
.m4 {  width: 99px; text-align:center}
option	{ padding-left: 5px}

h1.title	{ font-size: 30px; font-weight: normal; line-height: 36px;}
h2.title	{ font-size: 12px; font-weight: normal; line-height: 23px; background:url('../img/big.png') no-repeat scroll left top transparent; padding-left:20px }
h2.title strong	{ color:#9F224E}

h1.title-cat	{ font-size: 13px; font-weight: bold; line-height: 23px; background:url('../img/pin.png') no-repeat scroll left top transparent; padding-left:20px }
h2.title-cat {
    display: block;
    font-size: 1.4em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
	padding-left: 10px;
	padding-bottom: 10px;
	line-height: 28px;
	border-bottom: 1px solid #eee;
}
h3.title-cat{
    display: block;
	font-size: 1.4em;
	line-height: 23px;
}
.changeSlide a	{ background: url("../img/bulldow.gif") no-repeat scroll right 5px transparent;
    color: #366BAF;
    font-weight: bold;
    padding: 0 17px 0 0;
    text-align: right }
.list	{  border-top: 1px dotted #CCCCCC; font-size: 11px; }
.listCat	{ padding:10px 15px 0px}
.CAT li	{ width:225px }
.list ul li	{ float:left }
.listCat li a {
    background: url("../img/bull1.gif") no-repeat scroll 4px 5px transparent;
    display: block;
    padding-left: 15px; color:#464646; margin:5px auto
}
.list a:hover	{ color:#9F224E; text-decoration:underline}
.pages {padding: 0 0 8px; display:inline-block; width:100%}
.pages a { background-color:#F3F3F3; border: 1px solid #C4C4C4;  display: inline-block; font-size: 12px; height: 22px; line-height: 22px; margin-right: 2px; padding: 1px 8px;  text-align: center; text-decoration: none}
.pages a:hover, .pages a.active, .pages a.selected { background: none repeat scroll 0 0 #366BAD; border: 1px solid #C4C4C4;  color: #FFFFFF; display: inline-block;  font-size: 12px; height: 22px; line-height: 22px; text-align: center}

#dark_screen {  background: none repeat scroll 0 0 #333333;  display: none;  height: 100%; opacity: 0.85; position: fixed; width: 100%; z-index: 100000}
#popup { background: #FFF; display: none;  position:fixed; margin-top:10px; width: 700px; z-index: 100000}
/*ft*/

#footer ul li {
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 0 3px;
    white-space: nowrap; color:#999
}
#footer ul li a	{ color:#467DBF}
.sociallink {
	padding-bottom: 10px;
}
.sociallink .fa-stack {
	width: 2em;
	margin-bottom: 0.75rem;
	margin-right: 0.375rem;
	font-size: 1.25rem;
}

.sociallink .fa-stack .fa-stack-1x {
    color: #fff !important;
	transition: all 0.2s ease;
}

.sociallink .fa-stack .fa-stack-2x {
	color: #999;
	transition: all 0.2s ease;
}

.sociallink .fa-stack:hover .fa-stack-1x {
	color: #fff;
}

.sociallink .fa-stack:hover .fa-stack-2x {
    color: #555;
}
/*****************************/
/*     19. Custom Bootstrap   */
/*****************************/	

.badge-nhadat {
    color: #fff;
    background-color: #e87205;
}
.badge-primary {
  color: #fff;
  background-color: #007bff;
}

a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}

a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}

a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}

a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
/* Min-width 300px */
@media (min-width: 360px) {
	
	.row {
		min-width: 350px !important;
	}
}
/* Index CSS */

#data {
	position:relative;
	width:100%;
	height:100%;
	overflow:auto;
	background:transparent;
}
#Container2 {
	position:absolute;
	left:8px;top:8px;
	width:400px;
	height:32px;
	margin:0;
	color:#4C4C4C;
	text-align:center;
	padding-top:0px;
	overflow-x:hidden;
	overflow-y:hidden;
}
#Container1 {
	position:absolute;
	left:64px;top:224px;
	width:400px;
	height:32px;
	margin:0;
	padding:7px;
	min-height:100px;
	overflow-x:hidden;
	overflow-y:hidden;
	font-size:12px;
	background-color: #fff;
}
.content {
	float: left;
	width: 100%;
	background-color: #fff;
	text-align: left;
}
ul .content {
	padding-left:10px;
}
#copyright {
	color: #fff;
    padding-top: 10px;
}
#DialogContainer1 {margin-left:auto;margin-right:auto;width:900px;height:600px;}
.content {
	padding: 10px;
}
p.content {
	padding-left: 10px;
}
ul.info {
	padding-left: 23px;
	margin-left: 5px;
	list-style-type: square;
	margin-bottom: -7px
}
p.thongbao {
	padding-left: 25px;
	margin-left: 5px;
	background: url('../img/pin.png') no-repeat scroll left top transparent;
}
p.info {
	padding-left: 25px;
	margin-left:5px;
	background:url('../img/big.png') no-repeat scroll left top transparent;
}
p.rss {
	padding-left: 25px;
	margin-left:5px;
	background:url('../img/rss.gif') no-repeat scroll left top transparent;
}