/* ***************************************
	RESET CSS
*************************************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, 微軟正黑體;
	vertical-align: baseline;
}
body {
	background-color: white;
}
html, body {
	height: 100%;
	margin-bottom: 1px;
}
img {
	border-width:0;
	border-color:transparent;
}
:focus {
	outline: 0 none;
}
ol, ul {
	list-style: none;
}
em, i {
	font-style:italic;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
strong, b {
	font-weight:bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

*, *:before, *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.bootstrap, .bootstrap * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:before, .clearfix:after {
display: none;
content: " ";
}
/* Clearfix */
.clearfix:after,
.elgg-grid:after,
.elgg-layout:after,
.elgg-inner:after,
.elgg-page-header:after,
.elgg-page-footer:after,
.elgg-head:after,
.elgg-foot:after,
.elgg-col:after,
.elgg-image-block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;	
}

/* Fluid width container that does not wrap floats */
.elgg-body,
.elgg-col-last {
	display: block;
	width: auto;
	word-wrap: break-word;
	overflow: hidden;
	font-family:Arial,"新細明體", Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:1px;
	color:#333;

	/* IE 6, 7 */
	zoom:1;
	*overflow:visible;
}

.river-comment-text{
	font-family:Arial,"新細明體", Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:1px;	
    /*color:#333; 20131218..20131218004..Wesley:配合新calendar版型先將此參數註解掉*/   
	line-height:1.2;
    font-weight:normal;
}

.elgg-body span a{
	font-family:Arial,"新細明體", Helvetica, sans-serif;
}

.elgg-body:after,
.elgg-col-last:after {
	display: block;
	visibility: hidden;
	height: 0 !important;
	line-height: 0;
	overflow: hidden;
	
	/* Stretch to fill up available space */
	font-size: xx-large;
	content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}

/* ***************************************
 * MENUS
 *
 * To add separators to a menu:
 * .elgg-menu-$menu > li:after {content: '|'; background: ...;}
 *************************************** */
/* Enabled nesting of dropdown/flyout menus */
.elgg-menu > li { 
position: relative; 
font-size:13px;
}

.elgg-menu > li:last-child::after {
	display: none;
}

/* Maximize click target */
.elgg-menu > li > a { display: block }

/* Horizontal menus w/ separator support */
.elgg-menu-hz > li,
.elgg-menu-hz > li:after,
.elgg-menu-hz > li > a,
.elgg-menu-hz > li > span {
	vertical-align: middle;
}

/* Allow inline image blocks in horizontal menus */
.elgg-menu-hz .elgg-body:after { content: '.'; }

/* Inline block */
.elgg-gallery > li,
.elgg-button,
.elgg-icon,
.elgg-menu-hz > li,
.elgg-menu-hz > li:after,
.elgg-menu-hz > li > a,
.elgg-menu-hz > li > span {
	/* Google says do this, but why? */
	position: relative;

	display: inline-block;
    padding-right:2px;
}

.comment-body{
	font-family:Arial,"新細明體", Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:1px;
	padding-left:10px;
	color:#333;
	line-height:1.7;
}

acronym{
	font-family:Arial,"新細明體", Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:1px;
	padding-top: 5px;
	padding-bottom:2px;
	color:#999;
}
#elgg_LoadingMore {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #777777;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index:10000;
}
#elgg_Loading {
    color:#FFF;
    width: 110px;
    height: 57px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
    text-align: center;
}
#elgg_Loading_close_div{
    margin-top:20px;
}
#elgg_LoadingMore_prepare {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #777777;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index:10000;
}
#elgg_Loading_prepare {
    color:#FFF;
    width: 110px;
    height: 57px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
    text-align: center;
}
#elgg_Loading_close_div_prepare{
    margin-top:20px;
}
/* ***************************************
	GRID
*************************************** */
.elgg-col {
	float: left;
}
.elgg-col-1of1 {
	float: none;
}
.elgg-col-1of2 {
	width: 50%;
}
.elgg-col-1of3 {
	width: 33.33%;
}
.elgg-col-2of3 {
	width: 66.66%;
}
.elgg-col-1of4 {
	width: 25%;
}
.elgg-col-3of4 {
	width: 75%;
}
.elgg-col-1of5 {
	width: 20%;
}
.elgg-col-2of5 {
	width: 40%;
}
.elgg-col-3of5 {
	width: 60%;
}
.elgg-col-4of5 {
	width: 80%;
}
.elgg-col-1of6 {
	width: 16.66%;
}
.elgg-col-5of6 {
	width: 83.33%;
}
/* <style>
/* ***************************************
	Typography
*************************************** */
body {
	font-size: 11px;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;", 微軟正黑體 ;
	color: #333;
}
a {
	color: #3B5998
}

pre, code {
	font-family: Monaco, "Courier New", Courier, monospace;
	font-size: 12px;
	background:#EBF5FF;
	color:#000000;
	overflow:auto;

	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */

	white-space: pre-wrap;
	word-wrap: break-word; /* IE 5.5-7 */
}
blockquote {
	line-height: 1.3em;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #333;
}
/**20131005..S00-20131105003..Jimmy:調整字形的大小設定**/
h1 { font-size: 22px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif, 微軟正黑體;}
h2 { font-size: 18px; line-height: 1.1em; padding-bottom:5px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif, 微軟正黑體;}
h3 { font-size: 16px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif, 微軟正黑體;}
h4 { font-size: 14px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif, 微軟正黑體;}
h5 { font-size: 12px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif, 微軟正黑體;}
h6 { font-size: 11px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif, 微軟正黑體;}

a {
	color: #235AB6;
	cursor:pointer;
}
a:hover {
	text-decoration:none;
	color:#F00;
}

p {
	margin-bottom: 15px;
}
p:last-child {
	margin-bottom: 0;
}

