@charset "utf-8";
/* CSS Document */
*{
	padding:0;
	margin:0;
	outline:none;
	border:none;
}
body{
	font-family:RSUTextRegular;
	font-size:26px !important;
	background-color:#A6A6A6;
}
a{
	display:block;
	text-decoration:none !important;
}
.hid1{
		display:none;
	}
.show1{
		display:block;
	}
.hid2{
		display:none;
	}
.show2{
		display:block;
	}
/****************box*******************************/
.BoxTopMaxW1108{
	max-width:1108px;
	margin-left:auto;
	margin-right:auto;
}
.BH{
	width:100%;
	height:auto;
	background-color:#460d5c;
}
.BH2{
    width: 100%;
    height: auto;
    color: white;
    text-align: right;
    padding-right: 23px;
    background-color: #505050;
}
.BH2 li{
	display:inline;
	list-style:none;
}
.BH2 a{
	display:inline;
	color:#FFFFFF;
}
.BH .row {
    margin-right: 0px;
    margin-left: 0px;
}
.BH .col-md-6{
    margin-right: 0px;
    margin-left: 0px;
	padding-left: 0px;
    padding-right: 0px;
	padding-top: 0px;
    padding-bottom: 0px;
	overflow: hidden;
}
.BHmini{
	width:100%;
	height:auto;
	margin-left: 3%;
}

.BHmini2{
	width:100%;
	height:auto;
   margin-left: 29%;;
}
.BHmini3{
	width:100%;
	height:20px;
	margin-bottom:37px;
}
.BHmini3 li{
height:100%;
text-align:center;
list-style:none;
	
}
.BHmini3 li:nth-child(1){
    font-size: 100%;
    font-weight: 300;
    color: #e0cbea;
}
.BHmini3 li:nth-child(2){
     font-size: 100%;
    color: #e0cbea;
}
.Boxlogo{
    float: left;
    line-height: 70px;
}
.BoxTscphplName{
	font-family: "RSUTextRegular";
    display: block;
    margin-left: 48px;
    font-size: 28px;
    font-weight: 300;
    line-height: 49px;
    color: #e0cbea;
}
.BoxTscphplNameE1{
    display: block;
    margin-left: 48px;
    font-size: 28px;
    color: #e0cbea;
	line-height: 0px;
}
.BoxTscphplNameE2{
    display: block;
    width: 241px;
    height: 14px;
    margin-top: -8px;
    margin-left: 107px;
    padding-left: 5px;
    font-size: 18px;
    color: #5e018d;
    background-color: #ffffff;
    line-height: 15px;
}
.BoxTscphplNameE2F{
    display: inline-block;
    font-size: 64.5%;
    padding-right: 5px;
    padding-left: 5px;
    color: #5e018d;
    background-color: #ffffff;
    line-height: 18px;
}
.BoxsearchT{
    height: auto;
    width: 400px;
    float: left;
}
.BoxsearchT .form-group{
	margin-bottom:0px;
}
.BoxsearchT .form-control{
    font-family: "RSU_Regular";
    background-color: #d4d4d4;
    font-size: 16px;
    border: 0px solid #ccc;
    border-color: #b3b3b3;
    border-top-left-radius: 17px;
    border-bottom-left-radius: 17px;
}

/*.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}*/

.BoxsearchT .form-control::placeholder{
	color:#cc2656;
}
.BoxsearchT .btn-default{
font-family: "RSU_Regular";
    font-size: 16px;
    padding: 4.5px 12px;
    color: #cc2656;
    background-color: #d4d4d4;
    border-color: #d4d4d4;
    border-radius: 17px;
}
.BoxsearchT .btn-default .glyphicon{
     position:relative;
	 top:5px;
}
.BoxIconST{
    width: 100px;
    margin-left: 9px;
    padding-top: 13px;
    float: left;
}
.BoxIconST li{
	display:inline;
	list-style:none;
	}
.BoxIconST a.sb{
	width: 40px;
    height: 40px;
	background-color: #e0cbea;
	border: solid 1px #e0cbea;
}
.BoxSlideH{
	background-color:#ffffff;
	height:auto;
}
.BoxSlideH .carousel-control{
color:#ffffff;
	
	}
	.BoxSlideH .carousel-indicators .active{
background-color:#cc2656;	
	}
	.BoxSlideH .carousel-indicators li{
     background-color:#cc2656;
     border: 1px solid #fff;
	 border-radius:10px;
	
	}
