@charset "utf-8";
/* CSS Document */

input#uploader {
	position: absolute;
	top: 0;
	right: 0;
	height: 16px;
	opacity: 0;
	filter: alpha(opacity=0);
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: none;
}

.msg_single_item {
	display: block;
	background-color: #FFF;
	border: 1px solid #ecebeb;
	border-bottom-width: 2px;
	border-top-width: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px;
	margin-bottom: 8px;
}
.msg_single_item > .title {
	font-size:14px;
	font-weight:bold;
	overflow: hidden;
	padding-bottom: 5px !important;
	border-bottom: 1px solid #ecebeb;
	margin-bottom: 5px;
}
.msg_single_item > .footer { text-align:right; overflow:hidden; }

.v_items {
	margin: 0;
	padding: 0;
	list-style: none;
}
.v_items > .v_item {
	line-height: 24px;
    margin: 2px 0;
}
.v_items > .v_item a {
	display: block;
	padding: 1px 5px 0px 5px;
	color: #3366CC;
	text-decoration: none;
}
.v_items > .v_item a:hover {
	color: #999999;
	background-color: #f7f6f6;
}
.v_items > .v_item.select {
	background-color: #f7f6f6;
	font-weight:bold;
	color:#000000;
}
.v_items > .v_item.select a {
	color:#000000;
	cursor:default;
}
.v_items > .v_item.disabled a {
	cursor:default;
	color:#CCCCCC;
}

/*** mode - board ***/
.header-btn { position: relative; height: 26px; line-height: 26px; background: -webkit-linear-gradient(top,rgba(255,255,255,.3) 0,rgba(255,255,255,.2) 100%); background: linear-gradient(to bottom,rgba(214, 218, 220, 0.8) 0,rgba(239, 235, 235, 0.5) 100%); color: #777; display: inline-block; text-decoration: none; border-radius:3px; margin-right:8px; vertical-align:top; }
.header-btn.select { font-weight:bold; color: #000; }
.header-btn .btn { color: inherit; background: inherit; border: inherit; padding: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; border-radius: inherit; float: inherit; }
.header-btn:hover { background: -webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.3) 100%); background: linear-gradient(to bottom,rgba(214, 218, 220, 0.4) 0,rgba(239, 235, 235, 0.2) 100%); color: #3366CC; text-decoration:none; }
.header-btn .btn-text { padding:0 8px; }
.header-btn .btn-icon { padding:0 8px; font-size:1.2em; vertical-align:middle; }
.header-btn .btn-icon-left { padding:0 0 0 8px; font-size:1.2em; vertical-align:middle; }
.header-btn .btn-img { width:30px; height:30px; display:inline-block; vertical-align: middle; border-radius: 5px; }
.header-btn.noback { background: none; }
.header-btn.noback:hover { background: rgba(0,0,0,.3); }
.header-btn.text { padding: 0 8px; color: #555; font-weight: bold; }
.header-btn.btn-icon-right 
.header-btn.btn-icon-right .fa { float: right; line-height: 30px; padding: 0 8px 0 0; }

/****my msg****/
#se_msgs { position:relative; background-color: #f7f6f6; padding:0; }
#se_msgs .se_zone{ margin: 0 auto 20px auto; overflow: hidden; }
#se_msgs #index_content { padding-right:200px; }
#se_msgs #se_msgs_right { float: right; width: 240px; padding:5px 1px 10px 0; }
#se_msgs .mini_bar { display:none; text-align:right; padding: 4px 8px; }

#se_msgs .msgs_source  { }
#se_msgs .msgs_source #bnMore { display:none; }
#se_msgs .msgs_source #bnDenyHide { float:left; cursor:pointer; color:#3366CC; }
#se_msgs .msgs_source #bnDenyHide:hover { color: #999999; }
#se_msgs .msgs_owner  { }
#se_msgs .msgs_owner .user_icon {
	width: 26px;
	height: 26px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	margin: 0 8px 0 0;
	border-radius: 3px;
	background: none;
    padding: 0;	
}
#se_msgs .msgs_owner .v_item .chk { width: 16px; height: 16px; margin: 2px; margin-right: 4px; vertical-align: middle; opacity: 1; }

.se_msgs a { color: #3366CC; text-decoration: none; opacity:.8 }
.se_msgs a:hover { text-decoration: none; opacity:1 }

.my_message{
	width:100%;
	margin-bottom:10px;
	display:inline-block;
}

div.my_comment_content_wrapper{
	float: left;
	width: 90%;
	background-color:#FFF;
	border:1px solid #E4E1D9;

	
	position:relative;
	margin-left: 7px;
}
.my_com_pic{
	width:50px;
	height:50px;
	overflow:hidden;
	display:block;
	float: left;
	}
img.my_comment_pic{
	width: 50px;
	/*
	-moz-box-shadow: 0 0 6px #bebebe;
	-webkit-box-shadow: 0 0 6px #BEBEBE;
	box-shadow: 0 0 6px #BEBEBE;*/
}
div.my_comment_content{
	overflow:hidden;
	margin: 4px;
}
div.my_comment_content  p{
	margin:0px;
	font-size:0.9em;
}
.my_comment_content  .author{
	color: #5597B2;
	font-weight:bolder;
	margin-right:3px;
	float:left;
	margin-top: 0px 5px;
}
/****content***/
#s_mode{
	background-color:#f7f6f6;
	padding:5px;
}
#s_mode #se_loading { text-align: center; padding: 5px 10px 10px 10px; display:none; }

#s_mode span.author_thumb{
	float:left;
	width:35px;
	height:35px;
	margin-right:8px;
	cursor:pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;	
}
#s_mode a.author{
	font-size:15px;
	float:left;
	color:#5597B2;
	background-color:#fff;
	text-decoration:none;
	font-weight: bold;
	position:absolute;
	top:5px;
	display: inline-block;
    padding-right: 7px;
	white-space: nowrap;
    max-width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
	cursor:pointer;
}
#s_mode .item { 
	width: 100%;
	margin-bottom:5px;
	display: inline-block;
}
#s_mode .item .seEcho {
	display:none;
    padding: 6px 12px;
    font-size: 15px;
    color: #777;
    border-bottom: solid 1px #ecebeb;
    margin-bottom: 6px;
    background-color: #FFF;
    margin: 0px auto;
    border-top: 1px solid #ecebeb;
    border-right: 1px solid #ecebeb;
    border-left: 1px solid #ecebeb;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#s_mode .item .seEcho .author {
	font-weight:bold;
	color: #5597B2;
}
#s_mode .item .info{
    padding-bottom: 8px;
    overflow: hidden;
    display: block;
    background-color: #FFF;
    margin: 0px auto;
    padding: 6px 6px 0;
    border-top: 1px solid #ecebeb;
    border-right: 1px solid #ecebeb;
    border-left: 1px solid #ecebeb;
    position: relative;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}
