@CHARSET "UTF-8";

#commentSlideList{
	width:							100%;
	height:							30px;
	line-height:					30px;
	overflow:						hidden;
}

#commentSlideList label,
#commentSlideList p{
	height:							30px;70
    text-overflow: ellipsis;
	overflow:				show		hidden;    
    white-space: nowrap;
    text-align: left;
    font-size: 13px;
}
#commentSlideList label{
	float:							left;
	color:							#43B14D;
    margin-right: 3px;
}
#commentSlideList p,
#commentSlideList p a{
	color:							#E19655;
}

#myBriefs{
	overflow:						hidden;
	text-align:						left;
        padding: 20px 0; 
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3px;
        width: 80%;
}
#latestComments{
	padding:	0;
    width: 100% !important;
}

#myBriefs dl dd ul li{
	clear:							left;
	overflow:						hidden;
	margin-bottom:					5px;
	list-style-type:				disc;
	list-style-position:			inside;
	color:							rgba(70, 178, 79, 0.97);
    color:							rgb(70, 178, 79)\0;
	margin-left:					5px;	
}
#myBriefs dl dd ul li a{
        line-height:					1.2em;
        overflow:						hidden;
        font-size:						13px;
        color:							#454545;
        -webkit-transition:				color 0.5s linear;
        -moz-transition:				color 0.5s linear;
        -ms-transition:					color 0.5s linear;
        -o-transition:					color 0.5s linear;
        transition:						color 0.5s linear; 
}
#myBriefs dl dd ul li a:hover{
	color:							rgba(70, 178, 79, 0.97);
}
#main_b {
  min-height: 100%;
  margin-top: 30px;
}
#SEARCH_DIV{
    margin: 0 auto;
    width: 70%;
}
@media screen and (max-width: 640px) {
    #SEARCH_DIV{
        width: 100%;
    }
}
#HOMEPAGE_SEARCH_DIV{
  padding: 90px 20px 60px 20px;
  margin-left: auto;
  margin-right: auto;
}
#HOMEPAGE_SEARCH_DIV span{
	float:							left;
	font-size:						12px;
	color:							#666666;
	line-height:					20px;
}

#HOMEPAGE_SORT_DIV a.mode_waterfall,
#HOMEPAGE_SORT_DIV a.mode_list{
	float:							right;
	display:						inline-block;
	width:							30px;
	height:							30px;
	background-size:				cover;
	background-color:				#ffffff;
	margin-top:						3px;
}

#HOMEPAGE_SORT_DIV a.mode_waterfall{
	background-image:				url('../image/mode_waterfall.jpg');
	margin-right:					15px;
}

#HOMEPAGE_SORT_DIV a.mode_waterfall_current,
#HOMEPAGE_SORT_DIV a.mode_waterfall:hover{
	background-image:				url('../image/mode_waterfall_hover.png');
}

#HOMEPAGE_SORT_DIV a.mode_list{
	background-image:				url('../image/mode_list.jpg');
	margin-right:					5px;
}

#HOMEPAGE_SORT_DIV a.mode_list_current,
#HOMEPAGE_SORT_DIV a.mode_list:hover{
	background-image:				url('../image/mode_list_hover.png');
}

#HOMEPAGE_SORT_DIV #TOOLBAR_DIV {
    float:							right;
    margin-right:					10px;
    border:							1px solid #ccc;
    font-size:						12px;
    line-height:					32px;
    padding:						0 3px;
}

#HOMEPAGE_SORT_DIV #TOOLBAR_DIV a {
    background: #fdfdfd;
    color: grey;
    display: inline-block;
    padding: 0 10px 0 30px;
    text-decoration:none;
    background-repeat:no-repeat; 
    background-position: 0px center;
    font-weight: bold;
    font-size: 14px;
}

#HOMEPAGE_SORT_DIV #TOOLBAR_DIV a:hover {
    color:#43b14d;
}
#HOMEPAGE_SORT_DIV #TOOLBAR_DIV a.write {
    background-image: url('../image/pencil.png') ;
}
#HOMEPAGE_SORT_DIV #TOOLBAR_DIV a.write:hover{
	background-image:				url('../image/pencil_hover.png');
}
#HOMEPAGE_SEARCH_DIV #TOOLBAR_DIV a.search {
    background-image: url('../image/search.png') ;
}
#HOMEPAGE_SEARCH_DIV #TOOLBAR_DIV a.search:hover {
    background-image: url('../image/search_hover.png') ;
}
#HOMEPAGE_SORT_DIV{
	height:							47px	!important;
	_height:						47px;
	padding:						5px;
	border:							1px solid #dddddd;
	background-color:				#fff;
    margin-bottom: 10px;
}

#HOMEPAGE_SORT_DIV #MOBILE_TOOLBAR,
#HOMEPAGE_SORT_DIV #MOBILE_CATEGORY_DIV{
	display:						none;
	height:							57px;
	overflow:						hidden;
}

#HOMEPAGE_SORT_DIV #MOBILE_TOOLBAR{
	z-index:						2;
	right:							10px;
}

#HOMEPAGE_SORT_DIV #MOBILE_TOOLBAR a,
#HOMEPAGE_SORT_DIV #MOBILE_CATEGORY_DIV a{
	display:						inline-block;
	float:							right;
	height:							57px;
	line-height:					57px;
	overflow:						hidden;
}

#HOMEPAGE_SORT_DIV #MOBILE_TOOLBAR a#MOBILE_SHARE{
	width:							25px;
	height:							23px	!important;
	height:							55px;
	_height:						23px;
	padding:						20px 10px 13px 10px;
	background-image:				url('../image/pencil.png');
	background-repeat:				no-repeat;
	background-position:			center;
}

#HOMEPAGE_SORT_DIV #MOBILE_TOOLBAR a#MOBILE_SHARE:hover{
	background-image:				url('../image/pencil_hover.png');
}

#HOMEPAGE_SORT_DIV #MOBILE_TOOLBAR a#MOBILE_SEARCH{
	width:							17px;
	height:							13px	!important;
	height:							55px;
	_height:						13px;
	padding:						23px 10px 20px 10px;
	background-image:				url('../image/search_logo.png');
	background-repeat:				no-repeat;
	background-position:			center;
	overflow:						hidden;
}

#HOMEPAGE_SORT_DIV #MOBILE_TOOLBAR a#MOBILE_SEARCH.current,
#HOMEPAGE_SORT_DIV #MOBILE_TOOLBAR a#MOBILE_SEARCH:hover,
#HOMEPAGE_SORT_DIV #MOBILE_CATEGORY_DIV a#MOBILE_CATEGORY.current,
#HOMEPAGE_SORT_DIV #MOBILE_CATEGORY_DIV a#MOBILE_CATEGORY:hover{
	border-left:					1px solid #cccccc;
	border-right:					1px solid #cccccc;
}

#HOMEPAGE_SORT_DIV #MOBILE_TOOLBAR a#MOBILE_SEARCH.current,
#HOMEPAGE_SORT_DIV #MOBILE_TOOLBAR a#MOBILE_SEARCH:hover{
	width:							15px	!important;
	width:							17px;
	_width:							15px;
	background-color:				#ffffff;
}

#HOMEPAGE_SORT_DIV #MOBILE_CATEGORY_DIV a#MOBILE_CATEGORY.current,
#HOMEPAGE_SORT_DIV #MOBILE_CATEGORY_DIV a#MOBILE_CATEGORY:hover{
	width:							32px	!important;
	width:							34px;
	_width:							32px;
	background-color:				#f1f1f1;
}

#HOMEPAGE_SORT_DIV #MOBILE_CATEGORY_DIV{
	margin-right:					5px;	
}

#HOMEPAGE_SORT_DIV #MOBILE_CATEGORY_DIV a#MOBILE_CATEGORY{
	width:							34px;
	height:							31px	!important;
	height:							55px;
	_height:						31px;
	padding:						12px 10px 12px 10px;
	background-image:				url('../image/category.png');
	background-repeat:				no-repeat;
	background-position:                            center;
        padding-top:                                    2.5em;
}
#m_news_category{display:none;}
#news_category ul li,#m_news_category ul li{
	clear:							left;
	text-align:						left;
	overflow:						hidden;
	line-height:					35px;
}

#news_category ul li a,#m_news_category ul li a{
	display:						block;
	width:							100%;
	font-size:						15px;
	font-weight:					normal;
	color:							#454545;
	padding-left:					10px;	
}

#news_category ul li.parentitem,#m_news_category ul li.parentitem{
	border:							0;
	border-bottom:					1px solid #cccccc;
	background-color:				#f1f1f1;
}

#news_category ul li.has_subitem_close,#m_news_category ul li.has_subitem_close{
	background-image:				url('../image/mobile_category_plus.png');
	background-repeat:				no-repeat;
	background-position:			center right;
}

#news_category ul li.has_subitem_open,#m_news_category ul li.has_subitem_open{
	background-image:				url('../image/mobile_category_minus.png');
	background-repeat:				no-repeat;
	background-position:			center right;
}

#news_category ul li.subitem,#m_news_category ul li.subitem{
	display:						none;	
}

#news_category ul li.selected,#m_news_category ul li.selected{
	background-color:				#50A456;
}

#news_category ul li.selected a,#m_news_category ul li.selected a{
	color:							#ffffff;	
}
#LEFT_DIV #HOMEPAGE_SORT_DIV #SORT_DIV {
    width: 60px;
    margin-right: 0;
    margin-top: 8px;
    float: right;
}
#LEFT_DIV #HOMEPAGE_SORT_DIV #SORT_DIV select{
    width: 60px;
}
#HOMEPAGE_SORT_DIV #LIST_DIV{
	float:							left;	
}

#HOMEPAGE_SORT_DIV #LIST_DIV a{
	display:						inline-block;
	font-family:					'microsoft yahei';
	font-size:						15px;
	color:							#000000;
	text-decoration:				none;
	margin:							0 10px 0 10px;
	line-height:					37px;
}

#HOMEPAGE_SORT_DIV #LIST_DIV a.current,
#HOMEPAGE_SORT_DIV #LIST_DIV a:hover{
	color:							#43b14d;
}

#HOMEPAGE_SORT_DIV #LIST_DIV span{
	display:						inline-block;
	width:							5px;
	height:							11px;
	background-image:				url('../image/seperate_square.png');
	background-repeat:				no-repeat;
	background-position:			center;
}

#MOBILE_SEARCH_INPUT{
	display:						none;
	width:							99.8%;
	border:							1px solid #cccccc;
	border-left:					0;
	border-top:						0;
	overflow:						hidden;
}

#MOBILE_SEARCH_INPUT span{
	float:							left;
	width:							45px;
	text-align:						center;
	font-size:						14px;
	font-weight:					normal;
	line-height:					30px;	
}

#MOBILE_SEARCH_INPUT input[type=text]{
	width:							99%;
	height:							31px;
	line-height:					31px;
	border:							0;
}
.td_engine {
    width: 100%;
    max-width: 640px;
    margin: auto;
    min-height: 105px;
}
.td_engine > h1{
    font-size: 15px;
}
.td_engine > h2{
    font-size: 13px;
    font-weight: normal;
    line-height: 1.2rem;
}
.searchHot {
    width: 40%;
    font-size: 13px;
    font-family: 'microsoft yahei';
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}
.search_dl{
    width: 100%;
    height: 52px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #eee;
    box-shadow: 0 1px 2px rgba(200,200,200,.12),0 2px 4px rgba(200,200,200,.24);
    background: #fff;
    border: 1px solid #eee;
}
.search_dl:hover{
    border-bottom: none;
    box-shadow: 0 0 1px rgba(200,200,200,.12),0 1px 2px rgba(200,200,200,.24);
}
.search_dl dt,
.search_dl dd {
  line-height: 52px;
	overflow:	hidden;
}
.search_dl dd input[type=text]{
    width: 100%;
    border: 0;
    padding: 0px 20px;
    font-size: 15px;
    background: transparent;
	background-image: url(../image/ic_search_black.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 95% center;    
}
.myBanner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.myBanner .feature_box {
    padding: 0;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border: 1px dashed whitesmoke;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAH0lEQVQIW2NkYGBg+P///38QzQgCIA6IhklgCqBrAQA/2xf95FNTIAAAAABJRU5ErkJggg==) repeat;
    background-color: #F2F2F2; 
    box-sizing: content-box;
}
#toolbars {
  height: 27px;
  margin: 10px -2px;
  letter-spacing: 2px;
  background: none;
  color: #454545;
  font-size: 13px;
  float: right;
}

#toolbars a{
  display: inline-block;
  font-size: 15px;
  padding: 7px 15px;
  background: transparent;
  border: 1px solid #eee;
}

#toolbars a:hover{
    color: #50a456;
    text-decoration: none;
    box-shadow: 0px 0px 3px rgba(210,210,210,0.9);
    -webkit-box-shadow: 0px 0px 3px rgba(210,210,210,0.9);
    -moz-box-shadow: 0px 0px 3px rgba(210,210,210,0.9);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}

#toolbars a span{
	font-size:	15px;	
}

#nav_categories {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#nav_categories span{
    line-height: 20px;
    margin: 0px;
}
#nav_categories label{
    background: white;
}
#nav_categories label.help{
    color: #e19655;
}
#nav_categories label:hover{
    color: #50a456;
    text-decoration: none;
    border: 1px solid #81B966;
    box-shadow: 0px 0px 5px rgba(129,185,102,0.9);
    -webkit-box-shadow: 0px 0px 5px rgba(129,185,102,0.9);
    -moz-box-shadow: 0px 0px 5px rgba(129,185,102,0.9);
}
#nav_categories label.ui-state-active{
    background: #81B966;
    box-shadow: 1px 1px 0px #ddd;
    color: white;
}
#nav_categories label.ui-state-active >span{
    color: white;
}
#nav_categories label.ui-corner-left,
#nav_categories label.ui-corner-right{
    border-radius: 0px;
}
#nav_categories a{
    background: white;
    border-radius: 0px;
    border:none;
}

#toolbars a.help{
	padding-right:					6px;
	padding-left:					6px;
    display: none\0; /*ie8 hack*/
}
:root #toolbars a.help{
    display: inline-block\9; /*ie9+*/
}

a.help > span{
	width:							52px;
    color:							#e19655 !important;
}

a.comment > #HELP_RED_POINT,
a.help > #HELP_RED_POINT{
	float:							right;
	width:							8px;
	height:							8px;
	overflow:						hidden;
	background-color:				rgb(252,145,104);
	-webkit-border-radius:			4px;
	-moz-border-radius:				4px;
	-ms-border-radius:				4px;
	border-radius:					4px;
	position:						relative;
	z-index:						999;
}

