html{
	display:block;
	height:100%;
}
body{
	display:block;
	height:100%;
}
#form1.mobile{
	width:360px;
	height: 100%;
}
#form1.mobile>#mobileHeader{
	width: 360px;
	height:52px;
	background: #524B43;
	position:fixed;
	z-index: 1000;
	border-bottom: solid 4px #FAA820;
}
#form1.mobile>#mobileHeader:after{
	width: 134px;
	height: 25px;
	/* background:#F66; */
	position:absolute;
	background-image: url(/App_Themes/default/header/images/header2012.png);
	background-position: -215px -81px;
	content:" ";
	right: 10px;
	top: 15px;
	background-size: 350px;
	background-repeat: no-repeat;
}
#form1.mobile #mainWrapper{
	width:360px;
	/* height: 100%; */
}

#form1.mobile #instantsNewsWrapper{
	width: 345px;
	height: 42px;
}
#form1.mobile #instantsNewsWrapper>ul{
	
}
#form1.mobile #instantsNewsWrapper>ul>li{
	height: 42px;
	padding-left: 41px;
}
#form1.mobile #instantsNewsWrapper>ul>li>a.content{
	height: 37px;
	width: 249px;
	position: relative;
	left: 0;
	background-image: none;
	background-color: #FFF;
	border-radius: 0px 5px 5px 0px;
	border: solid 1px #524B43;
	border-left: 0;
	line-height: 1.1rem;
	padding-left: 47px;
	padding-top: 3px;
}
#form1.mobile #instantsNewsWrapper>ul>li>a.content:after{
	display:none;
}
#form1.mobile #instantsNewsWrapper>ul>li>a>span.title{
	width:auto;
	display: inline;
	margin-left: 0;
}
#form1.mobile #instantsNewsWrapper>ul>li>.category{
	background-image:none;
	width: 2.2rem;
	height: 36px;
	line-height: 1.15rem;
	font-size: 12px;
	padding: 3px;
	text-align: center;
	border-radius: 8px 0px 0px 8px;
	letter-spacing: 0.05rem;
}
#form1.mobile #instantsNewsWrapper>ul>li>.category:after{
	color: #fff;
	text-decoration: none;
}
#form1.mobile #instantsNewsWrapper>ul>li.news{
	
}
#form1.mobile #instantsNewsWrapper>ul>li.news>.category{
	/* background-image:none; */
	background-color: #22619A;
}
#form1.mobile #instantsNewsWrapper>ul>li.news>.category:after{
	content:"即時新聞";
}
#form1.mobile #instantsNewsWrapper>ul>li.finance>.category{
	background-color: #7F8C97;
}
#form1.mobile #instantsNewsWrapper>ul>li.finance>.category:after{
	content:"即時財經";
}
#form1.mobile #instantsNewsWrapper>ul>li.traffic>.category{
	background-color: #6E5C46;
}
#form1.mobile #instantsNewsWrapper>ul>li.traffic>.category:after{
	content:"即時交通";
}
#form1.mobile #instantsNewsWrapper>ul>li.international>.category{
	background-color: #EE2C2A;
}
#form1.mobile #instantsNewsWrapper>ul>li.international>.category:after{
	content:"即時國際";
}

#form1.mobile #instantsNewsWrapper>ul>li>a>span.time{
   display: block;
   width: 40px;
   position: absolute;
   top: 0;
   height: 16px;
   left: 0;
   padding: 12px 0;
   text-align: center;
   color: #FFF;
}


#form1.mobile #instantsNewsWrapper>ul>li.news>a>span.time{
   background-color: #2770B0;
}
#form1.mobile #instantsNewsWrapper>ul>li.finance>a>span.time{
   background-color: #8F9AA3;
}
#form1.mobile #instantsNewsWrapper>ul>li.traffic>a>span.time{
   background-color: #7C6850;
}
#form1.mobile #instantsNewsWrapper>ul>li.international>a>span.time{
   background-color: #F04542;
}