dt {
	font-weight: bold;
}
dd {
	margin: 0 0 1em 1em;
}
code {
	padding:2px 3px;
}
pre {
	padding:3px 15px;
	margin:0px 0 15px 0;
	line-height:1.3em;
}
blockquote {
	padding:3px 15px;
	margin:0px 0 15px 0;
	background:#EBF5FF;
	border:none;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.elgg-monospace {
	font-family: Monaco, "Courier New", Courier, monospace, "Helvetica Neue", Helvetica, Arial, sans-serif, 微軟正黑體;
}

.elgg-heading-site, .elgg-heading-site:hover {
	font-size: 2em;
	line-height: 1.4em;
	color: white;
	text-shadow: 0 0 1px #627AAD;
	text-decoration: none;
}
.elgg-heading-main {
	float: left;
	max-width: 530px;
	margin-right: 10px;
}
.elgg-heading-basic {
	color: #0054A7;
	font-size: 1.2em;
	font-weight: bold;
}

/*20130722..S00-20130722002..Jimmy:把字型改大，設定行高*/
.elgg-subtext {
	color: #666666;
    font-size:14px;
    line-height:20px;
}

/* ***************************************
	USER INPUT DISPLAY RESET
*************************************** */
.elgg-output ul, ol {
	margin: 0 1.5em 1.5em 0;
	padding-left: 1.5em;
}
.elgg-output ul {
	list-style-type: disc;
}
.elgg-output ol {
	list-style-type: decimal;
}
.elgg-output table {
	border: 1px solid #ccc;
}
.elgg-output table td {
	border: 1px solid #ccc;
	padding: 3px 5px;
}
.elgg-output img {
	max-width: 100%;
}/* <style>
/* ***************************************
	Form Elements
*************************************** */
fieldset > div {
	margin-bottom: 15px;
}
/*20130806..S00-20130806001..Jimmy:調整UI*/
fieldset > div:last-child {
	margin-bottom: 0;
}

label {
	font-weight: bold;
}

input, textarea {    
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, 微軟正黑體;
	border: 1px solid #BDC7D8;
    /*20130528..Jimmy:調整樣式 */
	padding: 7px;
    font-size:14px;
    font-weight:bold;
	width: 100%;
    *padding: 0em !important;
    *height: 24px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*20140321..TFS566..Wesley:加入新版register form css*/
.newregister{
    width: 60%;
    padding: 0 10px;
    height: 35px;
    border: 1px solid #999;
    border-radius: 5px;
    margin-left: 10px;
}

textarea {
	height: 200px;
}

.elgg-longtext-control {
	float: right;
	margin-left: 14px;
	font-size: 80%;
	cursor: pointer;
}


.elgg-input-access {
	margin:5px 0 0 0;
}

input[type="checkbox"],
input[type="radio"] {
	margin:0 3px 0 0;
	padding:0;
	border:none;
	width:auto;
}
.elgg-input-checkboxes.elgg-horizontal li,
.elgg-input-radio.elgg-horizontal li {
	display: inline;
	padding-right: 10px;
}

.ui-datepicker {
	background:white;
	border-bottom: 2px solid #293E6C;
    /*20130531..Jimmy:修改calendar的width*/
    width:300px;
}	

.ui-datepicker-header {
	text-align: center;
	background: #6D84B7;
	color: white;
	font-weight: bold;
	padding: 3px 3px 4px;
	vertical-align:center;
	border: 1px solid #3A589B;
	border-width: 0 1px;
}

.ui-datepicker-next,
.ui-datepicker-prev {
	text-decoration: none;
	color:white;
	width: 14.2857%;
}

.ui-datepicker-next {
	padding-right: 3px;
	float:right;
}

.ui-datepicker-prev {
	padding-left: 3px;
	float:left;
}

.ui-datepicker-calendar {
	width: 100%;
	border-collapse: separate;
	border: 1px solid #777;
	border-width: 0 1px;
}

.ui-datepicker-calendar th {
	background: #F2F2F2;
	border-bottom: 1px solid #BBB;
	font-size: 9px;
	font-weight: bold;
	padding: 3px 2px;
	text-align: center;
}

.ui-datepicker-calendar td {
	padding: 0;
}

.ui-datepicker-calendar a {
	display: block;
	margin: 1px;
	padding: 4px;
	border: 1px solid white;
	color: #666;
	cursor: pointer;
	text-align:center;
	text-decoration: none;
}

.ui-datepicker-calendar .ui-datepicker-current-day > a {
	font-weight: bold;
	background: #DDD;
}

.ui-datepicker-calendar .ui-state-hover {
	color: #3B5998;
	border-color: #BEC8DD;
	background-color: #DFE4EE;
}


/* ***************************************
	FRIENDS PICKER
*************************************** */
.friends-picker-container h3 {
	font-size:4em !important;
	text-align: left;
	margin:10px 0 20px !important;
	color:#999 !important;
	background: none !important;
	padding:0 !important;
}
.friends-picker .friends-picker-container .panel ul {
	text-align: left;
	margin: 0;
	padding:0;
}
.friends-picker-wrapper {
	margin: 0;
	padding:0;
	position: relative;
	width: 100%;
}
.friends-picker {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding:0;
	width: 730px;
	height: auto;
	background-color: #dedede;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.friendspicker-savebuttons {
	background: white;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	margin:0 10px 10px;
}
.friends-picker .friends-picker-container { /* long container used to house end-to-end panels. Width is calculated in JS  */
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	list-style-type: none;
}
.friends-picker .friends-picker-container .panel {
	float:left;
	height: 100%;
	position: relative;
	width: 730px;
	margin: 0;
	padding:0;
}
.friends-picker .friends-picker-container .panel .wrapper {
	margin: 0;
	padding:4px 10px 10px 10px;
	min-height: 230px;
}
.friends-picker-navigation {
	margin: 0 0 10px;
	padding:0 0 10px;
	border-bottom:1px solid #ccc;
}
.friends-picker-navigation ul {
	list-style: none;
	padding-left: 0;
}
.friends-picker-navigation ul li {
	float: left;
	margin:0;
	background:white;
}
.friends-picker-navigation a {
	font-weight: bold;
	text-align: center;
	background: white;
	color: #999;
	text-decoration: none;
	display: block;
	padding: 0;
	width:20px;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.tabHasContent {
	background: white;
	color:#333 !important;
}
.friends-picker-navigation li a:hover {
	background: #333;
	color:white !important;
}
.friends-picker-navigation li a.current {
	background: #4690D6;
	color:white !important;
}
.friends-picker-navigation-l, .friends-picker-navigation-r {
	position: absolute;
	top: 46px;
	text-indent: -9000em;
}
.friends-picker-navigation-l a, .friends-picker-navigation-r a {
	display: block;
	height: 40px;
	width: 40px;
}
.friends-picker-navigation-l {
	right: 48px;
	z-index:1;
}
.friends-picker-navigation-r {
	right: 0;
	z-index:1;
}
.friends-picker-navigation-l {
	background: url("https://service.digiwin.com/_graphics/friendspicker.png") no-repeat left top;
}
.friends-picker-navigation-r {
	background: url("https://service.digiwin.com/_graphics/friendspicker.png") no-repeat -60px top;
}
.friends-picker-navigation-l:hover {
	background: url("https://service.digiwin.com/_graphics/friendspicker.png") no-repeat left -44px;
}
.friends-picker-navigation-r:hover {
	background: url("https://service.digiwin.com/_graphics/friendspicker.png") no-repeat -60px -44px;
}
.friendspicker-savebuttons .elgg-button-submit,
.friendspicker-savebuttons .elgg-button-cancel {
	margin:5px 20px 5px 5px;
}
.friendspicker-members-table {
	background: #dedede;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	margin:10px 0 0;
	padding:10px 10px 0;
}

/* ***************************************
	USER PICKER
*************************************** */

.user-picker .user-picker-entry {
	clear:both;
	height:25px;
	padding:5px;
	margin-top:5px;
	border-bottom:1px solid #cccccc;
}
.user-picker-entry .elgg-button-delete {
	margin-right:10px;
}

.group-edit-outer{
    overflow:hidden;
    white-space: nowrap;
    margin-bottom:5px;
}

.invisible{
    height:0;
}

.group-edit-title{
    float:left;
	width:90px;
    padding:5px;
}

.group-edit > div > div:first-child span{
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color:#000;
	font-size:16px;
	font-weight:bold;
	padding-right:15px;
	padding-left:10px;
	line-height:1.6;
}

.group-edit > div > div:last-child{
    
}

.group-edit > div > div:last-child input[type="text"]{
    width:450px;
}

.groups-functions{
    float:right;
}

.comment-image-upload {

}

.comment-image-upload input[type="file"] {
   filter: alpha(opacity=0);
   opacity: 0;
   width:18px;
   height:18px;
   cursor:pointer;
}

.comment-image-outer{
padding: 5px;
border: 1px solid rgb(199, 199, 199);
width: 100px;
}

.upload-content{
border: 5px solid silver;
padding: 15px;
width: 500px;
position: absolute;
top: 30%;
left: 20%;
z-index: 999;
background-color: white;
}

.close-image-window{
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url('https://service.digiwin.com/vendors/jquery/fancybox/fancybox.png') -40px 0px;
cursor: pointer;
z-index: 1103;
}

.share-form-title{
background-color: gainsboro;
height: 20px;
padding: 5px;
font-size: 14px;
font-weight: bold;
}

.share-form-to{
height: 20px;
padding: 5px;
font-weight: bold;
font-size: 14px;
}/* <style>
/* **************************
	BUTTONS
************************** */

.elgg-button + .elgg-button {
	margin-left: 4px;
}

/* Base */
.elgg-button {
	color: #333;
	font-weight: bold;
	text-decoration: none;
	width: auto;
	margin: 0;
	line-height: 16px;
    /*20130528..Jimmy:修改font-size跟padding*/
	font-size: 14px;
	padding: 8px;
	cursor: pointer;
	outline: none;
	text-align: center;
	white-space: nowrap;

	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #fff;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #fff;

	border: 1px solid #999;
	border-bottom-color: #888;

    background: #eee;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f6f6), to(#e4e4e3));
    background: -moz-linear-gradient(#f5f6f6, #e4e4e3);
    background: -o-linear-gradient(#f5f6f6, #e4e4e3);
    background: linear-gradient(#f5f6f6, #e4e4e3);
}

.elgg-button:hover {
	color:#333;
	text-decoration:none;
}

.elgg-button:active {
	background: #ddd;
	border-bottom-color:#999;
	
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.elgg-button.elgg-state-disabled {
	background: #F2F2F2;
	border-color: #C8C8C8;
	color: #B8B8B8;
	cursor: default;
	
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

/* Submit: This button should convey, "you're about to take some definitive action" */
.elgg-button-submit {
	color: #fff !important;
    background: #5B74A8;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#637bad), to(#5872a7));
    background: -moz-linear-gradient(#637bad, #5872a7);
    background: -o-linear-gradient(#637bad, #5872a7);
    background: linear-gradient(#637bad, #5872a7);
	border-color: #29447E #29447E #1A356E;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #8a9cc2;
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #8a9cc2;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #8a9cc2;
	
}

.elgg-button-submit:active {
	background: #4f6aa3;
	border-bottom-color: #29447e;
}

.elgg-button-submit.elgg-state-disabled {
	background: #ADBAD4;
	border-color: #94A2BF;
}


/* Delete: This button should convey "be careful before you click me" */
.elgg-button-delete {
	background: #444;
	border: 1px solid #333;
	color: #eee !important;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #999;
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #999;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #999;
}

.elgg-button-delete:active {
	background: #111;
}

.elgg-button-delete.elgg-state-disabled {
	background: #999;
	border-color: #888;
}

/* Special: This button should convey "please click me!" */
.elgg-button-special {
	color:white !important;
    background: #69a74e;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#75ae5c), to(#67a54b));
    background: -moz-linear-gradient(#75ae5c, #67a54b);
    background: -o-linear-gradient(#75ae5c, #67a54b);
    background: linear-gradient(#75ae5c, #67a54b);
	border-color: #3b6e22 #3b6e22 #2c5115;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #98c286;
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #98c286;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #98c286;
}

.elgg-button-special:active {
	background:#609946;
	border-bottom-color:#3b6e22;
}

.elgg-button-special.elgg-state-disabled {
	background: #B4D3A7;
	border-color: #9DB791;
}

/* Other button modifiers */
.elgg-button-dropdown {
	color: white;
	border:1px solid #71B9F7;
}

.elgg-button-dropdown:after {
	content: " \25BC ";
	font-size: smaller;
}

.elgg-button-dropdown:hover {
	background-color:#71B9F7;
}

.elgg-button-dropdown.elgg-state-active {
	background: #ccc;
	color: #333;
	border:1px solid #ccc;
}

.elgg-button-large {
	font-size: 13px;
	line-height: 19px;
}

/*20140210...315..feehong:38dee按鈕統一CSS規則-約定右上角的大button的最小寬度;*/
.bigbtn-minwidth {
  min-width:100px;
}
/* <style>
/* ***************************************
	ICONS
*************************************** */

.elgg-icon {
	background: transparent url(https://service.digiwin.com/_graphics/elgg_sprites.png?2395) no-repeat left;
	width: 16px;
	height: 18px;
	margin: 0 2px;
    vertical-align: middle;
    margin-right: 8px;
}

/**20131105..S00-20131104001..Jimmy:將icon合併到同一個sprites.png中**/
.elgg-icon-topbar{
	background: transparent url(https://service.digiwin.com/_graphics/elgg_sprites.png) no-repeat left;
	width: 18px;
	height: 18px;
	margin: 0 2px;
    margin-bottom:5px;
}

.elgg-icon-arrow-left {
	background-position: 0 -0px;
}
.elgg-icon-topbar-arrow-right {
	background-position: 0 -413px;
}
.elgg-icon-arrow-two-head {
	background-position: 0 -36px;
}
.elgg-icon-attention {
	background-position: -217px -72px;
}
.elgg-icon-calendar {
	background-position: -126px -467px;
}
/**20140114..T00-20140114001..Wesley:新增公告任務專案三個圖示**/
.elgg-icon-notice {
	background-position:-217px -576px;
}
.elgg-icon-task {
	background-position:-217px -666px;
}
.elgg-icon-wbs {
	background-position:-126px -612px;
}
.elgg-icon-cell-phone {
	background-position: 0 -108px;
}
.elgg-icon-checkmark {
	background-position: 0 -144px;
}
.elgg-icon-clip {
	background-position: -126px -576px;
}
/*20140430..TFS1125..Wesley:加入檔案管理的圖示*/
.elgg-icon-addfolder {
	background-position:-54px -520px;
}
.elgg-icon-removefolder {
	background-position:-54px -538px;
}
.elgg-icon-editfolder {
	background-position:-54px -556px;
}
.elgg-icon-addfolder:hover {
	background-position: -108px -520px;
}
.elgg-icon-removefolder:hover {
	background-position:-108px -538px;
}
.elgg-icon-editfolder:hover {
	background-position:-108px -556px;
}

.elgg-icon-cursor-drag-arrow {
	background-position: 0 -198px;
}
.elgg-icon-delete-alt {
	background-position: 0 -234px;
}
/*delete移到右侧*/
.elgg-icon-delete {
	background: transparent url(https://service.digiwin.com/_graphics/w_delete01.png) no-repeat left;
    float: right;
	width: 12px;
	height: 12px;
}

.elgg-icon-delete:hover {
	background: transparent url(https://service.digiwin.com/_graphics/w_delete02.png) no-repeat left;
    float: right;
	width: 12px;
	height: 12px;
}

.elgg-icon-comment-edit{
    background-position: -54px -433px;
    float: right;
}

.elgg-icon-comment-edit:hover{
    background-position: -72px -433px;
    float: right;
}

.elgg-icon-remove {
    background-position: -217px -449px;
}

.elgg-icon-remove:hover {
    background-position: -199px -449px;
}


/*20130813..S00-20130813006..Jimmy:把delete river的圖式換掉*/
.elgg-river-delete {
	background: transparent url(https://service.digiwin.com/_graphics/widget_tip_b.gif) no-repeat left;
    float: right;
	width: 16px;
	height: 16px;
    border: 1px solid rgb(239, 239, 239);
}

.elgg-river-delete:hover {
    	background: transparent url(https://service.digiwin.com/_graphics/widget_tip_b.gif) no-repeat left;
    float: right;
	width: 16px;
	height: 16px;
    border: 1px solid gray;
}

.elgg-message-delete {
    background-position: 0 -449px;
}

.elgg-message-delete:hover {
    background-position: -18px -449px;
}


/*20130830..S00-20130828001..Wesley:新增左箭頭圖*/
.elgg-icon-turnleft {
	background: transparent url(https://service.digiwin.com/_graphics/elgg_sprites.png) no-repeat left;
	background-position: -56px -54px;
	width:16px;
	height: 52px;       
}
/*20130830..S00-20130828001..Wesley:新增右箭頭圖*/
.elgg-icon-turnright {
	background: transparent url(https://service.digiwin.com/_graphics/elgg_sprites.png) no-repeat left;
	background-position: -56px 0px;
	width:16px;
	height:52px;       
}

/*20130905..S00-20130905001..Wesley:新增左箭頭_mouseover圖*/
.elgg-icon-turnleft-black {
	background: transparent url(https://service.digiwin.com/_graphics/elgg_sprites.png) no-repeat left;
	background-position: -56px -225px;
	width:16px;
	height: 52px;       
}

/*20130905..S00-20130905001..Wesley:新增右箭頭_mouseover圖*/
.elgg-icon-turnright-black {
	background: transparent url(https://service.digiwin.com/_graphics/elgg_sprites.png) no-repeat left;
	background-position: -56px -173px;
	width:16px;
	height: 52px;       
}

.elgg-icon-download {
	background-position: -217px -576px;
}

.elgg-icon-download-file {
	background-position: -217px -433px;
}

.elgg-icon-eye {       
    background-position: -217px -324px;
}
.elgg-icon-facebook {
	background-position: 0 -342px;
}
.elgg-icon-grid {
	background-position: 0 -378px;
}
.elgg-icon-home {
	background-position: -217px -396px;
}
.elgg-icon-hover-menu {
	background-position: 0 -450px;
}
.elgg-icon-info {
	background-position: -217px -73px;
}
.elgg-icon-link {
	background-position: -217px -522px;
}
.elgg-icon-list {
	background-position: -217px -377px;
}
.elgg-icon-lock-closed {
	background-position: -217px -558px;
}
.elgg-icon-lock-open {
	background-position: -217px -576px;
}
.elgg-icon-mail-alt {
	background-position: 0 -612px;
}
.elgg-icon-mail {
	background-position: -217px -305px;
}

.elgg-icon-edit {
	background-position: -18px -485px;
}

.elgg-icon-photo {
	background-position: -217px -666px;
}
.elgg-icon-print-alt {
	background-position: 0 -684px;
}
.elgg-icon-print {
	background-position: 0 -702px;
}
.elgg-icon-push-pin-alt {
	background-position: 0 -720px;
}
.elgg-icon-push-pin {
	background-position: 0 -738px;
}
.elgg-icon-redo {
	background-position: 0 -756px;
}
.elgg-icon-refresh {
	background-position: 0 -792px;
}
.elgg-icon-round-arrow-left {
	background-position: 0 -810px;
}
.elgg-icon-round-arrow-right {
	background-position: 0 -828px;
}
.elgg-icon-round-checkmark {
	background-position: 0 -846px;
}
.elgg-icon-round-minus {
	background-position: 0 -864px;
}
.elgg-icon-round-plus {
	background-position: 0 -882px;
}
.elgg-icon-rss {
	background-position: 0 -900px;
}
.elgg-icon-search-focus {
	background-position: 0 -918px;
}
.elgg-icon-search {
	background-position: 0 -936px;
}
.elgg-icon-settings-alt {
	background-position: 0 -972px;
}
.elgg-icon-settings {
	background-position: 0 -990px;
}
.elgg-icon-share {
	background-position: 0 -1026px;
}
.elgg-icon-shop-cart {
	background-position: 0 -1062px;
}
.elgg-icon-speech-bubble-alt {
	background-position: -217px -613px;
}

.elgg-icon-speech-bubble-alt-white {
	background-position: -36px -613px;
}

.elgg-icon-speech-bubble {
	background-position: -217px -521px;
}
.elgg-icon-message-bubble {
	background-position: -217px -611px;
}
.elgg-icon-star-alt {
	background-position: 0 -1152px;
}
.elgg-icon-star-empty {
	background-position: 0 -1188px;
}

.elgg-icon-tag {
	background-position: 0 -1260px;
}
.elgg-icon-thumbs-down:hover,
.elgg-icon-thumbs-down-alt {
	background-position: -217px -1296px;
}
.elgg-icon-thumbs-down {
	background-position: -217px -1314px;
}
.elgg-icon-thumbs-up,
.elgg-icon-thumbs-up-alt:hover {
	background-position: -217px -0px;
}
.elgg-icon-thumbs-up:hover,
.elgg-icon-thumbs-up-alt {
	background-position: -18px 0px
}

.elgg-icon-thumbs-up-white{
    background-position: -36px -0px;
}
.elgg-icon-trash {
	background-position: 0 -1386px;
}
.elgg-icon-twitter {
	background-position: 0 -1404px;
}
.elgg-icon-undo {
	background-position: 0 -1422px;
}
.elgg-icon-user {
	background-position: -217px -1458px;
}
.elgg-icon-users {
	background-position: -217px -413px;
}
.elgg-icon-video {
	background-position: 0 -1512px;
}
.elgg-icon-topbar-users {
	background-position: -73px 0px;
}

.elgg-icon-topbar-mail {
	background-position: -73px -18px;
}
.elgg-icon-topbar-refresh {
	background-position: -73px -72px;
}

.elgg-icon-topbar-home {
	background-position: -73px -54px;
}

.elgg-icon-topbar-users:hover {
	background-position: -54px 0px;
}

.elgg-icon-topbar-mail:hover {
	background-position: -54px -18px;
}
.elgg-icon-topbar-refresh:hover {
	background-position: -54px -72px;
}

.elgg-icon-topbar-home:hover {
	background-position: -54px -54px;
}

.elgg-icon-star {
	background-position: -18px -108px;
}

.elgg-icon-enter {
	background-position: -36px -776px;
}

.elgg-icon-leave {
	background-position: -36px -815px;
}

.elgg-icon-blog {
	background-position: -217px -486px;;
}

.elgg-icon-poll {
	background-position: -217px -467px;;
}

.elgg-icon-filer {
	background-position: -110px -502px;
}

.elgg-icon-camera {
    background-position: -217px -558px; 
}

.elgg-icon-groupsinfo {
    background-position: -217px -648px;
}

.elgg-icon-work {
    background-position: -217px -269px;
}

.elgg-avatar > .elgg-icon-hover-menu {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
	cursor: pointer;
}

.elgg-ajax-loader {
	background: white url(https://service.digiwin.com/_graphics/ajax_loader_bw.gif) no-repeat center center;
	min-height: 33px;
	min-width: 33px;
}

/*20130813..S00-20130805004..Wesley:加入載入中的畫面圖示*/
.elgg-ajax-loader-event {
	background: white url(https://service.digiwin.com/_graphics/loading.gif) no-repeat center center;
	min-height: 11px;
	min-width: 16px;
}

/*20140114..T00-20140114001..Wesley:拿掉topbar原本登入者背景圖避免圖片重疊改用這個設定*/
.elgg-user-topbar-icon {
width: 16px;
height: 18px;
margin: 0 8px;
vertical-align: middle;
}

/* ***************************************
	AVATAR ICONS
*************************************** */
/*20140122...T00-20140120011...Hsihung 修改avatar位置*/
.elgg-head .elgg-avatar {
margin-left:0px;
}

.elgg-avatar {
	position: relative;
	display:inline-block;
    margin-right:8px;
    margin-left:8px;
}

.elgg-avatar-tiny > a > img {
	width: 25px;
	height: 25px;
}
/*Jimmy:解IE8的问题*/
.elgg-avatar-small > a > img {
	/*width: 40px;*/
	height: 40px;
    border:1px solid #999;
}

.elgg-avatar-medium > a > img {
	width: 100px;
	height: 100px;
}

.elgg-avatar-large > a > img {
	width: 210px;
	height: 210px;
}
/*20140313..TFS520..feehong:[profile]當滑鼠移動到自己的avatar時顯示「點我更換頭像」*/
.cls-avatar-hover {
	 font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
   width: 100px;
   padding: 4px 8px;
   border: 1px ridge;
   border-color:#000;
   background-color: #f2f2f2;
   z-index: 10;
   color: #000;
   font-weight: bold;
   font-size: 12px;
   text-align:center; 
}

.elgg-icon-unreadmail{
    background-position:-109px -430px;
}

.elgg-icon-menu{
	background: transparent url(https://service.digiwin.com/_graphics/elgg_sprites.png) no-repeat left;
	width: 30px;
	height: 30px;
	margin: 0 2px 5px 15px;
    display: inline-block;
    margin-bottom: -5px;
}

.elgg-icon-menu-dashboard {
background-position: -236px 0; 
}

.elgg-icon-menu-member {
background-position: -236px -31px; 
}

.elgg-icon-menu-file {
background-position: -236px -61px; 
}

.elgg-icon-menu-calendar {
background-position: -236px -91px; 
}

.elgg-icon-menu-blog {
background-position: -236px -121px; 
}

.elgg-icon-menu-project {
background-position: -236px -151px; 
}

.elgg-icon-menu-dashboard:hover {
background-position: -266px 0; 
}

.elgg-icon-menu-member:hover {
background-position: -266px -31px; 
}

.elgg-icon-menu-file:hover {
background-position: -266px -61px; 
}

.elgg-icon-menu-calendar:hover {
background-position: -266px -91px; 
}

.elgg-icon-menu-blog:hover {
background-position: -266px -121px; 
}

.elgg-icon-menu-project:hover {
background-position: -266px -151px; 
}

.elgg-icon-text {
background-position: -1000px;
}

.elgg-icon-like-button, .elgg-icon-like-button-yet:hover {
background-position: -235px -450px;
    width:48px;
    height:50px;
}

.elgg-icon-like-button-yet, .elgg-icon-like-button:hover {
background-position: -285px -450px;
    width:48px;
    height:50px;
}

.elgg-icon-dislike-button, .elgg-icon-dislike-button-yet:hover {
background-position: -335px -450px;
    width:48px;
    height:50px;
}

.elgg-icon-dislike-button-yet, .elgg-icon-dislike-button:hover {
background-position: -385px -450px;
    width:48px;
    height:50px;
}

.elgg-icon-topbar-notice{
    background-position: -90px -576px;
 }

.elgg-icon-topbar-notice:hover{
    background-position: -199px -576px;
 }/* <style>
/* ***************************************
	PAGINATION
*************************************** */
.elgg-menu > li > a:hover,
.elgg-menu > li > a {
	text-decoration:none;
}

/* These menus always make room for icons: */
.elgg-menu-owner-block li > a > .elgg-icon,
.elgg-menu-extras li > a > .elgg-icon,
.elgg-menu-page li > a > .elgg-icon,
.elgg-menu-composer li > a > .elgg-icon {
	margin-left: -20px;
	margin-right: 4px;
}

.elgg-pagination {
	display: block;
	border: 1px solid #CCC;
	border-width: 1px 0;
	background: #F7F7F7;
	text-align: center;
}

.elgg-pagination > li {
	display:inline-block;
}

.elgg-pagination > li > a, 
.elgg-pagination > li > span {
	font-size: 13px;
	font-weight: bold;
	margin: 3px 11px 0 0;
	padding: 3px 4px 4px;
	text-align: center;
	display:block;
}
.elgg-pagination > li > a:hover {
	background: #3B5998;
	color: white;
	text-decoration: none;
}

.elgg-pagination > .elgg-state-selected > span {
	border-bottom: 2px solid #3B5998
}

/* ***************************************
	TABS
*************************************** */
.elgg-tabs {
	border-bottom: 1px solid #D8DFEA;
	display: block;
	width: 100%;
	padding-left:15px;
}

.elgg-tabs > li {
	margin: 2px 2px -1px 0;
	display: inline-block;
	background: #D8DFEA;
	border: 1px solid #D8DFEA;
	border-bottom: 0;
}

.elgg-tabs > :hover {
	background: #627AAD;
	border: 1px solid #627AAD;
	border-bottom: 0;
}

.elgg-tabs > li > a {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 3px 11px 4px;
	display:block;
}
.elgg-tabs > :hover > a {
	color: white;
	text-decoration:none;
}

.elgg-tabs > .elgg-state-selected {
	border: 1px solid #D8DFEA;
	border-bottom: 0;
	margin-top: 0;
}

.elgg-tabs > .elgg-state-selected > a,
.elgg-tabs > .elgg-state-selected:hover > a {
	background: white;
	color: #333;
	padding: 5px 10px 4px
}

/* ***************************************
	BREADCRUMBS
*************************************** */
.elgg-breadcrumbs {
	font-size: 80%;
	font-weight: bold;
	line-height: 1.2em;
	color: #bababa;
}
.elgg-breadcrumbs > li {
	display: inline-block;
}
.elgg-breadcrumbs > li:after{
	content: "\003E";
	padding: 0 4px;
	font-weight: normal;
}
.elgg-breadcrumbs > li > a {
	display: inline-block;
	color: #999;
}
.elgg-breadcrumbs > li > a:hover {
	color: #0054a7;
	text-decoration: underline;
}

/* ***************************************
	TOPBAR MENU
*************************************** */
.elgg-menu-topbar {
	float: left;
}

.elgg-menu-topbar > li {
	float:left;
	position: relative;
}

.elgg-menu-topbar > li > a {
	color: white;
	display: block;
	font-weight: bold;
	height: 24px;
    font-size:15px;
}

.elgg-menu-topbar-default > li > a {
	padding: 8px 4px 0;
	margin: 0 1px;
}

.elgg-menu-topbar-default > li > a:hover {
	background: #D698A3;
}

.elgg-menu-topbar-alt {
	float:right;
	margin-right: 1px;
}
.elgg-menu-topbar-alt > li > a {
	padding: 8px 7px 0;
}
.elgg-menu-topbar-alt > li > a:hover {
	background: #D698A3;
}

.elgg-menu-topbar .elgg-menu-parent:after {
	content: " \25BC ";
	font-size: smaller;
}

.elgg-menu-topbar .elgg-child-menu {
	background: white;
	border: 1px solid #333;
	border-bottom: 2px solid #2D4486;
	margin-right: -1px;
	margin-top: -1px;
	min-width: 200px;
	padding: 4px 0;
	position: absolute;
	right: 0;
	top: 100%;
	display:none;
	z-index:1;
}

.elgg-menu-topbar .elgg-child-menu.elgg-state-active {
	display: block;
}

.elgg-menu-topbar .elgg-child-menu > li > a {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	color: #333;
	display: block;
	font-weight: normal;
	height: 18px;
	line-height: 18px;
	padding: 0px 22px;
	white-space: nowrap;
}

.elgg-menu-topbar .elgg-child-menu > li > a:hover {
	background: #6D84B4;
	border-bottom: 1px solid #3B5998;
	border-top: 1px solid #3B5998;
	color: white;
	text-decoration: none;
}

.elgg-menu-topbar > li > .elgg-menu-opened,
.elgg-menu-topbar > li > .elgg-menu-opened:hover {
	background: white;
	border: 1px solid #333;
	border-bottom: 0;
	margin: -1px -1px 0;
	color: #333;
	position:relative;
	z-index: 2;
}

/* ***************************************
	SITE MENU
*************************************** */
.elgg-menu-site:after {
	content: '.';
	clear:both;
	display:block;
	height:0;
	line-height:0;
}
.elgg-menu-site {
	background: #ECEFF5;
}
.elgg-menu-site > li {
	float: left;
}

.elgg-menu-site > li > a {
	padding: 8px 10px;
}

.elgg-menu-site > li > a:hover {
	background: white;
}

/* ***************************************
	TITLE
*************************************** */
.elgg-menu-title {
	float: right;
}

.elgg-menu-title > li {
	display: inline-block;
	margin-left: 4px;
}

/* ***************************************
	FILTER MENU
*************************************** */

.elgg-menu-filter {
	border-bottom: 1px solid #898989;
	display: block;	
	padding-left:10px;
}
.elgg-menu-filter:after {
	content: '.';
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	line-height:0;
}
.elgg-menu-filter > li {
	border: 1px solid #898989;
	float: left;

	margin: 0 -1px -1px 0;
}
.elgg-menu-filter > li > a {
	display: block;
	text-align: center;
	color: #333;
	padding: 0 8px 3px 9px;
	font-weight:bold;
	/*Jimmy*/
    font-size: 16px;
	letter-spacing: 1px;
	line-height: 25px;
	border-bottom: 1px;
	border-radius:6px 6px 0px 0px;
	-moz-border-radius:6px 6px 0px 0px;
	-webkit-border-radius:6px 6px 0px 0px;
    height:25px;
}

.elgg-menu-filter > .elgg-state-selected {
	background: #666;
}
.elgg-menu-filter .elgg-state-selected a {
	
	color: white;
}

/* ***************************************
	PAGE MENU
*************************************** */
.elgg-menu-page {
	border-bottom: 1px solid #EEE;
	margin-bottom: 7px;
	padding-bottom: 7px;
}

.elgg-menu-page li > a {
	display: block;
	color: #333;
	margin-bottom: 1px;
	padding: 3px 8px 3px 26px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, 微軟正黑體;
    
}

.elgg-menu-page li > a:hover {
	background-color: #7988A8;
    color:#FFF;
}
.elgg-menu-page li.elgg-state-selected > a {
	background-color: #2F4B8A;
	font-weight:bold;
    color:#FFF;
}


.elgg-menu-page .elgg-child-menu {
	display: none;
	margin-left: 15px;
}
.elgg-menu-page .elgg-menu-closed:before, 
.elgg-menu-page .elgg-menu-opened:before {
	display: inline-block;
	padding-right: 4px;
}
.elgg-menu-page .elgg-menu-closed:before {
	content: "\002B";
}
.elgg-menu-page .elgg-menu-opened:before {
	content: "\002D";
}

/* ***************************************
	HOVER MENU
*************************************** */
.elgg-menu-hover {
	display: none;
	position: absolute;
	z-index: 10000;

	width: 165px;
	border: solid 1px;
	border-color: #E5E5E5 #999 #999 #E5E5E5;
	background-color: #FFF;

	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50);
}
.elgg-menu-hover > li {
	border-bottom: 1px solid #ddd;
}
.elgg-menu-hover > li:last-child {
	border-bottom: none;
}
.elgg-menu-hover .elgg-heading-basic {
	display: block;
}
.elgg-menu-hover a {
	padding: 2px 8px;
	font-size: 92%;
}
.elgg-menu-hover a:hover {
	background: #ccc;
}
.elgg-menu-hover-admin a {
	color: red;
}
.elgg-menu-hover-admin a:hover {
	color: white;
	background-color: red;
}

/* ***************************************
	FOOTER
*************************************** */
.elgg-menu-footer > li,
.elgg-menu-footer > li > a {
	color:#999;
	display: inline-block;
}

.elgg-menu-footer > li:after {
	content: " \00B7 ";
	padding: 0 4px;
}

.elgg-menu-footer-default {
	float:right;
}

.elgg-menu-footer-alt {
	float: left;
}

/* ***************************************
	ENTITY
*************************************** */
.elgg-menu-entity {
	float: right;
	margin-left: 15px;
	font-size: 90%;
	color: #0E0202;
    font-weight:bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, 微軟正黑體;
}
/*20130722..S00-20130722002..Jimmy:margin-left改小15->8*/
.elgg-menu-entity > li {
	display: inline-block;
	margin-left: 8px;
}
.elgg-menu-entity > li > a {
	color: #0E0202;
    font-weight:bold;
}

/* ***************************************
	OWNER BLOCK
*************************************** */


.elgg-menu-owner-block li > a {
	border-bottom: 1px solid #D8DFEA;
	padding: 3px 8px 3px 26px;
}
.elgg-menu-owner-block li > a:hover {
	background-color: #3B5998;
	color: white;
}
.elgg-menu-owner-block .elgg-state-selected > a {
	background-color: #D8DFEA;
}

.elgg-menu-owner-block .elgg-menu > li > a {
	padding-left: 44px;
}

/* ***************************************
	LONGTEXT
*************************************** */
.elgg-menu-longtext {
	float: right;
}

/* ***************************************
	RIVER
*************************************** */
.elgg-menu-river {
	color: #888;
	display: inline-block;
	margin: 3px 0 0 -3px;
    font-size:13px;
}

.elgg-menu-river > li {
	display: inline;
	font-family: Arial,"新細明體", Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	color:#888;
	padding-top:2px;
	line-height:1.7;
}

.elgg-menu-river > li:before {
	content: " \00B7 ";
	display: inline-block;
	margin: 0 3px;
}

.elgg-menu-river > li > a {
	color: #06C;
	display: inline;
    font-family: Arial,"新細明體", Helvetica, sans-serif;
}

.elgg-menu-river > li > a:hover {
	text-decoration: underline;
}

/* ***************************************
	SIDEBAR EXTRAS (rss, bookmark, etc)
*************************************** */
.elgg-menu-extras > li > a {
	padding: 3px 8px 3px 8px;
    font-size:15px;
}

.elgg-menu-extras > li > a:hover {
	text-decoration:none;
    color:white;
}

/* ***************************************
    COMPOSER
*************************************** */
.elgg-menu-composer {
	display:inline-block;
	height: 22px;
}

.elgg-menu-composer > li {
	font-weight:bold;
	margin-left: 10px;
    font-size:12px;
}

.elgg-menu-composer > li > a {
	line-height: 16px;
	padding-left: 20px;
}

.elgg-menu-composer > li > a:hover {
	text-decoration: underline;
}

.elgg-menu-composer > li.ui-state-active > a {
	cursor: default;
	color: black;
	text-decoration: none;
}

.elgg-menu-composer > .ui-state-active > a:before,
.elgg-menu-composer > .ui-state-active > a:after {
	position: absolute;
	display: block;
	border-width: 8px;
	border-style: solid;
	content: " ";
	height: 0;
	width: 0;
	left: 0;
}

.elgg-menu-composer > .ui-state-active > a:before {
	top: 11px;
	border-color: transparent transparent #B4BBCD transparent;
}

.elgg-menu-composer > .ui-state-active > a:after {
	top: 12px;
	border-color: transparent transparent white transparent;
}

.file-function{
background-color: rgb(221, 218, 218);
padding: 5px;
border-radius: 3px;
}

.view-detail {
    cursor: pointer;
    font-family:新細明體;
    font-size: 13px;
    color: #333;
}

.btn-invite-friend{
	display:block;
	background: transparent url(https://service.digiwin.com/_graphics/elgg_sprites.png) no-repeat;
    background-position: -235px -179px;
    padding:5px 8px;
	padding-left:30px;
	color:#ffffff;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}

.btn-invite-friend:hover{
	text-decoration:none;
    background-position: -235px -209px;
	color:#FC0;
}

.btn-leave-group{
    display: block;
	background: transparent url(https://service.digiwin.com/_graphics/elgg_sprites.png) no-repeat;
    background-position: -235px -239px;
    padding:5px 8px;
	padding-left:30px;
    font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    background-repeat: no-repeat;
    color: #388dac;
    text-decoration: none;
}
.btn-leave-group:hover{
	color:#9e9e9e;
	text-decoration:none;
	background-position: -235px -269px;
}

.like-list-outer{
    padding: 10px;
height: 40px;
border-top: 1px solid gainsboro;
border-bottom: 1px solid gainsboro;
}

.like-list-name{
    float: left;
font-size: 14px;
}

.like-list-name a{
position: relative;
top: -15px;
margin-left: 10px;
font-weight: bold;
}

.like-list-relationship{
    float: right;
}/* <style>
/* ***************************************
	Modules
*************************************** */
/* Info */
.elgg-module-info > .elgg-head {
	background: #ECEFF5;
	border-top: 1px solid #94A3C4;
	margin-bottom: 5px;
    margin-top: 5px;
	padding: 5px 8px;
    background: linear-gradient(top,#FFF,#EBEBEB);   
    background:-moz-linear-gradient(top,#FFF,#EBEBEB);   
    background: -webkit-linear-gradient(top,#FFF,#EBEBEB);   
    border-bottom:dotted 1px #666;
}

/* Aside */
.elgg-module-aside {
	margin-bottom: 15px;
}

.elgg-module-aside > .elgg-head {
	background-color: #F2F2F2;
	border-bottom: none;
	border-top: solid 1px #E2E2E2;
	padding: 4px 5px 5px;
	margin-bottom: 5px;
}

.elgg-module-aside > .elgg-head > h3 {
	font-size: 1em;
}

.elgg-module-aside > .elgg-body {
	padding: 0 5px;
}

/* Popup */
.elgg-module-popup {
	background-color: white;

	z-index: 9999;
	margin-bottom: 0;

	box-shadow: 0 0 0 10px rgba(82, 82, 82, 0.7);
	border-radius: 8px;
}

.elgg-module-popup > .elgg-head {
	background: #6D84B4;
	border: 1px solid #3B5998;
	border-bottom: none;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px;
}

.elgg-module-popup > .elgg-head > h3 {
	color: white;
}

.elgg-module-popup > .elgg-body {
	background: white;
	border: 1px solid #555;
	border-top: 0;
	padding: 10px;
}

.elgg-module-popup > .elgg-foot {
	margin-top: -1px;
	border: 1px solid #3B5998;
	border-top-color: #CCC;
	background: #F2F2F2;
	padding: 8px 10px;
	text-align:right;
}

/* Dropdown */
.elgg-module-dropdown {
	background-color: white;
	border: 1px solid #333;
	border-bottom: 2px solid #293E6A;

	z-index:100;
}

.elgg-module-dropdown > .elgg-body {
	padding: 8px;
}

.elgg-module-dropdown > .elgg-head {
	margin: 7px 8px 0;
	border-bottom: 1px solid #AAA;
	padding-bottom: .5em;
}

.elgg-module-dropdown > .elgg-foot {
	text-align: center;
}

/* Featured */
.elgg-module-featured {
	border: 1px solid #CCC;
	padding: 10px;
	margin-bottom: 20px;
}

/*20130605..Jimmy:加入hover效果*/
.elgg-module-featured:hover {
	background-color: #F2F2D3;
}

.elgg-module-featured > .elgg-head {
	margin-bottom: 10px;
}

/* ***************************************
	Widgets
*************************************** */
.elgg-widgets {
	float: right;
	min-height: 30px;
}
.elgg-widget-add-control {
	text-align: right;
	margin: 5px 5px 15px;
}
.elgg-widgets-add-panel {
	padding: 10px;
	margin: 0 5px 15px;
	background: #dedede;
	border: 2px solid #ccc;
}
.elgg-widgets-add-panel li {
	float: left;
	margin: 2px 10px;
	width: 200px;
	padding: 4px;
	background-color: #ccc;
	border: 2px solid #b0b0b0;
	font-weight: bold;
}
.elgg-widgets-add-panel li a {
	display: block;
}
.elgg-widgets-add-panel .elgg-state-available {
	color: #333;
	cursor: pointer;
}
.elgg-widgets-add-panel .elgg-state-available:hover {
	background-color: #bcbcbc;
}
.elgg-widgets-add-panel .elgg-state-unavailable {
	color: #888;
}

.elgg-module-widget {
	background-color: #dedede;
	padding: 2px;
	margin: 0 5px 15px;
	position: relative;
}
.elgg-module-widget:hover {
	background-color: #ccc;
}
.elgg-module-widget > .elgg-head {
	background-color: #dedede;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
.elgg-module-widget > .elgg-head h3 {
	float: left;
	padding: 0 45px 0 20px;
	color: #333;
}
.elgg-module-widget.elgg-state-draggable > .elgg-head {
	cursor: move;
}
.elgg-module-widget > .elgg-head a {
	position: absolute;
	top: 5px;
	display: inline-block;
	width: 18px;
	height: 18px;
	padding: 2px 2px 0 0;
	border: 1px solid transparent;
}
a.elgg-widget-collapse-button {
	left: 5px;
	background:transparent url(https://service.digiwin.com/_graphics/elgg_sprites.png) no-repeat 0px -385px;
}
a.elgg-widget-collapsed {
	background-position: 0px -365px;
}
a.elgg-widget-delete-button {
	right: 5px;
}
a.elgg-widget-edit-button {
	right: 25px;
}
a.elgg-widget-edit-button:hover, a.elgg-widget-delete-button:hover {
	border: 1px solid #ccc;
}
.elgg-module-widget > .elgg-body {
	background-color: white;
	width: 100%;
	overflow: hidden;
}
.elgg-widget-edit {
	display: none;
	width: 96%;
	padding: 2%;
	border-bottom: 2px solid #dedede;
}
.elgg-widget-content {
	padding: 10px;
}
.elgg-widget-placeholder {
	border: 2px dashed #dedede;
	margin-bottom: 15px;
}

.request-suggestion{
position: fixed;
top: 35%;
padding: 10px;
/* background-color: rgb(34, 34, 143); */
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
right:0;
color: white;
background: rgb(53,106,160); /* Old browsers */  background: -moz-linear-gradient(top,  rgba(53,106,160,1) 0%, rgba(53,106,160,1) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,106,160,1)), color-stop(100%,rgba(53,106,160,1))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 ); /* IE6-9 */;
}

.request-suggestion:hover{
cursor:pointer;
}

.request-suggestion-left{
width: 20px;
font-size: 20px;
font-weight: bold;
line-height: 20px;
border-right: 2px dotted white;
padding-right: 5px;
}

.request-suggestion-right{
margin: 0 auto;
text-align: left;
width: 500px;
padding-top: 40px;
background-image: url(http://www.dsc.com.tw/SNS/images/fbbg.jpg);
background-repeat: no-repeat;
}

.popup_underline{
	width:500px;
	border-bottom:#eee solid 1px;
	overflow:hidden;
	margin-bottom:5px;
}

.feedback02 {
float: left;
font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
color: #000;
font-size: 16px;
font-weight: bold;
padding-right: 15px;
padding-left: 8px;
line-height: 1.6;
width: auto;
}

.feedback01 {
float: left;
padding-bottom: 5px;
width: auto;
text-align: left;
}

#Menulist01{
	width:200px;
	margin-left:8px;
	overflow:hidden;
}

.newmenubu01 {
float: left;
width: 80px;
height: 80px;
border-radius: 3px;
border: #999 1px solid;
margin: 7px;
position: relative;
}

.newmenuburbtcon {
display: block;
margin:10px;
}

.newmenutext{
display: inline-block;
color: #666;
font-weight: normal;
font-size: 12px;
}

.newmenuburline {
width: 80px;
height: 3px;
background-color: #882641;
position: absolute;
top: 0;
}

.newmenubutline {
width: 80px;
height: 3px;
background-color: #882641;
position: absolute;
bottom: 0;
}

.newmenubkline {
width: 80px;
background-color: #666;
position: absolute;
bottom: 0;
text-align: center;
font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
padding: 2px 0;
}

.newmenubkline a:hover {
color: #F90;
}
.newmenubkline a {
color: #ffffff;
text-decoration: none;
}
.newmenuadmin {
font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
font-size: 16px;
color: #333;
line-height: 160%;
font-weight: bold;
padding-right: 5px;
}

.newmenudis {
font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666;
line-height: 1.5;
}

.newmenuedit {
float: right;
font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
font-size: 14px;
height: 20px;
}/* <style>
/* ***************************************
	Image Block
*************************************** */
.elgg-image-block .elgg-image {
	float: left;
}
.elgg-image-block .elgg-image-alt {
	float: right;
	margin-left: 5px;
}

.elgg-image{
	float: left;
}

/* ***************************************
	List
*************************************** */
.elgg-list {
	clear: both;
}

.elgg-list > li {
	border-bottom: 1px solid #E9E9E9;
	padding: 5px 0;
}
.elgg-list > li:last-child {
	border-bottom: 0;
}

.elgg-list-item .elgg-subtext {
	margin-bottom: 5px;
}
.elgg-list-content {
	margin: 10px 5px;
}

/* ***************************************
	Gallery
*************************************** */
.elgg-gallery {
	border: none;
	margin-right: auto;
	margin-left: auto;
    margin-top: 30px;
}
.elgg-gallery td {
	padding: 5px;
}
.elgg-gallery-fluid li {
	float: left;
}

/* ***************************************
	Tables
*************************************** */
.elgg-table {
	width: 100%;
	border-top: 1px solid #ccc;
}
.elgg-table td, .elgg-table th {
	padding: 4px 8px;
	border: 1px solid #ccc;
}
.elgg-table th {
	background-color: #ddd;
}
.elgg-table tr:nth-child(odd), .elgg-table tr.odd {
	background-color: #fff;
}
.elgg-table tr:nth-child(even), .elgg-table tr.even {
	background-color: #f0f0f0;
}
.elgg-table-alt {
	width: 100%;
	border-top: 1px solid #ccc;
}
.elgg-table-alt td {
	padding: 2px 4px 2px 4px;
	border-bottom: 1px solid #ccc;
}
.elgg-table-alt td:first-child {
	width: 200px;
}
.elgg-table-alt tr:hover {
	background: #E4E4E4;
}

/* ***************************************
	Owner Block
*************************************** */
.elgg-owner-block {
	margin-bottom: 20px;
}

/* ***************************************
	Messages
*************************************** */
.elgg-message {
	color: white;
	font-weight: bold;
	display: block;
	padding: 8px 32px;
	cursor: pointer;
	opacity: 0.9;
    font-size: 16px;

	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
}
.elgg-state-success {
    background-color: rgb(211, 238, 255);
    border-color: rgb(121, 193, 239);
    color: black;
}
.elgg-state-error {
    background-color: rgb(255, 211, 237);
    border-color: rgb(121, 193, 239);
    color: red;
}
/*20140121..T00-20140120015..Wesley:新增.elgg-state-notice*/
.elgg-state-notice {
	background-color: rgb(211, 238, 255);
    border-color: rgb(121, 193, 239);
    color: #534F4F;    
}
.elgg-state-notice p{
    overflow:hidden;    
}

/* ***************************************
	River 
    //20130805..S00-20130805006..Jimmy:調寬寬度，right改成10px
*************************************** */
.elgg-river > li {
	border-bottom: 1px solid #E9E9E9;
	padding: 10px 10px 10px 0;
    width:530px;
}

.elgg-river-item {
	padding: 7px 0;
}

.elgg-river-timestamp {
	color: #888;
	margin-top: 3px;
	display: inline-block;
    /*20130604..Jimmy:把時間的字型改小*/
    font-size: 12px;
}

.elgg-river-message {
	font-family: Arial,"新細明體", Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:1px;
	padding-left:10px;
	color:#222;
	padding-top:2px;
	line-height:1.7;
    font-weight:normal;
}

.elgg-river-message a {
	font-family: Arial,"新細明體", Helvetica, sans-serif;
}

/*20130528..Jimmy:調大字型 */
.elgg-river-summary {
	font-weight: normal;
	font-size: 14px;
	color: gray;
    margin-left: 8px;
    font-family: Arial,"新細明體", Helvetica, sans-serif;
}

/*20130528..Jimmy:部分的link無法套用粗體，直接這樣用 */
.elgg-river-summary > a{
	font-weight: bold;
    font-family: Arial,"新細明體", Helvetica, sans-serif;
}

.elgg-river-subject,
.elgg-river-target {
	font-weight: bold;
    font-family: Arial,"新細明體", Helvetica, sans-serif;
}

.elgg-river-attachments {
	color: #777;
    margin-left: 10px;
}

/* The following styles produce the speech-bubble "nub" (triangle) */
/*20140220..490..Wesley:避免搜尋出來的user_tag造成畫面跳動*/
.elgg-river-responses {
	position: static;
	padding-top: 5px;
    margin-left: 8px;
}

/* 20150120..Hsihung:位置錯了，先拿掉
.elgg-river-responses:before {
	width: 0px;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
	clear: both;
	content: " ";
	
	
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #EDEFF4;
	
	
	position: absolute;
	top: 0px;
	left: 15px;
}
*/

/* End speech bubble nub */

/* .elgg-river-responses > :not(ul, ol), */ /* <-- too advanced? */
.elgg-river-responses > div,
.elgg-river-responses > form,
.elgg-river-responses > ul > li {
	background-color: #efefef;
	border-bottom: 1px #CCDFE3 solid;
	margin-bottom: 1px;
	padding-left: 4px;
    padding-right: 4px;
    padding-top: 8px;
	padding-bottom: 8px;
    font-family: Arial,"新細明體", Helvetica, sans-serif;
}

.elgg-river-layout .elgg-input-dropdown {
	float: right;
	margin: 10px 0;
}

.elgg-river-comments {
	margin: 0;
	border-top: none;
}

.elgg-river-more {
	background-color: #EEE;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	padding: 2px 4px;
	font-size: 85%;
	margin-bottom: 2px;
}

/* ***************************************
	Tags
*************************************** */
.elgg-tags {
	display: inline;
	font-size: 85%;
}
.elgg-tags li {
	display: inline;
	margin-right: 5px;
}
.elgg-tags li:after {
	content: ",";
}
.elgg-tags li:last-child:after {
	content: "";
}
.elgg-tagcloud {
	text-align: justify;
}

/* MISCELLANEOUS */
.elgg-photo {
	border: 1px solid #ccc;
	padding: 3px;
	background-color: white;
    max-width:400px;
}

.file-shortcut{
    border-left:2px solid #ccc;
}

.elgg-comments {
	margin-top: 25px;
}
.elgg-comments > form {
	margin-top: 15px;
}

.river-item-delete{
    float:right;
    display:none;
}

/* ***************************************
	20131008..S00-20131017001..wesley:塗鴉牆顯示電子名片功能css設定
*************************************** */
.user{
	width:385px;
	height:180px;
    border:0;
    margin:0;
    padding:0;
    font-size:12px;
    font-weight:normal;
    text-align:left;
    color:#000;
    position:absolute;
    left:0;
    top:0;
    background:#fff;
    display:none;
    z-index: 999;
}
.in{
    border: 1px solid #8c8c8c;
    border: 1px solid rgba(0, 0, 0, .45);
    background: #FFF;
    width: 252px;
    height: 147px;
    margin: 0px;
    padding: 15px;
    position: absolute;
    top: 2px;
    left: 3px;
    overflow: hidden;-moz-box-shadow: 0 0 20px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.3);
    box-shadow: 0 3px 8px rgba(0,0,0,0.3);
    z-index: 998;
}
.in img{
    float:left;
    margin-right:15px;
    width:65px;
    height:75px;
}
.in div{
    float: left;
    height: 110px;
    width: 160px;
    line-height: 23px;
}
.arrawbottom-up-left {
    width: 0px;
    height:0px;
    border: 9px solid;
    border-color: transparent transparent #999 transparent;z-index: 999;
    position: absolute;
    top: -16px;
    left: 21px;
}
.arrawup-up-left {
        width: 0px;
        height:0px;
        border: 9px solid;border-color: transparent transparent #FFF transparent;
        z-index: 1000;
        position: absolute;
        top: -16px;
        left: 21px;
    }
.arrawbottom-up-right {
    width: 0px;
    height:0px;
    border: 9px solid;border-color: transparent transparent #333 transparent;
    z-index: 999;
    position: absolute;
    top: -16px;
    left: 244px;
}
.arrawup-up-right {
    width: 0px;
    height:0px;
    border: 9px solid;border-color: transparent transparent #FFF transparent;
    z-index: 1000;
    position: absolute;
    top: -16px;
    left: 244px;
}
.arrawbottom-bottom-right {
    width: 0px;
    height: 0px;border: 9px solid;
    border-color: #333 transparent transparent transparent;
    z-index: 1000;
    position: absolute;
    top: 198px;
    left: 244px;
}
.arrawup-bottom-right {
    width: 0px;
    height: 0px;
    border: 9px solid;border-color: #FFF transparent transparent transparent;
    z-index: 999;
    position: absolute;top: 180px;
    left: 244px;
}
.arrawbottom-bottom-left {
    width: 0px;
    height: 0px;
    border: 9px solid;border-color: #999 transparent transparent transparent;
    z-index: 1000;
    position: absolute;
    top: 198px;
    left: 21px;
}
.arrawup-bottom-left {
    width: 0px;
    height: 0px;
    border: 9px solid;
    border-color: #FFF transparent transparent transparent;
    z-index: 999;
    position: absolute;
    top: 198px;
    left: 21px;
}

.namecard{
	width:385px;
	height:180px;
	background-color:#FFF;
	background-image:url(https://service.digiwin.com/_graphics/namecard_b.png);
	border-radius:4px;
	border:#999 1px solid;
	overflow:hidden;
	padding:8px;
	box-shadow:0px 1px 3px rgba(30%,30%,30%,0.7);
	overflow:hidden;
}
.namecard .popuptop{
	width:385px;
	height:11px;
	float:left;
	padding-left:20px;
}

.namecard-left{
float:left;
height:150px;
}

.namecard-right{
float:right;
width:270px;
}

.namecard .intro{
	font-family:Arial,"新細明體", Helvetica, sans-serif;
	font-size:13px;
	height:20px;
	color:#888;
	letter-spacing:1px;
}

.namecard .introdark{
	width:270px;
	height:77px;
	font-family:Arial,"新細明體", Helvetica, sans-serif;
	font-size:13px;
	line-height:1.4;
	color:#666;
	letter-spacing:1px;
	padding-top:5px;
}
.namecard ul{	
    float: right;
}
.namecard li{
	float: left;
	padding-left:20px;
	padding-top: 5px;
}
.namecard .image{
	float:left;
	border:1px solid #ccc;
	margin-right: 12px;
}

.namecard .name{
	height:30px;
}

 .namecardbutton{
	-moz-box-shadow:inset 0px 2px 3px 0px #ffffff;
	-webkit-box-shadow:inset 0px 2px 3px 0px #ffffff;
	box-shadow:inset 0px 2px 3px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0;
	border:1px solid #999;
	display:inline-block;
	color:#888;
	font-family: Arial,"新細明體";
	font-size:12px;
	font-style:normal;
	height:20px;
	line-height:20px;
	width:70px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 1px 0px #ffffff;
	margin-top:7px;
}
.namecardbutton:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
	color:#F00;
	border:1px solid #666;
}
.deltefriendbutton{
	-moz-box-shadow:inset 0px 2px 3px 0px #ffffff;
	-webkit-box-shadow:inset 0px 2px 3px 0px #ffffff;
	box-shadow:inset 0px 2px 3px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffcccc), color-stop(1, #ffe3e3) );
	background:-moz-linear-gradient( center top, #ffcccc 5%, #ffe3e3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0;
	border:1px solid #999;
	display:inline-block;
	color:#888;
	font-family: Arial,"新細明體";
	font-size:12px;
	font-style:normal;
	height:20px;
	line-height:20px;
	width:70px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 1px 0px #ffffff;
	margin-top:7px;
}
.deltefriendbutton:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffe3e3), color-stop(1, #ffcccc) );
	background:-moz-linear-gradient( center top, #ffe3e3 5%, #ffcccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
	color:#F00;
	border:1px solid #666;
}

.namecard-title{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#06C;
	letter-spacing:1px;
	text-decoration:none;
	font-weight:bold;
	line-height:1.6;
}
.namecard-title:hover{
	color:#F00;
}

/* ***************************************
	//20131101..S00-20130913003..Wesley:增加user_tag    
*************************************** */
#msgbox {
    float:left;
    border:solid 1px #dedede;
    padding:4px;
    display:none;
    background-color:#f2f2f2;
    width:250px;
    /*20140220..490..Wesley:避免搜尋出來的user_tag造成畫面跳動*/
    z-index:9999;
    position: absolute;
}
#display {
    display:none;
    border-left:solid 1px #dedede;
    border-right:solid 1px #dedede;
    border-bottom:solid 1px #dedede;
    overflow:hidden;
    margin-bottom:0px;
    width:250px;
    /*20140220..490..Wesley:避免搜尋出來的user_tag造成畫面跳動*/
    z-index:9999;
    position: absolute;
}
.display_box {
    padding:4px;
    border-top:solid 1px #dedede;
    font-size:12px;
    height:30px;
    background: white;
    cursor: pointer;    
}
.display_box:hover {
    background:#6d84b4;
    font-weight:bold;
}
.display_box:hover a {
    color:white;
}

.display_box a {
    color:#333;
}

.display_box img {
    width:25px;
    float:left;
    margin-right:6px;
}
/*20140224..489..Wesley:與任務一致css顯示設定*/
.display_usertag {
    background: #eff2f7;
    border: 1px solid #ccd5e4;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: auto !important;
    color: #1c2a47;
    cursor: default;
    display: block;
    float: left;
    height: 15px;
    margin: 3px;
    padding: 1px 3px;
    position: relative;
    font-size:11px;
    font-family: Arial,"新細明體", Helvetica, sans-serif;
}
.display_usertag:hover {
    color: #1c2a47;
}
/*20140225..539..Wesley:新增tag樣式*/
.display_box.tagmove {
    background: #6d84b4;
    font-weight: bolder;
}

.display_box.tagmove a{
    color:#FFF;
}

.tagmovea {
    color: #FFF;   
}

.member-picker{
    width:380px;
    max-height: 200px;
    border:solid 1px gray;
    display:block;
    position:absolute;
    background-color:white;
    z-index:999;
    padding:10px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

.member-picker-hide{
    display:none;
}

.sidebar-alt-notice{
width: 166px;
padding-top: 4px;
padding-bottom: 8px;
border-bottom: #CCC dotted 1px;
overflow: hidden;
}

.notice-title{
line-height: 1.5;
color:blue;
}

    .Share_Box,.event_sharebox{
	width:300px;
	margin-left:10px;
	border-radius:4px;
	border:1px solid #ddd;
	padding: 10px;
	overflow: hidden;
}

.event_sharebox{
    width:95%;
    border:none;
    text-align: right;
    }

.icontt{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	padding-left:10px;
	color:#333;
    float: left;
    margin-top: 10px;
}
.shareouter, shareouter-dislike{
	float:left;	
	overflow:hidden;
    height:50px;
}

.mwt_border{
	width:50px;
	text-align:center;
	background:#fff;
	position:relative;
	border:solid 1px #B5B5B5;
    
}
.mwt_border .arrow_l_int{
width: 0px;
height: 0px;
border-width: 5px;
border-style: solid;
border-color: transparent #333 transparent transparent;
position: absolute;
top: 20%;
left: -10px;
}
/*箭頭左-邊框*/
.mwt_border .arrow_l_out{
width: 0px;
height: 0px;
border-width: 5px;
border-style: solid;
border-color: transparent #fff transparent transparent;
position: absolute;
top: 20%;
left: -9px;
}

.annotation-count{
    padding: 0 5px;
font-size: 16px;
font-weight: bold;
position: absolute;
z-index: 999;
padding-top: 30px;
width: 40px;
    color: white;
    }/* <style>
/* ***************************************
	PAGE LAYOUT
*************************************** */
/***** DEFAULT LAYOUT ******/

/*20130620..S00-20130620004..Jimmy:調整width為1024px*/
.elgg-page-default .elgg-page-body > .elgg-inner {
	width: 1024px;
    min-width:500px;
	margin: 0 auto;
}

.elgg-page-default .elgg-page-body{
    padding-bottom:30px;
}


.elgg-page-default .elgg-page-footer > .elgg-inner {
	/*margin-left: 181px;*/
    text-align:middle;
}

.elgg-page-footer > .elgg-inner:after {
	display:block;
	content: '.';
	clear:both;
	visibility:hidden;
	height:0;
}

/***** TOPBAR ******/
.elgg-page-topbar {
	background: #882641;
	position: fixed;
	height: 46px;
	left: 0;
	right: 0;
	z-index: 10000;
    box-shadow: 0px 1px 3px rgba(30%,30%,30%,0.6);
}

/*20130620..S00-20130620004..Jimmy:調整width為80%*/
/*20140730..TFS1736..feehong:[service]調整elgg-page-topbar，在低解析度時，個人設定的選項看不到。*/
.elgg-page-topbar > .elgg-inner {
	padding-top: 6px;
	/*width: 1024px;*/
	max-width: 1024px;
    min-width:500px;
	margin: 0 auto;
	position: relative;
}

.elgg-page-body {
	padding-top: 38px;
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#E6E6E6;
	background-image:url(https://service.digiwin.com/_graphics/gbg.png);
}

/***** PAGE MESSAGES ******/
/* 20140121..T00-20140120015..Wesley:將所有system_message顯示往右位移right: 10%;
   20140515..TFS1314..Wesley:訊息顯示優先順序為第一避免被facybox擋住 */
.elgg-system-messages {
	position: fixed;
	top: 50px;
	right: 10%;
	max-width: 500px;
	z-index: 10000;
}
.elgg-system-messages li {
	margin-top: 10px;
}
.elgg-system-messages li p {
	margin: 0;
}

/***** PAGE HEADER ******/
.elgg-page-header {
	position: relative;
	background: #882641;
}
.elgg-page-header > .elgg-inner {
	padding-top: 6px;
	width: 1024px;
    min-width:500px;
	margin: 0 auto;
	position: relative;
}

/***** PAGE BODY LAYOUT ******/
.elgg-layout {
	min-height: 360px;
}

.elgg-layout-one-column {
	padding: 10px 0;
}

.elgg-sidebar {
	position: relative;
	padding: 20px 0 0 10px;
	float: left;
	width: 210px;
	min-height: 400px;
    background-color:white;
	margin-right: 10px;
    border:1px solid #B3B3B3;
}

.elgg-sidebar-alt {
	position: relative;
	float: right;
	width: 180px;
	margin-left: 10px;
    background-color:white;
    padding: 0 10px;
}

.elgg-main {
	position: relative;
    min-height:600px;
}

.elgg-layout-two-sidebar > .elgg-body,
.elgg-layout-one-sidebar > .elgg-body {
	border: 1px solid #B3B3B3;
	border-top: 0;
	padding: 15px 20px;
    background-color:white;
    margin-top: 25px;
}

.elgg-layout > .elgg-body > .elgg-head {
	padding-bottom: 3px;
}

/***** PAGE FOOTER ******/
.elgg-page-footer {
    _position: absolute;  /*20131118..Maxine：讓footer絕對置底position: fixed;*/
    position:fixed;
	bottom: 0;
	height: 30px;
	width: 100%;
	border-top: 3px solid #CCC;
	background-color:#FFF;
	overflow:hidden;
    z-index: 9999; /*20131206..A00-20131206002..Wesley:讓footer永遠顯示在最上層*/
}
.elgg-page-footer a:hover {
	color: #666;
}

.ftinner{
    text-align:center;
}

.ftinner ul{
    margin-left:25px;
    white-space: nowrap;
}

.ftinner li{
	display: inline-block;

}

.ftinner li a{
	display:block;
	font-family:"新細明體", Arial, Helvetica, sans-serif;
	color:#454545;
	font-size:13px;
	text-decoration:none;
	letter-spacing:1px;
	margin-left:15px;
	line-height:30px;
	text-decoration:none;
}

.ftinner li a:hover{
	text-decoration:underline;
	color:#999;
}

.ftinner li p{
	text-align:center;
	letter-spacing:1px;
	color:#454545;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:30px;
    margin-left:50px;
}

.about{
	width:1024px;
	height:auto;
	margin:0 auto;
	clear:both;
}

.box-all-empty{
	width:800px;
	border-radius:4px;
	padding-top:13px;
	padding-left:20px;
	padding-bottom:20px;
	border-radius:5px;
	border-bottom:#bbb 1px solid;
	border-right:#bbb 1px solid;
	background-color:#FFF;
	margin:40px auto;
	overflow:hidden;
}

.about-content-title {
	display: block;
	width:710px;
	height: 54px;
	border-bottom: 1px solid #CCC;
	line-height: 32px;
	text-align: left;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 30px;
	letter-spacing: 1px;
}

.about-content-title h1{
    display: block;
	width:130px;
	height: 52px;
	border-bottom: 3px solid #882641;
	font-size: 26px;
    font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height: 54px;
	text-align: left;
}

.footer-main-content {
	width:700px;
	margin:30px auto 20px;
}

.aboutus-content-left{
	display:block;
	width:400px;
	float:left;
}

.aboutus-content-left p{
	font-size: 15px;
    font-family:"新細明體", Arial, Helvetica, sans-serif;
	line-height: 25px;
	text-align:justify;
	text-justify:inter-ideograph;
	padding-bottom:20px;
	padding-right:20px;
	letter-spacing:1px;
	color:#333;
}

.aboutus-contentimg{
	float:left;
	padding-left:10px;
	padding-top:50px;
}

.content-block {
	width:650px;
	padding-left:15px;
	margin-bottom:30px;
}

.content-block h4{
	font-size: 15px;
    font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height: 30px;
	letter-spacing:1px;
	color:#882641;	
}
.content-block h5{
	font-size: 13px;
    font-family:"新細明體", Arial, Helvetica, sans-serif;
	line-height: 25px;
	font-weight:bold;
	letter-spacing:1px;
	color:#444;
	padding:20px 0px 0px;
}

.content-block p{
	font-size: 13px;
    font-family:"新細明體", Arial, Helvetica, sans-serif;
	line-height: 25px;
	letter-spacing:1px;
	color:#333;	
	padding:10px 0px;
	text-align:justify;	
    margin-bottom:0;
}

.content-block ol{
    list-style-type:decimal;
}

.content-block-inner {
	margin-bottom:20px;
}

.content-block-inner p{
	font-size: 13px;
    font-family:"新細明體", Arial, Helvetica, sans-serif;
	line-height: 20px;
	letter-spacing:1px;
	color:#333;	
	text-align:justify;	
	margin-left:33px;
}

.content-block-inner ul{
	list-style:none;
	margin-left:33px;
}

.content-block-inner > ol > div > ol{
	list-style-type: lower-alpha;
	padding:5px 20px 0px 20px;
}

.content-block-inner li{
	font-size: 13px;
    font-family:"新細明體", Arial, Helvetica, sans-serif;
	line-height: 25px;
	text-align:left;
	letter-spacing:1px;
	color:#333;	
}

.faq-content-ans {
	background-color:#e7e7e7;
	height:auto;
	border-top-left-radius:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
}

.faq-content-ans p{
	font-size: 13px;
    font-family:"新細明體", Arial, Helvetica, sans-serif;
	line-height: 25px;
	letter-spacing:1px;
	color:#333;	
	padding:10px 18px;
	text-align:justify;
}

.faq-content-ans p a{
  color: #06C;
  text-decoration:none;
}

.faq-content-ans p a:hover{
  color: #F00;
  text-decoration:underline;
}

.intro-contentimg{
	padding-left:10px;
}

.intro-content-text{
	width:660px;
	padding-left:20px;
	padding-top:20px;
}

.intro-content-text p{
	font-size: 15px;
    font-family:"新細明體", Arial, Helvetica, sans-serif;
	line-height: 25px;
	text-align:justify;
	text-justify:inter-ideograph;
	padding-bottom:20px;
	padding-right:20px;
	letter-spacing:1px;
	color:#333;
}

.membership-content {
	width:600px;
	margin:40px auto;
    clear:both;
}

.membership-contentimg{
	float:left;
	text-align:center;
	vertical-align:middle;
	margin-bottom:40px;
}


.membership-text{
	width:450px;
	float:left;
	margin-left:20px;
	margin-top:15px;
}

.membership-text p{
	font-size: 15px;
    font-family:"新細明體", Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-align:justify;
	text-justify:inter-ideograph;
	letter-spacing:1px;
	color:#333;	
}


.membership-bottom-text p{
	font-size: 15px;
    font-family:"新細明體", Arial, Helvetica, sans-serif;
	line-height: 50px;
	text-align:justify;
	text-justify:inter-ideograph;
	letter-spacing:1px;
	color:#882641;	
	font-weight:bold;
	padding-top:8px;
}


.membership-bottom-text ul{
	list-style:none;
}

.membership-bottom-text li:before{
	content: '• ';
	color: #882641;
	padding:0 8px 0 0px;
}

.membership-bottom-text li{
	font-size: 15px;
    font-family:"新細明體", Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-align:left;
	letter-spacing:1px;
	color:#333;	
}


.dg-sidebar-alt-img{
    width:55px;
    height:55px;
    border:#333 solid thin;
}

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

/****20130823..S00-20130808002..Wesley:加入右側隱藏即時訊息cubeclick與opencubeclick****/
#cubeclick{
    float:right;
	width:215px;
    position: fixed;
    top: 50%;
    right: 0px;
    cursor: pointer;
    
}

#opencubeclick{
    float:right;
	width:215px;
    position: fixed;
    top: 50%;
    right: 0px;
    cursor: pointer;
    display:none;
    
}

/****20130828..S00-20130828001..Wesley:加入右側scroll的css_開始****/
.jspContainer
{
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;	
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #D8DFEA;
	position: relative;
    display:none;
}

.jspDrag
{
	background: #7988A8;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.jspDrag:hover {
background: #3B5998;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}
/****20130828..S00-20130828001..Wesley:加入右側scroll的css_結束****/

/****20130726..S00-20130726004..Jimmy:加入右側即時訊息messagecube overflow-y:scroll;****/
#cubeout{
	float:right;
	border-left:1px #ddd solid;
	border-right:1px #ddd solid;
	width:200px;
    position: fixed;
    top: 40px;
    right: 0px;
    height:100%;
    
}
.cube{
	border-bottom:1px #CCDFE3 solid;
	border-top:1px #fff solid;
	background-color:white;
	overflow:hidden;
}

.cube-unread{
	border-bottom:1px #CCDFE3 solid;
	border-top:1px #fff solid;
	background-color:#D9EEF1;
	overflow:hidden;
}

.cube:hover{
	border-bottom:1px #CCDFE3 solid;
	border-top:1px #fff solid;
	background-color:#C5F3EF;
	overflow:hidden;
}

.cube-unread:hover{
	border-bottom:1px #CCDFE3 solid;
	border-top:1px #fff solid;
	background-color:#C5F3EF;
	overflow:hidden;
}

.cubepic{
	float:left;
	margin:5px;
	background-color:#FFF;
	padding:1px;
	border:1px solid #999;
}
.textall{
	width:210px;
	float:right;
	margin-top:5px;
	margin-right:8px;
	margin-bottom:5px;
}

.cube-username{
    font-size:14px;
    font-weight:bold;
}

/**20131105..S00-20131105001..Jimmy:加入以下三個class**/
.mark-all-as-read{
    width:280px;
    height:20px;
    border-bottom:1px #D6DDDF solid;
    font-size:11px;
}

.mark-all-as-read a{
    font-family:新細明體;
}

.mark-all-as-read-left{
    float:left;
    margin-left:5px;
    font-weight:bold;
}
.mark-all-as-read-right{
    float:right;
}


.textname{
}
.textname a{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	letter-spacing:1px;
	color:#000;
	line-height:16px;
	text-decoration:none;
}
.textname a:hover{
	color:#C00;
	
}
.textcontent{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	line-height:16px;
}
.textcontent p{
    font-family:arial, 新細明體;
    }
.textcontent a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	line-height:16px;
	text-decoration:none;
}
.textcontent a:hover{
	color:#C00;
}
.textlink{
	margin-left:12px;
	margin-top:5px;
	margin-bottom:3px;
	border-left:1px #999 solid;
	padding-left:8px;
}
.textlink a{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000;
	line-height:16px;
	text-decoration:none;
}
.textlink a:hover{
	color:#C00;
}

.sidebar-avatar{
    
}

.sidebar-avatar a{
    width:180px;
    height:180px;
}

.sidebar-menu-outer{
    margin-right:10px;
}

.sidebar-menu-outer li{
    display:block;
	
    line-height: 35px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#666;
	letter-spacing:1px;
	padding-top:2px;
	background-repeat:no-repeat;
	background-position:7px 7px ;
	text-decoration:none;
	border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #E6E0E0;
	font-weight:bold;
}

.sidebar-menu-outer li:hover{
    background-color:#DDD;
}

.sidebar-menu-outer .elgg-state-selected {
	background-color: #C5D3F1;
	font-weight:bold;
    color:#FFF;
}

.sidebar-menu-outer a{
    color:#666;
}

/*20130716..S00-20130716001..Jimmy:加入新的按鈕樣式*/
.dg-button{
    background:#103279;
    /*
	background:-moz-linear-gradient(top,#377bd6 0%,#2d5ca9 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#377bd6),color-stop(100%,#2d5ca9));
	background:-webkit-linear-gradient(top,#377bd6 0%,#2d5ca9 100%);
	background:-o-linear-gradient(top,#377bd6 0%,#2d5ca9 100%);
	background:-ms-linear-gradient(top,#377bd6 0%,#2d5ca9 100%);
    */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#377bd6',endColorstr='#185fc0',GradientType=0);
	padding:3px 6px;
	color:#fff;
	font-family:'微軟正黑體',sans-serif;
	font-size:15px;
	font-weight:bold;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #0b3995;
	width:80px;
    height:30px;
}

.dg-button:hover{   
    color:white;
}

.dg-menu-title{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #A8A7A7;
	line-height:160%;
	letter-spacing:1px;
	border-bottom: #DDD solid 3px;
	margin-top:12px;
    margin-bottom:0px;
	width: 95%;
	font-weight: bold;
}

/*20131125..S00-20131126003..Wesley:加入calendar新的按鈕樣式_begin*/
.calendar-button{
    background: lightyellow;
}
#ui-datepicker-div {display:none;}
#calendar {
    width: 750px;    
}    
.fc-event-title{font-size:12px;}
.fancy{
    width:450px;
    height:auto;
}
.fancy h3{
    height:30px;
    line-height:30px;
    border-bottom:1px solid #d3d3d3;
    font-size:14px;
}
.fancy form{padding:10px}
.fancy p{
height: 40px;
line-height: 28px;
padding: 4px;
color: #464343;
font-size: 14px;
margin-bottom:0px;
 }
/*20140124..T00-20140120013..feehong:行事曆修正, 點選input的輸入框時頁面不要跳動, 原 height:24px */
.input{
    height:30px;
    line-height:20px;
    padding:2px;
    border:1px solid #d3d3d3;
    width:100px;
}
.btn{
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:5px 12px;
    cursor:pointer;
    width:auto;
}
.btn_ok{
    background:#360;
    border:1px solid #390;
    color:#fff;
}
.btn_cancel{
    background:#f0f0f0;
    border:1px solid #d3d3d3;
    color:#666;
}
.btn_del{
    background:#f90;
    border:1px solid #f80;
    color:#fff;
}
.sub_btn{
    height:32px;
    line-height:32px;
    padding-top:6px;
    border-top:1px solid #f0f0f0;
    text-align:right;
    position:relative;
}
.sub_btn .del{
    position:absolute;
    left:2px;
}
.square { 
    width:15px;
    height:15px;
    margin:2px;
    padding:2px;
}
/*20131125..S00-20131118002..Wesley:加入calendar新的按鈕樣式_end*/

.companybutton{
	float:left;
	width:900px;
	overflow:hidden;
	margin-right:-3px;
	background-color:#882641;
    margin-bottom: 10px;
}

.companybuttontag{
	float:left;
    padding:9px 10px 10px 10px;
}

.companybuttontag-menu{
	float:none;
    width:120px;
    background: #814B5A
}

.companybuttontag a{

	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
	font-weight:bold;

	text-decoration:none;
}
.companybuttontag a:hover{
	text-decoration:none;
	color:#882641;
	background-color:#FFF;
}
.companydash{
	float:left;
	border-left:#FFF 1px solid;
	height:15px;
	margin-top:10px;
}
.companymid{
	float:left;
	overflow:hidden;
}

.service-entry{
    float:right;
}

.photo-title{
height: 30px;
bottom: 5px;
position: absolute;
width: 161px;
background-color: black;
opacity: 0.5;
margin-left: 2px;
}

.photo-title > a > div{
    float: right;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.photo-title > a > div:hover{
    cursor:pointer;
    background-color:gray
}

.photo-title:hover{
    background-color:black;
    opacity:0.8;
}

.photo-li{
margin-right: 15px;
margin-bottom: 25px;
}

.photo-name{
bottom: -15px;
position: relative;
font-size: 16px;
font-family: 微軟正黑體;
font-weight: bold;
}
.popup-message {
	position: absolute;
	background: white;
	border: 2px solid #DBDADA;
    z-index: 99999;
    padding: 10px;
}
.popup-message:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.popup-message:after {
	border-color: rgba(213, 213, 213, 0);
	border-top-color: #d5d5d5;
	border-width: 8px;
	margin-left: -8px;
}
.popup-message:before {
	border-color: rgba(245, 245, 245, 0);
	border-top-color: #f5f5f5;
	border-width: 9px;
	margin-left: -9px;
}
.popup-error {
background: rgb(255, 210, 210);
border: 2px solid #FFA1A1;
}


.xmascardouter{
	margin-bottom:5px;
	margin-right:10px;
	margin-top:10px;
	margin-left:5px;
	border-radius:4px;
	border:1px #ddd solid;
	width:460px;
	height:auto;
	clear: both;
	overflow:hidden;
	background:url(http://www.dsc.com.tw/SNS/images/xmascardbg.jpg) no-repeat;
}
.xmascardpic{
	float:left;
	overflow:hidden;
	width:300px;
	height:300px;
	margin-left:-50px;
	margin-top:-42px;
	display:block;
}
.xmascardwd{
	float:left;
	width:180px;
	height:auto;
	margin-top:47px;
	margin-left:6px;
	margin-right:1px;
	padding-left:3px;
	padding-bottom:6px;
}
/* ***************************************
	MISC
*************************************** */
#login-dropdown {
	position: absolute;
	top:10px;
	right:0;
	z-index: 100;
}

/* ***************************************
	AVATAR UPLOADING & CROPPING
*************************************** */

#current-user-avatar {
	border-right:1px solid #ccc;
}
#avatar-croppingtool {
	border-top: 1px solid #ccc;
}
#user-avatar-cropper {
	float: left;
}
#user-avatar-preview {
	float: left;
	position: relative;
	overflow: hidden;
	width: 100px;
	height: 100px;
}

/* ***************************************
	FRIENDS COLLECTIONS
*************************************** */

#friends_collections_accordian li {
	color: #666;
}
#friends_collections_accordian li h2 {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background: none repeat scroll 0 0 #4690D6;
	color: white;
	cursor: pointer;
	font-size: 1.2em;
	margin: 10px 0;
	padding: 4px 2px 4px 6px;
}
#friends_collections_accordian li h2:hover {
	background-color: #333;
}
#friends_collections_accordian .friends_collections_controls {
	float: right;
	font-size: 70%;
}
#friends_collections_accordian .friends-picker-main-wrapper {
	background: none repeat scroll 0 0 white;
	display: none;
	padding: 0;
}

.clearfloat { 
	clear: both;
}

.hidden {
	display: none;
}

.centered {
	margin: 0 auto;
}

.center {
	text-align: center;
}

.float {
	float: left;
}

.float-alt {
	float: right;
}

.link {
	cursor: pointer;
}

.elgg-discover .elgg-discoverable {
	display: none;
}

.elgg-discover:hover .elgg-discoverable {
	display: block;
}

.elgg-transition:hover {
	opacity: .7;
}

/* ***************************************
	BORDERS AND SEPARATORS
*************************************** */
.elgg-border-plain {
	border: 1px solid #eeeeee;
}
.elgg-border-transition {
	border: 1px solid #eeeeee;
}
.elgg-divide-top {
	border-top: 1px solid #CCCCCC;
}
.elgg-divide-bottom {
	border-bottom: 1px solid #CCCCCC;
}
.elgg-divide-left {
	border-left: 1px solid #CCCCCC;
}
.elgg-divide-right {
	border-right: 1px solid #CCCCCC;
}

/* ***************************************
	Spacing (from OOCSS)
*************************************** */
/* Padding */
.pan{padding:0}
.prn, .phn{padding-right:0}
.pln, .phn{padding-left:0}
.ptn, .pvn{padding-top:0}
.pbn, .pvn{padding-bottom:0}

.pas{padding:5px}
.prs, .phs{padding-right:5px}
.pls, .phs{padding-left:5px}
.pts, .pvs{padding-top:5px}
.pbs, .pvs{padding-bottom:5px}

.pam{padding:10px}
.prm, .phm{padding-right:10px}
.plm, .phm{padding-left:10px}
.ptm, .pvm{padding-top:10px}
.pbm, .pvm{padding-bottom:10px}

.pal{padding:20px}
.prl, .phl{padding-right:20px}
.pll, .phl{padding-left:20px}
.ptl, .pvl{padding-top:20px}
.pbl, .pvl{padding-bottom:20px}

/* Margin */
.man{margin:0}
.mrn, .mhn{margin-right:0}
.mln, .mhn{margin-left:0}
.mtn, .mvn{margin-top:0}
.mbn, .mvn{margin-bottom:0}

.mas{margin:5px}
.mrs, .mhs{margin-right:5px}
.mls, .mhs{margin-left:5px}
.mts, .mvs{margin-top:5px}
.mbs, .mvs{margin-bottom:5px}

.mam{margin:10px}
.mrm, .mhm{margin-right:10px}
.mlm, .mhm{margin-left:10px}
.mtm, .mvm{margin-top:10px}
/* 20130528..Jimmy:IE cross-browser*/
.mtm, .mvm{margin-top:20px\9;} 
.mbm, .mvm{margin-bottom:10px}

.mal{margin:20px}
.mrl, .mhl{margin-right:20px}
.mll, .mhl{margin-left:20px}
.mtl, .mvl{margin-top:20px}
.mbl, .mvl{margin-bottom:20px}/* ***************************************
	Profile
*************************************** */
.profile {
	float: left;
	margin-bottom: 15px;
}
.profile .elgg-inner {
	margin: 0 5px;
	border: 2px solid #eee;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#profile-details {
	padding: 15px;
}
/*** ownerblock ***/
#profile-owner-block {
	width: 200px;
	float: left;
	background-color: #eee;
	padding: 15px;
}
#profile-owner-block .large {
	margin-bottom: 10px;
}
#profile-owner-block a.elgg-button-action {
	margin-bottom: 4px;
	display: table;
}
.profile-content-menu a {
	display: block;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.profile-content-menu a:hover {
	background: #0054A7;
	color: white;
	text-decoration: none;
}
.profile-admin-menu {
	display: none;
}
.profile-admin-menu-wrapper a {
	display: block;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.profile-admin-menu-wrapper {
	background-color: white;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.profile-admin-menu-wrapper li a {
	background-color: white;
	color: red;
	margin-bottom: 0;
}
.profile-admin-menu-wrapper a:hover {
	color: black;
}
/*** profile details ***/
#profile-details .odd {
	background-color: #f4f4f4;
	
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	margin: 0 0 7px;
	padding: 2px 4px;
}
#profile-details .even {
	background-color:#f4f4f4;
	
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	margin: 0 0 7px;
	padding: 2px 4px;
}
.profile-aboutme-title {
	background-color:#f4f4f4;
	
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	margin: 0;
	padding: 2px 4px;
}
.profile-aboutme-contents {
	padding: 2px 0 0 3px;
}
.profile-banned-user {
	border: 2px solid red;
	padding: 4px 8px;
	
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/*20130606..Jimmy:�[�J�s��css*/
.friend-button
{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: default;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    margin-right: 16px;
    height: 27px;
    line-height: 27px;
    min-width: 54px;
    outline: 0;
    padding: 0 8px;
}

.friend-button-hover
{
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

.friend-button-primary
{
    background-color: #d14836;
    background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
    background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
    background-image: -ms-linear-gradient(top,#dd4b39,#d14836);
    background-image: -o-linear-gradient(top,#dd4b39,#d14836);
    background-image: linear-gradient(top,#dd4b39,#d14836);
    border: 1px solid transparent;
    color: #fff;
    text-shadow: 0 1px rgba(0,0,0,0.1);
    text-transform: uppercase;
    text-align:center;
    margin-left:30px;
    margin-right:30px;
    width:100px;
}

.friend-button-primary:hover
{
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    background-color: #c53727;
    background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);
    background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
    background-image: -ms-linear-gradient(top,#dd4b39,#c53727);
    background-image: -o-linear-gradient(top,#dd4b39,#c53727);
    background-image: linear-gradient(top,#dd4b39,#c53727);
    border: 1px solid #b0281a;
    border-bottom-color: #af301f;
}

#dashboard-info {
	border: 2px solid #dedede;
	margin-bottom: 15px;
}
.file-photo {
	text-align: center;
	margin-bottom: 15px;
}
.file-gallery-item {
	text-align: center;
	width: 165px;
}
.groups-profile > .elgg-image {
	margin-right: 10px;
}
.groups-stats {
	background: #eeeeee;
	padding: 5px;
	margin-top: 10px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.groups-profile-fields .odd,
.groups-profile-fields .even {
	background: #f4f4f4;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	padding: 2px 4px;
	margin-bottom: 7px;
}

.groups-profile-fields .elgg-output {
	margin: 0;
}

#groups-tools > li {
	width: 48%;
	min-height: 250px;
	margin-bottom: 20px;
    border-left:#999 solid 1px;
    padding-left:5px;
}

#groups-tools > li:nth-child(odd) {
margin-right:2%;
border-left:none;
}

.groups-widget-viewall {
	float: right;
	font-size: 85%;
}

.groups-latest-reply {
	float: right;
}

.elgg-menu-groups-my-status li a {
	display: block;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.elgg-menu-groups-my-status li a:hover {
	background-color: #0054A7;
	color: white;
	text-decoration: none;
}
.elgg-menu-groups-my-status li.elgg-state-selected > a {
	background-color: #4690D6;
	color: white;
}

/* ***************************************
	Likes
*************************************** */
.elgg-likes {
	width: 345px;
	position: absolute;
}

.elgg-menu .elgg-menu-item-likes-count {
	margin-left: 3px;
}

.messageboard-input {
	height: 100px;
}

.messages-container {
	min-height: 200px;
}
/*20130528..Jimmy:�ק�r�ά�bold */
.message.unread a {
	font-weight:bold;
}
.messages-buttonbank {
	text-align: right;
}
.messages-buttonbank input {
	margin-left: 10px;
}

/*** message metadata ***/
.messages-owner {
	float: left;
	width: 20%;
	margin-right: 2%;
}
.messages-subject {
	float: left;
	width: 55%;
	margin-right: 2%;
}
.messages-timestamp {
	float: left;
	width: 14%;
	margin-right: 2%;
}
.messages-delete {
	float: left;
	width: 5%;
}
/*** topbar icon ***/
.messages-new {
	color: white;
	background-color: red;
	
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	
	position: absolute;
	text-align: center;
	top: 0px;
	left: 16px;
	min-width: 16px;
	height: 16px;
	font-size: 10px;
	font-weight: bold;
}

.private-messages-new {
	color: white;
	background-color: red;
	
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	
	position: absolute;
	text-align: center;
	top: 0px;
	left: 16px;
	min-width: 16px;
	height: 16px;
	font-size: 10px;
	font-weight: bold;
}
#notificationstable td.namefield {
	width:250px;
	text-align: left;
	vertical-align: middle;
}
#notificationstable td.namefield p {
	margin:0;
	vertical-align: middle;
	line-height: 1.1em;
	padding:5px 0 5px 0;
}
#notificationstable td.namefield p.namefieldlink {
	margin:5px 0 0 0;
}
#notificationstable td.namefield a img {
	float:left;
	width:25px;
	height:25px; 
	margin:5px 10px 5px 5px;
}
#notificationstable td.emailtogglefield,
#notificationstable td.smstogglefield {
	width:50px;
	text-align: center;
	vertical-align: middle;
}
#notificationstable td.spacercolumn {
	width:30px;
}
#notificationstable td {
	border-bottom: 1px solid silver;
}
#notificationstable td.emailtogglefield input {
	margin-right:36px;
	margin-top:5px;
}
#notificationstable td.emailtogglefield a {
	width:46px;
	height:24px;
	cursor: pointer;
	display: block;
	outline: none;
}
#notificationstable td.sitetogglefield {
	width:50px;
	text-align: center;
	vertical-align: middle;
}
#notificationstable td.sitetogglefield input {
	margin-right:36px;
	margin-top:5px;
}
#notificationstable td.sitetogglefield a {
	width:46px;
	height:24px;
	cursor: pointer;
	display: block;
	outline: none;
}
#notificationstable td.emailtogglefield a.emailtoggleOff {
	background: url(https://service.digiwin.com/mod/notifications/graphics/icon_notifications_email.gif) no-repeat right 2px;
}
#notificationstable td.emailtogglefield a.emailtoggleOn {
	background: url(https://service.digiwin.com/mod/notifications/graphics/icon_notifications_email.gif) no-repeat right -36px;
}
#notificationstable td.sitetogglefield a.sitetoggleOff {
	background: url(https://service.digiwin.com/mod/notifications/graphics/icon_notifications_site.gif) no-repeat right 2px;
}
#notificationstable td.sitetogglefield a.sitetoggleOn {
	background: url(https://service.digiwin.com/mod/notifications/graphics/icon_notifications_site.gif) no-repeat right -37px;
}
.notification_friends,
.notification_personal,
.notifications_per_user {
	margin-bottom: 25px;
}



/* <style>
/**********************************
Search plugin
***********************************/
.elgg-search {
	width: 330px;
	background: white url(https://service.digiwin.com/_graphics/elgg_sprites.png) no-repeat 335px -143px;
	border-radius: 1px;
	height: 20px;
}

.elgg-search .search-input {
	padding: 1px 0 1px 3px;
	margin: 2px 0 2px 2px;
	outline: none;
	font-size: 11px;
	border: 0;
	border-right: 1px solid #e9e9e9;
    float:left;
}

.elgg-search input[type=submit] {
	display: none;
}

.elgg-search .search-input:focus {
	background-position: 2px -700px;
}

.elgg-page-header .elgg-search {
	bottom: 5px;
	position: absolute;
	right: 0;
	border-color: black;
}

.elgg-page-topbar .elgg-search {
	top:12px;
	left:230px;
	position:absolute;
	width: 266px;
	background: white  no-repeat 266px 2px;
	border-radius: 1px;
	height: 22px;
}

.search-submit-button{
    float:right;
	width:20px;
	height:22px;
	background: transparent url(https://service.digiwin.com/_graphics/elgg_sprites.png) no-repeat left;
	background-position:-54px -35px;
	border-color:white;
	background-color:white;
}


.search-list li {
	padding: 5px 0 0;
}
.search-heading-category {
	margin-top: 20px;
	color: #666666;
}

.search-highlight {
	background-color: #bbdaf7;
}
.search-highlight-color1 {
	background-color: #bbdaf7;
}
.search-highlight-color2 {
	background-color: #A0FFFF;
}
.search-highlight-color3 {
	background-color: #FDFFC3;
}
.search-highlight-color4 {
	background-color: #ccc;
}
.search-highlight-color5 {
	background-color: #4690d6;
}
/********************************
The Wire
*********************************/
/*20130528..Jimmy:���׽վ㦨80px */
/*20130806..S00-20130806001..Jimmy:�վ�UI*/
.thewire-textarea {
	height: 80px;
	resize: none;
	margin-top: 2px;
	border-color: rgb(211, 205, 205);
    border:none;
}
/*20130806..S00-20130806001..Jimmy:�վ�UI*/
.thewire-textarea:focus {
    border-bottom-color: #9ecaed;
	box-shadow: 0 0 2px #9ecaed;
	outline: none;
}

/*20130806..S00-20130806001..Jimmy:�վ�UI*/
.composer-remining{
    font-weight: bold; 
    font-size: 13px; 
    color: rgb(26, 66, 224); 
    font-family: Constantia, Georgia; 
    font-style: italic;
}

#thewire-characters-remaining {
	text-align: right;
	float: right;
	font-weight: bold;
	color: #666;
    font-size: 12px;
}
.thewire-characters-remaining {
	color:#333333;
	border:none;
	font-size: 100%;
	font-weight: bold;
	padding:0 2px 0 0;
	margin:0;
	text-align: right;
	background: white;
}
.thewire-characters-remaining-warning {
	color: #D40D12 !important;
}
.thewire-parent {
	margin-left: 40px;
}

.post-river{
background-color:rgb(235, 235, 235);
padding: 3px;
}
/* Event global */
.event_manager_required {
	color: #AAAAAA;
}

/* Event Edit */
#event_manager_event_edit label{
	font-weight: normal;
	font-size: 100%;
}

#event_manager_event_edit > fieldset > table {
	width: 100%;
}

/* 20130528..Jimmy:修改vertical-align、font-size */
#event_manager_event_edit .event_manager_event_edit_label {
	max-width: 250px;
    vertical-align: middle;
    font-size:14px;
}

/* Event listing  */
#event_manager_event_search_advanced_enable {
	float: right;
	font-size: 12px;
	font-weight: normal;
}

.event_manager_event_list_search_input
{
	width: 300px;
}
.event_manager_event_list_owner, .event_manager_event_view_owner
{
	color: #808080;
	font-size: 11px;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 2px;
}

.event_manager_event_list_actions {
	float: right;
	text-align: right;
}

.event_manager_event_list_icon {
	text-align: center;
	width: 40px;
	border-right: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
}

.event_manager_event_list_icon_day {
	font-size: 15px;
    font-weight: bold;
    line-height: 23px;
    background: #FFFFFF;
    border-bottom: 1px solid #D32020;
    border-left: 1px solid #D32020;
    border-right: 1px solid #D32020;
    
}
.event_manager_event_list_icon_month {
	background: #D32020;
	color: #FFFFFF;
	font-size: 11px;
    line-height: 11px;
    padding: 2px;
    border: 1px solid #D32020;
    border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.event_manager_event_list_count 
{
	color: #666666;
    font-weight: bold;
    margin: 0 0 5px 4px;
}

#event_manager_event_listing div.pagination {
	margin: 0;
}

#event_manager_event_listing .elgg-list {
	border-top: none;
}

#event_manager_result_refreshing {
	display: none;
	float: right;
	color: #AAAAAA;
}

#event_manager_event_list_search_more
{
	width: auto; 
	line-height: 40px;
	height: 40px;
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 2px solid #CCCCCC; 
	cursor: pointer;
}

/* Event Search */
#event_manager_search_form label {
	font-weight: normal;
	font-size: 100%;
}

#past_events {
	display: inline-block;
}

#event_manager_event_search_advanced_container .elgg-input-dropdown {
	width: 100px;
}

#event_manager_event_search_advanced_container .elgg-input-date {
	width: 100px;
}

/* Event view */

.event_manager_event_view_image {
	float: right;
	padding: 10px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
}

.event-manager-event-view-attendees .elgg-avatar {
	float: left;
	margin-right: 5px;
}

.event-manager-event-view-search-attendees .elgg-icon {
	vertical-align: top;
}

.event-manager-event-view-search-attendees .elgg-input-text {
	height: 16px;
	padding: 0 5px;
	width: 150px;
}

.event-manager-event-details label {
	white-space: nowrap;
	padding-right: 20px;
	font-size: 100%;
}

.event-manager-event-details .elgg-output {
	margin: 0px;
}

/* Event tool links */

.event_manager_event_actions {
	background: url(https://service.digiwin.com/mod/event_manager/_graphics/arrows_down.png) right center no-repeat;
	padding-right: 15px;
	cursor: pointer;
	font-weight: bold;
}

.event_manager_event_actions_drop_down {	
/*site*/
    background: #FFFFFF;
    padding: 5px 2px 5px 0;
    position: absolute;
    white-space: nowrap;
    border-color: #CCCCCC;
    border-style: solid;
	z-index: 10;
    border-width: 1px 1px 1px 1px;
    list-style-type: none;
    display: none;
}

/*20130530..Jimmy:修改line-height，加入font設定*/
.event_manager_event_actions_drop_down li {
	padding: 0 18px 0 10px;
	line-height: 20px;
    font-size:16px;
    font-weight:bold;	
}

/* Event Program Edit */
#event_manager_program_edit {
	float: right;
	font-size: 12px;
	font-weight: normal;
}

/* Event Program Day */

#event-manager-program-day-lightbox {
	width: 300px;
	height: 200px;
}

#event-manager-program-day-lightbox .datepick-popup {
	z-index: 20000;
}

.event_manager_program_day_details{
	margin: 0 0 2px 21px;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #CCCCCC;
}

.event_manager_program_day > table {
	margin-bottom: 5px;
}

.event_manager_program_day {
	display: none;
}

/* Event Program Slot */
#event-manager-program-slot-lightbox {
	width: 600px;
	height: 500px;
	overflow: auto;
}

