@font-face {
	font-family: 'Conv_RSU_Regular';
	src: url('./font/RSU_Regular.eot');
	src: local(''), url('./font/RSU_Regular.woff') format('woff'), url('./font/RSU_Regular.ttf') format('truetype'), url('./font/RSU_Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.rsu { font-family:'Conv_RSU_Regular';}
.rsu-18 { font-size:18px;}
.rsu-20 { font-size:20px;}
.rsu-22 { font-size:22px;}
.rsu-24 { font-size:24px;}
.rsu-26 { font-size:26px;}
.rsu-28 { font-size:28px;}
.rsu-30 { font-size:30px;}
.rsu-32 { font-size:32px;}
.center { text-align:center;}
.textright { text-align:right;}
.textleft { text-align:left;} 
.inlinebox { display:inline; } 
.normal { font-weight:normal; cursor:pointer; }  

@media only screen and (min-width: 768px) {
    /* tablets and desktop */  
.hd1 { font-family:'kanit','Conv_RSU_Regular'; margin-bottom: 10px; font-size: 28px; }
.hd2 { font-family:'Conv_RSU_Regular'; margin-bottom: 10px; font-size: 24px; }
.hd3 { font-family:'kanit','Conv_RSU_Regular'; margin-bottom: 5px; margin-top: 5px; margin-left: 2px; font-size: 20px; }
.hd4 { font-family:'kanit','Conv_RSU_Regular'; margin-bottom: 5px; margin-top: 5px; margin-left: 2px; font-size: 18px; }
.hd5, .hd5 a { font-family:'Conv_RSU_Regular';  font-size: 14px; color: #7e7e7e; }


.hdtd1 { font-family:'Conv_RSU_Regular'; font-size: 28px; font-weight:normal; }
.hdtd2 { font-family:'Conv_RSU_Regular'; font-size: 24px; font-weight:normal; }
.hdtd3 { font-family:'Conv_RSU_Regular'; font-size: 20px; font-weight:normal; }
.hdtd4 { font-family:'Conv_RSU_Regular'; font-size: 18px; font-weight:normal; }

		#main-content {
			background:#fff !important;		
		}
		
		#main-content .page-center {
			margin-top:60px;
			text-align: center; 
		}  
		#main-content #search_type label {
			padding:10px;
		} 
		

		.userbarhd {
			text-align:right;
			padding:0px;
			margin:15px 20px 0 20px;
		}
		.userbarsocial div{
			padding:10px 15px 5px;
			text-align:right;
		}

		.img-display {
			margin-top:-100px;
			max-width:180px;
		}

		.box-tool { 
			float:right;
			margin-top:-40px;
		}
 
		.ribbon-wrapper-green {
		  width: 85px;
		  height: 88px;
		  overflow: hidden;
		  position: absolute;   
		  text-align: center;
		  margin-top: 5px;  
		} 
		.ribbon-wrapper-user {
		  width: 85px;
		  height: 88px;
		  overflow: hidden;
		  position: absolute;   
		  text-align: center;
		  margin-top: -101px;
		  margin-left: 96px;
		} 
} 
@media only screen and (max-width: 767px) {
    /* phones 
	.row {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
 
	.schedulelist li ,.schedulelist li.normal {
		list-style: none;
		float: left !important;
		display: inline-block;
		text-align: center !important;
		padding: 0px;
		width: 145px  !important;
		height: 80px !important;
		margin-right: 5px;
		margin-bottom: 5px;
		border: solid 1px #e6e6e6;
		font-size: 10px;
	}
	.search-results li > .img-thumbnail {
		display:none !important;
	} 
	.schedulelist li a{ 
		display:block; 
		margin-top:40px !important;
		height:40px !important;
		padding-top:3px; 
		color:#fff;
		font-size: 10px;
	}
*/ 


.hd1 { font-family:'Conv_RSU_Regular'; margin-bottom: 10px; font-size: 24px; }
.hd2 { font-family:'Conv_RSU_Regular'; margin-bottom: 10px; font-size: 20px; font-weight:normal; }
.hd3 { font-family:'Conv_RSU_Regular'; margin-bottom: 5px; margin-top: 5px; font-size: 18px; font-weight:normal; }
.hd4 { font-family:'Conv_RSU_Regular'; margin-bottom: 5px; margin-top: 5px; font-size: 16px; }
.hd5 { font-family:'Conv_RSU_Regular';  font-size: 12px; }

		#main-content {
			background:#fff !important;		
		}
		
		#main-content .page-center {
			margin-top:20px;
			text-align: center; 
		} 
		#main-content #search_type label {
			padding:3px;
		} 
		
		.userbarimg {
			text-align:center;
		}
		.userbarimg img {
			max-width:60% !important;
			margin-top:10px;
		}
		
		.userbarimg .img-responsive {
			display:inline !important;
		}

		.userbar ,.userbar DIV{
			text-align:center;
			padding-left: 10px;
			padding-right: 10px;
		}
		.userbarsocial { 
			text-align:center;
		}
		.userbarhd { 
			border-top:solid 1px #c9c9c9; 
			text-align:center;
			padding: 10px 0 5px;
			margin:0 10px;
		}
		.userbarsocial div{
			padding: 5px 10px 10px 10px; 
			text-align:center; 
		} 
 
		.ribbon-wrapper-green {
			display:none;
		  width: 85px;
		  height: 88px;
		  overflow: hidden;
		  position: absolute;   
		  text-align: center; 
		  margin-top: 9px !important;
		  margin-left: 185px !important;
		} 

		.ribbon-wrapper-user {
		  width: 85px;
		  height: 88px;
		  overflow: hidden;
		  position: absolute;   
		  text-align: center; 
		  margin-top: 9px !important;
		  margin-left: 185px !important;
		}
 
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    /* portrait phones */ 
.hd1 { font-family:'Conv_RSU_Regular'; margin-bottom: 10px; font-size: 24px; }
.hd2 { font-family:'Conv_RSU_Regular'; margin-bottom: 10px; font-size: 20px; font-weight:normal; }
.hd3 { font-family:'Conv_RSU_Regular'; margin-bottom: 5px; margin-top: 5px; font-size: 18px; font-weight:normal; }
.hd4 { font-family:'Conv_RSU_Regular'; margin-bottom: 5px; margin-top: 5px; font-size: 16px; }
.hd5 { font-family:'Conv_RSU_Regular';  font-size: 12px; }

		#main-content {
			background:#fff !important;		
		}
		
		#main-content .page-center {
			margin-top:10px;
			text-align: center; 
		} 
		#main-content #search_type label {
			padding:3px;
		} 

		.userbarimg, .userbarimg div {
			text-align:center;
		}

		.userbar ,.userbar DIV{
			text-align:center;
			padding-left: 10px;
			padding-right: 10px;
		}
		
		.userbarimg img {
			max-width:60% !important;
			margin-top:10px;
		}
		.userbarimg .img-responsive {
			display:inline !important;
		}		 
		.userbarhd {
			border-top:solid 1px #c9c9c9; 
			text-align:center;
			padding: 10px 0 5px;
			margin:0 10px;
		}
		.userbarsocial div{
			padding: 5px 10px 10px 10px; 
			text-align:center; 
		} 
 
		.ribbon-wrapper-green {
		  width: 85px;
		  height: 88px;
		  overflow: hidden;
		  position: absolute;   
		  text-align: center;
		  margin-top: 5px;
		} 

		.ribbon-wrapper-user {
		  width: 85px;
		  height: 88px;
		  overflow: hidden;
		  position: absolute;   
		  text-align: center; 
		  margin-top:9px !important;
		  margin-left:175px !important;
		} 
}