#form1.mobile #mainSkinheader{
	position:fixed;
	width: 0;
	overflow: hidden;
	-webkit-transition: width 0.2s; /* Safari */
    transition: width 0.2s;
    z-index:10;
}
#form1.mobile .header2012{
	display:block;
	width: 330px;
	height: auto;
	position: relative;
	background-color: #333;
	z-index:10;
	padding: 15px;
	padding-top: 65px;
}
#form1.mobile .header2012>ol{
	height:auto;
}
#form1.mobile .header2012>ol>li{
	display:block;
	float:none;
	font-size: 17px;
	color: #FFF;
}
#form1.mobile .header2012>ol>li>a{
	color: #FFF;
}

#form1.mobile .header2012>ol>li>a>span{
	color: #FFF;
}

#form1.mobile .header2012>ul{
	font-family: empty;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 0;
	background: none;
	border: none;
	height: auto;
}
#form1.mobile .header2012>ul>li{
	font-family: serif;
	display: block;
	/* background-color: #ccc; */
	padding: 0 1px;/* Firefox fix */
	background-image: none;
	float: none;
	height: auto;
	width: auto;
	padding: 7px 5px;
}
#form1.mobile .header2012>ul>li>dl{
	display: block !important;
	position: relative;
	width: auto;
}
#form1.mobile .header2012>ul>li>dl>dd{
	
}
#form1.mobile .header2012>ul>li>dl>dd>a{
	width:auto;
	height: auto;
	line-height: 1em;
	font-size: 15px;
	padding: 0.7em 0.5em;
}
#form1.mobile .header2012>ul>li>a{

	padding: 0;
	margin: 0;
	letter-spacing: 0;
text-indent: 0;overflow: inherit;color: #FFF;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 17px;
margin-bottom: 10px;}

#form1.mobile .header2012>ul>li.header2012_menu_1>a:before{
	content:"主頁";
}
#form1.mobile .header2012>ul>li.header2012_menu_2>a:before{
	content:"新聞";
}
#form1.mobile .header2012>ul>li.header2012_menu_3>a:before{
	content:"投資";
}
#form1.mobile .header2012>ul>li.header2012_menu_16>a:before{
	content:"網絡話題";
}
#form1.mobile .header2012>ul>li.header2012_menu_4>a:before{
	content:"雷霆881";
}
#form1.mobile .header2012>ul>li.header2012_menu_5>a:before{
	content:"叱咤903";
}
#form1.mobile .header2012>ul>li.header2012_menu_6>a:before{
	content:"AM864";
}
#form1.mobile .header2012>ul>li.header2012_menu_7>a:before{
	content:"視電台";
}
/*
#form1.mobile .header2012>ul>li.header2012_menu_10>a:before{
	content:"骷髏會";
}
*/
#form1.mobile .header2012>ul>li.header2012_menu_10
{
	display:none;
}
#form1.mobile  .header2012>ul > #spacer
{
	display:none !important;
}
#form1.mobile .header2012>ul>li.header2012_menu_98>a:before{
	content:"登記節目重溫";
}
#form1.mobile .header2012>ul>li.header2012_menu_99>a:before{
	content:"我的戶口";
}
#form1.mobile #mainContent{
	width:340px;
	padding: 9px 10px;
	padding-top: 60px;
}

#form1.mobile #featureNewWrapper{zoom:0.569;
	margin-bottom:20px
;
	height: 510px;
}

#form1.mobile #banner555{
	height: auto;zoom:0.565;
	margin-bottom: 20px;
	padding-bottom: 177px;
	padding-top: 14px;
}

