@font-face {
    font-family:kittithada_bold;
    src: url('../fonts-main/pslxkittithada_bold-webfont.eot'); /* IE9 Compatibility Modes */
    src: url('../fonts-main/pslxkittithada_bold-webfont.eot?') format('eot'),  /* IE6-IE8 */
    url('../fonts-main/pslxkittithada_bold-webfont.woff') format('woff'), /* Modern Browsers */
    url('../fonts-main/pslxkittithada_bold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts-main/pslxkittithada_bold-webfont.svg#svgpslxkittithada_bold-webfont') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family:ArchivoNarrow-Regular;
    src: url('../fonts-main/ArchivoNarrow-Regular.eot'); /* IE9 Compatibility Modes */
    src: url('../fonts-main/ArchivoNarrow-Regular.eot?') format('eot'),  /* IE6-IE8 */
    url('../fonts-main/ArchivoNarrow-Regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts-main/ArchivoNarrow-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts-main/ArchivoNarrow-Regular.svg#svgArchivoNarrow-Regular') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family:PSLDisplayProBold;
    src: url('../fonts-main/PSLDisplayProBold.eot'); /* IE9 Compatibility Modes */
    src: url('../fonts-main/PSLDisplayProBold.eot?') format('eot'),  /* IE6-IE8 */
    url('../fonts-main/PSLDisplayProBold.woff') format('woff'), /* Modern Browsers */
    url('../fonts-main/PSLDisplayProBold.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts-main/PSLDisplayProBold.svg#svgPSLDisplayProBold') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family:PSLDisplayPro;
    src: url('../fonts-main/PSLDisplayPro.eot'); /* IE9 Compatibility Modes */
    src: url('../fonts-main/PSLDisplayPro.eot?') format('eot'),  /* IE6-IE8 */
    url('../fonts-main/PSLDisplayPro.woff') format('woff'), /* Modern Browsers */
    url('../fonts-main/PSLDisplayPro.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts-main/PSLDisplayPro.svg#svgPSLDisplayPro') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family:PSLImperial;
    src: url('../fonts-main/PSLImperial.eot'); /* IE9 Compatibility Modes */
    src: url('../fonts-main/PSLImperial.eot?') format('eot'),  /* IE6-IE8 */
    url('../fonts-main/PSLImperial.woff') format('woff'), /* Modern Browsers */
    url('../fonts-main/PSLImperial.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts-main/PSLImperial.svg#svgPSLImperial') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family:slick;
    src: url('../fonts-main/slick.eot'); /* IE9 Compatibility Modes */
    src: url('../fonts-main/slick.eot?') format('eot'),  /* IE6-IE8 */
    url('../fonts-main/slick.woff') format('woff'), /* Modern Browsers */
    url('../fonts-main/slick.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts-main/slick.svg#svgslick') format('svg'); /* Legacy iOS */
}

