

/*---------------------class----------------*/
.classPageBg{
	background:url(../img/classMenubg.jpg) no-repeat top center;
	height:auto;
	padding-top: 15px;
	padding-bottom:15px;
	padding-left: 2%;
	padding-right: 2%;
	text-align:center;
	width: 100%;
	overflow: hidden;

}
.classPageBorder{
	width: 100%;
	display: flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
	flex-wrap:wrap;
	position: relative;
}
span.sub_title{
	width:100%;
	font-size:1.3em;
	line-height:2em;
	font-weight: 550;
	display: inline-table;
}
div.sub_items{
	width: 100%;
	float: left;
}
button#back_btu,button#right_btu{
	border:none;
	background-color: rgba(169,209,225,0.6);
	padding: 12px 20px;
	display:inline-table;
	position:absolute;
	margin-top: 6px;
	margin-left: 12px;
	margin-right: 12px;
}
button#back_btu:hover,button#right_btu:hover{
	background-color: rgba(191,232,249,0.6);
}
button#back_btu{
	left: 0;
}
button#right_btu{
	right: 0;
}
div#nav_move{
	overflow-x: auto;
	white-space: nowrap;
	webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.pos_location{
	position:static;
	display:block;
}
div#nav_move::-webkit-scrollbar {
          display: none;
        }
div#nav_move button{
	width:auto;
	display:inline-table;
	font-weight:600;
	margin:5px;
	border-radius:20px;
	border:0.7px solid #a6a6a6;
}
div#nav_move button a{
	display:block;
	padding:6px 20px;
}
div#nav_move button:hover{
	background:#c5d0e0;
}


.wi30{
	float:left;
	width:26%;
	height:auto;
	margin:2%;
}
.wi70{
	float:left;
	width:66%;
	height:auto;
	margin:2%;
	line-height:170%;
	text-align:justify;
	text-justify:inter-ideograph;
}
.wi30 p,.wi70 p,
.wi30 div,.wi70 div{
	text-align:left;
}


/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/


/*---------- MEDIA 480px ----------*/
@media  (max-width: 768px) {
	
	button#back_btu,button#right_btu{
		display: none;
	}
	
}

@media  (max-width: 480px) {
	.classPageBg{
		border-bottom:1px solid #e8e8e8;
		padding-bottom:0.2%;
		text-align:center;
	}
	
	.pagination li{
	  margin-top:1%;
	  margin-bottom:1%;
	}
	.wi30{
	width:96%;
}
.wi70{
	width:96%;
}
}