@import url(https://fonts.googleapis.com/css?family=Open+Sans|Roboto+Condensed&subset=latin,vietnamese);

body{

	font-family: 'Open Sans', sans-serif;

	background-attachment :fixed;

	background-image: url(../img/background.jpg);

}

.carousel-inner img {

	width: 100%;

}
h1,h2,h3,h4,h5,h6{

	font-family: 'Roboto Condensed', sans-serif;

}

.thumbnailzoom {

	height: 500px;

}
.adv-description {
    border-bottom: 1px solid #ccc;
    font-size: 20px;
    font-weight: 600;
    margin: 8px 0;
    padding: 10px;
    text-align: center;
}


.title span {color: yellow;}

.posttop b{

	float: right;

	padding: 0 12px;

	border-right: 1px solid #dee2e8;

	font-weight: lighter;

}



.list-title {

	border: 1px solid #ccc;

}

table{

	

	margin-right: auto;

	margin-left: auto;

	width: 100%;

	background: #fff;

}



.panel {

	margin: 0;

	background-color: transparent;

	background: #fff;

}

.navbar-fixed-top .dropdown-menu {

	background-color: transparent;

}



.top .col-xs-6 {

	text-align: right;

}

.posttop b  a {

	color: #666666;

}

.posttop b  a:hover {

	color: #fff;

}

.navbar

{

	margin-bottom: 0px;

}

.top1 .navbar 

{

	background-color: white;

	background-image:none;

	border:none;

	box-shadow: none;

}

.panel-default > .panel-heading {

	color: white;

	font-weight: 900;

	background-color: rgb(226,0,33);

	padding: 0;

	border: none;

	background-image: none;

	padding: 5px!important;

	margin: 0;

}
.main {
	background: #fff;
	border: 1px solid rgb(226,0,33);
}
.title-main {

	margin: 0!important;

	font-weight: 600;

	color: #fff;

	background: rgb(226,0,33);

	padding: 10px;

	font-size: 20px;
	text-align: center;
}

.title-main  span {

	margin-left: 15px;

}

.title2 span{

	margin-left: 15px;

}

.title-sub span{

	font-size: 20px;

	font-weight: 600;

	color: #fff;

}

.title-sub span a {

	color: red;

}

.title-sub span a:hover {

	color: green;

}

.title-sub img {

	margin-left: 20px;

}

.title-sub {

	border-bottom: 1px solid #2CAAD3;

	margin: 0;

	padding: 5px;

	background: #fff

}

.title2 {

	font-size: 20px;

	font-weight: 600;

	background-color: #2CAAD3;

	color: white;

	margin: 0;

	padding: 10px;

}

.kq {

	padding: 5;

	border:1px solid red;

	font-size: 14px;

}



hr{

	border-color:green;

	margin-bottom: 0px;

}



.top1 h1

{

	margin-top: 0px;

}

h1 .navbar-brand

{

	height: 90px;

	padding: 5px;

	margin-top: -40px;

}

img

{

	max-width: 100%;

	height: auto;

}



.media-heading {

	font-size: 18px;

}



.panel-body {

	padding: 10px;

}



.navbar-brand {

	position: absolute;

	z-index: 100;

}	



a:hover, a:focus {

	text-decoration: none;

}



.bangketqua {

	margin-bottom: 20px;

}





.panel-default > .panel-heading h3

{

	color: white;

	letter-spacing: 1px;

}

.panel-default > .panel-heading h3, .contentchilrend .panel h5

{

	text-transform: uppercase;

}



.category .list-group-item

{

	padding: 0px 0px 0px 5px;

	border: 1px solid red;

	border-top: 1px solid transparent!important;

}



.category .list-group-item:hover

{



	background:rgba(255, 197, 0, 0.6) none repeat scroll 0 0;

}

.category .list-group-item a:hover



{

	text-decoration: none;

}

.list-group-item

{

	overflow: hidden;

	padding: 5px;

}

.list-group-item a img

{

	width: 75px;

}



.panel-default .glyphicon 

{

	color: black;

}

li h2 .glyphicon

{

	color: #ff3333 !important;

}

.input-group-addon

{

	min-width: 150px;

	max-width: 150px;

	text-align: left;

	color:#4a4a4a;

}



footer a

{

	color: #464646;

}

.footer

{

	margin-top: 20px;

	z-index: 10;

}



.footername

{

	font-weight: 600;

	z-index: 10;

	border-top: 3px solid #FF3333;

	text-transform: full-width;

	background-color: rgba(255, 255, 246, 0.5);

}





.date {

	color: #3276B1;

}



.panel-body

{

	padding: 20px;

	background: #fff;

}



.face {

	padding: 15px;

	margin: 0;

}



.list-group {



	box-shadow: none;

}

.support {

	color: #2CAAD3;

}

.somoi h2 {

	margin-bottom: 20px;

}



.carousel-control.right,.carousel-control.left {

	background-image: none;

}

.bangkq iframe {

	height: 2456px;

	background: #fff;

	border: 1px solid #2CAAD3;

}
.bangkqmb iframe {

	height: 1791px;

	background: #fff;

	border: 1px solid #2CAAD3;

}
.panel-body iframe{

	height:230px;

}

.title-view {

	font-size: 24px;

	font-weight: 600;

	margin: 0;

}

table {

	text-align: center;

}

tr {

	border: 1px solid #ccc;

}

.fa-spin {

	color: red;

}

.ngay{

	width: 20%;

	color: #4c4c4c;

}

.so-ra,.ket-qua {

	width: 40%;

	color: #4c4c4c;

}

.top {

	color: black;

	font-size: 16px;

	font-weight: 600;

	background: #ccc;

}

td, th {

	padding: 5px 0;

}



.carousel-indicators {

	display: none;

}

.navbar-default .navbar-nav > li > a {

	padding: 0 10px;

	color: white;

}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{

	color: yellow;

}

h4, .h4, h5, .h5, h6, .h6 {

	margin:5px 0;

	font-size: 16px;

}

.navbar {

	min-height: auto;

	background: black;

}



.container{

	padding: 0;

	width: 700px;

}

.container-full{

	max-width: 200px;

	margin:auto;

	float: left;

}

li {

	padding: 8px 0;

}

.dropdown-menu > li > a {

	color: #8f8f8f;

}

.dropdown-menu{

	border: none;

	box-shadow: none;

}



.dropdown-menu > li > a:hover {

	color: yellow;

} 

.navbar-fixed-top .dropdown-menu {

	display: table;

	height: 800px;

}

.btn-default {

	background: #fff;

	color: #fff;

	width: 100%;

}





@media only screen and (max-width: 767px) {

	.container {

		width: 100%;

		padding: 0;

	}
.cau-doi img {
	display: none
}
.adv-description {
	font-size: 14px;
}

	.so-ra, .ket-qua {

		width: 40%;

	}

	.list-group{

		margin-top: 40px;

	}

	.navbar-fixed-top .dropdown-menu{

		display: none;

		background-color: white;

	}

	.open > .dropdown-menu {

		display: block;

	}

	.panel-default > .panel-heading {

		background-image: none;

		border-bottom: 3px solid red;

		font-size: 18px;

	}

	.top {

		background-image: none;

	}

}