#bg-body{
	background:#111;
}
	.main-arena{
		    background:url(../images/main/bg-main.jpg) no-repeat center top;
	}
	.width-main{
		border-radius:0px !important;
		padding:0 !important;
	}

	.pad0{
		padding:0;
	}
	.point-color{
    margin: 0 5px !important;
	}
	.bg-menu-main{
		background:#c7100c;
		height:auto;
		width:100%;
		padding:15px 10px;
		font-family:kittithada_bold;
	}
	.menu-main1 {
		background:#c7100c;
		border:3px #9c070c solid;
		overflow:hidden;
		cursor:pointer;
		position:relative;
	}
	.menu-main1:hover{
		background:#9c070c;
		-webkit-transition: .2s ease-in-out;
	   transition: .2s ease-in-out;
	}
	.cha-main{
		padding:10px 0 0 5px;
		margin-bottom:10px;
	}
	.cha-main1{
		padding:15px 30px 0 0;
		margin-bottom:10px;
		position:absolute;
	}
	.cha-main2{
		padding:30px 0 0 5px;
		margin-bottom:10px;
		position:absolute;
	}
	.cha-main3{
		padding:20px 0 0 0px;
		margin-bottom:10px;
		position:absolute;
	}
	.text-menu{
		color:#fff;
		font-family:ArchivoNarrow-Regular;
		font-size:2.1em;
		text-transform:uppercase;
		text-align:right;
		line-height:25px;
		margin-top:15px;
		font-weight:bold;
	}
	.text-menu2{
		color:#fff;
		font-family:PSLImperial;
		font-size:3.2em;
		text-transform:uppercase;
		text-align:right;
		line-height:25px;
		margin-top:10px;
		font-weight:500;
	}
	.text-menu3{
		color:#fff;
		font-family:PSLImperial;
		font-size:3em;
		text-transform:uppercase;
		text-align:right;
		line-height:25px;
		margin-top:15px;
		font-weight:500;
	}
	.detail-menu{
		color:#fff;
		font-family:PSLDisplayPro;
		font-size:18px;
		text-align:right;
		word-break:break-word;
		line-height:14px;
	}

	.bg-inside-arena{
		background:#fff;
		height:auto;
		width:100%;
		padding:15px;
	}
	.bg-promotor{
		background:#111111;
		height:auto;
		width:100%;
		padding:15px;
	}
	.bg-caster{
		background:#fff;
		height:auto;
		width:100%;
		padding:15px;
	}
	.bg-esport{
		background:#c7100c;
		height:auto;
		width:100%;
		padding:15px;
	}
	.bg-foot-logo{
		background:#000;
		height:auto;
		width:100%;
		padding:15px 0;
	}
	.bg-social{
		background:#111111;
		height:auto;
		width:100%;
		padding:15px 0;
	}
	.topic-content{
		text-transform:uppercase;
		font-family:ArchivoNarrow-Regular;
		color:#c7100c;
		font-size:30px;
		font-weight:bold;
	}
	.topic-content2{
		text-transform:uppercase;
		font-family:ArchivoNarrow-Regular;
		color:#fff;
		font-size:30px;
		font-weight:bold;
	}
	.topic-content3{
		text-transform:uppercase;
		font-family:ArchivoNarrow-Regular;
		color:#5a5a5a;
		font-size:30px;
		font-weight:bold;
	}
	.topic-content4{
		text-transform:uppercase;
		font-family:ArchivoNarrow-Regular;
		color:#fff;
		font-size:30px;
		font-weight:bold;
	}
	.btn-right-th{
		font-family:kittithada_bold;
		color:#fff;
		font-size:24px;
		background:#c7100c;
		text-align:center;
		padding: 5px 13px;
		float:right;
		width:auto;
		cursor:pointer;
	}
	.btn-right-th:hover,.btn-right-th-esport-black:hover{
		background:#900a07;
	}
	.btn-right-th-esport{
		font-family:kittithada_bold;
		color:#c7100c;
		font-size:22px;
		background:#fff;
		text-align:center;
		padding: 5px 13px;
		float:right;
		width:auto;
		cursor:pointer;
	}
	.btn-right-th-esport:hover{
		background:#900a07;
		color:#fff;

	}
	.btn-right-th-esport-black{
		background-color:#000;
		font-family:kittithada_bold;
		color:#fff;
		font-size:22px;
		text-align:center;
		padding: 5px 13px;
		float:right;
		width:auto;
		cursor:pointer;
	}
	.btn-right{
		font-family:ArchivoNarrow-Regular;
		color:#fff;
		font-size:14px;
		background:#c7100c;
		text-align:center;
		padding: 5px 12px;
		float:right;
		width:auto;
		cursor:pointer;
	}
	.btn-right:hover{
		background:#900a07;
	}
	.btn-menu{
		background:#000;
		padding:5px 0;
		color:#fff;
		font-family:PSLDisplayPro;
		font-size:20px;
		text-align:center;
		margin-top:10px;
	}
	.menu-red{
		background:#c7100c;
		border:3px #9c070c solid;
		overflow:hidden;
		cursor:pointer;
		position:relative;
		padding:5px 0 0 0;
	}
	.menu-red:hover{
		background:#9c070c;
		-webkit-transition: .2s ease-in-out;
	   transition: .2s ease-in-out;
	}
	.btn-click{
		background:#000;
		padding:5px 0;
		color:#fff;
		font-family:PSLDisplayPro;
		font-size:20px;
		text-align:center;
		margin-top: 10px;
	}
	.box-red{
		padding:0 2px;
	}
	.btn-menu1{
		background:#000;
		padding:5px 0;
		color:#fff;
		font-family:PSLDisplayPro;
		font-size:20px;
		text-align:center;
		margin-top:27%;
	}
	.btn-menu2{
		background:#000;
		padding:5px 0;
		color:#fff;
		font-family:PSLDisplayPro;
		font-size:20px;
		text-align:center;
		margin-top:27%;
	}
	.btn-menu3{
		background:#000;
		padding:5px 0;
		color:#fff;
		font-family:PSLDisplayPro;
		font-size:20px;
		text-align:center;
		margin-top:34.5%;
	}
	.btn-menu4{
		background:#000;
		padding:5px 0;
		color:#fff;
		font-family:PSLDisplayPro;
		font-size:20px;
		text-align:center;
		margin-top:26.5%;
	}
	.pad1{
		padding:5px 5px 6px 5px;
	}
	.width-pic{
		width:200px !important;
	}
	.pad-pic{
		padding:10px 25px;
	}
	.color-pre{
		margin-top: 33%;
		margin-left:-90%;
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%)!important;
		font-size: 5em;
		color:#b3b3b3;
	}
	.color-next{
		margin-top: 33%;
		margin-left:82%;
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%)!important;
		font-size: 5em;
		color:#b3b3b3;
	}
	.color-pre-vdo{
		margin-top: 33%;
		margin-left:-90%;
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%)!important;
		font-size: 5em;
		color:#b3b3b3;
	}
	.color-next-vdo{
		margin-top: 33%;
		margin-left:82%;
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%)!important;
		font-size: 5em;
		color:#b3b3b3;
	}
	.bg-pre-next{
		background: rgba(0, 0, 0, 0) !important;
	}
	.slide-pad{
		padding:10px 40px;
	}
	.slide-pad-vdo{
		padding:10px 40px;
	}
	.name-slide{
		color:#c7100c;
		font-family:PSLImperial;
		font-size:2em;
		word-break:break-word;
		text-transform:uppercase;
		padding:5px 0 0 0;
		width:90%;
        white-space: nowrap;
       overflow:hidden !important;
       text-overflow: ellipsis;
		text-align: center;
		font-weight: 200;
	}

	.name-slide-esport{
		color:#fff;
		font-family:PSLImperial;
		font-size:2em;
		word-break:break-word;
		text-transform:uppercase;
		padding:5px 0 0 0;
		width:90%;
        white-space: nowrap;
        overflow:hidden !important;
        text-overflow: ellipsis;
        text-align: center;
	    font-weight: 200;
	}
	.detail-slide{
		color:#7c7b7b;
		font-family:PSLImperial;
		font-size:1.5em;
		word-break:break-word;
		text-transform:uppercase;
		padding:0  10px 0 0;
		width:95%;
        white-space: nowrap;
       overflow:hidden !important;
       text-overflow: ellipsis;
	}
	.detail-slide-esport{
		color:#272727;
		font-family:PSLImperial;
		font-size:1.5em;
		word-break:break-word;
		text-transform:uppercase;
		padding:0  10px 0 0;
		width:95%;
        white-space: nowrap;
        overflow:hidden !important;
        text-overflow: ellipsis;
	}
	.pad-logo-foot{
		padding:0 21%;
	}
	.pad-social-foot{
		padding:0 37%;
	}
	.fb-foot{
		background:url(../images/main/fb-foot.png) no-repeat;
		width:54px;
		height:54px;
		cursor:pointer;
		background-color:rgba(0,0,0,0) !important;
		margin:0 10px;
	}
	.fb-foot:hover{
		background:url(../images/main/fb-foot-hover.png) no-repeat;
	}

	.youtube-foot{
		background:url(../images/main/youtube-foot.png) no-repeat;
		width:54px;
		height:54px;
		cursor:pointer;
		background-color:rgba(0,0,0,0) !important;
		margin:0 10px;
	}
	.youtube-foot:hover{
		background:url(../images/main/youtube-foot-hover.png) no-repeat;
	}
	.call-foot{
		background:url(../images/main/call-foot.png) no-repeat;
		width:54px;
		height:54px;
		cursor:pointer;
		background-color:rgba(0,0,0,0) !important;
		margin:0 10px;
	}
	.call-foot:hover{
		background:url(../images/main/call-foot-hover.png) no-repeat;
	}
	.faq-foot{
		background:url(../images/main/faq-foot.png) no-repeat;
		width:54px;
		height:54px;
		cursor:pointer;
		background-color:rgba(0,0,0,0) !important;
		margin:0 10px;
	}
	.faq-foot:hover{
		background:url(../images/main/faq-foot-hover.png) no-repeat;
	}
	.footer-logo-text{
		text-align:center;
	     font-size: 0.8em;
	}
