html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body,table {
	margin: 0;
	font: 13px verdana, "Inter", arial, helvetica, sans;
}

header,main,menu,section,footer{display:block}


#container{
        position: relative;
        max-width : 1080px;
        margin-left : auto;
        margin-right : auto;
        margin-bottom: 20px;
        padding : 10px;
        border : 0px solid #83b1c9;
        color : #000;
        background : #fff;
}

.topright {
  position: absolute;
  top: 8px;
  right: 10px;
  vertical-align: center;
}

.topright a {
  font-family: arial,helvetica;
  font-size: 14px;
  font-weight: bold;
  color: navy;
}

.topleft {
  position: absolute;
  top: 8px;
  left: 10px;
  vertical-align: center;
}

.topleft a {
  font-family: arial,helvetica;
  font-size: 14px;
  font-weight: bold;
  color: navy;
}


header a {text-decoration: none;}

footer {
	background: #0072be;
	color: white;
	font-size: 12px;
	padding: 30px 30px 30px 30px;
	text-align: left;
	vertical-align: top;
}

footer a {
	color: white;
	text-decoration: underline;
}

footer a:hover {color: white;}

footer img {vertical-align: top;}

footer .foot1 {
	display: inline-block;
	padding-right: 20px;
	line-height: 1.6em;
	vertical-align: top;
	max-width: 400;
}

footer .foot2 {
	display: inline-block;
	max-width: 350;
}

footer .foot3 {
	display: block;
	text-align: center;
	padding-top: 30px;
}

table {
	font: 13px verdana, arial, helvetica, sans;
	background: white;
}

table th, table td {
	background: white;
	vertical-align: top;
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0em;
	margin-bottom: 0.5em;
	color: #b20;
}

h1 {
	text-align: right;
	font-size: 2.4em;
	border-top: 1px solid #eef;
	padding-top: 4px;
	font-weight: bold;
	font-family: Tahoma;
	color: #fff;
	margin: 4px 0px 15px 0px;
}

h2 {
	font-size: 1.4em;
	font-weight: bold;
	padding-left: 0px;
	color: #d60;
	border-left: 0px solid #457dbe;
	text-transform: uppercase;
}

h3 {
	font-weight: bold;
	font-size: 1.2em;
	color: navy;
	margin-top: 5px;
	margin-bottom: 1em;
	text-transform: uppercase;
}

h3.underline {
	border-bottom: 1px solid #79e;
	padding: 7 0 3 0;
}

h4 {
	margin-top: 1.2em;
	font-size: 1.1em;
	color: #080;
	margin-bottom: 0.8em;
	*font-family: Arial, Helvetica;
	*font-style: italic;
}

h5 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
	color: orange;
}



a {
	color: navy;
	text-decoration: none;
	padding-bottom: 1px;
}

a:hover {
	*color:#b20;
	color: orange;
	text-decoration: none; 
}

a img {
	border:none;
}

a.red {
	font-size: 11px;
}

strong, b {
	font-weight:bold;
}

em, i {
	font-style:italic;
}

ul {
	margin-bottom: 0;
}

li {
	margin-bottom: 0.5em;
}

table.bodytab {border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;}

