@import url(//fonts.googleapis.com/css?family=Lato:300,400,700); /* edited by RTHK */
/*@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic);*/ 
/** RESET CSS **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td ,p{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: normal;
  font-style:  normal;
  font-size: 100%;
  /*font-family: Microsoft JhengHei;*/
  font-family:Microsoft JhengHei, Arial, Helvetica, sans-serif;
  vertical-align: baseline;
}
iframe{
	max-width:none;	
}
font{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style:  inherit;
  font-size: 100%;
  vertical-align: baseline;
  /*vertical-align: middle;*/
}

ul ol{
  list-style: none;
  margin:0;
  padding:0;
}

@font-face {
  /*font-family: 'Tangerine';*/
  font-style: normal;
  font-weight: normal;
  src: /*local('Tangerine'),*/ url('../../../MStiffHeiHK-UltraBold.otf') format('truetype');
}
body {
  background:#E9E9E9;
  /*background-image:url(../../../images/st_tyneo/background.jpg);*/
  background-repeat: no-repeat;
  background-position: center; 
  line-height: 20px;
  font-size:16px;
  font-family:Microsoft JhengHei, Arial, Helvetica, sans-serif;
  color:#000000;
  overflow-x: hidden;
}
audio{width:100% !important;}
.created {color: #666;font-size: 12px;font-family:Arial, Helvetica, sans-serif;}
.slider_created{color:#CCC; font-size: 12px; line-height: 30px;font-family:Arial, Helvetica, sans-serif; }

kanhanbypass a img{max-width:100% !important;}

.st-logo a img{min-width:395px;margin-bottom:10px;}

.fRigth {
  float:right;
}
.copyright{
  display:none;
}
.GreenHr{
border-bottom: 2px solid #8B7343;
}
.icon-calendar{
  margin:-1px 3px 0 0;
  opacity:0.7;
  transform:scale(0.8,0.8);
  -ms-transform:scale(0.8,0.8); /* IE 9 */
  -webkit-transform:scale(0.8,0.8); /* Safari and Chrome */
}
.st-related-post,
.st-top-slider,
.st-breaking-news,
.st-travel,
.st-gallery-slider{
  overflow:hidden;
}
.st-layer-slider{
  overflow: visible;
}
.st-layer-slider .sequence-canvas{
  overflow:hidden !important;
}
.st-layer-slider .sequence-canvas>li{
  overflow:hidden;
  width:100%;
}
/** SETTING PAGE **/
.st-home-page #avatar-pos-main-body{
    display:none;
    pointer-events: none;
}
.st-home-page .st-background{
    margin-top:0;
}
.st-background{
  /*  margin-top:-50px;*/
}
#avatar-main-content{
    margin-top:5px;
}

.loadingImg{
  position: absolute;
  top: 45%;
  left: 45%;
  width: 10%;
  border: 0px;
}

.imgPhotoAfterLoad{
	opacity: 0;
}

.gotoinput{
  width: 30px;
  position: relative;
  bottom: -2px;
  text-align: center;
}

/** TOP MENU **/
.block-default-width #avatar-pos-top-right div{ display:inline-block; vertical-align:middle; float:right; margin-left:2px;}
.block-default-width #avatar-pos-top-right .main-menu{margin-top:2px; /* margin-left:7px;*/}
.block-default-width #avatar-pos-top-right .zoom_module{margin-top:2px;}
.block-default-width #avatar-pos-top-right .common_share{margin-top:-5px;}
.block-default-width #avatar-pos-top-right .zoom_module span#minus{margin-left:4px;}
.st-module-content .zoom_box{border-left:1px #666 solid; border-right:1px #666 solid; padding:0px 5px;}
.st-module-content .zoom_box span{/*vertical-align:bottom;*/}
.st-module-content .mod-languages ul.lang-inline li{ border-right:1px #666 solid; margin-left: 8px; margin-right:0px;}
.st-module-content .mod-languages ul.lang-inline li:last-child{ border-right:none;}

.block-default-width #avatar-pos-top-right .common_share ul.main, .block-default-width #avatar-pos-top-right .common_share ul.main li{
	list-style:none;
	margin:0px;
	padding:0;	
}
.block-default-width #avatar-pos-top-right .common_share ul.submenu{display:none; position:absolute;}


/** MAIN-MENU **/
#avatar-header-inside-block{
  background:#FFF;
  margin:0;
}
.main-menu .st-mega-menu{
  margin:0;
  padding:0;
}
.main-menu .st-mega-menu li{
  display:inline;
  float:left;
  padding-right:13px;
  line-height:50px;
  margin-top: 2px;
}
.main-menu .st-mega-menu li a{
  text-decoration: none;
  color:#000;
  text-transform: uppercase;
  line-height:17px;
  /*font-family: Microsoft JhengHei;*/
  font-size:16px;

}
.main-menu .st-mega-menu li a:hover{
  color:#bc3737;
  text-decoration: underline;
}
.nav>li>a:hover, .nav>li>a:focus{
  background:none;
}
.st-weather{
  line-height:35px;
  position:relative;
} 
.st-weather p.text{
  margin:0 50px 0 0;
  padding:0;
  color:#000;
  text-transform: uppercase;
  font-weight:bold;
  font-size:12px;
  font-family: Microsoft JhengHei;
}
.st-weather p.text span{
  color:#727272;
  font-weight:bold;
  font-size:12px;
  font-family: Microsoft JhengHei;
}
.st-weather p.icon{
  background-color:#0eb6e7 !important;
  position:absolute;
  top:1px;
  right:0px;
  z-index:2;
  margin:0;
  border-radius:5px;
}
.st-weather p.icon span{
  color:white;
  opacity:0;
  filter:alpha(opacity=0);
  position:absolute;
  right:0;
}
.st-weather p.icon:hover span{

}
/** LOGO - BANNER **/
#avatar-body-top-block{
  min-height:130px;
  /*background-image:url(../../../images/st_tyneo/top_bg.png);
  background-repeat: repeat-x;*/
  background-color: #FFFFFF; 
  border-bottom: #CA0202 solid 3px;
  box-shadow: 0px 5px 4px 0px #D5D5D5;
}
.rthk-logo{
  margin:0;
  background:#FFF;
  height:auto;
  background-repeat: no;
}
.rthk-logo p{
  text-align:center;
  margin:0;
  margin-top:6px;
  padding:0;
  height:60px;
}
.rthk-logo p a{
  margin:0;
  padding:0;
  font-size:60px;
  font-family: Microsoft JhengHei;
  text-transform: uppercase;
  line-height:90px;
  word-spacing:-9px;
  text-decoration: none;
  color:white;
}
.rthk-logo p a span{
  font-size:34px;
}

/** added by RTHK **/
div {
	word-wrap: break-word;
}

.st-banner {
  background:#2f2f2f;
  margin-top:40px;
  color:white;
  text-align:center;
}
.st-banner p{
  margin:0;
  padding:0;
  line-height:90px;
  font-size:20px;
  font-weight:bold;
  font-family: Microsoft JhengHei;
}
/** TOP MENU**/
.avatar-nav-responsive span.toggle{
  display:none;
}
.top-menu .avatar-main-menu{
  margin:0 0 0 0;
  padding:0;
}
.top-menu .avatar-main-menu>li{
  display:inline-block;
  line-height:42px;
}
.top-menu .avatar-main-menu>li>a,.top-menu .avatar-main-menu>li>span{
  text-decoration: none;
  /*padding:0 0.7em 0 0.7em;*/
  color:#000;
  text-transform: uppercase;
  line-height:28px;
  /*font-family: Microsoft JhengHei !important;*/
  font-size:16px;
  font-weight:bold;
  text-align:center;
  width:94px;
  margin: 7px 0px;
}
.top-menu .avatar-main-menu>li>a font{
	font-size:16px !important;	
}

.top-menu .avatar-main-menu>li:hover>a,.top-menu .avatar-main-menu>li:hover>span, .top-menu .avatar-main-menu>li.active>a{
  color:#FFF;
  background-color:#8B7343;
 /* padding:0 0.7em 0 0.7em;*/
  text-align:center;
  /*text-decoration: underline;*/
}
/*.top-menu .avatar-main-menu>li>a.menu_home{
	width:71px;
}*/
.top-menu .avatar-main-menu>li>a.menu_pthnews{
	width:115px;
}
.top-menu .avatar-main-menu>li{
  position: relative;
  height:auto;
}
.top-menu .avatar-main-menu li:hover .span6{
  left:57px;
  opacity:1;
  filter:alpha(opacity=100);
}
.top-menu .avatar-main-menu li .span6{
  border-radius:5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background:white;
  margin:0;
  padding:10px 10px 30px 10px;
  border:1px solid #e2e2e2;
  opacity:0;
  left:-999999px;  
  filter:alpha(opacity=0);
  z-index:999999;
  position: absolute;
}
.top-menu .avatar-main-menu .span6:after{
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 7px 11px;
  border-color: #FFFFFF transparent;
  display: block;
  width: 0;
  top: -11px;
  left:60px;
  z-index:999;
}
.top-menu .avatar-main-menu .span6 .st-module-heading{
  line-height:18px;
}
.top-menu .avatar-main-menu .span6 .st-module-heading span{
  color:#16687f;
  font-size:16px;
  text-transform: uppercase;
}
.top-menu .avatar-main-menu .span6 .span4{
  margin:15px 0 0 20px;
  margin-left:3.5%;
  width:26.5%;
  border-right:1px solid #e2e2e2;
}
.top-menu .avatar-main-menu .span6 .span8{
  margin:15px 0 0 35px;
  margin-left:6.13%;
  width:58.3%;
}
.top-menu .span6 .span4 .st-module-content ul{
  list-style:none;
  margin: 15px 0 0 0;
}
.top-menu .span6 .span4 .st-module-content ul li{
  line-height:30px;
  width:auto;
}
.top-menu .span6 .span4 .st-module-content ul li a{
  font-size:15px;
  font-family: Microsoft JhengHei;
  color:#5c5c5c;
  text-decoration:none;
}
.top-menu .span6 .span4 .st-module-content ul li:last-child{
  line-height:17px;
  padding-top: 6px;
}
.top-menu .span6 .span4 .st-module-content ul li a:hover{
  color:#f26c4f;
}
.top-menu .span6 .span8 .st-module-content {
  margin:30px 0 0 0;
  list-style:none;
}
.top-menu .span6 .span8 .st-module-content  .image{
  height:165px;
  width:100%;
}
.top-menu .span6 .span8 .st-module-content  .image img{
  height:100%;
  width:100%;
  border:1px solid #ebebeb;
   -moz-box-sizing: border-box; 
   -webkit-box-sizing: border-box; 
   box-sizing: border-box;
}
.top-menu .span6 .span8 .st-module-content  .title {
  line-height:14px;
  padding-top:6px;
}
.top-menu .span6 .span8 .st-module-content .title a{
  color:#6b6b6b;
  text-decoration:none;
  font-size:15px;
  font-family: Microsoft JhengHei;
}
.top-menu .span6 .span8 .st-module-content .title a:hover{
  color:#f26c4f;
}
/** added by RTHK **/
#avatar-full-2-block { margin-top:0px; margin-bottom:12px;}
/** added by RTHK **/
.hideSubmenu .st-mega-menu-col, .deeper .pull, span.pull {
	display:none;
}

.thumb_arrow{ position:absolute; }
/** breadcrumb **/
.breadcrumb > li span.divider {
	vertical-align: text-bottom;
}

.breadcrumb > li {display:inline !important;}
.breadcrumb > li a, .breadcrumb > li span{white-space: nowrap;}

.breadcrumb > li span.divider img {
	vertical-align: baseline;
}

/** end breadcrumb **/

/** BREAKING NEWS **/
#avatar-body-top-block #avatar-user-top-col-3{
  border-top:1px solid #CCCCCC;
}
#avatar-pos-user-8 {
  width:28.4% !important;
}
.st-breaking-news .st-module-heading{
  width:20%;
  float:left;
}
.st-breaking-news .st-module-heading span{
  color:white;
  font-family: Microsoft JhengHei;
  font-weight:bold;
  font-size:16px;
  line-height:49px;
  text-transform: uppercase;
  padding-left:14px;
}
.st-breaking-news .st-module-content{
  width:78%;
  float:left;
  margin-left:2%;
}
.st-breaking-news .column-inner .title a{
  line-height:49px;
  color:white;
}
.st-breaking-news .sequence-canvas{
  overflow: hidden;  
}
/** SEARCH **/
#avatar-pos-user-9,#avatar-pos-user-10{
  float:right !important;
  width:auto !important;
}
#avatar-pos-user-9{
	border-left:1px solid #CCCCCC;
}
#avatar-pos-user-10{
 /* border-right:1px solid #CCCCCC;*/
  border-left:1px solid #CCCCCC;
   -moz-box-sizing: border-box; 
   -webkit-box-sizing: border-box; 
   box-sizing: border-box;
}
.search #mod-search-searchword{
  border-radius:0;
  border:0;
  height:30px;
  padding:0 0 0 8px;
 /* background: url(../images/st_theme/icon-search.png) no-repeat 179px 7px;*/
}
.search .btn-primary{ 
	background:none;border: none;
	background: url(../images/st_theme/icon-search.png) no-repeat;
	width: 16px;
	height: 18px;
	opacity: 0.7;
	float:left;
	margin-top:7px;
	margin-left:5px;
	cursor:auto;
}
.search .btn-primary:hover{
	opacity: 1;	
}

/** SOCIAL HEADER **/
.st-top-social a {
  float: left;
  display: block;
  height: 31px;
  width: 31px;
  border-right: 1px solid #CCCCCC;
  text-indent: -9999px;
}
.st-top-social a:hover, .SocialSharing a:hover{ text-decoration:none;}
.st-top-social a.facebook {
  background: url(../images/st_theme/icon-facebook.png) no-repeat center -40px;
}
.st-top-social a.facebook:hover {
  background-position: center 7px;
  background-color: #3661cf;
}
.st-top-social a.youtube {
  background: url(../images/st_theme/icon-youtube.png) no-repeat center -39px;
}
.st-top-social a.youtube:hover {
  background-position: center 6px;
  background-color: #C92027;
}
.st-top-social a.rss {
  background: url(../images/st_theme/icon-rss.png) no-repeat center -40px;
}
.st-top-social a.rss:hover {
  background-position: center 7px;
  background-color: #EE5122;
}
.st-top-social a.instagram {
  background: url(../images/st_theme/icon-instagram.png) no-repeat center -39px;
}
.st-top-social a.instagram:hover {
  background-position: center 7px;
  background-color: #316598;
}
.st-top-social a.podcast {
  background: url(../images/st_theme/icon-podcast.png) no-repeat center -40px;
}
.st-top-social a.podcast:hover {
  background-position: center 7px;
  background-color: #6F2B8F;
}
.st-top-social a.subscribe {
  background: url(../images/st_theme/icon-subscribe.png) no-repeat center -40px;
}
.st-top-social a.subscribe:hover {
  background-position: center 7px;
  background-color: #E84B87;
}
.st-top-social a.twitter {
  background: url(../images/st_theme/icon-twitter.png) no-repeat center -40px;
}
.st-top-social a.twitter:hover {
  background-position: center 8px;
  background-color: #9AE4E8;
}
.st-top-social a.pinterest {
  background: url(../images/st_theme/icon-pinterest.png) no-repeat center -36px;
}
.st-top-social a.pinterest:hover {
  background-position: center 7px;
  background-color: #bc3737;
}
.st-top-social a:last-child:after {
  content:'';
  display: block;
  clear: both;
}
/** Content **/
#avatar-content{
 /* margin-right:0.3%;*/
}
#avatar-main-content-inner{
  /*margin-right:1.4%;*/
  width:100%
}
#avatar-right .avatar-module{
  margin-left:12px;
  padding: 0 0 0 0;
  /*border-bottom:1px solid #CCC;*/
  /*margin-top:17px;*/
}
#avatar-right .avatar-module:first-child {
	margin-top:0px;
}
/** TOP SLIDER **/
#avatar-pos-banner-top .avatar-module {
  margin-bottom:0px;
  border-bottom:1px solid #CCC;
  
}