/*Gray scale*/
	#owl-demo2 .owl-item,#owl-demo3 .owl-item,#owl-demo4 .owl-item{
	  float: left;
	   max-width:180px;
	}

	.owl-theme {
	    display: block;
	    opacity: 1;
	    z-index: 70;
	}

	.video-container {
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px; height: 0; overflow: hidden;
	}
	 
	.video-container iframe,
	.video-container object,
	.video-container embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}


/*Update 09082559*/

.tracking_txt
{
    overflow: hidden;

    height: 25px;
    height: auto;
    max-height: 25px;

    background-color: #282931;
}


.marquee p
{
    font-family: PSLDisplayPro;
    font-size: 20px;
    line-height: 25px;

    display: inline-block;

    padding-right: 10px;
    padding-left: 10px;

    color: #e0e0e0;
}
.marquee p font
{
    font-weight: bold;
    padding: 5px;
}

.marquee a
{
    font-size:18px;
    text-decoration: underline;
    color: #c7100c;
}
.marquee a:hover
{
    color:#F2342F;
}
.line
{
    height: 1px;
    margin-bottom: 10px;
    background-color: #c7100e;
}
.steam_coitainer
{
    position: relative;
    display: block;
    height: 100%;
    min-height: 250px;
}
.steam_box
{
    padding: 10px;
}
.bg-live{
	background:url(./a);
}
.steam_box a
{
    display: block;
    width: 100%;
    height: 100%;
}
.steam_head
{
    font-family: ArchivoNarrow-Regular;
    font-size: 18px;
	padding-top:10px;
	padding-bottom:15px;
	left: 10px;
    color: #fff;
    color: #ccc;
    font-weight: 400;
}
.steam_title
{
    font-family: PSLDisplayPro;
    font-size:20px;
    padding: 2px;
    color:#c7100e;
    word-wrap: break-word;

}
.steam_title:hover
{
	text-decoration: underline;
    color:#F2342F;
}


