/* Màu sắc 
Xanh của link: #06c
Xanh của DNSG: #1b4572
*/
.primaryColor {
	color: #54857e;
}

body {
	/*
width:1000px;
margin-left:auto;
margin-right:auto;

*/
}

body.page {
	color: #222;
	background: url("../images/gizku_automobile_watermark.jpg") center center fixed #222;
	margin: 0px;
	padding: 0px;
	margin: auto auto;
	width: 100%;
	line-height: 25px;
	font-family: arial;
	background-size: cover;
}

header {
	background: #333333;
}

.header-logo {
	height: 50px;
	/*
background: #000;
*/
	color: #fff;
	float: left;
}

.header-logo img {
	max-height: 50px;
}

.main-container {
	min-height: 400px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	/*
pading:10px;
*/
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	float: left;
	width: 100%;
	background: rgba(255, 255, 255, 0.85);
}

.container-a {
	width: 100%;
	position: relative;
	float: left;
	/*
margin-left:10px;
*/
	margin-left: 0px;
	text-align: center;
	padding: 0px 100px 0px 100px;
}

.homepage .container-a {
	padding: 0px;
}

.container-a img {
	/*
max-width:700px;
*/
	/*width: 100%; */
	max-width: 100%;
}

.post .container-a img {
    /* zzzz huy add more for container-a img in the post*/
    height: auto;
    max-height: 100%;
}

.clearfix {
	clear: both;

}

a {
	/*
	color: #1b9bff;
	*/
	color: #333;
	text-decoration: none;
}

a:hover {
	/*color: blue;*/
	color: #54857e;
}

/* menu */

/* breadcrum */
.title a {
	color: #666;
}

/*
sidebar- right */
.sidebar-right {
	position: relative;
	/*
width:20%;
width: 300px;
*/
	/*width: 30%;*/
	float: right;
	text-align: left;
}

.sidebar-right ul li a {
	/*
list-style:none;
*/
	color: rgb(217, 30, 153);
	color: #1b9bff;
	color: #06c;
}

.widget-container {
	/*
    border-top: 15px solid #06c;
    border-bottom: 3px solid #06c;
    border-right: 3px solid #06c;
    border-left: 1px solid #06c;
    border-radius: 10px;
*/
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding: 0px 10px 5px 10px;
	;
}

h3.widget-title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 5px;
	text-transform: uppercase;
	border-bottom: 1px solid rgb(0, 0, 0);
	padding-bottom: 5px;
}



/* footer */
footer {
	width: 100%;
	/*
height:50px;
*/
	min-height: 50px;
	background: #333333;
	clear: both;
	overflow: hidden;
/*
	position: fixed;
  bottom: 0px;
	z-index: 999999;
	*/
}

footer .footer-left {
	position: relative;
	/*
width:660px;
padding: 10px;
*/
	/*width: 70%; */
	padding: 10px 0px;
	color: #ccc;
	float: left;
}

footer .footer-right {
	position: relative;
	/*
width: 200px;
padding: 10px;
*/
/*	width: 30%; */
	padding: 10px 0px;
	color: rgb(204, 204, 204);
	float: right;
	text-align: right;
}

/* general */
.regular_title,
.title {
	font-family: 'Arial', sans-serif;
	/*color: #ff0086;*/
	font-size: 30px;
	margin-bottom: 5px;
	margin-top: 5px;
	/*
	text-transform: uppercase;
	*/
	color: #06c;

}

.title h1 {
	line-height: 40px;
	font-size: 24px;
}

.wrapper-a {
	overflow: hidden;
	/*
position:relative; //thuoc tinh nay làm cac wrapper bi chong lenh nhau, k an duoc
*/
}

.wrapper-b {
	position: relative;
	float: left;
	margin-bottom: 0px;
	width: 100%;
}

.featured-post-image {
	position: relative;
	width: 150px;
	float: left;
}

.content {
	position: relative;
	/*width: 540px;*/
	/*
float: left;
*/
	margin-left: 0px;

}

.page .content {
	text-align: left;
}

.short-content {
	position: relative;
	width: 540px;
	float: left;
	margin-left: 10px;

}

.float-left {

	float: left;
}

/* phan single content */
/* general */
.single-title {
	font-family: 'Arial', sans-serif;
	/*color: #ff0086;*/
	font-size: 24px;
	margin-bottom: 5px;
	text-transform: uppercase;
	/* thêm code cho phần h1*/
	display: inline-block;
	width: auto;
}