.BoxSlideH .carousel-control.right{
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0000) 0,rgba(0,0,0,.0) 100%);
	background-image: -moz-linear-gradient(left,rgba(0,0,0,.0000) 0,rgba(0,0,0,.0) 100%); 
	background-image: -ms-linear-gradient(left,rgba(0,0,0,.0000) 0,rgba(0,0,0,.0) 100%); 
	background-image: -o-linear-gradient(left,rgba(0,0,0,.0000) 0,rgba(0,0,0,.0) 100%); 
	
	}
	.BoxSlideH .carousel-control.left{
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0000) 0,rgba(0,0,0,.0) 100%);
	background-image: -moz-linear-gradient(left,rgba(0,0,0,.0000) 0,rgba(0,0,0,.0) 100%); 
	background-image: -ms-linear-gradient(left,rgba(0,0,0,.0000) 0,rgba(0,0,0,.0) 100%); 
	background-image: -o-linear-gradient(left,rgba(0,0,0,.0000) 0,rgba(0,0,0,.0) 100%); 
	
	}
	.BoxNav1100{
		width:100%;
		height:100px;
		background-color:#D4D2D2;
	}
	
	.BoxNav1{
		width:900px;
		height:100px;
		margin-left:auto;
		margin-right:auto;
	}
	.BoxNav1 li{
	font-family: "RSUTextBold";
	width:20%;
	height:100%;
	font-size:50px;
	font-weight:300;
	text-align:center;
	float:left;
	line-height: 30px;
	list-style:none;
	overflow:hidden;
	}
	.BoxNav1 li:nth-child(1){
		background-color:#FFFFFF;
	}
	.BoxNav1 li:nth-child(2){
		background-color:#692570;
	}
	.BoxNav1 li:nth-child(3){
		background-color:#541d57;
	}
	.BoxNav1 li:nth-child(4){
		background-color:#361238;
	}
	.BoxNav1 li:nth-child(5){
		background-color:#270a29;
	}
	.BoxNav1 a{
	height:100%;
	padding-top: 12px;
	font-size: 35px;
	color:rgba(255,255,255,1.00);
	transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-transition:all .4s ease-in-out;
}
.BoxNav1 li:nth-child(1) a{
	padding-top: 20px;
	color:#878686;
	font-size:40px;
	}
	.BoxNav1 li:nth-child(1) a:hover{
    transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	background:rgba(240,240,240,1.00);
}
	.BoxNav1 li:nth-child(2) a:hover{
    transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	color:#ffff00;
	background:rgba(99,35,106,1.00);
}
	.BoxNav1 li:nth-child(3) a:hover{
    transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	color:#ffff00;
	background:rgba(77,26,79,1.00);
}
	.BoxNav1 li:nth-child(4) a:hover{
    transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	color:#ffff00;
	background:rgba(43,14,44,1.00);
}
.BoxNav1 li:nth-child(5) a:hover{
    transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	color:#ffff00;
	background:rgba(35,9,37,1.00);
}
.BoxNav1 li a img{
	display:block;
		width:40px;
		height:40px;
		margin-left: auto;
        margin-right: auto;
	}
	.BoxNav1 li a hr{
margin-top:0; 
margin-bottom:0; 
margin-left:auto; 
margin-right:auto; 
width:90px; 
height:5px; 
background-color:#9B9B9B;
	}
.BoxNav2{
		width:100%;
		height:40px;
		margin-left:auto;
		margin-right:auto;
		background-color:#FFFFFF;
	}
.BoxNav2 li{
	width:16%;
	height:100%;
	text-align:center;
	float:left;
	line-height: 40px;
	list-style:none;
	overflow:hidden;
	}
	.BoxNav2 a{
	font-size: 30px;
	font-weight:600 !important;
	color:#541d57;
	height:100%;
	transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-transition:all .4s ease-in-out;
}
	.BoxNav2 a:hover{
    color:#FFFFFF;
    transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	background:rgba(105,37,112,1.00);
}
.BoxSlideUnderB{
	width:100%;
	background-color:#d4d2d2;
}
.BoxSlideUnderB .row{
margin-left:0px;
margin-right:0px;
}
.BoxSlideUnderB .col-md-6{
padding-right:5px;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
}
.BoxSlideUnder{
 width:100%;
 height:auto;
}
.BoxSlideUnderB .col-md-8, .col-md-4{
padding-right:0px;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
}
.carousel-inner img{
	width:100%;
}
	
/****************END-box*******************************/

/*******************************img**************************/
.logo{
	width:40px;
}
/******************************endimg**************************/
/**********************************form***********************/