/*Update 09082559*/

@media (max-width:1199px) {
	.pad-content{
		padding: 0;
	}
	.menu-main1 {
			margin:10px 0;
	}
	.cha-main1{
		padding:0;
		margin-top:12px;
	}
	.cha-main2{
		padding:0;
		margin:37px 0 0 0;
	}
	.cha-main3{
		padding:0;
		margin:10px 0 0 0;
	}
	.pad2{
		padding:0;
	}
	.text-menu{
		font-size:1.6em;
		line-height:25px;
		padding-right:5px;
		font-weight:bold;
	}
	.text-menu2{
		font-size:2.28em;
		line-height:25px;
		padding-right:5px;
		margin-top: 5px;
	}
	.text-menu3{
		font-size:3em;
		line-height:25px;
		padding-right:5px;
		
	}

	.detail-menu{
		font-size:18px;
		padding-right:5px;
	}
	.btn-menu3{
		margin-top:24%;
	}
	.btn-menu2{
		margin-top:18%;
	}
	.btn-menu1{
		margin-top:26.1%;
	}
	.carousel-inner .active.left {
		left: -25%;
	}
	.carousel-inner .next {
		left:  25%;
	}
	.carousel-inner .prev {
		left: -25%;
	}
	.color-pre{
		font-size: 4em;
	}
	.color-next{
		font-size: 4em;
	}
	.color-pre-vdo{
		font-size: 4em;
	}
	.color-next-vdo{
		font-size: 4em;
	}
	.pad-logo-foot{
		padding:0 15%;
	}
	.pad-social-foot{
		padding:0 34%;
	}
	.margin-slide{
		margin-right:3px;
	}

}
@media (max-width:990px) {
	.box-red{
		margin-bottom: 5px;
	}
	.menu-main1 {
			margin:0;
	}
	.btn-menu1{
		margin-top:27.5%;
	}
	.btn-menu2{
		margin-top:28.5%;
	}
	.btn-menu3{
		margin-top:33%;
	}
	.text-menu{
		font-size:2.6em;
	}
	.text-menu2{
		font-size: 3.8em;
   		line-height: 35px;
	}
	.detail-menu{
		font-size:19px;
		padding-right:5px;
	}
	.cha-main1{
		margin:12px 0 0 10px;
	}
	.cha-main2{
		padding:0;
		margin:12px 0 0 5px;
	}
	.cha-main3{
		padding:0;
		margin:12px 0 0 15px;
	}
	.pad-xs{
		padding:0 2px 2px 0;
	}
	.width-pic{
		width:auto !important;
	}
	.color-pre{
		font-size: 3em;
	}
	.color-next{
		font-size: 3em;
	}
	.color-pre-vdo{
		font-size: 3em;
	}
	.color-next-vdo{
		font-size: 3em;
	}
	.pad-logo-foot{
		padding:0 5%;
	}
	.pad-social-foot{
		padding:0 29%;
	}

	.margin-slide img,.imgfoot{
		-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
	    filter: grayscale(0%);
    }
}
@media (max-width:768px) {
	.main-arena{
		padding:0;
	}
	.width-main{
		width:100%;
		margin:0;
	}
		.width-content{
		width:100%;
		margin:0;
	}
		.menu-main1 {
			margin:0;
	}
	.text-menu{
	font-size: 2.9em;
    line-height: 28px;
    margin: 16px 5px 0 0;
    padding: 0 5px 0 0;
	}
	

	.pad1{
		padding:5px;
	}
	.bg-menu-main{
		padding: 5px ;
	}
	.btn-menu1{
		margin-top:24%;
	}
	.btn-menu2{
		margin-top:24%;
	}
	.btn-menu3{
		margin-top:32.8%;
	}
	.cha2-xs{
		padding:5px;
		margin:5px 0 0 0;
	}
	.cha2-xs2{
		padding:0;
		margin:10px 0 10px 0;
	}
	.color-pre{
		margin-top:60%;
		font-size: 3em;
	}
	.color-next{
		font-size: 3em;
		margin-top:60%;
	}
	.color-pre-vdo{
		margin-top:60%;
		font-size: 3em;
	}
	.color-next-vdo{
		font-size: 3em;
		margin-top:60%;
	}


}
@media (max-width:736px) {
	.cha-main1{
		padding:30px 5px;
		margin:0px;
	}
	.cha-main2{
		padding:0;
		margin:12px 0 0 5px;
	}
	.cha-main3{
		padding:0;
		margin:12px 0 0 15px;
	}
	.text-menu{
		font-size:2.4em;
		line-height:23px;
		margin-top:13px;
	}
	.text-menu2{
		font-size:3.7em;
		line-height:28px;
		margin-top:5px;
	}
	.detail-menu{
		font-size:17px;
		line-height:14px;
		margin-bottom:5px;
	}
		.btn-menu1 {
    margin-top: 0%;
}
	.btn-menu2 {
    margin-top: 5.5%;
}
	.btn-menu3{
		margin-top:4%;
	}
	.pad-social-foot{
		padding:0 27%;
	}

}
@media (max-width:659px) {
	.text-menu2{
		font-size:2.9em;
		line-height:20px;
	}
	.text-menu{
		font-size:1.7em;
		margin-top:7px;
		line-height:25px;
	}
	.btn-menu3{
		margin-top:4%;
	}
	.topic-content{
		font-size:24px;
	}
	.topic-content2{
		font-size:24px;
	}
	.topic-content3{
		font-size:24px;
	}
	.topic-content4{
		font-size:24px;
	}
	.color-pre{
		margin-top:50%;
	}
	.color-next{
		margin-top:50%;
	}
	.color-pre-vdo{
		margin-top:50%;
	}
	.color-next-vdo{
		margin-top:50%;
	}
	.pad-logo-foot{
		padding:0;
	}
	.pad-social-foot{
		padding:0 0 0 20%;
	}


}

