@import url('font-awesome.css');
@import url('sweet-alert.css');
	@font-face {
	font-family:BaomoiMenu;
	src:url(../fonts/BaomoMenu_gdi.eot);
	src:local('☺'),url(../fonts/BaomoMenu_gdi.eot?#iefix) format('embedded-opentype'),url(../fonts/BaomoMenu_gdi.woff) format('woff'),url(../fonts/BaomoMenu_gdi.ttf) format('truetype');
}

@font-face {
	font-family:Baomoi;
	src:url(../fonts/Baomoi_gdi.eot?v=1);
	src:local('☺'),url(../fonts/Baomoi_gdi.eot?#iefixv=1) format('embedded-opentype'),url(../fonts/Baomoi_gdi.woff?v=1) format('woff'),url(../fonts/Baomoi_gdi.ttf?v=1) format('truetype');
}

@font-face {
	font-family:BaomoiItalic;
	src:url(../fonts/Baomoi-Italic_gdi.eot?v=1);
	src:local('☺'),url(../fonts/Baomoi-Italic_gdi.eot?#iefixv=1) format('embedded-opentype'),url(../fonts/Baomoi-Italic_gdi.woff?v=1) format('woff'),url(../fonts/Baomoi-Italic_gdi.ttf?v=1) format('truetype');
	font-style:italic;
}

@font-face {
	font-family:BaomoiBold;
	src:url(../fonts/Baomoi-SemiBold_gdi.eot?v=1);
	src:local('☺'),url(../fonts/Baomoi-SemiBold_gdi.eot?#iefixv=1) format('embedded-opentype'),url(../fonts/Baomoi-SemiBold_gdi.woff?v=1) format('woff'),url(../fonts/Baomoi-SemiBold_gdi.ttf?v=1) format('truetype');
	font-weight:700;
}

@font-face {
	font-family:BaomoiBoldItalic;
	src:url(../fonts/Baomoi-SemiBoldItalic_gdi.eot?v=1);
	src:local('☺'),url(../fonts/Baomoi-SemiBoldItalic_gdi.eot?#iefixv=1) format('embedded-opentype'),url(../fonts/Baomoi-SemiBoldItalic_gdi.woff?v=1) format('woff'),url(../fonts/Baomoi-SemiBoldItalic_gdi.ttf?v=1) format('truetype');
	font-weight:700;
	font-style:italic;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0;
}

* {
	padding:0;
	margin:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

a {
	text-decoration:none;
	color:#000;
}

p {
	margin-bottom:10px;
}

img {
	max-width:100% !important;
	height:auto;
}
strong, em {
	font-family:BaomoiBold;
}
i {
	font-family:BaomoiItalic;
}
.loading_wp {
	display:none;
	z-index:100;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url('../img/loading_wp.gif') 50% 50% no-repeat rgba(255,255,255,.7);
}

.msgerror {
	position:relative;
	background:#FCE5CD;
	margin-bottom:10px;
	padding:10px 15px;
	border:2px solid #dd3d36;
	color:#dd3d36;
	font-size:15px;
	float:left;
	width:100%;
}

.msgsuccess {
	position:relative;
	background:#DFF0D8;
	margin-bottom:10px;
	padding:10px 15px;
	border:1px solid #D6E9C6;
	color:#468866;
	font-size:15px;
	float:left;
	width:100%;
	font-weight:bold;
}

.msgerror i,
.msgsuccess i {
	background:url('../img/icon/cross_grey_small.png');
	position:absolute;
	right:10px;
	top:5px;
	width:7px;
	height:7px;
	cursor:pointer;
}

.ads {
	text-align:center;
	background:#f5f5f5;
	float:left;
	font-size:40px;
	padding-top:20px;
}

.ads-300-250 {
	width:300px;
	height:250px;
}

.ads-720-90 {
	width:100%;
	height:90px;
	margin-top:10px;
}

.clear {
	clear:both;
}

h1.title {
	font-size:20px;
	color:#3E3E3E;
	margin-top:10px;
}

body {
	background: #797979;
	font-family:Baomoi,Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size:15px;
	line-height:1.3;
}

#container {
	width:1024px;
	margin:0 auto;
	background:#fff;
	overflow:hidden;
}

header {
	padding:15px 10px 0 10px;
	background:#fff;
}

#logo {
	float:left;
}

#menu ul {
	margin-top:10px;
	background:#3E3E3E;
}

#menu ul li {
	display:inline-block;
	line-height:35px;
}

#menu ul li a {
	padding:0 10px;
	color:#000;
	display:block;
	text-transform:uppercase;
	color:#fff;
	font-size:20px;
	font-family:BaomoiMenu,Arial,Helvetica Neue,Helvetica,sans-serif;
	transition:all .2s;
	-moz-transition:all .2s;
	-webkit-transition:all .2s;
}

#menu ul li a:hover {
	text-decoration: underline;
}