a.comment > #HELP_RED_POINT{
	left:							10px;
}

a.help > #HELP_RED_POINT{
	margin-left:					-6px;
}

a.comment > #HELP_RED_POINT{
	margin-left:					0px;
    margin-top: 1px;
}

#HOMEPAGE_CONTEXT_DIV{
	width:							100%;
	overflow:						hidden;	
}

#HOMEPAGE_CONTEXT_DIV #LEFT_DIV{
	float:							left;
	width:							70%;
	padding:						0 0 30px 0;
	overflow:						hidden;
	text-align:						left;
}

ul.list_ul{
    margin-top: 0px;
	overflow:						hidden;
}

ul.list_ul li.list_item{
	clear:							left;
	overflow:						hidden;
}

ul.list_ul li.list_item div.tag,
ul.list_ul li.list_item div.leftzone,
ul.list_ul li.list_item div.datetime,
ul.list_ul li.list_item div.cat,
ul.list_ul li.list_item div.tag:before,
ul.list_ul li.list_item div.cat:before,
ul.list_ul li.list_item div.datetime:before{
	position:						absolute;
	z-index:						2;
}

ul.list_ul li.list_item div.tag a.add_tag{
	display:						inline-block;
	font-size:						25px;
	font-weight:					bold;
	color:							#43B14D;
	line-height:					1.0;
	margin:							4px 4px 0 0;	
}

ul.list_ul li.list_item div.tag a.modify_tag{
	position:						absolute;
	z-index:						99;
	top:							0;
	right:							-2px;
	display:						inline-block;
	width:							12px;
	height:							12px;
	background-image:				url('../image/pencil_hover.png');
	background-size:				cover;
	background-position:			center center;
}
ul.list_ul li.list_item div.tag.price{
    top: -2px;
    right: -50px;
}
ul.list_ul li.list_item div.datetime{
	margin-top:						35px;
	font-size:						11px;
	font-weight:					normal;
	color:							#454545;
	margin-left:					5px;
}

ul.list_ul li.list_item div.ideadatetime,
ul.list_ul li.list_item div.templatedatetime,
ul.list_ul li.list_item div.threedmodeldatetime{
	margin-top:						55px;
}
ul.list_ul li.list_item div.tag,ul.list_ul li.list_item div.cat{
	display:						inline-block;
	width:							62px;
	height:							32px;
	line-height:					32px;
	padding-left:					0px;
	background-image:				url('../image/tag.png');
	background-repeat:				no-repeat;
	background-position:			center;
	font-size:						12px;
	color:							#888888;
	margin-top:						-5px;
        text-align: center;
}
ul.list_ul li.list_item div.tag a{
        text-decoration: none;
        color:#888888;
}
ul.list_ul li.list_item div.tag a:hover{
        color: #50a456;
}

ul.list_ul li.list_item div.briefvotezone{
	position:						absolute;
	z-index:						2;
	margin-top:						60px;
	width:							62px;
	text-align:						center;
}

ul.list_ul li.list_item div.leftzone div.votezone{
	float:							left;
	width:							25px;
	overflow:						hidden;
	text-align:						center;
	margin-right:					10px;
}

ul.list_ul li.list_item div.briefvotezone a.upvote-link,
ul.list_ul li.list_item div.leftzone div.votezone a.upvote-link{
	border-color:					transparent transparent rgba(59, 182, 69, 0.68);
	border-style:					solid;
	border-width:					19px 11px;
	bottom:							16px;
	display:						inline-block;
	height:							0;
	position:						relative;
	z-index:						9999;
	width:							0;
}

ul.list_ul li.list_item div.briefvotezone a.upvote-link:hover,
ul.list_ul li.list_item div.briefvotezone a.voted,
ul.list_ul li.list_item div.leftzone div.votezone a.upvote-link:hover,
ul.list_ul li.list_item div.leftzone div.votezone a.voted{
	border-bottom:					19px solid #e19655;
}

ul.list_ul li.list_item div.briefvotezone span.vote-count,
ul.list_ul li.list_item div.leftzone div.votezone span.vote-count{
	bottom:							14px;
	display:						block;
	font-size:						13px;
	position:						relative;
    font-weight: bold;
}

ul.list_ul li.list_item div.leftzone div.headimagezone{
	float:							right;
	width:							38px;
	overflow:						hidden;
}

div.voted_list{
	width:							200px	!important;
	width:							220px;
	_width:							200px;
	overflow:						hidden;
	padding:						0 0 0 25px;
	position:						absolute;
	z-index:						100;
	left:							0px;
	top:							0px;
}

ul.list_ul li.list_item div.briefvotezone div.voted_list{
	padding:						0 0 0 50px;
}

div.voted_list div{
	width:							168px	!important;
	width:							235px;
	_width:							168px;
	overflow:						hidden;
	padding:						10px 15px 10px 15px;
	border:							1px solid #eeeeee;
	background-color:				#ffffff;
	-ms-filter:						'progid:DXImageTransform.Microsoft.Alpha(Opacity=95)';
	filter:							alpha(opacity=95);
	-moz-opacity:					0.95;
	-khtml-opacity:					0.95;
	opacity:						0.95;
	text-align:						left;
}

div.voted_list a{
	display:						inline-block;
	float:							left;
	margin:							0 10px 0 0;
	width:							40px;
	height:							40px;
	-webkit-border-radius:			20px;
	-moz-border-radius:				20px;
	-ms-border-radius:				20px;
	border-radius:					20px;
	background-repeat:				no-repeat;
	background-position:			center;
	background-size:				cover;
}

p.username,
p.signature{
	margin:							0;
	padding:						0;
	text-align:						left;
	font-weight:					normal;
}

p.username{
	font-size:						16px;
	color:							#ffffff;
	line-height:					2.0;
}

p.signature{
	font-size:						14px;
	color:							#eeeeee;
	line-height:					1.5;
	padding-bottom:					10px;
}

ul.list_ul li.list_item div.leftzone div.headimagezone a{
	display:						block;
	width:							38px;
	height:							38px;
	-webkit-border-radius:			19px;
	-moz-border-radius:				19px;
	-ms-border-radius:				19px;
	border-radius:					19px;
	background-image:				url(../image/default_user_head.jpg);
	background-size:				cover;
}

ul.list_ul li.list_item div.showitem{
	margin:							0 0 0px 90px;
	padding:						0 0 25px 12px;
	border:							0;
	border-left:					3px solid #dddddd;
}
ul.list_ul li.list_item.message div.showitem{
    margin-left: 50px;
}
ul.list_ul li.list_item div.showitem img{
    width: 120px;
    margin: 5px 0;
}
ul.list_ul li.list_item div.showitem > img{float: right;}
ul.list_ul li.list_item div.leftzone .votezone span,
ul.list_ul li.list_item div.showitem .summary span{
    color:#e33c1c;
}
#IDEA_CONTEXT_DIV ul.list_ul #imgFloat{
    width:480px; 
	position:fixed;
	top:50%;
	margin-top:-200px;
    left:50%;
	margin-left:-300px;
    display:none;
    opacity: 0;
    z-index: 99; 
}
#IDEA_CONTEXT_DIV ul.list_ul #imgFloat:before {
	content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    opacity: 0.4;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
    background: black;
    z-index: -1;
}

#IDEA_CONTEXT_DIV ul.list_ul #imgFloat img{
    width: 100%;
    box-shadow: 0px 5px 10px 2px #ccc;
    border: 1px solid #ccc;
    padding: 3px;   
}
.more-posts-indicator{
    border-left: 3px dashed #DBD9C2;
    display: block;
    margin-top: 7px;
    padding-top: 30px;
    margin-left: 90px;
}
ul.list_ul li.list_item div.showitem div,
ul.list_ul li.list_item div.showitem2 div{
	overflow:						hidden;	
}

ul.list_ul li.list_item h2{
	font-family:					'microsoft yahei';
	font-size:						18px;
	font-weight:					bold;
	color:							#454545;
	margin:							0 0 15px 10px;
	padding:						0;
        position: relative
}

ul.list_ul li.list_item h2 a{
	color: #454545;
    -webkit-transition: color 0.5s linear;
    -moz-transition: color 0.5s linear;
    -ms-transition: color 0.5s linear;
    -o-transition: color 0.5s linear;
    transition: color 0.5s linear;
}
ul.list_ul li.list_item h2.private a{
    color: rgba(234, 11, 11, 0.78);  
}

ul.list_ul li.list_item h2.sharemycase a{
    /*color: #FFA500; */
    color: #333;
}

ul.list_ul li.list_item h2 a:hover{
    text-shadow: 1px 1px 1px #ccc;
    color: rgba(70, 178, 79, 0.97);
}
ul.list_ul li.list_item h2:before {
	content:						"";
	position:						absolute;
	left:							-31px;
	top:							1px;
	display:						block;
	width:							14px;
	height:							14px;
	border:							3px solid #d2d3d2;
	-webkit-border-radius:			14px;
	-moz-border-radius:				14px;
	-ms-border-radius:				14px;
	border-radius:					14px;
	background:						#f9f9f9;
}
ul.list_ul li.list_item h2 a.orglink{font-size:16px;}
ul.list_ul li.list_item.message div.showitem.read h2 {
    color: #d2d3d2;
    font-weight: normal;
}
ul.list_ul li.list_item.message div.showitem.unread,
ul.list_ul li.list_item.message div.showitem.unread h2:before {
    border-color: rgba(245, 45, 4, 0.64);
}
ul.list_ul .controls{
    padding: 5px 0;
    margin-bottom: 10px;
}
ul.list_ul .controls input {
    display: inline-block;
}
ul.list_ul input.readmark {
    cursor: pointer;
    border: 1px solid #419A13;
    background: white;
    padding: 3px;
    margin-left: 20px;
}
ul.list_ul li.list_item h3,
ul.list_ul li.list_item p,
#SEARCH_RESULTPAGE_DIV #LEFT_DIV ul.list_ul li.list_item h3{
	font-weight:					normal;
	font-size:						13px;
	line-height:					1.5;
	margin:							0 0 15px 10px;
}
#RIGHT_DIV ul.list_ul li.list_item  h3 a:hover{
    background-color: #dddddd;
    color: #454545;
}
#RIGHT_DIV ul.list_ul li.list_item  h3 a{
    float: right;
    padding: 0px 10px;
    cursor: pointer;
}
div.send_private_letter{
    display: none;
    background-color: #F7F8ED;
    background-color: #f7f8ed;
    padding: 0.5em;
}
div.send_private_letter p.ANSWER_TOP a.fa-close{
    float: right;
    font-size: 18px;
    color: black !important;
}
div.ANSWER_DIV{
    /*background-color: #F7F8ED;*/
    padding: 5px 15PX;
    display: none;
}
#MYCOLLECTION_DIV div.ANSWER_DIV p.ANSWER_BUTTON{
    text-align: right;
    margin-top: 10px;
}
div.ANSWER_DIV p.ANSWER_BUTTON a{
    color: #454545;
    padding: 5px 20px;
    border: 1px solid #CCCCCC;
    cursor: pointer;
}
div.ANSWER_DIV p.ANSWER_BUTTON a:hover{
    background-color: #50a456;
}
div.ANSWER_DIV textarea{
    width: 100% !important;
    height: 90px !important;
    border: 1px solid #CCCCCC;
    background-image: url("//s.techbrood.com/themes/techbrood/css/../image/comment_note.png");
    background-position: 5px 5px;
    background-repeat: no-repeat;
    font-size: 12px;
    color: #ACACAC;
    resize: none;
    padding: 5px 0 0 28px;
}
div.ANSWER_DIV p.ANSWER_MESSAGE,p.ANSWER_ERROR{
    text-align: center;
    padding-top: 10px;
}

div.float_box div.send_private_letter p.ANSWER_TOP{
    margin-bottom: 10px;
    font-size: 15px;
    margin-left: 10px;
    margin-top: -8px;
}
div.ANSWER_DIV p.ANSWER_MESSAGE{
    color: rgb(67, 177, 77);
}
div.ANSWER_DIV p.ANSWER_error{
    color: red;
}
ul.list_ul li.list_item h2 a.translation_button,
ul.list_ul li.list_item h3 a.translation_button{
	font-family:					'宋体';
	font-weight:					normal;
	font-size:						13px;
	line-height:					1.5;
}

ul.list_ul li.list_item div.brief-url{
	margin:							0 0 0 10px;
	padding:						0 0 10px 0;
	border-bottom:					1px solid #dddddd;
}