#s_mode .item .info #bnMenu { position: absolute; top:9px; right: 7px; display: none; width: 16px; height: 16px; cursor: pointer; }
#s_mode .item .info .info_2 { margin:0px; display:inline-block; color:#6a6868; position:absolute; top:22px; margin-bottom: 5px; }
#s_mode .item .info .time { }
#s_mode .item .info #bnPower { margin-left:10px; padding:1px 0px 1px 5px; color:#5597B2; font-weight:bold; display:none; border: 1px solid transparent; min-width:48px; }
#s_mode .item .info #bnPower .ui-button-icon-secondary { display:none; }
#s_mode .item .info #bnPower:hover { border: 1px solid #d3d3d3; background: #e6e6e6 url(/css/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; }
#s_mode .item .info #bnPower:hover .ui-button-icon-secondary { display: inline-block; }

#s_mode .item.hasEcho .seEcho { display:block; }
#s_mode .item.hasEcho .info { border-top: 0; border-radius: unset; }


#s_mode .item .info .folder{
	display:inline-block;
	float:right;
	vertical-align: middle;
	margin-right: 20px;
    white-space: nowrap;
    max-width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#s_mode .item .info .folder .icon{
	background-image:url(/images/index_icon.png);
	background-position:0px -149px;
	display:inline-block;
	width:12px;
	height:12px;
	vertical-align: middle;
}
#s_mode .item .info .folder .link{
	display:inline-block;
}

#s_mode .group_items {
	display:none;
	text-align:center;
	position:relative;
	cursor:pointer;
}
#s_mode .group_items .group_title {
	position:absolute;
	top: 5px;
	right: 45%;
	z-index: 1;
}
#s_mode .group_items .group_item {
	height:10px;
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #ecebeb;
	border-left: 1px solid #ecebeb;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
#s_mode .group_items .group_item.more { height:5px; }


/**/

.item_data{
	background-color:#FFF;
	overflow:hidden;
	padding:4px;
}
.item_data .data_edit {
	display:none;
	border: 1px solid #b4bbcd;
	
}
.item_data .data_edit .title {
	border-top: 1px dashed #dcdcdc;
	overflow: hidden;
}
.item_data .data_edit .content {
	overflow-x: hidden;
	overflow-y: auto;
}
.item_data .data_edit input , .item_data .data_edit textarea {
	border:0;
	width:98%;
	padding: 5px 10px;
}
.item_data .data_edit .bar {
	border-top: 1px solid #b4bbcd;
	text-align:right;
	background-color: #F5F5F5;
	padding: 3px 5px;
}