.st-top-slider .layer-effect-slide .column{
  overflow:hidden;
}
.st-top-slider .layer-effect-slide .column-inner{
  height:100%;
  padding:0;
  position:relative;
}
.st-top-slider .st-layer-slider .sequence-next {
  width:32px;
  height:32px;
  right: 0;
  top: 5%;
  background: url(../images/st_theme/icon-slider.png) no-repeat -38px 8px #1B1B1B;
  border-radius: 2px;
}
.st-top-slider .st-layer-slider .sequence-next:hover {
  background-position: -38px -36px;
}
.st-top-slider .st-layer-slider .sequence-prev {
  width:32px;
  height:32px;
  right: 45px;
  top: 5%;
  left: auto;
  background: url(../images/st_theme/icon-slider.png) no-repeat 10px 8px #1B1B1B;
  border-radius: 2px;
}
.st-top-slider .st-layer-slider .sequence-prev:hover {
  background-position: 10px -36px;
}
.st-top-slider .column-inner .image,.st-top-slider .column-inner .image a,
.st-top-slider .column-inner .image a img{
  width:100%;
  height:100%;
}
.st-top-slider .column-inner .title,.st-top-slider .column-inner .content{
  z-index:5;
  margin:0;
  padding:0;
  position:absolute;
}
.st-top-slider .column-inner .title{
  left:0;
  bottom:58px;
  height:31px;
  background:#eb1c15;
  border-radius:3px;
  line-height:31px;
}
.st-top-slider .column-inner .title a{
  text-decoration:none;
  color:white;
  cursor: pointer;
  font-family: Arial;
  font-size:16px;
  font-weight:bold;
  line-height:31px;
  text-transform:uppercase;
  padding:0 33px 0 9px;
}
.st-top-slider .column-inner .title a:hover{
  text-decoration: underline;
}
.st-top-slider .column-inner .content{
  color:#d7d7d7;
  left:0;
  bottom:0;
  height:58px;
  background:rgba(0,0,0,0.8);
}
.st-top-slider .column-inner .content p{
  margin:0;
  padding:8px 45px 0 9px;
  line-height:22px;
  overflow: hidden;
}
/** WORLD - TRAVEL **/
#avatar-content-user-top{
  border-top:1px dotted #d7d7d7;
  border-bottom:1px solid #ececec;
  padding-top:24px;
  padding-bottom:18px;
}

.st-world{
  margin-right:15px;
  position: relative;
}
.st-travel{
  margin-left:15px;
  position: relative;
}
.st-world .st-module-heading, .st-travel .st-module-heading{
  color:white;
  font-size:16px;
  font-weight:bold;
  font-family: Microsoft JhengHei;;
  text-transform:uppercase;
  position:absolute;
  margin:0;
  line-height:30px;
  top:10px;
  left:10px;
  padding: 0 10px;  
  z-index: 10;
}
.st-world .st-module-heading{
  background:#6cac00;  
}
.st-travel .st-module-heading{
  background:#eb1c15;
}
.st-world .items, .st-travel .items{
  padding:15px 0 8px 0;
  border-bottom:1px solid #ececec;
}
.st-world .items:first-child, .st-travel .items:first-child{
  padding-top:0;
}
.st-world .items:first-child, .st-travel .items:first-child,.st-world .items:last-child, .st-travel .items:last-child{
  border:0;
}
.st-world .items .title,.st-travel .items .title, .st-movies .items .title{
  line-height:11px;
  margin:0;
  padding:0;
  
}
.st-world .items:first-child .title,.st-travel .items:first-child .title{
  margin:0;
  padding:14px 0 8px 0;
}
.st-world .items .title a,.st-travel .items .title a, .st-movies .items .title a{
  padding:0;
  margin:0;
  font-family: Microsoft JhengHei;
  font-weight:bold;
  color:#1B1B1B;
  font-size:16px;
}
.st-world .items:first-child .title a,
.st-travel .items:first-child .title a{
  padding-top:14px;
  font-size:20px;
}
.st-movies .items:first-child .title a{
  font-size:16px;
}
.st-world .items .image, .st-travel .items .image, .st-movies .items .image{
  margin-right:9px;
  float:left;  
  width:35.2%;
  height:90px;
}
.st-world .items:first-child .image a,.st-world .items:first-child .image img,
.st-travel .items:first-child .image a,.st-travel .items:first-child .image img,
.st-movies .items:first-child .span6 .image,.st-movies .items:first-child .span6 .image img{
    height:100%;
    width:100%;
}
.st-world .items .content p,
.st-travel .items .content p, 
.st-movies .items .content p{
    height:40px;
    overflow:hidden;
}
.st-world .items:first-child .content p,
.st-travel .items:first-child .content p, 
.st-movies .items:first-child .content p{
    height:auto;
}
.st-world .items .image a, .st-travel .items .image a, .st-movies .items .image a,
.st-world .items .image img, .st-travel .items .image img, .st-movies .items .image img{
    width:100%;
    height:90px;
}
.st-world .items:first-child .image, .st-travel .items:first-child .image{
  margin:0;
  float:none;
  height:230px;
  width:100%;
}
/*.st-world .items .date:before{
  content:' ';
  margin-left:12px;
  background: url('../images/st_theme/icon-calender.png') no-repeat 0 7px;
}
*/
.st-world .items .date, .st-travel .items .date, .st-movies .items .date{
  font-size:13px;
  font-family: Microsoft JhengHei;
  color:#565656;
  line-height:20px;
  padding:2px 0 6px 0px;
}
.st-world .content, .st-travel .content,.st-movies .content{
  font-size:16px;
  font-family: Arial;
  line-height:20px;
  color:#777777;
  padding-right:5px;
}
/** ST-VIEW-MORE-MOVIES **/
.st-view-more-movies p{
  line-height:32px;
  margin:0px 0 9px 0;
  text-transform: uppercase;
  /*font-weight:bold;
  background:#f2f2f2;
  border-bottom:1px solid #CCC;
  border-right:1px solid #CCC;*/
}
.st-view-more-movies p span{
  padding:8px 10px 8px 0px;
  color:#8B7343;
  font-size:18px;
  /*font-family: 'Tangerine';*/
  margin-left:0px;
}
.st-view-more-movies p a{
  line-height:32px;
  float:right;
  margin-right:10px;
  text-decoration: none;
  color:#a7a7a7;
  font-size:16px;
  font-family:Arial;
}
.st-view-more-movies p a:hover{
  text-decoration: underline;
}
/** ST-MOVIES **/

.xxxst-movies {
  padding-bottom:20px;
  border-bottom:1px solid #ececec;
  padding-bottom: 20px;
  border-bottom:1px solid #CCC;
}
.st-movies .items:first-child .span6{
  width:100%;
  margin:0;
  padding-bottom:20px;
}
.st-movies .items:first-child .span6:last-child{
 /* padding-bottom:25px;*/
}
.st-movies .items:first-child .span6 .image{
  float:left;
  height:230px;
  margin-right:30px;
  width:48%;
}
.st-movies .items:not(:first-child) .span6{
  padding:15px 0 8px 0;
  margin:0;
  width:49%;
  float:left;
  margin-right:2%;
}
.st-movies .items:not(:first-child) .span6:last-child{
  float:right;
  margin-left:0;
  margin-right:0;
}
.st-movies .items .span6{
  border-bottom:1px solid #ececec;
}
.st-movies .items:first-child .span6, .st-movies .items:last-child .span6{
  border-bottom:0;
  padding: 0;
  background: #FFF;
  border: 1px solid #FFF;
  box-shadow: 0px 0px 8px 0px #D5D5D5;
  margin: 13px 5px 0px 0px;
  padding: 6px;
}

/** ST-MOVIES-NO-FEATURED by RTHK**/

.st-movies-no-featured {
  padding: 17px 0 5px 0;
  border-bottom:1px solid #CCC;
}
.st-movies-no-featured .items:first-child .span6{
  padding:15px 0 8px 0;
  margin:0;
  width:49%;
  float:left;
  margin-right:2%;
}

.st-movies-no-featured .items:first-child .content p {
	height: 40px;
	overflow:hidden;
}

.st-movies-no-featured .items:first-child .span6:last-child{
  float:right;
  margin-left:0;
  margin-right:0;
  
  padding-bottom: 6px;
  width: 49%;
}
.st-movies-no-featured .items:first-child .span6 .image{
  margin-right: 9px;
  float: left;
  width: 35.2%;
  height: 90px;
}
.st-movies-no-featured .items:not(:first-child) .span6{
  padding:15px 0 8px 0;
  margin:0;
  width:49%;
  float:left;
  margin-right:2%;
  background: #FFF;
}
.st-movies-no-featured .items:not(:first-child) .span6:last-child{
  float:right;
  margin-left:0;
  margin-right:0;
}
.st-movies-no-featured .items .span6{
  border-bottom:1px solid #ececec;
}
.st-movies-no-featured .items:first-child .span6, .st-movies-no-featured .items:last-child .span6{
  background: #FFF;
  box-shadow: 0px 0px 8px 0px #D5D5D5;
  margin: 0px 5px 12px 0px;
  padding: 6px;
}


/** ST-CAROUSEL **/
.st-carousel{
  position:relative;
  margin-bottom:15px;
  padding-bottom: 6px;
  border-bottom:1px solid #CCC;
}
.st-carousel .st-module-heading{
  line-height:32px;
  margin:14px 0 9px 0;
  font-size:18px;
  /*font-family: 'Tangerine';*/
  /*background:#f2f2f2;
  border-bottom:1px solid #CCC;
  border-right:1px solid #CCC;*/
}
.st-carousel .st-module-heading span span{
  padding:8px 10px 8px 0px;
  color:#8B7343;
  font-size:18px;
  /*font-family: 'Tangerine';*/
  margin-left:0px;


}
.st-carousel .layer-effect-recentwork .sequence-prev , .st-carousel .layer-effect-recentwork .sequence-next{
  background:url(../images/st_theme/icon-carousel.png) no-repeat ;
  border-radius:0;
  width:10px;
  height:15px;
  bottom:auto;
}
.st-carousel .layer-effect-recentwork .sequence-prev{
  background-position:top left;
  top:-47px;
  left:93.5%;
}
.st-carousel .layer-effect-recentwork .sequence-next{
  background-position:top right;
  left:auto;
  top:-47px;
  right:12px;
}
.st-carousel .st-module-content{
  /*background:#2d2d2d;*/
}
.st-carousel .column .column-inner{
  margin-top:15px;
  margin-left:0px;
  background: #FFF;
  border: 1px solid #ececec;
  box-shadow: 0px 0px 8px 0px #D5D5D5;
  margin: 0px 5px 0px 0px;
  height: auto;
  padding:6px;
}
.st-carousel .column:first-child .column-inner{
  margin:0 10px 0 0;
}
.st-carousel .column:last-child .column-inner{
  margin-left:6px;
}
.st-carousel .image{
  height:120px;
}
.st-carousel .column .title{
  padding:12px 0 3px 0;
}
.st-carousel .column .title,.st-carousel .column .title a{
  color:#000;
  font-family: Microsoft JhengHei;
  line-height:20px;
  font-size:16px;
  font-weight:bold;
}
.st-carousel .column .date{
  color:#565656;
  font-size:12px;
  font-family: Microsoft JhengHei;
  padding-bottom:9px;
}
.st-carousel .column .content{
  font-size:16px;
  color:#777777;
}
.st-carousel .column .content p{
  height:40px;
  overflow:hidden;
}
/** LOCAL-NEWS **/
.st-local-news{
  border-top:1px solid #ececec;
  margin-bottom:47px;
}  
.st-local-news .st-module-heading{
  line-height:32px;
  margin:30px 0 22px 0;
  text-transform: uppercase;
  font-weight:bold;
  background:#f2f2f2;
  border-bottom:1px solid #CCC;
  border-right:1px solid #CCC;
  font-size:16px;
  font-family: Microsoft JhengHei;
  width:100%;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
}
.st-local-news .st-module-heading span span{
  margin-left:10px;
  color:white;
  background:#6cac00;
  padding:8px 10px; 
}
.st-local-news .span6{
  width:48%;
  margin-right:2%;
  float:left;
}
.st-local-news .span6:last-child{
  margin:0;
  margin-left:2%;
  float:right;
}
.st-local-news .span6 .intro .image{
  margin: 0;
  float: none;
  height: 230px;
  width: 100%;
}
.st-local-news .span6 .intro .image img,.st-local-news .span6 .intro .image a{
  height:100%;
  width:auto;
}
.st-local-news .span6 .intro .title{
  line-height:20px;
  padding-top: 14px;
}
.st-local-news .span6 .intro .title a{
  margin: 0;
  padding:0;
  font-family: Microsoft JhengHei;
  font-weight: bold;
  color: #1B1B1B;
  font-size: 20px;
}
.st-local-news .span6 .intro .date{
  font-size: 13px;
  font-family: Microsoft JhengHei;
  color: #565656;
  line-height: 20px;
  padding: 2px 0 6px 0px;
}
.st-local-news .span6 .intro .content{
  font-size: 16px;
  font-family: Microsoft JhengHei;
  line-height: 20px;
  color: #777777;
  padding-right: 5px;
  height:80px;
  overflow:hidden;
}
.st-local-news .span6 .items .image{
  margin-right: 20px;
  float: left;
  width: 35.2%;
  height: 90px;
}
.st-local-news .span6 .items .image a,.st-local-news .span6 .items .image img{
  width:100%;
  height:90px;
}
.st-local-news .span6 .items{
  padding: 15px 0 8px 0;
  margin: 0;
  border-bottom: 1px solid #ececec;
}
.st-local-news .span6 .items:first-child{
  padding-top:0;
}
.st-local-news .span6 .items:last-child{
  border-bottom:0;
}
.st-local-news .span6 .items .title{
  line-height:20px;
  margin:0;
  padding:0;
  
}
.st-local-news .span6 .items .title a{
  padding:0;
  margin:0;
  font-family: Microsoft JhengHei;
  font-weight:bold;
  color:#1B1B1B;
  font-size:16px;
}
.st-local-news .span6 .items .date{
  font-size: 13px;
  font-family: Microsoft JhengHei;
  color: #565656;
  line-height: 20px;
  padding: 2px 0 6px 0px;
}
.st-local-news .span6 .items .content p{
  height: 40px;
  overflow: hidden;
}
/** PHOTO GALLERY SLIDER **/
.st-gallery-slider{
  margin-bottom:-50px;
}
.st-gallery-slider .st-module-heading{
  line-height:32px;
  margin:0 0 11px 0;
  font-family: Microsoft JhengHei;
}
.st-gallery-slider .st-galleria{
  border:1px solid #dddddd;
  -moz-box-sizing: content-box; 
  -webkit-box-sizing: content-box; 
  box-sizing: content-box;
}
.st-gallery-slider .st-module-heading span span{
  margin-left:10px;
  color:white;
  background:#eb1c15;
  padding:8px 10px; 
}
.st-gallery-slider .galleria-container{
  background:#f2f2f2;
}
.st-gallery-slider .galleria-stage{
  left:20px !important;
  right:20px !important;
  top:30px !important;
  bottom:221px !important;
}
.st-gallery-slider .galleria-stage .galleria-images{
  top:31px !important;
  width:100% !important;
  height:518px !important;
}
.galleria-stage .galleria-image{
  width:100% !important;
  height:100% !important;
}
.st-gallery-slider .galleria-layer{
  top:0 !important;
  left:0 !important;
  bottom:0 !important;
  right:0 !important;
  width:100% !important;
  height:100% !important;
}
.st-gallery-slider .galleria-stage .galleria-image img{
  top:0 !important;
  left:0 !important;
  bottom:0 !important;
  right:0 !important;
  width:100% !important;
  height:100% !important;
}
.st-gallery-slider .galleria-info{
  width:auto;
  left:20px;
  right:20px;
  top:30px;
}
.st-gallery-slider .galleria-info-text{
  padding:0;
  margin:0;
  background-color:transparent;
  display:block;
}
.st-gallery-slider .galleria-info-title{
  top:-3px;
  color:#1b1b1b;
  font-size:20px;
  font-weight:bold;
  font-family: Microsoft JhengHei;
  position:absolute;
  margin:0;
}
.st-gallery-slider .galleria-info-title a{
  color:#1b1b1b;
  font-size:20px;
  font-weight:bold;
  font-family: Microsoft JhengHei;
}
.st-gallery-slider .galleria-info-description{
  position:absolute;
  color:#777777;
  font-size:16px;
  font-family: Microsoft JhengHei;
  top:570px;
  text-align:center;
}
.st-gallery-slider .galleria-thumbnails-container:before{
  content:'';
  text-align:center;
  border-top:1px solid #dcdcdc;
  width:56%;
  position:absolute;
  bottom:100px;
  left:22%;
  height:0px;
}
.st-gallery-slider .galleria-thumbnails-container{
  left:20px;
  right:20px;
  height:80px;
  bottom:30px;
}
.st-gallery-slider .galleria-thumbnails{
  width:auto !important;
  height:80px !important;
}
.st-gallery-slider .galleria-thumbnails .galleria-image{
  width:110px !important;
  height:70px !important;
  margin-right:10px !important;
  border:5px solid #3b3b3b !important;
  background:transparent !important;
}
.st-gallery-slider .galleria-thumbnails .galleria-image img{
  width:100% !important;
  height:100% !important;
}
.st-gallery-slider .galleria-counter{
  color: #1b1b1b !important;
  font-family: Microsoft JhengHei;
  font-weight: bold;
  font-size: 16px;
  left: auto;
  bottom: auto;
  top: 0;
  right: 40px;
  opacity: 1 !important;
}
.news_feature_col{

}
.news_feature_col_left{
    border:1px solid #e2e2e2;
	background-color:#FFF;
	padding:14px;
	margin: 70px 6px 0 0;
	box-shadow: 0px 0px 8px 0px #D5D5D5;
}
.news_feature_col_right{
    border:1px solid #e2e2e2;
	background-color:#FFF;
	padding:14px;
	margin-top: 70px;
	box-shadow: 0px 0px 8px 0px #D5D5D5;
}
.galleria-image-nav {
  z-index:10;
    position: absolute;
    width: 9%;
    height: 18px;
    right: 0;
    top: 0px;
    left:auto;
    margin:0;
}
.galleria-image-nav-right,.galleria-image-nav-left{
  opacity:1 !important;
  width:30px !important;
  height:18px !important;
}
.galleria-image-nav-right{
  background:url(../images/st_theme/icon-gallery.png) no-repeat top right !important;
  right:10px;
  left:auto;
}
.galleria-image-nav-left{
  background:url(../images/st_theme/icon-gallery.png) no-repeat top left !important;
  right:71px;
  left:auto;
}
/** PHOTO GALLERY **/
.st-photo-gallery .st-module-heading{
  /*line-height:50px;*/
  margin:39px 0 10px 0;
  text-transform: uppercase;
  font-size:21px;
  /*font-family: 'Tangerine';*/
}
.st-photo-gallery .st-module-heading span span{
  margin-left:0px;
  color:#8B7343;
  padding:8px 0px; 
}
.st-photo-gallery .contents .row-fluid:first-child{
	/*padding: 0px 0px 80px 0px;*/
}
.st-photo-gallery .contents .row-fluid:last-child{
	padding: 0px 0px 17px 0px;
}