#form1.mobile #banner555 .mask{
	top:auto;
	bottom:15px;
}
#form1.mobile #banner555 .nav{
	font-size:25px;
	height: auto;
	position: relative;
	text-align: right;
	top: 0;
	width: auto;
	right: 0;
	padding: 0 10px;
}
#form1.mobile #banner555 .nav>a{
	height:1em;
	line-height:1em;
	padding: 8px 10px;
	border-radius: 8px;
	display: inline-block;
	float: none;
}
#form1.mobile #banner555 .nav>a>.leftDeco,
#form1.mobile #banner555 .nav>a>.rightDeco{
	display:none;
}
#form1.mobile #categoryWrapper .feedBox{
	width:305px;
	height: auto;
}
#form1.mobile #categoryWrapper .feedImg{
	display:block;
	width:100%
;
	height: auto;
	float: none;
	margin-right: 0;
	margin-bottom: 15px;
}
#form1.mobile #categoryWrapper .feedImg>img{
	width:100%
;
	max-height: none;
	max-width: none;
}
#form1.mobile #categoryWrapper .feedTitle{
	height:auto;
	font-size: 16px;
	font-weight: bold;
}
#form1.mobile #categoryWrapper .feedContent{
	height:auto;
	font-size: 15px;
}

#form1.mobile #liveBannerWrapper,
#form1.mobile #skyRipWrap,
#form1.mobile #audioColumn,
#form1.mobile #icolumnstarWrapper,
#form1.mobile #programPostWrapper,
#form1.mobile .song_div,
#form1.mobile #programBanner{
	zoom: 1.125;
margin-bottom: 10px;

}
#form1.mobile #programBanner a{
	margin-bottom:10px;
	display: block;
}
#form1.mobile #fbLikeBox iframe{
	-ms-zoom: 1.12;
	-moz-transform: scale(1.12);
	-moz-transform-origin: 0 0;
	-o-transform: scale(1.12);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(1.12);
	-webkit-transform-origin: 0 0;
}
#form1.mobile .song_div{
	height:auto;
}
#form1.mobile .song_content{
	height: auto !important;
}
#form1.mobile .feedTitle{
	/* font-size: 15px; */
}
#form1.mobile .feedContent{
	/* font-size: 14px; */
	/* line-height:1.5em; */
	/* letter-spacing:0.1em; */
	/* height: auto; */
}

#form1.mobile #icolumnstarWrapper .feedBox{
	/* height:auto; */
}

#form1.mobile #icolumnstarWrapper .feedImg{
	/* display: block; */
	/* float: none; */
	/* margin: 0; */
	/* width: 100%; */
	/* height: auto; */
	/* margin-bottom: 15px; */
}
#form1.mobile #icolumnstarWrapper .feedImg>img{
	/* width: 100%; */
	/* max-height: none; */
	/* max-width: none; */
}

#form1.mobile #programPostWrapper .program{
	padding: 13px 12px;
	width: 276px;
}

#form1.mobile #programPostWrapper .program>img{
	max-width: none;
	max-height: none;
	float: none;
	width: 100%;
	margin: 0;
	margin-bottom: 14px;
}
#form1.mobile .Font_select_CHbg{
	background-image:none;
	background-color:#000;
}
/******* menu *******/
#form1.mobile>#mobileHeader>#btnMenu{
	width: 82px;
	height:52px;
	/* background:#6F6; */
	position:absolute;
	top:0;
	left: 0;
}
#form1.mobile>#mobileHeader>#btnMenu>span{
	display:block;
	width: 25px;
	height: 2px;
	background-color:#FFF;
	position:absolute;
	left: 19px;
	-webkit-transition-duration: 0.2s;/* Safari */
	transition-duration: 0.2s;
}
#form1.mobile>#mobileHeader>#btnMenu>span.stick1{
	top: 15px;
}
#form1.mobile>#mobileHeader>#btnMenu>span.stick2{

top: 25px;}
#form1.mobile>#mobileHeader>#btnMenu>span.stick3{
	top: 35px;
}


#form1.mobile.menuOpen{
}
#form1.mobile.menuOpen #mainContent{
	display: block;
	overflow:hidden;
	/*height:100%;*/
	/*position:fixed;*/
}
#form1.mobile.menuOpen #mainSkinheader{
	width: 360px;
	height:100%;
	overflow: auto;
}

