/*for common phone appshare*/
html, body, div, span, applet, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, sup, var, b, u, i, center, ol, ul, li, caption {
	border: 0;
	outline: 0;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}

html{ height:100%;}
body{	display:block;
		font-family: Helvetica, STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Tohoma, Arial;
		color: #222;
		background-color:#FFFFFF;
		border: 0;
		outline: 0;
		vertical-align: baseline;
		margin: 0;
		padding: 0;
		
}
ins, a {
text-decoration: none;
}
p{line-height: 1.5;}

.ui-content{
	top:45px;
	border-width: 0;
	overflow: hidden;
	overflow-x: visible;
	padding: 15px;
}
.ui-content-nohead{
	top:45px;
	border-width: 0;
	overflow: hidden;
	overflow-x: visible;
	padding: 1px 15px;
}
#logo_title{color:#ffffff;}
img#logo_icon {
	width: 37px;
	height: 37px;
	margin-right: 6px;
	margin-top: 4px;
	top: 0;
	left: 12px;
	position: absolute;
}
img#main-menu{position:relative;width:60px;top:10px;}

a#logo_title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 69%;
	display: block;
	letter-spacing: -1px;
	position: relative;
	margin-left: -9px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 9px;
}
#header{
font: 19px "Helvetica-Bold", Helvetica, Geneva, Arial, sans-serif;
	
	-webkit-box-shadow: rgba(0, 0, 0, .4) 0px 3px 3px;
	background-color: #48BFE7;padding-left: 9px;
	height: 44px;
	padding-right: 9px;
	position: fixed;
	width: 100%;
	left: 0px;
	right: 0px;
	top: 0px;
	text-align: left;
	z-index: 3;
}
.rounded_corner {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-background-clip: padding-box;
}
.post {
		background-color: white;
		padding: 10px;
		border: 1px solid #B1B1B1;
		position: relative;
		margin: 15px 0px;
		overflow: hidden;
		box-shadow:rgba(0, 0, 0, .4) 0px 3px 3px;
}
.post-nohead{
		background-color: white;
		padding: 10px;
		border: 1px solid #B1B1B1;
		position: relative;
		margin: 1px 0px;
		overflow: hidden;
		box-shadow:rgba(0, 0, 0, .4) 0px 3px 3px;
}
.content img {
	max-width: 100%;
	height: auto;

	text-align: center!important;
	margin-left: auto!important;
	margin-right: auto!important;
	float: none!important;
	display: block!important;
}
.alignnone {
	text-align: center!important;
	margin-left: auto!important;
	margin-right: auto!important;
	float: none!important;
	display: block!important;
}
.p-font{/*font-size: 20px;color: #787878;*/}
.post h1, .post h1 a {
	color: #333;
	font: 20px "Helvetica-Bold", Helvetica, Geneva, Arial, sans-serif;
}
.post h2{margin-bottom: 5px;}

.date_author_wrap .date,.date_author_wrap .author {
	font-size: 10px;
	font-weight: bold;
	color: #666;
	margin:0;
	
}

#content .content p {
	line-height: 150%;
}
.post_navigation {
	height: 26px;
	margin-left: -10px;
	margin-right: -10px;
	position: relative;
	background: #CCC url(../images/post-nav-bg.png) repeat-x;
}

.post_navigation.nav_top{
	margin-top: -10px;
	border-bottom: 1px solid #B2B2B2;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	margin-bottom: 12px;
}

.post_navigation.nav_bottom{
	margin-bottom: -10px;
	border-top: 1px solid #B2B2B2;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	margin-top: 12px;
}

.post_nav_fwd {
	border-left: 1px solid #EEE;
	width: 37px;
	position: absolute;
	top: 0;
	right: 0;
}
a.nav_fwd {
	float: right;
	display: block;
	background: url(../images/single_post_nav_sprite.png) no-repeat 12px 5px;
	width: 18px;
	height: 18px;
	text-indent: -1000em;
	padding-top: 8px;
	padding-left: 12px;
	border-left: 1px solid #999;
	padding-right: 8px;
}
.post_nav_middle {
	display: block;
	text-align: center;
	padding-top: 3px;
	width: 100%;
	text-shadow: white 0 1px 1px;
	line-height: 150%;
}
.post_nav_middle a {
	background: url(images/up_down_arrow_sprite.png) no-repeat right 2px;
	padding-right: 14px;
	font-weight: bold;
	font-size: 15px;
}

