@charset "utf-8";
/* CSS Document */
a {
	cursor:pointer;
	text-decoration:none;
	color:#000;
}
a:hover{
	color:#f15283;
}
p {
	margin:0px;
	padding:0px;
}
.clr {
	clear:both;
}

body{
 margin:0;
 font-family:tahoma, sans-serif;
 font-size:12px;
 font-style: normal;
 background:url(../images/bg_zheza2010.png) no-repeat top center fixed #fe5495; 
}

#wrap{
	width:960px;
	margin:0 auto;
	height:100%;
}

.error {
	color: #240000;
	padding:10px;
	font-size: 16px;
	font-weight:bold;
	background-color:#F00;
}

.bgColor:hover {
	background-color:#E0E0E0;
}

/*****  ContainerLef *****/

#containerLeft {
	float:left;
	display:inline;
	width:646px;
	position: relative;
	overflow: hidden;
}
#containerLeft .top {
	background-image: url(../images/container_top.png);
	display: block;
	height: 3px;
	width: 646px;
}
#containerLeft .bottom {
	background-image: url(../images/container_bottom.png);
	display: block;
	height: 5px;
	width: 646px;
	margin-bottom:3px;
}
#containerLeft .mid{
	background-image: url(../images/container_mid.png);
	display: block;
	overflow: hidden;
	width:634px;
	padding:2px 6px 4px 6px;
	position:relative;
}
#advertising, #avatar, #zhezamag, #pleng {
	background-color:#FFF;
	padding:5px;
}
#containerLeft .advertising{
	width:600px;
	height:280px;
	padding:0 17px 0 17px;
	background:url(../images/bg_billboard.png) no-repeat;
}
#containerLeft .avatar{
	height:315px;
}
#containerLeft .subMenu{
	background-image: url(../images/box_sub_menu.png);
	display: block;
	width: 619px;
	height:20px;
	padding:8px 12px 12px 15px;
	margin-bottom:3px;
}
#containerLeft .subMenu ul{
	float:left;
	font:tahoma;
	font-size:12px;
	font-weight:bold;
	color:#000;
}
#containerLeft .subMenu ul li{
	padding:11px 0 0 23px;
	height:16px;
	width:85px;
}	

/*** ZhezaMag ***/
#containerLeft #zhezaMag, #containerLeft .zhezaMag{
	/*height:1120px;*/
}
#zzMagHeadWrap{
	width:632px;
	height:530px;
	border-left:1px solid #dcdcdc;
	border-top:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
}
#zzMagHeadWrap .zzHeadline{
	width:399px;
	height:530px;
	float:left;
	border-right: 1px solid #dcdcdc;
}
#zzMagHeadWrap .editorTalk{
	width:222px;
	height:521px;
	float:right;
	padding:5px;
	display:block;
}
#zzMagHeadWrap .editorTalk .detail{
	display:block;
	width:205px;
	padding:5px;
	color:#1b1b1b;
	font-size:12px;
}
#zhezaMag .columContent{
	width:635px;
	float:left;
	display:inline;
}
.zzMagContent1, .zzMagContent2, .zzMagContent3{
	width:157px;
	overflow-x:hidden;
	float:left;
	display:block;
	height: auto;
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	margin: 0 0px 0 0px;
}
.zzMagContent4{
	width:155px;
	float:left;
	display:block;
	height: auto;
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	margin: 0 0px 0 0px;
}
.textContent{
	color:#1b1b1b;
	margin: 0px 5px 5px 5px;
	display:block;
}
.imgContent{
	padding: 5px;
}
.lineContent{
  width:100%;
  height:1px;
  border-top:1px solid #dcdcdc;
  clear:both;
}
.lineContentDotted{
  width:100%;
  height:1px;
  border-top:1px dotted #dcdcdc;
  clear:both;
}
/*** ZhezaMAg Content ***/	
.magColum{
	width:302px;
	height:80px;
	background-image:url(../images/bg_content.gif);
	padding:5px;
	margin:0 3px 5px 2px;
	display:block;
	float:left;
	overflow:hidden;
}
p.headline {
	font-size:14px;
	color:#000;
	font-weight:bold;
}
p.detailContent {
	font-size:12px;
	color:#333;
	margin-bottom:5px;
}

