@charset "UTF-8";
/*=========================================================
	태국어
=========================================================*/
/*	로고
=========================================================*/
html[lang="th"] .SiteLink-link{
	width:4.813rem;
	height:2.25rem;
	background-image: url(../../images/logo/site_logo_th.png);
}

/*	ScheduleBar
=========================================================*/
@media screen and (min-width:1200px){
	html[lang="th"] .ScheduleBar{
		width:73.75rem;
		height:7rem;
	}

	html[lang="th"] .ScheduleBarFixInfo{
		width:73.75rem;
		height:7rem;
	}

	html[lang="th"] .ScheduleBarFix{
		width: calc(73.75rem - 2px);
		height: calc(7rem - 2px);
	}

	html[lang="th"] .SchedulePost{
		height: calc(7rem - 2px);
	}
	
	html[lang="th"] .SchedulePostTime-month{
		font-size:1rem;
	}
	
	html[lang="th"] .SchedulePostTime-time{
		font-size:0.75rem;
	}
}

@media screen and (max-width:1199px) and (min-width:1px){
	html[lang="th"] .ScheduleBar{
		height:6.375rem;
	}

	html[lang="th"] .ScheduleBarFixInfo{
		height:6.375rem;
	}

	html[lang="th"] .ScheduleBarFix{
		height: calc(6.375rem - 2px);
	}

	html[lang="th"] .SchedulePost{
		height: calc(6.375rem - 2px);
	}
}

/*	Player
=========================================================*/
@media screen and (max-width:1199px) and (min-width:1px){
	html[lang="th"] .PlayerTabPostTitle{
		letter-spacing:-0.047rem;
		white-space:nowrap;
	}
	
	html[lang="th"] .PlayerPostMetaRank{
		display:block;
		margin-bottom:0.25rem;
		background-image: url(../../images/bg/player_rank_bg_two.png);
		height:2.5rem;
		padding: 0.35rem 0;
	}
	
	html[lang="th"] .PlayerPostMetaRank-title{
		font-size:0.625rem;
	}
	
	html[lang="th"] .PlayerPostMetaRank-text{
		font-size:0.625rem;
		margin-top:0.125rem;
	}
}

/*	Header
=========================================================*/
html[lang="th"] .SiteMenu .menu-wrapper .menu-item a{
	font-size:0.875rem;
}

/*	DfTab
=========================================================*/
@media screen and (min-width:1200px){
	html[lang="th"] .DfTab-item{
		width: 24.626rem;
	}
	
	html[lang="th"] .StThree .TabButton{
		padding: 0.55rem 1.2rem 0.375rem 0.8rem;
	}
}

@media screen and (max-width:1199px) and (min-width:1px){
	html[lang="th"] .TabButton-text{
		font-size:0.875rem;
		letter-spacing: -0.08rem;
	}
	
	html[lang="th"] .TabButton{
		width:9.75rem;
		padding: 0.7rem 0.8rem 0.8rem 0.5rem;
	}
	
	html[lang="th"] .StTwo .TabButton{
		padding: 0.6rem 0.8rem 0.9rem 0.5rem;
	}
}

@media screen and (max-width:1199px) and (min-width:500px){
	html[lang="th"] .StThree .TabButton{
		width: 10.75rem;
	}
}

@media screen and (max-width:499px) and (min-width:1px){
	html[lang="th"] .DfTab-inner{
		padding: 0 1.1rem;
	}
	
	html[lang="th"] .StThree .TabButton{
		padding: 0.7rem 0.3rem 0.8rem 0rem;
	}
}

/*	ScheduleBar
=========================================================*/
@media screen and (min-width:1200px){
	html[lang="th"] .TmSchedulePostDate-day{
		font-size:1rem;
	}
	
	html[lang="th"] .TmSchedulePostTitle{
		font-size:1.3rem;
	}
}

@media screen and (max-width:1199px) and (min-width:1px){
	html[lang="th"] .TmSchedulePostDate{
		padding: 0 1.563rem 0 0.8rem;
	}
}