/**********************************form***********************/
/***************menu**********************/
.navbar-default {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}
.navbar {
    margin-bottom: 0px !important; 
    border: 0px solid transparent !important; 
	border-radius: 0px;
}
.navbar-default .navbar-nav>li{
	overflow:hidden;
}
.navbar-default .navbar-nav>li>a {
	font-family: "RSUTextRegular";
	font-weight:100;
    color: #692570;
	transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-transition:all .4s ease-in-out;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color: #ffff00;
	transform:scale(1.040);
	-webkit-transform:scale(1.040);
	-moz-transform:scale(1.040);
	-ms-transform:scale(1.040);
	-o-transform:scale(1.040);
    background-color: #541d57;
}
.navbar-default .navbar-toggle {
    border-color: #692570;
}
.navbar-toggle {

    background-color: #692570;
    border: 1px solid #541d57;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #541d57;
}
.navbar-default .navbar-nav>li {
    overflow: inherit !important;
}
.dropdown-menu>li>a {
    font-size: 26px;
    color: #692570;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #ffff00;
    background-color: #541d57;
	font-weight: 100;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #ffff00;
    text-decoration: none;
    background-color: #692570;
}



/***************endmenu******************/
/*******************boxnew1********************/
.BoxNewsright{
 width:100%;
 height:auto;
 padding-top: 7px;
 float:left;
 overflow:hidden;
}
.BoxNewsright2{
 width:100%;
 text-align:center;
 height:auto;
 float:left;
 overflow:hidden;
}
.boxnewB1{
    width: 45%;
    height: auto;
    float: left;
}
.boxnewB2{
    width: 55%;
    height: auto;
    padding: 0px 5px 0px 0px;
    float: left;
}
.imgnew1 {
    width: 93%;
    height: auto;
	border:3px #FFFFFF solid;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);
	-ms-box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);
	-o-box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);
    line-height: 1.42857143;
}
.textnew1{
    text-indent:10px;
    font-weight: 500;
    color: #944f9b;
	text-align: left;
    line-height: 0.9em;
}
/*******************endboxnew1********************/
/*******************boxboos********************/
.imgboos{
    width: 100%;
    margin-top:2%;
    height: auto;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);
	-ms-box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);
	-o-box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);
    border: 5px solid #FFFFFF;
}
.boosname{
    display: block;
    width: 100%;
    line-height: 20px;
    padding-top: 4px;
    font-size: 24px;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
    height: 50px;
    background-color: #692570;
}
/*******************boxboos********************/
/*****************ปุ่ม**********************/
.btit {
    display: inline-block;
    padding: 0px 0px;
    margin-bottom: 0;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btit-Violet{
    color: #fff;
    width: 70%;
    margin-left: 15%;
    background-color: #692570;
    border-color: #692570;
	}
.btit-Violet:hover {
    color: #ffff00;
    background-color: #541d57;
    border-color: #541d57;
}
/*****************ปุ่ม**********************/

/**********************tab***************************/
.Boxtab1{
	width:100%;
}
.Boxtab12{
	width:100%;
	height:auto;
	position:absolute;
	border-color: #541d57;
}
.boxtabnew{
	width:100%;
	float:left;
}
.Boxtab1 .nav-tabs {
    border-bottom: 0px solid #ddd;
}
.Boxtab1 .nav-tabs>li>a {
    margin-right: 0px;
    line-height: 1.42857143;
    border: 0px solid transparent;
    border-radius: 0px 0px 0 0;
}
.Boxtab1 .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    font-weight: 300;
    cursor: default;
    background-color: #541d57;
    border: 0px solid #ddd;
    border-bottom-color: transparent;
}
.Boxtab1 .nav>li>a {
    position: relative;
    display: block;
	color:rgba(255,255,255,1.00);
    padding: 2px 10px;
	transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-transition:all .4s ease-in-out;
}
.Boxtab1 .nav-tabs {
    border-bottom: 0px solid #ddd;
    background-color: #692570;
}
.Boxtab1 .nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    color: #ffffff;
    font-weight: 500;
    background-color: #361238;
}
.Boxtab1 .nav-tabs>li {
    float: left;
    margin-bottom: 0px;
}
/**********************endtab***************************/
/**********************newstab***************************/
.BoxNewstab{
width: 100%;
/*background-color: #692570;*/
background-color: #d4d2d2;
}
.BoxNewstab22{
width: 100%;
height:auto;
background-color: #692570;
/*background-color: #d4d2d2;*/
}
.BoxNewstabMain{
width: 100%;
margin:5px;
float:left;
}
.BoxNewstabimg{
width: 63.5%;
height:208.8px;
margin:5px;
border:3px #fff solid;
box-shadow: 0 0 3px rgba(0,0,0,.3);
background: rgba(245,126,26,1.00);
line-height:202.8px;
text-align:center;
overflow:hidden;
float:left;
}
.BoxNewstabimg img{
    transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}