.tapFavorteen, .tapFashionthing, .tapFashioncalendar, .tap10ways, .tapDiy, .tapOrdinaryteen, .tapSchoolreport, .tapHoroscope, .tapZhezapoll, .tapUzi{
	width:115px;
	height:21px;
	float:right;
	margin-top:11px;
	cursor:pointer;
	}
.ZmagContent{
	width:286px;
	height:85px;
	background-image:url(../images/box_zhezamag.png);
	padding:5px 5px 0 5px;
	margin:0 0 5px 2px;
	display:block;
	float:left;
	overflow:hidden;
	clear:both;
}
.tapUzi {
	width:auto;
	padding-top:2px !important;
	float:right;
	text-align:right;
}
.tapFavorteen{
	background-image:url(../images/tap_favorteen.png);
	}
.tapFashionthing{
	background-image:url(../images/tap_fashionthing.png);
	}
.tapFashioncalendar{
	background-image:url(../images/tap_fashioncalendar.png);
	}	
.tap10ways{
	background-image:url(../images/tap_10ways.png);
	}
.tapDiy{
	background-image:url(../images/tap_d-i-y.png);
	}	
.tapOrdinaryteen{
	background-image:url(../images/tap_ordinaryteen.png);
	}	
.tapSchoolreport{
	background-image:url(../images/tap_schoolreport.png);
	}	
.tapHoroscope{
	background-image:url(../images/tap_horoscope.png);
	}
.tapZhezapoll{
	background-image:url(../images/tap_zhezapoll.png);
}

.H1{
	padding-top:20px;
	height:30px;
	width:100%;
    font-family:Tahoma;
	font-size:24px;
		}
/*****  Container Right *****/
#containerRight {
	width:312px;
	float:right;
	height:auto;
}

#containerRight .topRight {
	background-image: url(../images/containerRight_top.png);
	display: block;
	height: 3px;
	width: 312px;

}
#containerRight .bottomRight {
	background-image: url(../images/containerRight_bottom.png);
	display: block;
	height: 5px;
	width: 312px;
	margin-bottom:3px;
}
#containerRight .midRight{
	background-image: url(../images/containerRight_mid.png);
	display: block;
	width: 300px;
	overflow: hidden;
	padding:2px 6px 3px 6px;
	position:relative;
}
.bottomSpace{
	height:20px;
	margin-bottom:10px;
		}
/**  Banner 300x250 **/
#containerRight .bannerRight{
	width:300px;
	padding:5px;
	margin-bottom:5px;
    background-color: #fff;
}
/**  Container Login **/
#containerRight .loginBox{
	background-image: url(../images/bg_login.jpg);
	background-color:#000;
	padding-top:17px;
	width:300px;
	height:92px;
	margin-bottom:3px;
}
#containerRight .loginBox .txtBox{
	width:170px;
	height:16px;
	color:#071E22;
	background-color:#fff;
	float:right;
	margin:0 15px 6px 0;
	border-style:none;
}
#containerRight .loginBox .checkLogin{
	margin:50px 0px 0px 19px;
}
#containerRight .loginBox label{
	font-size:10px;
	color:#fff;
}
#containerRight .loginBox .box_button{
	padding-top:0px;
	margin-left:0px;
	width: 185px;
	float: right;
	cursor:pointer;
}
#box_Itme, .box_Itme{
	width:277px;
	height:198px;
	background-image:url(../images/bg_itme.png);
	margin-bottom:3px;
	padding:20px 0 10px 35px;
 }
.boxProfile{
	width:240px;
	padding:10px 5px 10px 0;
	display:block;
	position:relative;
	}
#box_Itme .txt_member_detail, .box_Itme .txt_member_detail{
	font-size: 12px;
	color: #000;
	width:185px;
	float:left;
} 

/**  Container Right - MicroBlog **/
.mbRoom{
	width:270px;
	height:auto;
	padding:5px;
	margin-left:20px;
	}	
.mbRoom_main{
	width:564px;
	height:90px;
	padding-left:70px;
	}	
.typeRoom{
	height:14px;
	border-bottom:1px dotted #dcdcdc;
	margin:0 10px 5px 0;
	width: 250px;
	display:block;
	float:left;
	}