/** added by RTHK**/


.st-photo-gallery .title{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
}



.homepage-video {
	border-bottom: 1px solid #CCC;
}


.homepage-newsfeature > div {
	margin-top: 14px;
}

.home_top_news{ margin-top:-2px;}

.homepage-newsprograme .items > div {
	width: 18.9%;
	margin: 0em 0em 0em 0.62em;
	background-color: #FFF;
	box-shadow: 0px 0px 8px 0px #D5D5D5;
	margin-top: 3px;
	padding: 7px;
}

.homepage-trafficnews {
	margin-top: 17px;
}

.homepage-trafficnews .nssp2 {
	background: white;
	margin-top: 14px;
	box-shadow: 0px 0px 8px 0px #D5D5D5;
	padding: 7px;
}

.homepage-photogallery .st-module-heading, .homepage-video .st-module-heading,  .homepage-newsprograme .st-module-heading{ margin: 17px 0 14px 0;}

.homepage-photogallery > div{
	background-color: #FFF;
	box-shadow: 0px 0px 8px 0px #D5D5D5;
	padding: 7px;
	margin-top: 4px;
}

.latest-news-detail, .news-programmes-index, .pth-summary-news-index, .program-detail, .new_gallery_index, .video_gallery_index, .news_feature_index, .subscription_form_index, .news-archive-index, .rss_index {
	margin-top: 38px;
}
 .error-index{
	margin-top: 0px;
}

.error-index  .st-module-content{
	padding: 17px;
	background: #FFF;
	border: 1px solid #ececec;
	box-shadow: 0px 0px 8px 0px #D5D5D5;
	margin-top:10px;
	min-height:415px;
}

.body-error-page .breadcrumb{ margin: -2px 0px -60px -9px !important;}

/*.news_feature_index{
	margin-top: -7px;
}*/

.latest-news-detail .st-module-content{margin-top:-3px;}

.st-contact-info{margin-top:38px;}
.news_feature_index .st-module-content{ margin-top:7px;}

.video_gallery_index .st-module-content,.new_gallery_index .st-module-content{ margin-top:10px;}

.latest-news-detail{
	padding-bottom:17px;
	/*border-bottom: 1px solid #CCC;*/
}


.latest-news-detail .nssp2 {
	background: white;
	margin-top: 14px;
	box-shadow: 0px 0px 8px 0px #D5D5D5;
	padding: 7px;
}

.latest-news-detail .nssp2 a:visited, .home_latestnews .st-module-content a:visited{ color:#b4a27e;}
.express-news-video > div{
	/*margin-top: 10px;*/
}

.express-news-video .contents {
	overflow: hidden;
}

.express-news-video .items {
	background: white;
	padding: 7px !important;
	margin-bottom: 17px;
	box-shadow: 0px 0px 8px 0px #D5D5D5;
}

.express-news-video .st-module-heading{ margin: 17px 0 14px 0;}

.backup_st-photo-gallery .span3 .inner{
  position: relative;
  height:250px;
  overflow:hidden;
  background: #FFF;
  border: 1px solid #ececec;
  box-shadow: 0px 0px 8px 0px #D5D5D5;
  margin: 0px 5px 0px 0px;
  height: auto;
  padding: 6px;
}
.backup_st-photo-gallery .span3 .inner .image,
.backup_st-photo-gallery .span3 .inner .image a,
.backup_st-photo-gallery .span3 .inner .image img{
  width:100%;
  /*height:100%; commented by Lorem Chan@IES*/
}
.backup_st-photo-gallery .span3 .inner .image a{
  position:relative;
  display:block;
}
.backup_st-photo-gallery .span3 .inner .image a:before{
  content:'';
  position: absolute;
  width:30px;
  height:30px;
  border-radius:5px;
  left:44.44%;
  top:0%;
  z-index:3;
  /*background: #fff url(../images/st_theme/icon-eye.png) no-repeat center center;*/
  opacity:0;
  filter:alpha(opacity=0);
}
.backup_st-photo-gallery .span3 .inner:hover .image a:before{
  top:40%;
  opacity:1;
  filter:alpha(opacity=100);
}
.backup_st-photo-gallery .span3 .inner .image a:after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  /*background-color:#eb1c15;*/
  opacity:0;
  filter:alpha(opacity=0);
}
.backup_st-photo-gallery .span3 .inner:hover .image a:after{
  opacity:0.6;
  filter:alpha(opacity=60);
}
.backup_st-photo-gallery .span3 .inner .title{
  opacity:0;
  filter:alpha(opacity=0);
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  z-index:3;
  text-align:center;
  line-height:40px;
  /*background:#eb1c15;*/
}
.backup_st-photo-gallery .span3 .inner:hover .title{
  opacity:1;
  filter:alpha(opacity=100);
}
.backup_st-photo-gallery .span3 .inner .title a{
  color:white;
  font-family: Microsoft JhengHei;
  font-weight:bold;
  font-size:16px;
  text-transform: uppercase;
}