ul.list_ul li.list_item div.brief-url a,
ul.list_ul li.list_item div.brief-url span{
	display:						inline-block;
	font-size:						12px;
	text-decoration:				none;
	line-height:					18px;
}
ul.list_ul li.list_item div.brief-url a.common{
	padding:						0 7px;
	height:							26px;
    line-height:                    26px;
	color:							#454545;
	background-repeat:				no-repeat;
	background-position:			90% center;
    border: 1px solid #ddd;
}
ul.list_ul li.list_item div.brief-url a.read{
	padding:						0 10px;
	height:							26px;
    line-height:                    26px;
	color:							#454545;
	background-repeat:				no-repeat;
	background-position:			90% center;
    border: 1px solid #ddd;
}
ul.list_ul li.list_item div.brief-url a.comment{
	width:							80px	!important;
	width:							80px;
	_width:							80px;
	padding:						0 11px 0 7px;
	height:							26px;
    line-height:                    26px;
	color:							#454545;
	background-image:				url('../image/button_right_triangle.png');
	background-repeat:				no-repeat;
	background-position:			86% center;
    border:							1px solid rgba(238, 192, 152, 0.8);
}
ul.list_ul li.list_item div.brief-url a.demo{
	padding:						0 20px;
	height:							26px;
    line-height:                    26px;
	color:							#454545;
    border: 1px solid rgba(107, 207, 50, 0.58);
    -webkit-transition: background 1.0s linear;
    -moz-transition: background 1.0s linear;
    -ms-transition: background 1.0s linear;
    -o-transition: background 1.0s linear;
    transition: background 1.0s linear;
}
ul.list_ul li.list_item div.brief-url a.demo:hover{
	padding:						0 20px;
	height:							26px;
    line-height:                    26px;
	color:							#454545;
    border: 1px solid #ddd;
    background: rgba(169, 216, 119, 0.5);
}
ul.list_ul li.list_item div.brief-url a.name{
	color:							#43b14d;	
}
ul.list_ul li.list_item div.brief-url a.name:hover{
	text-decoration:				underline;	
}
ul.list_ul li.list_item div.brief-url .fire{
    margin-top: 3px;
    float: left;
    height: 12px;
    width: 11px;
    background-repeat: no-repeat;
    background-image: url('../image/fire.png');
}
ul.list_ul li.list_item div.brief-url span.referrer{
	float:							none;
	color:							#454545;
	margin:							0 7px 0 7px;
}
ul.list_ul li.list_item div.brief-url span.publish{
	float:							right;
}
ul.list_ul li.list_item div.showitem2 div.brief-url span.publish{
	margin-right:					20px;
}
ul.list_ul li.list_item div.brief-url span.counter{
	margin-right:					20px;
	color:							#e19655;	
}
ul.list_ul li.list_item div.showitem div.brief-url div.share{
	height:							26px;
	margin:							10px 0 0 0;
}
ul.list_ul li.list_item div.showitem div.brief-url div.share span{
	float:							left;
	margin-right:					10px;
}
ul.list_ul li.list_item div.showitem div.brief-url div.share ul li{
	float:							left;
	width:							35px;
	overflow:						hidden;
}
ul.list_ul li.list_item div.showitem div.addtagzone{
	width:							auto;
	padding:						10px;
	overflow:						hidden;
	background-color:				#F7F8ED;
	margin:							10px 0 10px 10px;
	display:						none;
}
ul.list_ul li.list_item div.showitem div.addtagzone input[type=text]{
	width:							128px	!important;
	width:							130px;
	_width:							128px;
	height:							23px	!important;
	height:							25px;
	_height:						23px;
	line-height:					23px;
	border:							1px solid #43B14D;
	margin:							0 5px 5px 0;
}
ul.list_ul li.list_item div.showitem div.addtagzone a.savebutton{
	display:						inline-block;
	width:							130px;
	height:							26px;
	line-height:					26px;
	background-color:				#43B14D;
	color:							#ffffff;
	text-align:						center;
	text-decoration:				none;
	font-size:						14px;
	font-weight:					normal;
}
ul.list_ul li.list_item div.showitem div.addtagzone p.error_msg{
	font-size:						13px;
	font-weight:					normal;
	color:							red;
	padding:						10px 0 10px 0;
	display:						none;	
}
ul.list_ul li.list_item div.brief-url .pager_div{
	
}
ul.list_ul li.list_item div.brief-url .pager_div .yiiPager a{
	display:						inline-block;
	font-size:						14px;
	color:							#888888;
	text-decoration:				none;
}
ul.list_ul li.list_item div.translation_box{
	margin:							10px 0 10px 0;
}
ul.list_ul li.list_item div.translation_box .TranslationErrorMessage{
	display:						none;
	overflow:						hidden;
	font-size:						12px;
	font-weight:					normal;
	color:							red;
	margin-left:					10px;
}
ul.list_ul li.list_item div.translation_box,
ul.list_ul li.list_item div.comment_box{
    overflow: hidden;
    display: none;
    background-color: #F7F8ED;
    position: relative;
    width: 100%;
    z-index: 2;
    padding: 3px;
}
ul.list_ul li.list_item div.com_top{
        margin: 6px 10px; 
}
ul.list_ul li.list_item div.translation_box p,
ul.list_ul li.list_item div.comment_box p{
	font-size:						13px;
	font-weight:					normal;
	line-height:					1.0;
	margin:							0;
	padding:						0;	
}
ul.list_ul li.list_item div.errorMessage{
        font-size: 13px; 
}
ul.list_ul li.list_item div.translation_box p.relativemargin,
ul.list_ul li.list_item div.comment_box p.relativemargin{
        float: left;
}
ul.list_ul li.list_item div.not-loggedin p a{
	font-size:						13px;
	display:						inline-block;	
}
ul.list_ul li.list_item div.translation_box a.close_button,
ul.list_ul li.list_item div.comment_box a.close_button{
        width: 15px;
        height: 15px;
        background-image: url('../image/green_cross.png');
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        z-index: 999;
        top: 0px;
        float: right;
}
ul.list_ul li.list_item div.translation_box div.translation_textarea_div,
ul.list_ul li.list_item div.translation_box div.translation_button_div,
ul.list_ul li.list_item div.comment_box div.comment_textarea_div,
ul.list_ul li.list_item div.comment_box div.comment_button_div{
	overflow:						hidden;
	clear:							left;
	margin:							0 10px 5px 10px;
}
ul.list_ul li.list_item div.translation_box div.translation_textarea_div textarea,
ul.list_ul li.list_item div.comment_box div.comment_textarea_div textarea{
	width:							93% !important;
	height:							45px !important;
	border:							1px solid #CCCCCC;
	background-image:				url("../image/comment_note.png");
	background-position:			5px 5px;
	background-repeat:				no-repeat;
	font-size:						12px;
	color:							#ACACAC;
	resize:							none;
        padding: 5px 0 0 28px;
}
ul.list_ul li.list_item div.translation_box div.translation_textarea_div textarea:hover,
ul.list_ul li.list_item div.comment_box div.comment_textarea_div textarea:hover{
    border: 1px solid #e19655;
}
ul.list_ul li.list_item div.translation_box div.translation_button_div,
ul.list_ul li.list_item div.comment_box div.comment_button_div{
	text-align:						right;
}
ul.list_ul li.list_item div.translation_box div.translation_button_div input[type=button],
ul.list_ul li.list_item div.translation_box div.translation_button_div input[type=submit],
ul.list_ul li.list_item div.comment_box div.comment_button_div input[type=button],
ul.list_ul li.list_item div.comment_box div.comment_button_div input[type=submit]{
	width:							64px	!important;
	width:							66px;
	_width:							64px;
	height:							29px	!important;
	height:							31px;
	_height:						29px;
	line-height:					29px;
	font-size:						12px;
	color:							#000000;
	border:							1px solid #cccccc;
	background:						#f9f9f9;
	-webkit-border-radius:			3px;
	-moz-border-radius:				3px;
	-ms-border-radius:				3px;
	border-radius:					3px;
	cursor:							pointer;
    margin-top: 3px;
}

ul.list_ul li.list_item div.comment_box div.comment_list_div,
ul.list_ul li.list_item div.comment_box div.comment_list_div div.ext-comment div.ext-comment-content{
	clear:							left;
	overflow:						hidden;	
}
div.ext-comment-content{
    line-height: 18px;
}
ul.list_ul li.list_item div.comment_box div.comment_list_div .summary{
    margin:					5px 10px;
    font-size: 12px;
}
ul.list_ul li.list_item div.comment_box div.comment_list_div div.ext-comment{
	margin:							0 10px;
	border-top:						1px solid #e5e5e5;
	font-size:						12px;
	color:							#000000;
}
ul.list_ul li.list_item div.comment_box div.comment_list_div a.ext-comment-name{
	display:						inline-block;
	width:							auto;
	color:							#43b14d;
	text-decoration:				none;
}
ul.list_ul li.list_item div.comment_box div.comment_list_div span.ext-comment-date{
	float:							left;
	color:							#888888;
	line-height:					26px;
}
ul.list_ul li.list_item div.comment_box div.comment_list_div span.ext-comment-head{
        color: #aaa;
}
ul.list_ul li.list_item div.comment_box div.comment_list_div div.ext-comment-options{
	clear:							left;
	overflow:						hidden;
}
ul.list_ul li.list_item div.comment_box div.comment_list_div div.ext-comment-options a{
	float:							right;
	display:						inline-block;
	font-size:						12px;
	color:							#e19655;
	text-decoration:				none;
	margin-right:					5px;
}

#HOMEPAGE_CONTEXT_DIV #RIGHT_DIV{
	float:							right;
	width:							25%;
	overflow:						hidden;	
}

.feature_box{
    overflow:						hidden;
    padding:						10px;
    border:							1px solid #ddd;
    margin-top:						0px;
    margin-bottom: 20px;
}
.feature_box .box{
    text-align: center;
}
#USER_CONTEXT_DIV #LEFT_DIV .feature_box{
	width:							243px;
	_width:							221px;
}
.feature_box .title_dl dt{
	font-family:					'microsoft yahei';
	font-size:						14px;
	font-weight:					bold;
	color:							#454545;
	text-align:						left;
	line-height:					1.0;
	margin-bottom:					7px;
}
div.briefs a.read_more,
.feature_box .title_dl a.read_more{
    padding: 1px 14px 1px 18px;
    height: 20px;
    background: #fff;
    float: left;
    font-size: 14px;
    line-height: 1.0;
    margin-bottom: 4px;
    position: relative;
    bottom: 4px;
    left: 10px;
    border: 1px solid #ddd;
    margin-left: 3px;
}
div.briefs a.read_more span,
.feature_box .title_dl a.read_more span{
    top: 3px;
    position: relative;
    font-size: 12px;
    color: #222;
}
div.briefs a.read_more{
    float: right;
    left: 0;
    bottom: -5px;
    height: 24px;
}
nav.mylinks ul li {
    background: #eee;
    border-bottom: 1px solid #ddd;
    padding: 15px 10px;
    color: #e0e0fe;
    cursor: default;
    -webkit-transition: background-color 0.3s, padding 0.6s, -webkit-transform 0.4s, margin 0.4s, -webkit-box-shadow 0.4s, font-size 0.4s, blur 0.4s;
    -moz-transition: background-color 0.3s, padding 0.6s, -moz-transform 0.4s, margin 0.4s, -moz-box-shadow 0.4s, font-size 0.4s, blur 0.4s;
    -o-transition: background-color 0.3s, padding 0.6s, -o-transform 0.4s, margin 0.4s, box-shadow 0.4s, font-size 0.4s, blur 0.4s;
    transition: background-color 0.3s, padding 0.6s, -webkit-transform 0.4s, -moz-transform 0.4s, -o-transform 0.4s, transform 0.4s, margin 0.4s, box-shadow 0.4s, font-size 0.4s, blur 0.4s;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    z-index: 90;
}
nav.mylinks ul li:hover {
    background-color: white;
    padding-left: 25px;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    z-index: 100;
}
nav.mylinks ul li a:hover{
    color: #333;
}
nav.mylinks ul li.active {
    padding: 30px 20px;
    background-color: #dc5550;
    -webkit-box-shadow: 0 15px 10px rgba(15, 14, 17, 0.5);
    -moz-box-shadow: 0 15px 10px rgba(15, 14, 17, 0.5);
    box-shadow: 0 15px 10px rgba(15, 14, 17, 0.5);
    font-size: 1.5rem;
    -webkit-transform: translateZ(50px);
    -moz-transform: translateZ(50px);
    -o-transform: translateZ(50px);
    -ms-transform: translateZ(50px);
    transform: translateZ(50px);
    z-index: 10;
}
.myBanner .feature_box .title_dl{
    padding: 10px;
}
.myBanner .feature_box .title_dl dt{
    float: left;
}
.feature_box .title_dl a.change_tags{
        float: right;
}
.feature_box .title_dl dt span{
	float:							left;
	width:							3px;
	height:							13px;
	background-color:				#454545;
	margin-top:						2px;
	margin-right:					7px;
}

.feature_box .title_dl dd{
	text-align:						left;
}

.feature_box .title_dl dd ul{
	width:							100%;
	overflow:						hidden;	
    font-size: 13px;
    line-height: 1.2em;
}

#tagcloud ul{
    display: block;
    background: none;
    padding: 0;
    margin-bottom: 0;
    text-align: left;
    font: normal 13px/16px "Microsoft Yahei";    
}
#tagcloud ul li{
    margin-right: 10px;
    margin-bottom: 5px;
    display: inline-block;
    background: #81B966;
    box-shadow: 2px 2px 1px #ddd;        
}
#tagcloud ul li:nth-child(odd){
    transform: skew(2deg,0deg) translate(2px, 1px);
}
#tagcloud ul li:nth-child(even){
    transform: skew(-2deg,0deg) translate(-1px, -2px);
}
#tagcloud li a {
    text-decoration: none;
    color: #fff;
    padding: 0 7px;
    font-family: song;
}
#tagcloud li a.add_tags {
    padding: 0 5px;
    font-size: 21px;
}
#tagcloud ul li:hover{
	text-shadow: 1px 1px 1px rgba(179, 206, 165, 0.67);
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV{
	float:							left;
	width:							68%;
	padding:						30px 0 30px 0;
	text-align:						left;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV h3{
	font-family:					'microsoft yahei';
	font-size:						24px;
	line-height:					24px;
	font-weight:					bold;
	color:							#454545;
	text-align:						center;
	margin:							0;
	padding:						0;
	margin-bottom:					20px;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #INFO_DIV{
	text-align:						center;
	overflow:						hidden;
	margin-bottom:					40px;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #INFO_DIV a.fontsize_button{
	display:						inline-block;
	width:							18px	!important;
	width:							20px;
	_width:							18px;
	height:							18px	!important;
	height:							20px;
	_height:						18px;
	line-height:					18px;
	text-align:						center;
	border:							1px solid #CCCCCC;
	color:							#777777;
	text-decoration:				none;
	background:						#eeeeee;
	background:						-moz-linear-gradient(top, #cccccc, rgba(238, 238, 238, 0.8));  
	background:						-webkit-gradient(linear, 0 0, 0 bottom, from(#cccccc), to(rgba(238, 238, 238, 0.8)));  
	background:						-o-linear-gradient(top, #cccccc, rgba(238, 238, 238, 0.8));
	-webkit-border-radius:			3px;
	-moz-border-radius:				3px;
	-ms-border-radius:				3px;
	border-radius:					3px;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #INFO_DIV a.fontsize_button:hover{
	background:						#eaeaea;
	text-decoration:				none;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #INFO_DIV a.noclick,
#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #INFO_DIV a.noclick:hover{
	border:							1px dashed #CCCCCC;
	background:						#fafafa;
	cursor:							default;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #INFO_DIV p{
	display:						inline-block;
	overflow:						hidden;
	padding:						0;
	margin:							0;
	font-size:						12px;
	color:							#454545;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #INFO_DIV p#tags{
	margin-right:					20px;	
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #INFO_DIV a{
	color:							#e19655;
	text-decoration:				none;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #INFO_DIV a:hover{
	text-decoration:				underline;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #CONTENT_DIV{
	font-weight:					normal;
	color:							#454545;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV .fontsize14{
	font-size:						14px;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV .fontsize16{
	font-size:						16px;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV .fontsize18{
	font-size:						18px;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #CONTENT_DIV p{
	line-height:					1.5;
	margin:							0 0 5px 0;	
}
#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #REQS_DIV P{
    line-height:					1;
	margin:							20PX 0 5px 0;
}
#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #RATING_DIV{
	text-align:						right;
	overflow:						hidden;
	margin:							50px 0 0 0;
	font-size:						14px;
	padding-right:					15px;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #RATING_DIV img{
	margin-right:					5px;	
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #SHARE_DIV{
	text-align:						center;
	overflow:						hidden;
	margin:							30px 0 30px 0;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #SHARE_DIV #SHARETO{
	float:							right;
	width:							240px;
	overflow:						hidden;
	height:							24px;
	margin-top:						3px;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #SHARE_DIV #SHARETO span,
#HOMEPAGE_CONTEXT_DIV #SHARE_DIV #SHARETO span{
	float:							left;
	font-size:						12px;
	color:							#000000;
	line-height:					24px;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #SHARE_DIV a,
#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #SHARE_DIV span,
#HOMEPAGE_CONTEXT_DIV #SHARE_DIV a,
#HOMEPAGE_CONTEXT_DIV #SHARE_DIV span{
	display:						inline-block;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #SHARE_DIV #SHARETO a,
#HOMEPAGE_CONTEXT_DIV #SHARE_DIV #SHARETO a{
	width:							28px;
	height:							24px;	
}
#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li  a.private_letter,
#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #SHARE_DIV a.private_letter,
#HOMEPAGE_CONTEXT_DIV #SHARE_DIV a.private_letter{
    margin-left: 15px;
    margin-right: 15px;
    width: 110px;
    height: 29px;
    line-height: 29px;
    font-size: 14px;
    color: #333;
    background: #ddd;
    text-decoration: none;
    text-align: left;
    padding-left: 55px;
    background-image: url("/https/techbrood.com/themes/techbrood/image/private_letter.png");
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 20px;
}
#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li a.private_letter{
	display:inline-block;
	padding-left: 50px;
	background-position: 15px center;
	margin:0 0 3px 0;
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li a#START_CHAT_MESSAGE{
	display:inline-block;
    width: 110px;
    height: 29px;
    line-height: 29px;
    font-size: 14px;
    color: #333;
    background: #ddd;
    text-decoration: none;
    text-align: left;
    padding-left: 15px;
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li a#START_CHAT_MESSAGE i{
	font-size:1.5em;	
}

#USER_CONTEXT_DIV #LEFT_DIV div.float_box{
    /*position: fixed;*/
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    min-width: 276px;
    font-weight: normal;
    line-height: 1.0;
    color: #454545;
    display: none;
/*    z-index: 99;*/
}
#USER_CONTEXT_DIV #LEFT_DIV div.float_box div.send_private_letter{
    width: 60%;
    position: absolute;
    left: 20%;
    top: 20%;
    right: 0;
    margin: auto;
    min-height: 150px;
    min-width: 300px;
    max-width: 600px;
    text-align: center;
    padding: 1em;
    border: 1px solid #cccccc;  
    z-index: 99;
}

#HOMEPAGE_CONTEXT_DIV #SHARE_DIV #SHAREBUTTON_DIV{
	display:						block;
	width:							100%;
	height:							29px;
	margin:							0px 0 15px 0;
	background:						#43b14d;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #SHARE_DIV a.collection_link{
    height: 29px;
    line-height: 29px;
    font-size: 14px;
    color: #ffffff;
    background: #43b14d;
    text-decoration: none;
    padding: 0 15px;
    text-align: center;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #SHARE_DIV a.jiathis,
#HOMEPAGE_CONTEXT_DIV #SHARE_DIV a.jiathis{
	height:							29px;
	line-height:					29px;
	font-size:						14px;
	color:							#ffffff;
	background:						#43b14d;
	text-decoration:				none;
	text-align:						center;	
	background-image:				url('../image/share_button_logo.png');	
	background-repeat:				no-repeat;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #SHARE_DIV a.jiathis{
	margin-left:					15px;
    margin-right:                   15px;
	width:							110px;
	background-position:			20px center;
}

