.page-grid {
  color: #332;
  font-size: 16px;
  background-color: #EAC633;
}
.page-grid .text-red {
  color: #e60d00;
}
.page-grid .text-blue {
  color: #0072bd;
}
.page-grid .text-gold {
  color: #aa9b5f;
}
.page-grid .bg-white {
  background-color: #fff;
}
.page-grid .bg-pink {
  background-color: #fee;
}
.page-grid .bg-skyblue {
  background-color: #ddf2f9;
}
.page-grid .bg-gold {
  background-color: #aa9b5f;
  line-height: 1.8;
}
.page-grid .bg-orange {
  background-color: #ffd486;
}
.page-grid .bg-green {
  background-color: #ddefbb;
}

.page-grid .grid-pd50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.page-grid #headline h2 {
  margin-bottom: 10px;
  font-weight: 100;
}
.page-grid #headline .socialicon {
  display: inline-block;
  display: none;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  margin: 20px;
  padding: 10px 4px 6px 10px;
}

.page-grid #how-to-join .step-img span {
  display: inline-block;
  width: 130px;
  height: 130px;
}
.page-grid h3 .title-icon {
  width: 60px;
  height: 60px;
  vertical-align: bottom;
}
.page-grid h4 {
  margin: 5px 0;
}
.page-grid .mt-20 {
  margin-top: 20px;
}
.page-grid #jlpt-talk .talk-brick {
  padding: 10px;
  margin: 5px 10px 20px 0;
  margin-right: 10px;
  margin-top: 5px;
  -webkit-border-radius: 0 10px 10px 10px;
  -moz-border-radius: 0 10px 10px 10px;
  -o-border-radius: 0 10px 10px 10px;
  -ms-border-radius: 0 10px 10px 10px;
  border-radius: 0 10px 10px 10px;
}
.page-grid #jlpt-tutors .tutor-thumb {
  border: 5px solid #aa9b5f;
  margin-top: 20px;
  margin-bottom: 5px;
}
.page-grid #jlpt-tutors .tutor-flag {
  vertical-align: sub;
}
.page-grid #jlpt-level {
  display: flex;
  justify-content: space-between;
}
.page-grid .lesson-brick {
  background-color: #fff;
  border: 1px solid #ccc;
  min-height: 120px;
  padding: 10px;
  margin: 10px 0;
}

/*-----------------------------------------------
_ lessons
-----------------------------------------------*/

	.row #lessons{
	}
	
		.row #lessons .lesson_l{
			width: 502px;
			height: 130px;
			float: left;
			border: 1px #ccc solid;
			padding: 8px;
			margin-top: 20px;
			margin-right: 10px;
		}
		
		.row #lessons .lesson_one_image{
			width: 110px;
			height: 110px;
			float: left;
			margin-right: 20px;
			margin-bottom: 10px;
		}
		
			.row #lessons .lesson_one_image img:hover{
				opacity:0.7;
				filter: alpha(opacity=70);
				-ms-filter: "alpha( opacity=70 )";
				background: #fff;
			}
			
		.row #lessons .lesson_one_text{
			width: 341px;
			height: 100px;
			float: left;
			margin-bottom: 10px;
		}
			
			.row #lessons .lesson_one_text .lesson_name{
				font-size: 22px;
				width: 341px;
				height: 30px;
				float: left;
			}
			
				.row #lessons .lesson_one_text .lesson_name h4{
					width: 341px;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					-webkit-text-overflow: ellipsis;
					-o-text-overflow: ellipsis;
				}
				
			.row #lessons .lesson_one_text .lesson_detail_saba{
				font-size: 22px;
				width: 341px;
				height: 20px;
				float: left;
				margin: 10px 0px 10px 0px;
			}
				
				.row #lessons .lesson_one_text .lesson_detail_saba .lesson_time{
					font-size: 15px;
					width: 57px;
					height: 20px;
					float: left;
				}
				
				.row #lessons .lesson_one_text .lesson_detail_saba .lesson_points{
					font-size: 15px;
					width: 125px;
					height: 20px;
					float: left;
				}
				
				.row #lessons .lesson_one_text .lesson_detail_saba .lesson_tutor{
					font-size: 15px;
					width: 156px;
					height: 20px;
					float: left;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					-o-text-overflow: ellipsis; 
				}
				
			.row #lessons .lesson_one_text .lesson_description_saba{
				width: 341px;
				height: 40px;
				font-size: 14px;
				float: left;
			    overflow: hidden;
				text-overflow: ellipsis;
				-webkit-text-overflow: ellipsis;
				-o-text-overflow: ellipsis;
			}