@media (max-width:450px) {
	.pad1{
		padding:2px;
	}
	.point-all{
		bottom:0;
	}
	.point-color{
    margin: 0 !important;
	}
	.text-menu{
		font-size:1.1em;
	}
	.text-menu2{
	font-size: 1.7em;
    line-height: 14px;
    padding: 0 5px 0 0;
    margin-top: 0px;
	}
	.detail-menu{
		font-size:16px;
		padding-right:5px;
		line-height:12px;

	}
	.cha2-xs{
		padding:0;
		margin:5px 0 0 0;
	}
	.btn-menu3{
		margin-top:2%;
	}
	.topic-content{
		font-size:17px;
	}
	.topic-content2{
		font-size:17px;
	}
	.topic-content3{
		font-size:17px;
	}
	.topic-content4{
		font-size:17px;
	}
	.color-pre{
		margin-top:90%;
		margin-left:-118%;
	}
	.color-next{
		margin-top:90%;
		margin-left:88%;
	}
	.color-pre-vdo{
		margin-top:140%;
		margin-left:-118%;
	}
	.color-next-vdo{
		margin-top:140%;
		margin-left:88%;
	}
	.pad-social-foot{
		padding:0 20%;
	}
	.fb-foot{
		background-size:100%;
		margin:0;
		padding:0;
	}
	.youtube-foot{
		background-size:100%;
		margin:0;
		padding:0;
	}
	.call-foot{
		background-size:100%;
		margin:0;
		padding:0;
	}
	.faq-foot{
		background-size:100%;
		margin:0;
		padding:0;
	}
	.slide-pad {
    padding: 10px 5px;
}
.slide-pad-vdo {
    padding: 10px 20px;
}
 	.btn-right-th{
		font-size:20px;
	}
	.btn-right-th-esport{
		font-size:20px;
	}



}
@media (max-width:360px) {
	.btn-menu3{
		margin-top:0%;
	}
	.name-slide{
		font-size:1.8em;
		width:95%;

	}
	.name-slide-esport{
		font-size:1.8em;
		width:95%;
	}
	.pad-social-foot{
		padding:0 17%;
	}
}

@media (max-width:320px) {
	.pad-social-foot{
		padding:0 15%;
	}
}