table.form { width: 53em;}
html>body table.form { width: 100%}
table.form th {text-align: left; background-color: #f6f6f6;}
table.form td {text-align: left; background-color: #f6f6f6;}
table.form th.color2 {background-color: #f6f6f6;}
table.form td.color2 {background-color: #f6f6f6;}
table.form th.grad {
	background-image: url(images/bg_grad1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background: #46b;
	color: white;
}


table.ovview { width: 50em; background: #fff; border: 0px solid #46b;}
html>body table.ovview { width: 100%}
table.ovview th.grad {
	background-image: url(images/bg_grad.gif);
	background-repeat: repeat-x;
	background: #359; color: white;
	border-right: 0px solid black;
	border-bottom: 0px solid black;
	padding: 3 3;
}
table.ovview th, table.ovview td {text-align: left; background-color: #f6f6f6; padding: 6 3}

table.dtview th, table.dtview td {text-align: left; background-color: #f6f6f6;}
table.dtview th.head {
	background: white;
        color: white;
        font-size: 11px;
        text-transform: none;
	background-image: url(images/bg_h.gif);
	background-repeat: no-repeat;
        border-top: 10px solid #fff;
	border-bottom: 1px solid #46b;
	padding: 5 10;
}

table.form-detail {
        border: 1px solid #ddd;
        }
table.form-detail td {
        background: #eee;
}
table.form-detail th.head {
        color: white; background: #02a;
}


table.passform {border: 10px solid #ddd; }
table.passform td {text-align: left; background-color: #eee;}
table.passform th {text-align: left; background-color: #eee;}

table.form1 {
	background: #dddfff;
	border: 1px solid #46b;
	width: 50em;
}
table.form1 td {background: white; padding: 6 3;}
table.form1 th {background: #46b; color: white; padding: 8 3;}

table.mlink {width: 50em;}
table.mlink td {padding: 7 30 7 0;}
table.mlink td a {background: url('images/radio_off.gif') no-repeat center left;padding-left: 22; display: block; text-decoration: none; color: #000; }
table.mlink td a:hover {background-image: url('images/radio_on.gif'); color: black;}
table.mlink td a.sel {background-image: url('images/radio_on.gif');}

table.thongbao {
	width: 51em;
	border-bottom: 1px solid #46b;
}
table.thongbao td {padding: 10 0; border-top: 1px solid #46b; }

div.warning {
        text-align: center;
        font-size: 15px;
        color: white;
        background: #ee2200;
        border: 4em solid white;
        padding: 2em;
}

div.login {
        width: 21em;
        padding: 5;
        background: #eee;
        text-align: center;
}

div.msg {
        text-align: center;
        background: #eee;
        padding: 2em;
        border-top: 4em solid #fff;
        border-bottom: 4em solid #fff;
        border-left: 8em solid #fff;
        border-right: 8em solid #fff;
}

div.textarea {
        background: white;
        padding: 1em;
}


div.tlink {
	font: 12px verdana,arial,helvetica,sans-serif;
	margin: 10 1;
	padding-top: 6;
	padding-bottom: 6;
	border-bottom: 1px dotted #46b;
}

div.tlink a {
	background-image: url("images/tabmid.gif");
	background-repeat: no-repeat;
	background-position: right;
	padding: 8 20 8 10;
	border-left: 0px solid #aaa;
}

div.tlink a.selected {
	color: black;
	font-weight: bold;
}

div.tyear {
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

div.linktab {
	border: 1px solid #dde;
	background: #eef;
	padding: 12 10;
	margin-bottom: 15;
}

div.linktab a {
	text-decoration: none;
	color: navy;
	font-size: 11px;
}

div.linktab a:hover {
	text-decoration: underline;
	color: #b20;
}

div.linktab li {
	list-style-image: url('images/bullet_blue.gif');
}

div.stripe {
	padding: 0 0 5 0;
	border-top: 0px solid #79e;
	font-size: 12px;
	font-weight: bold;
}


#toplink {
	background: white;
	vertical-align: top;
	text-align: right;
	padding: 0 0 5px 0;
	color: navy;
	font-weight: bold;
	font-size: 11px;
}

#toplink a {
	color: navy;
	text-decoration: none;
	font-size: 11px;
	background-image: url('images/bullet_arrow.gif');
	background-repeat: no-repeat;
	background-position: 0 1;
	padding: 0 5 0 10;
}

#toplink a:hover {
	color: #d20;
}

#header {
	padding: 0 0 0 0;
	background: #06b;
	font-size: 11px;
	}

#topmenu {
	text-align: right;
	padding: 0 10 5 0;
	background: #06b;
	font-size: 10px;
	}

#topmenu a{
	color: white;
	text-decoration: none;
	font-weight: bold;
	padding: 0 0 0 20;
	background-image: url('images/pagebullet.gif');
	background-repeat: no-repeat;
	background-position: 8 0;
}


main {
	background: white;
	vertical-align: top;
	text-align: left;
	width: 100%;
	padding: 10 0;
}

main:after {
	content: "";
	display: table;
	clear: both;
}

.colleft {
	float: left;
	width: 20%;
}

.colright {
	float: left;
	width: 80%;
	font-size: 13px;
	padding-left: 10px;
	border-left: 1px solid #ddd;
	line-height: 1.3em;
}

.colright table th,
.colright table td {
	line-height: 1.2em;
	padding: 5px 0px;
}

.colright ul {
	padding-left: 20;
	line-height: 1.3em;
}

.colright ul li {
	margin-bottom: 1em;
}

.col1 {
	float: left;
	width: 32%;
	padding: 0 10 10 0;
	vertical-align: top;
}

.col2 {
	float: left;
	width: 40%;
	padding: 0 10 0 0;
	vertical-align: top;
}

.col3 {
	float: left;
	width: 25%;
	padding: 0 0;
	vertical-align: top;
}


main ul {
	margin: 1em 0 1em 2em;
	list-style-image: none;
}

main ul.gray {
	margin: 1em 0 1em 2em;
	list-style-image: none;
}

main li {
	margin: 0 0 0.6em 0;
}

main ol li {
	margin: 0 0 1em 0;
}


#topid {
	text-align: right;
	background: #eeefff;
	margin-left: 80;
	font-size: 11px;
	padding: 4;
	color: black;
}

#topid a {
	color: navy;
	}


#bangtin {
	border-top: 1px solid #46b;
	padding: 0 0;
	margin-top: 4;
	border-bottom: 1px solid #46b;
}


span.title {
	border: 1px solid #46b;
	font-size: 13px;
	font-weight: bold;
	background: #46b;
	color: white;
	padding: 4 10;
	margin: 0 0;
}


main ul.thongbao {
	list-style-image: none;
	list-style-type: none;
	margin: 20 0;
	font-size: 13px;
	line-height: 1.8em;
	border-bottom: 1px solid #79e;
}

main ul.thongbao li {
	border-top: 1px solid #79e;
	padding: 5 0;
}



ol#publ {
	font-size: 13px;
	margin-bottom: 25px;
}
ol#publ li {
	margin-top: 20px;
}

a.qtri {
	font-size: 11px;
	color: red;
}

table.ds1 {
	background: #eee;
	width: 100%;
}

table.ds1 th {
	background: #46b;
	color: white;
	font-size: 13px;
}

table.ds1 td {
	background: white;
	padding: 6 3;
	font-size: 13px;
	line-height: 1.2em;
}

table.ds2 {
	width: 100%;
}

table.ds2 th {
	padding: 5 0;
}

table.ds2 td {
	padding: 5 0 5 10;
}

table.pub-report {
	background: #888;
	font-family: times;
	font-size: 13px;
}

table.pub-report th {
	background: #eee;
}

table.pub-report td {
	background: white;
}

h3.pub-report {
	font-family: times;
	font-size: 17px;
	margin: 15px 0px 5px 0px
}

h4.pub-report {
	font-family: times;
	font-size: 15px;
	font-style: italic;
}


#banner {
	color: white;
	background: #0072be;
	padding: 10;
}

#banner h1 {
	border: 0;
	margin: 30 0 16 30;
	margin: 25 0 20 30;
	font-size: 26px;
	text-align: left;
	*font-family: Georgia, serif;
	font-family: "Times New Roman", times, serif;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
}

#banner a {
	color: white;
	text-decoration: none;
}

ul#lmenu {
        list-style-type: none;
        margin: 0px;
        border: 0px;
        padding: 0px 5px 10px 5px;
}
ul#lmenu li {
        font-size: 11px;
        padding-left: 10px;
        background-image: url(images/arrow_red.gif);
        background-repeat: no-repeat;
}