.listBox{
	height:16px;
	border-bottom:1px dotted #dcdcdc;
	margin-bottom:3px;
	width:245px;
	display:block;
	}
a.listBox:hover{
	background-color:#f8f8f8;
}	
.boxRight{
	width:302px;
	float:right;
}
.boxRight .box_type {
	padding:5px;
}
/**  Microblog + issue **/
.tap_Hcontent, .Hcontent, .Htype, .box_type_h, .allComment, .Hranking, .numberRanking{
	font-family:"Myriad Pro",Arial,sans-serif;
	font-weight:700;
	font-style:italic;
	}
.tap_Hcontent{
	width:290px;
	float:right;
	font-size:20px;
	padding: 5px;
	text-align:right;
}

.Hcontent{
	width:620px;
	float:left;
	font-size:22px;
	text-align:left;
	padding-left:10px;
	margin-top: 3px;
}
.Htype{
	width:280px;
	float:left;
	font-size:18px;
	margin-left:10px;
	border-bottom: #000 1px solid;
	clear:both;
}
.allComment{
	width:200px;
	float:left;
	font-size:20px;
	margin:10px 0 10px 40px;
}

.boxTopflw{
	border: #e3e3e3 1px solid;
	width:295px;
	height:85px;
	padding-top:10px;
	margin-left: 2px;
	margin-bottom: 5px;

}
.boxRight .box_type .box_type_h {
	border-bottom: #e3e3e3 1px solid;
	padding-bottom: 5px;
	line-height: 18px;
	margin-bottom: 5px;
	margin-top:0px;
	padding-right:5px;
	font-size:16px;
}
.box_type_post{
	border-bottom: #e3e3e3 1px solid;
	padding: 5px;
	line-height: 18px;
	margin: 0px 5px 5px 5px;
	font-size: 11px;
	font-weight: bold;
	clear:both;
	}
.box_type_item_img {
	width: 64px;
	padding-right: 0px;
	float: left;
	height: 70px;
	margin-right: 10px;
}
.box_type_Htopic {
	padding:1px;
	font-weight: bold;
	color:#FFF;
	text-align:center;
	background-color:#000;
}
.box_type_Htopic a {
	text-decoration:none;
	color:#FFF;
	font-weight: bold;
}
.box_type_Htopic a:hover {
	text-decoration:none;
	color:#f15283;
	font-weight: bold;
}


.postBy {
	padding-top:2px;
	font-size: 10px;
	margin-bottom:3px;
	float:left;
}
.box_type_comment {
	padding-left:75px;
	color: #f15283;
	font-weight:bold;
	
}
.box_type_bottom {
	padding-bottom:0px; margin:0px; padding-left:0px; padding-right:0px; left:bottom; height:5px; CLEAR:both; PADDING-TOP: 0px;
}
.boxBoardTopic{
}
#share{
	width:200px;
	height:20px;
	padding:10px 0 0 10px;
	display:block;
	font-weight: bold;
	}
 #headerMemberPost{
	width:630px;
	height:58px;
	background:url(../images/bg_tap_head_wb.jpg);
	padding-top: 8px;
	padding-left: 5px;
	margin-bottom: 10px;
	}
#boxLike{
	width:605px;
	height:40px;
	background:url(../images/bg_like.gif);
	padding-left: 17px;
	padding-top: 7px;
	padding-right: 15px;
	margin-bottom: 20px;
	}	
	
.imgUser{
	display:inline;
	padding:5px;
	height:50px;
	margin-left:5px;
		}
.userName, .txt_Italic{
	padding-top:20px;
	height:30px;
	}
.userName{
	width:100%;
	font-size:20px;
	font-weight:bold;
	padding-bottom:20px;
		}
.txt_Italic{
	width:200px;
	font-family:Tahoma;
	font-style:italic;
	font-size:14px;
	margin-left:15px;
}
.topicWb{
	width:100%;
	height: auto;/*50px;*/
	text-align:center;
	font-family:Tahoma;
	font-size:30px;
	}
.view_comment{
	/*width:200px auto;*/
	height:20px;
	padding:10px 10px 0 10px;
	display:block;
	text-align:right;
	float:right;
	text-align:left;
	color:#5A5A5A;
	font-size:11px;
	}