.post_nav_back {
	border-right: 1px solid #EEE;
	width: 37px;
	position: absolute;
	top: 0;
	left: 0;
}
a.nav_back {
	float: left;
	display: block;
	background: url(../images/single_post_nav_sprite.png) no-repeat 8px -18px;
	width: 18px;
	height: 18px;
	text-indent: -1000em;
	border-right: 1px solid #999;
	padding-right: 12px;
	padding-top: 8px;
	padding-left: 8px;
}

a, .off.active, .on.active {
	/*color: #227AD1;*/
	color:#222;
}

.text_over{text-overflow: ellipsis;overflow:hidden;white-space: nowrap;width:95%;display:block;}

a#header_menu_toggle img{width:25px;}

.bottom-base{
	background-color: #EEE;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	
	border-top: 1px solid #B1B1B1;
	margin: 10px -10px -10px -10px;
	padding-left: 10px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

.icon-arrow-r{
	background-image:url(../images/arrow-r.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 10px;
	height: 15px;
	
}

.ul-li{
	
	border-bottom: 1px solid #cdcdcd;
	position: relative;
}

.title-h{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 90%;
	display: block;
}
.img-auto-stretch{max-width: 100%;height: auto;}
.text-bottom-r{position: absolute;right: 25px;}

#footer{color: #cdcdcd;text-align: center;padding-top: 10px;}
.tips{text-align: center;color:#cdcdcd;}

.weixin{background: url(../images/weixin-30.png) no-repeat scroll 0 center ;padding-top:6px;padding-bottom:6px;padding-left:38px;text-align: right;}
.app-icon-radius{-webkit-border-radius: 12px;border-radius: 12px;-webkit-box-shadow: 0 5px 5px #7D7E81;box-shadow: 0 5px 5px #7D7E81;}

/* head menu*/
.ui-hidden{display: none;}
#head-menu{position:relative;height:100%;}
.ui-li{list-style: none;padding: 0;}
#head-menu #menu-ul-main {padding-bottom: 12px;background-color: white;}
#head-menu #menu-ul-main li.li-main{border-bottom: 1px solid #e0e0e0;padding: 0px;margin:0px;position: relative;display:block;clear: both;cursor:pointer;}
#head-menu #menu-ul-main li div.li-main-category{padding: 20px 0px;font-size: 20px;padding-left: 60px;}
#head-menu ul.menu-ul-minor-show{display: inline-block;width:100%;}
#head-menu ul.menu-ul-minor-hidden{display:none;}
#head-menu ul.menu-ul-minor li{float: left;padding: 17px;list-style: none;background-color: white;}
.ui-nav-color-pre{background-color: white;}
.ui-nav-color-after{background-color: #AFDEEE;}
#close-up{position:relative;text-align: right;padding-right:15px;margin:0;cursor: pointer; background-color: white;padding:17px;}

/**header**/
.ui-page{margin: 0;padding:0;}
.ui-page{
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	position: absolute;
	border: 0;
	padding-top: 47px;
}
.ui-page-nohead{
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	position: absolute;
	border: 0;
	padding-top: 0px;
}

.ui-header,.ui-footer{border-left-width: 0;border-right-width: 0;zoom: 1;}
.ui-footer{color: #CDCDCD;text-align: center;bottom: 0;width: 100%;font-size: 12px;}
.ui-header-fixed,.ui-footer-fixed{left: 0;right: 0;width: 100%;position: fixed;z-index: 1000;}
.ui-header-fixed{top: 0;}
.ui-header .ui-btn-left{left: 5px;border:1px solid #52C9F0;padding:4px;color: #B5E0EE;text-shadow: none;}
img#logo_icon
.ui-header > .ui-btn{display: inline-block;margin: 0;}
.ui-header-fixed .ui-btn{z-index: 10;}


.ui-btn{
	display: block;
	text-align: center;
	cursor: pointer;
	position: relative;
	margin: .5em 0;
	padding: 0;
	border-radius: 5px;
}

.ui-header .ui-btn-left, .ui-header .ui-btn-right, .ui-footer .ui-btn-left, .ui-footer .ui-btn-right {
	position: absolute;
	top: 0;
}
.ui-header .ui-title{
	min-height: 1.1em;
	text-align: center;
	font-size: 18px;
	display: block;
	margin: .6em 30% .8em;
/*	margin:.6em 75px .8em;*/
	padding: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	outline: 0 !important;
}

@media screen and (orientation: portrait){
	.ui-page,.ui-menu { min-height: 420px; }
}
/*@media screen and (orientation: landscape){
	.ui-page,.ui-menu { min-height: 300px; }
}
*/