.single-content {
	position: relative;
	/*
width: 700px;
float: left;
*/

	margin-left: 0px;

}

.single .single-content {
	margin-top: 20px;
	text-align: left;
}

/* tạo ra một theme với 2 cột 
.container {

float:left; phải có
}
cot1{
float:left'
}
cot2{
float:left;
}
*/
.home-cat1 {
	float: left;
	width: 220px;
	margin-left: 5px;
	position: relative;
}

.home-cat2 {
	float: left;
	width: 220px;
	margin-left: 5px;
	position: relative;
}

.home-cat3 {
	float: left;
	width: 220px;
	margin-left: 5px;
	position: relative;
}

.home-cat1 .title {
	padding-bottom: 10px;
	position: absolute;
	top: 0px;
	left: -10px;
	background: url(../images/title_orange.png) no-repeat 0% 83%;


}

.home-cat1 h3 {
	background: #e8af00;
	width: 207px;
	text-shadow: 1px 1px 1px #c19100;
	color: #fff;
	padding: 10px;
	min-height: 50px;
}

.home-cat2 .title {
	padding-bottom: 10px;
	position: absolute;
	top: 0px;
	left: -10px;
	background: url(../images/title_green.png) no-repeat 0% 83%;



}

.home-cat2 h3 {
	background: #a8d728;
	width: 207px;
	text-shadow: 1px 1px 1px #83a81f;
	color: #fff;
	padding: 10px;
	min-height: 50px;
}

.home-cat3 .title {
	padding-bottom: 10px;
	position: absolute;
	top: 0px;
	left: -10px;
	background: url(../images/title_blue.png) no-repeat 0% 83%;


}

.home-cat3 h3 {
	background: #008ee8;
	width: 207px;
	text-shadow: 1px 1px 1px #006fb6;
	color: #fff;
	padding: 10px;
	min-height: 50px;
}

h3 {

	font-size: 18px;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

.home-thongbaomoi {
	position: relative;
	clear: both;

}

.home-thongbaomoi .title {
	background: #06c;
	padding: 5px;
	border-radius: 5px;
	color: #fff;
	box-shadow: 3px 3px 4px #cccccc;
}

.home-cat-wrapper {
	margin-top: 10px;
	margin-bottom: 10px;
	min-height: 100%;
	overflow: hidden;
}

.home-container {
	overflow: hidden;
	clear: both;
}

.sidebar-right ul {
	list-style: url(../images/sidebar_bullet.png);
	-webkit-padding-start: 20px;
}

.thongbaomoi-content {
	margin-left: 10px;
}

.home-cat-content {
	margin-left: 10px;
}

.tincungchuyenmuc .title {
	/*
background: #06c;
box-shadow: 3px 3px 4px #cccccc;
*/
	padding: 5px;
	border-radius: 5px;
	color: #000;
	text-decoration: underline;
}

.tincungchuyenmuc {
	clear: both;
}

.tincungchuyenmuc-content {
	margin-top: -15px;
}

.control {
	margin: auto;
	clear: both;
	/*
width: 960px;
*/
	width: 100%;
	margin: 20px auto;
	overflow: hidden;
}

.chapter_select {
	float: left;
	margin-left: 20px;
	width: 40%;
}

.language_select {
	position: fixed;
	/*
top: 100px;
*/
	top: 50px;
	left: 40px;
}

select#select_chapter,
select#select_chapter_bottom {
	padding: 5px;
	width: 100%;
}

#language_viet {}

#language_eng {}


.pagination {
	float: right;
	margin-left: 100px;
}

.container-b {
	clear: both;
	overflow: hidden;
}

.container-a .category {}

.main-container.category .container-a {
	text-align: left;
	/*
padding-left:50px;
width:800px;
*/
	padding-left: 0px;
	width: 70%;
	padding: 0px 15px;
}

.main-container.category .container-a .container-b {
	padding-left: 0px;
}

.category .sidebar-right {
	/*
width:300px;
*/
	width: 30%;
	float: right;
}

.lang-viet {

	margin-right: 20px;
}

.lang-eng {}

.fb-comment {
	text-align: left;
	/*
width: 960px;
*/
	width: 100%;
	margin: 20px auto;
	clear: both;
}

.topmenu {
	/*
width: 800px;
*/
	float: left;
}

.header-container {
	border-bottom: 1px solid #1b9bff;
	height: 51px; /* 50 + 1 */
}