.item_data-2{/******************************************/
	background-color:#FFF;
	overflow:hidden;
	margin:0px  auto;
	padding:8px;
	border-top:0px;
	border-bottom:1px solid #ecebeb;
	border-right:1px solid #ecebeb;
	border-left:1px solid #ecebeb;

	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.item_data-2 .doc_thumbs {
	width:64px;
	height:64px;
	position:relative;
	overflow:hidden;
	vertical-align: middle;
	margin-right: 4px;
}
.interactive{/******************************************/
	display:block;
	background-color:#ecebeb;
	border-top:1px dotted #ECEBEB;
	border-bottom:1px solid #ecebeb;
	border-right:1px solid #ecebeb;
	border-left:1px solid #ecebeb;

	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 1px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#se_main .interactive {
	width:auto;
	background-color:transparent;
	border:0;
	border-radius:0;
	margin:0;
	padding:0;
}
.data_picture{
	float: left;
	border: 0;
	cursor:pointer;
}

.data_picture img{
	width:150px;
	margin-right:10px;
}
.data_contents {
	overflow:hidden;	
}

.data_title{
	font-size: 1.16em;
	margin-bottom:4px;
	padding:0 4px;
	vertical-align: middle;
}
.data_txt{
	font-size: 0.9em;
	color:#666;
}


/**/
a.data_album{
	float: left;
	border: 0;
	width: 70px;
	height: 70px;
	overflow: hidden;
	text-align:center;
	display:block;
}
a.data_album img{
	width:120px;
}
span.sub_else{
	position:relative;
	display:block;
	overflow: hidden;
	padding: 4px;
	border-top: 1px dashed #dcdcdc;
	white-space:nowrap;
	line-height: 18px;
}
span.sub_else span.folder_icon { background-position: 0 -226px; margin-top:0; }
span.sub_else span.data_video_play{ width:60px; height:34px; }
span.sub_else a.filename { vertical-align: middle; margin-right: 4px; }
span.sub_else .dir_content{ vertical-align: middle; white-space: initial; }
span.sub_else .img_square {
	width:48px;
	height:48px;
	display: inline-block;
	margin-right: 4px;
	vertical-align: middle;
}
.sub_push_url { white-space: nowrap; padding: 4px; border-top: 1px dashed #dcdcdc; overflow: hidden; }
.sub_push_url .img { width:72px; height:54px; margin-right: 4px; float: left; border-radius: 3px;}
.sub_push_url .content { display: block; margin: 0; padding: 4px 8px 4px 4px; white-space: initial; }
.sub_push_url .title { font-size: 14px; font-weight: bold; line-height: 20px; max-height: 40px; margin: 0; padding: 0; }
.sub_push_url .desc { margin:0; padding:0 !important; line-height: 15px; max-height:45px; overflow: hidden; text-overflow: ellipsis; }  
.sub_push_url .host { font-size: 12px; color: #999; }

#s_mode .item.directory div.data_title a{
	font-weight:bolder;
}
/**/
.data_photo {
	max-height:360px;
	border: 0;
	overflow:hidden;
	height: auto;
	margin:0px auto;
	margin-bottom:5px;
	position:relative;
	text-align: center;
}
.data_photo img{
	max-width: 532px;
	max-height: 532px;
}
.data_photo_info{
	width:100%;
	background-color:rgba(0,0,0,0.27);
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 8px;
}
.data_photo_info_title{
	color:#FFF;
	font-size:1.16em;
	font-weight: bold;
	margin-bottom:5px;
}
.data_photo_info_txt{
	color:#f3f3f3;
	font-size:0.9em;
}
.item_data .data_video2 {
	overflow:hidden;
	height: auto;
	margin:0px auto;
	margin-bottom:5px;
}
.item_data .data_video2 .os_video_player {
	display:block;
}
.item_data .data_video2 #mediaplayer {
	width:100% !important;
	height:100% !important;
}
/**/
.data_icon{
	margin-top:1px;
	margin-top:0px\9;
	margin-right:5px;
	background-image:url(/images/index_icon.png);
	width:16px;
	height:16px;
	float:left;
	display:none;
}
.data_icon.video{
	background-position:0px 0px;
	display:block;
}
.data_icon.bbs{
	background-position:0px -42px;
	display:block;
}
.data_icon.tag{
	background-position:0px -130px;
	display:block;
}
.data_icon.att{
	background-position:-23px -130px;
	display:block;
}
.data_icon.audio{
	background-position:-23px -62px;
	display:block;
}
.data_icon.doc{
	background-position:-23px -82px;
	display:block;
}
.data_icon.html{
	background-position:-23px -103px;
	display:block;
}
.data_icon.directory{
	background-position:-23px -22px;
	display:block;
}
/**/
.data_video{
	position:relative;
	float: left;
	border: 0;
	cursor:pointer;
	margin-right:10px;
	margin-bottom: 10px;
	width:150px;
	height:84px;
	overflow:hidden;
	background: black;
}

.data_video_play{
	display:block;
	position:absolute;
	border: 0;
	height: 84px;
	width: 150px;
	background-image:url(/images/play.png);	
	background-repeat: no-repeat;
	background-position: center center;	
	z-index:3;
}
.data_video img{
	width:100%;

}
/**message**/
.message{width:100%; background-color:#F9F9F9; margin-top: 0; margin-right: auto; margin-left: auto; overflow:hidden; }
.message_title{ width:100%; text-align:right; margin:0px auto; }
.message_title a.select ,.message_title a:hover { background-color:#F9F9F9; }
.message_title a{ background-image:url(/images/index_icon.png); background-repeat:no-repeat; padding-left:22px; padding-right:4px; padding-top:0; padding-bottom:0; margin-left:2px; display:inline-block; }
.message_title a.mess{background-position:-302px -89px;}
.message_title a.mess:hover ,.message_title a.mess.select {background-position:-302px -36px;}
.message_title a.like{background-position:-302px -72px;}
.message_title a.like:hover{background-position:-302px -19px;}
.message_title a.like.select{color:#000; background-color:transparent;}
.message_title a.unlike{background-position:-302px -51px;}
.message_title a.unlike:hover{background-position:-302px 2px;}
/**/

div.my_share_content { display:inline-block; margin-top:2px; float:left; }
div.my_share_content > a{padding:0px; background-image:url(/images/index_icon.png); background-repeat:no-repeat; display:inline-block; height: 17px; width: 17px; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; }
div.my_share_content a.facebook{background-position:1px -180px;}
div.my_share_content a.facebook:hover{background-position:1px -197px; background-color:#fff;}
div.my_share_content a.google{background-position:-19px -180px;}
div.my_share_content a.google:hover{background-position:-19px -197px; background-color:#fff;}
div.my_share_content a.Plurk {background-position:-39px -180px;}
div.my_share_content a.Plurk:hover{background-position:-39px -197px; background-color:#fff;}
div.my_share_content a.Twitter{background-position:-60px -180px;}
div.my_share_content a.Twitter:hover{background-position:-60px -197px; background-color:#fff;}
div.my_share_content a.Tumblr{background-position:-79px -180px;}
div.my_share_content a.Tumblr:hover{background-position:-79px -197px; background-color:#fff;}

/**/
div.comment_block{
	overflow: hidden;
	margin: 0 auto;
	padding:4px;
	margin-bottom: 6px;
}
div.comment_block:last-child{
	padding-bottom: 4px;
}
div.comment_block.action{
}
div.comment_block.more{
	display:none;
	padding: 4px 4px 4px 10px;
}
div.comment_block.exist:hover {
	/*background-color:#EFEFEF;*/
}
div.comment_content_wrapper {
	position:relative;
	margin-left:42px;
}
.com_pic{
	width:34px;
	height:34px;
	overflow:hidden;
	display:block;
	float: left;
	position:relative;
	border-radius: 3px;
}
div.comment_content{
	overflow:hidden;
}
.postdetails{
	font-size:0.9em;
	color:#999;
}
input.comment_submit{
	float:right;
	margin-top:18px;
	background:#d2d2d2;
	color:#fff;
	cursor:pointer;
}
input.comment_edit_submit{
	float:right;
	margin-top:18px;
	background:#d2d2d2;
	color:#fff;
	cursor:pointer;
	display:none;
}
/**
div.comment_content  span{
	margin-right: 6px;
	margin-left: 6px;
	float:right;
}**/
span.comment_top_cor{
	width: 0;
	height: 0;
	font-size: 0;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #E4E1D9 transparent  transparent ;
	overflow: hidden;
	position: absolute;
	left: -10px;
	top: 10px;
	z-index: 5;
}
span.comment_bot_cor{
	width: 0;
	height: 0;
	font-size: 0;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #fff transparent  transparent ;
	overflow: hidden;
	position: absolute;
	left: -9px;
	top: 10px;
	z-index: 5;
}
.comment_block.exist .iedt , .comment_block.exist .idel {
	display:none;
	cursor: pointer;
	font-size: 12px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	float: right;
	color: #777;
}
.comment_block.exist:hover .iedt , .comment_block.exist:hover .idel { display:inline-block; }

input,button,select,textarea{outline:none; }/*reset Chrome default input style*/
span.search_submit input{
    border:0;
    padding:0;
}
textarea{resize:none}/*reset Chrome default textarea style*/
textarea.comment_edit{
	display:none;
}
/*** 外部網站留言區塊 ***/
#ext_share_wrapper {
	display:none;
	width:100%;
	height:68px;
	border:0;
	margin-bottom:5px;
}
/***share(what's new)****/
div#share_wrapper{
	margin-bottom:5px;
	overflow:hidden;
}
div#share_wrapper div.author_thumb_wrapper {
	width: 52px;
	height: 52px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px #bebebe;
	-webkit-box-shadow: 0 0 10px #BEBEBE;
	box-shadow: 0 0 10px #BEBEBE;
	overflow: hidden;
	float: left;
	margin: 5px;
	position: relative;
	overflow:hidden;
}
div#share_wrapper div.streaming_content_wrapper {
	margin-left:66px;
	border: 1px solid gainsboro;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	background:#fff;
}
div#share_wrapper div.streaming_content_wrapper textarea{
	width:94%;
	border:none;
	padding:5px;
	height:46px;
	color:#888888;
	margin:5px;
}
div#share_wrapper span.content_bot_cor {
	width: 0;
	height: 0;
	font-size: 0;
	border-width: 8px;
	border-style: solid;
	border-color: transparent whiteSmoke transparent transparent;
	overflow: hidden;
	position: absolute;
	left: -15px;
	top: 12px;
	z-index: 5;
}
div#share_wrapper span.content_top_cor {
	width: 0;
	height: 0;
	font-size: 0;
	border-width: 8px;
	border-style: solid;
	border-color: transparent #E4E1D9 transparent transparent;
	overflow: hidden;
	position: absolute;
	left: -17px;
	top: 12px;
	z-index: 5;
	}
div#share_wrapper  span.content_bot_cor{
	border-color: transparent #fff transparent transparent;
}
div#share_action {
	background: #bebebe;
	padding: 4px;
	display:none;
	position:relative;
    height: 30px;
    line-height: 18px;	
}
div#share_action a.soc {
	float: right;
	padding: 5px;
	margin:0 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div#share_action a.soc.selected{
	background:#438BC5;
}
div#share_action a.soc:hover{
	background:#438BC5;
}
div#share_action a.soc img{
	width: 20px;
	height: 20px;
}
div#share_action a.share_submit{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 4px;
	border: 1px solid gainsboro;
	background:#438BC5;
	padding: 1px 12px;
	margin: 1px;
    color:#fff;
	text-shadow: #696969 0.1em 0.1em 0.2em;
	float:right;
	cursor: pointer;
}
div#share_action #bnPW{
	float:right;
	margin: 1px 6px;
}
div#title_area{
	border-top:1px dashed #dcdcdc;
	display:none;
}
div#title_area input[type=text]{
	width:98%;
	border:none;
	color:#888888;
	margin:4px;
	padding:0;
	font-size:14px;
	
}
div#share_action input#title_check{
	position:absolute;
	top:10px;
	left:10px;
	
}
div#share_action .bnt{
	color:#fff;
	font-weight:bolder;
	text-shadow: #696969 0.1em 0.1em 0.2em;
}
span#share_close{
	position:absolute;
	top:5px;
	right:5px;
	display:none;
}
span.gray_icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(/images/ui-icons_888888.png);
}