#ads_header {
	float:right;
	text-align:center;
	background:#f5f5f5;
	font-size:20px;
	min-height:90px;
	line-height:90px;
	width:680px;
}

#leftcolumn {
	width:714px;
	float:left;
	padding:0 10px 0 10px;
}
#leftcolumn h1 {
	font-family: BaomoiBold;
	font-size: 25px;
}
#leftcolumn h2 {
	font-family: BaomoiBold;
	font-size: 18px;
}
#leftcolumn article {
	padding: 10px 0;
}
#leftcolumn article ul {
	padding-left: 10px;
}
#leftcolumn article ul li {
	list-style-type: disc;
    list-style-position: inside;
}
#leftcolumn article strong {
	font-family: BaomoiBold;
}
#rightcolumn {
	width:300px;
	float:left;
}

ul.list {
	margin:0 -10px;
}

ul.list li {
	float:left;
	width:100%;
	padding:10px;
}

ul.list li:nth-child(2n+1) {
	clear:both;
}

ul.list li h3 {
	color:#000;
	font-size:20px;
}

ul.list li:hover h3 {
	color:#3E3E3E;
}

ul.list li span {
	color:#6d6d6d;
}

ul.list li img {
	width:200px;
	height:150px;
	object-fit:cover;
	float:left;
	margin-right:10px;
}

.pagination {
	display:inline-block;
	padding-left:0;
	margin:20px 0;
	border-radius:4px;
}

.pagination > li {
	display:inline;
}

.pagination > li > a,
.pagination > li > span {
	position:relative;
	float:left;
	padding:6px 12px;
	margin-left:-1px;
	line-height:1.42857143;
	color:#337ab7;
	text-decoration:none;
	background-color:#fff;
	border:1px solid #ddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left:0;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	z-index:2;
	color:#23527c;
	background-color:#eee;
	border-color:#ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	z-index:3;
	color:#fff;
	cursor:default;
	background-color:#337ab7;
	border-color:#337ab7;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color:#777;
	cursor:not-allowed;
	background-color:#fff;
	border-color:#ddd;
}

.pagination {
	width:100%;
	text-align:center;
	margin:20px 0 5px 0;
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
}

.pagination li {
	display:inline-block;
}

.pagination li.current a {
	background:#ECECEC;
	color:#000;
}

.pagination-w p {
	text-align:center;
}

.single-meta {
	margin-bottom:10px;
}

.single-meta a {
	color:#9F2ADA;
}

.single-meta .time {
	margin-bottom:10px;
}

.content-single {
	font-size:16px;
}

.content-single img {
	display:block;
	margin:0 auto 5px auto;
}

.content-single table {
	width:100%;
	height:auto;
}

.content-single iframe {
	width:100%;
	height:420px;
}

footer {
	background: #3E3E3E;
	padding:10px 10px 0 10px;
	color:#fff;
	overflow:hidden;
	position:relative;
	margin-top:10px;
}

.search-box {
	position:relative;
	margin:20px auto;
	width:350px;
}

.search-box input {
	outline:0;
	font-size:12px;
	line-height:26px;
	height:30px;
	color:#000;
	border:1px solid #e6e6e6;
	padding:0 10px;
	width:100%;
}

.search-box button {
	border:none;
	cursor:pointer;
	border:none;
	width:30px;
	height:30px;
	background:#9F2ADA;
	vertical-align:bottom;
	float:left;
	text-align:center;
	padding:0;
	position:absolute;
	right:0;
	top:0;
}

