@charset "utf-8";
/* CSS Document */

.learning-guide-all{
	width:100%;
	height:auto;
	padding-bottom:50px !important;
	}
.learning-guide-mid{
	width:100%;
	height:auto;
	}
.learning-guide-set1{
	width:100%;
	height:auto;
	padding:30px;
	background:#fff;
	margin-bottom:50px;
	
	-webkit-box-shadow: 3px 0px 8px 0px rgba(0,0,0,0.23);
-moz-box-shadow: 3px 0px 8px 0px rgba(0,0,0,0.23);
box-shadow: 3px 0px 8px 0px rgba(0,0,0,0.23);

-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
	}
.learning-guide-set2{
	width:100%;
	height:auto;
	padding:30px;
	background:#b9cee8;
	margin-bottom:50px;
	
	-webkit-box-shadow: 3px 0px 8px 0px rgba(0,0,0,0.23);
-moz-box-shadow: 3px 0px 8px 0px rgba(0,0,0,0.23);
box-shadow: 3px 0px 8px 0px rgba(0,0,0,0.23);

-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
	}
.learning-g-top{
	width:100%;
	height:auto;
	font-family:'lineseed';
	font-size:41px;
	text-align:left;
	color:#01295f;
	}
.learning-g-mid{
	width:100%;
	height:auto;
	margin-top:20px;
	}
.learning-g-box1{
	width:100%;
	height:auto;
	background:#fff;
	padding:10px;
	color:#0b0a0a;
	cursor: pointer;
	margin-bottom:50px;
	transition: 0.2s ease;
	
	-webkit-box-shadow: 3px 0px 8px 0px rgba(0,0,0,0.23);
-moz-box-shadow: 3px 0px 8px 0px rgba(0,0,0,0.23);
box-shadow: 3px 0px 8px 0px rgba(0,0,0,0.23);

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
	}

.learning-g-box1 a{
	color:#0b0a0a;
	}
.learning-g-box1 a:hover{
	color:#fff;
	}
.learning-g-box1:hover{
	background:#234e82;
	}
.learning-g-box2{
	width:100%;
	height:auto;
	background:#fff;
	padding:10px;
	cursor: pointer;
	margin-bottom:50px;
	transition: 0.2s ease;
	
	-webkit-box-shadow: 3px 0px 8px 0px rgba(0,0,0,0.23);
-moz-box-shadow: 3px 0px 8px 0px rgba(0,0,0,0.23);
box-shadow: 3px 0px 8px 0px rgba(0,0,0,0.23);

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
	}

.learning-g-box2 a{
	color:#0b0a0a;
	}
.learning-g-box2 a:hover{
	color:#fff;
	}
.learning-g-box2:hover{
	background:#4ec0f1;
	}
.learning-g-pic{
	width:100%;
	height: auto;
	
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
	}
.learning-g-pic img{
	max-width:100%;
	
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
	}
.learning-g-text1{
	width:100%;
	height:auto;
	font-family:'lineseed';
	font-size:18px;
	text-align:left;
	margin-top: 15px;
	height: 50px;
	display: -webkit-box;
	-webkit-line-clamp: 2;       /* จำนวนบรรทัดที่จะแสดง */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	}
.learning-g-detail1{
	width:100%;
	height:auto;
	font-family:'lineseed';
	font-size:16px;
	text-align:left;
	margin-top: 8px;
	height: 50px;
	}
.learning-g-detail2{
	width:100%;
	height:auto;
	font-family:'lineseed';
	font-size:16px;
	text-align:left;
	margin-top: 8px;
	height: 18px;
	}
.learning-g-bottom{
	width:100%;
	height:auto;
	text-align:center;
	position: relative;
    bottom: -35px;
	}
.learn-bb-all{
	width:100%;
	height:auto;
	}
.learn-bt1{
	width:120px;
	height:50px;
	font-family:'lineseed';
	font-size:20px;
	text-align:center;
	color:#fff;
	padding: 10px 0px;
	background:#234e82;
	
	-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
	}
.learn-bt2{
	width:120px;
	height:50px;
	font-family:'lineseed';
	font-size:20px;
	text-align:center;
	color:#fff;
	padding: 10px 0px;
	background:#4ec0f1;
	
	-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
	}
@media (min-width: 375px) and (max-width: 419px) {
.learning-guide-set1 {
    padding: 15px;
}
.learning-guide-set2 {
    padding: 15px;
}
.learning-g-top {
    font-size: 30px;
}
}
@media (min-width: 420px) and (max-width: 575px) { 
.learning-guide-set1 {
    padding: 15px;
}
.learning-guide-set2 {
    padding: 15px;
}
.learning-g-top {
    font-size: 30px;
}
}