/* #Media Queries*/

@media all and (min-width: 640px) and (max-width: 939px)
{
	.main_container, .news_container, .list_container, .plist_container{width:100%; margin:0 auto;}
	.c1{width:50%; float:left;}
	.c2{width:50%; float:right;}
	.c3{width:100%; float:left; margin-top: 10px;}

	.news_container .c1{width:100%; margin:0 auto; }
	.news_container .c2_2 {width: 300px; float: right;}
	.cat_list {height: auto;}
	.c2 .cat_list {width: 96%}
	.list_container .c2 {width: 300px; float: right;}
	.list_container .c1 {}

	.tall{height:auto;}
	.containbox{width:100%;}
	.indexBigDiv{width:auto; margin: 0px 10px;}
	.headlineList {position:relative; display: inline; border: 1px solid #fff; padding: 0px;width: 100%; margin-bottom: 10px;}
	.headlineList .title {position: relative;}
	.headlineList img {width: 98%; height: auto; margin: 3px auto 0;}
	.headlineList .vdoIcon {right: 15px;top: 10px; left: auto;}
	.headlineList .app_exclusive {top: -2px;}
	.indexSmallDiv{width:auto; margin: 0 10px;}
	.indexSmallDiv a{width:100%;}
	.indexList{width:auto; margin: 0 10px;}
	.indexList.img .title, .c2 .indexList.img .title{width:50%}

	.indexList .vdoIcon, .c2 .indexList .vdoIcon {left:94%;}
	.indexList .img .app_exclusive {top:2px;}
	.listRow .app_exclusive {left: 15px;}
#topNav{background: url('http://img.tvb.com/inews_web/web/bg-topgreen-logo_939x40.jpg') repeat-x top center; margin: 0 auto; width: 100%; position: relative;}
#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('http://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 3px; 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('http://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('http://img.tvb.com/inews_web/web/weather_icon.png') ;}

#temperature {margin: 5px 0px 5px 5px;}
#humidity {background: url('http://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; font-weight: normal;}
hr {border: 0px; border-top: 1px solid #ccc; margin: 3px 8px; display: block;}


	#pulldownAd, #topMenu, #topNav, #footer{ width: auto; }
	.newsDesc pre { display: table; float: none; width: auto; padding-right: 10px;}
	.programmesList .story, #stories_news .story {width: 23%;}
	#stories_news .story img{width: 100%;}
     .skyscraper_left, .skyscraper_right{display: none;}

	.newsDesc , .news_desc{width: auto;}
	.listRow {width: auto;}
	.listRow div {}
	.listRow .vdoIcon {  }
	#pageContainer .listRow {width: 100%; padding: 5px 0px;}
	.listRow .news_desc {float: none; }
	.listRow .title {float: left; display: block;}
	.listRow.img .title {width: auto; display: block; float: none;}
	.listRow .news_time, .storyList .news_time { width: auto; display: block; float: none;}
	.vdoLang {color: #9e0b0f; white-space: nowrap;}

	.programme {height: auto; padding:5px 3px;}
	.story{width:47%; height: auto; padding:5px 3px;}
	.programme .smallPlayIcon {left:54px;}
	.programme img, .story img{width: 100%;}
	.story .title {width: auto;}
	.story .app_exclusive { left: 8px;}
	#pageContainer li {padding:5px 3px;}
	.programmesList {width: 100%; }
	.indexBigDiv  .programmesList div.programme {width: 47%;}
	.programmesList .programme {width: 135px;}
	.vdoLang { }
	.storyList .vdoLang { white-space: nowrap;}
	.storyList .vdoLang.showThumb, .vdoLang.showThumb { margin-left: 0px;}
	.storyList .news_time { display: block; width: auto; float: none;}
	#promo-player {width: auto;height: auto;}


.index #ssGroup {width: auto;}
#followus {width: 96%; margin: 0 2%;}
	#faq .question {font-size: 13px; }
	#faq .answer_title {font-size: 13px;}
	#faq pre {font-size: 13px;}
	#faq .top {font-size: 13px; }

#live-all {display: table; float: none; width: auto;}
#live-block {margin: 0 auto 10px;}

#html5_cont { position:relative;height:auto; }
#html5_player {position:relative; }
#player-cont{width: 100%; height: auto; }
}