@charset "utf-8";
/* CSS Document */
* {
	padding: 0;
	margin: 0;
	outline: 0;
}
body {
	background:#FFF;
	font-family:rsuregular;
	font-size:16px;
}
a, a:hover {
	color:#FFF;
}
h1 {
	font-weight:600;
}
.hovereffect {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}
.hovereffect .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
	transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
}
.hovereffect img {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	-webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
	transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);

}
.hovereffect #boxtext {
	margin-top: 50px;
	
}
.hovereffect h1 {
	color: #fff;
	text-align: center;
	position: relative;
}
.hovereffect h2 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 17px;
	-webkit-transform: translatey(-100px);
	-ms-transform: translatey(-100px);
	transform: translatey(-100px);
	-webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
	transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
}
.hovereffect a.info {
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin: 10px 15px 10px 8px;
	padding: 7px 14px;
}
.hovereffect a.info:hover {
	box-shadow: 0 0 5px #fff;
}
.hovereffect:hover img {
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.hovereffect:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
}
.hovereffect:hover h2, .hovereffect:hover a.info {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-transform: translatey(0);
	-webkit-transform: translatey(0);
	transform: translatey(0);
}
.hovereffect:hover a.info {
 -webkit-transition-delay: .2s;
 transition-delay: .2s;
}
.text-danger-red {
	color:#F00;
}
.intro-section {
	height: 100%;
	padding-top: 70px;
}
@media(min-width:768px) {
/*--------------ใช้เมาส์ชี้แล้วไม่เลื่อนลงมา -------------------*/
ul.nav li.dropdown:hover ul.dropdown-menu {
 display: block;
}
a.menu:after, .dropdown-toggle:after {
 content: none;
}
}
.text-bold {
	font-weight:bold;
}
.btn-yellow {
	color:#000;
	border-radius:0px;
	background-color:#f5c800;
	border-color:#f5c800
}
.btn-yellow:hover {
	color:#000;
	border-radius:0px;
	background-color:#ec971f;
	border-color:#d58512
}
.a-yellow:hover {
	color:#ec971f;
}
.nava {
	width:auto;
	padding:2px;
}
.nava:hover {
	border-bottom:solid 2px #f5c800;
	padding-bottom:10px;
}
#alldata {
	/*min-height: 550px;*/
 min-height: 250px;
}
#alldataB {
	min-height: 300px;
}
.border-yellow:hover {
	border-color:#f5c800;
}
panel-black {
	boder:none;
}
.panel-black>.panel-heading {
	height:50px;
	color:#000000;
	/*background-color:#231f20;*/
	background-color:#f5c800;/*border-color:#337ab7*/
}
.panel-black>.panel-heading+.panel-collapse>.panel-body {
/*border-top-color:#337ab7*/
}
.panel-black>.panel-heading .badge {
	color:#337ab7;
	background-color:#fff;
}
.panel-black>.panel-body {
	border:5px solid #f5c800;
	/*background-color:#f5c800;*/
	height:240px;
}
.panel-black-title {
	/*margin-top:0;
	margin-bottom:0;*/
	font-size:20px;
	font-weight:bold;
	color:inherit
}
panel-yellow {
	boder:none;
}
.panel-yellow>.panel-heading {
	height:50px;
	color:#000000;
	background-color:#f5c800;
}
.panel-yellow>.panel-heading+.panel-collapse>.panel-body {
/*border-top-color:#337ab7*/
}
.panel-yellow>.panel-heading .badge {
	color:#337ab7;
	background-color:#fff;
}
.panel-yellow>.panel-body {
	border:5px solid #f5c800;
	/*background-color:#f5c800;*/
	height:auto;
}
.panel-yellow-title {
	/*margin-top:0;
	margin-bottom:0;*/
	font-size:20px;
	font-weight:bold;
	color:inherit
}
panel-yellownoborder {
	boder:none;
}
.panel-yellownoborder>.panel-heading {
	height:50px;
	color:#000000;
	background-color:#f5c800;
}
.panel-yellownoborder>.panel-heading+.panel-collapse>.panel-body {
/*border-top-color:#337ab7*/
}
.panel-yellownoborder>.panel-heading .badge {
	color:#337ab7;
	background-color:#fff;
}
.panel-yellownoborder>.panel-body {
	/*  border:5px solid #f5c800;
background-color:#f5c800;*/
	height:auto;
}
.panel-yellownoborder-title {
	/*margin-top:0;
	margin-bottom:0;*/
	font-size:20px;
	font-weight:bold;
	color:inherit
}
panel-webboard {
	boder:none;
}
.panel-webboard>.panel-heading {
	height:auto;
	color:#000000;
	background-color:#f5c800;
	border-radius:0px;
}
.panel-webboard>.panel-heading+.panel-collapse>.panel-body {
}
.panel-webboard>.panel-heading .badge {
	color:#337ab7;
	background-color:#fff;
	height:auto;
}
.panel-webboard>.panel-body {
	background-color:#FFF;
	height:auto;
	border-radius:0px;
}
.panel-webboard-title {
	font-size:20px;
	font-weight:bold;
	color:inherit
}
panel-WB {
	boder:none;
}
.panel-WB>.panel-heading {
	height:50px;
	color:#000000;
	background-color:#f5c800;/*border-color:#337ab7*/
}
.panel-WB>.panel-heading+.panel-collapse>.panel-body {
/*border-top-color:#337ab7*/
}
.panel-WB>.panel-heading .badge {
	color:#337ab7;
	background-color:#fff;
}
.panel-WB>.panel-body {
	/* border:5px solid #f5c800;*/
    background-color:#e6e7e9;
	height:auto;
}
.panel-WB-title {
	/*margin-top:0;
	margin-bottom:0;*/
	font-size:20px;
	font-weight:bold;
	color:inherit
}
.btncircle {
	width: 12px;
	height: 12px;
	padding: 3px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px;
	background-color:#000000;
}
.text-white {
	color:#FFF;
}
.text-black {
	color:#000;
}
.bg-black {
	background-color:#000;
	border-bottom:solid 1px #f5c800;
}
 @media (max-width:667px) {
.col-xxs-1, .col-xxs-10, .col-xxs-11, .col-xxs-12, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9 {
float:left
}
.col-xxs-12 {
width:100%
}
.col-xxs-11 {
width:91.66666667%
}
.col-xxs-10 {
width:83.33333333%
}
.col-xxs-9 {
width:75%
}
.col-xxs-8 {
width:66.66666667%
}
.col-xxs-7 {
width:58.33333333%
}
.col-xxs-6 {
width:50%
}
.col-xxs-5 {
width:41.66666667%
}
.col-xxs-4 {
width:33.33333333%
}
.col-xxs-3 {
width:25%
}
.col-xxs-2 {
width:16.66666667%
}
.col-xxs-1 {
width:8.33333333%
}
.col-xxs-pull-12 {
right:100%
}
.col-xxs-pull-11 {
right:91.66666667%
}
.col-xxs-pull-10 {
right:83.33333333%
}
.col-xxs-pull-9 {
right:75%
}
.col-xxs-pull-8 {
right:66.66666667%
}
.col-xxs-pull-7 {
right:58.33333333%
}
.col-xxs-pull-6 {
right:50%
}
.col-xxs-pull-5 {
right:41.66666667%
}
.col-xxs-pull-4 {
right:33.33333333%
}
.col-xxs-pull-3 {
right:25%
}
.col-xxs-pull-2 {
right:16.66666667%
}
.col-xxs-pull-1 {
right:8.33333333%
}
.col-xxs-pull-0 {
right:auto
}
.col-xxs-push-12 {
left:100%
}
.col-xxs-push-11 {
left:91.66666667%
}
.col-xxs-push-10 {
left:83.33333333%
}
.col-xxs-push-9 {
left:75%
}
.col-xxs-push-8 {
left:66.66666667%
}
.col-xxs-push-7 {
left:58.33333333%
}
.col-xxs-push-6 {
left:50%
}
.col-xxs-push-5 {
left:41.66666667%
}
.col-xxs-push-4 {
left:33.33333333%
}
.col-xxs-push-3 {
left:25%
}
.col-xxs-push-2 {
left:16.66666667%
}
.col-xxs-push-1 {
left:8.33333333%
}
.col-xxs-push-0 {
left:auto
}
.col-xxs-offset-12 {
margin-left:100%
}
.col-xxs-offset-11 {
margin-left:91.66666667%
}
.col-xxs-offset-10 {
margin-left:83.33333333%
}
.col-xxs-offset-9 {
margin-left:75%
}
.col-xxs-offset-8 {
margin-left:66.66666667%
}
.col-xxs-offset-7 {
margin-left:58.33333333%
}
.col-xxs-offset-6 {
margin-left:50%
}
.col-xxs-offset-5 {
margin-left:41.66666667%
}
.col-xxs-offset-4 {
margin-left:33.33333333%
}
.col-xxs-offset-3 {
margin-left:25%
}
.col-xxs-offset-2 {
margin-left:16.66666667%
}
.col-xxs-offset-1 {
margin-left:8.33333333%
}
.col-xxs-offset-0 {
margin-left:0
}
.visible-xxs {
display:block!important
}
}
.panel-news {
	border-color:#f5c800
}
.panel-news>.panel-heading {
	color:#000;
	background-color:#f5c800;
	border-color:#f5c800
}
.panel-news>.panel-heading+.panel-collapse>.panel-body {
	border-top-color:#f5c800
}
.panel-news>.panel-heading .badge {
	color:#f5c800;
	background-color:#fff
}
.panel-news>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color:#f5c800
}
}
.bubble img {
	float:left;
	width:70px;
	height:70px;
	border:3px solid #ffffff;
	border-radius:10px
}
.bubble-content {
	position:relative;
	float:left;
	margin-left:-10px;
	/* width:400px;
   padding:0px 20px;*/
   width:auto;
	padding:30px 30px;
	border-radius:10px;
	background-color:#FFFFFF;
	box-shadow:1px 1px 5px rgba(0, 0, 0, .2);
}
.bubble {
	margin-top:20px;
}
.point {
	border-width:20px;
	border-top:-18px solid transparent;
	border-bottom:30px solid transparent;
	border-right: 30px solid #FFF;
	position:absolute;
	left:-20px;
	top:15px;
}
.bubble-contentright {
	position:relative;
	float:right;
	margin-right:-10px;
	/* width:400px;
   padding:0px 20px;*/
   width:93%;
	padding:30px 30px;
	border-radius:10px;
	background-color:#FFFFFF;
	box-shadow:1px 1px 5px rgba(0, 0, 0, .2);
}
.bubble {
	margin-top:20px;
}
.pointright {
	border-width:20px;
	border-top:-18px solid transparent;
	border-bottom:30px solid transparent;
	border-left: 30px solid #FFF;
	position:absolute;
	right:-20px;
	top:15px;
}
/*---------------------------*/   
 .carouselTT {
	position:relative
}
.carouselTT-inner {
	position:relative;
	width:100%;
	overflow:hidden
}
.carouselTT-inner>.item {
	position:relative;
	display:none;
-webkit-transition:.6s ease-in-out left;
-o-transition:.6s ease-in-out left;
transition:.6s ease-in-out left
}
.carouselTT-inner>.item>a>img, .carouselTT-inner>.item>img {
	line-height:1
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carouselTT-inner>.item {
-webkit-transition:-webkit-transform .6s ease-in-out;
-o-transition:-o-transform .6s ease-in-out;
transition:transform .6s ease-in-out;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-perspective:1000px;
perspective:1000px
}
.carouselTT-inner>.item.active.right, .carouselTT-inner>.item.next {
left:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
.carouselTT-inner>.item.active.left, .carouselTT-inner>.item.prev {
left:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
.carouselTT-inner>.item.active, .carouselTT-inner>.item.next.left, .carouselTT-inner>.item.prev.right {
left:0;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.carouselTT-inner>.active, .carouselTT-inner>.next, .carouselTT-inner>.prev {
	display:block
}
.carouselTT-inner>.active {
	left:0
}
.carouselTT-inner>.next, .carouselTT-inner>.prev {
	position:absolute;
	top:0;
	width:100%
}
.carouselTT-inner>.next {
	left:100%
}
.carouselTT-inner>.prev {
	left:-100%
}
.carouselTT-inner>.next.left, .carouselTT-inner>.prev.right {
	left:0
}
.carouselTT-inner>.active.left {
	left:-100%
}
.carouselTT-inner>.active.right {
	left:100%
}
.carouselTT-control {
	/*	position:absolute;*/
		position:fixed;
	top:0;
	bottom:0;
	left:0;
	width:5%;
	font-size:30px; /*-----------------*/
	color:#fff;
	text-align:center;
	text-shadow:0 1px 2px rgba(0, 0, 0, .6);
	background-color:rgba(0, 0, 0, 0);
	filter:alpha(opacity=50);
	opacity:.5
}
.carouselTT-control.left {
	background-repeat:repeat-x
}
.carouselTT-control.right {
	right:0;
	left:auto;
	background-repeat:repeat-x;
}
.carouselTT-control:focus, .carouselTT-control:hover {
	color:#fff;
	text-decoration:none;
	filter:alpha(opacity=90);
	outline:0;
	opacity:.9
}
.carouselTT-control .glyphicon-chevron-left, .carouselTT-control .glyphicon-chevron-right, .carouselTT-control .icon-next, .carousel-control .icon-prev {
	/*position:absolute;*/
	position:absolute;
	top:60%;
	z-index:5;
	display:inline-block;
	margin-top:-10px
}
.carouselTT-control .glyphicon-chevron-left, .carouselTT-control .icon-prev {
	left:250%;
	margin-left:-10px;
	color:#ADADAD; /*-----------สี------------*/
}
.carouselTT-control .glyphicon-chevron-right, .carouselTT-control .icon-next {
	/*right:50%;*/
	right:250%;
	margin-right:-10px;
	color:#ADADAD; /*-----------สี------------*/
}
.txtshadow {
	color: white;
	text-shadow:
 -1px -1px 0 #cc9933,  1px -1px 0 #cc9933,  -1px 1px 0 #cc9933,  1px 1px 0 #cc9933;
}
.div_hover {
	background-color: #8bc53f;
	color:#000;
}
.div_hover:hover {
	background-color: #f5c800;
	color:#fff;
}


.div_tutor_post {
	background-color:#fff8b3;
}
.div_member_post {
	background-color:#f5c800;
}

.btnhover {
	background-color:#bababa;
}
.btnhover:hover {
	background-color: #f5c800;
}