.txtPink{
	color:#f15283;
	}
.txtShare{
	width:38px;
	height:16px;
	float:left;
	padding-left:0px;
	}	
.boxLike{
	border-top: #e3e3e3 1px solid;
	border-bottom: #e3e3e3 1px solid;
	font-size: 10px;
	font-weight: bold;
	width: 900px;
	height:45px;
	padding-right:16px;
	}

.imgLike{
	width: 32px;
	height:32px;
	float:right;
	margin-right:10px;
}
.imgRanking{
	width: 32px;
	height:32px;
	float:right;
	margin-right:9px;
	margin-bottom:10px;
}
.buttonLike{
	background:url(../images/button_ilike.png) 0 0 no-repeat;
	width: 52px;
	height:20px;
	float:right;
	margin-top:8px;
}
a.buttonLike:hover{
	background:url(../images/button_ilike_on.png) 0 0 no-repeat;
}
.buttonAddTopic{
	background:url(../images/button_addnewtopic.png) 0 0 no-repeat;
	width: 133px;
	height:22px;
	float:left;
	margin:4px 4px 0 4px;
}
a.buttonAddTopic:hover{
	background:url(../images/button_addnewtopic_on.png) 0 0 no-repeat;
}
.buttonAddTopicx{
	background:url(../images/button_addnewtopic_x.png) 0 0 no-repeat;
	width: 219px;
	height:42px;
	float:left;
	margin:15px 4px 0 150px;
}
a.buttonAddTopicx:hover{
	background:url(../images/button_addnewtopic_onx.png) 0 0 no-repeat;
}
.intheName11, .intheName12, .txtbold{
	font-weight:bold;
	float:left;
	margin-right:5px;
	}
	
.intheName12{
	font-size:12px;
}
.intheName11{
	font-size:11px;
}
.img_post{
	float: left;
	margin-bottom: 2px;
	margin-right: 7px;
	clear: both;
}
.boardPost_poppular{
	padding:0 0 15px 80px;
	border-bottom:1px solid #e3e3e3;
	margin-bottom:20px;
	clear: both;
	background: url(../images/tap_pink_heart.jpg) 0 0 no-repeat;
}
.boardPost{
	padding:5px;
	border-bottom:1px solid #e3e3e3;
	clear: both;
	margin-bottom: 5px;
}
.mbComment{
	padding:5px 15px 5px 65px;
	border-bottom:1px solid #e3e3e3;
	clear: both;
	margin-bottom: 5px;
}
.issueCalendar{
	width:300px;
	height:229px;
	float:left;
	margin:5px 0 5px 0;
			}
.issuePost{
	width:594px;
	height:50px;
	overflow:hidden;
	padding:5px 20px 10px 20px;
	border-bottom:1px solid #e3e3e3;
	clear: both;
	margin-bottom: 10px;
}
.issueColum{
	width:634px;
	height:65px;
	border:1px solid #e3e3e3;
}
a.issueColum:hover{
	background-color:#f8f8f8;
}

.imgCommentPost{
	padding: 5px 5px 5px 0px;
	clear: both;
	}
.boxReplycomment, .boxReplyEditor, .boxReplyMb {
	font-size:11px;
	display: block;
	float: left;
	margin-bottom:3px;
	padding: 3px 3px 3px 4px;
	background-color:#f8f8f8;
	border-top:1px dotted #dcdcdc;
	border-bottom:1px dotted #dcdcdc;
	overflow-x:hidden;
	clear:both;
	}

.boxReplycomment{
	display:inline;
	margin-left:55px;
	width: 225px;
}
.boxReplyEditor{
    width: 208px;
}
.boxReplyMb{
	margin-left:60px;
	width: 400px;
	/*width: 350px;*/
}

.timeAgo{
	font-size:10px;
	color:#999;
	float: left;
	width: 150px;
}
.timePosted{
	font-size:10px;
	float: left;
	width: 250px;
}

