*{margin: 0; padding: 0; outline: none;}
a{text-decoration: none;}
body{background: url(images/header_bg.jpg) top center no-repeat; background-attachment: fixed; font-family: arial; font-size: 14px;}
.input{width: 100%; padding: 6px 0; border: 1px solid #ccc;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.basesize{width: 1283px; margin: auto;}
.error{color: #f00;}
.success{color: #080;}
#wrapper{}
#header{background: url(images/header.png) top center no-repeat; width: 100%;}
.menu-top{list-style: square;}
.menu-top li{float: left; margin-top: -130px; margin-left: 150px}
.menu-top li a{float: left; padding: 150px 0px; text-transform: capitalize; font-size: 15px; font-weight: bold; color: #d1c4c4;}
.sidebar{width: 238px; float: left;}
.main{width: 1020px; float: left; background: url(images/cont2_bg.png); background-size: 100%;}
.download{float: left; background: url(images/download_bg.png) top center no-repeat; height: 249px; width: 335px; margin-top: -60px; margin-left: -100px;}
.download:hover{background-image: url(images/download_bg_1.png)}
.register{float: right;width: 314px; height: 144px; margin-bottom: 0px}
.dangky{float: left; background: url(images/dangky.png) top center no-repeat; width: 160px; height: 44px;}
.dangky:hover{background-image: url(images/dangky_1.png)}
.napthe{float: left; background: url(images/changepass.png) top center no-repeat; width: 110px; height: 44px;}
.napthe:hover{background-image: url(images/changepass_1.png)}
.dangnhap{float: left; background: url(images/dangnhap.png) top center no-repeat; width: 110px; height: 44px;}
.dangnhap:hover{background-image: url(images/dangnhap_1.png)}
.webshop{float: left; background: url(images/webshop.png) top center no-repeat; width: 160px; height: 44px;}
.webshop:hover{background-image: url(images/webshop_1.png)}
.taikhoan{float: left; background: url(images/taikhoan.png) top center no-repeat; width: 160px; height: 44px;}
.taikhoan:hover{background-image: url(images/taikhoan_1.png)}
.nhanvat{float: left; background: url(images/nhanvat.png) top center no-repeat; width: 110px; height: 44px;}
.nhanvat:hover{background-image: url(images/nhanvat_1.png)}
.event{float: left; background: url(images/napthe.png) top center no-repeat; width: 160px; height: 44px;}
.event:hover{background-image: url(images/napthe_1.png)}
.admin{float: left; background: url(images/admin.png) top center no-repeat; width: 275px; height: 44px;}
.admin:hover{background-image: url(images/admin_1.png)}
.thoat{float: left; background: url(images/exit.png) top center no-repeat; width: 160px; height: 44px;}
.thoat:hover{background-image: url(images/exit_1.png)}
/* .contact{float: left; background: url(images/contact_bg.jpg) top center no-repeat; width: 223px; height: 142px;} */
.acp{float: left;width: 220px; height: 44px; margin-bottom: 5px}
.acp2{float: left;width: 220px; height: 44px; margin-bottom: 5px}
.acp3{float: left;width: 220px; height: 44px; margin-bottom: 5px}
.main-head{float: left; background: url(images/inner_head.png) top left no-repeat; width: 100%; height: 39px; background-size: 100%;}
.main-head h1{margin: 0; padding: 0; color: #f0f0f0; margin-top: 12px; margin-left: 80px; font-size: 16px;}
.main-body1{float: left; background: url(images/top_cont_bg.png) top left no-repeat; width: 100%; min-height: 105px; background-size: 100%;}
.main-body2{float: left; padding: 0 20px; margin-top: -50px; background: url(images/bot_bg.png) bottom left no-repeat; background-size: 100%; width: 100%; min-height: 607px; overflow: auto; padding-bottom: 20px;}
  .NoticeBox {
    border: #61483c solid 1px;
    padding: 10px;
    background: #fff;
}
p.Legend {
	font-size: 13px;
	font-weight: bolder;
	padding: 0 15px;
	color: #fc9;
	background: #563c2f;
	height: 22px;
	margin: 0px 0 10px;
	float: left
}
.NoteContent {
	width: 100%;
	overflow: hidden;
	text-align: justify;
	color: #000
}
ul.Icon li {
	margin-bottom: 10px;
	background: url(../images/icon.gif) 0 8px no-repeat;
	padding-left: 15px;
	list-style-type: none;
	text-align: justify
}

ul.Icon li ul.LowerAlpha li {
	list-style-type: lower-alpha;
	margin-bottom: 10px;
	background: 0;
	padding-left: 0
}
.ContentH5 {
	margin: 0 0 20px 54px
}

.ContentH5 p {
	margin-bottom: 10px;
	text-align: justify;
	padding-right: 3px
}
.MyTable {
	margin: 0 auto 10px;
	border-collapse: collapse
}

.MyTable thead tr th {
	color: #ffc;
	background: #563c2f;
	font-weight: bolder;
	padding: 5px 10px;
	border: 1px solid #966
}
.MyTable tbody tr td {
	padding: 3px 10px;
	border: 1px solid #966
}

.MyTable .HorzRight {
	text-align: right!important
}

.MyTable .HorzCenter {
	text-align: center!important
}

.MyTable .VeztTop {
	vertical-align: top!important
}
.EvenRow {
	background: #f9e4d2
}
.OddRow {
	background: #fff
}
h5 {
	padding: 0 0 0 24px;
	margin: 0 0 5px 28px;
	line-height: 22px;
	font-size: 18px;
	font-family: Arial;
	background: url(../images/h5.jpg) left 3px no-repeat;
	color: #633
	display: block;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold
}
.eventbtn {
  background-color: #4CAF50; /* Green */
  border: none;
  border-radius: 4px;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
.eventbtn:hover {
	text-decoration: none;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
#footer{text-align: center; height: 56px; width: 100%; margin-top: -50px;}

.button1 {
  background-color: white;
  color: black;
  border: 2px solid #7C2727; /* Green */
}