.moreButton {
	position: relative;
	font-size: 12px;
	font-family:"Arial", Gadget, sans-serif;
	margin-left: 10px;
	font-weight: normal;
	vertical-align: middle;
	font-style: normal;
}
/** News Arvhive (Added by RTHK) **/
/*.news_archive_bar { display:none;}*/
#avatar-body-top-block #avatar-user-top-col-4{ position:relative;}
#avatar-body-top-block #avatar-user-top-col-4 #avatar-pos-user-11 { width:100%;}
.news_archive_bar{display:none; background-color:#8B7343; font-size:16px; ;padding:0.5% 1% 1% 1% ;color:#FFF; }
.news_archive_bar *{ vertical-align:middle;}
.news_archive_bar form{}
.news_archive_bar span { text-align:right;}
.news_archive_bar select, .news_archive_bar input{ width:auto; margin:0; height:auto; padding:0;  }
.news_archive_bar input[type="submit"]{ padding:0px 5px;line-height: 16px;margin-right: 5px;}
/** PTH News items (Added by RTHK) **/
div.pth-summary-news-index{/*border-bottom: #CCC 1px solid;*/}
div.pth-summary-news-index .news{width: 100%; display:inline-block; background-color:#FFF; box-shadow: 0px 0px 8px 0px #D5D5D5; margin: 12px 0px 17px 0px; min-height:500px; line-height: 24px;}
div.pth-summary-news-index .news > div{ padding: 30px 15px;}
div.pth-summary-news-index .news .title_date{color:#8B7343; font-size:17px; font-weight:bold}
div.pth-summary-news-index .news hr{ border:#8B7343 solid 1px; margin: 15px 0px 0px 0px;}
div.pth-summary-news-index .news .item{ width:70%; border-bottom: #999 1px solid; padding: 7px 5px; }
div.pth-summary-news-index .news .item *{vertical-align:middle;}
div.pth-summary-news-index .news .item audio{ width:50% !important;}
div.pth-summary-news-index .news .item .listenbutton{cursor:pointer;color:#000;}
div.pth-summary-news-index .news .item .listening{width:50%;float:right;}
div.pth-summary-news-index .news .item .jp-type-single{ width:100%; float: right !important;}
div.pth-summary-news-index .news .item { line-height: 35px !important;}

/** News Archive List **/
div.news-archive-index{/*border-bottom: #CCC 1px solid;*/}
div.news-archive-index .news{width: 100%; display:inline-block; background-color:#FFF; box-shadow: 0px 0px 8px 0px #D5D5D5; margin: 12px 0px 17px 0px; min-height:500px; line-height:24px;}
div.news-archive-index .news > div{padding: 30px 15px;}
div.news-archive-index .news .title_date{color:#8B7343; font-size:17px; font-weight:bold}
div.news-archive-index .news hr{ border:#8B7343 solid 1px; margin: 15px 0px 0px 0px;}
div.news-archive-index .news .item{display: block; width:90%; border-bottom: #999 1px solid; padding: 12px 5px; }
div.news-archive-index .news .item *{vertical-align:middle;}
div.news-archive-index .news .item .title{display: inline-block;width:55%;}
div.news-archive-index .news .item .newsArchiveMediaIndicators {display: inline-block;overflow: hidden;}
div.news-archive-index .news .item .newsArchiveMediaIndicators img {margin:0 1px;float:right;}
div.news-archive-index .news .item .newsArchiveLiveTime {display: inline-block;width:26%;margin: 0 15px 0 0;font-family:Arial, Helvetica, sans-serif;}

/*RSS pages */
div.rss_index #rss{padding: 30px 15px; display:inline-block; background-color:#FFF; box-shadow: 0px 0px 8px 0px #D5D5D5; margin: 17px 0px 17px 0px; min-height:500px;}
div.rss_index #rss table {
	border-collapse: separate;
	margin-bottom: 1em;
	border-spacing: 5px 5px;
	table-layout: fixed;
	width: 100%;
}

div.rss_index #rss table tr:nth-child(odd){
	background: #EEEEEE;
}

div.rss_index #rss table tr:nth-child(even){
	background: #DDDDDD;
}

div.rss_index #rss table tr td{
	padding:3px;
	word-wrap: break-word;
}

div.rss_index #rss .title{
	width: 20%;
}

div.rss_index #rss p {
	margin-bottom: 1em;
}

div.subscription_form_index .subscriptionForm{ width:100%; display:inline-block; background-color:#FFF; box-shadow: 0px 0px 8px 0px #D5D5D5; margin: 17px 0px 17px 0px; min-height:500px;}
div.subscription_form_index .subscriptionForm > div{padding: 30px 15px; }


/** Related News items (Added by RTHK) **/
div.blank_bottom_line{border-bottom: 1px solid #CCC; height:20px; }
div.itemRelated h3.itemTitle{padding:17px 0px 10px;}
div.itemRelated div.items div.news-row div{ vertical-align:top;  float:left; }
div.itemRelated div.items div.news-row div:first-child{ margin-left: 0 ; }
div.itemRelated div.items div.item{ padding:7px;width:46.5%; display:inline-block; background-color:#FFF; box-shadow: 0px 0px 8px 0px #D5D5D5; margin-bottom:1.2%; margin-left:1.2%;}
div.itemRelated div.items div.item div{ display:inline-block;}
div.itemRelated div.items div.item div.image{ width:49%;}
div.itemRelated div.items div.item div.image a{}
div.itemRelated div.items div.item div.image img{margin-bottom: -5px;}
div.itemRelated div.items div.item div.image div.relatedNewsThumbnail{position:relative;min-height: 100px;width: 100%;}
div.itemRelated div.items div.item div.right{ width:50%; line-height:15px; vertical-align:top; padding:0 0 0 1%;}
div.itemRelated div.items div.item div.right div{ display:block; float:left;width:100%;}
div.itemRelated div.items div.item div.right div.title{ min-height:95px; } 

/** News Programmes Index page (Added by RTHK) **/
.news-programmes-index div.programme-list div.program-row{}
.news-programmes-index{ padding: 0px;}
.home_news_programme{padding: 0px; }

.in_homepage div.programme-list{padding: 0 0 11px 0;}

.news-programmes-index div.programme-list div.program-row div.program div.desc{ min-height:136px;}
.news-programmes-index div.programme-list div.program-row div.program div.created{ position:absolute;}
.news-programmes-index div.programme-list div.program-row div.program div.programmeThumbnail{position:relative;min-height: 100px;}
.home_news_programme div.programme-list div.program-row div.program div.desc{ min-height:205px;}
.in_homepage div.programme-list div.program-row div.program div.desc{ height:90px;}
.news-programmes-index div.programme-list div.program{ display:inline-block; float:left; vertical-align:top;  width:18.9%;  height:100%; margin: 1% 0 1% 1.2%;}
.news-programmes-index div.programme-list div.program > div{ padding:8px 8px 15px 8px; background-color:#FFF; box-shadow: 0px 0px 8px 0px #D5D5D5;}
.in_homepage div.programme-list div.program{width:17%; margin: 12px 0 0px 9px; padding:6px; }
.news-programmes-index div.programme-list div.program:first-child { margin-left: 0 ;}
.news-programmes-index div.programme-list div.program:nth-child(5n+1){ margin-left: 0 ;}
.news-programmes-index div.programme-list div.program img{ position:relative; width:100%;}
.news-programmes-index div.programme-list div.program > div{ min-height:313px;}

.news-programmes-index div.programme-list div input[type=image]{width:100%;}
.home_news_programme div.programme-list div.program{/*width:16.8%;*/ }
.home_news_programme div.programme-list div.program > div{ min-height:330px;}

.news-programmes-index table.programme-list{ margin-top:13px;}
.news-programmes-index table.programme-list tr.program-row td div.program div.desc{ margin-bottom:15px; min-height: 120px;}
.news-programmes-index table.programme-list td{ display:inline-block; vertical-align:top;  width:19%; /*margin: 1.2% 0 1.2% 1.2%; */background-color:#FFF; box-shadow: 0px 0px 8px 0px #D5D5D5;   }
.news-programmes-index table.programme-list td.space_cln{ width:1.2%; background:none; box-shadow:none;}
.news-programmes-index table.programme-list td.no_background{ background:none; background-color: transparent; box-shadow:none; margin:0px;}
.news-programmes-index table.programme-list td div.program{ padding:7px; min-height: 320px;}
.news-programmes-index table.programme-list td div.program div{}
.news-programmes-index table.programme-list td div.program .created{bottom:0px;}
.news-programmes-index table.programme-list td:first-child{ margin-left: 0 ;}
.news-programmes-index table.programme-list td div.program div img{ position:relative; width:100%;}
.news-programmes-index table.programme-list div input[type=image]{width:100%;}


.related_news_programme, .related_news_feature { width:100%; padding: 16px 0px 0px 0px;}
.related_news_programme div.programme-list, .related_news_feature div.feature-list{margin-top:6px;} 
.related_news_programme div.programme-list div.program, .related_news_feature div.feature-list div.feature{ width:46%; position:relative;display:inline-block;  margin: 7px 0px; padding:7px; background-color:#FFF; box-shadow: 0px 0px 8px 0px #D5D5D5; }
.related_news_feature div.feature-list div.feature:nth-child(2n+0){margin-left:8px;}
.related_news_programme div.programme-list div.program:nth-child(2n){margin-left:12px;}

.related_news_programme div.programme-list div.program div, .related_news_feature div.feature-list div.feature div { display:inline-block;  vertical-align:top;}
.related_news_programme div.programme-list div.program .image{width:37%;}
.related_news_programme div.programme-list div.program .desc{width:61%; margin-left:4px; line-height: 14px; font-size: 14px;}
.related_news_programme div.programme-list div.program .desc div{ width:100%;}
.related_news_programme div.programme-list div.program .desc .text{ min-height:95px;line-height: 20px;}

.related_news_feature div.feature-list div.feature .image{width:49.5%;}
.related_news_feature div.feature-list div.feature .desc{width:49%;  line-height: 14px; font-size: 16px;}
.related_news_feature div.feature-list div.feature .desc div{ width:100%;}
.related_news_feature div.feature-list div.feature .desc .text{ min-height:95px;line-height: 20px;}
.related_news_feature div.feature-list div.feature .relatedNewsFeatureThumbnail{position:relative; min-height: 100px;width: 100%;}

div.program-detail div.detail, div.otherprogram{margin-top: 14px; padding:15px; background-color:#FFF; box-shadow: 0px 0px 8px 0px #D5D5D5; }
div.program-detail div.detail{margin-top: 13px;}
div.otherprogram{margin-bottom: 10px; padding-bottom: 0px;}
div.otherprogram div.program{border-bottom: 1px solid #CCC; margin-bottom:17px; padding-bottom:13px; }
div.otherprogram div.program:last-child{border:none;}
div.otherprogram div.program div{ display:inline-block;}
div.otherprogram div.program div.image{ width:35%;}
div.otherprogram div.program div.image img{border: 1px solid #CCC; width:98%;}
div.otherprogram div.program div.right{ width:62%;  vertical-align:top; padding:0 0 0 3%;}
div.otherprogram div.program div.right div{ display:block;}
div.otherprogram div.program div.right div.desc{ }
div.otherprogram div.program div.right div.count_episode{}

div.program-detail{padding: 0 0 17px 0;/*border-bottom: 1px solid #CCC;*/}  


div.program-detail div.detail div.intro{ margin:10px 0px 18px 0px; float:left; width:63%;}
div.program-detail div.detail div.intro div{ margin-top:10px;}
div.program-detail div.detail div.intro div.pname{ font-weight:bold; font-size:21px;}
div.program-detail div.detail div.intro div.title{ font-weight:bold;}
div.program-detail div.detail .SocialSharing{ float:right; vertical-align:middle;  margin-bottom: 8px;}
div.program-detail div.detail .SocialSharing *{vertical-align:middle;}
div.program-detail div.detail .SocialSharing a:hover{ text-decoration: none;}
div.program-detail div.detail .SocialSharing img, div.program-detail div.detail .SocialSharing .fb-like{ vertical-align:middle;}
div.program-detail div.detail .thumb{ float:left; width:37%;}
div.program-detail div.detail .thumb > div{margin-right:15px;margin-bottom:35px; }
div.program-detail div.detail .gallery .image{ display:inline-block; width:22%; margin-right:11px;vertical-align:top;}
/*div.program-detail div.detail .gallery .image:first-child{margin:0px; }*/
div.program-detail div.detail .gallery .thumb{ display:block; float:none; margin:0px; width:100%;}
div.program-detail div.detail .gallery .desc{margin-bottom:15px;}



div.program-detail div.detail ul.menubar{ list-style:none; width:100%; height:37px; background:url(../../../images/news-programmes/menubar_bg.jpg) repeat-x; border: #CCC solid 1px; border-bottom: #776339 solid 2px;margin-top:5px;}
div.program-detail div.detail ul.menubar li{ list-style:none; display:inline-block; padding: 9px 9px 8px 9px; border-right:#CCC solid 1px; }
div.program-detail div.detail ul.menubar li a{font-weight:bold; text-decoration:none;}
div.program-detail div.detail ul.menubar li:hover, div.program-detail div.detail ul.menubar li.active{ background:url(../../../images/news-programmes/menubar_item_on.jpg) repeat-x; }

div.program-detail div.detail ul.menubar li:hover a, div.program-detail div.detail ul.menubar li.active a{ color:#FFF;}

div.program-detail div.detail p{ padding:5px 0px;}
div.program-detail div.detail audio {margin: 5px 0px;}
div.program-detail div.detail .episodeTitle{ font-weight:bold;margin:10px 0px 5px 0px;}
div.program-detail div.detail .episodeDesc{ margin:0px 0px 5px 0px}
div.program-detail div.detail .segments{margin:20px 0px;border-top: 1px solid #CCC;}
div.program-detail div.detail .segments .segment{ padding:15px 0;border-bottom: 1px solid #CCC;}
/*div.program-detail div.detail .segments .segment *{ vertical-align:middle;}*/
div.program-detail div.detail .segments .segment a{ cursor:pointer; color:#000; font-weight:bold; text-decoration:none;}
div.program-detail div.detail .segments .segment .active{ cursor:pointer; color:#b4a27e; font-weight:bold;}
div.program-detail div.detail .segments .segment .listen{ cursor:pointer; color:#000; font-weight:normal;}
div.program-detail div.detail .segments .header{margin:20px 0px 10px 0px;font-size:16px;font-weight:bold;}
div.program-detail div.detail .segments .segment .desc{margin:3px 0px;}
div.program-detail div.detail .segments img{ vertical-align:top;}
div.program-detail div.detail .episode{border-bottom: #CCC solid 1px; padding:5px;}

/** ADDED BY RTHK **/
.home_video_news, .home_news_feature, .home_news_programme { margin-top:17px; }
/*.home_traffic_news  { margin-top:6px !important; }*/
.home_traffic_news .st-module-content{ margin-top:11px; margin-bottom:17px;}
.home_news_feature .st-module-content, .home_video_news .st-module-content, .home_news_photos .st-module-content{ margin-top:10px;}

.home_video_news .st-module-content, .home_news_feature .st-module-content{border-bottom: 1px solid #CCC; padding-bottom:17px; }

.home_video_news .st-module-content{padding-bottom:2px;}

#avatar-right .home_traffic_news{ border-top: 1px solid #CCC; padding-top:16px; margin-top:0px;}
#avatar-right .home_news_photos{ border-top: 1px solid #CCC; padding-top:13px; margin-top:0px;}
#avatar-right .st-module-content .home_news_photos {padding-top:0px; border:none;}

#avatar-right .home_news_photos .st-module-content {padding-bottom:17px; }

.home_news_feature .st-module-content { padding-bottom:6px;}

.home_latestnews .st-module-content { padding-bottom:15px;}



.home_news_programme .st-module-content { padding-bottom:10px;}
 
#avatar-right .right_video_news{ padding-bottom:5px; border-top:1px solid #CCC; padding-top: 13px;}
#avatar-right .st-module-content .right_video_news{border:none; padding:0;}
.right_video_news h3{margin-bottom:14px;}

.latestnews_right_space{ height:15px;} /* for lastest news detail page */
#avatar-right .latestnews_detail{border:none;}



.span3Fix .items .span3 {
	width: 24%;
}

/** Express news right sub menu (added by RTHK)**/
ul.express-news-submenu{ margin-bottom:16px; margin-top: 35px;}
ul.express-news-submenu li{ padding:3px; background:#FFFFFF; margin:1px auto; max-width:300px;}

ul.express-news-submenu li a {padding:7px 19px; color:#000; }
ul.express-news-submenu li a:hover{color:#FFF;} 


/*chinese submenu */
ul.express-news-submenu li a.all{ background:url(../../../images/headers/sub-headers/sub_all_off.jpg) no-repeat;}

ul.express-news-submenu li a.greaterchina{ background:url(../../../images/headers/sub-headers/sub_greaterchina_off.jpg) no-repeat;}

ul.express-news-submenu li a.local{background:url(../../../images/headers/sub-headers/sub_local_off.jpg) no-repeat;}

ul.express-news-submenu li a.worldnews{background:url(../../../images/headers/sub-headers/sub_worldnews_off.jpg) no-repeat;}

ul.express-news-submenu li a.finance{background:url(../../../images/headers/sub-headers/sub_finance_off.jpg) no-repeat;}

ul.express-news-submenu li a.sports{background:url(../../../images/headers/sub-headers/sub_sports_off.jpg) no-repeat;}

ul.express-news-submenu li a.all:hover, ul.express-news-submenu li a.active{background:url(../../../images/headers/sub-headers/sub_all_on.jpg) no-repeat;}

ul.express-news-submenu li a.greaterchina:hover, ul.express-news-submenu li a.active{background:url(../../../images/headers/sub-headers/sub_greaterchina_on.jpg) no-repeat;}

ul.express-news-submenu li a.local:hover, ul.express-news-submenu li a.active{background:url(../../../images/headers/sub-headers/sub_local_on.jpg) no-repeat;}

ul.express-news-submenu li a.worldnews:hover, ul.express-news-submenu li a.active{background:url(../../../images/headers/sub-headers/sub_worldnews_on.jpg) no-repeat;}

ul.express-news-submenu li a.finance:hover, ul.express-news-submenu li a.active{background:url(../../../images/headers/sub-headers/sub_finance_on.jpg) no-repeat;}

ul.express-news-submenu li a.sports:hover, ul.express-news-submenu li a.active{background:url(../../../images/headers/sub-headers/sub_sports_on.jpg) no-repeat;}







#avatar-right .express-news-video{ padding:0px;}

/** RIGHT-SIDEBAR **/
#avatar-right{
  margin-top:5px;
}
.st-main-news .st-module-heading,
.st-post-slider .st-module-heading,
.st-twitter .st-module-heading,
.st-video-daily .st-module-heading,
.st-recent-post .st-module-heading{
  /*font-family: 'Tangerine';*/
  font-size: 18px;
  color:#8B7343;
  line-height:49px;
}
.st-main-news .st-module-heading span span,
.st-post-slider .st-module-heading span span,
.st-twitter .st-module-heading span span,
.st-video-daily .st-module-heading span span,
.st-recent-post .st-module-heading span span{
    /*padding-left:10px;*/
}
.st-main-news .st-module-heading{
  /*background:#2f2f2f; */
}

.st-main-news .st-content-tabs{
  /*padding:15px 10px 0 10px;*/
  background:#FFF;
  border-left:1px solid #ececec;
  border-right:1px solid #ececec;
  box-shadow: 0px 0px 8px 0px #D5D5D5;
  margin: 0px 5px 0px 0px;
}
.st-main-news .nav-tabs,.st-main-news .nav-tabs li{
  margin:0;
  padding:0;
  border:0;
}
.st-main-news .nav-tabs{
  margin-bottom:15px;
  border-bottom:2px solid #8B7343;
}
.st-main-news .nav-tabs li a{
  margin:0;
  border:0;
  padding:0 10px;
  font-size:10px;
  text-transform: uppercase;
  font-family: Microsoft JhengHei;
  color:#808080;
}
.st-main-news .nav-tabs li:hover a,.st-main-news .nav-tabs li.active a{
  border:0;
  color:white;
  background:#8B7343;
  border-radius:0px;
  border-right:1px solid #CDCDCD;
}
.st-main-news .images{
  width:37%;
  float:left;
  margin-right:20px;
  height:90px;
}
.st-main-news .images img{
  height:90px;
}
.tab-content .outter{
  padding:12px 10px 0px 10px;
  border-top:1px solid #ececec;
}
.tab-content .outter:first-child{
  border-top:0;
  padding-top:0;
}
.tab-content .outter h4{
  
}
.tab-content .outter h4 a{
  color:#1b1b1b;
  font-size:16px;
  font-family: Microsoft JhengHei;
  font-weight:bold;
  
}
.tab-content .outter p.date{
  font-family: Microsoft JhengHei;
  font-size:13px;
  margin-bottom:0;
  padding-top:7px;
}

.items_googlemap{
	float:right;
	width:45.5%;
	padding: 4px 17px 0px 0px;
	}
/** ST-TWITTER **/
.st-twitter{
    margin-top:2px;
  padding-bottom: 20px;
  border-bottom:1px solid #CCC;
}
.st-twitter .st-module-heading{
    /*background:#4fd4ff;*/
}
.st-twitter .st-module-content{
    margin:0;
    padding:0;
    background:#FFF;
    border:1px solid #ececec;
	box-shadow: 0px 0px 8px 0px #D5D5D5;
	margin: 0px 5px 0px 0px;
}
.st-twitter .st-module-content .customst-twitter> p{
    margin:0;
    padding:0;
    height:auto;
    margin-bottom:-6px;
}
.st-twitter .st-module-content #twitter-widget-0{
    margin:10px 2.16% 0 2.16%;
    width:95.13% !important;
}
/** ST-ADS-RIGHT **/
.st-ads-right{
    margin:0;
    margin-top:20px;
    height:auto;
    overflow:hidden;
    max-height:280px;
}
.st-ads-right p{
    margin:0 0 -5px 0px;
}
.st-ads-right p a,.st-ads-right p img{
    width:100%;
}
/** ST-POST-SLIDER **/
.st-post-slider{
    margin:0;
    padding:0;
    margin-top:2px;
    padding-bottom: 20px;
	border-bottom:1px solid #CCC;
}
.st-post-slider .st-module-heading{
    /*background:#6cac00;*/
}
.st-post-slider .st-layer-slider .sequence-next {
    width:32px;
    height:32px;
    right: 0;
    top: 43.5%;
    background: url(../images/st_theme/icon-slider.png) no-repeat -38px 8px #1B1B1B;
    border-radius: 2px;
}
.st-post-slider .st-layer-slider .sequence-next:hover {
    background-position: -38px -36px;
}
.st-post-slider .st-layer-slider .sequence-prev {
    width:32px;
    height:32px;
    left: 0;
    top: 43.5%;
    left: auto;
    background: url(../images/st_theme/icon-slider.png) no-repeat 10px 8px #1B1B1B;
    border-radius: 2px;
}
.st-post-slider .st-layer-slider .sequence-prev:hover {
    background-position: 10px -36px;
}
.st-post-slider .st-layer-slider .column-inner .image img{
  width:100%;
}
/** ST-VIDEO-DAILY **/
.st-video-daily{
    margin:0;
    margin-top:20px;
}
.st-video-daily .st-module-heading{
    /*background:#ff8212;*/
}
.st-video-daily .st-module-content .layout-wall .item .inner{
    margin:0;
    padding:0;
}
.st-video-daily .st-module-content img{
    width:100% !important;
}
/** ST-RECENT-POST **/
.st-recent-post{
    margin:0;
    margin-top:20px;
}
.st-recent-post .st-module-heading{
   /* background:#eb1c15;*/
}
.st-recent-post .st-module-content{
    background:#FFF;
    border:1px solid #ECECEC;
    padding:5px 9px 0px 9px;
	box-shadow: 0px 0px 8px 0px #D5D5D5;
	margin: 0px 5px 0px 0px;
}
.st-recent-post .contents .row-fluid{
    padding:15px 0 15px 0;
    border-bottom:1px solid #ECECEC;
}
.st-recent-post .contents .row-fluid:last-child{
    border:0;
    padding-bottom:30px;
}
.st-recent-post .items .image{
    margin-right:20px;
    float:left; 
    width:37.14%;
    height:90px;
}
.st-recent-post .items .image img{
  height:100%;
  width:100%;
}
.st-recent-post .items .title{
    line-height:20px;
    margin:0;
    padding:0;
    
}
.st-recent-post .items .title a{
    padding:0;
    margin:0;
    font-family: Microsoft JhengHei;
    font-weight:bold;
    color:#1B1B1B;
    font-size:16px;
}
.st-recent-post .items .date {
    font-size: 13px;
    font-family: Microsoft JhengHei;;
    color: #565656;
    line-height: 20px;
    padding: 2px 0 6px 0px;
}


/** ST-BACKGROUND **/
#avatar-full-3-block{
 /* background:url(../images/st_theme/bottom_bg.png) repeat-x;
  border-bottom:1px solid #0c0c0b;*/
}
.st-background{
  /*height:120px;*/
}
/** BODY-BOTTOM **/
#avatar-body-bottom-block{
  background:url(../images/st_theme/bottom_bg.png) repeat top left;
  border-top:1px solid #1d181a;
  border-bottom:1px solid #0c0c0b;
}
#avatar-pos-promo-bottom-middle{
  width:31.7% !important;
  margin:0 2.45% !important;
}
#avatar-promo-bottom .st-module-heading{
  font-family:OpenSans-Semibold;
  font-size:16px;
  text-transform: uppercase;
  color:white;
  margin:0;
  padding:0;
  line-height: 77px;
}
.st-about-us p:not(.bottom-logo) {
  line-height:28px;
  margin:0;
  color:#e7e7e7;
  font-size:16px;
  font-family:Arial;
  margin-top:-7px;
}
.st-about-us .bottom-logo{
  float:left;
  height:47px;
  background:#bc3737;
  margin:7px 13px 0 0;
  width:212px;
}
.st-about-us .bottom-logo a{
  line-height:47px;
  text-transform: uppercase;
  text-decoration: none;
  color:white;
  font-size:31px;
  font-family:Plantagenet Cherokee;
  padding-left: 19px;
}
.st-about-us .bottom-logo a span{
  font-size:16px;
  font-family:Arial;
}
.st-location p{
  margin:0;
}
.st-location p:not(.map){
  padding:5px 0 43px 0;
  font-size:16px;
  color:white;
  font-family:Segoe UI-Semibold;
}
.st-contact-us{
  height: auto;
  margin-bottom: 30px;
  overflow: visible;
}
.st-contact-us p{
  margin:0;
  margin-top:-7px;
  line-height:28px;
  color:white;
  font-size:16px;
  padding-right:50%;
}
.st-contact-us p a,.st-contact-us p span{
  color:#cc0301;
}
.st-contact-us .bottom-social{
    margin-top:10px;
    height:auto;
}
.st-contact-us .bottom-social a{
    text-decoration:none;
    margin-right:8px;
    display:inline-block;
    width:40px;
    height:40px;
    text-indent: -999999;
}
.st-contact-us .bottom-social a:last-child{
  margin-right:0;
}
.st-contact-us .bottom-social a:hover{
    text-indent: -999999;
}
.st-contact-us .bottom-social a.twitter{
    background:url(../images/st_theme/twitter.png) no-repeat top left;
}
.st-contact-us .bottom-social a.facebook{
    background:url(../images/st_theme/facebook.png) no-repeat top left;
}
.st-contact-us .bottom-social a.google{
    background:url(../images/st_theme/google.png) no-repeat top left;
}
.st-contact-us .bottom-social a.dribble{
    background:url(../images/st_theme/dribble.png) no-repeat top left;
}
/**  FOOTER-INSEDE  **/
#avatar-footer-inside-block{
 /* background:url(../images/st_theme/footer-bg.png) repeat top left; */
	border-bottom:5px solid #CA0202;
	margin-top: 50px;
	padding-bottom:4px;
	/*position:absolute;
	width:100%;
	bottom:0;*/
}

.st-copyright font{
	font-family:Arial, Helvetica, sans-serif !important;
}

.st-copyright p{
  font-size:13px;
  font-family:OpenSans-Semibold;
  line-height:50px;
  color:white;
  margin:0;
  padding-left:25px;
}

.st-footer-menu{
  margin:0;
}
.st-footer-menu li {
  line-height:50px;
  display:inline-block;
}
.st-footer-menu li a{
  margin:20px 0 19px 0;
  padding:0 9px;
  line-height:11px;
  border-right:1px solid white;
  font-size:13px;
  font-family:OpenSans-Semibold;
  color:white;
}
.st-footer-menu li:last-child a{
  border-right:none;
}
.st-footer-menu li a:hover{
  text-decoration: underline;
}

/** ERROR 404 PAGE **/
.st-404-page .st-plg-social,
.st-404-page .st-author,
.st-404-page #disqus_thread{
  display:none;
}
.st-404-page .item-page  .item-header{
    margin:0;
    padding:0;
    padding-bottom:19px;
    border-bottom: 1px solid #ececec;
}
.st-404-page .item-page .item-header h2{
    font-size:30px;
    font-family: Microsoft JhengHei;;
    font-weight:bold;
    text-transform: uppercase;
    color:#2c8d1c;
    line-height:23px;
}
.st-404-page .content{
    border-top:1px solid #ececec;
    text-align:center;
    margin:8px 0 115px 0;
}
.st-404-page .content h1,.st-404-page .content h2{
    font-family: Microsoft JhengHei;
    color:#bc3737;
    font-weight:bold;
}
.st-404-page .content h1{
    padding:52px 0 17px 0;
    font-size:79px;
    line-height:79px;
}
.st-404-page .content h2{
    text-transform: uppercase;
    font-size:36px;
    line-height:27px;
}
.st-404-page .content p{
    margin:0;
}
.st-404-page .content p.text{
    padding:23px 0 36px 0;
    font-size:16px;
    font-family: Microsoft JhengHei;;
    color:#2f2f2f;
    line-height:20px;
}
.st-404-page .content a{
    padding-left:30px;
    background:url(../images/st_theme/icon-home.png) no-repeat top left;
    line-height:20px;
    font-size:16px;
    font-family: Microsoft JhengHei;;
    font-weight:bold;
    color:#2f2f2f;
    margin-bottom:115px;
}
/** PAGE-CONTACT **/
/** ST MAP**/
.st-map .st-module-heading{
    line-height:32px;
    margin:0 0 22px 0;
    text-transform: uppercase;
    font-weight:bold;
    background:#f2f2f2;
    border-bottom:1px solid #CCC;
    border-right:1px solid #CCC;
    font-size:16px;
    font-family: Microsoft JhengHei;
}
.st-map .st-module-heading span span{
    margin-left:10px;
    color:white;
    background:#eb1c15;
    padding:8px 10px; 
}
.st-map .st-module-content{
    padding-bottom:30px;
    border-bottom:1px solid #e6e6e6;
}
.st-map .st-module-content p{
    margin:0;
}
/** ST-CONTACT-INFO **/
.st-contact-info .st-module-heading{
/*line-height: 14px;*/
margin: 38px 0 0px 0;
text-transform: uppercase;
font-size: 21px;
/*font-family: 'Tangerine';*/
}
.st-contact-info .st-module-heading span span{
   /* margin-left:10px;
    color:white;
    background:#6cac00;
    padding:8px 10px;  */
}
.st-contact-info p{
    margin:0;
    color:#000;
    /*font-size:15px;
    font-family: Arial;*/
    line-height:19px;
}
.st-contact-info{ /*border-bottom: 1px solid #CCC;*/}
.st-contact-info .info{
    background:#FFF;
    padding: 30px 15px;
	border: 1px solid #ececec;
	box-shadow: 0px 0px 8px 0px #D5D5D5;
	margin: 17px 0px 17px 0px;
	line-height: 24px;
}
.st-contact-info .info ol{
	margin: 0px 20px 0px 20px;
}
.st-contact-info .info ol li{
	line-height:24px;
}
.st-contact-info .info p{
    padding-left:0px;
}
.st-contact-info .info .phone{
    margin:23px 0;
}
.st-contact-info .info .email a {
  color:#eb1c15;
}
.st-contact-info .info .email a span{
    color:#eb1c15;
}
.st-contact-info .info .address{
    background:url(../images/st_theme/icon-address.png) no-repeat 42px 2px;
}
.st-contact-info .info .phone{
    background:url(../images/st_theme/icon-phone.png) no-repeat 42px 5px;
}
.st-contact-info .info .email{
    background:url(../images/st_theme/icon-email.png) no-repeat 42px 5px;
}
/** ST-CONTACT-FORM **/
.st-contact-form .name{
    margin-top:15px;
    font-size:Arial;
    color:#777777;
}
.st-contact-form .email,.st-contact-form .messages{
    margin-top:4px;
    font-size:Arial;
    color:#777777;
}
.st-contact-form .name,.st-contact-form .email{
    width:42%;
}
.st-contact-form input[type="text"],.st-contact-form textarea{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width:100%;
    border:1px solid #e2e2e2;
    border-radius:0;
    margin-top:10px;
}
.st-contact-form input[type="text"]{
    height:36px;
}
.st-contact-form textarea{
    height:200px;
}
.st-contact-form input[type="submit"]{
    margin-top:30px;
    color:white;
    padding:8px 12px;
    background:#eb1c15;
    font-family: Microsoft JhengHei;
    border:0;
}
/** CATEGORY-BLOG **/
.page-header{
    margin:20px 0 0 0;
    padding:0;
    border:0;
}
.page-header h1{
    line-height:31px;
    margin-bottom:32px;

}
.page-header h1 span{
  border:0;
  padding:8px 10px 8px 0px;
  color:white;
  font-family: 'Tangerine';
  color:#8B7343;
  font-size:18px;
  margin-left:0px;
	
}
.blogst-blog-1-page .items-row:not(:first-child){
  margin-top:15px;
}
.blogst-blog-1-page .items-row .span6{
  width:48%;
  position:relative;
}
.blogst-blog-1-page .items-row .span6:last-child{
  margin:0;
  margin-left:2%;
  float:right
}
.blogst-blog-1-page .items-row .span6:first-child{
  margin:0;
  margin-right:2%;
  float:left;
}

.blogst-blog-1-page .items-row .page-header{
  
}
.blogst-blog-1-page .pull-left{
  float:none;
  width:100%;
  height:auto;
}
.blogst-blog-1-page .pull-left img{
  width:100%;
  height:auto;
}
.blogst-blog-1-page .items-row .page-header h2{
  margin:0;
  padding: 14px 0 8px 0;
  line-height:20px;
}
.blogst-blog-1-page .items-row .page-header h2 a{
  padding: 0;
  margin: 0;
  font-family: Microsoft JhengHei;;
  font-weight: bold;
  font-size:20px;
  color: #1B1B1B;
  text-decoration: none;
}
.blogst-blog-1-page .items-row .page-header h2 a:hover{
  text-decoration: underline;
}
.blogst-blog-1-page .items-row .published{
  font-size: 12px;
  font-family: Microsoft JhengHei;;
  color: #565656;
  line-height: 20px;
  padding: 2px 0 6px 0px;
}
.blogst-blog-1-page .items-row p{
  font-family: Arial;
  font-size:16px;
  color:#777777;
}
.blogst-blog-1-page .items-row p.readmore{
  margin:0;
  padding:0;
  position: absolute;
  bottom:11px;
  right:55px;
}
.blogst-blog-1-page .items-row p.readmore a{
  border:0;
  padding:0;
  margin:0;
  background:white;
  color:#777777;
}
.blogst-blog-1-page .items-row p.readmore a:hover{
  color:#777777;
}
/** PAGINATION **/
.pagination .pagination-start,.pagination .pagination-end,
.pagination .pagination-prev,.pagination .pagination-next{
  display:none;
}
.pagination ul {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.pagination ul>li{
  
}
.pagination ul>li>a, .pagination ul>li>span {
  margin-right:10px;
  font-size:16px;
  float: left;
  padding: 3px 10px;
  line-height: 20px;
  text-decoration: none;
  background-color: #e7e7e7;
  border: 0;
  color:#565656;
}
.pagination ul>li>span{
  background-color:#ff4343;
  color:white;
}
.pagination ul>li>a:hover, .pagination ul>li>a:focus, 
.pagination ul>.active>a{
  background-color:#e7e7e7;
}
/** BLOG-2 **/
.blogst-blog-2-page .items-row:not(:last-child){
  margin-bottom:25px;
}
.blogst-blog-2-page .pull-left{
  margin:0;
  padding:0;
  float: left;
  margin-right: 30px;
  width: 48%;
}
.blogst-blog-2-page .pull-left img{
  width:100%;
  height:auto;
}
.blogst-blog-2-page .items-row .page-header{
}
.blogst-blog-2-page .items-row .page-header h2{
  margin:0;
  padding:0;
  line-height:20px;
}
.blogst-blog-2-page .items-row .page-header h2 a{
  padding: 0;
  margin: 0;
  display:block;
  line-height:20px;
  font-family: Microsoft JhengHei;;
  font-weight: bold;
  font-size:20px;
  color: #1B1B1B;
  text-decoration: none;
}
.blogst-blog-2-page .items-row .page-header h2 a:hover{
  text-decoration: underline;
}
.blogst-blog-2-page .items-row .published{
  font-size: 13px;
  font-family: Microsoft JhengHei;;
  color: #565656;
  line-height: 20px;
  padding: 10px 0 4px 0px;
}
/** ITEM PAGE **/
.item-page .pagenav{
  display:none;
}
.item-page .item-header h2,.item-page .item-header h2 a{
  font-weight:normal;
  /*font-family: 'Tangerine';*/
  font-size: 18px;
  color:#8B7343;
  text-decoration: none;
}
.item-page div.article-info{
  border-bottom:1px solid #f3f3f3;
  padding-bottom:15px;
  margin-right:140px;
}
.item-page .article-info dd{
  display:inline-block;
  font-size:12px;
  font-family: Microsoft JhengHei;;
  line-height:20px;
  color:#565656;
  padding-left:17px;
  padding-right:10px;
}
.item-page .article-info dd.createdby{
  background: url('../images/st_theme/icon-blog.png') no-repeat 0 4px;
}
.item-page .article-info dd.published{
  background: url('../images/st_theme/icon-blog.png') no-repeat 0 -39px;
}
.item-page .article-info dd.tags-article{
  background: url('../images/st_theme/icon-blog.png') no-repeat 0 -95px;
}
.item-page .article-info .tags span{

}
.item-page .main-content{
  clear:both;
  margin-bottom:14px;
}
.article-info .tags{
  margin-top:-3px;
}
.article-info .tags span.character:last-child{
  display:none;
}
.article-info .tags span a{
  color:#565656;
  background:white;
  text-shadow:none;
  padding:0;
  border-radius: 0px;
  padding:0;
  margin:0;
  line-height:20px;
  font-size:12px;
  font-family: Microsoft JhengHei;
}
.article-info dd span a.label-info:hover{
  color:#565656;
}
/** ST-SOCIAL **/
.st-plg-social{
  margin-top:5px;
}
.st-plg-social > *{
  width:16%;
}
.fb_edge_widget_with_comment,.fb_iframe_widget span{
  max-width:100% !important;
}
/** ST-AUTHOR **/
.st-author{
  height:auto;
  overflow: hidden;
}
.st-author h3{
  font-family: Microsoft JhengHei;
  margin-bottom:20px;
  border-bottom:1px solid #F3F3F3;
}
.st-author .images{
  width:15.6%;
}
.st-author .content h4{
  color:#777777;
  margin-top:-5px;
  text-transform:uppercase;
  font-size:16px;
  font-family:Arial;
  font-weight:bold;
}
.st-author .content p{
  margin:5px 0 15px 0;
  color:#777777;
  font-size:16px;
  font-family:Arial;
}
.st-author .content ul.social{
  margin:0;
  padding:0;
}
.st-author .content ul.social li{
  list-style:none;
  display:inline;
  margin:0;
  padding-right:5px;
}
.st-author .content ul.social li a{
  display:inline-block;
  width:30px;
  height:30px;
  border-radius:5px;
}
.st-author .content ul.social li a.facebook{
  background:#3b5998 url(../images/st_theme/icon-social.png) no-repeat 5px 7px;
}
.st-author .content ul.social li a.twitter{
  background:#208fbe url(../images/st_theme/icon-social.png) no-repeat 4px -46px;
}
.st-author .content ul.social li a.dribble{
  background:#ff2ea9 url(../images/st_theme/icon-social.png) no-repeat 6px -101px;
}
.st-author .content ul.social li a.print{
  background:#eb1c15 url(../images/st_theme/icon-social.png) no-repeat 8px -156px;
}

/** ST-RELATED-POST **/
.st-related-post{
  margin-top:25px;
}
.st-related-post .heading{
  line-height:32px;
    margin:0px 0 20px 0;
    text-transform: uppercase;
    font-weight:bold;
    background:#f2f2f2;
    border-bottom:1px solid #CCC;
    border-right:1px solid #CCC;
    font-size:16px;
    font-family: Microsoft JhengHei;
}
.st-related-post .heading span{
  margin-left:10px;
    color:white;
    background:#db4949;
    padding:8px 10px; 
}
.st-related-post .layer-effect-recentwork .sequence-prev , .st-related-post .layer-effect-recentwork .sequence-next{
  background:url(../images/st_theme/icon-carousel.png) no-repeat ;
  border-radius:0;
  width:10px;
  height:15px;
  bottom:auto;
}
.st-related-post .layer-effect-recentwork .sequence-prev{
  background-position:top left;
  top:-45px;
  left:93.5%;
}
.st-related-post .layer-effect-recentwork .sequence-next{
  background-position:top right;
  left:auto;
  top:-45px;
  right:12px;
}
.st-related-post .sequence-canvas>li{
  
  border-bottom:1px solid #ececec;
}
.st-related-post .column-inner{
  width:240px;
  margin:0 auto;
}
.st-related-post .column:first-child .column-inner{
  margin-left:10px;
}
.st-related-post .column:last-child .column-inner{
  margin-right:10px;
}
.st-related-post .column-inner .title{
  padding: 12px 0 3px 0;
  line-height:20px;
  margin:0;
}
.st-related-post .column-inner .image,.st-related-post .column-inner .image img{
  width:100%;
  height:150px;
}
.st-related-post .column-inner .title a{
  font-family: Microsoft JhengHei;
  color: #1b1b1b;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
}
.st-related-post .column-inner .title a:hover{
  text-decoration: none;
  color:#eb1c15;
}
.st-related-post .column-inner .date{
  color: #565656;
  font-size: 13px;
  font-family: Microsoft JhengHei;;
  padding-bottom: 9px;
}
.st-related-post .column-inner .content{
  height:40px;
  overflow:hidden;
  font-size:16px;
  color:#777777;
  font-family:Arial;
}
.st-related-post .column-inner .content p{
  margin:0;
}

/** STTAB **/
.st-module-content .sptab_green .tabs_mask, .st-module-content .sptab_green .tabs_mask ul.tabs_container li span{/* height:29px;*/ line-height:30px;}
.st-module-content .sptab_green .items_mask div.ns2-tools {color: #333;}
.st-module-content .sptab_green .items_mask div.ns2-tools div.ns2-created{ font-size:12px !important; color: #666;font-family:Arial, Helvetica, sans-serif;}

/** ST-COMMENT **/
#disqus_thread{
  margin-top:27px;
}
#disqus_thread iframe li#post-count h4{
  font-size:16px;
  font-family: Microsoft JhengHei;
  color:#4e4d4d;
  text-transform:uppercase;
  font-weight:bold;
}
#conversation .post-content{
  background:#f7f7f7;
}
/** Update a:hover**/
.st-world .items:first-child .title a:hover, 
.st-travel .items:first-child .title a:hover,
.st-world .items .title a:hover, 
.st-travel .items .title a:hover, 
.st-movies .items .title a:hover,
.st-local-news .span6 .intro .title a:hover,
.st-local-news .span6 .items .title a:hover,
.st-recent-post .items .title a:hover,
.tab-content .outter h4 a:hover,
.blogst-blog-1-page .items-row .page-header h2 a:hover,
.blogst-blog-2-page .items-row .page-header h2 a:hover
{
  text-decoration:none;
  color:#eb1c15;
}

/** Added by RTHK **/
#avatar-pos-main-body-top{/*min-height:640px;*/}
/** News detail - right menu **/
/**.items_mask .tab-padding .ns2-column{border-bottom: 1px dotted #ccc;}**/
.ns2-row{
	border-bottom: 1px solid #ccc;
}

.ns2-page:last-child .ns2-row{
	border-bottom:none;	
}

/** News Programmes listing **/
#avatar-pos-main-body-top .news-programmes .st-module-content .st-news-horizonal .row-fluid .items{min-height:200px;}
#avatar-pos-main-body-top .news-programmes .st-module-content .st-news-horizonal .row-fluid [class*="span"]:first-child{ margin-left:0px;}
#avatar-pos-main-body-top .news-programmes .st-module-content .st-news-horizonal div.span_newsprogram{ width:19.5%; height:100%; background: white; padding: 7px !important;margin-bottom:7px; margin-left:0.6%; box-shadow: 0px 0px 8px 0px #D5D5D5;}


/** CSS3 **/
.css3-effect a,.css3-effect a:hover,
.css3-effect .top-menu .avatar-main-menu li .span6,
.css3-effect .top-menu .avatar-main-menu li:hover .span6{
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
      -ms-transition: all 0.3s;
          transition: all 0.3s;
}
.css3-effect .st-photo-gallery .span3 .inner .image a:before,
.css3-effect .st-photo-gallery .span3 .inner:hover .image a:before,
.css3-effect .st-photo-gallery .span3 .inner .image a:after,
.css3-effect .st-photo-gallery .span3 .inner:hover .image a:after{
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
      -ms-transition: all 0.3s;
          transition: all 0.3s;
}
.css3-effect .st-contact-us .bottom-social a,
.css3-effect .st-author .content ul.social li a{
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
      -ms-transition: all 0.3s;
          transition: all 0.3s;
}

.css3-effect .st-contact-us .bottom-social a:hover,
.css3-effect .st-author .content ul.social li a:hover{
  transform: scale(1.15, 1.15);
  -webkit-transform: scale(1.15, 1.15);
  -moz-transform: scale(1.15, 1.15);
  -o-transform: scale(1.15, 1.15);
  -ms-transform: scale(1.15, 1.15);

  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
      -ms-transition: all 0.3s;
          transition: all 0.3s;
}
/** CSS3-SCROLL **/
.css3-effect #avatar-content .avatar-scroll-appear {
  opacity:1;
  filter:alpha(opacity=100)
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  
  -webkit-transition: all 750ms;
  -moz-transition: all 750ms;
  -ms-transition: all 750ms;
  -o-transition: all 750ms;
  transition: all 750ms;
}
.css3-effect #avatar-content .avatar-scroll-disappear {
  opacity:0;
  filter:alpha(opacity=0)
  transform: translate(0, 25px);
  -webkit-transform: translate(0, 25px);
  -moz-transform: translate(0, 25px);
  -o-transform: translate(0, 25px);
  -ms-transform: translate(0, 25px);
  
  -webkit-transition: all 750ms;
  -moz-transition: all 750ms;
  -ms-transition: all 750ms;
  -o-transition: all 750ms;
  transition: all 750ms;
}
.css3-effect #avatar-right{
  overflow:hidden;
}
.css3-effect #avatar-right .avatar-scroll-appear {
  opacity:1;
  filter:alpha(opacity=100)
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  
  -webkit-transition: all 750ms;
  -moz-transition: all 750ms;
  -ms-transition: all 750ms;
  -o-transition: all 750ms;
  transition: all 750ms;
}
.css3-effect #avatar-right .avatar-scroll-disappear {
  opacity:0;
  filter:alpha(opacity=0)
  transform: translate(40px, 0);
  -webkit-transform: translate(40px, 0);
  -moz-transform: translate(40px, 0);
  -o-transform: translate(40px, 0);
  -ms-transform: translate(40px, 0);
  
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}  
  
/** CSS3 - SCALE **/
.blogst-blog-2-page .pull-left,
.blogst-blog-1-page .pull-left{
  height:230px;
}
.blogst-blog-2-page .pull-left img,
.blogst-blog-1-page .pull-left img{
  height:100%;
}
.blogst-blog-1-page .pull-left,
.blogst-blog-2-page .pull-left,
.st-world .items:first-child .image,
.st-world .items .image, 
.st-travel .items .image, 
.st-movies .items .image,
.st-local-news .span6 .intro .image,
.st-local-news .span6 .items .image,
.st-main-news .images,
.st-ads-right p,
.st-recent-post .items .image
{
  overflow:hidden;
}

.css3-effect .blogst-blog-1-page .pull-left img,
.css3-effect .blogst-blog-2-page .pull-left img,
.css3-effect .st-contact-us .bottom-social a,
.css3-effect .st-author .content ul.social li a,
.css3-effect .st-world .items .image img, 
.css3-effect .st-travel .items .image img, 
.css3-effect .st-movies .items .image img,
.css3-effect .st-local-news .span6 .intro .image img,
.css3-effect .st-local-news .span6 .items .image img,
.css3-effect .st-main-news .images img,
.css3-effect .st-ads-right p img,
.css3-effect .st-recent-post .items .image img{
   transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
      -ms-transition: all 0.3s;
          transition: all 0.3s;
}

.css3-effect .blogst-blog-1-page .pull-left img:hover,
.css3-effect .blogst-blog-2-page .pull-left img:hover,
.css3-effect .st-contact-us .bottom-social a:hover,
.css3-effect .st-author .content ul.social li a:hover,
.css3-effect .st-world .items .image img:hover, 
.css3-effect .st-travel .items .image img:hover, 
.css3-effect .st-movies .items .image img:hover,
.css3-effect .st-local-news .span6 .intro .image img:hover,
.css3-effect .st-local-news .span6 .items .image img:hover,
.css3-effect .st-main-news .images img:hover,
.css3-effect .st-ads-right p img:hover,
.css3-effect .st-recent-post .items .image img:hover{
   transform: scale(1.2 , 1.2);
  -webkit-transform: scale(1.2 , 1.2);
  -moz-transform: scale(1.2 , 1.2);
  -o-transform: scale(1.2 , 1.2);
  -ms-transform: scale(1.2 , 1.2);
  
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
      -ms-transition: all 0.3s;
          transition: all 0.3s;
  

}







/*** REPONSIVE ***/


@media (min-width: 1200px){
  .st-world{
    width:97%;
    margin-right:3%;
  }
  .st-travel{
    width:97%;
    margin-left:3%;
  }
}
@media (max-width: 1200px){
  body.avatar-responsive .avatar-wrapper {
    /*width: 100% !important;*/
  }
  body.avatar-responsive .avatar-module {
    /*margin-left:10px;
    margin-right:10px;*/
  }
  body.avatar-responsive #avatar-pos-main-body {
   /* margin: 0 10px;*/
  }
  body.avatar-responsive #avatar-user-top-col-3 .avatar-module{
    margin-left:0px;
    margin-right:0px;
  }
  body.avatar-responsive #avatar-pos-user-8{
    width:50% !important;
    overflow:hidden;
   /* height:50px;*/
  }
  body.avatar-responsive .st-logo p a{
    font-size:55px;
  }
  body.avatar-responsive .st-gallery-slider{
    margin-bottom:0;
  }
  
  h3.header_lastestnews{ margin-left:10px;}

}


@media (max-width: 1200px){
  body.avatar-responsive .st-related-post .sequence-canvas>li>.column{
    width:32% !important;
  }
  body.avatar-responsive .st-related-post .column-inner{
    width:100%;
  }
  body.avatar-responsive .st-related-post .column-inner .image,
  body.avatar-responsive .st-related-post .column-inner .image img{
    height:auto;
  }
  body.avatar-responsive .st-related-post .column:first-child .column-inner{
    margin:0;
  }
  body.avatar-responsive .st-related-post .column:last-child .column-inner{
    margin:0;
  }
  .items_googlemap{width:44%;}
  
}
@media (max-width: 1024px){
  body.avatar-responsive .st-contact-us p{
    padding-right:10%;
  }
    body.avatar-responsive .avatar-module {
    margin-left:10px;
    margin-right:10px;
  }
   body.avatar-responsive #avatar-pos-main-body {
    margin: 0 10px;
  }
  h3.latestnews_heading{ margin-left:10px;}
}
@media (max-width: 1024px) and (min-width: 769px){
  .st-local-news .span6 .items .image, .st-movies .items .image{
    width:35%;
  }
  
  /*.news-programmes-index div.programme-list div.program{ width:16.8%; }*/
  .news-programmes-index div.programme-list div.program-row div.program div.created{ position:relative;}
  .news-programmes-index div.programme-list div.program { min-height:280px;}
  .news-programmes-index div.programme-list div.program-row div.program div.desc{min-height:138px;}
  .home_news_programme div.programme-list div.program {min-height:285px;}
  .home_news_programme div.programme-list div.program-row div.program div.desc{min-height:180px;}
  
  #avatar-body-top-block #avatar-user-top-col-3{margin-left:10px; margin-right:10px;}
}
@media (max-width: 970px)
{
	.related_news_feature div.feature-list div.feature .desc{width:47%}
}
@media (max-width: 870px)
{
	.news-programmes-index div.programme-list div.program{ /*width:16.3%;*/min-height: 297px; }
	.news-programmes-index div.programme-list div.program-row div.program div.desc{min-height:183px;}
	
}
@media (max-width: 768px)
{
  body.avatar-responsive #avatar-content{
    margin-right:0;
  }
  body.avatar-responsive .st-gallery-slider{
    margin-bottom:0;
  }
  body.avatar-responsive #avatar-main-content-inner{
    margin-right:0;
    width:100%;
  }
  body.avatar-responsive #avatar-body-top-block{
    /*overflow:hidden;*/
	height: auto;
  }
  body.avatar-responsive #avatar-pos-top-left{
    display:none;
  }
  body.avatar-responsive #avatar-body-top-block #avatar-user-top-col-3{
    /*border-top:0;*/
  }
  body.avatar-responsive #avatar-body-top-block #avatar-user-top-col-3 .avatar-module{
    margin-top:0px !important;
    margin-bottom:0px !important;
  }
  body.avatar-responsive #avatar-pos-user-8{
    width:auto !important;
    /*border-top:1px solid #323232;*/
   /* margin:0 2%;*/
  }
  body.avatar-responsive #avatar-pos-user-8 > div { margin-left:2% !important;}
  body.avatar-responsive #avatar-pos-user-9,body.avatar-responsive #avatar-pos-user-10{
    width:48% !important;
    /*border-top:1px solid #323232;*/
    float:left;
  }
  body.avatar-responsive #avatar-pos-user-9{
    margin-right:2%;
  }
  body.avatar-responsive #avatar-pos-user-10{
    margin-left:1.5%;
  }
  body.avatar-responsive .avatar-nav-responsive{
    
  }
  body.avatar-responsive .avatar-nav-responsive span.toggle {
    display: block;
    color: #333;
    font-size: 19px;
    padding: 0px 36px 0px 50%;
    background: url(../images/st_theme/nav-toggle.png) no-repeat right center transparent;
    cursor: pointer;
    position: relative;
    height: 42px;
    text-align: right;
    margin-right: 10px;
    line-height: 40px;
  }
  body.avatar-responsive .top-menu .avatar-main-menu{
    display:none;
    margin:0;
  }
  body.avatar-responsive .top-menu .avatar-main-menu>li{
    display:block;
  }
  body.avatar-responsive .top-menu .avatar-main-menu li:hover .span6{
    display:none;
  }
  body.avatar-responsive .st-main-news .images,
  body.avatar-responsive .st-main-news .images img,
  body.avatar-responsive .st-recent-post .items .image,
  body.avatar-responsive .st-recent-post .items .image img{
    height:auto;
  }
  body.avatar-responsive .st-recent-post{
    margin-bottom:0;
  }
  body.avatar-responsive .avatar-module{
    
  }
  body.avatar-responsive #avatar-right .avatar-module{
    margin-left:10px;
  }
  body.avatar-responsive .avatar-responsive .st-background{
    margin-top:30px;
  }
  body.avatar-responsive #avatar-pos-promo-bottom-middle{
    width:auto !important;
    margin:auto !important;
  }
  body.avatar-responsive .st-location p:not(.map){
    padding-bottom:0;
  }
  body.avatar-responsive .st-location iframe{
    width:100%;
    heihgt:200px !important;
  }
  
  body.avatar-responsive #avatar-promo-bottom .st-module-heading{
    text-align:center;
  }
  body.avatar-responsive .st-location p:not(.map){
    text-align:center;
  }
  body.avatar-responsive .st-contact-us{
    text-align:center;
  }
  body.avatar-responsive .st-contact-us p{
    padding-right:0;
    text-align: center;
  }
  body.avatar-responsive .st-copyright p{
    text-align:center;
    padding-left:0;
  }
  body.avatar-responsive .st-footer-menu{
    text-align: center;
  }
  body.avatar-responsive .st-footer-menu li a{
    margin-top:0;
  }
  /** Gallery photo**/
  body.avatar-responsive .st-photo-gallery .span3 .inner{
    height:auto;
  }
  body.avatar-responsive .st-photo-gallery .span3{
    margin-bottom:10px;
  }
  body.avatar-responsive .st-photo-gallery .contents .row-fluid:first-child{
    padding-bottom:0;
    border:0;
  }
  body.avatar-responsive .st-photo-gallery .contents .row-fluid:last-child{
    padding-top:0;
  }
  body.avatar-responsive .st-photo-gallery .span3 .inner .image,
  body.avatar-responsive .st-photo-gallery .span3 .inner .image img{
    height:auto;
  }
  body.avatar-responsive .st-photo-gallery .span3 .inner .image a{
    margin-bottom:-5px;
  }
  body.avatar-responsive .st-photo-gallery .span3 .inner .image a:before{
    left:47%;
  }
  /** Gallery slider**/
  body.avatar-responsive .st-gallery-slider .galleria-stage .galleria-images{
    height:100% !important;
  }
  
  /** Added by RTHK **/
  .news-programmes-index div.programme-list div.program{width:49%; margin: 1.2% 0 1.2% 2%; min-height:427px;}
  .news-programmes-index div.programme-list div.program-row div.program div.desc{min-height:67px;}
  .news-programmes-index div.programme-list div.program-row div.program div.created{position:relative;}
  .news-programmes-index div.programme-list div.program:nth-child(5n+1){ margin-left: 2% ;}
  .news-programmes-index div.programme-list div.program:nth-child(2n+1){ margin-left:0;}
  .home_news_programme div.programme-list div.program { min-height:inherit;}
  .home_news_programme div.programme-list div.program-row div.program div.created{position:relative;}
   .home_news_programme div.programme-list div.program-row div.program div.desc{min-height:60px;}
   .related_news_feature div.feature-list div.feature:nth-child(2n+0){ margin-left:3px;}
   .related_news_programme div.programme-list div.program:nth-child(2n){margin-left:7px;}
   
  /*.home_top_news div.controllers{width:41.5% !important;}
  .home_top_news div.controllers div.handles, .home_top_news div.controllers div.handles .thumb_bg{ width:100% !important;}*/
  .home_top_news .sp-slide{ max-width:651px;}
  
   
   

}
@media (max-width: 380px)
{
	.home_top_news p.sp-slide-title{font-size: 13px !important}
}