#HOMEPAGE_CONTEXT_DIV #SHARE_DIV a.jiathis{
	margin:							0;
	width:							225px;
	float:							left;
	background-position:			70px center;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #SHARE_DIV a.jiathis_counter_style,
#HOMEPAGE_CONTEXT_DIV #SHARE_DIV a.jiathis_counter_style{
	font-size:						14px;
	color:							#ffffff;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #SHARE_DIV a.jiathis_counter_style{
	margin-left:					-35px;
}

#HOMEPAGE_CONTEXT_DIV #SHARE_DIV a.jiathis_counter_style{
	margin-left:					-165px;
	margin-top:						8px;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #COMMENT_DIV div{
	overflow:						hidden;	
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #COMMENT_DIV div#ext-comment-form-new{
	margin-top:						30px;	
}

#HOMEPAGE_CONTEXT_DIV #LEFT_DIV #COMMENT_DIV textarea,
#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #COMMENT_DIV textarea{
	height:							63px	!important;
	height:							95px;
	_height:						63px;
	padding:						15px 15px 15px 33px;
	border:							1px solid #cccccc;
	font-size:						12px;
	color:							#acacac;
	resize:							none;
	background-image:				url('../image/comment_note.png');
	background-repeat:				no-repeat;
	background-position:			15px 15px;
}

#HOMEPAGE_CONTEXT_DIV #LEFT_DIV #COMMENT_DIV textarea{
	width:							632px	!important;
	width:							682px;
	_width:							632px;
	margin:							10px 0;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #COMMENT_DIV textarea{
	width:							595px	!important;
	width:							645px;
	_width:							595px;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #COMMENT_DIV input[type=submit]{
	float:							right;
	margin:							10px 20px 0 0;
	width:							64px	!important;
	width:							66px;
	_width:							64px;
	height:							29px	!important;
	height:							31px;
	_height:						29px;
	line-height:					29px;
	font-size:						12px;
	color:							#000000;
	border:							1px solid #cccccc;
	background:						#f9f9f9;
	-webkit-border-radius:			3px;
	-moz-border-radius:				3px;
	-ms-border-radius:				3px;
	border-radius:					3px;
	cursor:							pointer;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #COMMENT_DIV p.title{
	clear:							left;
	font-size:						12px;
	color:							#000000;
}

div.ext-comment-not-loggedin{
	margin:							20px 0 20px 0;
	padding:						20px 0 20px 0;
	background:						#F7F8ED;
	font-size:						14px;
	color:							#000000;
	text-align:						center;
}

div.ext-comment-not-loggedin a{
	display:						inline-block;
	padding:						5px 10px 5px 10px;
	font-size:						15px;
	color:							#ffffff;
	background-color:				#43B14D;
	text-decoration:				none;
}

a.tsina{
	width:							23px;
	height:							18px;
	background-image:				url('../image/share_button_weibo.png');
	background-repeat:				no-repeat;
	background-position:			center;
}

a.tsina:hover{
	width:							27px;
	height:							22px;
	background-image:				url('../image/share_button_weibo_hover.png');
}

a.cqq{
	width:							19px;
	height:							20px;
	background-image:				url('../image/share_button_cqq.png');
	background-repeat:				no-repeat;
	background-position:			center;
}

a.cqq:hover{
	width:							23px;
	height:							24px;
	background-image:				url('../image/share_button_cqq_hover.png');
}

a.tqq{
	width:							21px;
	height:							19px;
	background-image:				url('../image/share_button_tqq.png');
	background-repeat:				no-repeat;
	background-position:			center;
}

a.tqq:hover{
	width:							25px;
	height:							23px;
	background-image:				url('../image/share_button_tqq_hover.png');
}

a.baidu{
	width:							18px;
	height:							20px;
	background-image:				url('../image/share_button_baidu.png');
	background-repeat:				no-repeat;
	background-position:			center;
}

a.baidu:hover{
	width:							22px;
	height:							24px;
	background-image:				url('../image/share_button_baidu_hover.png');
}

a.wechat{
	width:							24px;
	height:							20px;
	background-image:				url('../image/share_button_wechat.png');
	background-repeat:				no-repeat;
	background-position:			center;
}

a.wechat:hover{
	width:							28px;
	height:							24px;
	background-image:				url('../image/share_button_wechat_hover.png');
}
#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #REQS_DIV{
    background: rgba(238, 238, 238, 0.5);
    padding: 0 15px 15px;
    border-top: 5px solid rgb(22, 210, 22);
    margin-top: 15px;
}

#HOMEPAGE_CONTEXT_DIV #LEFT_DIV #COMMENT_DIV,
#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #COMMENT_DIV{
	overflow:						hidden;
	margin-top:						20px;
}

#HOMEPAGE_CONTEXT_DIV #LEFT_DIV #COMMENT_DIV h4,
#NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #COMMENT_DIV h4{
	font-size:						12px;
	line-height:					2.0;
	color:							#000000;
	margin:							0 0 10px 0;
	padding:						0;
}

#NEWS_DETAILS_PAGE_CONTEXT_DIV #RIGHT_DIV{
	float:							right;
	width:							30%;
	margin:							0;
	overflow:						hidden;
}

#USER_CONTEXT_DIV{
        margin-top: 10px;
	overflow:						hidden;	
}

#USER_CONTEXT_DIV #LEFT_DIV{
	float:							left;
	width:							243px;
	overflow:						hidden;
	text-align:						left;
}

#USER_CONTEXT_DIV #LEFT_DIV a,#USER_CONTEXT_DIV #LEFT_DIV span{
	color:							#e19655;
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV{
	width:							241px	!important;
	width:							243px;
	_width:							241px;
	overflow:						hidden;
	border:							1px solid #cccccc;
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li{
	clear:							left;
	overflow:						hidden;
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.top{
	width:							241px	!important;
	width:							241px;
	_width:							221px;
	padding:						10px;
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.top #U_TOP_LEFT_DIV{
	float:							left;
	width:							45%;
	overflow:						hidden;
	margin-right:					5%;
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.top #U_TOP_RIGHT_DIV{
	float:							right;
	width:							50%;
	overflow:						hidden;
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.top #USER_HEAD_IMAGE_DIV{
	width:							100%;
	min-height: 90px;
	overflow:						hidden;
	background-color:				#f7f9ee;
	background-image:				url('../image/head_image_bg.png');
	background-repeat:				no-repeat;
	background-position:			center;
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.top #INFO_LIST_DIV{
    font-size:						18px;
    margin-bottom:					10px;
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.top #INFO_LIST_DIV span.vip{
    font-size:                      70%;
    font-weight:                    600;
    margin-left:                    0.1em;
    padding:                        0 5px;
    background:                     yellow;
    border-radius:                  6px;
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.top #INFO_LIST_DIV ul li{
	clear:							left;
	height:							25px;
	line-height:					25px;
	font-size:						14px;
	color:							#000000;
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.top #INFO_LIST_DIV ul li a{
	display:						inline-block;
	padding:						0;
	margin:							0;
	overflow:						hidden;	
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.top #INFO_LIST_DIV li#LEVEL_INFO{
	line-height:					1.0;
	margin-top:						5px;
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.top #INFO_LIST_DIV li#LEVEL_INFO img{
	float:							left;
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.top #INFO_LIST_DIV li#LEVEL_INFO span,
#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.top #INFO_LIST_DIV li#LEVEL_INFO a{
	float:							left;	
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.top #INFO_LIST_DIV li#LEVEL_INFO span{
	display:						inline-block;
	margin:							0 5px 0 0;
	font-size:						12px;
	color:							#666666;
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.top #INFO_LIST_DIV li#LEVEL_INFO a{
	display:						inline-block;
	font-size:						12px;
	margin:							0 8px 0 0;
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.top #INFO_LIST_DIV li#LEVEL_INFO a.nomargin{
	margin:							0;
}
#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.topborder{
    width: 241px;
	border:							0;
	border-top:						1px solid #cccccc;
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li div{
	overflow:						hidden;
	text-align:						center;
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.topborder div.left{
	float:							left;
	width:							120px	!important;
	width:							121px;
	width:							120px;
	border-right:					1px solid #cccccc;
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.topborder div.right{
	float:							right;
	width:							120px;
	overflow:						hidden;
}

#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.topborder div p{
	display:						inline-block;
	font-size:						14px;
	color:							#666666;
	text-decoration:				none;
	line-height:					1.5;
	padding-top:					17px;
	padding-bottom:					17px;
}
#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.topborder div p span{
	font-size:						20px;
	color:							#000000;
}
#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.topborder div a{
	display:						inline-block;
	font-size:						14px;
	color:							#666666;
	text-decoration:				none;
	line-height:					1.5;
	padding-top:					17px;
}
#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.topborder div a span{
	font-size:						20px;
	color:							#000000;
}
#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.topborder div a:hover,
#USER_CONTEXT_DIV #LEFT_DIV #USER_INFO_LIST_DIV ul li.topborder div a:hover span{
	color:							#43b14d;	
}

#USER_CONTEXT_DIV #LEFT_DIV #VISIT_STATS_DIV{
	overflow:						hidden;
	font-size:						12px;
	color:							#666666;
	margin:							15px 0 30px 0;
}

#USER_CONTEXT_DIV #LEFT_DIV #VISIT_STATS_DIV div.left{
	float:							left;
	width:							121px;
	overflow:						hidden;
}

#USER_CONTEXT_DIV #LEFT_DIV #VISIT_STATS_DIV div.right{
	float:							right;
	width:							120px;
	overflow:						hidden;
	text-align:						right;
}

#USER_CONTEXT_DIV #RIGHT_DIV{
	float:							right;
	width:							calc(100% - 243px);
	overflow:						hidden;
	text-align:						left;
    padding-left: 30px;
}

#USER_CONTEXT_DIV #RIGHT_DIV #OPERATION_DIV{
	overflow:						hidden;
	margin-bottom:					30px;
}

#USER_CONTEXT_DIV #RIGHT_DIV #OPERATION_DIV #SEARCH_DIV{
	float:							left;
	width:							238px	!important;
	width:							240px;
	_width:							238px;
	height:							33px	!important;
	height:							35px;
	_height:						33px;
	border:							1px solid #cccccc;
	background-color:				#ffffff;
}

#USER_CONTEXT_DIV #RIGHT_DIV #OPERATION_DIV #SEARCH_DIV span{
	float:							left;
	font-size:						12px;
	color:							#666666;
	line-height:					33px;
	margin:							0 10px 0 10px;
}

#USER_CONTEXT_DIV #RIGHT_DIV #OPERATION_DIV #BUTTON_DIV{
	float:							right;
	overflow:						hidden;
}

#USER_CONTEXT_DIV #RIGHT_DIV #OPERATION_DIV #BUTTON_DIV a{
	display:						inline-block;
	line-height:					25px;
	padding-left:					35px;
	margin-left:					30px;
	background-repeat:				no-repeat;
	background-position:			0px center;
	font-size:						12px;
	color:							#000000;
	text-decoration:				none;
}

#USER_CONTEXT_DIV #RIGHT_DIV #OPERATION_DIV #BUTTON_DIV a:hover{
	color:							#43b14d;
}