.buttonAddcomment{
	background:url(../images/button_addcomment.png) 0 0 no-repeat;
	width:100px;
	height:35px;
	display:block;
	margin-top:20px;
	margin-left:210px;
	cursor:pointer;
}
a.buttonAddcomment:hover{
	background:url(../images/button_addcomment_on.png) 0 0 no-repeat;
}
.box_iconReplycomment{
	width:80px;
	height:15px;
	margin-left:200px;
	font-size:10px;
	clear: both;
	margin-top: 2px;
	
	}
.box_Replycomment{
	width:80px;
	height:15px;
	margin-left:385px;
	/*margin-left:335px;*/
	font-size:10px;
	clear: both;
	margin-top: 2px;
	
	}	
#footer{
	width:950px;
	padding:5px;
	text-align:center;
	color:#666;
	font-size:11px;
	}
.highlight_topicBoard{
	width:908px;
	height:15px;
	background-color:#f2eeed;
	margin-bottom:20px;
	padding:5px;

	}
.fontHilight{
	font-size:14px;
	font-weight:bold;
	float:left;
	}	
		
 /** open Pleng **/
#pleng{
	width:635px;
	height:580px;
	padding:5px;
	margin-bottom:5px;
	background-color:#FFF;
}
#pleng .searchBox{
	float:left;
	width:635px;
	height:102px;
	position:relative;
	background:url(../images/bg_searchbox.jpg) no-repeat top left;

}
#pleng .searchBox form{
	position:absolute;
	top:38px;
	left:125px;
	width: 490px;
}
#pleng .searchBox form input.searchText{
	width:370px;
	height:20px;
	font-size:14px;
	color:#8e8e8e;
	background:#FFFFFF;
	padding:2px 5px 0px 5px;
}
#pleng .searchBox form .searchButton{
	background:url(../images/b_search.gif) no-repeat top left;
	width:75px;
	height:29px;
	display:inline-block;
	cursor:pointer;
	border: 0;
}

/** navigator PAge **/
.page {
	float:right;
	font-size:12px;
	color:#6f6f6f;
	padding:15px;
}
.page a.number {
	text-decoration:none;
	padding:2px;
	color:#bcbcbc;
}
.page a:hover, .page a.selected {
	text-decoration:none;
	color:#FFFFFF;
	background:#f15283;
}
.numberPage {
	float:right;
	font-size:12px;
	color:#7d7d7d;
	padding:15px;
}
	
/** Icon **/
.iconFb, .iconTw, .iconfeedzheza{
	width:16px;
	height:16px;
	float:left;
	margin-left:10px;
	cursor:pointer;
	}
.iconFb{
	background:url(../images/icon_facebook.png) no-repeat;
	}
.iconTw{
	background:url(../images/icon_twitter.png) no-repeat;
	}
.iconfeedzheza{
	background:url(../images/icon/icon_feedzheza.png) no-repeat;
	}
.iconMb_16, .iconIssue_16, .iconMail_16{
	width:16px;
	height:16px;
	margin-right:3px;
	float:left;
	}
.iconMb_16{
	background:url(../images/icon/icon_Mb_16.png) no-repeat;
	}
.iconIssue_16{
	background:url(../images/icon/icon_issue_16.png) no-repeat;
	}
.iconMail_16{
	background:url(../images/icon/icon_mail_16.png) no-repeat;
	}	
.iconArrowblack{
	width:8px;
	height:5px;
	float:left;
	margin-top:7px;
	background:url(../images/icon_arrow_black.png) no-repeat;
		}
.iconHeart{
	width:10px;
	height:8px;
	float:left;
	margin-top:2px;
	margin-right:3px;
	background:url(../images/icon_heart.png) no-repeat;
	}
.iconRoom01, .iconRoom02, .iconRoom03, .iconRoom04, .iconMb, .iconIssue, .iconZmag, .iconRanking{
	width:16px;
	height:13px;
	padding-right:3px;
	float:left;
	}
.iconRoom01{
	background:url(../images/icon/icon_room01.png) no-repeat;
	}	
.iconRoom02{
	background:url(../images/icon/icon_room02.png) no-repeat;
	}	
.iconRoom03{
	background:url(../images/icon/icon_room03.png) no-repeat;
	}	
.iconRoom04{
	background:url(../images/icon/icon_room04.png) no-repeat;
	}	
.iconReplycomment{
	width:15px;
	height:13px;
	float:left;
	margin-right:3px;
	background:url(../images/icon_replycomment.png) no-repeat;
	}