#event_manager_form_program_slot label {
	white-space: nowrap;
	padding-right: 10px;
}

#event-manager-new-slot-set-name {
	width: 150px;
	margin-right: 10px;
}

.event-manager-program-slot-set {
	padding: 2px 4px;
	color: white;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.event_manager_program_slot_time {
	padding: 0px 5px;
	white-space: nowrap;
	font-weight: bold;
}

.event_manager_program_slot_attending {
	width: 20px;
}

.event_manager_program_slot_attending_user, 
.event_manager_program_slot_attending_user_pdf { 
	width: 16px;
	height: 16px ;  
	background: url(https://service.digiwin.com/mod/event_manager/_graphics/vink.png) right top no-repeat;
} 

.event_manager_program_slot_attending_user_pdf {
	width: 16px;
	height: 16px ;  
	background: url(https://service.digiwin.com/mod/event_manager/_graphics/icons/check.jpg) right top no-repeat;
}

.event_manager_program_slot_description{
	word-wrap: break-word;
	width: 500px;
}

.event_manager_program_slot_add {
	margin-left: 21px;
}

/* Select relation links */

.event_manager_event_select_relationship li:hover {
	background: url(https://service.digiwin.com/mod/event_manager/_graphics/vink.png) right top no-repeat;
}

.event_manager_event_select_relationship li.selected {
	background: url(https://service.digiwin.com/mod/event_manager/_graphics/vink.png) right bottom no-repeat;
}

/* Registration */
.event_manager_registration_icon {
	width: 40px;
	height: 40px;
}
.event_manager_registration_info {
	float: left;
}
.event_manager_registration_links {
	float: right;
}

/* Editable fields */
.changeSlotFieldText, 
.changeSlotFieldLongText, 
.changeSlotFieldInteger {
	margin-left: 20px;
	font-weight: normal;
	display: block;
	height: 16px;
	background-color: #ffffff;
	width: 350px;
	word-wrap: break-word;
}

.changeSlotFieldText,
.changeDayFieldText, 
.changeSlotFieldLongText, 
.changeSlotFieldInteger {
	cursor: url(https://service.digiwin.com/mod/event_manager/_graphics/icons/edit_cursor2.png), auto ;
}

.slotFieldTextarea {
	width: 320px;
	height: 200px;
}

/* river events */
.river_object_event_event_relationship {
	background: url("https://service.digiwin.com/mod/event_manager/_graphics/icons/river_icon_event.gif") no-repeat scroll left -1px transparent;
}

/* google maps */
.gmaps_infowindow, 
.gmaps_infowindow_text div.event_manager_event_view_owner {
	font-size: 11px;
}

.gmaps_infowindow_text {
	float: left; 
	width: 250px;
}

.gmaps_infowindow_icon {
	float: right; 
	height: 100px; 
	width: 100px; 
	padding: 10px; 
	border: 1px solid #CCCCCC;
}

#event_manager_onthemap_canvas {
	height: 650px;
	margin-bottom: 20px;
}

#event_manager_onthemap_legend {
	padding: 5px 0px;
	text-align: center;
	height: 32px;
}

#event_manager_onthemap_legend img {
	vertical-align: middle;
}

#event_manager_registrationform_lightbox {
	width: 400px;
	height: 200px;
}

#event_manager_registration_form_fields ul, 
#event_manager_registrationform_fields {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#event_manager_registration_form_fields ul li, 
#event_manager_registrationform_fields li {
	margin-bottom: 10px;
}

#event_manager_registrationform_fields li {
	background: #FFFFFF;
}