/*** 動態訊息 new ***/
.images_view { margin-top: 10px; text-align:center; margin: 5px auto 0 auto; position:relative; max-width:640px; max-height:640px; overflow:hidden; }
.article .data_contents div.img .view_img , .images_view .view_img { position:absolute; overflow:hidden;  }

.article .data_contents div.img { text-align:center; position:relative; margin: 0 auto; max-width:640px; max-height:640px; }
.article .data_contents div.img .view_img { position:absolute; overflow:hidden; }
.article .data_contents div.img img { max-width:530px; max-height:530px; }
.article .data_contents .content { height:auto; padding: 0 4px 4px 4px; }
.article .data_contents div.title { font-size:15px; margin-bottom:3px; max-height:110px; overflow:hidden; word-wrap:break-word; }
.article .data_contents div.title a:hover { text-decoration:underline; }
.article .data_contents div.desc { font-size:15px; line-height:1.38; max-height:80px; overflow: hidden; }
.article .data_contents div.desc p { margin:0; }
.article .data_contents div.content a.bnMore { font-weight:bold; display:none; }

.attach_files {
	clear: both;
	margin: 6px 0;
	position: relative;
}
.attach_files #bnAddFile {
	width: 96px;
	height: 96px;
	line-height: 96px;
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: top;
	border: 2px dashed #ddd;
	-webkit-border-radius: 2px;
	margin: 0 1px 0 3px;
	overflow: hidden;
}
.attach_files #bnAddFile input {
	position: absolute;
	top: 0;
	right: 0;
	height: 96px;
	opacity: 0;
	display:inline-block;
}
.attach_files .file_item , .att .file_item {
	width: 96px;
	height: 96px;
	line-height: 96px;
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: top;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	margin: 1px 0 1px 2px;
	overflow:hidden;
}
.attach_files .file_item .fileinfo , .att .file_item .fileinfo {
	position: absolute;
	line-height: 1em;
	text-align: center;	
	left:0;
	bottom:0;
	right:0;
	z-index:1;
	background-color: rgba(0,0,0,0.3);
	color: #fff;
	padding: 5px;
	overflow: hidden;
	max-height: 36px;
}
.attach_files .file_item .fileinfo .filename , .att .file_item .fileinfo .filename {
	overflow:hidden;
}
.attach_files .file_item #bnCancel , .att .file_item #bnCancel {
	position: absolute;
	top: 1px;
	right: 1px;
	cursor: pointer;
	display:none;
	z-index:1;
    background-color: rgba(246, 247, 244, 0.78);
    border-radius: 8px;	
}
.attach_files .file_item:hover #bnCancel , .att .file_item:hover #bnCancel {
	display:inline-block;
}
.attach_files .file_item .img_square , .att .file_item .img_square {
	width: 96px;
	height: 96px;
}
.attach_files .file_item.pro .progress , .att .file_item.pro .progress {
	position: absolute;
	left: 0;
	top: 20px;
	width: 100%;
	height: 12px;
	border-radius: 0;
	margin: 0;
}
.attach_files .file_item.wait .wait , .att .file_item.wait .wait {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 12px;
	border-radius: 0;
	margin: 10px 0;
}

