@media all  and (max-width: 639px) {
	.main_container, .news_container, .list_container, .plist_container{width:100%; margin:0 auto;}
	.c1{width:100%; float:left;}
	.c2{width:100%; float:left;}
	.c3{width:100%; float:left;}
	.tall{height:500px;}
	.containbox{width:100%;}

	.tall,.cat_list,#dlnshare{height:auto;}
	.c1 .cat_list, .c2 .cat_list {width: 96%; margin: 0 auto 10px; float: none;}
	.indexSmallDiv a{width:100%; font-size: 13px;}
	.c1 .indexSmallDiv {width: 100%}
	#pageContainer .programme {width: 135px;  height: auto; padding:5px 3px;}
	.programme img{width: 100%;}
	.programme .smallPlayIcon {left:54px;}

	.programmesList {width: 100%;}
	.programmesList .programme {width: 46%; height: auto;padding: 3px 5px;}
	.programmesList #pageContainer .programme { width: 135px; }
	.programme .showing {left:0px;}
	.rightad {margin: 0 auto 10px;}
	.skyscraper_left, .skyscraper_right{display: none;}
	.superbanner{display: inherit;}
	.teads-inread{display: inherit;}
	.newsDesc h4, .newsDesc h1{margin: 8px 0; font-size: 18px; font-weight: bold; position: relative;}
	#breaknews{display: none;}
	#bottomAd{width: 100%;}
#topNav{background: url('https://img.tvb.com/inews_web/web/bg-topgreen-logo_939x40.jpg') repeat-x top center; margin: 0 auto; width: 100%; position: relative;}
#pulldownAd {width: auto;}
#tvbLogo {width: 150px; margin: 0px auto ; height: 40px; background:none; }
#tvbLogo a {display: block; width: 150px; height: 40px;}

#tvbLogo #live_icon {display: none;}
#topMenu {background: none; width: 100%; height: auto;}
#topMenu #menuTab {display: block; width: 40px; height: 40px;position: absolute; top: 0px; left: 0px;background-image: url('https://img.tvb.com/inews_web/mobile/btn_menu.jpg'); background-position: center bottom;}
#topMenu #menuTab.hide {background-position: center top;}
#topMenu ul {list-style-type:none; margin: 0 0 5px 0 ; padding: 0px;  z-index: 99; left: 5px; border: 2px solid #5BB210; background: #D7D7D7; display: block; /*position: absolute;visibility:hidden; */display: none; -moz-border-radius: 5px; border-radius: 5px; zoom:1;}
#topMenu.show ul{ /*visibility:visible;*/display: block;}
#topMenu ul {height: auto;}
#topMenu ul li {text-decoration:none; float:left; margin:0;z-index: 99}
#topMenu ul li a{text-decoration:none; color:#000; display: block; line-height: 30px; font-size: 15px; height: 30px; width: 93px; text-align: center; border-top: 1px solid #eee; margin: 0 5px;z-index: 99; padding: 0 10px;}
#topMenu ul li a.long_txt {width: 80px;}
#topMenu ul li:first-child a{border:0px;}
#topMenu ul li a:hover {background-color:#EAF5E5; color: #197b30;}
#mobile_live {display: block;}


#tvbLogo #weatherTab {display: block; width: 40px; height: 40px;position: absolute; top: 0px; right: 0px;background-image: url('https://img.tvb.com/inews_web/mobile/btn_weather.jpg'); background-position: center bottom;}
#tvbLogo #weatherTab.hide {background-position: center top;}
#date_weather {list-style-type:none; margin: 0; padding: 0px; width: 150px; position: absolute; z-index: 99; right: 5px; top: 25px; border: 2px solid #5BB210; background: #D7D7D7; display: block; visibility:hidden; -moz-border-radius: 5px; border-radius: 5px; color: #000;  white-space:normal; height: auto;}

#date_weather.show{ visibility:visible;}

#date_weather label {float: none; line-height: 17px;}
#date_weather .today_date {font-size: 15px; font-weight: bold; text-align: center; display: block; margin: 8px 3px; color: #000;line-height:40px; height: 40px;}
#weathericon_container{ height: 34px; width: 80px; overflow: hidden; float: right;}
#weather div {width: 40px; height: 34px; background-image: url('https://img.tvb.com/inews_web/web/weather_icon.png') ;}
hr {border: 0px; border-top: 1px solid #ccc; margin: 3px 8px; display: block;}

#temperature {margin: 5px 0px 5px 5px;}
#humidity {background: url('https://img.tvb.com/inews_web/web/humidity_icon.png') no-repeat  left center; padding-left: 20px; margin: 5px 0px 5px 5px;}
#weather_desc {margin: 8px; display: block;  line-height:normal; color: #000;}

#footer, .footer-small{width: 100%; margin: 0 auto ;z-index: 1}


p {margin: 8px; font-size: 13px;}
#breaknews {height: 20px; line-height: 14px; color:#9e0b0f; font-size: 14px; margin-top: 5px}

.indexBigDiv {width: 96%; margin: 0 auto; float: none;}
#pageContainer .story {padding: 3px 5px;}
.story {height: auto; width: 46%; padding: 3px 5px;}
.story  img {margin:0 auto; width: 100%;}
.story .title { text-align: center; display: block; width: 135px; margin:0 auto;}
.story .app_exclusive {left:10px; top: 0px}
#stories_news .story {width: 42%; height: auto;}
#stories_news .story img {width: 100%;}

.indexSmallDiv.left, .indexSmallDiv { margin: 0 auto 10px; float: none; width:96%;}

.categoryTitle.news, .categoryTitle {height: auto;}
.categoryTitle  select {width: 280px;}
#newsList, #storyList, #prog_topic_list {position: static;}
.index_headline_container {width: 100%; }
.headlineList {position:relative; display: inline; border: 1px solid #fff; padding: 5px;width: 98%;}
#headlineList2 {display:none;}
.headlineList img {width: 98%; height: auto;}
	.bigPlayIcon {top: 40%; left: 45%;}



	.index_list_container {width: 100%;}
.indexList div {line-height: auto;}
.indexList{width:auto;}
.indexList .img .title, .c2 .indexList .img .title{width:50%}
.indexList .vdoIcon, .c2 .indexList .vdoIcon{left:94%;}
.headlineList .vdoIcon{left:auto; right: 18px; top: auto; bottom: 27px; }

.indexList .title { width: auto; font-size: 13px}
.indexList.img .title{width: 46%; overflow:hidden; padding: 0px; display: block; float: left;; margin-top: 4px;}
.indexList img {width: 135px; margin: 5px 7px 5px 0px; *padding-bottom: 5px; border: 0px; height: auto;}
.indexList .vdoIcon {left: auto; right: 10px}
.smallPlayIcon {  top: 22px; left: 50px;  }
.smallPlayIcon img{ width: auto;  }
.indexList .app_exclusive img {width: 17px; height: 20px; margin: 2px 0 0 0px;}

.indexList.img .app_exclusive {  position:absolute; top: 0px; left: 3px; }
.indexList.img .app_exclusive img {width: 17px; height: 20px;}

.newsDesc h4{font-size: 16px; left: 45px; display: inline; float: left;}
.newsDesc h4.short{width: 240px;}
.newsDesc h4 .time {display:block; width: 120px; margin: 0px;}
.newsDesc .btn_autoplay_lang_container {position: absolute; top: 0px; right: 0px;}
.breadcrumbLinks {font-size: 16px; margin-bottom: 10px; position: relative;}
.newsDesc #videoLang {position: static;float: right;}
.newsDesc pre {white-space: pre-wrap; font-family: arial,helvetica,sans-serif;word-wrap:break-word; width: auto; padding:0 10px;}
#pre_next {display: block; margin: 10px 0px;}
.newsDesc #pre_next a{/*display: block;*/ font-size: 13px;}
#promo-player, #player-cont{ margin: 0px auto 10px; width: auto; height:auto; z-index: 1;}
#promo-player {position: relative; float: none;}
#click2Play {}
#pageContainer .listRow {padding:5px 0px; width: 100%;}
.listRow { padding: 5px 0px; display: block; position: relative; zoom:1; background: #fff; width: 100%;}
.listRow.hover { border: 1px solid #e2e2e2; background: #EAF5E5; cursor:pointer; }
.listRow img {float: left; width: 135px;  margin:0 10px 0 0; border: 0px;}
.listRow  .smallPlayIcon { top: 26px; left: 54px;  }
.listRow .vdoIcon {position: absolute; top: 8px; right: 2px; left: auto;}
.listRow.img .title {width: auto; display: block; float: none;}
.listRow .app_exclusive {left: 8px;}
.vdoLang {color: #9e0b0f; white-space: nowrap;}
.storyList .news_desc .vdoLang, .news_desc .vdoLang {margin-left:0px}
.storyList .vdoLang {white-space: nowrap;}
.listRow .news_time, .storyList .news_time { width: auto; display: block; float: none;}
.listRow .news_desc,.news_desc {color: #7a7a7a; width: auto;float: none;}
.listRow .app_exclusive.expired {width: 296px; margin: 20px auto;}

.expired {width: auto;}

#prog_topic_list {z-index: 1;}

#rightCol , .rightCol{width:310px; padding: 0px 5px;  margin: 0 auto; float: none;}
#rightCol .banner300x100 {display: table-cell; width: 150px; height: 48px; background: no-repeat top left;  margin: 2px;margin-bottom: 10px; }
#rightCol div {margin-bottom: 10px;}
/*
#getApps {background: url('https://img.tvb.com/inews_web/web/getApp.jpg') no-repeat center top; width: 300px; height: 100px; }
#getApps a {width: 150px; height: 60px;float:none;display: block;margin-top:30px}
*/

#adContent { position: fixed; bottom: 0px; z-index:98; margin-left:-160px; display: inline; left: 50%; overflow:hidden; width: 320px; height: 53px;}
#adContent img {/*height: 53px; width: 320px; */margin: 0 auto; display: block;}
#followus {width: 96%; margin: 0 2%;}
.index #ssGroup {width: auto;}
#ssGroup { }
#ssGroup div {display: block; float: left; margin: 5px;}
#ssGroup div a {display: block; }


#faq ul {padding-left: 30px;}
#faq ul li {margin-bottom: 5px; line-height: 15px;}
#faq .question {display: block; font-size: 13px; }
#faq .answer_title {margin: 0px 8px 0px; font-size: 15px; border-top: 2px solid #ddd; padding: 10px 30px 0 0; position: relative;}
#faq pre {white-space: pre-line; font-family: arial,helvetica,sans-serif; font-size: 13px; margin: 5px 20px;word-wrap:break-word;}
#faq .top {display: block; font-size: 13px; font-weight: normal; right:5px; top: 10px; position: absolute; color: #197b30}

#powerBy {position: static; float: right; margin-right: 10px;}
div#live-block {margin: 0 auto 10px;}
/*
div#live-all { padding: 10px 0; display: inline-block; }
div#live-all div.live-block { text-align: center; display: block;  box-sizing: border-box;  border: 1px solid #fff; float: left; padding: 5px; position: relative; margin-bottom: 10px; }
div#live-all div.live-block:hover, div#live-all div.live-ing { border: 1px solid #E0E2DD; background-color: #E9F4E4; cursor: pointer; }
div#live-all div:nth-child(odd) { margin-right: 10px; }
div#live-all div.live-block img { display: inline-block; width: 135px; height: 76px; border: none; }
div#live-all div.live-block span { height: 76px; left: 5px; opacity: 0.7; filter: alpha(opacity=70); background-color: black; position: absolute; top: 5px; width: 135px; color: #fff; line-height: 5em; font-size: 12pt; font-weight: bold; }
div#live-all div.live-block p { margin: 6px 0 0; padding: 0; font-size: 11pt; color: #000; font-weight: bold; }
div#live-all div.live-block p.now { color: #1C7B3B; }
*/
#html5_cont { position:relative; width:100%; height: auto;}
#html5_player { position:relative; }
}
@media only screen and (min-width: 480px) and (max-width: 660px)
{
}