/*Jimmy:加入自己的css*/
.txt20 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, 微軟正黑體;
	font-size:20px;
	color: #666666;
	font-weight:bold;
	letter-spacing: 1px;
}
.txt14 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, 微軟正黑體;
	font-size:14px;
	color: #333333;
	letter-spacing: 1px;
	line-height:160%;
	text-decoration:none;
}
.txt16o {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, 微軟正黑體;
	font-size:16px;
	color: #E6001F;
	font-weight:bold;
	letter-spacing: 1px;
	line-height:160%;
	text-decoration:none;
}
/*20140214..313..Wesley:加入新的css*/
.h3Title{
	font-family: Arial,"微軟正黑體", Helvetica, sans-serif;
	color:#444;
	font-size:20px;
	font-weight:bold;
	letter-spacing:1px;
	padding-bottom:5px;
	padding-top:7px;
    margin-top: 7px;
	margin-bottom:5px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#882641;
	font-size:16px;
	font-weight:bold;
	padding-bottom:6px;
	padding-top:10px;
	border-bottom:#666 1px solid;
    text-align:left;
}

.h1Title{
        font-weight: bold;
        font-size: 24px;
	    border-bottom: 1px dotted;
        margin-bottom: 10px;
}
 
    .myButton {
        
	float:right;
	-moz-box-shadow:inset 0px 2px 3px 0px #ffffff;
	-webkit-box-shadow:inset 0px 2px 3px 0px #ffffff;
	box-shadow:inset 0px 2px 3px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFF), color-stop(1, #dcdcdc) );
	background:-moz-linear-gradient( center top, #FFF 5%, #dcdcdc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#dcdcdc');
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0;
	border:1px solid #999;
	display:inline-block;
	color:#333;
	font-family: Arial,"微軟正黑體";
	font-size:16px;
	font-style:normal;
	line-height:20px;
	width:100px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	margin:5px 0px 0px 10px;
    padding: 5px 1px 5px 5px;
    text-align:center;
        
    }
    .myButton:hover {
        
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dcdcdc), color-stop(1, #FFF) );
	background:-moz-linear-gradient( center top, #dcdcdc 5%, #FFF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#FFF');
	background-color:#dcdcdc;
	color:#F00;
	border:1px solid #666;
    }
    .myButton:active {
        position:relative;
        top:1px;
		text-decoration:none;
    }
	 .myButton:visted {
        position:relative;
        top:1px;
		text-decoration:none;
    }



hr {
    border: none;
    background-color: #ccc;
    color: #ccc;
    height: 1px;
	
}


.myButton1 {        
        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
        background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
        
        background-color:#f9f9f9;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid rgb(182, 181, 181);
        
        display:inline-block;
        color:#666666;
        font-family:"Helvetica Neue", Helvetica, Arial, sans-serif, 微軟正黑體;
        font-size:15px;
        font-weight:bold;
        padding:6px 10px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ffffff;
}

.elgg-content {
	margin: 10px 5px;
    font-size: 15px;
}

#footer_inner{width:100%;border-top:2px solid #fdc81d;margin:0 auto;padding: 20px 20px 10px;overflow:hidden;_overflow:none;_height:1%;}

/*20130605..Jimmy:加入sidebar_alt的廣告所用的css*/
.dg-adlist{
    border-bottom: 1px solid #E9E9E9;
	padding: 5px 0;
    margin-bottom:10px;
}

 #event_detail table tr{
    height:40px;
    border-style: double;
    border-width:1px;
    border-color: rgb(204, 167, 19);
}

#event_detail table tr td{
    border-style: double;
    border-width:1px;
    border-color: rgb(30, 92, 184);
    padding:5px;
}
/*20131022..S00-20131017001..Wesley:電子名片功能按鈕樣式*/
.card-button{
    background: #3B5998;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#377bd6',endColorstr='#185fc0',GradientType=0);
    padding: 3px 6px;
    color: #fff;
    font-family: '微軟正黑體',sans-serif;
    font-size: 5px;
    font-weight: bold;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #D8DFEA;
    width: 70px;
    height: 25px;
}