@media (max-width: 780px)
{
	.home_top_news  .sp-slide-title{font-size: 14px}
	body:before { content: 'tablet'; display: none; }
}
@media (max-width: 680px)
{
	.news-programmes-index div.programme-list div.program{/*width:45%;*/min-height:380px;}
	.home_news_programme div.programme-list div.program-row div.program div.desc{min-height:98px;}
	div.pth-summary-news-index .news .item{ width:98%;}
	.home_top_news .sp-slide{max-width:651px;  margin: 13px auto 17px;}
	.home_top_news div.controllers{ display:none;}
	.home_top_news p.sp-slide-title{font-size: 15px}
	
	.home_top_news div.sp-slide-image-frame{width:100% !important;}
	.home_top_news div.sp-slide-desc2{width:100% !important;}
	.home_top_news div.sp-slide{padding-bottom: 75% !important;}
	.home_top_news .sp-slide{ }
	
	/*.home_top_news .sp-slide{ max-width:100%; height:auto !important}
	.home_top_news .sp-slide > div, .home_top_news .sp-slide > div > div, .home_top_news .sp-slide > div > div .sp-slide-content, .home_top_news .sp-slide > div > div .image-block{width:100% !important;min-width:420px; height:318px !important;}
	 /*.home_top_news .sp-slide > div > div .image-block img	{width:auto !important; height:318px !important; max-width:420px; min-height:318px; }*/
	/* .home_top_news .sp-slide > div > div .sp-slide-desc{width:100% !important;}
	.home_top_news .sp-slide-content{width:100%;}
	*/
}
@media (max-width: 580px)
{
	.news-programmes-index div.programme-list div.program{min-height:320px;}
	.home_news_programme div.programme-list div.program-row div.program div.desc{min-height:87px;}
	.related_news_programme div.programme-list div.program, .related_news_feature div.feature-list div.feature{width:96%;}

}
@media (max-width: 480px)
{
  /** Gallery photo**/
  body.avatar-responsive .st-photo-gallery .span3 .inner{
    height:auto;
  }
  body.avatar-responsive #avatar-pos-content-user-1, 
  body.avatar-responsive #avatar-pos-content-user-2{
    float:none;
    width:100%;
  }
  body.avatar-responsive .st-world{
    padding-bottom:17px;
    border-bottom:1px dotted #d7d7d7
  }
  body.avatar-responsive .st-travel {
    margin-top:30px;
  }
  body.avatar-responsive .st-world .items:first-child .image, 
  body.avatar-responsive .st-travel .items:first-child .image{
    height:280px;
  }
  body.avatar-responsive .st-world .items:first-child .image img,
  body.avatar-responsive .st-travel .items:first-child .image img{
    width:100%;
    height:100%;
  }
  body.avatar-responsive .st-world .items .image, 
  body.avatar-responsive .st-travel .items .image{
    height:102px;
  }
  body.avatar-responsive .st-world .items .image img, 
  body.avatar-responsive .st-travel .items .image img{
    height:100%;
  }
  body.avatar-responsive .st-movies .items:first-child .span6 .image{
    height:280px;
    margin:0;
    width:100%;
    margin-bottom:10px;
  }
  body.avatar-responsive .st-movies .items:first-child .span6 .image img{
    height:100%;
    width:100%;
  }
  body.avatar-responsive .st-movies .items:not(:first-child) .span6{
    width:100%;
  }
  body.avatar-responsive .st-local-news{
    margin-bottom:0;
  }
  body.avatar-responsive .st-local-news .span6{
    width:100%;
    margin:0;
  }
  body.avatar-responsive .st-local-news .span6 .intro .image,
  body.avatar-responsive .st-local-news .span6 .intro .image img{
    width:100%;
    height:280px;
  }
  body.avatar-responsive .st-local-news .span6:last-child{
    margin:0;
    margin-top:20px;
  }
  body.avatar-responsive .st-local-news .span6 .items .image,
  body.avatar-responsive .st-local-news .span6 .items .image img{
    height:102px;
  }
  body.avatar-responsive .st-carousel .st-layer-slider{
    height:162px !important;
  }
  body.avatar-responsive .st-carousel .column .date,
  body.avatar-responsive .st-carousel .column .content{
    display:none;
  }
  body.avatar-responsive .st-carousel .layer-effect-recentwork .sequence-prev{
    left:85%;
  }
  body.avatar-responsive .st-carousel .image{
    height:auto;
  }
  body.avatar-responsive .st-carousel .column .title a{
    font-size:16px;
  }
  body.avatar-responsive .blogst-blog-1-page .items-row .span6{
    width:100%;
  }
  body.avatar-responsive .blogst-blog-1-page .items-row .span6:first-child,
  body.avatar-responsive .blogst-blog-1-page .items-row .span6:last-child{
    margin:0;
    margin-bottom:15px;
  }
  body.avatar-responsive .blogst-blog-2-page .pull-left{
    width:100%;
    margin:0;
  }
  body.avatar-responsive .st-related-post .layer-effect-recentwork .sequence-prev{
    left:85%;
  }
  body.avatar-responsive .st-gallery-slider .galleria-container{
    height:270px !important;
  }
  body.avatar-responsive .st-gallery-slider .galleria-stage{
    bottom:0 !important;
  }
  body.avatar-responsive .st-gallery-slider .galleria-thumbnails-container{
    display:none;
  }
  body.avatar-responsive .st-gallery-slider .galleria-stage .galleria-image img{
    height:auto !important;
  }
  body.avatar-responsive .st-gallery-slider .galleria-info-title a{
    font-size:16px;
  }
  /** added by RTHK **/
  .news-programmes-index div.programme-list div.program{/*width:44.5%; margin: 1.2% 0 1.2% 1.2%;*/}
  .news-programmes-index div.programme-list div.program{min-height:269px;}
  .news-programmes-index div.programme-list div.program-row div.program div.desc{min-height:120px;}
  .home_news_programme div.programme-list div.program-row div.program div.desc{min-height:128px;}
  /*.news-programmes-index div.programme-list div.program:nth-child(5n+1){ margin-left:0;}
  .news-programmes-index{ padding-bottom:8px;}*/
  /*.related_news_programme div.programme-list div.program, .related_news_feature div.feature-list div.feature{width:45%;}*/
  .related_news_feature div.feature-list div.feature:nth-child(2n+0){ margin-left:3px;}
  .related_news_programme div.programme-list div.program:nth-child(2n){margin-left:5px;}
}