#USER_CONTEXT_DIV #RIGHT_DIV #OPERATION_DIV #BUTTON_DIV a.write{
	background-image:				url('../image/pencil.png');
}

#USER_CONTEXT_DIV #RIGHT_DIV #OPERATION_DIV #BUTTON_DIV a.write:hover{
	background-image:				url('../image/pencil_hover.png');
}

#USER_CONTEXT_DIV #RIGHT_DIV #OPERATION_DIV #BUTTON_DIV a.manage{
	background-image:				url('../image/list.png');
}

#USER_CONTEXT_DIV #RIGHT_DIV #OPERATION_DIV #BUTTON_DIV a.manage:hover{
	background-image:				url('../image/list_hover.png');
}

#SEARCH_RESULTPAGE_DIV #LEFT_DIV{
	float:							left;
	width:							675px;
	padding:						30px 0 30px 0;
	overflow:						hidden;
	text-align:						left;
}

#SEARCH_RESULTPAGE_DIV #LEFT_DIV h3{
	font-family:					'microsoft yahei';
	font-size:						20px;
	color:							#000000;
	margin:							0 0 10px 0;
	padding:						0;	
}

#SEARCH_RESULTPAGE_DIV #RIGHT_DIV{
	float:							right;
	width:							240px;
	margin-left:					45px;
	overflow:						hidden;	
}

.se_l_tt{
	color:							#000000;
	background:						#f7f8ed;
	padding:						5px 10px 5px 10px;
	overflow:						hidden;
}
.se_l_tt span{
	display:						inline-block;
	font-size:						13px;
	overflow:						hidden;
}
.se_l_tt span.se_l_words{
	float:							left;
}
.se_l_tt span.se_l_index{
	float:							right;
	text-align:						left;
}
.se_l_items{
	overflow:						hidden;
	background:						rgba(248, 250, 247, 0.27);	
}
.se_l_items li{
	clear:							left;
	overflow:						hidden;
	font-size:						13px;
	line-height:					1.5;
}
.se_l_items li a.se_item_title{
	float:							left;
	display:						inline-block;
	font-size:						12px;
	color:							#43b14d;
	text-decoration:				none;
	padding-left:					5px;
}
.se_l_items li span.se_item_value{
	float:							right;
	padding-right:					5px;
}
/*article edit start*/
#ARTICLE_EDIT_DIV ul li{
	clear:							left;
	overflow:						hidden;
	margin-bottom:					10px;
}

#ARTICLE_EDIT_DIV ul li dl dt,
#ARTICLE_EDIT_DIV ul li dl dd{
	float:							left;
	font-size:						13px;
    width: 450px;
}
#ARTICLE_EDIT_DIV ul li dl dd#INPUT_CONTENT{
    width: calc(100% - 75px);
    height: auto;
}
#ARTICLE_EDIT_DIV ul li dl dd.input_actions{
    width: 100%;
    text-align:left;
    margin-left: 75px;
}
#ARTICLE_EDIT_DIV ul li .edui-default .edui-editor{
    border-radius: 0;    
    border: none;
    z-index: 1 !important;    
}
#CONTENT_DIV div.syntaxhighlighter{overflow-x:scroll !important}
#ARTICLE_EDIT_DIV ul li dl dt{
	width:							60px;
	text-align:						right;
}

#ARTICLE_EDIT_DIV ul li dl dd.required{
	width:							15px;
	text-align:						center;
	color:							#ff0000;
}


#ARTICLE_EDIT_DIV ul li dl dd.borderbox{
	overflow:						hidden;
	border:							1px solid #cccccc;
}

#ARTICLE_EDIT_DIV ul li dl dd.borderbox div.upload_thumbnail_div{
    float: left;
    margin: 2 0 0 10;
    padding: 2px;
    width: 100px;
    height: 100px;
    overflow: hidden;
}
#ARTICLE_EDIT_DIV ul li dl dd.borderbox div.upload_thumbnail_div img{
    height: 73px;
    width: 96px;
}
#ARTICLE_EDIT_DIV ul li dl dd.borderbox div.upload_thumbnail_div input[type=file]{
    float: left;
    opacity: 0;
    width: 100%;
    height: 100px;
    border: 0;
    margin: -90px 5px 1px 5px;
}

#ARTICLE_EDIT_DIV ul li dl dd.borderbox div.upload_thumbnail_div li.fa-close{
    font-size: 15px;
    margin-bottom: 0;
}

#ARTICLE_EDIT_DIV ul li dl dd.borderbox div.upload_thumbnail_div li.fa-plus-square-o{
    font-size: 50px;
    opacity: 0.4;
    line-height: 80px;
}

#ARTICLE_EDIT_DIV ul li dl dd.borderbox_focus{
	border-color:					#43b14d;
}

#ARTICLE_EDIT_DIV ul li dl dd.borderbox_error{
	border-color:					#ff0000;
}

#ARTICLE_EDIT_DIV ul li dl dd.error_msg{
	display:						none;
	width:							150px;
	margin:							10px 0 0 5px;
	font-size:						12px;
	color:							#ff0000;
}

#ARTICLE_EDIT_DIV ul li dl dd input[type=text],
#ARTICLE_EDIT_DIV ul li dl dd textarea,
#ARTICLE_EDIT_DIV ul li dl dd select{
	font-size:						13px;
	color:							#454545;
}

#ARTICLE_EDIT_DIV ul li dl dd input[type=text]{
	width:							100%;
	height:							25px;
	line-height:					25px;
	border:							0;
	margin:							1px 5px 1px 5px;
}
#ARTICLE_EDIT_DIV ul li dl dd a.Template_upload,
#ARTICLE_EDIT_DIV ul li dl dd a.Threedmodel_upload{
	width:							100%;
	height:							35px;
	line-height:					35px;
	border:							0;
	margin:							1px 5px 1px 5px;
    font-size:                      16px;
}

#ARTICLE_EDIT_DIV ul li dl dd a input[type=file]{
    float:                          right;
    opacity:                        0;
	width:							100%;
	height:							35px;
	line-height:					35px;
	border:							0;
	margin:							-35px 5px 1px 5px;
}
#ARTICLE_EDIT_DIV ul li dl dd.half{
    width: 200px;
    float: left;
    text-align:center
}
#ARTICLE_EDIT_DIV ul li dl dd.button_style{
    background-color: aqua;
}
#ARTICLE_EDIT_DIV ul li dl dd textarea{
    width:							100%;
	height:							100px	!important;
	_height:						100px;
	padding:						5px;
    line-height:					25px;
    border:							0;
	resize:							none;
}

#ARTICLE_EDIT_DIV ul li dl dd textarea,
#ARTICLE_EDIT_DIV ul li dl dd select{
	border:							0;	
}

#ARTICLE_EDIT_DIV ul li#SUCCESS_MSG,
#ARTICLE_EDIT_DIV ul li#DRAFT_SAVE_SUCCESS_MSG,
#ARTICLE_EDIT_DIV ul li#ERROR_MSG{
	display:						none;	
}

#ARTICLE_EDIT_DIV ul li#ERROR_MSG dl dd{
	color:						red;	
}
#ARTICLE_EDIT_DIV ul li#SUCCESS_MSG dl dd,
#ARTICLE_EDIT_DIV ul li#DRAFT_SAVE_SUCCESS_MSG dl dd{
	color:							#43B14D;	
}

#ARTICLE_EDIT_DIV a.submit_button,
#ARTICLE_EDIT_DIV a.cancel_button{
	display:						inline-block;
	width:							130px;
	height:							35px	!important;
	height:							40px;
	_height:						35px;
	line-height:					40px;
	border:							0;
	font-size:						14px;
	text-align:						center;
	text-decoration:				none;
}

#ARTICLE_EDIT_DIV a.submit_button{
	background-color:				#43b14d;
	border-bottom:					5px solid #399643;
	color:							#ffffff;
    opacity: 0.82;
}

#ARTICLE_EDIT_DIV a.cancel_button{
	background-color:				#e0e0da;
	border-bottom:					5px solid #d1d1cb;
	color:							#454545;
}
/*article edit end*/
#BRIEF_EDIT_DIV ul li{
	clear:							left;
	overflow:						hidden;
	margin-bottom:					10px;
}

#BRIEF_EDIT_DIV ul li dl dt,
#BRIEF_EDIT_DIV ul li dl dd{
	float:							left;
	line-height:					30px;
	font-size:						13px;
}

#BRIEF_EDIT_DIV ul li dl dt{
	width:							60px;
	text-align:						right;
}

#BRIEF_EDIT_DIV ul li dl dd.required{
	width:							15px;
	text-align:						center;
	color:							#ff0000;
}

#BRIEF_EDIT_DIV ul li dl dd.borderbox{
	width:							298px	!important;
	width:							300px;
	_width:							298px;
	overflow:						hidden;
	border:							1px solid #cccccc;
}

#BRIEF_EDIT_DIV ul li dl dd.borderbox_focus{
	border-color:					#43b14d;
}

#BRIEF_EDIT_DIV ul li dl dd.borderbox_error{
	border-color:					#ff0000;
}

#BRIEF_EDIT_DIV ul li dl dd.error_msg{
	display:						none;
	width:							150px;
	margin:							0 0 0 5px;
	font-size:						12px;
	color:							#ff0000;
}

#BRIEF_EDIT_DIV ul li dl dd input[type=text],
#BRIEF_EDIT_DIV ul li dl dd textarea,
#BRIEF_EDIT_DIV ul li dl dd select{
	font-size:						13px;
	color:							#454545;
}

#BRIEF_EDIT_DIV ul li dl dd input[type=text]{
	width:							286px;
	height:							25px;
	line-height:					25px;
	border:							0;
	margin:							1px 5px 1px 5px;
}

#BRIEF_EDIT_DIV ul li dl dd textarea{
	width:							287px	!important;
	width:							297px;
	_width:							287px;
	height:							90px	!important;
	height:							100px;
	_height:						90px;
	padding:						5px;
	resize:							none;
}

#BRIEF_EDIT_DIV ul li dl dd textarea,
#BRIEF_EDIT_DIV ul li dl dd select{
	border:							0;	
}

#BRIEF_EDIT_DIV ul li#SUCCESS_MSG,
#BRIEF_EDIT_DIV ul li#ERROR_MSG{
	display:						none;	
}
#BRIEF_EDIT_DIV ul li#ERROR_MSG dl dd{
	color:						red;	
}
#BRIEF_EDIT_DIV ul li#SUCCESS_MSG dl dd{
	color:							#43B14D;	
}

#BRIEF_EDIT_DIV a.submit_button,
#BRIEF_EDIT_DIV a.cancel_button{
	display:						inline-block;
	width:							130px;
	height:							35px	!important;
	height:							40px;
	_height:						35px;
	line-height:					40px;
	border:							0;
	font-size:						14px;
	text-align:						center;
	text-decoration:				none;
}

#BRIEF_EDIT_DIV a.submit_button{
	background-color:				#43b14d;
	border-bottom:					5px solid #399643;
	color:							#ffffff;
    opacity: 0.82;
}

#BRIEF_EDIT_DIV a.cancel_button{
	background-color:				#e0e0da;
	border-bottom:					5px solid #d1d1cb;
	color:							#454545;
}
#RIGHT_DIV .feature_box .commentList li {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
}
#RIGHT_DIV .feature_box .commentList li label {
    width: 60px;
    text-overflow: ellipsis; /*truncate long words*/
    overflow: hidden;    
    margin-right: 5px;
    color: #46B24F;
    float: left;
}
#RIGHT_DIV .feature_box .commentList li p {
    width: 115px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
}
#RIGHT_DIV .feature_box .commentList li a{
    text-decoration: none;
    color:#454545;
}
#RIGHT_DIV .feature_box .commentList li a:hover{
    text-decoration: none;
    color:#46B24F;
}
.top-bar {
    float:right;
}
.Bar-menu {
    display: table;
    width: 100%;
}
.Bar-menu > li, .Bar-navi-link {
    display: table-cell;
    border-left: 1px solid rgb(55, 57, 61);
}
.Bar-menu-link--highlighted {
    background: rgba(67, 72, 81, 0.498039);
    border: none;
    margin-left: 1px;
}
Bar-navi-link, .Bar-menu-link {
    text-decoration: none;
    display: inline-block;
    height: 45px;
    padding: 0px 10px;
    cursor: pointer;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    font: 13px/45px 'microsoft yahei';
    transition-property: background-color, color;
    -webkit-transition-property: background-color, color;
    transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
}
a, .Link,
ul.list_ul li.list_item h2 a.translation_button,
ul.list_ul li.list_item h3 a.translation_button{
    color: #50a456;
    text-decoration: none;
    transition: color 0.2s ease, opacity 0.2s ease;
    -webkit-transition: color 0.2s ease, opacity 0.2s ease;
}

ul.list_ul li.list_item h2 a.translation_button:hover,
ul.list_ul li.list_item h3 a.translation_button:hover{
	text-decoration:		underline;
	text-shadow:			none;
}

.Bar-menu-link:hover{
    color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.14902);
    text-decoration: none;
}

.Bar-menu-link-current,
.Bar-menu-link:focus{
    text-decoration:		none;
}

#BRIEF_CATEGORY_NAV_LI .Bar-menu-link-current{
	color:					rgba(10, 10, 10, 0.98);
    background-color:		#eeeeee;
    background-image:		url('../image/twill_background.png');
    background-repeat:		repeat;
    background-position:	right center;
}

.Bar-menu-link-current .DROPDOWN_ARROW,
.Bar-menu-link:focus .DROPDOWN_ARROW:hover{
	border-top-color:				rgba(37, 39, 44, 0.94);
}
.Bar-menu-link:hover .DROPDOWN_ARROW:hover {
	border-top-color:				rgb(169, 169, 169);    
}

#relatedArticle li{
    text-align:left;
    padding-bottom:10px;
}
#relatedArticle a,p{
    font-size: 13px;
}

#fbars {
    position: fixed;
    _position: absolute;
    z-index: 1500;
    width: 42px;
    overflow: hidden;
    right: 10%;
    bottom: 100px;
}

#fbars a {
	  position: relative;
	  z-index: 2;
    display: inline-block;
    width:42px;
    height:42px;
    font-size: 1.5em;
    line-height: 42px;
    border:1px solid #eee;
    text-align: center;
    color: #fff;
    background-color: #888;
}

#fbars a:hover {
    background-color: #43b14d;
}


#fbars a#gotop {
    background-image:	url('../image/gotop.png');
    display: none;
}