.BoxNewstabimg img:hover{
transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    opacity:.7;
}
.imgtabnew1 {
    width: 100%;
	margin:-100%;
}
.BoxNewstabdetail{
width: 35%;
text-indent:3%;
height:auto;
font-weight: 500;
color: #944f9b;
line-height: 0.9em;
padding: 5px;
float:left;
}
.BoxNewstab .col-md-8, .col-md-4{
	padding-left:0px;
	padding-right:0px;
	}
.BoxNewstab .row{
	padding-left:0px;
	padding-right:0px;
	margin:0px;
	}
	.boxnews50B{
		width:100%;
	}
	.boxnews50{
	width:30%;
	margin-left: 3.3%;
	height:auto;
	float:left;
}
.boxnews50img{
    width: 100%;
    margin: 0 5px 10px -13px;
	box-shadow: 0 0 3px rgba(0,0,0,.3);
    border: 3px #FFFFFF solid;
    line-height: 99.5px;
	background: rgba(245,126,26,1.00);
    text-align: center;
    overflow: hidden;
    float: left;
}
.boxnews50img img{
    transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}
.boxnews50img img:hover{
transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    opacity:.7;
}
.news50img{
width: 100%;
margin:-100%;
}
.boxnews50D{
width:100%;
text-indent:5%;
margin: 0 5px 5px -13px;
margin-top:-5px;
height:auto;
font-size:24px;
font-weight: 500;
color: #944f9b;
line-height: 0.9em;
float:left;
}
.nodata{
	color:#692570;
	text-align:center;

}
/**********************newstab***************************/
/**********************youtube***************************/
.responsive-embed {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.boxYoutube{
	width:100%;
	height:auto;
	padding: 5px 5px 0px 5px;
	float:left;
}
.boxYTViolet{
	width:100%;
	height:auto;
	background-color:#692570;
}
.borderYTM{
	border:8px rgba(105,37,112,1.00) solid;
}
.boxvdomini{
	width:50%;
	height:auto;
	float:left;
}
.boxyTminiB{
	width:100%;
}
.boxvdoV{
width:100%;
padding:5px;
height:auto;
float:left;
}
.boxvdoD{
width:100%;
padding:10px 5px 0px 5px;
margin-top:-5px;
height:auto;
font-size:24px;
font-weight: 500;
color: #944f9b;
line-height: 0.9em;
float:left;
}
.logoyoutube{
	width:100%;
	padding:5px;
	float:left;
}
.logoyoutube img{
	max-width:24%;
}
.YT{
	width:60%;
	float:right;
	overflow:hidden;
}
.YTmore{
margin-right: 3%;
    text-align: right;
    position: relative;
    top: 6px;
    font-size: 100%;
}
.YTmore a{
display:inline-block;
color:#f87f16;
}
.YTmore a:hover{
color:#813A88;
}

/**********************endyoutube***************************/
.newsM{
	width:100%;
	margin-top: -1%;
	float:left;
	overflow:hidden;
}
.NWmore{
	margin-right:3%;
	text-align:right;
	font-size:100%;
}
.NWmore a{
display:inline-block;
color:#cc2656;
}
.NWmore a:hover{
color:#3e3e3e;
}
/**********************ศิษย์เก่า***************************/
.boxal{
	width:100%;
	height:auto;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
	float:left;
	overflow:hidden;
	
}
.boxalImgB{
	width:100%;
	height:auto;
	border: 4px #ffffff solid;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);
	-ms-box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);
	-o-box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);
	background-image:url(../images/img_web/al.jpg);
	background-repeat: no-repeat;
    background-size:100%;
	float:left;
}
.boxalD{
    width: 53%;
    height: auto;
	float:left;
}
.boximgal{
    width: 35%;
    height: auto;
}
.boximgal1{
    width: 100%;
    height: auto;
	border: 3px #4e1b51 solid;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);
	-ms-box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);
	-o-box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);
    margin-top: 34%;
    margin-left: 248%;
    margin-bottom: 25.5%;
}
.boxaltext{
width: 32%;
height: auto;
margin-left: 13%;
margin-top: 6%;
float: left;
}
.boxaltext1{
font-size:100%;
color: #944f9b;
}
.boxaltext1 b, strong{
	font-weight: 100;
}
.btfb{
	width:70%;
	margin-left:auto;
	margin-right:auto;
	color:#FFFFFF;
	text-align:center;
	background-color:#541d57;
}
.btfb a{
	color:#FFFFFF;
	font-size: 100%;
	transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-transition:all .4s ease-in-out;
}
.btfb a:hover{
	color:#FFFF00;
	background-color:#361238;
}



