.halloffame-8-1{
	/* height: 147px; */
	background: #ffffff;
	margin-top: 20px;
	/* background: url(../images/halloffame-8-1/hall_bg1.jpg) 0% 117% no-repeat; */
	}
.halloffame-8-1 .top{
	padding-left:144px;
	    height: 140px;
	/* margin-top:20px; */
	background:url(../images/halloffame-8-1/hatyaiwit_0018.png) top left no-repeat;
	}
.halloffame-8-1 .filter{
	padding:10px 0;
	border-bottom:#b8b8b8 1px solid;
	}
.halloffame-8-1 .f-title{
	font: 35px/30px 'Kanit', Arial, sans-serif;
	}

	
.halloffame-8-1 .top-search{
    width: 288px;
    position: absolute;
    right: 125px;
	margin-top:-3px;
	height:40px;
	
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	background:url(../images/icenter_0016_Shape-24.png) top center no-repeat;
	}
.halloffame-8-1 .top-search .input{
	width:205px;
	padding:10px 5px;
	border:0px;
	text-indent:5px;
	font-size:13px;
	background: #fff;
	color:#000;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font: 17px/20px 'thaisanslite', Arial, sans-serif;
	}
.halloffame-8-1 .top-search .select{
	width:138px;
	margin:2px;
	padding:8px 0;
	border:0px;
	text-indent:5px;
	}
.halloffame-8-1 .top-search .btn-s{
	position: absolute;
	right: -30px; top:0;
	margin:0;
	padding:0px 6px;
	}	
.halloffame-8-1 input::placeholder {
  color: #000;
}		

.halloffame-8-1 .arrow-down {
  position:
  absolute;
		bottom:-30px; left:50%;
		margin-left:-10px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #ffffff;
}
.halloffame-8-1 .tab {
	margin-top:10px;
	font: 27px/20px 'thaisanslite', Arial, sans-serif;
	padding:0px 10px;
	padding-bottom:5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	}
.halloffame-8-1 .tab ul{	
	padding:0;
	margin:0;
	color:#923032;
}
.halloffame-8-1 .tab ul li{

}	
.halloffame-8-1 .tab .normal{
	display: inline-block;
	text-align:center;
	margin:10px 0;
	padding:6px 60px !important;
	border-right: #949494 1px solid;
	}	
.halloffame-8-1 .tab .active{
	position:relative;
	display: inline-block;
	font-weight:bold;
	color:#fff;
	margin:10px 0;
	padding:6px 60px !important;
	border-right: #949494 1px solid;
	}
.halloffame-8-1 .tab .active a{
	color: #041a27;
}
.halloffame-8-1 .tab a{
	color: #041a27;
}

.halloffame-8-1 .mid{
	padding:30px 0;
	height: 423px;
	background:
	url(../images/halloffame-8-1/hall_bg.jpg) top center no-repeat;
	}
.halloffame-8-1 .mid .hallbox{
	overflow-x: scroll;
}
.halloffame-8-1 .mid .hallbox .listname{
	position:relative;
	width:508px;
	height:245px;
	/*margin-bottom:15px;*/
	
	-webkit-box-shadow: 10px 10px 41px -6px rgba(8,78,113,0.34);
    -moz-box-shadow: 10px 10px 41px -6px rgba(8,78,113,0.34);
    box-shadow: 10px 10px 41px -6px rgba(8,78,113,0.34);
}
.halloffame-8-1 .mid .hallbox .red{
	background: #111c68;
}
.halloffame-8-1 .mid .hallbox .blue{
	background: #111c68;
}

.halloffame-8-1 .mid .hallbox .listname .pic{
	width:185px;
}
.halloffame-8-1 .mid .hallbox .listname .pic img{
	max-width:100%;
	height:auto;
}
.halloffame-8-1 .mid .hallbox .listname .text{
	position:absolute;
		top:0; left: 200px; right:0; bottom:0;
	padding:20px 10px;
	color:#fff;
	font-size:16px;
	line-height:20px;
}
.halloffame-8-1 .mid .hallbox .listname .text a{
	color:#fff;
}

.halloffame-8-1 .mid .hallbox .listname .text-2{
	position:absolute;
		top:0; left: 200px; right:0; bottom:0;
	padding:20px 10px;
	color:#000;
	font-size:16px;
	line-height:20px;
}
.halloffame-8-1 .mid .hallbox .listname .text-2 a{
	color:#000;
}

.halloffame-8-1 .mid .hallbox .listname .yellow{
	margin-bottom:5px;
	color:#fff;
	}


.halloffame-8-1 .bottom{
	padding:20px 0;
	position:relative;
	text-align:center;
	}
.halloffame-8-1 .carousel-indicators .active {
    background: #fff;
}
.halloffame-8-1 .carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 36px;
    height: 7px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(178,178,178,1);
}

.halloffame-8-1 .carousel-indicators {
    position: absolute;
    right: 0;
    top: 15px;
}
.halloffame-8-1 .more{
	position: absolute;
    right: 0; top:0;
	padding:5px 20px;
	border:#fff 2px solid;
	color:#fff;
	font: 18px/18px 'thaisanslite', Arial, sans-serif;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	}