.button{
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 6px 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
   font:bold 15px arial, "微軟正黑體", helvetica, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  color: #777;
background-color: #ddd;
  background-image:url(https://service.digiwin.com/_graphics/buttonbg.gif );
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
              0 2px 2px -1px rgba(0, 0, 0, .5),
              0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9); 
}
 
.button:hover{
  background-color: #eee;
}
 
.button:active{
  background: #e9e9e9;
  color:#F00;
  position: relative;
  top: 1px;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}
.groupbutton-group li{
  display: inline-block;
  *display: inline;
  zoom: 1;
  float:left;
}
 
.groupbutton-group{
  font-size: 0; 
  background: rgba(0, 0, 0, .04);
  border-bottom: 1px solid rgba(0, 0, 0, .07);
  padding: 7px;
  border-radius: 12px;
  overflow:hidden;
}

 
.groupbutton-group li{
  margin-right: -1px; 
}

.groupbutton-group .button{
  font:bold 15px arial, "微軟正黑體", helvetica, sans-serif;
  border-radius: 0;
  height:35px;
}
 .button[disabled], .button[disabled]:hover, .button[disabled]:active{
  border-color: #ccc;
  background: #FFF;
  background-image:url(https://service.digiwin.com/_graphics/buttonbg01.gif);
  color: #000;
}
.groupbutton-group .button:active{
  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset,
              5px 0 5px -3px rgba(0, 0, 0, .2) inset,
              -5px 0 5px -3px rgba(0, 0, 0, .2) inset;  
}
 
.groupbutton-group li:first-child .button{
  border-radius: 9px 0 0 9px;
}
.groupbutton-group li:last-child .button{
  border-radius: 0 9px 9px 0;
}
 
.groupbutton-group li:last-child .button:active{
  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset,
              5px 0 5px -3px rgba(0, 0, 0, .2) inset;
}

.boxspace_underline{
	width:718px;
	border-bottom:#eee solid 1px;
	overflow:hidden;
	margin-bottom:5px;
}
.inputouter{
	float:left;
	padding-bottom:5px;
	width:430px;
}

.event_row{
	overflow:hidden;
	width:100%;
	padding-top:3px;
	padding-bottom:3px;
}
.event_pic{
	 float:left;
	 margin-right:15px;
	 margin-top:10px;
	 margin-bottom:10px;
	 border:#666 solid 1px;
     width:180px;
     height:180px;
}
.event_content{
	width:400px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#444;
	line-height:1.6;
	font-size:14px;
	letter-spacing:1px;
	float:left;
}
.event_content_morewide{
	width:500px;
    padding-left: 10px;
}

.event_content a{
	text-decoration:none;
	color:#06C;
}
.event_content a:hover{
	color:#F00;
}
.event_content_all{
	width:510px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#222;
	line-height:1.7;
	font-size:14px;
	letter-spacing:1px;
	padding-left:10px;
	padding-bottom:10px;
}
.event_content_all a{
	text-decoration:none;
	color:#06C;
}
.event_content_all a:hover{
	color:#F00;
}
.inputouter_event{
	float:left;
	padding-bottom:5px;
	padding-top:7px;
	padding-bottom:10px;
	width:520px;
	overflow:hidden;
}

.box01-02{
	float:left;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color:#000;
	font-size:16px;
	font-weight:bold;
	padding-right:15px;
	padding-left:10px;
	line-height:1.6;
	width:90px;
}

.menu-bar{
    width: 280px;
    float: left;
}

.menu-function-button{
    float: right;
    padding:7px;
}
#site_messages_activity{
text-align : justify;
height:55px;
overflow: hidden;
padding : 5px ;
margin: 0 0 5px 0;
}