/********************จบศิษย์เก่า***************************/

/**********************footer****************************/
.footerWeb{
	width:100%;
	height:auto;
	background-color:rgba(105,37,112,1.00);
	overflow:hidden;
}
.footerWeb2{
    width: 100%;
    height: auto;
    margin-top: 7px;
    padding-top: 10px;
	border-top: 7px #f9db03 solid;
    background-color: rgb(84, 29, 87);
	overflow:hidden;
}
.footerWeb .row{
	margin-right: 0px;
    margin-left: 0px;
}
.footerWeb .col-md-8, col-md-4{
    padding-right: 0px;
    padding-left: 0px;
}
.map{
	width:100%;
	padding:15px 5px 0px 5px;
	float:left;
}
.mapM{
	width:100%;
	height:300px;
	border:0;
}
.boxConF{
	width:100%;
	margin-bottom: 50px;
	float:left;
}
.boxConF li{
	width:100%;
	height:40px;
	padding: 20px 5px 5px 20px;
	line-height:35px;
	list-style:none;
	float: left;
}
.boxconFtext{
	font-family: "RSU_Regular";
	font-size:60%;
	color:#FFFFFF;
	margin-left:13%;
}
.boxconFtextH{
	font-family: "RSU_Regular";
	font-size:80%;
	color:#FFFFFF;
}
.boxconFicon{
    width: 35px;
    height: 35px;
    border-radius: 35px;
	font-size:20px;
    text-align: center;
    line-height: 35px;
    background-color: #666666;
    float: left;
}
.boxconFicon .glyphicon {
    position: relative;
    top: 4px;
    left: 0px;
	color:#FFFFFF;
}
.boxconFiconF{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    font-size: 54px;
    font-weight: 900;
    color: #ffffff;
    text-align: center;
    line-height: 50px;
    background-color: #4867aa;
    float: left;
}
.boxconFiconY{
    width: 50px;
    height: 50px;
	margin-left:10px;
    border-radius: 50px;
	font-size:20px;
    text-align: center;
    line-height: 50px;
    background-color: #e12b28;
    float: left;
}
.boxconFiconF img{
	width:100%;
	border:0px;
	height:auto;
}
.boxconFiconY img{
	width:100%;
	border:0px;
	height:auto;
}
.boxfootdetail{
width:100%;
height:auto;
float:left;
}
.boxfootdetail li{
	padding:5px;
	list-style:none;
}
.fd1{
	height:auto;
	font-family: "RSU_Regular";
	padding-top: 11px;
    padding-left:15px;
	padding-right:15px;
	padding-bottom:11px;
	font-size:60%;
	color:#ffffff;
	text-align:center;
}
.fd2{
	height:auto;
	font-family: "RSU_Regular";
	padding-top: 15px;
    padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
	font-size:60%;
	color:#ffffff;
	text-align:center;
}
.boxfootdetail hr{
	width:70%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}
.boxfootdetail a{
	display:inline-block;
	color:#ffffff;
}
.boxfootdetail a:hover{
	color:#FF7E00;
}
/*********************endfooter**************************/
/*********************counter*******************************/
.counter{
	width:100%;
	padding-top: 52px;
}
/************************endcounter*******************/
/*****************************************************/
.Cp{
width: 100%;
position: absolute;
top:59%;
height: 37px;
opacity: .7;
background-color: #8e288c;
}
.cpt{
	color:#ffffff;
	text-align:center;
}
.boosname2{
    display:none;
}
/*****************************************************/
@media only screen and (max-width: 1125px){
	.boxaltext1 {
    font-size: 95%;
}
}
@media only screen and (max-width: 1114px){
	.boxnews50img {
		line-height: 95.5px;
	}
		.boxaltext1 {
    font-size: 94.5%;
}
.btfb a {
    font-size: 94.5%;
}
	
}