.iconPlus, .iconMinus{
	width:14px;
	height:13px;
	float:right;
    margin-left:10px; 
	cursor:pointer;
	}
.iconPlus{
	background:url(../images/iconPlus.png) no-repeat;
	}	
.iconMinus{
	background:url(../images/iconMinus.png) no-repeat;
	}
.iconMb, .iconIssue., iconZmag, .iconRangking{
	width:20px;
	height:20px;
	float:left;
	}	
.iconMb{
	background:url(../images/icon/icon_Mb.png) no-repeat;
	}
.iconIssue{
	background:url(../images/icon/icon_issue.png) no-repeat;
	}	
.iconZmag{
	background:url(../images/icon/icon_zmag.png) no-repeat;
	}
.iconRanking{
	background:url(../images/icon/icon_ranking.png) no-repeat;
	}	
/** nav market **/
#nav{
	width:594px;
	height:24px;
	background:url(../images/nav_bg.gif) 0 0 repeat-x;
	border-bottom:#424242 solid 5px;
	margin:10px auto 5px auto;
	padding-left:20px;
}
#nav ul{
	border-left:#FFFFFF solid 1px;
	height:24px;
}
#nav ul li{
	float:left;
	border-right:#FFFFFF solid 1px;
	height:24px;
}
#nav ul li.noBdr{
	border:none;
}
#nav ul li a{
	display:block;
	padding:0 25px;
	font:bold 14px/24px tahoma;
	color:#424242;
	background-color:inherit;
	text-decoration:none;
}
#nav ul li a:hover{
	background:url(../images/nav_bg_hover.gif) 0 0 repeat-x;
	color:#fff;
	background-color:inherit;
}
#nav ul li a.hover{
	display:block;
	padding:0 25px;
	font:bold 14px/24px tahoma;
	background:url(../images/nav_bg_hover.gif) 0 0 repeat-x;
	color:#fff;
	text-decoration:none;
	background-color:inherit;
}
/** nav **/
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.commentTopic {
	width:500px;
	display:block;
	padding:5px;
	margin-bottom:10px;
	font-family:tahoma, sans-serif;
	font-size:24px;
	color:#CCC;
}
.selectCatagory {
	width:300px;
	display:block;
	padding:5px;
	margin-bottom:10px;
	font-family:tahoma, sans-serif;
	font-size:18px;
	color:#CCC;
}
.commentBox {
	width:500px;
	display:block;
	padding:5px;
	margin-bottom:10px;
	color:#ccc;
	border:1px dotted #dcdcdc;
}
.boxAddcomment{
	width:auto;
	height:200px;
	margin:50px 0 0 75px;
	}
.boxPagenav{
	 height:50px;
	}	
.boxAddnewtopic{
	background:url(../images/bg_saysomething.gif) no-repeat;
	width:529px;
	height:66px;
	padding:10px 50px 0 56px;
	}

.topicH{
	height:30px;
	width:200px;
    font-family:Tahoma;
	font-size:24px;
			}	
.commentTopic {
	width:500px;
	display:block;
	padding:5px;
	margin-bottom:10px;
	font-family:tahoma, sans-serif;
	font-size:24px;
	color:#CCC;
}			
.saysomethingBox {
	width:500px;
	height:40px;
	display:block;
	padding:10px;
	font-family:tahoma, sans-serif;
	font-size:20px;
	color:#ccc;
	border:1px dotted #dcdcdc;
}
.commentBox {
	width:500px;
	display:block;
	padding:5px;
	margin-bottom:10px;
	font-family:tahoma, sans-serif;
	font-size:20px;
	color:#ccc;
}
.boxDetail{
	font-size:12px;
	position: relative;
	padding:10px;
	width: 616px;
}

.txt_member{
	font-size: 18px;
	font-weight:bold;
	color: #000;
	width:100%;
	padding:3px;
}
.userMember{
	font-size: 18px;
	font-weight:bold;
	color: #000;
	width:180px;
	margin-top: 3px;
	float:left;
}

.viewAll{
	height:12px;
	padding-right:5px;
	text-align:right;
	margin-bottom:5px;
	font-size:10px;
	font-weight:bold;
	font-style:italic;
	margin-top: 10px;
	}
