@charset "UTF-8";
/* CSS Document */
.bg_home{
	/*background:url(../images/homebg.jpg) center top no-repeat;*/
}

/*mylife*/
#mylife-widget{width:305px; height:850px; display:block; position:fixed; top:0;}
#mylife_btn{background:url(../images/bar_mylife.png) no-repeat top left; position:relative; top:100px; display:block;width:35px; height:85px;}
#mylife_block{background:#B1C44A; width:235px;height:830px;padding:10px;   }


/*end mylife*/

/*button*/
.btnred {
background-color: #ec312e;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 2px rgba(0,0,0,.1);
box-shadow: 0 2px 2px rgba(0,0,0,.1);
}

.btngreen{background: #9dd53a; /* Old browsers */

background: -moz-linear-gradient(top,  #9dd53a 42%, #7cbc0a 99%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(42%,#9dd53a), color-stop(99%,#7cbc0a)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #9dd53a 42%,#7cbc0a 99%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #9dd53a 42%,#7cbc0a 99%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #9dd53a 42%,#7cbc0a 99%); /* IE10+ */

background: linear-gradient(to bottom,  #9dd53a 42%,#7cbc0a 99%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
border:1px #77B900 solid;
}

.btngrey{background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
border:1px #CED0D1 solid;
}

.btngrey2{background: #b5bdc8; /* Old browsers */
background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #2a3338 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#2a3338)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#2a3338 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#2a3338 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#2a3338 100%); /* IE10+ */
background: linear-gradient(to bottom, #b5bdc8 0%,#828c95 36%,#2a3338 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#2a3338',GradientType=0 ); /* IE6-9 */
border:1px #6C798C solid;
color:#6C798C;
}
.btngrey3 {
background-color: #999999;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 2px rgba(0,0,0,.1);
box-shadow: 0 2px 2px rgba(0,0,0,.1);
}



/*end button*/


#content_wrapper{width:100%; margin:0 auto; padding:10px 0; position:relative;}


/*content*/
.content{width:990px; height:auto; padding:10px 0;margin:0 auto; 	}
.user_block{width:230px; height:auto; padding:0 10px 0 0;   font-family: 'true_mediumregular';  color:#6C798C; _padding:0 5px 0 0;}
.user_block ul{margin:0; padding:0 5px; list-style-type:none;}
.user_block ul li{display:block; float:left; width:225px; height:auto; border-bottom:1px #B9BBBD dotted;}
.user_block ul li a:hover{color:#000;}
.user_block ul li .thumb{width:50px; height:50px; padding:5px 0;}


.user_block ul li .text_login{width:165px; height:auto; padding:5px 0;font-size:16px;}
.user_block ul li .text_login .text{width:165px; height:25px; padding:0 5px 0 0; line-height:25px;display:block;}
.user_block ul li .text_login .login_btn_box{width:170px; height:23px; padding:0 5px 0 0; display:block;}
.user_block ul li .text_login .login_btn_box .btn_login{
	width:auto;
	height:auto;
	padding:0 7px;
	display:block;
	border:1px #be221f solid;
	border-radius:4px;
-webkit-border-radius:4px; -moz-border-radius:4px; 	text-align:center;
	line-height:20px;
	font-size:11px;
	font-family:Arial;
	color:#fff;
	display:block;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
}
.user_block ul li .text_login .login_btn_box .btn_regist{width:auto; height:20px; padding:0 7px; display:block; border:1px #7c7c7c solid;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; text-align:center; line-height:20px;font-size:11px; font-family:Arial; color:#fff; display:block; margin-top:5px;}
.user_block ul li .text_login .login_btn_box .btn_login:hover{color:#000;}
.user_block ul li .text_login .login_btn_box .btn_regist:hover{color:#000;}

.user_block ul li .text{width:170px; height:50px; padding:5px 0; display:block; line-height:50px; font-size:16px;font-family: 'true_mediumregular';  color:#6C798C; }
.user_block ul li .text:hover{font-size:16px;font-family: 'true_mediumregular';  color:#000; }

.user_block ul li .text2 {
width: 170px;
height: 40px;
padding: 15px 0;
display: block;
line-height: 22px;
font-size: 16px;
font-family: 'true_mediumregular';
color: #6C798C;
}
.user_block ul li .text2:hover{font-size:16px;font-family: 'true_mediumregular';  color:#000; }

/*content*/

/*hilight*/

.hilight_banner{width:740px; height:240px; padding:5px; position:relative; z-index:1;}

.hilight_banner .cursor_l{width:35px; height:55px; position:absolute; z-index:3; top:95px; left:10px;}
.hilight_banner .cursor_r{width:35px; height:55px; position:absolute; z-index:3; top:95px; right:10px;}

.hilight_banner .hilight_top{background:url(../images/hilight_top.png) no-repeat; position:absolute; z-index:2; width:750px; height:20px; top:0; left:0;}
.hilight_banner .hilight_bottom{background:url(../images/hilight_bottom.png) no-repeat; position:absolute; z-index:2; width:750px; height:20px; bottom:0; left:0;}
.hilight_banner .hilight_left{background:url(../images/hilight_left.png) no-repeat; position:absolute; z-index:2; width:20px; height:210px; top:20px; left:0;}
.hilight_banner .hilight_right{background:url(../images/hilight_right.png) no-repeat; position:absolute; z-index:2; width:20px; height:210px; top:20px; right:0;}

/*inside page*/


.paging_c_wrapper{height:25px;padding:10px 0 0 0; _padding:5px 0 0 0;}
.paging_c{height:25px; }
.paging_c ul{ list-style-type:none; margin:0; padding:0;}
.paging_c ul li{display:block; float:left; margin-right:3px;}
.paging_c ul li .paging-btn-c{font-size:12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;width:23px; height:23px; background: #eee; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;text-align:center;line-height:23px; cursor:pointer;color:#939598;font-family:Arial;border:1px #ccc solid; }
.paging_c ul li .paging-btn-c:hover{font-size:12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;width:23px; height:23px; background:#fff;text-align:center;line-height:23px; cursor:pointer;color:#40454F;font-family:Arial; border:1px #ccc solid;}
.paging_c ul li .paging-btn-c.active{font-size:12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;width:23px; height:23px; background: #fff;text-align:center;line-height:23px; cursor:pointer;color:#40454F;font-family:Arial; border:1px #ccc solid;}
.paging_c ul li .paging-btn-c.active:hover {color:#40454F;}

.pg_amt{width:40px; height:23px;  font-size:12px; text-align:center; line-height:23px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;color: #666;border: solid 1px #e6e6e6;background: #fff;}

/*PAGING*/



/*CONTENT*/

#left{width:230px; height:auto; padding:0 10px 0 0;}
#right{width:750px; height:auto; }


/*TOP GRAPHIC*/
#topgraphic{width:990px; height:150px; display:block; padding:0 0 10px 0;}
/*END TOP GRAPHIC*/



/*SUBLIST*/

#sublist{width:230px; height:auto;padding:0 0 10px 0;}
#sublist ul{margin:0; padding:0; list-style:none;}
#sublist ul li{width:230px; height:25; line-height:25px;display:block; float:left; color:#6C798C; font-size:14px;font-family: 'true_mediumregular'; }
#sublist ul li a{color:#6C798C; font-size:14px;font-family: 'true_mediumregular'; }
#sublist ul li a:hover{color:#000; font-size:14px;font-family: 'true_mediumregular'; }
/*ENDSUBLIST*/

/*MENUSUBLIST*/
#menu_sublist{width:230px; height:auto;padding:10px 0;}
#menu_sublist ul{margin:0; padding:0; list-style:none;}
#menu_sublist ul li{width:230px; height:auto; padding:2px 0;display:block; float:left; color:#6C798C; font-size:14px;font-family: 'true_mediumregular'; }
#menu_sublist ul li a{color:#6C798C; font-size:14px;font-family: 'true_mediumregular'; padding:0 0 0 15px;}
#menu_sublist ul li a:hover, #menu_sublist ul li a.active{color:#000; font-size:14px;font-family: 'true_mediumregular'; padding:0 0 0 15px; background:url(../images/menu_sublist_arrow.png) no-repeat left;}

/*ENDMENUSUBLIST*/

/*DETAIL*/

.headline{width:100%; height:60px;line-height:60px;font-family: 'true_lightregular'; text-align:right;}
.headline#red {color:#990000; font-size:35px; }  
.headline#grey {color:#3C3C3C; font-size:35px; }  

.detail{color:#6C798C; font-size:12px; font-family:Arial, Tahoma; text-align:right; height:90px;} 

/*END DETAIL*/

/*DETAIL LIST*/

.subheadline{width:750px; height:30px; line-height:30px; color:#3C3C3C; font-size:20px; font-family:Arial,Tahoma; text-align:left;}

.detail_list{width:100%; height:auto; }
.detail_list ul{margin:0; padding:0; list-style:none; }
.detail_list ul li{display:block; float:left; width:200px; height:auto; padding:0 75px 20px 0; }
.detail_list ul.full li{display:block; float:left; width:200px; height:auto; padding:0 55px 20px 0; }
.detail_list ul li.last{width:200px; height:auto; padding:0; }
.detail_list ul.full li.last{width:200px; height:auto; padding:0; }
.detail_list ul li .thumb{width:200px; height:144px; }
.detail_list ul li .title{width:200px; height:30px; overflow:hidden; color:#6C798C; font-size:12px; padding:5px 0; word-wrap:break-word; }
.detail_list ul li .title a{color:#6C798C;  }
.detail_list ul li .title a:hover, .detail_list ul li .title a.active{color:#000;  }

/*END DETAIL LIST*/

/*CONTENT LELD*/
#content_title{width:750px; height:auto; min-height:100px;padding:0 0 10px 0;_height:90px;}
#content_title .title{width:750px; height:auto;  min-height:60px;display:block; color:#4D586B; font-size:30px;font-family: 'true_lightregular';line-height:40px; padding:0 0 10px 0;}
#content_title .social_wrapper{width:750px; height:20px;}

#content_detail{width:750px; height:auto;color:#4D586B; font-size:14px;font-family: Arail, Tahoma;}
/*CONTENT LELD*/

/*mylife share*/
#mylife_share_widget{padding:10px 0; width:750px; height:40px; line-height:40px;}
#mylife_share_widget .amount_view{height:40px; line-height:40px;color:#4D586B; font-size:14px; display:block;font-family: Arail, Tahoma;}
#mylife_share_widget .amount_view span{font-size:22px; color:#4D586B;font-family: Arail, Tahoma; padding:0 0 0 5px;}

/*end mylife share*/


/*TOPIC LIST*/

.topic_headline{width:230px; height:auto; padding:0 0 5px 0; color:#3C3C3C; font-size:16px;font-family: 'true_mediumregular'; }
.topic_list{width:230px; height:auto;}
.topic_list ul{margin:0; padding:0; list-style:none;}
.topic_list ul li{display:block; float:left; width:230px;  height:auto; padding:10px 0; color:#6C798C; font-size:12px;}
.topic_list ul li a{color:#6C798C; font-size:12px;}
.topic_list ul li a:hover,.topic_list ul li a.active{color:#000; font-size:12px;}

.seeall{width:230px; height:25px; line-height:25px; color:#CC3333; font-size:11px;}
.seeall a{color:#cc3333;}
.seeall a:hover{ color:#000; font-size:11px;}