@media (max-width: 423px) {
	.home_top_news div.image-block img{max-width: 100%; max-height: 100%; }
}

@media (max-width: 380px)
{
	.news-programmes-index div.programme-list div.program{/*width:42%;margin: 1.2% 0 1.2% 1%; */}
	.news-programmes-index div.programme-list div.program-row div.program div.desc{min-height:123px;}
	.home_news_programme div.programme-list div.program-row div.program div.desc{min-height:190px;}
	
	.related_news_feature div.feature-list div.feature:nth-child(2n+0),.related_news_programme div.programme-list div.program:nth-child(2n){margin:0;}
}
/*module css of news feature*/

.newsFeatureRelated{ border-top:1px solid #CCC;  padding-top: 17px;}

.newsFeatureCoverUpperPad {
	margin-top: 38px;
	/*border-bottom:1px solid #CCC;*/
	margin-bottom: 17px;
}

.newsFeatureCover {
	width: 100%;
	background: white;
	margin-top: 11px;
	margin-bottom:17px;
	
}

.newsFeatureCover .inner {
	padding: 30px 15px;
}

.newsFeatureCover .mainImage img{
	width: 100%;
	max-width: 100%;
}

.newsFeatureCover .mainImage .coverImage {
	position: relative;
	margin: 10px 0 15px 0;
}

.newsFeatureCover .heading .itemTitle {
	/*float: left;*/
	font-weight: bold;
	margin-bottom: 15px;
}

.newsFeatureCover .heading .socialTool {
	float: right;
}

.newsFeatureCover .heading .socialTool .fb-like {
	top: 0px;
}
.newsFeatureCover .heading .socialTool a img{
	vertical-align:top;	
}

.newsFeatureCover .imageCaption {
	background: black;
	opacity: 0.7;
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 5px;
	padding: 0;
	
}

.newsFeatureCover .imageCaption div {
	line-height: 30px;
	color: white;
	padding-left: 15px;
}

.newsFeatureCover .content {
	margin-bottom: 10px;
	word-wrap: break-word;
	line-height:24px;
}

.newsFeatureCover .extension{
	margin-top:17px;	
}
.newsFeatureCover .extension ul {
	margin: 0 0 10px 15px;
}

.newsFeatureCover .extension a {
	text-decoration: underline;

}

/*------------------------- css for news feature related photos -------------------------*/

.newsFeatureRelatedPhotos {
	margin-top: 5px;
	margin-bottom: 15px;
	/*padding-bottom: 11px;*/
  	/*border-bottom: 1px solid #CCC;*/
	
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
 
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	
}

.newsFeatureRelatedPhotos .playVideoImage {
	width: 32px !important;
	  position: absolute;
	  bottom: 9px;
	  left: 9px;
}

.newsFeatureRelatedPhotos .photoNewsItemCell {
	width: 32.3333333%;
	border: none;
	margin: 6px 0 6px 1.5%;
	
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

}

.newsFeatureRelatedPhotos > .photoNewsItemCell {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
		
}

.newsFeatureRelatedVideos{
	margin-top:5px;	
	
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
 
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	
}

.newsFeatureRelatedPhotos .photoNewsItemCell:nth-child(3n+1),
.newsFeatureRelatedVideos .photoNewsItemCell:nth-child(3n+1) {
	margin-left: 0;
}

.newsFeatureRelatedVideos .photoNewsItemCell {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
}

.newsFeatureRelatedVideos > .photoNewsItemCell {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
}

.newsFeatureRelatedPhotos .photoNewsItemCellInner {
	margin: 0;
	padding: 8px;
	background: white;
	position: relative;
	min-height:285px;
}


.newsFeatureRelatedPhotos .photoNewsItemCellInner div{
	
	position: relative;
}

.newsFeatureRelatedPhotos .photoNewsItemCell img{
	width: 100%;
	max-width: 100%;
}

.newsFeatureRelatedPhotos .photoNewsCaption {

}

.newsFeatureRelatedPhotos .photoNewsLiveTime {
	font-size: 12px;
	color:#666;	
	font-family:Arial, Helvetica, sans-serif;
}

@media (max-width: 970px) {
	
}
@media (max-width: 767px) {
	.newsFeatureRelatedPhotos .photoNewsItemCell {
		width: 100%;	
		float: none;
		margin:0px;
	}
	
	.newsFeatureRelatedPhotos .photoNewsItemCellInner {
		margin: 15px 0px;
		/*padding: 15px;*/
	}
}


/*------------------------- css for news feature related videos -------------------------*/

.newsFeatureRelatedVideos .playVideoImage {
	width: 32px !important;
	  position: absolute;
	  bottom: 9px;
	  left: 9px;
}

.newsFeatureRelatedVideos .photoNewsItemCell {
	width: 32.3333333%;
	border: none;
	margin: 6px 0 6px 1.5%;
}

.newsFeatureRelatedVideos .photoNewsItemCellInner {
	margin: 0px;
	padding: 8px;
	background: white;
	position: relative;
	min-height:252px;
}

.newsFeatureRelatedVideos .photoNewsItemCellInner div{
	
	/*position: relative;*/
}

.newsFeatureRelatedVideos .photoNewsItemCell img{
	width: 100%;
	max-width: 100%;
}

.newsFeatureRelatedVideos .photoNewsCaption {

}

.newsFeatureRelatedVideos .photoNewsLiveTime {
	font-size: 12px;	
	color:#666;
}

@media (max-width: 970px) {
	
}
@media (max-width: 767px) {
	.newsFeatureRelatedVideos .photoNewsItemCell {
		width: 100%;	
		float: none;
		margin: 6px 0 6px 0;
	}
	
	.newsFeatureRelatedVideos .photoNewsItemCellInner {
		margin: 15px 0px;
		/*padding: 15px;*/
	}
}

/*------------------------- css for news feature related news list -------------------------*/

#avatar-right .news_feature_related_news{border-top: solid 1px #CCC; padding-top:16px;}

.news_feature_related_important_news {
	margin-bottom: 8px;
}

.newsFeatureRelatedNewsList {
	width: 100%;
	background: white;
	margin-top: 10px;
	margin-bottom: 17px;
}



.newsFeatureRelatedNewsListCell {
	padding: 7px 0px 7px 0px;
	margin: 0px 10px;
	border-bottom: solid 1px #CCC;
}
.newsFeatureRelatedNewsList div:nth-last-child(2){ border:none;}

.newsFeatureRelatedNewsList .newsFeatureRelatedNewsListCellInner {
	 
}

.newsFeatureRelatedNewsList {
	/*float: left;*/
}

.newsFeatureRelatedNewsListLiveTime {
	float: left;
	font-size: 12px;
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
}

/*------------------------- css for news feature importent related news -------------------------*/

.newsFeatureRelatedNews {
	margin-bottom: 7px;
	margin-top: 7px;
}

.newsFeatureRelatedNews .photoNewsItemCell {
	width: 100%;
	border: none;
	margin:0;
}

.newsFeatureRelatedNews .photoNewsItemCellInner {
	margin: 6px 0 12px 0;
	padding: 8px;
	background: white;
	position: relative;
}

.newsFeatureRelatedNews .photoNewsItemCell img{
	width: 100%;
	max-width: 100%;
}

.newsFeatureRelatedNews .photoNewsCaption {

}

.newsFeatureRelatedNews .photoNewsLiveTime {
	font-size: 12px;	
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
}

@media (max-width: 970px) {
	
}
@media (max-width: 767px) {
	.newsFeatureRelatedNews .photoNewsItemCell {
		width: 100%;	
		float: none;
	}
	
	.newsFeatureRelatedNews .photoNewsItemCellInner {
		margin: 15px 0px;
		/*padding: 15px;*/
	}
	#newsFeatureRelatedVideosNavigation{border-bottom: 1px #CCC solid; }
}

/*------------------------- css for photolist listing page -------------------------*/

.photoNewsItemCell {
	
	width: 23.86%;
	border: none;
	
	float: left;
	margin-left: 1.5%;
	/*margin-bottom:1.5%;*/
}

.photoNewsListing {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
 
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	
}

.photoNewsListing .photoNewsItemCell:first-of-type{ margin-left:0;}
.photoNewsListing .photoNewsItemCell:nth-of-type(4n+1){ margin-left:0;}

.photoNewsListing .photoNewsItemCell {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
}

.photoNewsListing > .photoNewsItemCell {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
		
}

.photoNewsListing  .photoNewsItemCellInner{
	min-height: 275px;
}
.photoNewsItemCellInner {
	/*margin: 6px 12px 6px 0;*/
	padding: 8px;
	background: white;
	position: relative;
	box-shadow: 0px 0px 8px 0px #D5D5D5;
	margin-bottom:15px;
}


.photoNewsItemCell img{
	width: 100%;
	max-width: 100%;
}

.photoNewsThumbnail {
	position:relative;
	min-height: 100px;
}

.photoNewsCaption {
	min-height: 100px;
}

.photoNewsLiveTime {
	font-size: 12px;
	bottom: 8px;
	/*position: absolute;*/
	color:#666;
	height: 16px;
	font-family:Arial, Helvetica, sans-serif;
}

.home_news_photos .photoNewsItemCell {margin:0;}

@media (max-width: 970px) {
	.photoNewsItemCell {
		width: 32.2%;	
		margin-left: 1% !important;
	}
	.photoNewsListing .photoNewsItemCell:nth-of-type(3n+1), .photoNewsListing .photoNewsItemCell:first-of-type{ margin:0 !important;}
	.photoNewsListing .photoNewsItemCellInner {
	  min-height: 312px;
	}
	
	.videoNewsItemCell {
		width: 32.2%;	
		margin-left: 1% !important;
	}
	.photoNewsListing  .videoNewsItemCell:nth-of-type(3n+1), .photoNewsListing  .videoNewsItemCell:first-of-type{ margin:0 !important;}
	
	.photoNewsListing  .videoNewsItemCellInner {
	  min-height: 270px;
	}
	
}
@media (max-width: 767px) {
	.photoNewsItemCell {
		width: 100%;	
		float: none;
		margin-left:0 !important;
	} 
	/*.photoNewsListing .photoNewsItemCell:nth-of-type(4n+1){ margin-left: 0 !important;}*/
	.photoNewsItemCellInner {
		/*margin: 15px;*/
		/*padding: 15px;*/
	}
}

/*------------------------- css for news feature listing page -------------------------*/
.newsFeatureListing .playVideoImage {
	width: 32px !important;
	  position: absolute;
	  bottom: 9px;
	  left: 9px;
}

.newsFeatureListing .photoNewsItemCell {
	width: 23.84%;
	border: none;
	
	float: left;
	margin-left: 1.5%;
	margin-bottom:1.5%;
}

.newsFeatureListing .photoNewsItemCellInner {
	/*margin: 6px 12px 6px 0;*/
	padding: 8px;
	background: white;
	position: relative;
	box-shadow: 0px 0px 8px 0px #D5D5D5;
}

.newsFeatureListing .photoNewsItemCellInner div{
	
	position: relative;
}

.newsFeatureListing .photoNewsItemCell img{
	width: 100%;
	max-width: 100%;
}

.newsFeatureListing .photoNewsCaption {
	min-height: 60px;
}

.newsFeatureListing .photoNewsLiveTime {
	font-size: 12px;
	color:#666;	
}

@media (max-width: 970px) {
	
}
@media (max-width: 767px) {
	.newsFeatureListing .photoNewsItemCell {
		width: 100%;	
		float: none;
	}
	
	.newsFeatureListing .photoNewsItemCellInner {
		margin: 15px 0px;
		/*padding: 15px;*/
	}
}

/*traffic*/
/*------------------------- css for news feature listing page -------------------------*/
.trafficNews .playVideoImage {
	width: 32px !important;
	  position: absolute;
	  bottom: 9px;
	  left: 9px;
}

.trafficNewsList {
	background: white;
	box-shadow: 0px 0px 8px 0px #D5D5D5;
}

.trafficNewsList .trafficNewsCell {
	width: 100%;
	background: white;
}

.trafficNewsList .trafficNewsCellInner {
	padding: 10px 10px 0px 10px;
}

.trafficNewsCellInner > div:nth-last-child(1) {
	border-bottom: 1px solid #ccc;
	padding-bottom: 7px;
}

.trafficNewsList .trafficLiveTime{
	float: left;
}
.trafficNewsList .trafficNewsLiveTime {
	font-size:12px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
}
.trafficNewsList .trafficNewsTitle {
	color:#000000;
}

.trafficNewsList .trafficNewsCell:last-child .trafficNewsCellInner > div:nth-last-child(1){
	border-bottom:none;	
}

/*------------------------- home news feature listing  -------------------------*/
.newsFeatureHomeListing {
	width: 100%;
}

.newsFeatureHomeListingCell {
	width: 49%;
	float: left;
	margin-right:1%;
	margin-bottom:2%;
}

.newsFeatureHomeListingCell:nth-child(even) {
	float: left;
	margin-right: 0;
}

.newsFeatureHomeListingInner {
	/*margin: 3px 0 12px 2%;*/
	background: white;
	box-shadow: 0px 0px 8px 0px #D5D5D5;
}

.newsFeatureHomeListing .nflImage, .newsFeatureHomeListing .nflText {
	float: left;
	width: 50%;
}

.newsFeatureHomeListing .nflText {
	font-size: 16px;
	font-weight: bold;
}

.nflImage div, .nflText div {
	margin: 8px;
	margin-bottom: 8px;
}
.nflText div{
	margin-left:0;	
}
.nflThumbnail{
	position:relative;
	min-height: 100px;
}



/*------------------------- video module base css -------------------------*/
.playVideoImage {
	width: 32px !important;
	  position: absolute;
	  bottom: 9px;
	  left: 9px;
}

.videoNewsItemCell {
	width: 23.86%;
	border: none;
	
	float: left;
}

.photoNewsListing .videoNewsItemCell {
	margin-left:1.5%;

}


.photoNewsListing .videoNewsItemCell:first-child {
	margin:0;
}
.photoNewsListing .videoNewsItemCell:nth-child(4n+1) {
	margin:0;
}

.videoNewsItemCellInner {
	margin: 0px;
	margin-bottom:15px;
	padding: 8px;
	background: white;
	position: relative;
	min-height: 260px;
	box-shadow: 0px 0px 8px 0px #D5D5D5;
}

.home_video_news .photoNewsListing .videoNewsItemCellInner{
	min-height: 210px;
}

.videoNewsItemCellInner div {
	position: relative;
}

.videoNewsItemCell img {
	width: 100%;
	max-width: 100%;
}

.videoNewsThumbnail{
	position:relative;
	min-height: 100px;
}

.videoNewsCaption {
	min-height: 60px;
	padding: 0;
}
.videoNewsCaption a{
	font-weight:bold;
}
.videoNewsLiveTime {
	font-size: 12px;
	bottom: 0;
	position: absolute;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
}
.topVideo{
	box-shadow: 0px 0px 8px 0px #D5D5D5;	
}

/*news subscription*/
.subscriptionForm {
	margin-top: 15px;
}

.loading p{
	margin-top: 15px;
	margin-bottom: 15px;
}

.subscriptionForm label {
	display:inline-block;
	
	*display:inline;
	zoom: 1;
}

.subscriptionForm form input[type="checkbox"] {
	margin: 0;
}

.subscriptionForm form input[type="text"] {
	margin-bottom: 0;
	 padding: 0 6px 0 6px;
}

.subscriptionForm h3 a, .subscriptionForm h3 a:visited, .subscriptionForm h3 a:hover {
	color: #b4a27e;
	text-decoration: none;
}

.subscriptionForm .formContentContainer {
	display:none;
}



.loading {
	display: none;
}

.backButton {
	display:none;
}

.subscriptionForm h3 {
	margin-bottom: 10px;
}

.fieldContainer {
	width: 100%;
	margin-bottom: 5px;
}

.formField {
	display: inline-block;
	
	*display: inline;
	zoom:1;
}

.fieldTitle {
	width: 14%;
	vertical-align: top;
}

.fieldContent {
	width: 85%;
}

.formList {
    list-style-type: none;
}

.formListHorzontal li {
	display: inline-block;
	margin-right: 10px;
	
	*display: inline;
	zoom: 1;
}
/*end news subscription*/

/* video gallery */
.topVideo {
	width: 100%;
	background: white;
	margin-bottom: 17px;
	box-shadow: 0px 0px 8px 0px #D5D5D5;
}

.topVideoContent {
	padding: 15px 15px 25px 15px;
	/*display: table;*/
}

.topVideoSplits {
	width: 49%;
	display: inline-block;
	/*display: table-cell;*/
	vertical-align: middle;
	/**display:inline;
	*zoom: 1;*/
}

.topVideoLeft {
	position:relative;
	overflow:hidden; 
}

.topVideoRight {
	vertical-align: top;
}

.topVideoRight > div{
	margin-left: 15px;
}

.topVideoContent .social{
	margin: 0 0 10px 0;
}
.topVideoContent .topVideoIntrotext{
	line-height:24px;
	
}
.topVideoContent .social *{
	display:inline-block; 
	vertical-align: middle;
}

.topVideoContent .social img{
	vertical-align:middle;
}

.topVideoTitle {
	font-weight: bold;
	margin-bottom: 15px;
}

.topVideoHeading{
	width: 100%;
}

.topVideoIntroText{
	width: 100%;
}

.topVideoLiveTime {
	margin-bottom: 15px;
	font-size: 12px;
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
}

.otherVideoTitle {
	margin-bottom: 10px;
}



.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

@media(max-width: 767px){
	.topVideoSplits {
		display: block;
		width: 100%;
	}
	
	.topVideoLeft {
		margin-bottom: 15px;
	}
	
	.topVideoRight > div {
		margin-left: 0;
	}
}
/* end video gallery */

@media (max-width: 970px) {
	.videoNewsItemCell {
		width: 32.2%;	
	}
	.photoNewsListing .videoNewsItemCell:nth-child(4n+1) {
		margin-left:1.5%;
	}

	.photoNewsListing .videoNewsItemCell:nth-child(3n+1), .photoNewsListing .videoNewsItemCell:first-child {
		margin:0 !important;
	}
	.videoNewsItemCellInner{
		min-height:300px;	
	}
}
@media (max-width: 767px) {
	.videoNewsItemCell {
		width: 100% !important;	
		float: none;
		margin:0 0 0 0 !important;
	}
	
	.videoNewsItemCellInner {
		margin: 15px 0px;
	}
	
}

/* */
#k2ModuleBox277 .videoNewsItemCell {
	width: 100%;
	float:none;
	
}