#form1.mobile.menuOpen>#mobileHeader>#btnMenu>span.stick1{
	-ms-transform:translateY(10px) rotate(-45deg); /* IE 9 */
    -webkit-transform:translateY(10px) rotate(-45deg); /* Chrome, Safari, Opera */
    transform: translateY(10px) rotate(-45deg);
}
#form1.mobile.menuOpen>#mobileHeader>#btnMenu>span.stick2{
	opacity:0;
}
#form1.mobile.menuOpen>#mobileHeader>#btnMenu>span.stick3{
	-ms-transform:translateY(-10px) rotate(45deg); /* IE 9 */
    -webkit-transform:translateY(-10px) rotate(45deg); /* Chrome, Safari, Opera */
    transform:translateY(-10px) rotate(45deg) ;
}


/******** landscape *********/
@media screen and (orientation:landscape) {
	#form1.mobile #mainContent{
		padding-top: 35px;
	}
	#form1.mobile>#mobileHeader{
		width: 360px;
		height:24px;
	}
	#form1.mobile>#mobileHeader:after{
		width: 115px;
		height: 19px;
		/* background:#F66; */
		position:absolute;
		background-image: url(/App_Themes/default/header/images/header2012.png);
		background-position: -133px -58px;
		content:" ";
		right: 10px;
		top: 3px;
		background-size: 250px;
	}
	#form1.mobile>#mobileHeader>#btnMenu{
		width:64px;
		height:24px;
	}
	#form1.mobile>#mobileHeader>#btnMenu>span{
		width: 18px;
	}
	#form1.mobile>#mobileHeader>#btnMenu>span.stick1{
		top: 4px;
	}
	#form1.mobile>#mobileHeader>#btnMenu>span.stick2{

		top: 11px;}
	#form1.mobile>#mobileHeader>#btnMenu>span.stick3{
		top: 18px;
	}

	#form1.mobile.menuOpen #mainContent{
		display: block;
		overflow:hidden;
		/*height:100%;*/
		/*position:fixed;*/
	}
	#form1.mobile.menuOpen #mainSkinheader{
		width: 360px;
		height:100%;
		overflow: auto;
	}

	#form1.mobile.menuOpen>#mobileHeader>#btnMenu>span.stick1{
		-ms-transform:translateY(7px) rotate(-45deg); /* IE 9 */
		-webkit-transform:translateY(7px) rotate(-45deg); /* Chrome, Safari, Opera */
		transform: translateY(7px) rotate(-45deg);
	}
	#form1.mobile.menuOpen>#mobileHeader>#btnMenu>span.stick2{
		opacity:0;
	}
	#form1.mobile.menuOpen>#mobileHeader>#btnMenu>span.stick3{
		-ms-transform:translateY(-7px) rotate(45deg); /* IE 9 */
		-webkit-transform:translateY(-7px) rotate(45deg); /* Chrome, Safari, Opera */
		transform:translateY(-7px) rotate(45deg) ;
	}
}

/************* banner ***************/
#form1.mobile [id='881903LargeRecHolder']{
	  height: 295px;
}

#form1.mobile #div-gpt-ad-1415345246358-0,
#form1.mobile #div-gpt-ad-1415345165084-0,
#form1.mobile #div-gpt-ad-1415345214002-0{
	       -ms-zoom: 0.75;
	       -moz-transform: scale(1.12);
	       -moz-transform-origin: 0 0;
	       -o-transform: scale(1.12);
	       -o-transform-origin: 0 0;
	       -webkit-transform: scale(1.12);
	       -webkit-transform-origin: 0 0;
	       width: 300px;
	       height: 280px;
	       margin-bottom: 13px;
	       overflow: hidden;
}

#form1.mobile #div-gpt-ad-1415345246358-0{
	  margin-top: 13px;
}

#form1.mobile .header2012_menu_9{
	display: none !important;
}

#form1.mobile .header2012_menu_3{
	/*display:none !important;*/
}
#form1.mobile .header2012>ol{
	display:none;
}