.spr-search {
	background-position:0 0;
	width:24px;
	height:24px;
}

.spr {
	background-image:url(../img/sprites.png);
	display:inline-block;
	vertical-align:middle;
	background-size:550px 180px;
}

.site-index > div {
	float:left;
	width:33.3333%;
	padding:0 5px;
}

.site-index h3 {
	font-size:22px;
	text-transform:uppercase;
	margin-bottom:10px;
}

.site-index a {
	color:#fff;
	font-size:15px;
}

.site-index a:hover {
	text-decoration:underline;
}

.site-index .lk ul li {
	display: block;
	padding-left: 10px;
	position: relative;
	margin-bottom: 10px;
}
.site-index .lk ul li a {
	display: block;
}
.site-index .lk ul li:after {
	position: absolute;
	left: 0;
	top: 8px;
	content: '';
	width: 5px;
	height: 5px;
	background: #fff;
}

.site-index .send a {
	border:1px solid #fff;
	padding:3px 10px;
	text-decoration:none;
}

#top-box {
	padding:10px;
}

.new-post {
	float:left;
	width:334px;
}

.new-post .first-post {
	position:relative;
}

.new-post .first-post span {
	position:absolute;
	left:0;
	bottom:0;
	right:0;
	padding:10px;
	background:rgba(0,0,0,.4);
	color:#fff;
}

.new-post .first-post img {
	width:100%;
	height:250px;
	object-fit:cover;
	display:block;
}

.new-post .second-post {
	border:1px solid #ddd;
	padding:5px;
	border-top:none;
}

.new-post .second-post li {
	margin-bottom:5px;
	padding-left:10px;
	position:relative;
}

.new-post .second-post li:before {
	content:'';
	width:5px;
	height:5px;
	background:#3E3E3E;
	left:0;
	top:7px;
	position:absolute;
}

.new-post .second-post a {
	color:#000;
	display:block;
}

.new-post .second-post a:hover {
	color:#3E3E3E;
}

.hot-post {
	float:left;
	width:350px;
	margin-left:10px;
}

.hot-post .first-post {
	position:relative;
}

.hot-post .first-post span {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.4);
	padding:10px;
}

.hot-post .first-post a {
	color:#fff;
}

.hot-post .first-post img {
	width:100%;
	display:block;
	height:250px;
	object-fit:cover;
}

.hot-post .second-post {
	margin:0 -5px;
}

.hot-post .second-post li {
	float:left;
	width:33.3333%;
	padding:10px 5px;
}

.hot-post .second-post li img {
	display:block;
	height:85px;
	width:100%;
	object-fit:cover;
	margin-bottom:5px;
}

.hot-post .second-post li a:hover {
	color:#3E3E3E;
}

.hot-post .second-post li h4 {
	height:40px;
	overflow:hidden;
}

.ads-post {
	width:300px;
	float:left;
	margin-left:10px;
}

.xahoi-post {
	border:2px double red;
	float:left;
	width:100%;
	margin-top:35px;
	padding:5px 10px;
	position:relative;
}

.xahoi-post h3 {
	position:absolute;
	left:-2px;
	top:-27px;
	background:red;
	line-height:27px;
	padding:0 20px;
	text-transform:uppercase;
}

.xahoi-post h3 a {
	color:#fff;
}

.xahoi-post ul {
	margin:0 -5px;
}

.xahoi-post li {
	float:left;
	width:20%;
	padding:5px;
}

.xahoi-post li img {
	width:100%;
	height:150px;
	object-fit:cover;
	display:block;
}

.xahoi-post li a {
	display:block;
}

.xahoi-post li a:hover {
	color:#3E3E3E;
}

.widget {
	float:left;
	width:340px;
	margin:45px 6px 0 6px;
	position:relative;
}

.widget h3 {
	text-transform:uppercase;
	position:absolute;
	top:-31px;
	left:10px;
}

.widget h3 a {
	color:#fff;
	display:block;
	padding:5px 10px;
}

.widget.green {
	border-top:4px solid green;
}

.widget.green h3 a {
	background:green;
}

.widget.pink {
	border-top:4px solid #AB0248;
}