#k2ModuleBox290 .videoNewsItemCell {
	width: 100%;
	float:none;
	
}

.page_navigation {
	width: 100%;
	
	text-align: right;
	margin: 18px 3px 20px 0px;
	/*border-bottom: 1px #CCC solid;*/
	padding-bottom: 8px;
}

.page_navigation .prevButton,  .page_navigation .nextButton {
	border: 1px #CCC solid;
  background: white;
  padding: 4px 7px;
}

.page_navigation a:hover {
	text-decoration: none;
	background: #DDD;
}

/* */
.home_news_photos .photoNewsItemCellInner{
	margin: 0;
	box-shadow: 0px 0px 8px 0px #D5D5D5;
}


/**Added by rthk FOR RESPONSIVE **/
@media (max-width: 1200px){
	/*.top-menu .avatar-main-menu>li{
		width:10%;
	}
	.top-menu .avatar-main-menu>li a{
		width:auto;
	}*/
		.top-menu .avatar-main-menu>li:last-child, .top-menu .avatar-main-menu>li:nth-last-child(2){
		display:none;
	}
	#avatar-pos-promo-top-left{height:66px;}
	#avatar-pos-top-right { width:50% !important;}
	.home_top_news .image-block{ }
	
}

@media (max-width: 1000px){
	.top-menu .avatar-main-menu>li{
		width:9.6%;
		letter-spacing: -1px;
	}
	.top-menu .avatar-main-menu>li a { /*.top-menu .avatar-main-menu>li:first-child*/
		width:auto;
	}
	.top-menu .avatar-main-menu>li:nth-last-child(5){
		width:12%;
	}
	.top-menu .avatar-main-menu>li a.menu_pthnews{
		width:auto;
		min-width:96px;
	}
}