@media only screen and (max-width: 1090px){

	.BoxNewsright {
    padding-top: 4px;
}
		.boxaltext1 {
    font-size: 93.5%;
}
.btfb a {
    font-size: 93.5%;
}

}
@media only screen and (max-width: 1065px){
	.BoxNewstabimg {
    line-height: 198.8px;
	}
		.boxnews50img {
		line-height: 92.5px;
	}
.boxaltext1 {
    font-size: 90%;
}
.btfb a {
    font-size: 90%;
}
}
@media only screen and (max-width: 1065px){
	.BoxNewstabimg {
    line-height: 200.8px;
	}

}
@media only screen and (max-width: 1050px){
	.BoxNewstabimg {
     height: 205.8px;
    line-height: 196.8px;
	}
		.boxnews50img {
		line-height: 90.5px;
	}
}
@media only screen and (max-width: 1042px){

	.BoxNewsright {
    padding-top: 2px;
}
}
@media only screen and (max-width: 1036px){
		.BoxNewstabimg {
     height: 199.8px;
    line-height: 193.8px;
	}
		.boxnews50img {
		line-height: 88.5px;
	}
	.boxaltext1 {
    font-size: 85%;
}
.btfb a {
    font-size: 85%;
}
}
@media only screen and (max-width: 1017px){
		.BoxNewstabimg {
     height: 196.8px;
    line-height: 187.8px;
	}
	.BoxNewstabdetail {
    width: 33%;
	}
}
@media only screen and (max-width: 1010px){

	.BoxNewsright {
    padding-top: 2px;
}
		.boxnews50img {
		line-height: 86.5px;
	}
}
@media only screen and (max-width: 997px){
	.BoxNewstabimg {
     height: 192.8px;
    line-height: 183.8px;
	}
	.BoxNewstabdetail {
    width: 33%;
	}
	.boxaltext1 {
    font-size: 78%;
}
.btfb a {
    font-size: 78%;
}
}
@media only screen and (max-width: 991px){
	.fd1{
	padding-top: 32px;
    padding-left:15px;
	padding-right:15px;
	padding-bottom:11px;

}
.fd2{
	padding-top: 15px;
    padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
}
.BoxNewsright2 {
    padding: 10px 60px;
}
	.BoxNewstabimg {
    height: 288.8px;
    line-height: 279.8px;
	}
	.BoxNewstabdetail {
    width: 33%;
	}
.BHmini {
       margin-left: 33%;
}
.BHmini2 {
    width: 44%;
    height: auto;
    margin-left: 34%;
}
.BoxNewsright {
    width: 50%;
    text-align: center;
}
		.boxnews50img {
		line-height: 130.5px !important;
	}
	.boxYoutube {
    padding: 5px 20px 10px 20px;
}
.boxyTminiB{
	padding:20px;
}
.boxvdoD {
	text-align:center;
	padding: 10px 5px 0px 5px;
}
.map {
    padding: 20px 20px 0px 20px;
}
.boxconFtext {
    margin-left: 5%;
}
.boxaltext1 {
    font-size: 100%;
}
.btfb a {
    font-size: 100%;
}
.BoxNewstab {
    padding-left: 5px;
    padding-right: 5px;
}
.boxfootdetail {
    padding-top: 32px;
}
.counter{
	width:100%;
	padding-top: 53px;
}
.Cp{
	display:none;
}
.boosname2{
    display: block;
    width: 100%;
    line-height: 27px;
    padding-top: 4px;
    font-size: 30px;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
    height: 34px;
    background-color: #541d57;
}
}
@media only screen and (max-width: 984px){
	.BoxNewstabimg {
     height: 285.8px;
    line-height: 279.8px;
	}
	.BoxNewstabdetail {
    width: 33%;
	}
}

@media only screen and (max-width: 975px){
			.boxnews50img {
		line-height: 128.5px !important;
	}
}
@media only screen and (max-width: 972px){
	.BoxNewstabimg {
    height: 278.8px;
    line-height: 271.8px;
	}
	.BoxNewstabdetail {
    width: 33%;
	}
}
@media only screen and (max-width: 966px){
			.boxnews50img {
		line-height: 125.5px !important;
	}
}
@media only screen and (max-width: 956px){
	.BoxNewstabimg {
    height: 271.8px;
    line-height: 260.8px;
	}
	.BoxNewstabdetail {
    width: 33%;
	}
}
@media only screen and (max-width: 951px){
	.BoxNewstabimg {
    height: 267.8px;
    line-height: 254.8px;
	}
	.BoxNewstabdetail {
    width: 33%;
	}
}
@media only screen and (max-width: 945px){
	.BoxNewstabimg {
    height: 260.8px;
    line-height: 247.8px;
	}
	.BoxNewstabdetail {
    width: 33%;
	}
}
@media only screen and (max-width: 936px){
			.boxnews50img {
		line-height: 123.5px !important;
	}
}
@media only screen and (max-width: 930px){
	.BoxNewstabimg {
    height: 258.8px;
    line-height: 245.8px;
	}
	.BoxNewstabdetail {
    width: 33%;
	}
}
@media only screen and (max-width: 929px){
	.hid2{
		display:block;
	}
.show2{
		display:none;
	}
	.BoxNewstabMain {
     width: 100%;
    padding-left:20px;
	padding-right:20px;
	margin: 20px 0 0 0;
}
.BoxNewstabimg {
    width: 100%;
    margin: 0px;
	height: auto;
    line-height: 0px;
}
.BoxNewstabdetail{
    width: 100%;
	text-indent: 0;
	text-align:center;
	padding-top:10px;
    margin: 0px 0px 0px 0px;
}
.BoxNewstabdetail .btit-Violet{
	margin-left:0px;
	margin-top:20px;
}
.imgtabnew1 {
    width: 100%;
    margin: 0%;
}
.boxnews50 {
    width: 100%;
    padding-left:20px;
	padding-right:20px;
	margin-top: 10px;
	margin-left: 0;
}
.boxnews50img {
    width: 100%;
    margin: 0px 0px 0px 0px;
}
.news50img {
    width: 100%;
	margin:-1px;
}
.boxnews50D {
    width: 100%;
	padding-top:10px;
	text-indent: 0;
	text-align:center;
    margin: 0px 0px 0px 0px;
}
	
}