#fbars a#gotop:hover,
#fbars a#gotop:focus{
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;    
    background-image:   url('../image/gotop-hover.png');
}
.page-title {
    background-color: #f7f7f7;
    height: 40px;
    line-height: 40px;
    border-left: 5px solid #6fb14f;
    font-size: 18px;
    padding-left: 12px;
    color: #666;
    margin-bottom: 20px;
}
ul.list_ul li.list_item div.cat {
    background-image: url('../image/cat_technology.png');
    color: #888 !important;
    margin-top: 35px !important;
}
ul.list_ul li.list_item div.cat a {
    color: white !important;
}

#IDEA_CONTEXT_DIV,
#TEMPLATE_CONTEXT_DIV,
#THREEDMODEL_CONTEXT_DIV{
	width:							100%;
	overflow:						hidden;
	text-align:						left;
}

#IDEA_CONTEXT_DIV div.idea_item,
#TEMPLATE_CONTEXT_DIV div.template_item{
	width:							32.2%	!important;
	width:							32.2%;
	_width:							32%;
	padding:						10px 10px 0 0;
	overflow:						hidden;
	box-sizing:						content-box;
}

#IDEA_CONTEXT_DIV div.idea_item .category_border,
#TEMPLATE_CONTEXT_DIV div.template_item .category_border{
	border:							1px solid #eee;
	padding:						5px;
	overflow:						hidden;
}

#IDEA_CONTEXT_DIV div.idea_item div.category_block,
#TEMPLATE_CONTEXT_DIV div.template_item div.category_block{
	position:						absolute;
	margin-top:						-5px;
	margin-left:					10px;
	padding:						0 15px 0 15px;
	height:							30px;
	line-height:					30px;
	text-align:						center;
	background-color:				#F7F8ED;
	-ms-filter:						'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';
	filter:							alpha(opacity=90);
	-moz-opacity:					0.9;
	-khtml-opacity:					0.9;
	opacity:						0.9;
	-webkit-border-radius:			0 0 5px 5px;
	-moz-border-radius:				0 0 5px 5px;
	-ms-border-radius:				0 0 5px 5px;
	border-radius:					0 0 5px 5px;
}

#IDEA_CONTEXT_DIV div.idea_item div.category_block a,
#TEMPLATE_CONTEXT_DIV div.template_item div.category_block a{
	font-size:						13px;
	color:							#454545;
}

#IDEA_CONTEXT_DIV div.idea_item div.category_border div.image_block,
#IDEA_CONTEXT_DIV div.idea_item div.category_border div.title_description_block,
#IDEA_CONTEXT_DIV div.idea_item div.category_border div.hot_block,
#IDEA_CONTEXT_DIV div.idea_item div.category_border div.share_block,
#TEMPLATE_CONTEXT_DIV div.template_item div.category_border div.image_block,
#TEMPLATE_CONTEXT_DIV div.template_item div.category_border div.title_description_block,
#TEMPLATE_CONTEXT_DIV div.template_item div.category_border div.hot_block,
#TEMPLATE_CONTEXT_DIV div.template_item div.category_border div.share_block{
	overflow:						hidden;
	margin:							5px 0;	
}

#IDEA_CONTEXT_DIV div.idea_item div.category_border div.image_block a,
#TEMPLATE_CONTEXT_DIV div.template_item div.category_border div.image_block a{
	display:						block;
	overflow:						hidden;	
}
.thing .box{
    margin: 0;
    padding: 5px 5px;
    background: transparent;
    border: 1px solid #eee;
    color: #333; 
}
.thing .box img{
    width:100%;
    max-height: 170px;
    object-fit: cover;
}
.thing .box h3{font-size:15px}
.thing .box h4{font-size:12px}

div.image_block a label.price {
    font-weight: 600;
    right: 14px;
    top: 30px;
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 30px;
    line-height: 30px;
    font-size: 22px;
    background: rgba(247, 248, 237, 0.9);
    text-shadow: rgba(255, 255, 255, 0.2) 1px 1px, rgba(255, 255, 255, 0.2) 1px 1px;
    -moz-border-radius: 0 3px 2px 0px;
    -webkit-border-radius: 0;
    border-radius: 0 3px 2px 0px;
}
div.image_block a label.price >i{
    color: #e19655;
}
div.image_block a label.price >i:before{
    font-size: 14px;
    padding-right: 5px;
}
div.image_block a label.price:after {
    content: "";
    position: absolute;
    right: 100%;
    bottom: 0;
    width: 0;
    height: 0;
    display: inline-block;
    line-height: 0;
    border-width: 15px;
    border-style: solid;
    border-color: rgba(247, 248, 237, 0.9) rgba(247, 248, 237, 0.9) rgba(247, 248, 237, 0.9) transparent;
}

#IDEA_CONTEXT_DIV div.idea_item div.category_border div.hot_block,
#TEMPLATE_CONTEXT_DIV div.template_item div.category_border div.hot_block,
#THREEDMODEL_CONTEXT_DIV div.threedmodel_item div.category_border div.hot_block{
    border-top:						1px dashed #ddd;
}

#IDEA_CONTEXT_DIV div.idea_item div.category_border div.title_description_block h2,
#IDEA_CONTEXT_DIV div.idea_item div.category_border div.title_description_block h3,
#TEMPLATE_CONTEXT_DIV div.template_item div.category_border div.title_description_block h2,
#TEMPLATE_CONTEXT_DIV div.template_item div.category_border div.title_description_block h3{
	margin:							0;
	padding:						0;
	line-height:					1.35;
}

#IDEA_CONTEXT_DIV div.idea_item div.category_border div.title_description_block h2,
#TEMPLATE_CONTEXT_DIV div.template_item div.category_border div.title_description_block h2{
	font-size:						16px;
	font-weight:					bold;
	margin-bottom:					8px;
}

#IDEA_CONTEXT_DIV div.idea_item div.category_border div.title_description_block h2 a,
#TEMPLATE_CONTEXT_DIV div.template_item div.category_border div.title_description_block h2 a{
	color:							#454545;	
}
	
#IDEA_CONTEXT_DIV div.idea_item div.category_border div.title_description_block h3,
#TEMPLATE_CONTEXT_DIV div.template_item div.category_border div.title_description_block h3{
	font-size:						13px;
	font-weight:					normal;
}

#IDEA_CONTEXT_DIV div.idea_item div.category_border div.hot_block span,
#TEMPLATE_CONTEXT_DIV div.template_item div.category_border div.hot_block span{
	display:						block;
	margin:							10px 0 0 0;
	font-size:						12px;
	font-weight:					normal;
	color:							#454545;
	line-height:					1.25;
}

#IDEA_CONTEXT_DIV div.idea_item div.category_border div.hot_block span.counter,
#TEMPLATE_CONTEXT_DIV div.template_item div.category_border div.hot_block span.counter{
	color:							#E19655;
	display:						inline-block;
	font-size:						13px;
}
#IDEA_CONTEXT_DIV div.idea_item div.category_border div.hot_block span.counter i,
#TEMPLATE_CONTEXT_DIV div.template_item div.category_border div.hot_block span.counter i{
	font-size:							15px;	
}

#IDEA_CONTEXT_DIV div.idea_item div.category_border viewdetail_buttons a.read,
#TEMPLATE_CONTEXT_DIV div.template_item div.category_border div.hot_block a.read,
div.viewthreedmodel_buttons a{
	height:							18px;
	line-height:					18px;
	background-repeat:				no-repeat;
	background-position:			90% center;
	margin-right:					0;
    color: #000;
}

#IDEA_CONTEXT_DIV div.idea_item div.category_border div.hot_block a.read{
    border: 1px solid #eee;
    padding: 3px 10px;
}

#IDEA_CONTEXT_DIV div.share_block,
#TEMPLATE_CONTEXT_DIV div.share_block,
#THREEDMODEL_CONTEXT_DIV div.share_block{
	margin-bottom:					0;	
}

#IDEA_CONTEXT_DIV div.share_block span,
#TEMPLATE_CONTEXT_DIV div.share_block span,
#THREEDMODEL_CONTEXT_DIV div.share_block span{
	float:							left;
	font-size:						13px;
	margin-top:						7px;
	margin-right:					10px;
}

#IDEA_CONTEXT_DIV div.share_block a,
#TEMPLATE_CONTEXT_DIV div.share_block a,
#THREEDMODEL_CONTEXT_DIV div.share_block a{
	display:						inline-block;
	text-decoration:				none;
	width:							25px;
	height:							26px;
	line-height:					26px;
	overflow:						hidden;
}

#IDEAPAGINATION_DIV{
	overflow:						hidden;	
}

#IDEAPAGINATION_DIV .yiiPager{
	margin-left:					0;
	margin-right:					0;	
    z-index: 2;
}
#IdeaList,
#RIGHT_DIV .listTree,#articleList{
        text-align:                                     left;
	font-family:					'microsoft yahei';
        font-size:					13px;
        line-height:                                    1.5;
}
#RIGHT_DIV .listTree li{
    padding: 1px 3px; 
}
#RIGHT_DIV .listTree a:hover{
    text-shadow: 1px 1px 1px rgba(179, 206, 165, 0.67); 
}
#RIGHTDIV #articleList img{
    float: right;
    width: 120px;
}
#RIGHT_DIV #IdeaList a,
#RIGHT_DIV #articleList a{
    color: #454545;
    -webkit-transition: color 0.5s linear;
    -moz-transition: color 0.5s linear;
    -ms-transition: color 0.5s linear;
    -o-transition: color 0.5s linear;
    transition: color 0.5s linear; 
}
#RIGHT_DIV #IdeaList a:hover,
#RIGHT_DIV #articleList a:hover{
    color: rgba(70, 178, 79, 0.97);
}
#RIGHT_DIV #IdeaList li,
#RIGHT_DIV #articleList li{
    padding-bottom: 0px;
    line-height: 1.2em;
}
#RIGHT_DIV #IdeaList p,
#RIGHT_DIV #articleList p{
    font-family: '宋体';
}
#RIGHT_DIV .more{
    float: right;
    margin: 0 10px;
}

#CONTACTUS_PAGE_LEFT{
	float:		left;
	overflow:	hidden;
}

#CONTACTUS_PAGE_RIGHT{
	float:		right;
	overflow:	hidden;
}

#USER_CONTEXT_DIV #RIGHT_DIV #MYCOLLECTION_SEARCH_DIV{
	width:			100%;
	overflow:		hidden;
	padding-bottom:	15px;
}

#USER_CONTEXT_DIV #RIGHT_DIV #MYCOLLECTION_SEARCH_DIV label{
	font-size:		14px;
	font-weight:	normal;
	color:			#666666;
}

#USER_CONTEXT_DIV #RIGHT_DIV #MYCOLLECTION_SEARCH_DIV a{
	background: whitesmoke none repeat scroll 0 0;
    display: inline-block;
    font-size: 15px;
    padding: 7px 15px;
	color: #50a456;
    text-decoration: none;
    transition: color 0.2s ease 0s, opacity 0.2s ease 0s;
    outline: 0 none;
    vertical-align: bottom;
}

#USER_CONTEXT_DIV #RIGHT_DIV #MYCOLLECTION_SEARCH_DIV a span{
	color: #666666;
    float: left;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 2px;
}

#USER_CONTEXT_DIV #RIGHT_DIV #MYCOLLECTION_SEARCH_DIV a:hover {
    box-shadow: 0 0 5px rgba(129, 185, 102, 0.9);
    color: #50a456;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
}

#USER_CONTEXT_DIV #RIGHT_DIV #MYCOLLECTION_SEARCH_DIV input[type=text]{
    width: 288px;
    _width: 288px;
    padding: 0 5px;
    height: 34px;
    _height: 32px;
    line-height: 30px;
    border: 1px solid #eee;
}

#USER_CONTEXT_DIV #RIGHT_DIV #MYCOLLECTION_DIV{
	overflow:		hidden;
	padding-bottom:	50px;
}

#USER_CONTEXT_DIV #RIGHT_DIV #MYCOLLECTION_DIV dl dt{
	overflow:		hidden;
	padding:		0;
	border-bottom:	1px solid #dddddd;
    /*margin-bottom: 15px;*/    
}

#USER_CONTEXT_DIV #RIGHT_DIV #MYCOLLECTION_DIV dl dt a{
	display:			inline-block;
	margin:				0;
	font-size:			15px;
	font-weight:		normal;
	padding:			8px 15px 6px 15px;
}