a.truyen-moi {
	color: #FFD600 !important;
}

a.truyen-moi:hover {
	color: #09f !important;
}

.facebookpage {

	width: 100%;
	min-height: 700px;

}

.facebookpage iframe {

	width: 100%;
	min-height: 700px;

}

.blog .container-a {
	text-align: left;
}

.container-a.col-1 {
	/*
    width: 75% !important;
	*/
	width: 70%;
	position: relative;
	float: left;
	margin-left: 0px;
	text-align: left;
}

.col-1 .content {

	width: 100%;

}

.top-banner {
	clear: both;
	with: 100%;
}

.bottom-banner {
	clear: both;
	with: 100%;
}

.hidden {
	display: none;
}

.btn_language_viet,
.btn_language_eng {
	padding: 10px;
}

.btn_language_viet.blank,
.btn_language_eng.blank {
	background: red;
}

.danhsach .content {
	margin-left: 50px;
	width;
	100%;
}

.pagination span {
	margin-left: 10px;
	margin-right: 10px;
}

.chapter_select option.selected {
	font-weight: bold;
	color: #3366ff;
}

/* thêm một số code trên trang chủ cho phần truyện random */
.random .title a {
	color: #1b9bff;
}

/* code cho giao diện thay đổi theo màn hình */

#simplemodal-login-overlay {
	background-color: #000 !important;
}

.single-content a {
	/* color: #ffd600;*/
}

.single-content a:hover {
	/* color: #09f; */
}

/* sửa code của cái hình loader của contact form */
.container-a img.ajax-loader {

	width: auto;

}

/* thêm code phần tra từ điển */
.sf_sb {

	width: 200px !important;

}

#sf_results {
	width: 300px !important;
	/* padding: 10px !important; */
	/*overflow-y: scroll;
	max-height: 300px;
	*/
}

.sf_small {
	font-size: 18px !important;
}

.sf_text {
	font-size: 14px !important;
	color: #333;
}

#sf_results {
	font-size: 14px !important;

}

#sf_val li.sf_item img {
	height: auto !important;
	left: 0px !important;
	position: relative !important;
	width: 100% !important;
	top: 5px !important;
}

/* thêm một số code cho từ điển cho phiên bản nâng cấp */
#sf_results .english-english,
#sf_results .english-viet {
	color: #666;
	margin-bottom: 20px;
	border-bottom: 2px dotted #ccc;
	padding: 10px;
	padding-bottom: 20px;

}

#sf_results .english-english h4,
#sf_results .english-viet h4 {
	color: #000;
	font-size: 18px;
	margin: 0px;

}

#sf_results .english-english a,
#sf_results .english-viet a {
	color: #09f;
}

#sf_results .english-english .pos-header h3 span.headword {
	display: block;
	word-wrap: break-word;
}

#sf_results .english-english .pos-header h3 span.posgram {
	font-size: 16px;
}

#sf_results .english-viet .phanloai {
	font-size: 16px;
	font-weight: bold;
	color: #666;
}


#sf_results .english-viet .idioms {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}

#sf_val ul ul li {
	color: #666 !important;
}


.hidden_right_sidebar_wrapper {
	position: fixed;
	top: 200px;
	left: 40px;
}

.gk_show_hidden_right_sidebar {
	position: fixed;
	/*
	top: 200px;
	*/
	top: 100px;
	left: 40px;
	background: #ccc;
	color: #000;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

#hidden_right_sidebar {
	position: fixed;
	/*
	top: 250px;
	*/
	top: 150px;
	background: #000;
	border: 1px solid #333;
	visibility: hidden;
	color: #bbb;
	width: 0px;
}

/* phần code của Quiz */
.hidden_quiz_sidebar_wrapper {
	position: fixed;
	top: 350px;
	left: 40px;
}

.gk_show_hidden_quiz_sidebar {
	position: fixed;
	/*
	top: 350px;
	*/
	bottom: 10px;
	left: 40px;
	background: #ccc;
	color: #000;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

#hidden_quiz_sidebar {
	position: fixed;
	/*
	top: 100px;
	left: 200px;
	*/
	top: 50px;
	left: 150px;
	background: #000;
	border: 1px solid #333;
	visibility: hidden;
	color: #bbb;
	width: 0px;
	padding: 10px;
	z-index: 999999;
}

