@import url("style.css");

@media screen  and (min-width: 1000px) and (max-width: 1200px){
	
	.warp-main{width:100%; border:0;}
	.navi{line-height:18pt;}

	
    /*----------------------------- Menu -----------------------------*/
	.menu nav{width:100%; padding:0;}
	.menu nav ul li{display:inline-block;}
	.menu nav ul li a:link, .menu nav ul li a:visited{font-size:12px; display:block; padding:5px 3px; font-weight:bold;}
	.head header{width:100%; padding:0;}
	.menu{position:relative; background:#eaeaea; border-bottom: 10px solid #8B008B; position:fixed; width:100%; top:0; left:0; z-index:99999;}
	.blog-data{margin:0 0 10px 0; position:relative;}
	.home-news ul li a:link img, .home-news ul li a:visited img{display:block; float:left; width:100%; height:auto; margin-bottom:5px;}
	
    /*----------------------------- Program Detail -----------------------------*/
	.program-detail nav{ display:table; width:100%;}
	.program-detail nav a:link, .program-detail nav a:visited{display:table-cell; float:none; vertical-align:middle; border-right:2px solid #FFF; width:auto; padding:0; line-height:20pt; font-size:12px; }
	.program-detail nav a:link:last-child, .program-detail nav a:visited:last-child{margin-right:0px; border:0;}
  
    /*----------------------------- News Detail -----------------------------*/
	.news-list ul li a:link header, .news-list ul li a:visited header{font-size:12px;}
	
    /*----------------------------- Footer -----------------------------*/
	.warp-footer footer{width:98%; padding:1%;}

}

@media screen  and (min-width: 481px) and (max-width: 1000px){

	.warp-main{width: 97%; border:0;}
	.warp-left{width:100%; margin:0; float:none;}
	.warp-right{width:100%; margin-right:10px; float:none;margin-left: 10px;}
	.main-title{overflow:hidden; margin:10px; padding:10px;}
	.main-title h1{font-size:18px;}
	.navi{margin:10px; line-height:18pt;}
	.social{display:none;}
	.menu-shotcut{margin:10px;}
		
    /*----------------------------- Menu -----------------------------*/
	.menu nav{width:100%; padding:0;}
	.menu nav ul li{display:inline-block;}
	.menu nav ul li a:link, .menu nav ul li a:visited{font-size:12px; display:block; padding:5px 3px;}
	
    /*----------------------------- Head -----------------------------*/
	.head header{width:100%; padding:0;}
	.head header img:nth-child(1){width:13%;}
	.head header img:nth-child(2){width:44%;}
	.head header img:nth-child(3){width:30%;}
	.head header img:nth-child(4){width:13%;}
	
    /*----------------------------- Banner -----------------------------*/
	.ad-leaderboard{display:none;}
	.ad-leaderboard-mobile{position:relative; z-index:9999; width:320px; margin:0 auto; height:50px; display:block; background:#ebebeb;}
	.ad-rectangle{display:none;}
	.ad-rectangle-mobile{display:block;}

	/*----------------------------- Home -----------------------------*/
	.flexslider{margin:10px !important;}
	.home-news{margin:10px;}
	.home-column{margin:10px;}
	.home-live{margin:10px;}
	.home-thaidata{margin:10px;}
	.home-history{margin:10px;}
	.home-clip{margin:10px;}
	.home-gallery{margin:10px;}
	.home-ranking{margin:10px;}
	.home-program-result{margin:10px;}
	.history{margin:10px;}
	.slides li a:link span, .slides li a:visited span{font-size:14px !important;}
	
	.home-news ul li{width:50%; float:left; margin-right:0; overflow:hidden; margin-bottom:5px;}
	.home-news ul li:last-child	{width:50%; float:none;}
	.home-news ul li a:link img, .home-news ul li a:visited img{display:block; float:left; width:38%; margin:0 2% 0 0; height:auto;}
	.home-news ul li a:link header, .home-news ul li a:visited header{display:block; float:left; width:58%; padding-right:2%; text-align:left; font-size:12px; color:#666; line-height:14pt;}
	.home-news ul li:nth-child(4n){width:50%;}

    /*----------------------------- News Detail -----------------------------*/
	.news-detail{margin:10px;}
	.news-detail article iframe{width:100%; height:auto;}
	.news-list{margin:10px;}
	.news-list ul li a:link header, .news-list ul li a:visited header{font-size:12px;}
	.hot-list{margin:10px; float:left;}
	.relate-news{margin:10px;}
	.relate-news ul li{width:50%; float:left; margin-right:0; overflow:hidden; margin-bottom:5px;}
	.relate-news ul li:last-child	{width:50%; float:none;}
	.relate-news ul li a:link figure, .relate-news ul li a:visited figure{display:block; float:left; width:38%; margin:0 2% 0 0;}
	.relate-news ul li a:link header, .relate-news ul li a:visited header{display:block; float:left; width:58%; padding-right:2%; text-align:left; font-size:12px; color:#666; line-height:14pt;}
	
	.hot-list ul li{width:50%; float:left; margin-right:0; overflow:hidden; margin-bottom:5px;}
	.hot-list ul li:last-child{display:none;}
	.hot-list ul li a:link figure, .hot-list ul li a:visited figure{width:38%; margin-right:2%;}
	.hot-list ul li a:link figure img, .hot-list ul li a:visited figure img{width:100%;}
	.hot-list ul li a:link header, .hot-list ul li a:visited header {width:58%; padding-right:2%;}
	
    /*----------------------------- Column Detail -----------------------------*/
	.column-detail{margin:10px;}
	
    /*----------------------------- Video Detail -----------------------------*/
	.video-detail{margin:10px;}
	.video-list{margin:10px;}
	.video-list ul li a:link header, .news-list ul li a:visited header{font-size:14px;}
	
	/*----------------------------- Gallery Detail -----------------------------*/
	.gallery-detail{margin:10px;}	
	.gallery-list{margin:10px;}
	.gallery-list ul li a:link header, .gallery-list ul li a:visited header{font-size:14px;}
		
	/*----------------------------- Thai Detail -----------------------------*/
	.thai-detail{margin:10px;}	
	.thai-cat{margin:10px;}
	.thai-cat >ul li{display:block; float:left; width:37%; padding-right:1%; padding:15px 0  15px 12%; background:url(../images/bullet-thai.png) 0 5px no-repeat;}

	/*----------------------------- Program Detail -----------------------------*/
	.program-detail{margin:10px;}
	.program-detail nav{ display:table; width:100%;}
	.program-detail nav a:link, .program-detail nav a:visited{display:table-cell; float:none; vertical-align:middle; border-right:2px solid #FFF; width:auto; padding:0; line-height:20pt; font-size:12px; }
	.program-detail nav a:link:last-child, .program-detail nav a:visited:last-child{margin-right:0px; border:0;}
	
	/*----------------------------- Footer -----------------------------*/
	.warp-footer{border-bottom: 10px solid #8B008B; padding:0; width:100%;}
	.warp-footer footer{width:100%; overflow:hidden;}
	.warp-footer footer img{width:30%; margin: 0 0 0 10px; display:block; float:none;}
	.warp-footer footer nav{display:none;}
	.warp-footer footer p{margin:11px; color:#666; line-height:14pt;}
	.warp-footer footer span{position:absolute; right:20px; top:0; width:15px;}

}

@media screen and (min-width: 0px)  and (max-width: 480px) {
	
	.warp-main{width: 97%; border:0; margin-bottom:0;}
	.warp-left{width:100%; margin:0; float:none;}
	.warp-right{width:100%; margin-right:10px; float:none;}
	.main-title{overflow:hidden; margin:10px; padding:10px;}
	.main-title h1{font-size:18px;}
	.navi{margin:10px; line-height:18pt;}
	.social{display:none;}
	.menu-shotcut{margin:10px;}

	html {-webkit-text-size-adjust: none;} 
	
    /*----------------------------- Menu -----------------------------*/
	.menu{display:none;}
	.menu-mobile{display:block;}
    /*----------------------------- Head -----------------------------*/
	.head header{width:100%; padding:0;}
	.head header img:nth-child(1){width: 20%;}
	.head header img:nth-child(2){width: 80%; /* margin: 0px 20px 0px 0px; */}
	.head header img:nth-child(3){display:none;}
	.head header img:nth-child(4){display:none;}
	
	/*----------------------------- Banner -----------------------------*/
	.ad-leaderboard{display:none;}
	.ad-leaderboard-mobile{position:relative; z-index:9999; width:320px; margin:0 auto; height:50px; display:block; background:#ebebeb;}
	.ad-rectangle{display:none;}
	.ad-rectangle-mobile{display:block;}

    /*----------------------------- Home -----------------------------*/
	.flexslider{margin:10px !important;}
	.home-news{margin:10px;}
	.home-column{margin:10px;}
	.home-thaidata{margin:10px;}
	.home-history{margin:10px;}
	.home-live{margin:10px;}
	.home-program-result{margin:10px;}
	.home-program-result article img{display:none}
	.home-program-result article p{width:100%;}
	.home-clip{margin:10px;}
	.home-gallery{margin:10px;}
	.home-ranking{margin:10px;}
	.history{margin:10px;}
	.slides li a:link span, .slides li a:visited span{font-size:12px !important;}
	
	
	.home-news ul li{width:100%; float:none; margin-right:0; overflow:hidden; margin-bottom:5px;}
	.home-news ul li:last-child	{width:100%; float:none;}
	.home-news ul li a:link img, .home-news ul li a:visited img{display:block; float:left; width:28%; margin:0 2% 0 0; height:auto;}
	.home-news ul li a:link header, .home-news ul li a:visited header{display:block; float:left; width:70%; text-align:left; font-size:12px; color:#666; line-height:14pt;}
	
	.home-news ul li:nth-child(4n){width:100%;}

	
	.home-column ul li{width:100%; float:none; margin-right:0; overflow:hidden; margin-bottom:5px;}
	.home-column ul li:last-child	{width:100%; float:none;}
	.home-column ul li a:link img, .home-column ul li a:visited img{display:block; float:left; width:28%; margin:0 2% 0 0;}
	.home-column ul li a:link header, .home-column ul li a:visited header{display:block; float:left; width:70%; text-align:left; font-size:12px; color:#666; line-height:14pt;}
		
    /*----------------------------- News Detail -----------------------------*/
	.news-detail{margin:10px;}
	.news-detail article iframe{width:100%; height:auto;}
	.news-list{margin:10px;}
	.news-list ul li a:link header, .news-list ul li a:visited header{font-size:12px;}
	.hot-list{margin:10px;}
	.news-detail header h2{font-size:18px;}
	.relate-news{margin:10px;}
	.relate-news ul li{width:100%; float:none; margin-right:0; overflow:hidden; margin-bottom:5px;}
	.relate-news ul li:last-child	{width:100%; float:none;}
	.relate-news ul li a:link figure, .relate-news ul li a:visited figure{display:block; float:left; width:28%; margin:0 2% 0 0;}
	.relate-news ul li a:link header, .relate-news ul li a:visited header{display:block; float:left; width:70%; text-align:left; font-size:12px; color:#666; line-height:14pt;}
	
	.hot-list ul li a:link figure, .hot-list ul li a:visited figure{width:28%; margin-right:2%;}
	.hot-list ul li a:link figure img, .hot-list ul li a:visited figure img{width:100%;}
	.hot-list ul li a:link header, .hot-list ul li a:visited header {width:70%;}
	
    /*----------------------------- Column Detail -----------------------------*/
	.column-detail{margin:10px;}
	
    /*----------------------------- Video Detail -----------------------------*/
	.video-detail{margin:10px;}
	.video-list{margin:10px;}
	.video-list ul li a:link header, .video-list ul li a:visited header{font-size:12px;}
	
	/*----------------------------- Gallery Detail -----------------------------*/
	.gallery-detail{margin:10px;}
	.gallery-list{margin:10px;}
	.gallery-list ul li a:link header, .gallery-list ul li a:visited header{font-size:12px;}

	/*----------------------------- Thai Detail -----------------------------*/
	.thai-detail{margin:10px;}	
	.thai-cat{margin:10px;}
	.thai-cat >ul li{display:block; float:left; width:37%; padding-right:1%; padding:15px 0  15px 12%; background:url(../images/bullet-thai.png) 0 5px no-repeat;}
	
	/*----------------------------- Program Detail -----------------------------*/
	.program-detail{margin:10px;}
	.program-detail nav{ display:table; width:100%;}
	.program-detail nav a:link, .program-detail nav a:visited{display:table-cell; float:none; vertical-align:middle; border-right:2px solid #FFF; width:auto; padding:0; line-height:20pt; font-size:12px; }
	.program-detail nav a:link:last-child, .program-detail nav a:visited:last-child{margin-right:0px; border:0;}
	
	/*----------------------------- Footer -----------------------------*/
	.warp-footer footer{width:98%; padding:1%; overflow:hidden;}
	.warp-footer{border-bottom: 10px solid #8B008B; padding:0;}
	.warp-footer footer img{width:30%; margin: 0 0 0 10px; display:block; float:none;}
	.warp-footer footer nav{display:none;}
	.warp-footer footer p{margin:11px; color:#666; line-height:14pt;}
	.warp-footer footer span{position:absolute; right:20px; top:0; width:15px;}


}


@media screen and (max-width: 1260px){
 .skincon{display:none;}

}