@media (max-width: 900px){
	
}

@media (max-width: 800px){
	/*.top-menu .avatar-main-menu>li:first-child{
		width:8%;
	}*/
	.top-menu .avatar-main-menu>li{
		width:9.7%;
		letter-spacing: -2px;
	}
	.top-menu .avatar-main-menu>li:nth-last-child(5){
		width:12%;
	}
	#avatar-pos-top-right { width:auto !important;}
	
}
@media (max-width: 768px){
	.top-menu .avatar-main-menu>li, .top-menu .avatar-main-menu>li:first-child, .top-menu .avatar-main-menu>li:nth-last-child(5){
		width:100%;
		letter-spacing: 0px;
	}
	.top-menu .avatar-main-menu>li a.menu_pthnews{width:auto;}
	
	.home_latestnews {padding-top:17px; border-bottom:1px solid #CCC;}
	.home_news_programme{ border-bottom:1px solid #CCC;}
	.home_traffic_news{ margin-top:17px; padding-top:17px; border-top:1px solid #CCC;}
	.latest-news-detail, .news-programmes-index, .pth-summary-news-index, .program-detail, .new_gallery_index, .video_gallery_index, .news_feature_index, .news-archive-index{
		margin-bottom: 17px;
	}
	#avatar-pos-footer-left{ width:50% !important; float:left !important;}
	#avatar-pos-footer-right{ width:50% !important; float:right !important;}
}
@media (max-width: 767px){
	
	.top-menu .avatar-main-menu>li, .top-menu .avatar-main-menu>li:first-child, .top-menu .avatar-main-menu>li:nth-last-child(5){
		width:100%;
	}
	.top-menu .avatar-main-menu>li a.menu_pthnews{width:auto;}
	
	.top-menu .avatar-main-menu>li.parent .st-mega-menu-row{display:none;}
	body.avatar-responsive #avatar-pos-user-8{ float:left !important; width:50% !important;}
	body.avatar-responsive #avatar-pos-user-9{ width:auto !important; text-align:right;}
	body.avatar-responsive #avatar-pos-user-10{ width:auto !important;}
	body.avatar-responsive #avatar-pos-user-10 .search #mod-search-searchword{ width:70% !important;}
	/*.new_gallery_index, .video_gallery_index, .news_feature_index{margin-top: 40px;}*/
	.breadcrumb { margin-top:0px;}
	/*{margin-top:-26px;}*/
	

	.newsFeatureListing .photoNewsItemCell{ margin:0 !important;}

	

}
@media (max-width: 680px){
	body.avatar-responsive #avatar-pos-user-8{width:100% !important;}	
	body.avatar-responsive #avatar-pos-user-9{width:auto !important;float:right !important;}	
	body.avatar-responsive #avatar-pos-user-10{width:46% !important;float:left !important;}
}
@media (max-width: 580px){
	div.itemRelated div.items div.item{ width:97%; margin-left:0;}
	div.itemRelated div.items div.item div.right{padding:0;}
	div.itemRelated div.items div.news-row div{ float:none;}
	.newsFeatureHomeListingCell{ width:100%; float:none;}
	.newsFeatureHomeListingCell:nth-child(even){float:none;}
	.topVideoContent .topVideoLeft, .topVideoContent .topVideoRight{ width:100%;}
}
@media (max-width: 580px){
	div.itemRelated div.items div.item div.right{width:47%;}
}
@media (max-width: 480px){
	#jwPlayer .jwdisplay #jwPlayer_display_button_play{background-size: 60px !important; width:60px !important;}
	#jwPlayer_display_button{height:70px !important;}
}

@media (max-width: 380px) {
	.st-logo a img{min-width:100%;}
	#jwPlayer .jwdisplay #jwPlayer_display_button_play{background-size: 40px !important; width:40px !important;}
	#jwPlayer_display_button{height:50px !important;}
}
@media (max-width: 330px){
	body.avatar-responsive #avatar-pos-user-9, body.avatar-responsive #avatar-pos-user-10{width:100% !important;}
}

.home_top_news div.sp-slide-image-frame{width:65%;}

/** Send to RTHK **/
.sendToRthkEmail{
	text-decoration: underline;
}
/** **/

/**Added by rthk **/