/* code thêm cho phần category image */
.category-featured-image img {
	width: 180px;
	height: auto;
	max-width: 100%;
}

.category-description {
	font-style: italic;
}

.danhsach .container-a .wrapper-a img {
	width: 100px;
	height: auto;
	max-width: 100%;
}


/* phần code cho trang chủ có hình */
.homepage .wrapper-a {}

.homepage .wrapper-a .featured-img {}

.homepage .wrapper-a .featured-img img {
	width: 90px;
	height: auto;
	max-width: 100%;
}

.homepage .wrapper-a .title {}

/* code thêm cho phần chia cột trong v3 */
.container-a-random {
	-webkit-column-count: 3;
	/* Chrome, Safari, Opera */
	-moz-column-count: 3;
	/* Firefox */
	column-count: 3;
	-webkit-column-gap: 10px;
	/* Chrome, Safari, Opera */
	-moz-column-gap: 10px;
	/* Firefox */
	column-gap: 10px;
	padding-left: 50px;
}

.three-column {
	-webkit-column-count: 3;
	/* Chrome, Safari, Opera */
	-moz-column-count: 3;
	/* Firefox */
	column-count: 3;
	-webkit-column-gap: 10px;
	/* Chrome, Safari, Opera */
	-moz-column-gap: 10px;
	/* Firefox */
	column-gap: 10px;
}

.two-column {
	-webkit-column-count: 2;
	/* Chrome, Safari, Opera */
	-moz-column-count: 2;
	/* Firefox */
	column-count: 2;
	-webkit-column-gap: 10px;
	/* Chrome, Safari, Opera */
	-moz-column-gap: 10px;
	/* Firefox */
	column-gap: 10px;
}

span.language-text {
	color: #ffd600;
}

/* css phần giao diện hỗ trợ điện thoại */
.container-a-newest {
	padding-left: 50px;
}

.container-a.col-1 .wrapper-a {
	margin-left: 10px;
	margin-right: 10px;
}

.footer-left .footer_gioithieu_content {
	padding: 0px 10px;
}

.footer-right .copyright {
	padding: 0px 10px;
}

.topmenu .fa-bar {
	display: none;
}

@media only screen and (max-width: 768px) {
	.topmenu .fa-bar {
		display: block;
		/*
		padding-top: 5px;
		font-size: 40px;
		*/
		padding-top: 0px;
		font-size: 50px;
		float: right;
	}

	.topmenu {
		float: right;
		position: absolute;
		right: 0px;
	}

	.menu-header {
		display: none;
	}

	.menu-header.visible {
		display: inline-block !important;
	}

	.menu-header ul li {
		float: none !important;
	}

	.container-a {
		padding: 0px 10px 0px 10px;
	}
	.container-a.col-1,
	.sidebar-right,
	.main-container.category .container-a,
	.category .sidebar-right {
		width: 100%;
	}

	.container-a-random {
		-webkit-column-count: 2;
		/* Chrome, Safari, Opera */
		-moz-column-count: 2;
		/* Firefox */
		column-count: 2;
		-webkit-column-gap: 10px;
		/* Chrome, Safari, Opera */
		-moz-column-gap: 10px;
		/* Firefox */
		column-gap: 10px;

	}

	.three-column {
		-webkit-column-count: 2;
		/* Chrome, Safari, Opera */
		-moz-column-count: 2;
		/* Firefox */
		column-count: 2;
		-webkit-column-gap: 10px;
		/* Chrome, Safari, Opera */
		-moz-column-gap: 10px;
		/* Firefox */
		column-gap: 10px;
	}

	.container-a-random,
	.container-a-newest {
		padding-left: 10px;
	}

	.danhsach .content {
		margin-left: 10px;
	}

	.menu-header ul ul ul {
		right: 0px;
		left: -190px;
	}

	.chapter_select {
		width: 90%;
	}

	.language_select {
		top: 50px;
	}

	.pagination {
		margin: 10px 20px;
	}

	.gk_show_hidden_right_sidebar {
		top: 100px;
	}

	#hidden_right_sidebar {
		top: 150px;
	}
}

/* css thêm phần nội dung trên trang chủ */
.container-a-noidung {
	padding: 10px;
}

/* more css */
.unselectable {
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #cc0000;
}

.category-post-list {
	margin : 0px 5px 0px 5px;
}

.nav-pills>li+li {
	margin-left: 0px;
}

.custom-inpage-title {
	font-size: 30px;
	color: #666666;
}