@media (min-width: 320px) and (max-width: 575px) {
	.halloffame-8-1 {
    background: none;
}
.halloffame-8-1 .top-search {
    position: relative;
    right: 0;
}
	}
	@media (min-width: 576px) and (max-width: 991px) {	
	.halloffame-8-1 {
    background: none;
}
.halloffame-8-1 .top-search {
    position: relative;
    right: 0;
}
	}
	@media (min-width: 992px) and (max-width: 1199px) { 
	.halloffame-8-1 {
    background: none;
}
.halloffame-8-1 .top-search {
    position: relative;
    right: 0;
}
	}
	@media (min-width: 1441px) and (max-width: 1600px) {
		.halloffame-8-1 .mid .hallbox .listname {
    width: 454px;
}
		}
@media (max-width: 1024px){
.carousel-indicators{
	/* display:none; */
	}
.halloffame-8-1 .top{
	margin-top:10px;
	background:none;
	padding:0;
	height:auto;
	}	
.halloffame-8-1 .mid{
	height: auto;
	padding:10px 0;
	background-size: cover;
	}
	
.halloffame-8-1 .top-search .input{
	width:72%;
	}
	
.halloffame-8-1 .f-title {
    font: 37px/38px 'thaisanslite', Arial, sans-serif;
}


.halloffame-8-1 .arrow-down {
	display:none;
}
.halloffame-8-1 .tab {
	overflow-x: scroll;
	margin:5px -15px 5px -15px;
	padding:3px;
	background:none;
	height:42px;
	}
	
.halloffame-8-1 .tab .active{
	padding:8px 20px !important;
	background:#0d80eb;
	white-space:nowrap;
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	
	margin:0 6px;

	}	
.halloffame-8-1 .tab .normal{
	padding:8px 20px !important;
	background:#0da4eb;
	white-space:nowrap;
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	
	margin:0 6px;
	
	}	

.halloffame-8-1 .tab .active a, .halloffame-8-1 .tab .normal a{
	color:#fff;
	}	
.halloffame-8-1 .tab .d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}


.halloffame-8-1 .mid .hallbox .listname{
	width:27vw;
	height:auto;
	padding-top:15px;
	}
.halloffame-8-1 .mid .hallbox .listname .pic{
	width:100%;
}
.halloffame-8-1 .mid .hallbox .listname .pic img{
	display:block;
	margin:0 auto;
	max-width:40%;
}
.halloffame-8-1 .mid .hallbox .listname .text{
	position: relative;
		left: 0;
		font-size:15px;
}
.halloffame-8-1 .mid .hallbox .listname .text-2{
	position: relative;
		left: 0;
		font-size:15px;
}

.halloffame-8-1 .mid .hallbox .listname .yellow{
	margin-bottom:0px;
	}
}

@media (max-width: 996px){
.carousel-indicators{
	/* display:none; */
	}
.halloffame-8-1 .top{
	margin-top:10px;
	background:none;
	padding:0;
	height:auto;
	}	
.halloffame-8-1 .mid{
	height: auto;
	padding:10px 0;
	}
	
.halloffame-8-1 .top-search .input{
	width:72%;
	}
	
.halloffame-8-1 .f-title {
    font: 37px/38px 'thaisanslite', Arial, sans-serif;
}


.halloffame-8-1 .arrow-down {
	display:none;
}
.halloffame-8-1 .tab {
	overflow-x: scroll;
	margin:5px -15px 5px -15px;
	padding:3px;
	background:none;
	height:42px;
	}
	
.halloffame-8-1 .tab .active{
	padding:8px 20px !important;
	/* background: #dd962f; */
	white-space:
	nowrap;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	
	margin:0 6px;
	}	
.halloffame-8-1 .tab .normal{
	padding:8px 20px !important;
	/* background: #870d0e; */
	white-space:
	nowrap;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	
	margin:0 6px;
	}	

.halloffame-8-1 .tab .active a, .halloffame-8-1 .tab .normal a{
	color:#fff;
	}	
.halloffame-8-1 .tab .d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}


.halloffame-8-1 .mid .hallbox .listname{
	width:40vw;
	height:auto;
	padding-top:15px;
	}
.halloffame-8-1 .mid .hallbox .listname .pic{
	width:100%;
}
.halloffame-8-1 .mid .hallbox .listname .pic img{
	display:block;
	margin:0 auto;
	max-width:40%;
}
.halloffame-8-1 .mid .hallbox .listname .text{
	position: relative;
		left: 0;

		font-size:15px;
}

.halloffame-8-1 .mid .hallbox .listname .yellow{
	margin-bottom:0px;
	}
}
	
@media (max-width: 768px){
.halloffame-8-1 .mid .hallbox .listname{
	width:40vw;
	}
	
}
@media (max-width: 425px){
	.halloffame-8-1 .mid .hallbox .listname{
	width:75vw;
	}
	.halloffame-8-1 .mid .hallbox .listname .text{
		position: relative;
		left: 0;
		font-size:13px;
}
}