#USER_CONTEXT_DIV #RIGHT_DIV #MYCOLLECTION_DIV dl dt a:hover,
#USER_CONTEXT_DIV #RIGHT_DIV #MYCOLLECTION_DIV dl dt a.current_collection{
	background-color:	#dddddd;
	color:				#454545;
}
#USER_CONTEXT_DIV #RIGHT_DIV #MYCOLLECTION_DIV dd.toolbar{
    text-align:     right;
    overflow:		hidden;
	padding:		0px;
    margin-bottom: 10px;
}
#USER_CONTEXT_DIV #RIGHT_DIV #MYCOLLECTION_DIV dd.toolbar a{
    display: inline-block;
    margin: 0;
    font-size: 15px;
    font-weight: normal;
    padding: 3px 8px 6px 8px;
}
#USER_CONTEXT_DIV #RIGHT_DIV #MYCOLLECTION_DIV dd.toolbar a:hover{
    background-color:	#dddddd;
	color:				#454545;
}
/*show work detail begin*/
.SHOW_DETAIL .SHOW_DETAIL_DIV .left{
    width: 60%;
    float: left;
    padding: 20px;
}

 .SHOW_DETAIL .SHOW_DETAIL_DIV .right{
    width: 40%;
    float: left;
}

 .SHOW_DETAIL .SHOW_DETAIL_DIV .left .nav_tabs {
    height: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .nav_tabs>li {
    float: left;
    padding: 6px;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .nav_tabs li.active{
    border: 1px solid #ddd;
    background-color: #F7F8ED;   
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .nav_tabs li.active a{
    color: #454545;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .right .author_list{
    text-align: left;
    margin-left: 32%;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .right .author_list>li{
    margin-bottom: 20px;
    margin-top: 20px;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .right .button_style.active{
    color: #fff;
    background-color: #50A456;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .right .button_style{
    color: #0A0909;    
    width: 30%;
    min-height: 2em;
    max-height: 5.5em;
    margin-bottom: 20px;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .right .button_style.active:hover{
    border-color: #50A456;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .thumbnails .thumbnail img{
    min-height: 180px; 
    max-height: 250px; 
    
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review{
    margin-top: -15px;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_description p{
    margin-top: 15px;
    font-size: 16px;
    text-align: left;
    line-height: 25px;    
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.comment_box{
	overflow:						hidden;
	display:						none;
	background-color:				#F7F8ED;
	border:							1px solid #eee;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.com_top{
        margin: 18px 10px; 
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.comment_box p{
	font-size:						13px;
	font-weight:					normal;
	line-height:					1.0;
	margin:							0;
	padding:						0;	
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.errorMessage{
        font-size: 13px; 
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.comment_box p.relativemargin{
        float: left;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.not-loggedin p a{
	font-size:						13px;
	display:						inline-block;	
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.comment_box div.comment_textarea_div,
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.comment_box div.comment_button_div{
	overflow:						hidden;
	clear:							left;
	margin:							0 10px 5px 10px;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.comment_box div.comment_textarea_div textarea{
	width:							93% !important;
	height:							80px !important;
	border:							1px solid #CCCCCC;
	background-image:				url("../image/comment_note.png");
	background-position:			5px 5px;
	background-repeat:				no-repeat;
	font-size:						12px;
	color:							#ACACAC;
	resize:							none;
        padding: 5px 0 0 28px;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.comment_box div.comment_textarea_div textarea:hover{
    border: 1px solid #e19655;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.comment_box div.comment_button_div{
	text-align:						right;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.comment_box div.comment_button_div input[type=button],
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.comment_box div.comment_button_div input[type=submit]{
	width:							64px	!important;
	width:							66px;
	_width:							64px;
	height:							29px	!important;
	height:							31px;
	_height:						29px;
	line-height:					29px;
	font-size:						12px;
	color:							#000000;
	border:							1px solid #cccccc;
	background:						#f9f9f9;
	-webkit-border-radius:			3px;
	-moz-border-radius:				3px;
	-ms-border-radius:				3px;
	border-radius:					3px;
	cursor:							pointer;
        margin-top: 3px;
}

.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.comment_box div.comment_list_div,
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.comment_box div.comment_list_div div.ext-comment div.ext-comment-content{
	clear:							left;
	overflow:						hidden;	
    font-size: 16px;
    text-align: left;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.ext-comment-content{
    line-height: 28px;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.comment_box div.comment_list_div .summary{
    margin-left: 10px;
    font-size: 15px;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.comment_box div.comment_list_div div.ext-comment{
	margin:							0 10px;
	border-top:						1px solid #e5e5e5;
	font-size:						14px;
	color:							#000000;
    padding: 10px 0;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.comment_box div.comment_list_div a.ext-comment-name{
	display:						inline-block;
	width:							auto;
	color:							#43b14d;
	text-decoration:				none;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.comment_box div.comment_list_div span.ext-comment-date{
	float:							left;
	color:							#888888;
	line-height:					26px;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.comment_box div.comment_list_div span.ext-comment-head{
        color: #aaa;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.comment_box div.comment_list_div div.ext-comment-options{
	clear:							left;
	overflow:						hidden;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .left .tab_content #tab_review div.comment_box div.comment_list_div div.ext-comment-options a{
	float:							right;
	display:						inline-block;
	font-size:						12px;
	color:							#e19655;
	text-decoration:				none;
	margin-right:					5px;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .right .rating li a{
    color: rgb(2, 2, 2);
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .right .rating li a.work_vote.voted{
    color: rgba(2, 2, 2, 0.49);
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .right .rating li a.work_fav.faved{
    color: rgba(2, 2, 2, 0.49);
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .right .rating ul{
    width: 100%;
    height: 25px;
    padding-left: 2em;
}
/*.SHOW_DETAIL .SHOW_DETAIL_DIV .right .rating li:first-child{margin-left: 15%;}*/
.SHOW_DETAIL .SHOW_DETAIL_DIV .right .rating li{
    float: left;
    margin-right: 2em;
    font-size: 12px;
    border: 1px solid #C3C3C3;
    padding: 3px 5px 3px 5px;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .right a:before{
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #11A91F;
    font-size: 8px;
    padding-right: 0.3em;
    overflow: hidden;    
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .right .work_fav:before{content: "\f097";}
.SHOW_DETAIL .SHOW_DETAIL_DIV .right .work_vote:before{content: "\f087";}
.SHOW_DETAIL .SHOW_DETAIL_DIV .right .recommend{
    padding: 1em;
    background-color: rgba(240, 248, 255, 0.33);
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .right .recommend .recommend_title{
    padding-bottom: 0.5em;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .right .recommend .recommend_title p{
    font-size: 16px;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .right .recommend .recommend_title a{
    font-size: 14px;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .right .recommend .related_a.active{
    display:block;
    padding: 0.5em;
}
.SHOW_DETAIL .SHOW_DETAIL_DIV .right .recommend .related_a{
    display:none;
}

#UPLOAD_HEAD_IMAGE_DIV img{
	max-width:	none;
}

/*show work detail end*/

/*shopping cart begin*/
#USER_CART #CART_DIV .carts .cart{
    padding: 1em 0em 0em 0em;
    height: 180px;
    width: 100%;
    overflow: hidden;
    line-height: 110px;
    border-top: 0.2em solid #50a456;
    float: left;
}
#USER_CART #CART_DIV .carts .check_all{
    margin: 1em 0em;    
    height: 10px;
    float: left;
}
#USER_CART #CART_DIV .carts input[type=checkbox]{
    float: left;
}
#USER_CART #CART_DIV .carts .cart .cart_type{
    float: left;
    padding: 1.2em 0em;
}
#USER_CART #CART_DIV .carts .cart .cart_img{
    float: left;
    padding: 1em;
    width: 30%;
}
#USER_CART #CART_DIV .carts .cart a:hover{
    color: #50a456;
}
#USER_CART #CART_DIV .carts .cart a{
    color: #454545;
}
#USER_CART #CART_DIV .carts .cart .cart_name{
    color: #454545;
    float: left;
    padding: 1em;
    width: 30%;
    white-space: nowrap;
    overflow: hidden;    
}
#USER_CART #CART_DIV .carts .cart .cart_price{
    float: left;
    padding: 0.8em;
    width: 15%;
    color: black;
    font-size: 20px;
}
#USER_CART #CART_DIV .carts .cart .cart_action{
    float: left;
    padding: 1.2em;
}
#USER_CART #CART_DIV .carts .check_out:hover{
   border-color: #50a456;   
}
#USER_CART #CART_DIV .carts .check_out{
    margin: 2em 0em;
    float: left;
    width: 100%;
    height: 80px;
    border: 0.2em solid #C0BEBE;
    line-height: 77px;
    color:black;
}
#USER_CART #CART_DIV .carts .check_out p span{
    color: #50a456;
}
#USER_CART #CART_DIV .carts .check_out p{
    float: left;
    width: 30%;
    font-size: 18px;
}
#USER_CART #CART_DIV .carts .check_out a:hover{
    border-left: 0.2em solid #50a456;
    background-color: rgba(80, 164, 86, 0.55);
}
#USER_CART #CART_DIV .carts .check_out a{
    color:black;
    float: left;
    width: 40%;
    font-size: 20px;
    border-left: 0.2em solid #C0BEBE;
}
#USER_CART #CART_DIV .carts_is_blank{
    margin: 25%;
}
#USER_CART #CART_DIV p.carts_is_blank,p.carts_is_blank a{
    font-size: 24px;
}
/*shopping cart end*/

/*shopping order begin*/
#USER_ORDER #ORDER_DIV .carts .cart{
    padding: 1em 0em 0em 0em;
    height: 180px;
    width: 100%;
    overflow: hidden;
    line-height: 110px;
    border-top: 0.2em solid #50a456;
    float: left;
    background-color: aliceblue;
    margin-bottom: 1em;
}
#USER_ORDER #ORDER_DIV .carts .cart .cart_type{
    float: left;
    padding: 1.2em 0em;
}
#USER_ORDER #ORDER_DIV .carts .cart .cart_img{
    float: left;
    padding: 1em;
    width: 30%;
}
#USER_ORDER #ORDER_DIV .carts .cart a:hover{
    color: #50a456;
}
#USER_ORDER #ORDER_DIV .carts .cart a{
    color: #454545;
}
#USER_ORDER #ORDER_DIV .carts .cart .cart_name{
    color: #454545;
    float: left;
    padding: 1em;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;    
}
#USER_ORDER #ORDER_DIV .carts .cart .cart_price{
    float: left;
    padding: 0.8em;
    width: 15%;
    color: black;
    font-size: 20px;
}
#USER_ORDER #ORDER_DIV .carts .point_check{
   float: left;
   font-size: 16px;
   color: red;
}
#USER_ORDER #ORDER_DIV .carts .check_out:hover{
   border-color: #50a456;   
}
#USER_ORDER #ORDER_DIV .carts .check_out{
    margin: 2em 0em;
    float: left;
    width: 100%;
    height: 80px;
    border: 0.2em solid #C0BEBE;
    line-height: 77px;
    color:black;
}
#USER_ORDER #ORDER_DIV .carts .check_out p span.checkedNum{
    color: #50a456;
    font-size: 24px;
}
#USER_ORDER #ORDER_DIV .carts .check_out p span.checkedAdd{
    font-size: 24px;
}
#USER_ORDER #ORDER_DIV .carts .check_out p:first-child{
    width: 25%;
}
#USER_ORDER #ORDER_DIV .carts .check_out p{
    float: left;
    width: 35%;
    font-size: 18px;
}
#USER_ORDER #ORDER_DIV .carts .check_out a:hover{
    border-left: 0.2em solid #50a456;
    background-color: rgba(80, 164, 86, 0.55);
}
#USER_ORDER #ORDER_DIV .carts .check_out a{
    color:black;
    float: left;
    width: 40%;
    font-size: 20px;
    border-left: 0.2em solid #C0BEBE;
}
#USER_ORDER #ORDER_DIV .carts .check_out .checkedPoint.active{
    display:inline-block;
}
#USER_ORDER #ORDER_DIV .carts .check_out .checkedPoint{
    display:none;
}
#USER_ORDER #ORDER_DIV .carts_is_blank{
    margin: 25%;
}
#USER_ORDER #ORDER_DIV p.carts_is_blank,p.carts_is_blank a{
    font-size: 24px;
}
/*shopping order end*/

#CH_SUMMARY_DIV{padding:10px 0; text-align:center; display: none;}
#CH_SUBTITLE_DIV{font-size:13px; text-align:center;font-weight: normal}

.tipsy { font-size: 14px; position: absolute; padding: 5px; z-index: 1000000001; line-height:1.5;}
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 10px 15px 8px 15px; text-align: center; }

/* Rounded corners */
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }
  
.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

.pulse-button {
    -webkit-transition: -webkit-transform translate3d(0, 0, 0);
    -moz-transition: -moz-transform translate3d(0, 0, 0);
    -o-transition: -o-transform translate3d(0, 0, 0);
    transition: transform translate3d(0, 0, 0);
    position: absolute;
    display: block;
    top: 8px;
    width: 75px;
    height: 75px;
    z-index: 0;
    border: none;
    box-shadow: 0 0 0 0 rgba(236, 169, 69, 0.7);
    border-radius: 100%;
    cursor: pointer;
    -webkit-animation: pulsedb 2.2s infinite cubic-bezier(0.36, 0, 0, 1);
    -moz-animation: pulsedb 2.25s infinite cubic-bezier(0.36, 0, 0, 1);
    animation: pulsedb 2.25s infinite cubic-bezier(0.36, 0, 0, 1);
}
@keyframes pulsedb {
    to {
        box-shadow: 0 0 0 15px rgba(236, 169, 69, 0);
    }
}
@-webkit-keyframes pulsedb {
    to {
        box-shadow: 0 0 0 15px rgba(236, 169, 69, 0);
    }
}
@-moz-keyframes pulsedb {
    to {
        box-shadow: 0 0 0 15px rgba(236, 169, 69, 0);
    }
}
@-o-keyframes pulsedb {
    to {
        box-shadow: 0 0 0 15px rgba(236, 169, 69, 0);
    }
}

/* Effect: Hover Brackets */
nav.cl-effect {width:60%;margin:0 auto;text-align: left;font-family: "微软雅黑";}
nav.cl-effect a{
    display: inline-block;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 13px;
    padding: 5px 0px;
    margin: 5px 0;
}
nav a.active{color: #555;}
.cl-effect a::before,
.cl-effect a::after {
    display: inline-block;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s;
}
.cl-effect a::before {
    margin-right: 5px;
    content: '[';
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px);
    color: #50a456;
}
.cl-effect a::after {
    margin-left: 5px;
    content: ']';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
    color: orange;
}
.cl-effect a:hover{
    border-bottom: none;
}
.cl-effect a:hover::before,
.cl-effect a:hover::after,
.cl-effect a:focus::before,
.cl-effect a:focus::after,
.cl-effect a.active::before,
.cl-effect a.active::after{
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
}
.tabs_more{
    display: none;
}
#tags_group{
    float:right;
    font-size:13px;
    height:13px;
    font-family: "微软雅黑";
    padding: 0;
    list-style: none;
    display: table;
    text-align: center;
}
#tags_group li {
    padding: 0 10px;
    display: table-cell;
    position: relative;
}
#tags_group a {
    font-size:13px !important;    
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    position: relative;
}
#tags_group a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: -5px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: orange;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}
#tags_group a:hover:after {
    width: 100%;
    left: 0;
}

/*search mode config*/
.mode-toggle{
  line-height: 27px;
  margin: 10px auto;
  float: left;
}
input[switch] {
    display: none;
}
input[switch] + label {
    font-size: 1em;
    line-height: 1;
    width: 3.5rem;
    height: 26px;
    background-color: #ddd;
    background-image: none;
    border-radius: 26px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    position: relative;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2) inset;
    font-family: inherit;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
input[switch] + label:before {
    text-transform: uppercase;
    color: #b7b7b7;
    content: attr(data-off-label);
    display: block;
    font-family: inherit;
    font-weight: 500;
    font-size: 0.7rem;
    line-height: 1.74rem;
    position: absolute;
    right: 0.21667rem;
    top: 0;
    text-align: center;
    min-width: 1.66667rem;
    overflow: hidden;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
input[switch] + label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 5px;
    background-color: #f7f7f7;
    box-shadow: none;
    border-radius: 16px;
    height: 16px;
    width: 16px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
input[switch]:checked + label {
    background-color: lightgreen;
    background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.2));
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3) inset;
}
input[switch]:checked + label:before {
    color: #fff;
    content: attr(data-on-label);
    right: auto;
    left: 0.21667rem;
}
input[switch]:checked + label:after {
    left: 2.16667rem;
    background-color: #f7f7f7;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.3);
}