/** menu Tap Update+Hot**/
#menuTap, .menuTap{
	width:292px;
	height:30px;
	float:left;
	display:inline;
	margin-left:4px;
	margin-bottom:5px;
	border-bottom:#000 solid 2px;
}
#menuTap ul, .menuTap ul{
	width:292px;
	height:30px;
	float:right;
}
#menuTap ul li, .menuTap ul li{
	float:left;
	font-size:0;
	line-height:0;
}
#menuTap ul li a, .menuTap ul li a{
	text-decoration:none;
}
#menuTap ul li a.update, .menuTap ul li a.update{
	display:block;
	background:url(../images/tap_update_on.png) 0 0 no-repeat;
	width:145px;
	height:30px;
	margin-right:2px;
}
#menuTap ul li a.update_in, .menuTap ul li a.update_in{
	display:block;
	background:url(../images/tap_update.png) 0 0 no-repeat;
	width:145px;
	height:30px;
	margin-right:2px;
}
#menuTap ul li a.update:hover, .menuTap ul li a.update:hover{
	background:url(../images/tap_update_on.png) 0 0 no-repeat;
}
#menuTap ul li a.hot, .menuTap ul li a.hot{
	display:block;
	background:url(../images/tap_hot.png) 0 0 no-repeat;
	width:145px;
	height:30px;
}
#menuTap ul li a.hot_on, .menuTap ul li a.hot_on{
	display:block;
	background:url(../images/tap_hot_on.png) 0 0 no-repeat;
	width:145px;
	height:30px;
}
#menuTap ul li a.hot:hover, .menuTap ul li a.hot:hover{
	background:url(../images/tap_hot_on.png) 0 0 no-repeat;
}
#menuTap ul li a.topdownload, .menuTap ul li a.topdownload{
	display:block;
	background:url(../images/b_topdownload.gif) 0 0 no-repeat;
	width:115px;
	height:29px;
	}
	
#menuTap ul li a.topdownload:hover, .menuTap ul li a.topdownload:hover{
	background:url(../images/b_topdownload_on.gif) 0 0 no-repeat;
}

.headlineBox{
	width:634px;
	height:40px;
	background:url(../images/bg_tap_headline.jpg);
	margin-bottom: 10px;
	float:left;
	padding-top: 6px;
	}
.boxList{
	width:260px;
	padding:10px 5px 10px 20px;
	display:block;
	position:relative;
	}	
.iconDotpink{
	width:13px;
	height:13px;
	float:left;
    margin-right:3px; 
	background:url(../images/icon/icon_dotpink.png) no-repeat;
	}
.iconSiamzone{
	width:23px;
	height:23px;
	float:left;
	background:url(../images/icon/icon_siamzone.png) no-repeat;
	}	
.commentReply{
	}
.amount{
	float:right;
	margin-right:45px;
	}
	
/** Zheza MarKet **/	
.boxNewmarket{
	width:614px;
	height:270px;
	padding:0 10px 0 10px;
	display:block;
	}
.boxNewitem{
	width:545px;
	height:272px;
	display:block;
	margin-left:36px;
	}	
.iconArrowLeft, .iconArrowRight{
	width:22px;
	height:22px;
	margin-top:125px;
	}
.iconArrowLeft{	
    background:url(../images/icon/icon_arrow_left.png) no-repeat;
	float:left;
    }
.iconArrowRight{	
    background:url(../images/icon/icon_arrow_right.png) no-repeat;
	float:right;
    }
.bgNewitem{
	width:130px;
	height:130px;
	background:url(../images/market/box_newitem.gif) no-repeat;
	margin:3px;
	float:left;
	}
a.bgNewitem:hover{
	background:url(../images/market/box_newitem_on.gif) 0 0 no-repeat;
}	
.imgNewitem{
	margin-top:15px;
	margin-left:32px;
	margin-bottom:10px;
	width:70px;
	height:70px;
	}
.priceItem{
	font-size:11px;
	}
.boxPrice{
	margin: 0px 5px 5px 5px;
	display:block;
	text-align:center;
}	
.txtbold2{
	font-weight:bold;
	}
