html {    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}
body{ margin: 0px; font-size: 13px;background: url('https://img.tvb.com/inews_web/web/background.jpg') repeat; font-family: arial, helvetica,sans-serif; }
img {border: 0 none;}
a {text-decoration: none;color: #000; }
a:hover , .hover{color: #197B30; cursor: pointer;}
#big-body-bg, #small-body-bg {margin: 0 auto; }
#small-body-bg {width: 955px; padding:5px 10px 50px; background: #fff;  position: relative;}
#small-body-bg p { font-size: 13px; margin: 8px;}
#topNav{background: url('https://img.tvb.com/inews_web/web/bg_green.jpg') repeat-x top center; margin: 0 auto; width: 975px; position: relative; }
#tvbLogo {width: 975px; margin: 0px auto ; background: url('https://img.tvb.com/inews_web/web/tvbnews_logo.gif') no-repeat top left; height: 40px; }
#newsIcon {display: block; width: 150px; height: 40px; float: left;}

#topMenu {width: 975px; height: 45px; }
#topMenu ul {list-style-type:none; margin: 0 ; padding: 0px; height: 45px; }
#topMenu ul li {text-decoration:none; float:left; margin:0;}
#topMenu ul li a{text-decoration:none; color:#000; display: block; height: 45px; padding: 0 15px; line-height: 45px; font-size: 15px;  }
#topMenu ul li a:hover,  #topMenu ul li a.on{background-color:#ccc; color: #fff; }
#mobile_live {display: none;}
/*
#topMenu ul li #menu1 {background-position:0 top;}
#topMenu ul li #menu2 {background-position:-80px top;}
#topMenu ul li #menu3 {background-position:-160px top;}
#topMenu ul li #menu4 {background-position:-240px top;}
#topMenu ul li #menu5 {background-position:-320px top;}
#topMenu ul li #menu6 {background-position:-400px top;}
#topMenu ul li #menu7 {background-position:-480px top;}
#topMenu ul li #menu8 {background-position:-560px top;}
#topMenu ul li #menu9 {background-position:-640px top;}
#topMenu ul li #menu1:hover, #topMenu ul li #menu1.on{background-position:0 bottom;}
#topMenu ul li #menu2:hover, #topMenu ul li #menu2.on{background-position:-80px bottom;}
#topMenu ul li #menu3:hover, #topMenu ul li #menu3.on{background-position:-160px bottom;}
#topMenu ul li #menu4:hover, #topMenu ul li #menu4.on{background-position:-240px bottom;}
#topMenu ul li #menu5:hover, #topMenu ul li #menu5.on{background-position:-320px bottom;}
#topMenu ul li #menu6:hover, #topMenu ul li #menu6.on{background-position:-400px bottom;}
#topMenu ul li #menu7:hover, #topMenu ul li #menu7.on{background-position:-480px bottom;}
#topMenu ul li #menu8:hover, #topMenu ul li #menu8.on{background-position:-560px bottom;}
#topMenu ul li #menu9:hover, #topMenu ul li #menu9.on{background-position:-640px bottom;}*/
#date_weather {display: inline; position: absolute; top: 0px; right: 10px; /*float: right; margin-right: 10px; */color: #fff; font-weight: bold; width: auto; white-space: nowrap; height: 40px; }
#date_weather label {display: block; float: left; line-height:40px;}
#weathericon_container{ height: 34px; margin-top: 0px; position: relative;}
#weather { }
#weather ul{list-style-type: none; margin: 0px; padding: 0px}
#weather ul li {float: left;}
#weather div {width: 40px; height: 34px; background-image: url('https://img.tvb.com/inews_web/web/weather_icon.png') ; /*margin-top: 3px;*/}
/* #weather .code{ display: none;} */
#weather .code50{background-position:0px 0px; }
#weather .code51{background-position:-40px 0px;}
#weather .code52{background-position:-80px 0px;}
#weather .code53{background-position:-120px 0px;}
#weather .code54{background-position:-160px 0px;}
#weather .code60{background-position:-200px 0px;}
#weather .code61{background-position:-240px 0px;}
#weather .code62{background-position:-280px 0px;}
#weather .code63{background-position:-320px 0px;}
#weather .code64{background-position:-360px 0px;}

#weather .code65{background-position:0px -34px;}
#weather .code70{background-position:-40px -34px;}
#weather .code71{background-position:-80px -34px;}
#weather .code72{background-position:-120px -34px;}
#weather .code73{background-position:-160px -34px;}
#weather .code74{background-position:-200px -34px;}
#weather .code75{background-position:-240px -34px;}
#weather .code76{background-position:-280px -34px;}
#weather .code77{background-position:-320px -34px;}
#weather .code80{background-position:-360px -34px;}

#weather .code81{background-position:-0px -68px;}
#weather .code82{background-position:-40px -68px;}
#weather .code83{background-position:-80px -68px;}
#weather .code84{background-position:-120px -68px;}
#weather .code85{background-position:-160px -68px;}
#weather .code90{background-position:-200px -68px;}
#weather .code91{background-position:-240px -68px;}
#weather .code92{background-position:-280px -68px;}
#weather .code93{background-position:-320px -68px;}
#weather .coderainb{background-position:-360px -68px;}

#weather .coderainr{background-position:0px -102px;}
#weather .coderaina{background-position:-40px -102px;}
#weather .codetc1{background-position:-80px -102px;}
#weather .codetc3{background-position:-120px -102px;}
#weather .codetc8nw{background-position:-160px -102px;}
#weather .codetc8sw{background-position:-200px -102px;}
#weather .codetc8ne{background-position:-240px -102px;}
#weather .codetc8se{background-position:-280px -102px;}
#weather .codetc9{background-position:-320px -102px;}
#weather .codetc10{background-position:-360px -102px;}

#weather .codets{background-position:-0px -136px;}
#weather .codentfl{background-position:-40px -136px;}
#weather .codelandslip{background-position:-80px -136px;}
#weather .codesms{background-position:-120px -136px;}
#weather .codefrost{background-position:-160px -136px;}
#weather .codefirey{background-position:-200px -136px;}
#weather .codefirer{background-position:-240px -136px;}
#weather .codecold{background-position:-280px -136px;}
#weather .codevhot{background-position:-320px -136px;}
#weather .codetsunami-warn{background-position:-360px -136px;}


#temperature {background: url('https://img.tvb.com/inews_web/web/temperature_icon.png') no-repeat left center; padding-left: 20px; }
#humidity {background: url('https://img.tvb.com/inews_web/web/humidity_icon.png') no-repeat  left center; padding-left: 20px; margin-left: 10px;}
#weather_desc {display: none;}
#pulldownAd {width: 975px; margin: 0 auto; background-color:#fff; font-size: 0px;text-align: center;}
#catelbAd{float: left; height: 90px; width: 100%;}
#div-gpt-ad-tb{float: left;text-align: center; width: 100%; margin: 5px 0px 10px 0px;}
.div_gpt_ad_row{
  float: left;
}
#fixedAd{position: fixed;bottom: 0;right: 0px;}
#bottomAd{width: 975px; margin: 0 auto; background-color:#fff; font-size: 0px;text-align: center; margin: 20px 0px;}
.row_ads{text-align: center;}
.cate_ads{float: left; width: 100%; margin: 5px 0px 20px 0px;}
.teads-inread{z-index: 1;}
#live_icon {background: url('https://img.tvb.com/inews_web/web/icon_live.gif') no-repeat top center; display: block; width: 108px ;height:45px; position: absolute; top: 39px; right: 10px; }
#live_icon.on, #live_icon:hover {background-position: bottom center;}

#cookiePolicy{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding: 15px 20px; background:#FFFF00;}
#cookiePolicy>div{margin-right:10px;color: #333333;font-size: 14px;}
#cookiePolicy>div .title{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px; font-size: 16px; font-weight: bold;}
#cookiePolicy>div .title .ic-cookie{display: inline-block; width: 24px; height: 24px; margin-right:10px; background:url('https://img.tvb.com/inews_web/web/icon_cookie.png');background-size: contain;}
#cookiePolicy>div a{color: #005ab9; text-decoration: underline;}
#cookiePolicy button{-ms-flex-negative:0;flex-shrink:0;padding: 9px 20px;cursor:pointer; background: #333333;color:#fff;border:0;border-radius:4px;font-size:16px;}
#cookiePolicy>div a:hover, #cookiePolicy button:hover{opacity: 0.9;}

#footer{ background: #5f6267; width: 975px; margin: 0 auto; position: relative;}
.footer-small{margin: 0 auto;}
.footerInfoWrap{float: left; width: calc(100% - 110px);}
.footerInfo {float: left; border-left: 1px solid #aaa; margin: 4px 10px; padding: 0px 8px; margin-right:0; padding-right:0;}
.footerInfo a, .footerInfo a:hover{color: #fff;}
.footerInfo a:hover {text-decoration: underline;}
#copyright{background: url('https://img.tvb.com/inews_web/web/footer_tvbnews.gif') no-repeat; width:100px; height:40px; margin: 0px; margin-left: 10px;  float: left;}
#powerBy{background: url('https://img.tvb.com/inews_web/web/powered_tvbcom.gif') no-repeat; width:120px; height:40px; position: absolute; right: 10px; left: auto;}

#leftCol {float: left; width: 640px;}
#leftCol.list {background: #fff;}
#breaknews {margin-left: 10px; line-height: 15px; *line-height: 19px; color:#9e0b0f; font-size: 14px; display: block;}

.title {}
.filter_container{padding: 10px;}
.indexBigDiv{margin-bottom: 10px; zoom:1; width: 640px; float: left;}
.index_list_container {width: 640px; float: left;}
.story {display: inline; float: left; padding: 5px 10px; border: 1px solid #fff; height: 98px; position: relative;}
.story  img {display: block; margin-bottom: 5px; width: 135px;}
.story.hover {background: #EAF5E5;border: 1px solid #e2e2e2; }
.story .title { text-align: center; display: block; width: 135px;}
.story.hover .title {color: #197B30; }

.story .app_exclusive {  position:absolute; top: 3px; left: 15px; }
.story .app_exclusive img{margin: 0; width: auto;}

#newsList, #storyList, #prog_topic_list {position: absolute; right: 0px; margin: 5px 10px; *margin-top: 0px;}
.programmeList  {margin-bottom: 20px; zoom:1}
.programme {display: inline; float: left; padding: 5px 10px; border: 1px solid #fff; position: relative; height: 112px;}
.programme .smallPlayIcon {  top: 28px; left: 60px; }

.programme  img {display: block; margin-bottom: 2px; width: 135px; border: 0px;}
.programme.hover, .programme.on  {background: #EAF5E5;border: 1px solid #e2e2e2; }
.programme .title {  display: block; width: 135px; line-height: 17px;}
.programme.hover .title, .programme.on .title {color: #197B30; }
.programme .time{color: #7a7a7a;}
.programme .showing {height: 77px;  opacity: 0.7; filter:alpha(opacity=70);background-color: #000; position: absolute; top: 5px; width: 137px;}
.programme .showing h4, .programme .showing h1 {color: #fff; font-weight: bold; position: relative; text-align: center; top: 15px; *top: 30px; font-size: 15px; *font-size: 14px;}
.programmesList  {width: 640px; margin-bottom: 10px;}
#pageContainer {list-style-type:none; padding: 0px; margin: 0px; display: none; }
#pageContainer li {float: left; padding: 5px 10px; border: 1px solid #fff; }

.indexSmallDiv {width: 315px; margin:0 auto;float:none;display:block;}
.c2 .indexSmallDiv { width: 100%;}
.indexSmallDiv.left {margin-right:10px; }

.sectionDiv { margin: 10px 0 10px 10px;}
.categoryTitle {background: #d7d7d7; color: #444; font-size: 15px; font-weight: bold; height: 25px;line-height: 26px; *line-height: 28px; padding-left: 10px; border-left: 4px solid #5BB210; margin-bottom: 3px;position: relative;}
.categoryTitle .more {display: block; border: 0px; width: 38px;font-size: 12px; font-weight: normal; color: #7a7a7a; right:5px; top: 0px; position: absolute;}
.categoryTitle .more:hover {background: none; border: 0px; color: #197B30}
.categoryTitle .arrow {}
.categoryTitle.hide .arrow {}
.categoryTitle.news {margin-bottom: 10px; font-size: 16px; font-weight: bold; height: 32px; line-height: 32px; }

.breadcrumbLinks{font-size: 16px;margin-bottom: 10px;}
.legco_banner {position: relative; margin: 10px 0px;float: left;}
.legco_banner img{width:100%;}
.headlineList {position:relative; display: inline; border: 1px solid #fff; float: left; padding: 4px;}
.headlineList.hover {background: #EAF5E5;border: 1px solid #e2e2e2; }
.headlineList img {width: 308px; height: 168px; display: block; border: 0px;}
.headlineList .title {display: block; line-height: 20px; height: 20px;}
.headlineList.hover .title {color: #197B30;  }
.headlineList .time{ color: #7a7a7a; }
.bigPlayIcon {  position:absolute; top: 65px; left: 132px;  filter:alpha(opacity=50);  -moz-opacity:0.5; -khtml-opacity: 0.5;  opacity: 0.5;}
.headlineList.hover .bigPlayIcon{filter:alpha(opacity=100);  -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;}
.bigPlayIcon img {width: 42px; height:38px;}
.headlineList .vdoIcon {background: url('https://img.tvb.com/inews_web/web/cam_icon.gif') no-repeat top center; width: 16px; height: 10px; position: absolute; top: 180px; left: 290px;}
.headlineList .app_exclusive {  position:absolute; top: 2px; left: 10px; }
.headlineList .app_exclusive img {width: 26px; height: 32px;}




.indexList {display: block; border: 1px solid #fff; border-bottom: 1px solid #e7e7e7; zoom:1;  width: 313px; position: relative; margin-left: 5px;}
a.indexList {margin:0px;}
.indexList.hover {background: #EAF5E5; border: 1px solid #e2e2e2;}
.indexList div { line-height: 22px; display: inline;}
.indexList .time{ color: #7a7a7a; padding-left: 10px; line-height: 22px; }
a.indexList .time {padding-left: 5px}
.indexList.all .time{width: 88px; float: left;}
.indexList .title { padding-left:5px;}
.indexList.hover .title{color: #197B30;}
.indexList.all .title{padding:0px; position: relative;}
.indexList.img {position: relative;}
.indexList.img .title{width:160px; padding: 0px; display: inline-block; margin-top: 4px;}
.c2 .indexList.img .title {width: 150px;}
.indexList.img .time { }
.indexList img {width: 107px; *width: 109px; display: inline; float: left; margin: 5px 7px 5px 7px; *padding-bottom: 5px; border: 0px;}
.indexList .vdoIcon {background: url('https://img.tvb.com/inews_web/web/cam_icon.gif') no-repeat top center; width: 16px; height: 10px; position: absolute; top: 6px; left: 290px;}
.c2 .indexList .vdoIcon {left: 280px}
.smallPlayIcon {  position:absolute; top: 14px; left: 37px;  filter:alpha(opacity=50);  -moz-opacity:0.5; -khtml-opacity: 0.5;  opacity: 0.5;}
.smallPlayIcon img {width: 34px; height: 31px; }
.indexList .app_exclusive { }
.indexList .app_exclusive img {width: 17px; height: 20px; margin: 0 0 0 3px; }
.indexList.all .app_exclusive  img{margin: 0 3px 0 0px; }
.indexList.img .app_exclusive {  position:absolute; top: 0px; left: 10px; }
.indexList.img .app_exclusive  img{margin: 0;}


.indexList:hover .smallPlayIcon{filter:alpha(opacity=100);  -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;}

.indexList p {text-decoration: none; color: #000;}
.newsDesc{background: #fff; padding: 0 0px 10px; }
.newsDesc p{margin: 8px;}
.newsDesc h4,.newsDesc h1{margin: 8px 0; font-size: 18px; font-weight: bold;}
.newsDesc h4.short, .newsDesc h1.short {width:475px; }
.newsDesc h4 .time,.newsDesc h1 .time {font-size: 11px; color: #555; margin-left: 10px; font-weight: normal; }
.newsDesc .pageview {text-align: right; color: #555; font-size: 11px; display: none;}
#pre_next {display: inline; margin-top: 20px;}
/*#pre_next a {display: inline;}
#pre_next .pre {float: left;}
#pre_next .next {float: right;}*/
.newsDesc .btn_autoplay_lang_container {position: absolute; top: 75px; right: 10px;}
.newsDesc #videoLang { float: right; background: url('https://img.tvb.com/inews_web/web/bilingual_icon.jpg') no-repeat; width: 50px; height: 25px; padding-left: 13px; margin-left: 5px;}
.newsDesc #videoLang.cht {background-position: top center;}
.newsDesc #videoLang.chs {background-position: bottom center;}
.newsDesc #videoLang a {display: block; width:25px; height: 25px; float: left;}

.newsDesc #videoQuality {float: right; background: url('https://img.tvb.com/inews_web/web/sd-hd_icon.jpg') no-repeat; width: 73px; height: 25px; padding-left: 0px; margin-left: 5px;}
.newsDesc #videoQuality.sd {background-position: left top;}
.newsDesc #videoQuality.hd {background-position: left bottom;}
.newsDesc #videoQuality a {display: block; width: 25px; height: 25px; float: right;}
#auto_play {float: right; width: 135px; height: 25px; background-image: url('https://img.tvb.com/ent_web/1/autoplay.png'); position: relative; display: none; }
#auto_play a{background-image: url('https://img.tvb.com/ent_web/1/autoplay.png');}
#auto_play .on{background-position: top right;}
#auto_play .off{background-position: bottom right;}
#auto_play a {display: block; width: 80px; height: 25px; position: absolute; top: 0px; left: 55px;}

#newList {margin-left: 10px;}
.newsDesc pre {white-space: pre-line; font-family: arial,helvetica,sans-serif; font-size: 15px; word-wrap:break-word; width: 630px; float: left; display: inline;}




#promo-player {height: 360px; width: 640px; margin: 0 auto }
#player-cont{margin: 0 auto; width: 640px;}
video {/*width: 640px; height: 360px;*/}
#pageContainer .listRow, .listRow {width: 618px; padding: 5px 10px; border: 1px solid #fff; border-bottom: 1px solid #e2e2e2; text-decoration: none; display: block; color: #000; position: relative; zoom:1; background: #fff; margin: 0 auto;}
#pageContainer .listRow.hover ,.listRow.hover, .listRow.top.hover { border: 1px solid #e2e2e2; background: #EAF5E5; cursor:pointer; }
.listRow .title {display: block; float: left; }
.listRow.hover .title{color:#197B30}
.listRow h4, .listRow h1{font-weight: bold; font-size: 15px; margin: 3px 8px;}
.listRow div {float: left; display: inline;}
.listRow img {float: left; width: 137px; margin-right:10px; border: 0px;}
.listRow.top { background: #ebebeb; border: 1px solid #5bb210;}
.listRow  .smallPlayIcon {  position:absolute; top: 26px; left: 58px;  filter:alpha(opacity=50);  -moz-opacity:0.5; -khtml-opacity: 0.5;  opacity: 0.5;}
.listRow .smallPlayIcon img {width: 34px; height: 31px;}
.listRow.hover .smallPlayIcon{filter:alpha(opacity=100);  -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;}
.listRow .app_exclusive {  position:absolute; top: 3px; left: 15px; }
.listRow .app_exclusive img {width: 17px; height: 20px;}
.listRow .title .app_exclusive {  position:static; }
.listRow .title .app_exclusive img {width: 17px; height: 20px;}

.listRow .vdoIcon {background: url('https://img.tvb.com/inews_web/web/cam_icon.gif') no-repeat top center; width: 16px; height: 10px; position: absolute; top: 8px; right: 10px;}
.vdoLang {color: #9e0b0f;}
.news_time { color: #7a7a7a; width: 100px;}
.storyList .news_time {width: 140px;}
.storyList .title {width: auto;}
.news_desc {color: #7a7a7a; width: 470px;}
.dailyNews {margin: 0 0 0 0px; padding: 0px;}
.hide {display: none;}

.expired { /*width: 500px;*/ margin: 20px auto;}
.expired img {width: 71px; margin: 0 auto; display: block;}
.expired p {text-align: center;}


#live-all { padding: 20px 0 10px; display: inline-block; }
#live-all .live-block { text-align: center; display: block; /*width: 212px; height: 142px;*/ box-sizing: border-box;  border: 1px solid #fff; float: left; padding: 10px; position: relative; margin-bottom: 10px; }
#live-all .live-block:hover, #live-all .live-ing { border: 1px solid #E0E2DD; background-color: #E9F4E4; cursor: pointer; }
#live-all div:nth-child(odd) { margin-right: 10px; }
#live-all .live-block img { display: inline-block; width: 240px; height: 135px; border: none; }
#live-all .live-block span { height: 135px; left: 10px; opacity: 0.7; filter: alpha(opacity=70); background-color: black; position: absolute; top: 10px; width: 240px; color: #fff; line-height: 8em; font-size: 12pt; font-weight: bold; }
#live-all .live-block p { margin: 6px 0 0; padding: 0; font-size: 11pt; color: #000; font-weight: bold; }
#live-all .live-block p.now { color: #1C7B3B; }


hr {border: 0px; display: none;}
#rightCol , .rightCol {float: right;width:300px; margin-left: 13px;}
.rightad, .getApps{margin-bottom: 10px;}
#getApps {background: url('https://img.tvb.com/inews_web/web/1.2.3/getApp.jpg') no-repeat center top; width: 300px; height: 85px; float: right; position: relative;}
#dl_appstore {top: left:}
#getApps a {width: 150px; height: 50px;float:left;display: block; position: absolute;}
#dl_appstore {top: 30px; left:0}
#dl_googleplay {top: 30px; right:0px;}
#dl_win8phone {bottom:6px; left:0px;}
#dl_win8metro {bottom:6px; right:0px;}
#huaweiApps{width: 300px; height: 65px; margin: -18px auto 0px;position: relative;}
#huaweiApps img{width: 146px; margin-top: 10px;}
.cleared, .clearfix { clear:both; zoom:1;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden;}
#ssGroup {margin: 10px ;}
#ssGroup div {margin: 0 10px; display: inline-block;}
#ssGroup div a {display: block; width: 43px; height: 43px;}

.index #ssGroup{width: 240px; float: left; margin: 0px;}
.index #ssGroup div {float: left; margin: 5px 8px 10px; }


#tnc p, #code_of_ethics p{line-height: 20px;}
#tnc h3 {margin: 10px 8px; font-size: 16px; background: #eee; line-height: 22px;}
#tnc h4 {margin: 10px 8px; font-size: 13px;}
#tnc ol, #code_of_ethics ol {padding: 0 5px 0 25px}
#tnc ol li {margin-bottom: 8px; line-height: 20px;}
#code_of_ethics ol li {margin-bottom: 10px; line-height: 20px;}
#code_of_ethics ol li ol li {list-style-type: lower-roman; margin-bottom: 5px; line-height: 15px;}
#faq a{ }
#faq h4{margin: 10px 8px 5px; font-size: 15px; background: #eee; line-height: 25px;padding-left: 10px; }
#faq .answer { border: 2px #7a7a7a solid; margin: 0 10px 20px;}
#faq .answer h4 {background: #7a7a7a;  color: #fff; margin: 0px;}
#faq ul li {margin-bottom: 2px; line-height: 20px;}
#faq .question {display: block; font-size: 15px; }
#faq .answer_title {margin: 0px 8px 0px; font-size: 13px; font-size: 16px; border-top: 2px solid #ddd; padding: 10px 50px 0 0; position: relative;}
#faq .top {display: block; font-size: 13px; font-weight: normal; right:5px; top: 10px; position: absolute;}
#faq pre {white-space: pre-line; font-family: arial,helvetica,sans-serif; font-size: 15px; margin: 5px 20px 20px;word-wrap:break-word;}


#html5_cont { position:relative;height:349px; }
#html5_player {position:absolute; }












/******************** RESPONSIVE UI ************************/
body{margin:0; padding:0;}
.main_container, .news_container, .list_container, .plist_container{width:975px; margin:0 auto; background-color: #fff; height:auto;}
.container{margin:0;}
.c1{width:68%; float:left;}
.c2{width:32%; float:right;}
.c3{width:68%; float:left;}
.containbox{ width:100%; }
.cat_list{ width:50%; float:left;  margin:0 0 10px ;*display:inline; *width:49%;}
.c2 .cat_list {width:300px}
.short_list{ height: 110px;}
.header{ width:100%; float:left; margin:0;}
.superbanner{ width:100%; background-color: #fff; float:left; margin:0; margin-bottom: 5px;}
.footer{ width:100%; float:left; margin:0px 0 0 0;}
.tall{height:250px;}
.colhead{display:none;}
#lrecBox{min-width:300px;}
#minibanner{min-width:300px; float: left;}
#dlnshare{min-width:300px;}

#topMenu{overflow:hidden;}
.rightad,#getApps, #followus{width:300px;margin:0 auto 10px;float:none;}
.rightad{margin-bottom:10px;}
.indexBigDiv{margin:0 auto;float:none;}

/******************** skyscraper ************************/
.skyscraper_left, .skyscraper_right{ position: absolute; top: 0; width: 160px; height: 1240px;}
.skyscraper_left{left: -160px;}
.skyscraper_right{right: -160px;}
.skyscraper_left > div, .skyscraper_right > div{ width: 100%; height: 600px; position: relative;}
#news_more{ margin: 15px auto; text-align: center;}
.btn_more{ padding: 5px 10px; color: #fff; background-color: #a1a1a1; border-radius: 0; font-size: 14px; line-height: 1.5; cursor: pointer;}

/******************** flip prompt ***********************/
.overlay{ position: fixed; left:0; top:0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display:flex; justify-content: center; align-items:center;}
.msg-prompt{ max-width: 600px; padding: 40px; background: #fff; text-align: center; font-size: 16px; box-sizing: border-box;}
.msg-content{ height:calc(100% - 34px);}
.msg-content iframe{width: 100%; height: 100%; border: 0;}
.msg-buttons button{display: block; margin: auto; padding: 8px 52px; font-size: 16px; background: #00D200; color: #fff; border: 0; border-radius: 4px; cursor: pointer;}
.msg-buttons button.diabled{background: #e8e8e8; cursor: not-allowed;}
.msg-buttons button:hover{opacity: 0.8;}
.prompt-close{ display: inline-block; padding:8px 20px; background: #d7d7d7; font-size:14px;cursor:pointer;}
.prompt-close:hover{opacity:0.8;}