#site_messages{
text-align : justify;
height:154px;
overflow: hidden;
padding : 5px ;
margin: 0 0 5px 0;
}

/*
.elgg-river-message{
	border: 1px solid #CCC;
	font-size: 85%;
	line-height: 1.5em;
	margin: 8px 0 5px 0;
	padding: 10px 0px 10px 5px;
        background-color :yellow;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
}
*/

#welcome{
text-align : center;
overflow: hidden;
padding : 5px ;
background-color :white;
margin: 0 0 5px 0;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color:blue;
font-weight: bold;
}

#dob{
text-align : center;
overflow: hidden;
padding : 5px ;
background-color :white;
margin: 0 0 5px 0;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color:red;
font-weight: bold;
}

#mem{
padding : 5px ;
background-color :white;
margin: 0 0 5px 0;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#left {
text-align : left;
font-weight: bold;
}

#right {
text-align : right;
}

.black_overlay{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: black;
z-index:999998;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}

.popup_content {
display: none;
position: fixed;
width: auto;
height: auto;
top:25%; 
left:25%;
right:25%;
padding: 15px;
background-color: white;
z-index:999999;
overflow: hidden;
text-align : justify;
line-height: 1.5em;
color: #000;
text-shadow:none;
}

.popup_content a{
color: red;
text-decoration:bold;
text-shadow:none;
}