.boxMarket{
	width:614px;
	height:auto;
	padding:0 10px 0 10px;
	display:block;
	position:relative;
	}	
.bgitem{
	width:594px;
	height:50px;
	background:url(../images/market/box_item.gif) no-repeat;
	display:block;
	float:left;
	padding:5px 10px 5px 10px;
	margin-bottom:5px;
	clear:both;
	}	
.imgItem{
	margin:0 10px 0 10px;
	float:left;	
	}
.detailItem{
	margin:5px 0 0 10px;
	display:block;
	width:245px;
	height:auto;
	float:left;
}
.actionMarket{
	margin:5px 10px 0 14px;
	display:block;
	width:430px;
	height:45px;
	float:left;
	overflow:hidden;
}
.txtDetailitem, .buyItem{
	font-size:11px;
	}
.categoryItem, .buyItem{
	display:block;
	height:auto;
	float:left;
}
.categoryItem{
	margin:15px 0 0 10px;
	width:100px;
	text-align:center;
}	
.buyItem{
	margin:6px 0 0 13px;
	width:140px;
}
.priceItemhot {
	font-size: 11px;
	color:#F69;
}
.shopName {
}
.boxItemHot{
	width:290px;
	height:70px;
	display:block;
	padding:5px;
	border-bottom:1px solid #e3e3e3;
	margin-bottom: 5px;
	clear: both;
}
.detailItemhot{
	float:left;
	width:195px;
	height:auto;
	padding:10px 5px 5px 10px;
	display:block;
	}
	
/** Rangking **/
.boxRanking{
	width:290px;
	height:auto;
	padding:5px;
	margin:0 0 10px 11px;
	display:block;
	float:left;
	background-color:#f5f3f3;
	border:1px solid #e3e3e3;
		}
.boxRanking .subRanking{
	width:240px;
	height:34px;
	padding:3px 5px 3px 5px;
	display:block;
	float:left;
	background-color:#fff;
	margin:0 0 3px 4px;
	}
.boxRanking a.subRanking:hover{
	background:#e3e3e3;
}
.numberRanking{
	width:25px;
	height:34px;
	font-size:24px;
	display:block;
	float:left;
	text-align:right;
	background-color:#fff;
	margin-bottom:3px;
    padding:3px 5px 3px 5px;
	}
.box{
	width:200px;
	font-size:11px;
	color:#888;
	float:left;
	overflow:hidden;
	padding-top:3px;
}	
.Hranking{
	width:290px;
	font-size:18px;
	padding-bottom: 5px;
	text-align:left;
}
.boxTopranking{
	width:290px;
	height:40px;
    display:block;
	clear:both;
	}

.spaceEmpty{ height:3px;}	

/** New Css 02 - 03 - 2010  **/

.magColumIndex{
	width:313px;
	height:auto;
	margin:0 0 3px 3px;
	display:block;
	float:left;
	overflow:hidden;
}
.magColumIndex .topColumMag{
	width:313px;
	height:27px;
	background:url(../images/box_top_zcolum.gif);
	}
.magColumIndex .midColumMag{
	width:303px;
	padding:5px;
	background:url(../images/box_mid_zcolum.gif);
	}
.magColumIndex .bottomColumMag{
	width:313px;
	height:2px;
	background:url(../images/box_bottom_zcolum.gif);
	}
.magColumIndex .listContent{
	height:16px;
	width:200px;
	background:url(../images/icon/icon_dotpink.png) no-repeat;
	padding-left:13px;
	float:left;
	display:block;
	}	
.magColumIndex .viewAll{
	margin:0;
	}	
	
.magColumIndex  .tap_Hcontent{
	width:290px;
	float:left;
	font-size:16px;
	padding: 5px 0 0 8px;
	text-align:left;
}
.listMagContent a {
	margin-top:5px;
	cursor:pointer;
	color:#000;
}
.listMagContent a:hover{
	color:#f15283;
	text-decoration:underline;
}

.buttonAddIssue{
	background:url(../images/button_addissue.png) 0 0 no-repeat;
	width:113px;
	height:22px;
	float:left;
	margin: 0 0 10px 18px;
}
a.buttonAddIssue:hover{
	background:url(../images/button_addissue_on.png) 0 0 no-repeat;
}