@charset 'utf-8';
@import url(../modules/header/css/style.css);
@import url(../modules/dat-hen/css/style.css);
@import url(../modules/facebook/style.css);
*{margin: 0;padding: 0;border: 0;outline: none;box-sizing: border-box;font-family: "Arial";}
body{color: #fff;width: 100%;max-width: 1350px;min-width: 800px;margin: auto;overflow-x: hidden;font-size: 14px;}
p{text-align: justify;line-height: 25px;}
a{cursor: pointer;color: #fff;text-decoration:none;}
ul, ol{clear: both;list-style: none;display: inline-block;}
img{max-width: 100%;height: auto;vertical-align: middle;}
img[src='']{display: none;}
table{border-spacing: 0;}
.content table{table-layout: fixed;width: 100%!important;}
table th{text-align: center;}
table td{border: 1px solid #fff;}
@keyframes buzz{
	0% {opacity: 0.5;}
	100% {opacity: 1;}
}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.clear10{ clear:both; height:10px; }
.clear20{ clear:both; height:20px; }
/*tab-tittle*/
.sp-tab{
	display: inline-block;
	height: 32px;
	color: #fff;
	font-size: 120%;
	padding-left: 35px;
	padding-right: 80px;
	line-height: 30px;
	background: #eb2126 url('../img/hoa.png') no-repeat left 5px center;
	white-space: nowrap;
	box-shadow: 5px 5px 0px #7b2e18;
	position: relative;
}
.sp-tab:before{
	content: '';
	position: absolute;
	left: 100%;top: 1px;
	border: 3px solid transparent;
	border-left-color: #7b2e18;
	border-bottom-color: #7b2e18;
}
.sp-tab:after{
	content: '';
	position: absolute;
	left: 1px;top: 100%;
	border: 3px solid transparent;
	border-top-color: #7b2e18;
	border-right-color: #7b2e18;
}
.sp-tab img{
	margin-right: 5px;
	vertical-align: middle;
}


/*content*/
.content{
	background: #676AB5;
	padding-top: 10px;
	padding-bottom: 20px;
}
.content > .left{ width: 74%; }
.content > .right{ width: 25%; }
.cont-id{
	color: #fff;
	padding: 0px 15px;
	margin-top: 20px;
	padding-top: 40px;
	position: relative;
	background: rgba(51,54,142,0.5);
}
.cont-id > .sp-tab{
	position: absolute;
	top: -10px;left: 10px;
}

/* footer*/
footer .contact-foo {
	padding: 20px;
	background: #33368E;
}
footer .menu-bottom > a{
	color: #fff;
	white-space: nowrap;
	margin-right: 25px;
	display: inline-block;
}
footer .copyright{
	display: table;
	margin: 0px auto;
}
footer .copyright > p{
	color: #fff;
	font-size: 13px;
}
footer .copyright > p:nth-child(3){
	color: #33368E;
	text-align: center;
	font-size: 85%;
}
footer .type-foo {
	height: 10px;
	position: relative;
	background: #676AB5;
}
footer .type-foo img {
	position: absolute;
	top: 0;
}
footer .type-foo img:nth-child(1){ left: 0; }
footer .type-foo img:nth-child(2){ right: 0; }