.ribbon-wrapper-green {
  cursor:pointer;
  margin-top:-2px !important;
  margin-left:125px !important;
}
 
.ribbon-green {
  font: bold 10px Sans-Serif; 
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}

.ribbon-sponsor {
  font: bold 10px Sans-Serif; 
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #f1e765;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f1e765), to(#d7d22d)); 
  background-image: -webkit-linear-gradient(top, #f1e765, #d7d22d); 
  background-image:    -moz-linear-gradient(top, #f1e765, #d7d22d); 
  background-image:     -ms-linear-gradient(top, #f1e765, #d7d22d); 
  background-image:      -o-linear-gradient(top, #f1e765, #d7d22d); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon-sponsor:before, .ribbon-sponsor:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-sponsor:before {
  left: 0;
}
.ribbon-sponsor:after {
  right: 0;
}


.ribbon-webmaster {
  font: bold 10px Sans-Serif; 
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #2e8fc5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2e8fc5), to(#3c8cc8)); 
  background-image: -webkit-linear-gradient(top, #2e8fc5, #3c8cc8); 
  background-image:    -moz-linear-gradient(top, #2e8fc5, #3c8cc8); 
  background-image:     -ms-linear-gradient(top, #2e8fc5, #3c8cc8); 
  background-image:      -o-linear-gradient(top, #2e8fc5, #3c8cc8); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon-webmaster:before, .ribbon-webmaster:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-webmaster:before {
  left: 0;
}
.ribbon-webmaster:after {
  right: 0;
}


.ribbon-user {
  font: bold 10px Sans-Serif; 
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon-user:before, .ribbon-user:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-user:before {
  left: 0;
}
.ribbon-user:after {
  right: 0;
}



.ribbon-promote {
  font: bold 10px Sans-Serif; 
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #FDFDFD;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f1e765), to(#CECECE)); 
  background-image: -webkit-linear-gradient(top, #FDFDFD, #CECECE); 
  background-image:    -moz-linear-gradient(top, #FDFDFD, #CECECE); 
  background-image:     -ms-linear-gradient(top, #FDFDFD, #CECECE); 
  background-image:      -o-linear-gradient(top, #FDFDFD, #CECECE); 
  color: #3b3b3b;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon-promote:before, .ribbon-promote:after {
  content: "";
  border-top:   3px solid #3b3b3b;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-promote:before {
  left: 0;
}
.ribbon-promote:after {
  right: 0;
}




.followlist {
	padding:0;
	margin:5px 0 0;
}
.followlist li{
	list-style:none; 
	display: inline-block;
	padding-right:3px;
	padding-bottom:3px;
}

ul.schedulelist {
	padding:0;
	margin:5px 0 0; 
}

.schedulelist li{
	list-style:none;
	float:left ;
	display: inline-block;
	text-align:left;
	padding:0px; 
	width:210px;
	height:120px;
	margin-right:5px; 
	margin-bottom:5px; 
	border:solid 1px #e6e6e6;
	font-size:11px;
} 

.schedulelist li a{ 
	display:block; 
	margin-top:74px;
	height:44px;
	padding-top:3px; 
	color:#fff;

	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

} 

.schedulelist li a span { 
	color:#D5D5D5;
}
.schedulelist li img{
	margin:5px;
	margin-top:54px; 
} 
 

.schedulelist li.normal{
	list-style:none;
	float:left ;
	text-align:left;
	padding:0px; 
	width:210px;
	height:60px;
	margin-right:5px; 
	margin-bottom:5px;  
	font-size:11px;
	border:solid 0px #e6e6e6;
} 

.schedulelist li.normal a{ 
	display:block;
	background:#fff;
	margin-top:25px;
	height:44px;
	padding-top:3px;
	color:#333333;
} 

.schedulelist li.normal:hover{ 
	background:#feffe6; 
} 

.schedulelist li.normal a span { 
	color:#939393;
}
.schedulelist li.normal img{
	margin:5px;
	margin-top:5px; 
} 

.photo-headbg { 
position:absolute;
display:block;
padding:5px 10px 10px;
width:100%;
color:#fff;
z-index:999;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 81%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(81%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 81%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 81%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 81%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 81%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.photo-size {
max-height:146px;min-height:146px;width:auto;
}

.navbar .navbar-brand { 
    padding-top: 9px !important; 
}

@media only screen and (max-width: 480px){
	.schedulelist li {
		width: 162px;
	}
	}