.widget.pink h3 a {
	background:#AB0248;
}

.widget.orange {
	border-top:4px solid #F15013;
}

.widget.orange h3 a {
	background:#F15013;
}

.widget .first-post {
	position:relative;
}

.widget.yellow {
	border-top:4px solid #E0A90D;
}

.widget.yellow h3 a {
	background:#E0A90D;
}

.widget .first-post span {
	position:absolute;
	left:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,.4);
	padding:10px;
	color:#fff;
}

.widget .first-post img {
	display:block;
	width:100%;
	height:200px;
	object-fit:cover;
}

.widget .second-post {
	border:1px solid #ddd;
	padding:5px;
	border-top:none;
}

.widget .second-post li {
	margin-bottom:5px;
	padding-left:10px;
	position:relative;
}

.widget .second-post li:before {
	content:'';
	width:5px;
	height:5px;
	background:#3E3E3E;
	left:0;
	top:7px;
	position:absolute;
}

.widget .second-post a {
	color:#000;
	display:block;
}

.widget .second-post a:hover {
	color:#3E3E3E;
}

.home-page {
	margin:0 -5px;
}

#sidebar {
	margin-top:10px;
	float:left;
	width:300px;
}
#sidebar .widget-item ul {
	/*padding-left: 10px;*/
}
#sidebar .widget-item ul li {
	list-style: none;
	padding-left: 10px;
    position: relative;
}
#sidebar .widget-item ul li:after {
    position: absolute;
    left: 0;
    top: 6px;
    content: '';
    width: 5px;
    height: 5px;
    background: #000;
}
#sidebar .widget-item ul li a {
	display: block;
}
#sidebar .widget-item ul li a:hover {
	text-decoration: underline;
}
.widget-item {
	margin:10px 0;
	float:left;
	width:100%;
}

.widget-item h3 {
	border-bottom:4px solid #3E3E3E;
	margin-bottom:5px;
}

.widget-item h3 a {
	background: #3E3E3E;
	padding:5px 10px;
	display:inline-block;
	margin-left:10px;
	color:#fff;
	text-transform:uppercase;
}

.widget-item li {
	float:left;
	width:100%;
	margin-bottom:5px;
}

.widget-item li img {
	width:100px;
	height:70px;
	float:left;
	margin-right:5px;
	object-fit:cover;
}

.widget-item li a {
	display:block;
}

.widget-item li a:hover {
	color:#3E3E3E;
}

.related h3 {
	font-size:20px;
	color:#3E3E3E;
}

.related ul {
	/*margin:0 -5px;*/
}

.related li {
	display: block;
	padding-left: 10px;
	position: relative;
}
.related li:after {
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	top: 7px;
	left: 0;
	background: #000;
}

.related li img {
	width:100%;
	height:150px;
	object-fit:cover;
	display:block;
}

.related li a {
	display:block;
	text-decoration: underline;
}

.related li a:hover {
	color:#3E3E3E;
}

.related li span {
	display:block;
}

.ajax-post li {
	display:inline-block;
	margin-right:10px;
}

.ajax-post li a {
	display:block;
	padding:4px 10px;
	background:#f5f5f5;
	border:1px solid #D0CECE;
}

.tag-meta {
	margin-bottom:10px;
}

.tag-meta ul li {
	display:inline-block;
}

.tag-meta ul li a {
	padding:0 5px;
	background:#f9f9f9;
	border:1px solid #BBB;
	margin-left:5px;
}

#goTop-w {
	border:1px solid #fff;
	background:#fff;
	cursor:pointer;
	position:fixed;
	width:30px;
	height:30px;
	bottom:-50px;
	right:10px;
	z-index:1000;
	transition:bottom .3s;
	-moz-transition:bottom .3s;
	-webkit-transition:bottom .3s;
}

#goTop-w img {
	width:100%;
	height:100%;
}

.goTopActive {
	bottom:100px !important;
}

.homepage a {
	width:40px;
	height:35px;
	padding:0;
	text-indent:-8000px;
	background:url("../img/home_p.png") no-repeat center 5px;
}

.homepage:hover a {
	background:none;
	background:url("../img/home_p.png") no-repeat center -30px;
}