#tophead {
	width: 100%;
	text-align: center;
	vertical-align: top;
	border: 0px solid red;
	margin-top: 5px;
	margin-bottom: 5px;
}

.topname {
	max-width: 500px;
	text-align: center;
	border: 0px solid blue;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	margin-right: 80px;
}

.topname h3 {
	border: 0;
	padding: 0;
	margin: 0;
	color: #04b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
}

.topname h1 {
	color: black;
	text-align: center;
	border: 0;
	padding: 0;
	margin: 0;
	color: #080;
	font-size: 32px;
	font-family: "Times New Roman", times, serif;
	text-transform: uppercase;
}

.login1 {
	width: 100%;
	text-align: center;
}

.tintuc {
	width: 100%;
	line-height: 1.4em;
	*font-family: verdana, sans, arial, helvetica;
}

.tintuc h4 {
	margin: 20 0 20 0;
	font-size: 1.2em;
}

table.hh02 {
	border: 5px solid #eee; 
	background: #fff; 
	width: 100%;
}
table.hh02 tr:nth-child(even) {background: #f2f2f2;}
table.hh02 tr td {font-size: 13px; padding: 5px 2px; line-height: 1.2em;}
table.hh02 tr th {font-size: 13px; background: #0072bc; color: white; padding: 5 2;}

table.hh03 {width: 80%;}
table.hh03 th {background: #fff; width: 30%;}
table.hh03 td {background: #fff;}


.textbox1 {
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	padding: 5 10;
	width: 160;
	height: 85;
	*width: 176;
	*height: 80;
	display: flex;
	float: left;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #eee;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #ccc;
}

.textbox1 a {
	color: black;
	text-decoration: none;
	font-weight: bold;
}

.textbox1 a:hover { color: blue; }

.newsbox {
	float: left;
	margin: 0px;
	margin-top: 15px;
	padding: 10; 
	box-shadow: 0px 0px 3px 3px #eee;
	*border: 3px solid #eee; 
	*border-radius: 5px; 
	min-width: 200;
	width: 32.5%;
	height: 330;
}

.midbox {
	margin-left: 12px;
	margin-right: 12px;
	margin-left: 1.25%;
	margin-right: 1.25%;
}

.newsbox h4 {
	color: #080;
	margin-top: 0;
	margin-left: 0;
	border-bottom: 0px solid #ccc;
	text-transform: uppercase;
	padding-bottom: 3;
}

.newsbox ul {
	list-style-type: none;
	margin: 0;
	padding-left: 20px;
}

.newsbox ul li {
	font-size: 12px;
	padding-left: 10px;
	padding-bottom: 5px;
        background-image: url(images/arrow_red.gif);
        background-repeat: no-repeat;
}

.newsbox ul li.nobg {
	background-image: none;
	padding-left: 0;
}

.newsbox p {
	font-size: 12px;
	text-align: right;
	margin-top: 0;
}

.spbox {
	float: left;
	width: 100%;
	padding: 10 0 10 10; 
	margin-top: 15;
	*border: 3px solid #eee; 
	box-shadow: 0px 0px 3px 3px #eee;
}

.spbox h4 {
	*color: #0072be;
	color: #080;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 10;
	border-bottom: 0px solid #ccc;
	text-transform: uppercase;
	padding-bottom: 3;
}

.spbox a {
	*color: #0072be;
	color: #080;
}

.spbox a:hover {
	color: orange;
	text-decoration: none;
}

.subspbox {
	float: left;
	min-width: 120;
	width: 18.5%;
	margin-right: 10;
	font-size: 12px;
	text-align: center;
}

.subspbox img {
	width: 198;
	width: 100%;
	height: 190;
	object-fit: cover;
}

.subspbox p {
	margin-top: 10;
	margin-bottom: 5;
}

.subspbox a {
	color: black;
}

.subspbox a:hover {
	color: orange;
	text-decoration: none;
}

.subbox2 {
	float: left;
	width: 160;
	height: 140;
	margin-right: 10;
	font-size: 12px;
	text-align: center;
}

.subbox2 img {
	width: 150;
	height: 100;
	object-fit: contain;
}

.subbox2 a {
	color: black;
}

.subbox2 a:hover {
	color: orange;
	text-decoration: none;
}

.subbox2 p {
	margin-top: 5px;
}

.barmenu {
	margin-bottom: 15;
	font-size: 1em;
	padding-bottom: 3;
	border-bottom: 0px solid #ccc;
	color: #aaa;
}

.barmenu a {
	color: #aaa;
}

.barmenu .sel { color: #080; font-weight: bold;}

.ulbig ul, .ulbig ol {
	margin-top: 20;
	margin-left: 0;
	font-size: 1.1em;
	line-height: 1.8em;
}

.img_sp {width: 400px;}
.img_tb {width: 400px;}

@media screen and (max-width: 900px) {
  .topname {margin-right: 0;}
  .newsbox {width: 49%;}
  .midbox {margin-left: 2%; margin-right: 0;}
}

@media screen and (max-width: 600px) {
  .colleft { width: 100%; }
  ul#lmenu li { float: left; padding-right: 20px; font-size: 12px; }
  .colright { width: 100%; border: 0px; padding-top: 15px; padding-left: 0; font-size: 14px; }
  .col1 { width: 98%; }
  .col2 { width: 98%; }
  .col3 { width: 98%; }
  .textbox1 {width: 50%;}
  .newsbox {width: 100%; height: 360;}
  .newsbox ul li { font-size: 14px;}
  .midbox {margin-left: 0; margin-right: 0;}
  .subbox2 {width: 150; height: 180; margin-right: 5; font-size: 14px;}
  .subspbox {width: 150; height: 250; font-size: 14px;}
  .subspbox img {width: 150; height: 150;}
  .img_sp {width: 240px;}
  .img_tb {width: 240px;}
  .spkh {width: 150;}
  table.hh03 {width: 100%;}
  table.hh03 th {width: 40%;}
}

ul.minus {
	margin: 6 0 5 -20;
	list-style-type: none;
}

ul.minus li {margin-bottom: 0.6em;}

img.spkh {
	width: 200;
	height: 130;
	margin-right: 10;
	margin-bottom: 10;
	object-fit: cover;
}

img.tbkh {
	width: 200;
	height: 130;
	margin-right: 10;
	margin-bottom: 10;
	object-fit: contain;
}

.photobox500 {text-align: center;}
.photobox500 img {max-width: 500; margin: 0 0;}
.photobox500 p {font-size: 12px; margin-top: 5px;}

.photobox {text-align: center;}
.photobox img {max-width: 100%; margin: 0 0;}
.photobox p {font-size: 12px; margin-top: 5px;}