.push_url { 
	clear:both;
	margin:6px 0;
	min-height: 150px; 
	border: 1px solid #e9e9e9;
	position: relative;
}
.push_url #bnClose{ 
	position: absolute;
	top: 5px;
	right: 5px;
	cursor:pointer;
}
.push_url .img { width:150px; height:150px; float:left; position: relative; overflow: hidden; }
.push_url .img img { }
.push_url .img #bnPrev { position: absolute; top: 5px; right: 24px; }
.push_url .img #bnNext { position: absolute; top: 5px; right: 5px; }
.push_url .content { overflow:hidden; padding: 10px 20px 0px 12px; }
.push_url .content .title {
	font-size: 19px;
	font-weight: 500;
	line-height: 22px;
	margin-bottom: 4px;
	max-height: 44px;
	overflow: hidden;
	word-wrap: break-word;
}
.push_url .content .desc {
	margin: 0 0 4px;
	padding: 0;
}
.push_url .content .caption {
	bottom: 0;
	color: #adb2bb;
	font-size: 12px;
	position: absolute;
	text-transform: uppercase;
}
.push_url.edit .title a:hover , .push_url.edit .desc a:hover {
	color: #000;
	background-color:#FFFFAC;
}

.data_attach .image_view { margin-top:10px; overflow: hidden; text-align:center; }
.data_attach .image_view img { max-width:530px; max-height:530px; }
.data_attach .video_view { margin-top:10px; overflow: hidden; display: block; text-align:center; }
.data_attach .video_view video { width:640px; height:360px; }
.data_attach .video_view .os_video_player { display:block; }
.data_attach .video_view #mediaplayer { width:100% !important; height:auto !important; }
.data_attach .mp3_view { margin-top:10px; overflow: hidden; display: block; text-align:left; }
.data_attach .mp3_view .audio { margin-bottom:5px; }
.data_attach .file_view { margin:10px 0 0 0; overflow: hidden; display: block; text-align:left; }

