.leaderboard { background: #f1f1f1; padding:20px 0 20px }

.tabs { padding:10px 0 5px;}
.tabs ul:after { content:""; display: block; clear: both;}
.tabs ul li { display: inline; float: left; margin: 0 2px;}
.tabs li a { display: block; padding: 14px 25px 10px 24px; position: relative; border:1px solid #e7e7e7; color: #000; font-family:'tahoma'; font-size:32px; line-height:30px;}
.tabs li a:before { content:""; background:#22b573; display: block; width:100%; height:3px; position: absolute; top: 0; left: 0; z-index: -1}
.tabs li:hover a:before, .tabs li.active a:before { height: 100%; color: #FFF;}
.tabs li:hover a, .tabs li.active a { color: #FFF !important;}
.tabs li:nth-child(2) a:before { background:#ec093f}
.tabs li:nth-child(3) a:before { background:#fabd27}
.tabs li:nth-child(4) a:before { background:#88c100}
.tabs li:nth-child(5) a:before { background:#fa00ab}
.tabs li:nth-child(6) a:before { background:#023f85}
.tabs li:nth-child(7) a:before { background:#ff8a00}
.tabs li:nth-child(8) a:before { background:#00bac1}
.tabs li:nth-child(9) a:before { background:#5c5c5c}

.section { padding:20px 0;}
.section .header { overflow: hidden; padding:10px 0;}
.section .header h2 { font-family:'kittithada_roman'; font-size:40px; font-weight: bold; height: 40px; line-height:36px; padding:0 40px 0 10px; display: inline; float: left; }
.section .header span { display: inline; float: left; height: 34px; line-height: 34px; padding: 3px 0 }
.section .header span a { display: inline-block; color: #000; margin: 0 5px; padding: 0 16px; border-radius: 6px; background: #f1f1f1;white-space: nowrap;}
.section .footer { clear: both; float: none; width: 100%; text-align: center; padding: 20px 0 0; }
.section .footer a { display: block; background:#23b574; font-size: 18px; border-radius:4px; padding:10px 30px; color: #FFF;}

.topichit .footer a { background:#ec093f}
.entertain .footer a { background:#fabd27}
.movie-music .footer a { background:#88c100}
.women-hit .footer a { background:#fa00ab}
.men-hit .footer a { background:#023f85}
.football-hit .footer a { background:#5c5c5c}

.hilight { position: relative; padding-top: 10px}
.section .article { display: inline; float: left; width: 20%; box-sizing: border-box; padding:10px;}
.section .article a { color: #000;}
.section .article .thumb { position: relative;}
.section .article .thumb span { position: absolute; bottom:10px; left:10px;}
.section .article .thumb span a { color: #FFF; display:none; margin:5px 5px 0 0; padding:0 14px 0 10px; font-size: 14px; height: 32px; line-height: 32px; box-sizing: border-box; border-radius:4px; }
.section .article .thumb span a:first-child, .section .article:first-child .thumb span a, .section .article:nth-child(2) .thumb span a, .section .article:nth-child(3) .thumb span a { display: inline-block;}

.section .article .thumb span a { background: rgba(0,0,0,.4) !important;}
.section .article .thumb span a:hover { background: rgba(35,181,116,.9) !important;}    
.section .article .thumb span a.person:hover { background: rgba(52,148,216,.9) !important; }
.section .article .thumb span a.person:hover { background: rgba(52,148,216,.9) !important; }

.section .article h3 { font-size: 16px; font-weight: normal; padding-top:6px; line-height: 24px; height: 71px; overflow: hidden;}
.section .article img { display: block; width: 100%; height: auto;}

.movie { width:50%; display: inline; float: left;}
.movie .article {width:33.33%}
.nowshowing { width:49%; margin:10px 0 10px 1%; display: inline; box-sizing: border-box; float: right; border:1px solid #dddddd; border-top:3px solid #21b573;  }
.chart .tab ul { border-bottom:1px solid #dddddd; padding-left:10px;}
.chart .tab ul:after { content:""; clear:both ; display: block;}
.chart .tab li { display: inline; float: left; margin:5px; position: relative}
.chart .tab li a { font-weight: normal; font-family:'kittithada_roman'; font-size:30px; color: #666; display: block; padding:5px 20px; }
.chart .tab li.active a { color: #000}
.chart .tab li.active:after { content:""; display: block; height:3px; background: #fe0000; position: absolute; bottom:-7px; left: 0; width: 100%; z-index: 3;}
.list-movie { box-sizing: border-box; border:10px solid #FFF;}
.list-movie.swiper-wrapper { padding-bottom: 40px;}    
.nowshowing .swiper-pagination { bottom:32px;}
.nowshowing .swiper-button-next { right:calc(50% - 150px); bottom:24px; top: auto; width: 22px; height: 22px; background-size:10px; padding: 5px; background-color: #FFF; border:1px solid #ccc; border-radius: 100%;}
.nowshowing .swiper-button-prev { left:calc(50% - 150px); bottom:24px; top: auto; width: 22px; height: 22px; background-size:10px; padding: 5px; background-color: #FFF; border:1px solid #ccc; border-radius: 100%;}



.photo {}
.photo .header h2 { color:#9cc62b;}
.photo .header span a { background:#eff5e0;}
.photo .footer a { background: #9cc62b;}

.top10 { height:180px; background: #ffffff; padding-top: 2px;}
.top10 .container { width:940px; background: #FFF;  padding: 2px 2px 2px; box-sizing: border-box} /**แก้ขนาดแสดงข้อมูล 900px*/

.top10 .topnews .header h2 { color:#dd5a5a;}
.top10 .topentertain .header h2 { color:#f99932;}
.top10 .topvariety .header h2 { color:#27a6ee;}
.top10 .header span a { background:#f7e9da;}
.top10 .footer a { background: #f99932;}
.top10 .topnews { width:100%; overflow: hidden;}
.top10 .topnews .header h2 {}
.top10 .topnews .article { width:16.66%;}
.top10 .topnews .article img { width:95%;} /*100%*/
/*.top10 .article { position: relative}*/
/*.top10 .article:after { content:attr(data-rank); display: block; width:36px; height:40px; text-align: center; background: #dd5a5a; color: #FFF; position: absolute; bottom:36px; left:10px; font-family:'kittithada_roman'; font-size:40px; line-height:40px;}
.top10 .topentertain .article:after { background: #dda15a;}
.top10 .topvariety .article:after { background: #27a6ee;}
.top10 .article h3 { padding-left:42px;}*/
.top10 .swiper-wrapper { padding-bottom: 40px;}
.top10 .swiper-pagination {}
.top10 .swiper-button-next { right:calc(50% - 150px); bottom:4px; top: auto; width: 22px; height: 22px; background-size:10px; padding: 5px; background-color: #FFF; border:1px solid #ccc; border-radius: 100%;}
.top10 .swiper-button-prev { left:calc(50% - 150px); bottom:4px; top: auto; width: 22px; height: 22px; background-size:10px; padding: 5px; background-color: #FFF; border:1px solid #ccc; border-radius: 100%;}
.top10 .swiper-button-disabled {}

.baby .header h2 { color:#f1c175;}
.baby .footer a { background: #f1c175;}


.pr {}
.pr .header h2 { color:#dd5a5a;}
.pr .article { width:25%;}
.pr .article .thumb { width:40%; display: inline; float: left; margin-right:8px; }
.pr .article h3 { width: 55%; display: inline; float: left;}


.banner728 { width: 728px; padding-right:50px; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 999;}
#close-ads { position: absolute;right: 0px; top:25px; width: 50px; text-align: center; }
#close-ads span { width: 30px; height: 30px; background: #ccc; color: #000; cursor: pointer; border-radius: 100%; display: block; margin: 0 auto; font-size: 22px;}

div[id^="expContainer"] { position: absolute !important;}
.leaderboard .container { min-height: 205px; overflow: visible;}