@media only screen and (max-width: 910px){

.BHmini {
       margin-left: 31%;
}
}

@media only screen and (max-width: 881px){

.BHmini {
       margin-left: 27%;
}
.BHmini2 {
    width: 48%;
    height: auto;
    margin-left: 28%;
}
.boxconFtext {
    margin-left: 6%;
}
}

@media only screen and (max-width: 768px){
	.BoxsearchT{
		width:100%;
	}
	.hid1{
		display:block;
	}
.show1{
		display:none;
	}
	.textnew1 {
	padding-top: 10px;
	margin-left:0.8%;
    text-align: center;
          }
.BoxNewsright {
    width: 100%;
    text-align: center;
	margin-bottom:10px;
}	
.boxnewB1 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
.imgnew1 {
    width: 100%;
}
.boxnewB2 {
    width: 100%;
}
.BoxNewsright .btit-Violet{
margin-left:0;
}
.boxaltext1 {
    font-size: 95%;
}
.btfb a {
    font-size: 95%;
}
}
@media only screen and (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #541d57;
	transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-transition:all .4s ease-in-out;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #ffff00;
    background-color: #692570;
	transform:scale(1.040);
	-webkit-transform:scale(1.040);
	-moz-transform:scale(1.040);
	-ms-transform:scale(1.040);
	-o-transform:scale(1.040);
    background-color: #541d57;
}	
}
@media only screen and (max-width: 738px){

.BHmini {
       margin-left: 24%;
}
.BHmini2 {
    width: 53%;
    height: auto;
    margin-left: 27%;
}
.boxconFtext {
    margin-left: 6.5%;
}
.boxaltext1 {
    font-size: 92%;
}
.btfb a {
    font-size: 92%;
}
}
@media only screen and (max-width: 700px){
	.boxconFtext {
    margin-left: 8.5%;
}
.boxaltext1 {
    font-size: 82%;
}
.btfb a {
    font-size: 82%;
}
}
@media only screen and (max-width: 673px){


.BHmini {
       margin-left: 21%;
}
.BHmini2 {
    width: 73%;
    height: auto;
    margin-left: 22%;
}
.boxaltext1 {
    font-size: 78%;
}
.btfb a {
    font-size: 78%;
}
}
@media only screen and (max-width: 615px){

.BHmini {
       margin-left: 18%;
}
.BHmini2 {
    width: 67%;
    height: auto;
    margin-left: 21%;
}
.boxaltext1 {
    font-size: 69%;
}
.btfb a {
    font-size: 69%;
}
}
@media only screen and (max-width: 551px){

.BHmini {
       margin-left: 14%;
}
.boxconFtext {
    margin-left: 10.5%;
}
.boxaltext1 {
    font-size: 67%;
}
.btfb a {
    font-size: 67%;
}
.BoxNav1 li:nth-child(1) a {
    font-size: 60% !important;
}
}
@media only screen and (max-width: 499px){

.BHmini {
       margin-left: 10%;
}
.BHmini2 {
    width: 83%;
    height: auto;
    margin-left: 13%;
}
.boxaltext1 {
    font-size: 60%;
}
.btfb a {
    font-size: 60%;
}
}
@media only screen and (max-width: 470px){

.BHmini {
       margin-left: 10%;
}
.boxconFtext {
    margin-left: 12.5%;
}
.boxaltext1 {
    font-size: 56%;
}
.btfb a {
    font-size: 56%;
}
.BoxNav1 li:nth-child(1) a {
    font-size: 55% !important;
}
}
@media only screen and (max-width: 461px){

.BHmini {
       margin-left: 8%;
}
}
@media only screen and (max-width: 430px){


.BHmini {
       margin-left: 6%;
}
.BoxNav1 li:nth-child(1) a{
	font-size:50% !important;
	}
.BoxNav1 a {
	font-size:60% !important;
}
.boxaltext1 {
    font-size: 50%;
}
.btfb a {
    font-size: 50%;
}
}
@media only screen and (max-width: 400px){

.BHmini {
       margin-left: 4%;
}
.Boxlogo {
    margin-left: 10px;
}
	.BoxTscphplName{
    margin-left: 59px;
    font-size: 97%;
	}
	.BoxTscphplNameE1 {
	margin-left: 61px;
    font-size: 97%;
}
.BoxTscphplNameE2 {
    width: 220px;
    margin-left: 110px;
    padding-left: 7px;
    font-size: 61%;
}
.boxconFtext {
    margin-left: 14.5%;
}
.boxaltext1 {
    font-size: 45%;
}
.btfb a {
    font-size: 45%;
}
}
@media only screen and (max-width: 389px){

.BHmini {
       margin-left: 3%;
}
}
@media only screen and (max-width: 382px){

.BHmini {
       margin-left: 4%;
}
.BoxNav1 li:nth-child(1) a{
	font-size:47% !important;
	}
.BoxNav1 a {
	font-size:55% !important;
}
}
@media only screen and (max-width: 366px){

.BHmini {
       margin-left: 2%;
}
.boxaltext1 {
    font-size: 42%;
}
.btfb a {
    font-size: 42%;
}
}
@media only screen and (max-width: 359px){


.Boxlogo {
    margin-left: 10px;
}
	.BoxTscphplName{
    margin-left: 59px;
    font-size: 88%;
	}
	.BoxTscphplNameE1 {
	margin-left: 61px;
    font-size: 88%;
}
.BoxTscphplNameE2 {
    width: 197px;
    margin-left: 107px;
    padding-left: 7px;
    font-size: 55%;
}
.BHmini2 {
    width: 95%;
    height: auto;
    margin-left: 5%;
}
.BoxNav1 li:nth-child(1) a{
	font-size:44% !important;
	}
.BoxNav1 a {
	font-size:50% !important;
}
.boxconFtext {
    margin-left: 15.5%;
    font-size: 55%;
}
}
@media only screen and (max-width: 336px){


.Boxlogo {
    margin-left: 10px;
}
	.BoxTscphplName{
    margin-left: 59px;
    font-size: 84%;
	}
	.BoxTscphplNameE1 {
	margin-left: 61px;
    font-size: 84%;
}
.BoxTscphplNameE2 {
    width: 190px;
    margin-left: 104px;
    padding-left: 7px;
    font-size: 52%;
}
.boxconFtext {
    margin-left: 15.5%;
    font-size: 52%;
}
.boxaltext1 {
    font-size: 33%;
}
.btfb a {
    font-size: 33%;
}

}
@media only screen and (max-width: 324px){
	.BHmini2 {
    width: 96%;
    height: auto;
    margin-left: 5%;
}
.BoxNav1 li:nth-child(1) a{
	font-size:42% !important;
	}

}
@media only screen and (max-width: 320px){
	.Boxlogo {
    margin-left: 10px;
}
	.BoxTscphplName{
    margin-left: 59px;
    font-size: 81%;
	}
	.BoxTscphplNameE1 {
	margin-left: 61px;
    font-size: 81%;
}
.BoxTscphplNameE2 {
    width: 183px;
    margin-left: 102px;
    padding-left: 5px;
    font-size: 52%;
}
}
/* You can add more expressions using "and" */
@media only screen and (min-width: 350px) and (max-width: 950px){
    /* some css here */
.BoxNav1 li:nth-child(1) a{
	font-size:70%;
	}
.BoxNav1 a {
	font-size:70%;
}
	.BoxNav1 {
    width: 90%;
}
.BoxNav2 a {
	font-size:50%;
}
.BoxNav1 li a hr{
width:50%; 
height:5%;
	}
.row{
margin-left:0px;
margin-right:0px;
}


}

@media only screen and (max-width: 350px){

.BoxNav1 li:nth-child(1) a{
	font-size:40%;
	}
	.BoxNav1 {
    width: 90%;
}
.BoxNav1 a {
	font-size:60%;
}
.BoxNav2 a {
	font-size:50%;
}
.BoxNav1 li a hr{
width:50%; 
height:5%;
	}
.row{
margin-left:0px;
margin-right:0px;
}
}