.popup_content a:hover {
color: green;
text-decoration:bold;
text-shadow:none;
}

.border_red {
border: 16px solid red;
}

.border_green {
border: 16px solid green;
}


#horoscope{
text-align : center;
height:148px;
overflow: hidden;
font-weight: bold;
}

#horoscope img{
width : 120px;
height: 120px;
/*border : 1px solid #DEDEDE;*/
padding-bottom : 2px;
}

/* Ads Rotator CSS  */

.eddie {
	float: right;
	padding: 15px 20px 15px 20px;
	}
.jshowoff p.jshowoff-slidelinks {
	position: absolute;
	bottom: 5px;
	right: 5px;
	margin: 0;
	padding: 0;
	}
.jshowoff-slidelinks a, .jshowoff-controls a {
	display: block;
	background-color: #4690D6;
	color: white;
	padding: 5px 7px 5px;
	margin: 5px 0 0 5px;
	float: left;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	outline: none;
	font-size: 11px;
	line-height: 14px;
	}
.jshowoff-slidelinks a:hover, .jshowoff-controls a:hover {
	color: red;
	}
.jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a.jshowoff-active:hover {
	background-color: #fff;
	color: #000;
	}
p.jshowoff-controls {
	overflow: auto;
	height: 1%;
        background : none;
	padding: 0 0 5px 5px;
	margin: 0px;
       	}
.jshowoff-controls a {
	margin: 5px 5px 0 0;
	font-size: 12px;
	padding: 4px 8px 5px;
	}

.jshowoff-pausetext {
	color: blue;
	}



/* Popup */
.elgg-module-popup {
	background-color: white;
	border: 1px solid #ccc;
	
	z-index: 9999;
	margin-bottom: 15px;
	padding: 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
    width:300px;
}
.elgg-module-popup > .elgg-head {
	margin-bottom: 5px;
        border-bottom: 1px solid #ccc;
}
.elgg-module-popup > .elgg-head * {
	color: #0054A7;
}

/* <style>
/* 20131104..S00-20131104001..Jimmy:調整右側間距*/
.elgg-icon {
    vertical-align:middle;
    margin-right:8px;
}
dl, dt, dd {margin:0;padding:0}

.elgg-icon-topbar {
vertical-align:middle;
display:inline-block;
}

/* PROFILE */
.elgg-profile {
	font-family: Arial,"新細明體", Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:1px;
	padding-left:10px;
	color:#666;
	padding-top:2px;
	line-height:1.7;
}

.elgg-profile > dt {
	float: left;
	width: 120px;
	font-weight:bold;
	color: #000;
	padding-top: 10px;
	font-size:16px;
}
	
.elgg-profile > dd {
	padding: 10px 0 10px 80px;
    font-size:16px;
}

.elgg-profile > dd a {
    margin-right:2px;
}

.elgg-profile > dd ~ dd {
	border-top: 1px solid #E9E9E9;
}

.elgg-profile > dd + dd {
	padding-left: 0;
	margin-left: 120px;
}
/*20140205..T00-20140110016..Wesley:ie8排版修正*/
img {max-width:none}

#groups-tools > .elgg-module {
	width: 229px;
}

#facebook-topbar-logo {
	margin-top: -4px;
	font-size: 20px;
	color: white;
	text-shadow: 0px 0px 1px lightBlue;
	width: 100px;
	text-align:center;
}

#facebook-header-logo a {
	color: white;
	text-decoration:none;
	font-size: 2.5em;
}

.elgg-form-small input,
.elgg-form-small textarea {
	font-size: 12px;
}

.elgg-image-block-small > .elgg-image {
	margin-right: 5px;
}


/* NEW PAGE COMPONENT: COMPOSER */

.ui-tabs-hide {
	display:none;
}

.elgg-composer {
	border-top: 1px solid #CCC;
	padding-top: 6px;
	margin-top: 7px;
}

.elgg-composer > h4 {
	height: 22px;
	display: inline-block;
	vertical-align: baseline;
	color: gray;
}

/*20130806..S00-20130806001..Jimmy:調整UI*/
.elgg-composer > .ui-tabs-panel {
    border-width: 1px;
    border-style: solid;
    margin-top: 6px;
    border-color: rgb(207, 207, 207);
    border-radius: 3px;
}

.messageboard-input {
	margin-bottom: 5px;
}

.elgg-attachment-description {
font-family: Arial,"新細明體", Helvetica, sans-serif;
font-size: 13px;
letter-spacing: 1px;
color: #222;
padding-top: 2px;
line-height: 1.7;
font-weight: normal;
}

#thewire-form-composer #thewire-textarea {
	margin-top:0;
}


.messageboard-input {
	height: 80px;
	resize: none;
	margin-top: 2px;
	border-color: rgb(241, 240, 240);
}
/*20130806..S00-20130806001..Jimmy:???UI*/
.messageboard-input:focus {
    border-bottom-color: #9ecaed;
	box-shadow: 0 0 2px #9ecaed;
	outline: none;
}

#facebook-header-login {
	bottom: 25px;
	position: absolute;
	right: 0;
}

#facebook-header-login label {
	color:white;
	display: block;
	font-weight: normal;
	padding: 2px 2px 4px;
}

#facebook-header-login .elgg-foot > label {
	bottom: -16px;
    /*20130528..Jimmy:改成白色*/
	color: white;
	cursor: pointer;
	left: 0;
	position: absolute;
}

#facebook-header-login div {
	display: inline-block;
	margin-bottom: 3px;
	padding-right: 10px;
}

#facebook-header-login .elgg-input-text,
#facebook-header-login .elgg-input-password {
	border-color: #1D2A5B;
	color: black;
	font-size: 11px;
	margin:0;
	padding: 3px 3px 4px;
	width: 150px;
}

#facebook-header-login .elgg-menu {
	position: absolute;
	margin-left: -160px;
}

#facebook-header-login .elgg-menu > li {
	display: inline-block;
	margin-right: 10px;
}

@-moz-document url-prefix()
{
#facebook-header-login .elgg-menu > li {
	display: inline-block;
	margin-right: 10px;
    margin-top: 10px;
}

}

#facebook-header-login .elgg-menu > li > a {
    /*20130528..Jimmy:改成白色*/
	color: white;
	display: inline;
}

#facebook-header-login .elgg-menu > li > a:hover {
	text-decoration: underline;
}

#facebook-header-login .elgg-button-submit {
	position: relative; 
	top: 10px;
}

/* 20140307..TFS637..Wesley:調整checkbox位置*/
input[type="checkbox"] {
	vertical-align:middle;
}

/* 20130603..Jimmy:只有註冊跟登入的頁面是這個樣式*/
#register table tr{
	height:45px;
}

/*20130531..Jimmy:修改下拉選單的樣式*/
select{
	padding:5px;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif, 微軟正黑體;
    font-size:14px;
}

/* 20130603..Jimmy:只有註冊跟登入的頁面是這個樣式*/
#register table tr td{
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
    width:300px;
}

caption, th {
	text-align: right;
	font-weight: normal;
	vertical-align: middle;
    /* 20131125..S00-20131118002..Wesley:css被蓋掉影響行事曆顯示先將此寬度註解掉
        width:130px;
    */
    padding-right:10px;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif, 微軟正黑體;
    font-weight:bold;
}

caption, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

caption, td img{
    padding:5px;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {
	text-decoration: none;
}

/*20130607..Jimmy:加入profile info頁面所需的css*/
.dg-profile tr{
height:35px;
}

.dg-profile tr th{
    text-align: right;
	font-weight: normal;
	vertical-align: middle;
    width:100px;
    padding-right:10px;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif, 微軟正黑體;
    font-size:11px;
    color:#89919c;
}

.dg-profile-div{
    border-bottom:1px solid #E9E9E9;
    border-top:1px solid #E9E9E9;
    margin-top:20px;
}

.dg-profile-div-first{
    border-top:1px solid #E9E9E9;
}

/*20130609..Jimmy:加入profile中，interest選項的css*/
.dg-toggled { 
    font-size: 1.2em; 
    margin-bottom: 2px; 
    float: left; 
}

.dg-toggled a { 
    display: inline-block; 
    background: #d0796b; 
    background: rgba(164, 1, 6, .5); 
    color: #fff; padding: 0 4px; 
    margin: 0 0 2px 4px; 
    text-decoration: none; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border-radius: 3px; 
    font-size:10px;
}

.dg-toggled a:hover { 
    background: #a40106; 
}

.dg-toggled-active{
    background: #a40106; 
}

/*20130711..S00-20130711001..Jimmy:加入login page的css */
#Outer{
	width:auto;
	background-color:#3b5998;
}
#Header{
	margin:0 auto;
	width:980px;
	height:50px;
}
#logo{
	float:left;
	font-family: "Arial Black", Helvetica, sans-serif;
	color:#FFF;
	font-size:40px;
	line-height:50px;
}
#login{
	float:right;
	width:200px;
}
#login li a{
	width:50px;
	height:50px;
	line-height:50px;
	float:right;
	font-family: "微軟正黑體", Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
#login li a:hover{
	text-decoration:underline;
	color:#FF9;
}
#RegisterOuter{
	width:auto;
	margin:0 auto;
}
    
#RegisterMain{
	width:980px;
	margin:0 auto;
}
#RegisterOutside{
	float:left;
	width:500px;
	padding-top:30px;
	margin-top:40px;
}
#RegisterOutside h2{
	font-size:22px;
	line-height:1.6;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#RegisterOutside p{
	width:auto;
	clear:both;
	padding-top:10px;
	font-size:15px;
	line-height:1.5;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-weight:bold;
	color:#333;
}
#RegisterOutside ul{
	text-align:left;
	width:auto;
	padding-top:10px;
}
#RegisterOutside li{
	margin-right:2px;
	margin-left:3px;
	float:left;
	width:120px;
	height:50px;
	text-indent:-9999px;
	padding-bottom:20px;
}
#RegisterOutside hr{
	clear:both;
	color:#999;
	align="left"
}
#RegisterOutside li.rr a{
	display:block;
	height:50px;
	background-image:url(../_graphics/login-rr.png);
}
#RegisterOutside li.weibo a{
	display:block;
	height:50px;
	background-image:url(../_graphics/login-weibo.png);
}
#RegisterOutside li.qq a{
	display:block;
	height:50px;
	background-image:url(../_graphics/login-qq.png);
}
#RegisterOutside li.kaixin a{
	display:block;
	height:50px;
	background-image:url(../_graphics/login-kaixin.png);
}
/*20140205..T00-20140110016..Wesley:ie8排版錯位height:570px*/
#RegisterForm{
	width: 340px;
	background-repeat:no-repeat;
    margin:0 auto;
	background-color: white;
	border-style: solid;
	border-color: rgb(172, 170, 170);
	border-width: 15px;
	border-radius: 10px;
    margin-top: 50px;
    height:570px;
}

#RegisterForm h2{
	padding-bottom:12px;
	font-size:22px;
	line-height:1.6;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: center;
    background: #f3f3f3;
    border-bottom: 1px solid #cfcfcf;
    padding-top:15px;
}
#RegisterForm p{
background: url(../_graphics/line.png) no-repeat center center;
height: 20px;
font-weight: bold;
line-height: 20px;
font-size: 14px;
color: #666;
text-align: center;
width:300px;
}
#RegisterForm b{
	font-size:15px;
	color:#333;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	padding-left:150px;
	line-height:50px;
}
#RegisterForm a{
	font-family:"新細明體", Arial, Helvetica, sans-serif;
	text-decoration:none;
    color:white;
}
#RegisterForm a:hover{
	
}
#RegisterForm form{
	


}
#RegisterForm th{
	width:80px;
}

#RegisterForm tr{
	width: 100%
}

#RegisterForm td{
	padding:10px;
}

#RegisterForm input[type="text"],input[type="password"]{
    font-size:12px;
    font-weight:normal;
    font-family:"新細明體", Arial, Helvetica, sans-serif;
    height:40px;
}

#RegisterForm input[type="checkbox"]{
vertical-align:middle;white-space:nowrap;width:20px;
}

#RegisterForm input:focus{
	border-bottom-color: #9ecaed;
	box-shadow: 0 0 10px #9ecaed;
	outline: none;
}

#RegisterForm table{
    margin-top:10px;
    width:340px;
}

/* 20130805..S00-20130805001..Wesley:調整註冊頁欄位高度 */
#RegisterForm tr{
	height:25px;
}

#RegisterForm table a{
	font-size:13px;
	color:#06C;
	text-decoration:none;
	font-family:"新細明體", Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#RegisterForm table a:hover{
	color:#F00;
}
#RegisterForm form b{
	color:#069;
	font-size:12px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:132px;
	line-height:50px;
}
#RegisterForm .button {
	background:#3b5998;
	background:-moz-linear-gradient(top,#377bd6 0%,#2d5ca9 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#377bd6),color-stop(100%,#2d5ca9));
	background:-webkit-linear-gradient(top,#377bd6 0%,#2d5ca9 100%);
	background:-o-linear-gradient(top,#377bd6 0%,#2d5ca9 100%);
	background:-ms-linear-gradient(top,#377bd6 0%,#2d5ca9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#377bd6',endColorstr='#185fc0',GradientType=0);
	padding:6px 15px;
	color:#fff;
	font-family:'微軟正黑體',sans-serif;
	font-size:15px;
	font-weight:bold;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #0b3995;
    width:100%;
}
/*20140205..T00-20140110016..Wesley:ie8排版錯位height:390px*/
#LoginForm{
	width: 340px;
	background-repeat:no-repeat;
    margin:0 auto;
	background-color: white;
	border-style: solid;
	border-color: rgb(172, 170, 170);
	border-width: 15px;
	border-radius: 10px;
    margin-top: 50px;
    height:390px;
}

#LoginForm table{
	width: 300px;
    margin-left: auto;
    margin-right: auto;
}

#LoginForm tr{
	width: 100%
}

#LoginForm td{
	padding:10px;
}

#LoginForm input[type="text"],input[type="password"]{
    font-size:12px;
    font-weight:normal;
    font-family:"新細明體", Arial, Helvetica, sans-serif;
    height:35px;
}

#LoginForm h2{
	padding-bottom:12px;
	font-size:22px;
	line-height:1.6;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: center;
    background: #f3f3f3;
    border-bottom: 1px solid #cfcfcf;
    padding-top:15px;
}

#LoginForm p{
background: url(../_graphics/line.png) no-repeat center center;
height: 20px;
font-weight: bold;
line-height: 20px;
font-size: 14px;
color: #666;
text-align: center;

}

#LoginForm b{
	font-size:15px;
	color:#333;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	padding-left:150px;
	line-height:50px;
}
#LoginForm a{
	font-family:"新細明體", Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#LoginForm a:hover{
	
}
#LoginForm form{
	padding-left:20px;
	width:290px;

}
#LoginForm input:focus{
	border-bottom-color: #9ecaed;
	box-shadow: 0 0 10px #9ecaed;
	outline: none;
}

#LoginForm form a{
	position:absolute;
	left: 319px;
	top: 148px;
	font-size:13px;
	color:#06C;
	text-decoration:none;
}
#LoginForm form a:hover{
	color:#F00;
}
#LoginForm form b{
	color:#069;
	font-size:12px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:132px;
	line-height:50px;
}