/* demo gallery slider */
.sg_wrapper {
    width: 100%;
    position: relative;
    z-index: 55;
    background: #f2f2f2;
    clear: both;
    display: none;
}
.sg_wrapper .box {
    display: block;
    width: calc(100% / 6);
    width: calc(100% / 6 - 1px)\0;/* ie9 hack */
    height: auto;
    float: left;
    position: relative;
    overflow: hidden;
    margin-top:1%;   
}
/* for ie10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .sg_wrapper .box {
      width: calc(100% / 6 - 1px);
    }
}
/* end ie9+ hack */
.sg_wrapper .box  div.tool_item,
.sg_wrapper .box a div.img_cont,
.sg_wrapper .box a div.iframe_cont{
    height: 120px;
    width: 92%;
    background: white;
    margin: 0 auto;
}
.sg_wrapper .box a div.iframe_cont > iframe,
.sg_wrapper .box a img.img_s{
    max-width: 177px;
}
.sg_wrapper .box a div.img_cont >div.img_back{
    display: block;
    width: 100%;
    height: 100%;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}
.sg_wrapper .box .media {
    width: 100%;
    vertical-align: middle;
}
.sg_wrapper .box .caption {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #f7f7f7;
    background: rgba(247, 247, 247, .6);
    opacity: 0;
}
.sg_wrapper .box .actions {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    background: #f7f7f7;
    background: rgba(247, 247, 247, .6);
    opacity: 0;
}
.sg_wrapper .box .caption,.sg_wrapper .box .actions {
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.sg_wrapper .box a:hover .caption {
    opacity: 1;
}

.sg_wrapper .box img.img_a{
    width: 19px;
    height: 19px;
    border-radius: 50%;
    margin-top: 2px;
}
.sg_wrapper .box .caption .box_title {
    display: block;
    width: 100%;
    position: absolute;
    text-align: center;
    top: 50%;
    margin-top: -50px;
}
.sg_wrapper .box .caption h3 {
    position: relative;
    display: inline-block;
    max-width: 90%;
    padding: 0.8em 0.5em;
    z-index: 77;
    color: #191919;
    font-size: 1.0em;
    border: 0.4em solid #1d1d1d;
}

.sg_wrapper .show_numbers,
.sg_wrapper .show_numbers2{
    position: absolute;
    left: -1px;
    right: 0;
    bottom: 0;
    background-color: #ffe;
    opacity: 0.8;
    color: #fff;
    width: 92%;
    margin: 0 auto;
    z-index: 99;
}

.sg_wrapper .show_numbers{
	height:23px;
    line-height: 23px;
    text-align: center;
}

.sg_wrapper .show_numbers2{
	height:25px;
    line-height: 25px;    
}

span.views_number,span.votes_number,span.dls_number,span.avatar_icon{
	padding:0 5%;
	font-size:12px;
	font-weight:normal;
	color:#5C5C5C;
}
span.views_number{
	float: right;
}
span.votes_number{
	float: left;
}
.sg_wrapper .box  div.tool_item{
    padding-top: 5%;
    height: 95px;
    text-align: left;
    border: 1px solid #eee;
}
.sg_wrapper .box  div.tool_item div.title{
	height: 33px;
    overflow: hidden;
    padding: 0 4%;
}
.sg_wrapper .box  div.tool_item div.title i.fa{
     margin-right: 10px;
}
.sg_wrapper .box  div.tool_item div.title a{
	font-size: 14px;
    color: #454545;
    font-weight: bold;
}
.sg_wrapper .box  div.tool_item p.content{
    font-size: 12px;
    padding-top: 10%;
    line-height: 18px;
    padding-left: 4%;
    padding-right: 4%;
    height: 40px;
    overflow: hidden;
}
.divider {
    position: relative;
    margin-top: 5px;
    height: 1px;
}
.div-transparent:before {
    content: "";
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    width: 80%;
    height: 1px;
    background-image: linear-gradient(to right, transparent, darkgrey, transparent);
}
@media (max-width: 1023px) {
    .sg_wrapper .box {
        width: calc(100% / 2);
        max-height: 200px;
    }
    .sg_wrapper {
        width: 100%;
        position: relative;
        padding-left: 0;
    }
}
@media (max-width: 550px) {
    .sg_wrapper .box {
        width: 100%;
    }
}
.show-section {
    display: block;
    opacity: 1;
    -webkit-animation: fade 1s 1 ease;
    animation: fade 1s 1 ease;
}
@-webkit-keyframes fade {
    0% {
        opacity: 0;
    }
}
@keyframes fade {
    0% {
        opacity: 0;
    }
}


@media screen and (max-width: 1310px){
	.st-wrapper .st-item {
		width: 300px;
	}
	.st-wrapper {
		height: 460px;
	}
}

@media screen and (max-width: 1070px){
	.st-wrapper .st-item {
		width: 260px;
	}
	.st-wrapper {
		height: 380px;
	}
    #nav_sites {
        display: none;
    }
}

@media screen and (max-width: 935px){
	.st-wrapper .st-item {
		width: 240px;
	}
	.st-wrapper {
		height: 380px;
	}
}

@media screen and (max-width: 880px){
	.st-wrapper .st-item {
		width: 220px;
	}
	.st-wrapper .st-title {
		bottom: 280px;
	}
	.st-wrapper {
		height: 420px;
	}
}

@media screen and (max-width: 740px){
	.st-wrapper .st-item {
		width: 200px;
	}
	.st-wrapper .st-title {
		bottom: 240px;
	}
	.st-wrapper {
		height: 370px;
	}
}

@media screen and (max-width: 650px){
	.st-stack {
		display: none;
	}
	.st-wrapper nav {
		bottom: 220px;
	}
}

@media screen and (max-width: 450px){
	.st-wrapper .st-item {
		width: 200px;
	}
	.st-wrapper .st-title {
		bottom: 150px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.st-wrapper .st-title h2 {
		font-size: 22px;
		line-height: 32px;
	}
	.st-wrapper nav {
		bottom: 140px;
	}
	.st-wrapper {
		height: 300px;
	}
}
#bubble{height:100px; margin: 0 0 10px;}
div.briefs {height: 40px; overflow: hidden}
div.briefs >i{line-height: 40px; position: absolute;}
ul.latest_biref {
    margin-top: 0;
    padding-left: 30px;
    text-align: left;
    list-style: none;
    animation: 42s linear 0s normal none infinite brief-spinner;
}
ul.latest_biref li {
    line-height: 40px;
    margin: 0;
    font-size: 14px;
}
ul.latest_biref li >a{
	color: #333;
}
@keyframes brief-spinner {
    0% {
        margin-top: 0;
    }
    4% {
        margin-top: 0;
    }
    8% {
        margin-top: 0;
    }
    12% {
        margin-top: -40px;
    }
    16% {
        margin-top: -40px;
    }
    20% {
        margin-top: -80px;
    }
    24% {
        margin-top: -80px;
    }
    28% {
        margin-top: -120px;
    }
    32% {
        margin-top: -120px;
    }
    36% {
        margin-top: -160px;
    }
    40% {
        margin-top: -160px;
    }
    44% {
        margin-top: -200px;
    }
    48% {
        margin-top: -200px;
    }
    52% {
        margin-top: -240px;
    }
    56% {
        margin-top: -240px;
    }
    60% {
        margin-top: -200px;
    }
    64% {
        margin-top: -200px;
    }
    68% {
        margin-top: -160px;
    }
    72% {
        margin-top: -160px;
    }
    76% {
        margin-top: -120px;
    }
    80% {
        margin-top: -120px;
    }
    84% {
        margin-top: -80px;
    }
    88% {
        margin-top: -80px;
    }
    92% {
        margin-top: -40px;
    }
    96% {
        margin-top: -40px;
    }
    100% {
        margin-top: 0;
    }
}        
/* ------------------------------------------------------------------------------------------------------------------------------ */
/* media query part */
@media screen and (min-width: 960px){
    .sg_wrapper .box a img.img_s {
        transform: scale(1) translatex(-50%) translatey(-50%);
        transition: transform 0.5s ease;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 92%;
        height: 100%;
    }
    .sg_wrapper .box a:hover img.img_s {
        transform: scale(1.5) translatex(-37.5%) translatey(-37.5%);
    }
}
@media screen and (max-width: 1320px) {
    #latestComments,
    #myBriefs{
        margin-top:							15px;
        width: 100%;
        padding: 0px;            
    }
    #NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV{
            float:							none;
            width: 96%;
            margin-left: auto;
            margin-right: auto;	
    }
    #NEWS_DETAILS_PAGE_CONTEXT_DIV #RIGHT_DIV{
    	float:			none;
    	display:		none;
    }
}

@media screen and (max-width: 960px) {
    .td_engine {
        padding-left: 0;
    }  
    .myBanner {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 5px;
    }
    #myBriefs{
        margin-top:	15px;
        width: 100%;
        padding: 0px;            
    }
    .search_dl {
        width: 100%
    }
    #HOMEPAGE_SEARCH_DIV {
    	padding: 0 20px;
    }
    #HOMEPAGE_SORT_DIV{
            width:							100%	!important;
            width:							100%;
            _width:							100%;
            height:							55px	!important;
            height:							57px;
            _height:						55px;
            line-height:					55px;
            padding:						0;
            border:							0;
            border-top:						1px solid #cccccc;
            border-bottom:					1px solid #cccccc;
    }

    #HOMEPAGE_SORT_DIV #LIST_DIV{
            margin-left:					10px;
    }

    #HOMEPAGE_SORT_DIV #MOBILE_TOOLBAR,
    #HOMEPAGE_SORT_DIV #MOBILE_CATEGORY_DIV{
            display:						block;
    }

    #HOMEPAGE_SORT_DIV #MOBILE_CATEGORY_DIV{
            position:						relative;
            top:							1px;
            height:							58px;
    }

    #HOMEPAGE_CONTEXT_DIV #LEFT_DIV{
            float:							none;
            width:							98%;
            margin-left:					1%;
    }
    
    ul.list_ul li.list_item div.showitem{
    	    margin: 0 0 0 6px;
    		padding-bottom:					40px;
    }
	ul.list_ul li.list_item div.tag, ul.list_ul li.list_item div.cat{
		display: none;
	}
    ul.list_ul li.list_item div.brief-url span.publish{
            float:							none;
            clear:							left;
            margin-top:						5px;
            margin-right:					0;
            display:						block;
    }

    ul.list_ul li.list_item div.showitem div.brief-url div.share{
            display:						none;	
    }
    
    #USER_CONTEXT_DIV #LEFT_DIV{
            float:							none;
            margin-left:					auto	!important;
            margin-right:					auto	!important;
            text-align:						center;
    }

    #HOMEPAGE_CONTEXT_DIV #RIGHT_DIV{
            display:						none;	
    }

    #NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #INFO_DIV a.fontsize_button{
            display:						none;
    }

    #NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #INFO_DIV p#tags{
            clear:							left;
            margin:							5px 0 0 0;
            display:						block;
    }

    #NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #SHARE_DIV #SHARETO{
            float:							none;
            display:						none;
    }

    #NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #SHARE_DIV a.jiathis{
            margin:							0 0 5px 0;
    }

    #NEWS_DETAILS_PAGE_CONTEXT_DIV #LEFT_DIV #COMMENT_DIV textarea{
            width:							89%	!important;
            width:							100%;
            _width:							89%;
            padding:						5% 0 4% 10%;
            background-position:			4% 15px;
    }

    #NEWS_DETAILS_PAGE_CONTEXT_DIV #RIGHT_DIV{
            float:							none;
            display:						none;
    }

    #USER_CONTEXT_DIV #RIGHT_DIV{
            float:							none;
            width:							99%;
            text-align:						left;
            margin-top:						20px;	
    }

    #USER_CONTEXT_DIV #RIGHT_DIV #OPERATION_DIV #BUTTON_DIV{
            float:							none;
            margin-left:					auto	!important;
            margin-right:					auto	!important;
            text-align:						center;
    }

    .newspage #RIGHT_DIV{
            float:		none;
            width:		0;
            display:	none;
    }

    #CONTACTUS_PAGE_LEFT,
    #CONTACTUS_PAGE_RIGHT{
            clear:		left;
            float:		none;
    }
    
    #HOMEPAGE_SORT_DIV{
        width: 100%;
    }
    
    .dialog_type01 div.dialog_main_content_div form ul li dl dd.msgbox{
    	width:		284px;
    	margin:		3px 0 3px 5px;
    	text-align:	left;
    }  

    ul.list_ul li.list_item div.showitem > img {
    	float: none;
    }  
    ul.list_ul li.list_item div.leftzone {
		display: none;
    }
    ul.yiiPager{
    	margin: 0;
    }
    ul.yiiPager >li.page{
    	display: none;
    }
    ul.yiiPager >li.page.selected{
    	display: inline-block;
    }
    .more-posts-indicator{
    	margin-left: 6px;
    }
    #CH_SUMMARY_DIV{font-size:16px;}
}

.mylinks.feature_box a {
	width: 100%;
    display: inline-block;
    text-align: left;
    position: relative;    
}

.mylinks.feature_box a:after {
	box-sizing: content-box;
    content: '';
    height: 10px;
    position: absolute;
    top: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
    right: 5px;
    border-right: 1px solid #111;
    border-top: 1px solid #111;
}

.need_vip {
	width: 100%;
	overflow: hidden;
	margin: 24px 0 25px;
	font-size: 22px;
}

.vip_case {
	float: left;
	overflow: hidden;
	padding: 0 5px;
	border-right: 1px dashed #EAEAEA;
}

.vip_case:hover {
  background: #ededed;
}

.vip_case:last-child {
	border-right: 0;	
}

.vip_case dl,
.vip_case dl dt,
.vip_case dl dd {
	width: 100%;
	overflow: hidden;
}

.vip_case dl dt {
	margin: 10px 0 0 0;
}

.vip_case dl dt a {
	display: block;
	width: 85%;
	font-size: 15px;
	letter-spacing: 2.5px;
	margin: 0 15% 0 10%;
	padding: 0;
	height: 35px;
	line-height: 35px;
	border: 1px solid #eee;
	-webkit-transition: background 1.0s linear;
	-moz-transition: background 1.0s linear;
	-ms-transition: background 1.0s linear;
	-o-transition: background 1.0s linear;
	transition: background 1.0s linear;
	cursor: pointer;
}

.vip_case dl dt a:hover {
	background: rgba(169, 216, 119, 0.5);
	border: 1px solid rgba(169, 216, 119, 0.1);
}

.vip_case dl dd.vip_name {
	margin: 0 0 10px 0;
	font-size: 22px;
}

.vip_case dl dd.vip_description {
	margin: 0 0 10px 0;
	font-size: 13px;
}

.vip_case dl dd.del_price {
	margin: 0 0 10px 0;
	font-size: 15px;
	font-weight: normal;
}

.vip_case dl dd.vip_price {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
}