.file_view .file_item { width: 110px; height: 96px; line-height: 96px; display: inline-block; position: relative; text-align: center; vertical-align: top; border: 1px solid #ddd; -webkit-border-radius: 2px; margin: 2px 5px 2px 0; padding:4px; overflow: hidden; cursor:pointer; }
.file_view .file_item .img_square { display: inline-block; position: relative; width: 96px; height: 96px; }
.file_view .file_item .fileinfo { position: absolute; line-height: 15px; text-align: center; left:0; bottom:0; right:0; z-index:1; background-color: rgba(0,0,0,0.3); color: #fff; padding: 4px; }
.file_view .file_item .fileinfo .filename { overflow:hidden; }
.file_view .file_item .bar { position: absolute; left: 0; bottom: 0; width: 100%; padding: 4px 4px 8px 4px; display: none; }
.file_view .file_item:hover .fileinfo { top: 0; }
.file_view .file_item:hover .bar { display:block; }


.url_push_view { -webkit-box-shadow: 0 0 0 1.5px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(0, 0, 0, .05); margin-top:10px; overflow: hidden; position: relative; }
.url_push_view div.img { text-align:center; margin:1px; }
.url_push_view div.img img { max-width:530px; max-height:530px; }
.url_push_view .link { position:absolute; bottom:0; left:0; right:0; top:0; }
.url_push_view .content { height:auto; margin:10px 12px; max-height: 100px; }
.url_push_view div.title { font-size:19px; font-weight:500; line-height:22px; margin-bottom:5px; max-height:110px; overflow:hidden; word-wrap:break-word; }
.url_push_view div.title a { color: #141823; }
.url_push_view div.title a:hover { text-decoration:underline; }
.url_push_view div.desc { line-height:16px; max-height:80px; margin-bottom:9px; overflow: hidden; }

.cmn_preview { clear:both; margin:6px 0; overflow: hidden; }
.cmn_preview a.img { float:left; margin-right:10px; border-radius:5px; overflow:hidden; }
.cmn_preview a.img img { max-width:90px; max-height:90px; }
.cmn_preview .content { overflow:hidden; }
.cmn_preview .content .title { color: #3b5998; }
.cmn_preview .content .host { color: #adb2bb; text-transform: uppercase; }
.cmn_preview .content .desc { margin-top: 2px; color: gray; line-height: 18px; max-height: 54px; text-overflow: ellipsis; }
.cmn_img { clear:both; margin:5px 0 0 0; overflow: hidden; display:inline-block; margin-right:5px; vertical-align:middle; }
.cmn_img .img { display:inline-block; position:relative; width:220px; height:136px; }
.cmn_video { clear:both; margin:6px 0; overflow: hidden; }
.cmn_video .cmn_player { clear:both; margin:6px 0; overflow: hidden; width:260px; height:162px; }

.img_preview { height:100%; text-align:center; background-color:#000; position:relative; overflow:hidden; }
.img_preview #lightbox-nav-btnPrev { position:absolute; left:0; top:0; width:30%; height:100%; background-repeat:no-repeat; background-position:0 center; }
.img_preview #lightbox-nav-btnPrev:hover { background-image:url(/tools/OokonStorage/images/lightbox-btn-prev.gif); filter:alpha(opacity=60); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; }
.img_preview #lightbox-nav-btnNext { position:absolute; top:0; right:0px; width:70%; height:100%; background-repeat:no-repeat; background-position:100% center; }
.img_preview #lightbox-nav-btnNext:hover { background-image:url(/tools/OokonStorage/images/lightbox-btn-next.gif); filter:alpha(opacity=60); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; }
.img_preview #bnFullscreen { display:inline-block; position:absolute; top:2px; right:40px; z-index:101; padding: 2px; background-color: #fff; }
.img_preview #bnFullscreen span.zoom{ background-image:url(/tools/OokonStorage/images/all_icon.png); background-position:0px -830px; display:inline-block; width:16px; height:16px; cursor:pointer; }
.img_preview #bnFullscreen span.zoom:hover{background-position:0px -846px;}

.dragenter { background-color: rgba(0, 50, 50, 0.2) !important; border: 3px dashed #0600FF !important; }
.dragenter_ban { background-color: rgba(0, 50, 50, 0.2) !important; border: 3px dashed #FF0000 !important; }

.comment_edit { position:relative; }
.comment_edit #bnSend { position: absolute; right: 4px; bottom: 2px; }
.comment_edit .cmn #bnCmnAdd { position: absolute; top:6px; right:6px; width: 16px; height: 16px; background-image: url(/css/images/camera.png); cursor:pointer; overflow: hidden; }
.comment_edit .cmn #bnCmnAdd input { position: absolute; top: 0; right: 0; width: 100%; height: 100%; margin: 0; opacity: 0; display: inline-block; }
.comment_content textarea , div.comment_edit textarea{ width:100%; border:0; height:22px; padding:0; line-height:18px; }
.comment_content .cmn , div.comment_edit .cmn{ padding: 4px 26px 4px 8px; position:relative; border: 1px solid #ECEBEB; border-radius: 13px; background-color:#fff; }
.comment_content .cmn .rBar { position: absolute; bottom: 2px; right: 2px; }
.comment_content .cmn #bnCmnAdd { display:none; position: absolute; top:6px; right:6px; width: 16px; height: 16px; background-image: url(/css/images/camera.png); cursor:pointer; overflow: hidden; }
.comment_content .cmn #bnCmnAdd input { position: absolute; top: 0; right: 0; width: 100%; height: 100%; margin: 0; opacity: 0; display: inline-block; }
.comment_content .cmn #bnSend { display: none; position: absolute; top: 4px; right: -28px; color: #4b4f56; }
.comment_content .cmn #bnSendMail { display:none; position: absolute; top:5px; right:32px; width: 16px; height: 16px; cursor:pointer; }
.comment_content .att { background-color: #fff; padding: 5px; border: 1px solid #ECEBEB; border-top: 0; min-height: 95px; position:relative; display: none; }
.comment_content  p{ margin:0px; font-size:0.9em; }

.comment_content { position:relative; }
.comment_content > #bnOpt { display:none; position:absolute; top:0; right:0; }
.comment_content:hover > #bnOpt { display:inline-block; }
.comment_content .comment_author{ color: #5597B2; font-weight:bolder; margin-right:8px; line-height:18px; }
.comment_content .postbody { margin-right: 26px; margin-bottom: 4px; }
.comment_content .postbody .origin_content { overflow:hidden; line-height: 18px; }
.comment_content .postbody .bnMore { display:none; } 
.comment_content .attach{ clear:both; }
.comment_content .minfo { padding: 0 4px; }
.comment_content .minfo #bnLike, .comment_content .minfo #bnUnlike { font-size:16px; margin-right: 12px; color: #999; vertical-align: middle; }
.comment_content .minfo #bnLike.selete, .comment_content .minfo #bnUnlike.selete { color: #428bca; }
.comment_content #bnOptions { position: absolute; top: 0; right: 0; }
.comment_content #bnOptions > i { font-weight:bold; }
/* 回覆 */
.seReply { padding: 6px; border-radius: 5px; }
.seReply > .icon { width: 34px; height: 34px; overflow: hidden; display: inline-block; float: left; position: relative; border-radius: 3px; }
.seReply > .c1 { margin-left: 40px; position: relative; }
.seReply > .c1 > textarea { width: 100%; font-size: 13px; line-height: 18px; height: 32px; border: 1px solid rgb(204, 204, 204); padding: 4px 10px; border-radius: 13px; margin: 0px;	}
.seReply > .c1 > .btns { position: absolute; right: 6px; bottom: 4px; }
.seReply > .c1 > .btns > button { margin-left:6px; padding: 2px 6px; border-radius: 5px; }
.seReply > .c1 > .note { padding: 2px 0 0 10px; }
.seReply > .c1 > .note a { color: #3366CC; text-decoration: underline; }


/***** 動態 - 留言 ****/
#share_wrapper div#share_wrapper div.streaming_content_wrapper { float: none; margin-left: 62px; width: auto; }
#share_wrapper div#share_action .bnt { display: inline-block; padding: 2px 6px; cursor: pointer; box-sizing: initial; margin: 0 4px 0 0; vertical-align: middle; }
#share_wrapper div#share_action .bnt:hover { background-color: #C8C8C8; }
#share_wrapper div#share_action input#title_check { position:inherit; margin: 0; }
#share_wrapper div#share_action #bnSetSource { float: right; border: 1px solid #d3d3d3; background: #e6e6e6 url(/css/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; margin-right: 10px; padding: 3px 5px; margin-top: 2px; }
#share_wrapper div#share_action #bnSetSource span.title{ color: #3366CC; font-weight: bold; text-shadow: none; }

#share_wrapper .attach_files { clear: both; margin: 4px 0; position: relative; }
#share_wrapper .attach_files #bnAddFile { width: 96px; height: 96px; line-height: 96px; display: inline-block; position: relative;
text-align: center; vertical-align: top; border: 2px dashed #ddd; -webkit-border-radius: 2px; margin: 0 1px 0 3px; overflow: hidden; cursor:pointer; }
#share_wrapper .attach_files #bnAddFile input { position: absolute; top: 0; right: 0; height: 96px; opacity: 0; display:inline-block; }
#share_wrapper .attach_files .file_item { width: 96px; height: 96px; line-height: 96px; display: inline-block; position: relative; text-align: center; vertical-align: top; border: 1px solid #ddd; -webkit-border-radius: 2px; margin: 1px 0 1px 2px; overflow:hidden; }
#share_wrapper .attach_files .file_item #bnCancel { position: absolute; top: 1px; right: 1px; cursor: pointer; display:none; }
#share_wrapper .attach_files .file_item:hover #bnCancel { display:inline-block; }
#share_wrapper .attach_files .file_item .img_square { width: 96px; height: 96px; }
#share_wrapper .attach_files .file_item.pro .progress { position: absolute; left: 0; bottom: 0; width: 100%; height: 12px; border-radius: 0; margin: 10px 0; }
#share_wrapper .attach_files .file_item.wait .wait { position: absolute; left: 0; bottom: 0; width: 100%; height: 12px; border-radius: 0; margin: 10px 0; }

#share_wrapper .push_url { clear:both; margin:6px 0; min-height: 150px; border: 1px solid #e9e9e9; position: relative; }
#share_wrapper .push_url #bnClose{ position: absolute; top: 5px; right: 5px; cursor:pointer; }
#share_wrapper .push_url .img { width:150px; height:150px; float:left; position: relative; overflow: hidden; }
#share_wrapper .push_url .img img { }
#share_wrapper .push_url .img #bnPrev { position: absolute; top: 5px; right: 24px; }
#share_wrapper .push_url .img #bnNext { position: absolute; top: 5px; right: 5px; }
#share_wrapper .push_url .content { overflow:hidden; padding: 10px 20px 0px 12px; }
#share_wrapper .push_url .content .title { font-size: 19px; font-weight: 500; line-height: 22px; margin-bottom: 4px; max-height: 44px; overflow: hidden; word-wrap: break-word; }
#share_wrapper .push_url .content .desc { margin: 0 0 10px; padding: 0; }
#share_wrapper .push_url .content .caption { bottom: 0; color: #adb2bb; font-size: 12px; position: absolute; text-transform: uppercase; }
#share_wrapper .push_url.edit .title a:hover , .push_url.edit .desc a:hover { color: #000; background-color:#FFFFAC; }


/* Video Mode */
#main.video { display: flex; flex-direction: row; background-color:#fff; }
#main.video #show_item { flex: 1; padding: 8px; text-align:left; background-color:#fff !important; margin-right: 0; overflow: hidden; }
#main.video #show_item .trObject { position: relative; text-align: center; }
#main.video #show_item .trObject #seToolBar { bottom: -44px; right: -8px; } 
#main.video #show_item .trObject .sePlayer > a {
    font-size: 18px;
    margin-left: 12px;
}

#main.video #show_item .trTitle { margin-top: 8px; padding: 0 6px; }
#main.video #show_item .trTitle .title { font-size: 20px; text-align: left; padding: 4px 0; margin-right: 100px; }
#main.video #show_item .trTitle .info { color: #666; margin-top: 4px; }
#main.video #show_item .trTitle .info > .rightBar > a { font-size:18px; margin-left: 12px; } 
#main.video #show_item .trDesc { border-top: solid 1px rgb(221, 221, 221); margin-top: 12px; padding-top: 12px; position: relative; }
#main.video #show_item .trDesc > .ico { width: 40px; height: 40px; overflow: hidden; display: block; float: left; position: relative; border-radius: 5px; }
#main.video #show_item .trDesc > .info { margin-left: 48px; }
#main.video #show_item .trDesc > .info .stag { margin-bottom: 4px; }
#main.video #show_item .trDesc > .desc { position: relative; margin-left: 48px; margin-right: 32px; line-height: 1.4em; overflow: auto; min-height: 40px; }
#main.video #show_item .trDesc.has_more > .desc { max-height: 7em; overflow: hidden; }
#main.video #show_item .trDesc > .bottomBar { margin-left: 48px; padding: 6px 0 2px; }
#main.video #show_item .trDesc > #bnEdit { position: absolute; top: 4px; right: 6px; color: #2196F3; }
#main.video #show_item .trDesc > .bottomBar #bnMore { color: #2196F3; cursor: pointer; }

#main.video #show_item .trDescEdit { border-top: solid 1px rgb(221, 221, 221); margin-top: 12px; }
.nvCmn { border-top: solid 1px rgb(221, 221, 221); margin-top: 12px; padding-top: 6px; } 
.nvCmn .interactive { background-color:#fff; border:0; }
.nvCmn .message { background-color:#fff; }
.nvCmn .message div.comment_block { border-radius: 5px; }


.bnPrev { background-image: url(/css/images/arrow_p_f1.gif); display: inline-block; width: 15px; height: 16px; cursor:pointer; }
.bnNext { background-image: url(/css/images/arrow_n_f1.gif); display: inline-block; width: 15px; height: 16px; cursor:pointer; }
.progress { overflow: hidden; height: 5px; margin: 5px 0px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.progress .bar { width: 0%; height: 100%; color: #ffffff; float: left; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; }
.progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; }
.progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }

#se_course > #bnZoom { top: 29px; right: 4px; }
/* Search 結果列表 */
.list_s { position:relative; line-height:18px; }
.list_s > .items { display:inline-block; width:100%; list-style-type: none; padding: 0; margin: 0;	}
.list_s .item { position:relative; margin-bottom:8px; }
.list_s .item .td_img { width: 80px; height: 60px; position: relative; overflow: hidden; border-radius: 3px; }
.list_s .item > .content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
.list_s .item > .content > .td_c { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left:8px; overflow: hidden; text-overflow: ellipsis; } 
.list_s .item > .content > .td_c > .td_title { overflow: hidden; text-overflow: ellipsis; line-height: 26px; max-height: 24px; }
.list_s .item > .content > .td_c > .td_title a { font-size: 1.3em; line-height: 1.3em; color: #1a0dab; cursor: pointer; }
.list_s .item > .content > .td_c > .td_title a:hover { text-decoration: underline; }
.list_s .item > .content > .td_c > .td_title a.not: { cursor:default; }
.list_s .item > .content > .td_c > .td_title a.not:hover { text-decoration: none; }
.list_s .item > .content > .td_c > .td_source { color: #006621; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list_s .item > .content > .td_c > .td_source a { color: #006621; }
.list_s .item > .content > .td_c > .td_desc { color: rgba(0,0,0,.5); font-size: 13px; font-weight: 400; line-height: 18px; max-height: 55px; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; }
.list_s .item > .content > .td_c > .td_desc .badge { line-height: 16px; padding: 0px 6px; margin: 1px 4px 1px 0; }
.list_s .item > .content > .td_o { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; min-width: 22px; }
.list_s .item > .content > .td_o .btn_a { display:none; line-height: 18px; width: 18px; text-align: center; padding: 0; margin: 4px 2px 4px 0px; }
.list_s .item > .content > .btns-r { display:none; padding-left: 4px; height: max-content; position: absolute; right: 0; top: 4px; background-color: #f7f6f6; }
.list_s .item .options_bar { position: absolute; top: 5px; right: 5px; margin: 0; padding: 0; }
.list_s .item .options_bar .btn_a_back { margin-left: 4px; }
.list_s .bnDelete { position: absolute; top: 4px; right: 4px; padding: 3px 4px; }
.list_s .item:hover > .content > .td_o .btn_a { display:inline-block; }
.list_s .item:hover > .content > .btns-r { display:inline-block; }
.list_s .item.btnsR { padding-right:30px; }
/* News */
#s_mode .se_items > .item { margin: 0 0 4px 0; padding: 4px 6px; }
#s_mode .se_items > .item > .content > .td_chk { display: inline-block; margin: 0 4px 0 0; align-self: center; }
#s_mode .se_items > .item > .content > .td_sid { display: inline-block; margin: 0 6px 0 0; align-self: center; font-size: 1.2em; font-weight: bold; }
#s_mode .se_items > .item > .content > .td_img { width:100px; height:100px; margin-right: 8px; }
#s_mode .se_items > .item > .content > .td_c { padding:0; width:200px; }
#s_mode .se_items { display: inline-block; width: 100%; list-style-type: none; padding: 0; margin: 0; }
#s_mode.news .seNewsBar { padding:4px 12px; }

/*** 小視窗 ***/
.window_mini #se_msgs .mini_bar { display:block; }
.window_mini #se_msgs #se_msgs_right { display:none; float:none; width:auto; padding:5px; margin-bottom:20px; }
.window_mini #se_msgs #index_content { padding-right:0; }

/*** 手機 平板 ***/
.mobile .comment_content .cmn { margin-right: 30px; }
.mobile .comment_content .cmn #bnSend { display:inline-block; }
.mobile .comment_content > #bnOpt { display:inline-block; }