*{
	margin:0;
	padding:0;
}
body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 20px;
	line-height: 1.5em;
	background: #EBE0D8}
ul{list-style:none}
h1, h2, h3, h4, h5, h6 {line-height: 35px; color: #093e3b; font-weight: normal;  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"}
h1 { font-size: 35px; margin: 0 0 10px; padding: 0 }
h2 { font-size: 29px; margin: 0 0 10px; padding: 0; }
h3 { font-size: 25px; margin: 0 0 10px; padding: 0; }
h4 { font-size: 21px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 18px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 16px; margin: 0 0 5px; padding: 0; }

a{color:#093e3b;text-decoration:none;cursor:pointer}
a:hover,a:active{color:#fff}

#header{
	display: block;
	margin-bottom: 60px;
	margin-top: 20px;
	text-align:center;
	
}
.header_social{
	padding-left: 10px;
	float: left;
}
.header_social_mobile{display: none;margin: 0 auto;width: 300px}
.social{padding: 10px}
.social img{border:#093E3B solid 2px;border-radius: 50%;padding: 7px}
.social img:hover{background: #de967f;border:#ccfcfc solid 2px}
#site_title { 
	padding-top: 30px;
	display: block;
	margin: 0 auto; 
	width: 260px; 
}
#site_title h1 a { 
	display: block; 
	width: 260px; 
	padding-top: 100px; 
	background: url("../images/logo-grand.png") no-repeat top center; 
}
#content{display: block; max-width:960px;margin:auto;padding: 0 0 20px 0}/*noi dung chinh*/
.container{display: block;max-width:900px;margin:auto;padding: 0 0 20px 0}
.description{line-height:35px;font-size:21px;margin-bottom: 30px; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"}

.post{display: block;border-bottom:1px dashed orange;margin: 10px;color:#000;text-align: justify;padding: 20px 0}
.post:last-child{border:none}
.post hr{background-color:#f3f3f3;border:none;height:1px;margin:20px 0}
.post_image {max-width: 300px; position: relative;border: 4px solid #be967f;border-radius:5px;margin: 11px 15px  5px 0px;float: left}
.post li a{color: #565650; font-size: 20px}
.post li{font-size: 20px; line-height: 25px}
.post a:hover{color:#fff}
.post-wrap .google-auto-placed{margin-top:25px;margin-bottom:25px}
.blank40{height: 40px}
.blank20{height: 20px}
.date{position: absolute; 
	width: 114px; 
	height: 30px; 
	top: -30px; 
	right: -28px;
	font-size: 11px; 
	line-height: 30px; 
	color: #900; 
	font-weight: 700; 
	text-align: center; }

blockquote,q{quotes: none;background-image: linear-gradient(180deg, #EBE0D8,#fff);padding:15px 10px;margin:25px 0 25px 25px;border:2px solid #fff;border-radius:5px;border-left:7px solid #2F2828}

.readmore{float: left;margin: 0px 0 10px 20px; font-size: 20px;font-family: clara}
.readmore a{color: red}
.readmore a:hover{background: rgba(45,40,40,0.2);font-style: italic}

.download{background-color:#256F60;color:white;padding:10px 15px;border-radius:5px;border:1px solid #1d5a4e}
.download:hover{background-color:#125044;color:white}

.pagging {margin:50px 0 0px;padding-bottom: 60px; text-align:center}
.pagging ul {margin: 0;padding: 0;list-style: none;}
.pagging ul li {margin: 0;padding: 0;display: inline}
.pagging ul li a {display:inline-block;color:#252525;padding:0 25px;border-radius:5px;height:40px;line-height:40px;border:solid 2px #2C524F;margin:3px;font-size: 20px;font-family: "abril-fatface";box-shadow: 1px 1px 10px 0px #000f0f}
.pagging ul li a:hover {background: #be967f;border: 2px solid #2C524F;color: #fff}
/*related posts*/
.related_posts{display: block;color:white}
.footer{color:white;padding:40px 0px;margin-top:30px;border-top: solid 2px}
.column {width: 47%; display: block;float: left;margin: 0 20px 10px 0;padding: 0;}
.column:last-child{margin-right: 0}
.column_center{max-width: 615px; display: block;float: left;margin: 0 20px 10px 0;padding: 0;text-align: justify;font-size: 17px;line-height: 25px;color:#000;}
.column a{color: #000}
.column a:hover{color: #fff}
.list_link{margin-left: 5px}
.list_link p{color: #000;}
.list_link li a{color: #000;}
.list_link li{font-size: 17px; line-height: 25px}
.last_box {margin: 0;background: none}
.last_box h5{color: #093e3b;}
.last_box img{padding: 5px 30px 5px 30px}
.last_box img:hover{background:#B3D6D4;border-radius: 5px}
.image_frame {margin-bottom: 10px;border: 5px solid #579c98; }
.frame{width: 100%;height: 60px; margin-bottom: 20px;padding:10px 0 20px 0; border: 2px solid #579c98; border-radius: 5px; text-align: center;box-shadow: 1px 1px 7px;
	text-shadow: 1px 1px 7px}
.one{background-color:#3f3f3f;background-image:linear-gradient(to bottom, rgba(20,37,36,0.9) 50%, rgba(0,0,0,0.6) 100%),url("../images/nen1.png");}
.two{background-color:#3f3f3f;background-image:linear-gradient(to bottom, rgba(20,37,36,0.9) 50%, rgba(0,0,0,0.6) 100%),url("../images/nen2.png")}
.three{background-color:#3f3f3f;background-image:linear-gradient(to bottom, rgba(20,37,36,0.9) 50%, rgba(0,0,0,0.6) 100%),url("../images/nen3.png")}
.four{background-color:#3f3f3f;background-image:linear-gradient(to bottom,  rgba(20,37,36,0.9) 50%, rgba(0,0,0,0.6) 100%),url("../images/nen4.png")}
.frame h4,h5{color: #fff}

.social_list li{width: 100%; font-size: 20px;margin-bottom: 10px;float: right}
.social_list li a{color: #fff;}
.social_list li a:hover{color: #093e3b}

/*search tags*/
.Tags{border: dashed #093e3b 1px;padding: 10px}
.Tags h3 {text-decoration: underline #579c98}
.Tags a{color: #0fcbcf;font-size: 15.5px}
.Tags a:hover{color: orangered}

/*media display*/
article,details,footer,header,hgroup,menu,nav,section{display:block}
.contentmenu{display: none}


@media (max-width: 1280px){
	.contentmenu{display: none}
	.header_social_mobile{display: none}
	#content{float:none;width:100%;border:none}
	.post {padding:10px;}
	.container{padding:10px;}
	#footer{padding:10px;border-top: solid #1B3332 1px}
}
@media (max-width: 960px){
	.contentmenu{display: none}
	.header_social{display: none}
	.header_social_mobile{display: block}
	.post.post-detail h1{font-size:40px}
	.post_thumbnail{margin-right:15px;margin-bottom:15px;width:100px}
	.pagination{margin-right:0px}}

@media (max-width: 500px){
	#site_title h1 a {padding-top: 50px}
	.contentmenu{display: block}
	#templatemo_menu{display: none}
	.header_social_mobile{display: block}
	.header_social{display: none}
	.post.post-detail h1{font-size:24px;line-height:30px;margin-bottom:10px}
	.post.post-detail h2{font-size:18px;line-height:25px;padding-bottom:0px}
	.post_thumbnail{margin-right:10px;margin-bottom:10px;width:100px}
	.column {width: 100%}
	.frame{width: 98%}
}

#footer-end {
	text-align: center;
	line-height: 40px;
	height: 50px;
	padding-top: 50px;
	font-size: 20px;
	color: #be967f
}
.clear{clear:both}



/*main menu*/
.menu{ margin: 0;padding: 10px 0 10px 0;height: 55px;box-shadow: 1px 1px 10px 0px #000f0f;}
#templatemo_menu {font-family: Tahoma, Geneva, sans-serif;width: 769px;height: 40px;padding: 5px 0px;margin: 0 auto 10px;background: none}
.ddsmoothmenu{border-radius: 5px}
.ddsmoothmenu ul{margin: 0;padding :0;list-style-type: none}

/*Top level list items*/
.ddsmoothmenu ul li{position: relative;display: inline;float: left;padding: 0 7px 0 7px;
	
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
	display: block;
	padding: 0 5px 0 5px;
	height: 40px;
	min-width: 110px;
	max-width: 150px;
	line-height: 30px;
	font-size: 16px;
	color: #2F2828;	
	text-align: center top;
	text-decoration: none;
	font-weight: 400;
	outline: none;
}
.bg{background: url(../images/divider.png) no-repeat center bottom;}
.bg:hover{background: url(../images/divider-hover.png) no-repeat center bottom;}
.bgsub:hover{background: url(../images/divider-sub-hover.png) no-repeat right}
.bgsub{background: none}
* html .ddsmoothmenu ul li a{display: inline-block}

.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover {border-radius: 5px}

	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
	margin-top: 16px;
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	background: none;
	border-radius: 5px}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
 display: list-item;
 float: none;
 padding: 0;
 border-radius: 5px}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{border-radius: 5px;margin:-5px 0 0 5px;}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
	font-weight: 500;
	margin: 5px 0px;
	padding: 0px 5px;
	line-height: 40px;
	width: 140px; /*width of sub menus*/
	font-size: 15px;
	text-align: left;
	border-radius: 5px; 
	box-shadow: 1px 1px 10px 0px #000f0f;
	background: #EBE0D8;}

.ddsmoothmenu ul li ul li a.selected, .ddsmoothmenu ul li ul li a:hover  {background: #fff;border-radius: 5px}


/*shadow added to sub menus*/
.ddshadow{
 position: absolute;
 left: 10px;
 top: 0;
 width: 0;
 height: 0}

.toplevelshadow{}



/*menu mobile*/

.contentmenu {
  width: 100%;
  color: #32231a;
  background: url("../images/bgmenumobile.png") no-repeat top right;
  float: left;
  box-shadow: 0px 0px 10px 5px #2C524F;height: 67px
}

.menumobile{
  width: 100%;
  position: absolute;
  margin: -10px 0 0 -50px;
  padding: 50px;
  padding-top: 70px;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  background: rgba(100,171,167,0.9)}

.menumobile li{text-align: left top;list-style-type: none;padding: 2px 0;transition-delay: 2s}

.menumobile li a {
  color: #fff;
  text-decoration: none;
  font-family: 'work sans', sans serif;
  font-size: 1.2em;
  font-weight: 400;
  transition: 500ms}

.menumobile li a:hover,.dropdown-btn:hover {color: darkred}

#menuToggle {
  text-align: left;
  font-size: 20px;
  color: #32231a;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 84%;
  height: 100%;
  padding-top: 5px;
  left: 12px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none}

#menuToggle input{
  display: flex;
  width: 40px;
  height: 32px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 2}

#menuToggle span{
  display: flex;
  width: 49px;
  height: 3px;
  margin-top: 8px;
  position: relative;
  background: #32231a;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0px}

#menuToggle span:first-child{transform-origin: 0% 0%}

#menuToggle span:nth-last-child(2){transform-origin: 0% 0%}

#menuToggle input:checked ~ span{
  opacity: 1;
  margin-left: 15px;
  transform: rotate(45deg) translate(6px, 6px) scale(0.8, 0.9);
  background: #FF0F50}

#menuToggle input:checked ~ span:nth-last-child(4){opacity: 0}

#menuToggle input:checked ~ span:nth-last-child(3){opacity: 0}

#menuToggle input:checked ~ span:nth-last-child(2){transform: rotate(-45deg) translate(0,0) scale(0.8, 0.9)}

#menuToggle input:checked ~ ul{transform: none}

.dropdown-btn {
	height: 40px;
  text-decoration: none;
  font-size: 1.2em;font-family: 'work sans', sans serif;
  color: #fff;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
  transition: 500ms}
#lib{padding-bottom: 60px; background: url("../images/m.lib_btn.png") no-repeat top left;}
#ebook{padding-bottom: 60px; background: url("../images/m.ebook_btn.png") no-repeat top left;}
#study{padding-bottom: 60px; background: url("../images/m.study_btn.png") no-repeat top left;}
#about{padding-bottom: 60px; background: url("../images/m.about_btn.png") no-repeat top left;}
.active {background-color: none;color: white}

.dropdown-container{display: none;padding-left: 40px;background: none}
/*menu mobile*/