#LoginForm .button {
	background:#3b5998;
	background:-moz-linear-gradient(top,#377bd6 0%,#2d5ca9 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#377bd6),color-stop(100%,#2d5ca9));
	background:-webkit-linear-gradient(top,#377bd6 0%,#2d5ca9 100%);
	background:-o-linear-gradient(top,#377bd6 0%,#2d5ca9 100%);
	background:-ms-linear-gradient(top,#377bd6 0%,#2d5ca9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#377bd6',endColorstr='#185fc0',GradientType=0);
	padding:6px 15px;
	color:#fff;
	font-family:'微軟正黑體',sans-serif;
	font-size:15px;
	font-weight:bold;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #0b3995;
    width:100%;
    }
    
.onaccount{
    text-align:center;
    margin-top:20px;
    font-size:14px;
    font-family:'微軟正黑體',sans-serif;
    font-weight:bold;
}

.facebook-link{
	margin: 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-radius: 3px;
	box-shadow: 0 1px 1px #999;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	padding: 10px 15px;
	text-align: center;
	text-decoration:none;
	background-color: #2b4170; /* fallback color */
	background: -moz-linear-gradient(top, #3b5998, #2b4170);
	background: -ms-linear-gradient(top, #3b5998, #2b4170);
	background: -webkit-linear-gradient(top, #3b5998, #2b4170);
	border: 1px solid #2b4170;
	text-shadow: 0 -1px -1px #1f2f52;
    color:white;
}

.facebook-link:hover{
    color:white;
}

.facebook-login{
    text-align:center;  
}

#RequestPwdForm{
	margin:0 auto;
	width:440px;
	padding-top:30px;
	padding-bottom:100px;
	margin-top:45px;
	background-image:url(../_graphics/bg.jpg);
	background-repeat:no-repeat;
}

#RequestPwdForm h2{
	padding-left:35px;
	padding-top:5px;
	padding-bottom:25px;
	font-size:22px;
	line-height:1.6;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#RequestPwdForm p{
	width:320px;
	padding-left:20px;
	padding-bottom:10px;
	font-size:15px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	text-align: right;
}

#RequestPwdForm form{
	padding-left:10px;
	width:350px;
}

#RequestPwdForm .button {
	background:#3b5998;
	background:-moz-linear-gradient(top,#377bd6 0%,#2d5ca9 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#377bd6),color-stop(100%,#2d5ca9));
	background:-webkit-linear-gradient(top,#377bd6 0%,#2d5ca9 100%);
	background:-o-linear-gradient(top,#377bd6 0%,#2d5ca9 100%);
	background:-ms-linear-gradient(top,#377bd6 0%,#2d5ca9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#377bd6',endColorstr='#185fc0',GradientType=0);
	padding:6px 15px;
	color:#fff;
	font-family:'微軟正黑體',sans-serif;
	font-size:15px;
	font-weight:bold;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #0b3995;
	width:80px;
	margin-left:25px;
}
.BoxPassword{
	width:300px;
	padding-left:20px;
	padding-top:10px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:1.6;
	color:#333;
	font-weight:bold;
	letter-spacing:2px;}

    /*20130711..S00-20130711001..Jimmy:加入login page的css */

 .dg-header a{
    color:white;
    margin-right:10px;
    font-weight:bold;
 }
 
 .dg-header{
    float:right;
    margin-top:12px;
    font-size: 14px;
 }

.dg-dropdown-privacy{
    margin-left:10px;
}

.dg-upload-div{
position:relative;
display:inline-block;
display:block;
text-align:center;
zoom:1;
}

.dg-upload-div :hover{
background-color:rgba(59, 89, 152, 0.18)
}

.dg-upload-div a{
padding-top:10px;
padding-bottom:10px;
display:block;
text-align:center;
zoom:1;

color:#3b5998;
cursor:pointer;
text-decoration:none;
}

.dg-upload-div-inner{
font-weight:bold;
font-size:14px;
}

.dg-upload-div-inner2{
height:100%;
overflow:hidden;
position:absolute;
right:0;
top:0;
width:100%;
}

.dg-upload-div input{
bottom:0;
cursor:inherit;
font-size:1001px !important;
height:300px;
margin:0;
opacity:0;
padding:0;
position:absolute;
right:0;
outline:none;
}

#Friends_Content_center .titlefriends{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:28px;
	font-weight:bold;
	overflow:hidden;
}
#Friends_Content_center{
	float:left;
    min-width:700px;
}
#Friends_Content_center .center_top{
	height:50px;
	}
#Friends_Content_center .boxpic{
	float:left;
	border:1px solid #ccc;
	margin-right: 12px;
    height: 50px;
width: 50px;
}

#Friends_Content_center .friendmessage a{
	float:right;
	margin-top:20px;
	margin-bottom:5px;
	width:18px;
	height:18px;
	}

#Friends_Content_center h2{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#666;
	font-size:20px;
	font-weight:bold;
	letter-spacing:2px;
}
#Friends_Content_center h2 a{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3B5998;
	text-decoration:none;
	}
#Friends_Content_center h2 a:hover{
	color:#F00;
	text-decoration:none;
	}
#Friends_Content_center p{
	width:auto;
	padding-left:70px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	line-height:1.5;
	padding-bottom:15px;
	letter-spacing:1px;
}

#Friends_Content_center .nomessage{
 border-color: black; 
 border-width: 5px; 
 border-style: solid; 
 text-align: center; vertical-align: middle;
 border-color: rgb(215, 241, 221); 
 border-radius: 10px; 
 padding: 20px; 
 margin-top:20px;
 }
 
 #Friends_Content_center .nomessage p{
    padding-left:0px;
 }

#Friends_Content_center p a{
	text-decoration:none;
	color:#3B5998;
}
#Friends_Content_center p a:hover{
	text-decoration:none;
	color:#F00;
}

#Friends_Content_center ul li{
	float:left;
	width:320px;
	height:110px;
	padding:8px;
	margin-right:20px;
	margin-bottom:20px;
    border: 1px solid #eee;
    background-color: #f5f5f5;
	overflow:hidden;
}

.friendintro{
	font-family:Arial,Helvetica, sans-serif;
	font-size:13px;
	color:#888;
	letter-spacing:1px;
}

.friendintro-company{
}

.remove-from-list{

}

.deltefriendbutton{
	-moz-box-shadow:inset 0px 2px 3px 0px #ffffff;
	-webkit-box-shadow:inset 0px 2px 3px 0px #ffffff;
	box-shadow:inset 0px 2px 3px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffcccc), color-stop(1, #ffe3e3) );
	background:-moz-linear-gradient( center top, #ffcccc 5%, #ffe3e3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0;
	border:1px solid #999;
	display:inline-block;
	color:#888;
	font-family: Arial,"新細明體";
	font-size:12px;
	font-style:normal;
	height:20px;
	line-height:20px;
	width:70px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 1px 0px #ffffff;
	margin-top:7px;
}
.deltefriendbutton:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffe3e3), color-stop(1, #ffcccc) );
	background:-moz-linear-gradient( center top, #ffe3e3 5%, #ffcccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
	color:#F00;
	border:1px solid #666;
}

#Message_Content_center{	
    margin-top: 20px;
height: 600px;
overflow-y: scroll;
border: 1px solid gainsboro;
padding: 10px 0px 10px 10px;
}
#Message_Content_center .nomessage{
 border-color: black; 
 border-width: 5px; 
 border-style: solid; 
 text-align: center; vertical-align: middle;
 border-color: rgb(215, 241, 221); 
 border-radius: 10px; 
 padding: 20px; 
 margin-top:20px;
 }
 
 #Message_Content_center .nomessage p{
    padding-left:0px;
 }

#Message_Content_center .center_top{
	height:30px;
	}
#Message_Content_center .titlemessage{
	float:left;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:28px;
	font-weight:bold;
	padding-bottom:2px;
}
#Message_Content_center .titlemessageright{
	float:right;
}
#Message_Content_center .button{
	background:#3b5998;
	background:-moz-linear-gradient(top,#377bd6 0%,#2d5ca9 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#377bd6),color-stop(100%,#2d5ca9));
	background:-webkit-linear-gradient(top,#377bd6 0%,#2d5ca9 100%);
	background:-o-linear-gradient(top,#377bd6 0%,#2d5ca9 100%);
	background:-ms-linear-gradient(top,#377bd6 0%,#2d5ca9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#377bd6',endColorstr='#185fc0',GradientType=0);
	padding:4px 2px;
	color:#fff;
	font-family:'微軟正黑體',sans-serif;
	font-size:14px;
	font-weight:bold;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #0b3995;
	width:45px;
	margin-left:12px;
}
#Message_Content_center .date{
	clear:both;
	margin-bottom:8px;
	margin-top:25px;
	font-family: Arial, Helvetica, sans-serif;
	color:#bbb;
	font-size:15px;
	font-weight:bold;
	padding-bottom:6px;
	overflow:hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}

#Message_Content_center .boxpic{
	float:left;
	padding:3px;
	background-color:#FFF;
}

#Message_Content_center .boxpic-to{
	float:left;
	padding:3px;
	background-color:#FFF;
}

/*20130902..S00-20130815005..Wesley:加入一個新的css*/
#Message_Content_center .letter{
	margin-top:7px;
    padding-right:10px;
	float:right;	
}

/*20130902..S00-20130815005..Wesley:加入一個新的css*/
#Message_Content_center .read{
	margin-top: 12px;
    float: right;
    font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
    color: #bfbfbf;
    font-size: 14px;
}

#Message_Content_center .delete{
	width:18px;
	height:18px;
	margin-top:7px;
	float:right;
	text-indent:-9999px;
    margin-right:5px;
}

#Message_Content_center .Box{
    border-bottom: 1px #CCC;
    min-height:40px;
    float: left;
width: 95%;
position: relative;
padding-top: 5px;
}

#Message_Content_center .Box-unread{
    border-bottom: 1px #CCC;
    min-height:40px;
    float: left;
width: 90%;
position: relative;
padding-top: 5px;
}

    #Message_Content_center li{
    min-height: 50px;
margin-bottom: 5px;
    }

#Message_Content_center .private-message{
    border-bottom: 1px #CCC;
    min-height:40px;
    background: rgba(243,243,243,.85);
}

#Message_Content_center .private-message-unread{
    border-bottom: 1px #E2E1E1 solid;
    background-color:#E6EEED;
    border-bottom-style: solid;
    background: white;
}

.message-content-to:hover{
    background-color:#F4F6FF;
}

.message-content:hover{
    background-color:#F4F6FF;
}

#Message_Content_center h2{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	padding-left:10px;
	padding-bottom:6px;
	color:#333;
	padding-top:2px;
}

#Message_Content_center .Box-unread-messageto h2{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	padding-left:10px;
	padding-bottom:6px;
	color:#333;
	padding-top:2px;
    float:right;
}

#Message_Content_center .Box-messageto h2{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	padding-left:10px;
	padding-bottom:6px;
	color:#333;
	padding-top:2px;
    float:right;
}

#Message_Content_center .Box-messageto p{
font-family: Arial, "新細明體", Helvetica, sans-serif;
font-size: 13px;
letter-spacing: 1px;
color: #666;
line-height: 1.4;
margin-bottom: 5px;
width: 300px;
border: 1px solid rgb(201, 199, 199);
padding: 8px;
border-radius: 8px;
margin-left: 120px;
}

.message-content{
    margin-right: 25%;
    max-width: 62%;
    padding: 0 5px 5px;
    border-radius: 5px;
}

.message-content-to{
    margin-right: 25%;
    max-width: 62%;
    padding: 0 5px 5px;
    border-radius: 5px;
}

.message-box{
color: #222;
cursor: pointer;
}

.message-box:hover{
color: #222;
background: #ffc;
}

#Message_Content_center h2 a{
	padding-left:8px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:##06C;
	text-decoration:none;
	}
    
#Message_Content_center h2 a:hover{
	color:#F00;
	text-decoration:none;
	}
#Message_Content_center p{
	font-family:Arial, "新細明體", Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:1px;
	color:#666;
	padding-top:2px;
	line-height:1.4;
	margin-bottom: 5px;
}
#Message_Content_center p a{
	text-decoration:none;
	color:#3B5998;
}
#Message_Content_center p a:hover{
	text-decoration:none;
	color:#F00;
}

#Message_Content_center span{
	 font-weight: bold; 
     color: gray;
     margin-left: 15px;
      /*20130905..S00-20130815005..Wesley:把padding-left修改為margin-left*/
}

#Message_Content_left li.messageover {
	display:block;
	line-height:30px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:16px;
	letter-spacing:1px;
	padding-left:25px;
	background-repeat:no-repeat;
	background-position:2px 5px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	font-weight:bold;
	background-image: url(http://www.dsc.com.tw/SNS/images/Group.png);
	color:#FFF;
	background-color:#97A5C4;
}
#Profile_Content_center{
	float:left;
	width:735px;
}
#Profile_Content_center .center_top{
	height:50px;
	}
#Profile_Content_center .titleprofile{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:28px;
	font-weight:bold;
	margin-bottom:20px;
	overflow:hidden;
}
#Profile_Content_center .box01{
	overflow:hidden;
}
#Profile_Content_center .box03{
	overflow:hidden;
	border-bottom:#999 dotted 1px;
	padding-top:15px;
	margin-left:12px;
	margin-right:12px;
	}		
#Profile_Content_center .box01-01{
	float:left;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#000;
	font-size:15px;
	font-weight:bold;
	padding-right:15px;
	width:80px;
	height:30px;
	}	
#Profile_Content_center .box01-01-content{
	float:left;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#666;
	font-size:15px;
	font-weight:bold;
	margin-right:20px;
	width:150px;   
    	min-width: 150px;
	height: 30px;
	}	

#Profile_Content_center .box01-02{
	float:left;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#000;
	font-size:15px;
	font-weight:bold;
	padding-left:3px;
	width:60px;
	height:30px;
	}
#Profile_Content_center .box01-02-content{
	float:left;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#666;
	font-size:15px;
	font-weight:bold;
    	min-width: 150px;
	height: 30px;
	}
#Profile_Content_center .box01-02-content a{
	color:#069;
	text-decoration:none;
	}
#Profile_Content_center .box01-02-content a:hover{
	color:#F00;
	}
#Profile_Content_center .box01-03{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#000;
	font-size:15px;
	font-weight:bold;
	padding-right:15px;
	padding-left:3px;
	height:22px;
	width:100%;
	}	
#Profile_Content_center .box01-03-content{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#666;
	font-size:15px;
	font-weight:bold;
	line-height:1.5;
	letter-spacing:1px;
	padding-left:3px;
	text-align:justify;
    min-width: 150px;
	min-height: 30px;
	}	
#Profile_Content_center .box02{
	margin-top:20px;
	border:#999 1px dotted;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding-top:17px;
	padding-bottom:15px;
}	
#Profile_Content_center .box02title{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
	letter-spacing:1px;
	padding-top:5px;
	padding-left:12px;
	padding-bottom:5px;
	width:722px;
	background-color:#882641;
	}
#Profile_Content_center .box04{
	padding-top:15px;
	margin-left:12px;
	margin-right:12px;
	}	
#Profile_Content_center .box05{
	padding-top:15px;
	margin-left:12px;
	margin-right:12px;
	margin-bottom:20px;
	}	

.edit-project{
    color: rgb(12, 12, 12);
    font-size: 13px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, 新細明體;
    font-weight: normal;
    float: right;
    padding: 5px;
    border: rgb(192, 197, 197) 1px solid;
    margin-right: 10px;
    background-color: rgb(198, 198, 201);
    border-radius: 5px;
}

.edit-project-delete{
    background-color: rgb(243, 198, 198);
}   

.browser-not-supported{
 border-color: black; 
 border-width: 5px; 
 border-style: solid; 
 text-align: center; vertical-align: middle;
 border-color: rgb(247, 23, 41); 
 border-radius: 10px; 
 padding: 20px; 
 margin-top:20px;
 width:80%;
 margin-left:10%;
 font-size:18px;
 color:red;
 }
 
.browser-not-supported p{
   
 }
 
 /*20130807..S00-20130807001..Jimmy:加入兩個新的css*/
.scroll-and-see-more{
    border-width: 1px;
    border-style: solid;
    text-align: center;
    height: 30px;
    background-color: #E9F4F8;
    border-color: #B5E4F5;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, 微軟正黑體;
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
}

.no-more-info{
    border-width: 1px;
    border-style: solid;
    text-align: center;
    height: 30px;
    background-color: #F8E9EF;
    border-color: #F1CAD3;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, 微軟正黑體;
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
}
/*20130903..S00-20130815005..Wesley:較早的訊息 */
.overduemessages{
    font-family:微軟正黑體, Arial, Helvetica, sans-serif;
    color: #7988A8;
    font-size: 14px;
}

.messagetext{
	padding-left: 75px;
}

.comment-block{
    font-size:13px;
    font-family:新細明體, Arial, Helvetica, sans-serif;
}

.edit-comment, 
.delete-confirmation{
    border-color: rgb(121, 193, 239);
    color: black;
    width:80px;
    display:none;
    position:absolute;
    z-index:9999;
    text-align:center;
    border: 1px solid #ccc;
    background-color: #fff;
    _zoom: 1;
}

.edit-comment li, 
.delete-confirmation li{
    height:25px;
    border-bottom: 1px dotted gray;
    padding-top: 5px;
}
.edit-comment a, 
.delete-confirmation a{
    font-family:新細明體;
}
.edit-comment .YES a{
   color: #FFF;
}

.edit-comment .NO a{
   color: #333;
}

.poll-outer{
overflow: hidden;
width: 100%;
margin-top: 5px;
}

.poll-choices input[type="checkbox"]{
float: left;
margin-top: 5px;
}

.poll-choices-item-left{
float: left;
margin: 5px;
}

.poll-choices-item-right{
    float: right;
    font-weight: bold;
    margin: 5px 0px;
}

.poll-choices-item{
width: 200px;
float: left;
background-color: #efefef;
border-color: #DBDADA;
border-style: solid;
border-width: 1px;
min-height: 25px;
}

.poll-choice-show-more{
    border: 1px solid rgb(147, 196, 241);
bottom: 8px;
position: relative;
padding: 3px 4px 4px 4px;
font-weight: bold;
}

.poll-user{
height: 30px;
}

.user-avatar-list{
width:40px; height:40px;margin-right:5px;
}

.unreadmailno{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	text-align:center;
	color:#FFF;
	padding-top:2px;
}
.unreadmailno a{
	text-decoration:none;
	color:#FFF;
}
/* Blog Plugin */

/* force tinymce input height for a more useful editing / blog creation area */
form#blog-post-edit #description_parent #description_ifr {
	height:400px !important;
}
/* TinyMCE */
.elgg-page .mceEditor table.mceLayout {
	float: left; /*20140327..TFS887..feehong:[project]�إ߱M�ת����s�O�s, �bfirefox�̳Q�\���F, �ѨM�b firefox �� �K�[�β����s�边 �P�u��C���|*/
	border: 1px solid #CCC;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.elgg-page table.mceLayout tr.mceFirst td.mceToolbar,
.elgg-page table.mceLayout tr.mceLast td.mceStatusbar {
	border-width: 0px;
}
.mceButton {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.mceLast .mceStatusbar {
	padding-left: 5px;
}