.introduce {
	color:#909080;
}

.en {
	font-family:arial,sans-serif;
	font-size: 13px;
}

.widgetimg {
	float:left;
	margin-right: 6px;
}

.widgetdate {
	font-family:arial,sans-serif;
	font-size: 10px;
}

.editingframe {
	border:1px solid rgba(82, 82, 82, 0.698);
}

.editingClass {
	font-size:13px;
	color:#909080;
}

img {
	border:0;
}

body{
	color:#50504A;
	background-color:#eee;
	position: relative;
}

.Container {
    width: 95%;/*1000px;*/
    margin: 0 auto;
	min-width:850px;
}

a:link, a:visited, a:active {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#leftcolumn {
	/*BORDER-RIGHT: 1px solid #D0D0CC;*/
	padding:15px 0px 0 0;
	width:192px;
	vertical-align:top;
	display:none;
	position:absolute;
}

#maincolumn {
	padding:15px 10px 0px 10px;
	vertical-align:top;
}

#divcontent {
	margin: 0 auto;
	padding:0;
}

#leftcolumn a:link,#leftcolumn  a:visited,#leftcolumn  a:active,
.contextmenu a:link,.contextmenu  a:visited,.contextmenu a:active,
#divcalendarday a:link,#divcalendarday  a:visited,#divcalendarday  a:active,
.catBoard h3 a, .campaignBoard h3 a, .userBoard a, .filterinfo_container a, #simpleUserHeader a,.attachedinfo a,.HeadlineBar a,.guide-item a,#cattitle a,#calendararea a
{
	text-decoration:none;
	color: #50504A;
}

#leftcolumn a:hover,.contextmenu a:hover,.journaltable a:hover,.catBoard h3 a:hover, .campaigntBoard h3 a:hover, .userBoard a:hover, .filterinfo_container a:hover, #simpleUserHeader a:hover,.attachedinfo a:hover,.HeadlineBar a:hover,.guide-item a:hover,#cattitle a:hover
{
	 text-decoration:underline;
} 

#banner{
	background-color:#F9F9F6;
	box-shadow: 0 1px #FFFFFF inset, 0 1px 2px rgba(40, 40, 30, 0.3);
	border-bottom: 1px solid #DEDED5;
	height: 44px;
	position:fixed;
	top:0px;
	left:0px;
	z-index:642;
	width:100%;
}

#banner .sitemenu{
	display:none;
}

#banner-currentpagename{
	margin-left:9px;font-size:19px;font-weight:bold;color:#222215;font-family:微軟正黑體;
}

.bannerMenu {
	top:0px;
	right:0px;
	position:absolute;
	min-width:400px;
}

.bannerMenu img{
	width:18px;
	height:18px;
	border:0;
}

.bannerMenu ul{
   margin: 3px;
   padding: 0;
   float:right;
}

.bannerMenu ul li{
margin-left:10px;
}

#searchmenu ul.potato-menu-group {
    width : 80px;
}
#searchmenu li.potato-menu-item li.potato-menu-item{
    width:80px;
}
#mainmenu ul.potato-menu-group{
    width:80px;
}
#mainmenu li.potato-menu-item li.potato-menu-item{
    width:80px;
}
#usermenu ul.potato-menu-group{
    width:80px;
}
#usermenu li.potato-menu-item li.potato-menu-item{
    width:80px;
}
#usermenu li.potato-menu-item{
    width:80px;
}

.maincontent {
	position:absolute;
	top:44px;
	left:0px;
	width:100%;
}

#q {
    background-color: #F9F9F6;
    border-color: #C3C3C1 #CDCDC9 #D2D2CE;
    border-style: solid;
    border-width: 1px 0px 1px 1px;
    box-shadow: 0 1px #FFFFFF, 0 1px rgba(40, 40, 30, 0.06) inset;
    font-size: 13px;
    line-height: 1.3;
    width: 150px;
	padding:3px 3px 1px;
	margin: 0;
	color:#222215;
	vertical-align: bottom;
	float:left;
}

/* calendar --------------------------------------------------*/
#wp-calendar {
  display:inline-table;
  border-collapse:collapse;
  width:172px;
  margin:0px 10px 0 10px;
  text-align:center;
  font-size:14px;
}

#wp-calendar table caption {
  margin:-5px 10px 0 10px;
  padding-bottom:5px;
  border-bottom:1px solid;
  letter-spacing:0.1em;
}

#wp-calendar table thead tr {border-bottom:1px solid;}

#wp-calendar table th {border-bottom:1px solid;}

#wp-calendar table td {
  width:172px; /* maximaize width; honestly, I don't know much about tables... */
  padding:1px;
  font-size:13px;
}

#wp-calendar #today{
    display:block;
	background-color: #d6d6d4;
	padding: 2px;
}

#wp-calendar a {
  display:block;
  font-weight:bold;
  font-size:15px;
}

#wp-calendar table tfoot {border-top:1px solid;}

#wp-calendar table tfoot a {
  border:none;
  font-weight:bold;
}

#wp-calendar table tfoot #prev a {text-align:left;}
#wp-calendar table tfoot #next a {text-align:right;}

.contextmenu, #divcalendarday{
	padding:16px;
	line-height:16pt;
	text-align:left;
	position:absolute;
	font-size:12px;
	font-family:Arail;
	color:#50504A;
	max-width:250px;
	background-color: #FFFFFF;
    border: 1px solid #CDCDC9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	z-index:2;
	border-radius:3px;
}

#divcalendarday{
    padding:5px;
}

#divcalendarday a:hover {
	 background-color:#e1dfdf;
	 cursor:pointer;
}

.sidebarmonthlogo,.sidebarjournallogo  {
	width:178px;
	height:178px;
	padding:2px;
}

.contextmenu ul {
	margin:0;
	padding:0;
	width:auto;
	list-style:none;
}

.contextmenu:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
}

.contextmenu ul li{
	margin-bottom:5px;
	padding:0;
	position:relative;
	list-style:none;
	list-style-position:outside;
}

.contextmenu hr{
	text-align:center;
	color:#fff;
}

.contextmenu img {
	cursor:pointer;
	float:left;
	margin-right:6px;
	width:16px;
	height:16px;
	border:0;
}

#jdynaoverlay {
	display:none;
	margin:0px;
	width:192px;
	z-index:1;
	opacity:.9;filter:Alpha(opacity=90);
}
/* calendar end */

#jdynaoverlay .close, .contextmenu .close, #waittogobox .close, #activitybox .close {
	background-image:url(/images/close.gif);
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	height:16px;
	width:16px;
}

#waittogobox .close, #activitybox .close {
	right:0px;
	top:3px;
	width:28px;
	height:28px;
	background-image:url(/images/apple-close.png);
}

.contextmenu .jump {
	background-image:url(/images/go-jump.png);
	position:absolute;
	right:16px;
	top:0px;
	cursor:pointer;
	height:16px;
	width:16px;
}
/* map */
/*
#divmapcanvas {
	width:192px; 
	height:350px;
	margin-top:5px;
}
 
#wrapper {
     width : 192px;
	 font-size:13px;
}
*/
      
.leftcolumnlayer{
	margin-bottom:9px;
	text-align:center;
	font-size:12px;
}

.sidebardiv {
	background-color:#ffffff;
	font-family:微軟正黑體;
	line-height:16pt;
	border: 1px solid #CDCDC9;
	margin:5px;
	text-align:left;
	border-radius: 5px;
	width:182px;	
}

.sidebardivtitle{
	color:#222215;
	font-size:15px;
	text-align:center;
	padding:0 5px;
}

.sidebardiv > table {	
	padding:0 5px;
}

/* for webpad */
.hinoki
{
	/* text-align:center;*/
    margin:5px 1px 5px 3px;	
	font-size:13px;
}

.hinoki img.avatar{
	height: 16px;
    width: 16px;
	border: 0 none;
	margin:0 5px 0 3px;
	vertical-align:top;
}
/* for web pad end*/

/* page preview layer */
#pagepreview {
    display:none;
    z-index:10000;
	/* background-image: url(/images/white.png); */
    width:750px;
    min-height:200px;
   /* border:1px solid #666; */
    /* CSS3 styling for latest browsers */
    box-shadow:0 0 90px 5px #000;    
}

.journaltable {
	font-size: 15px;
	border-width:0px;
	line-height: 18pt;
	margin-bottom:45px;
	width:100%;
}

.journaltable a {
	text-decoration:none;
}

.journalcolumn,.corner-stamp, .photocolumn{
  color:#50504A;
  background: none repeat scroll 0 0 #FFFFFF;
  font-family:微軟正黑體;
  margin: 14px 7px 0;/*10px 5px 0;*/
  /* border: 1px solid #DCB; */
  line-height: 0;/*to make image and text gap clear*/
  font-size:13px;
  float: left;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.66);
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.66);
  position:relative;
  /* overflow:hidden;		*/  
}

.journalcolumn .journal-logo, .corner-stamp .journal-logo, .photocolumn .photo-img{
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; 
  overflow:hidden;		  
}


.photocolumn{
	width:236px;
}

.photocolumn img .photo-img {
	border:0;
	width:236px;
}

.doccmd {
	right: 15%; /* -67px 2017.8.3; 3px 2013.9.30; -82px  beofre2014.1.9*/
    position: absolute;
    top: -20px;
}

.filterinfo .doccmd{
    right: initial;
    left:25%;
}

.doccmd ul {
	margin:0;
	padding:0;	
	list-style:none;
}

.doccmd ul li{
	float: right;
     margin-right: 26px; /*56px  beofre2014.1.9*/
    list-style: none outside none;	
}

.journalcolumn a:link,.journalcolumn  a:visited,.journalcolumn  a:active,.corner-stamp a:link,.corner-stamp  a:visited,.corner-stamp  a:active
{
	text-decoration:none;
	color: #000;
}

.journalcolumn a:hover,.corner-stamp a:hover,.contextmenu a:hover {
	 text-decoration:underline;
}

.attachedinfo{
	padding:5px;
	text-align: center;
	background-color: #E0E0E0;
	font-weight: bold;
	color:#624D4D;
	line-height:16pt;
}

.attachedinfo img{
	width:16px;
	height:16px;
	border:0;
} 

.oneline {
	overflow:hidden;	 
    text-overflow: ellipsis;
    white-space: nowrap;
}

.photo-meta{
	 background-color: #ccc;
	 overflow:hidden;
}

.journal-title-section, .photo-title-section{
	font-size:15px;
	color: #222215;
	line-height: 1.35em;
	margin: 0 5px;
	padding: 5px;
    overflow: hidden;
    word-wrap: break-word;	
}


.journal-title-section img{
	vertical-align:bottom;
	width:18px;
	height:18px;
}

.journal-author-section,.photo-author-section{
	margin: 5px;
	padding: 5px;
	font-size:12px;
	line-height: 1.35em;
}

.journal-author-section img.avatar, .pagemisc img.avatar, #simpleUserHeader img.avatar{
	float: left;
    margin-right: 6px;
	width:32px;
	height:32px;
	border:0;
}

.journal-snippet{
	font-size: 13px;
	margin: 5px;
	padding: 14px 7px 5px;
	line-height: 1.35em;
	max-height:256px;/*64px;*/
	overflow: hidden;
    word-wrap: break-word;
	letter-spacing: 0.05em;
	border-top:1px solid #eee;
}

.photo-description{
	font-size: 13px;
	margin: 5px;
	padding: 5px;
	line-height: 1.35em;
	word-wrap: break-word;
}

.journal-state{
	margin: 5px;
	padding:5px 0 5px 5px;
	font-size: 12px;
	line-height: 1.35em;
	color:#999;
}

.journal-state a{
	text-decoration:none;
	color: #999 !important;
}

.journal-state img, .journal-menu img{
	border:0;
	width:16px;
	height:16px;
	margin-right:8px;
}

.corner-stamp {
  float: right;
  /*overflow:hidden;*/
}

.corner-stamp .dragj {
	/*background: none repeat scroll 0 0 #FFD339;*/
}

.snippet
{
	font-size:13px;
	padding-left:0px;
	/*line-height: 18pt;*/
	line-height: 1.35em;
	word-wrap: break-word;
	word-break: break-all;
}

.more{
	font-family:Arial;
	font-weight:bold;
	font-size:13px;	
	color:#222215;
	padding-left:5px;
}

.journalcolumn .dragj {
	/*background-color: #E8E8E6;*/
}

.profile_header, .topic_profile_header {
    background-color: #F9F9F6;
	box-shadow: 0 1px 3px rgba(40, 40, 30, 0.3);
	border: 1px solid #DEDED5;
    color: #54544E;
    font-size: 13px;
    /*overflow: hidden;*/
    width:700px;
	margin:10px auto 30px;
	height:128px;
	font-family:微軟正黑體,arial;
	position: relative;
}

.topic_profile_header {
	width:760px;
	height:220px;
}

.profile_header img, .topic_profile_header img {
	border:0;
}

.ProfileImage, .topic_profile_header .ProfileImage  {
    float: left;
    height: 128px;
    width: 128px;
    overflow: hidden;
	position:relative;
}

.topic_profile_header .ProfileImage  {
    height: 220px;
    width: 220px;
}

.ProfileImage img, .campaign_header .ProfileImage img{
	position:absolute;
	border: 0 none;
}

.profile_header .ProfileImage  img {
	width:128px !important;	
}

/*
#CampaignLogo{
	width:128px;
	height:128px;
}
*/
.profile_content, .profile_content_nologo  {
    margin-left: 143px;
    padding-right: 15px;
	font-size: 15px;
}

.topic_profile_header  .profile_content, .topic_profile_header  .profile_content_nologo {
    margin-left: 235px;
	padding-right:130px;
}

.topic_profile_header  .profile_content_nologo {
    margin-left: 15px;
}

.profile_content h1, .profile_content_nologo h1{
    color: #54544E;
    font-size: 30px;
    margin: 15px 0 10px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;  
}

.profile_content h1 a, .profile_content_nologo h1 a{
	color: #54544E;
}

.profile_header  .profile_description_wrap {
	height:60px;
	overflow: hidden;
}

.topic_profile_header  .profile_description_wrap {
	height:109px;
	overflow: hidden;
}

.profile_description {
	margin:0;
	padding:0;
	line-height:16pt;
	letter-spacing:0.1em;
	/*
	height:110px;
	overflow: hidden;
	*/
}

.profile_description p{
	margin:0 0 5px;
	padding:0;
	line-height:16pt;
}

.profile_description_tooltip {
    display:none;
	width:450px;	
	background-color:#ffa;
    border:1px solid #cc9;
    padding:5px;
    font-size:13px;
	letter-spacing:0.1em;
	line-height:16pt;
	z-index:101; /* over contetmenubar*/
    box-shadow: 2px 2px 11px #666;
    -webkit-box-shadow: 2px 2px 11px #666;
}

.topic-fbpage-like,.user-fbpage-like {
	right: 5px;
	bottom: -5px; /* 10*/
	width:270px;
    overflow: hidden;
	margin:0px;
    padding: 0px;
    position: absolute;
}

.user-fbpage-like {
	width:320px;
	bottom: -3px;
}

.profile_links {
    bottom: 5px;
    color: #909080;
    font-weight: 600;
    overflow: hidden;
	margin:0px;
    padding: 0px;
    position: absolute;
	font-size: 13px;
}

.profile_links li {
    list-style: none outside none;
	float: left;
    margin-right: 7px;
}

.profile_links img {
	vertical-align:middle; /* bottom 2013.11.27*/
	width:16px;
	padding-right:2px;
}

.profile_links img.w2g_edit, .pagebiinfo img.w2g_edit {
	width:16px;
	height:16px;
	margin-right:1px;
}

.profile_links a
{
	text-decoration:none;
	color: #909080;
}

.profile_links a:hover
{
	text-decoration:underline;
	color: #909080;
}

#waittogobox, #activitybox {
	font-size:15px;
	font-family:微軟正黑體;
	display:none;
    width:360px;
   /* border:10px solid rgba(82, 82, 82, 0.698);*/
   -webkit-border-radius: 8px;
   border-radius: 8px;
}

#activitybox {
	width:480px;
}	

#waittogobox > div, #activitybox >div {
    padding:10px;
    border:1px solid #3B5998;
    background-color:#fff;
    font-family:微軟正黑體;
	font-size:15px;
}

#waittogobox h2, #activitybox h2{
    margin:-11px;
    margin-bottom:11px;
    color:#fff;
    background-color:#6D84B4;
    padding:5px 10px;
    border:1px solid #3B5998;
    font-size:20px;
}

#waittogobox button,#waittogobox select, #activitybox button, #activitybox select {
	font-family:微軟正黑體;
	font-size:13px;
}

#waittogobox table img, #activitybox  table img {
	border:0;
	cursor:pointer;
	vertical-align:middle;
}

#ContextMenuBar {
    background: none repeat scroll 0 0 #F9F9F6;
    border: 1px solid #DEDED5;
    box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(40, 40, 30, 0.3); 
    line-height: 48px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    z-index: 1;
	min-height: 665px;
	min-height: 22px;
    position: relative;
    text-shadow: 0 1px rgba(255, 255, 255, 0.9);
	font-family:微軟正黑體;
}

#ContextMenuBar ul li, .bannerMenu ul li{
    list-style: none outside none;
	float: left;
	font-size: 13px;
}


#ContextMenuBar  ul li a {
    border-top: 1px solid #FFFFFF;
    color: #565646;
    display: block;
    height: 48px;
    padding: 0 10px;/* 0 15px 2013.11.13 changed*/
    text-decoration: none;
}

#ContextMenuBar ul li a:hover {
    background-color: #E5E5DE;
    border-top-color: #E5E5DE;
    color: #565646;
}

#ContextMenuBar ul li a.selected {
	background-color: #E1E1DA;	
    border-left: 1px solid #CECEC3;
    border-right: 1px solid #CECEC3;
    border-top: 1px solid #F3F3F1;
    overflow: hidden;
    position: relative;
}

#ContextMenuBar ul li a.selected:active {
    color: #565646;
}

#ContextMenuBar ul li a.selected:before {
    bottom: -10px;
    box-shadow: 0 0 10px rgba(40, 40, 30, 0.2) inset;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: -10px;
}

#ContextMenuBar .ucmenu-action {
    margin: 1px auto;
    text-align: center;
    width: 150px;
	font-size:13px;
}

#ContextMenuBar .ucmenu-action label, .actionbutton label{
	font-family:微軟正黑體;
	font-weight:600;
}

.pagecolumn {
	background-color:#fff;
	width:600px;
	margin:20px auto;
	position:static;
	padding: 20px 40px 0;
	box-shadow: 0 3px 8px rgba(40, 40, 30, 0.3);
	font-family:微軟正黑體;
	font-size:13px;
}

.JournalAuthor{
	margin: -20px -40px 20px;
	padding: 20px 40px 20px;
	min-height:64px;
  /*  overflow: hidden; */
    position: relative;
	border-bottom: 1px solid #D2D2CC;
}

.pagecolumn a{
	color: #222215;
	text-decoration: none;
}

.pagecolumn a:hover {
	text-decoration: underline;
}

.JournalAuthor img.avatar{
	height: 64px;
    width: 64px;
	border: 0 none;
	margin-right:9px;
	float:left;
}

#JournalAuthorName {
	font-size:19px;
	line-height:1em;
	margin: 0px 0 2px;
	font-weight: bold;
}

#JournalAuthorDate {
	margin-bottom: 2px;
	margin: 7px 0 0;
}

#JournalName {
    /*overflow: hidden;*/
	font-size:27px;
    padding: 20px 30px 10px;
	margin: -20px -30px 20px;
	font-weight: bold;
}

#DocStats {
	float:right;
	/*margin:3px 45px 0 0;	*/
	margin:0px -40px 0 0;
	font-size:12px;
	width:215px; /* 125px;*/
}

.profile_header #DocStats {
	margin:7px 5px 0 0;
	font-size:13px;
	width:95px;
}

.topic_profile_header #DocStats{
	font-size:13px;
	margin: 20px 0px 0 0;
	/*margin: 20px 45px 0 0;*/
	width: 125px;
}

.profile_header .profile_content {
	margin-right:95px;
    overflow:hidden;
}

.profile_header .profile_content h1 {
	margin:7px 0 5px;
	padding:0;
	font-size:25px;
}

.profile_header .profile_content .profile_description_wrap {
	height:55px;
}

.profile_header .profile_content .profile_description {
	line-height:14pt;
}

.profile_header .profile_content p {
	margin:7px;
	padding:0;
}

.profile_header .profile_content a {
	margin:7px 0 5px;
	padding:0;
	color:#909080;
}

.profile_header .profile_content #authorname {
	font-style:italic;
    font-size: 12px;
}

#DocStats ul {
	margin:0;
	padding:0;
	width:auto;
	list-style:none;
}

#DocStats ul li{
	margin-bottom:5px;
	padding:0;
	position:relative;
	list-style:none;
	list-style-position:outside;
	text-align:left;
	clear:both;
}

.topic_profile_header #DocStats ul li{
	margin-bottom:15px;
}

#DocStats ul li img{
	vertical-align:bottom;
}

.topic_profile_header #DocStats ul li img{
	width:20px;
	height:20px;
	vertical-align:bottom;
}

.topic_profile_header #DocStats img.progressimg {
	width:40px;
	height:40px;
	border:0;
	cursor:pointer;
	float:left;
}

.topiccomments, .curationcomments, .pagefbcomments {
	margin:10px auto 0px;
	width:600px;
}

.topiccomments {
	width:760px;
}

#simpleUserHeader, .docmeta{
    margin: 0px auto;
    text-align: center;
	font-family:微軟正黑體;
	width:800px;
	border-color: rgba(40, 40, 30, 0.14);
    border-style: double;
    border-width: 0 0 3px;
 /*   overflow: hidden;*/
    position: relative;
}

#subContext {
	padding: 25px 19px 11px;
    position: relative;
    color: #222215;
    font-size: 21px;
	font-family:微軟正黑體;
    line-height: 16pt;
}

#subContext a {
	color:#222215;
	text-decoration: underline;
}

#subContext span.selected {
	font-weight: bold;
    margin: 0;
}

#simpleUserHeader #boardtitle, #cattitle  {
    font-size: 39px;
	color:#222215;
	margin: 20px auto;
    text-align: center;
    max-Width: 500px;
}

#cattitle  {
	font-family:微軟正黑體;
    font-size: 47px;
}	

#simpleUserHeader #boarddescription  {
	margin: 15px auto;
    text-align: center;
    max-Width: 500px;
	font-size:15px;
}

#simpleUserHeader #boardauthor {
	float:left;
	margin:10px 0 0 20px;
}	

#simpleUserHeader #boardauthorname {
	float: left;
    font-size: 13px;
	margin-top:9px;
}

#simpleUserHeader .actionbutton, .JournalAuthor  .actionbutton{
	margin-left: 9px;
	font-size:12px;
}

.PageImageHolder {
	margin:0 0 20px;
	/*overflow:visible;*/
	position:relative;
	/* background-color:#f1f1EF; */
	 -webkit-border-radius: 7px;
	border-radius: 7px; 
	overflow:hidden;		  
}

.PageImageHolder img{
	margin:0 auto;
	display:block;
	border: 0 none;
	max-width: 600px;
}

.JournalDescription {
    overflow: hidden;
	font-size:16px;
    padding: 20px 40px 10px;
	margin: -20px -40px 20px;
	line-height:20pt;
	letter-spacing:0.1em;
}

.pageComment {
    padding: 0px 40px 0px;
	margin: 0px -40px 0px;	
}

.topiccomments .comment, .pageComment .comment,.curationcomments .comment {
    margin-bottom: 15px;
    padding: 0;
    clear: both;
	overflow: hidden;
}

.comment img {
	border:0;
	vertical-align:bottom;
}

.comment-hide {
    display:none;
}

.commenter{
	color:#222215;
}

.commenttext {
    line-height: 16pt;
    margin-top: 5px;
    padding-left: 7px;
    word-wrap: break-word;
	font-size:14px;
}

.commenttext p{
	margin:0;
}

.commentbox {
	font-size:12px;
	letter-spacing:0.05em;
	margin-bottom:9px;
	width:100%;
	max-height:49px;
	line-height:16px;
	overflow:hidden;
	display: block;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp:3; 
	-webkit-box-orient: vertical;		
}

.commentbox .commenter {
	font-weight:600;
	padding-right:9px
}

.pagecolumn .pagemisc {
    border-top: 1px solid #D2D2CC;
    margin: 0 -40px;
    overflow: hidden;
    padding: 30px 30px 29px;
}

.pagemisc p, .pagemisc h3, .pagemisc ul, .pagemisc p li{
 margin:0;
 padding:0;
}

.pagemisc li{
    float: left;
    list-style: none outside none;
	overflow: hidden;
}

.pagemisc h3{
    font-size: 23px;
    margin-bottom: 20px;
    overflow: hidden;
    white-space: nowrap;	
}

.pagebiinfo {
	clear:both;
}

.pagemisc .pagebiinfo > li:nth-child(2n+1) {
    clear: left;
    margin-right: 10px;
    width: 295px;
	
}

.pagemisc .pagebiinfo > li {
    width: 300px;
    height: auto;
    margin: 0 0 20px;
	line-height: 16pt;
}

.pagemisc .pagebiinfo > li .infoname {
	font-size:15px;
}

.pagemisc .pagebiinfo > li  a{
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
}

.pagemisc li a.imgblock{
    float: left;
	margin-right:6px;
}

.pagemisc li a.imgblock img{
    width:48px;
	height:48px;
	border: 0 none;
}

.pagemisc .pagebiinfo > li  p {
    margin: 0px 0 0 54px;
    /*line-height: 16pt;*/
    padding: 0;
}

.pagemisc .pagebiinfo > li  p .infoappendix a {
	color:#50504A;
}

ul.thumbsboard > li {
    float: left;
    margin: 0 1px 1px 0;
    width: 48px;
	height: 48px;
    list-style: none outside none;
}

ul.thumbsboard > li  img {
    background-color: #f1f1EF;
    height: 48px;
    width: 48px;
    border: 0 none;
}

.catBoardLayout li {
    float: left;
    margin: 0 17px 34px;
    width: 196px;
	list-style: none outside none;
}

.catBoard, .topicBoard, .campaignBoard, .userBoard {
    position: relative;
    background: none repeat scroll 0 0 transparent;
    box-shadow: 0 1px 2px rgba(40, 40, 30, 0.3);   
    padding: 0 !important;
    width: 196px !important;
	font-family:微軟正黑體;
}

.filterinfo {
    position: relative;
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 1px 2px rgba(40, 40, 30, 0.3); 
	-webkit-box-shadow:0 1px 2px rgba(40, 40, 30, 0.3); 
	border-radius: 5px;
	-webkit-border-radius: 5px;	
    padding: 10px !important;
    width: 280px !important;
	font-family:微軟正黑體;
	margin: 10px 10px 15px;
}

.filterinfo_container {
	overflow:hidden
}

.filterinfo_container p,h2{
	margin:0px;
	padding:0px;
}

.filterinfo_container h2{
	font-size:20px;
	line-height: 1.2em;
    margin-bottom: 0.6em;
}

.filterinfo_container .wrapimg {	
	float:right;
	margin-left:6px;
	width:140px;
	height:100px;
	border-radius:3px;
	overflow:hidden;
}

.filterinfo_container .wrapimg img{
	width:140px;
}


.filterinfo_description {
	max-height:480px;
	overflow:hidden;
	font-size:15px;
	line-height:18pt;
}	

.filterinfo_container .info_source{
	font-family:'Helvetica',sans-serif;
	font-style:italic;
	font-size:15px;
	margin:15px 0px;
}

.filterinfo_container .info_date {
	font-size:13px;
}

.filterinfo_container .info_source img{
	width:16px;
	height:16px;
}

.filterinfo .attachedinfo {
	overflow:hidden;
	text-overflow: ellipsis;
	font-size:13px;
	margin-top:6px;
	font-weight:normal;
}

.filterinfo .attachedinfo a{
	font-weight:bold;
}	

.userBoard {
	width: 200px !important;
	float:left;
	display: block;
    padding: 10px !important;
	margin: 10px 5px 15px;
	background: none repeat scroll 0 0 #fff;
}

.userBoard h3 {
    color: #666;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 24px;
	line-height:12pt;
    margin: 0 3px 6px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.userBoard h3 .userstats{
	margin-left:6px;
	font-size:11px;
	font-family: 'Helvetica',sans-serif;
}

.userBoard .waytogo-word {
	font-weight: 600;
	font-style:italic;
	font-family: 'Helvetica',sans-serif;
	position:absolute; 
	color:#019875;
	text-shadow:2px 2px 5px #00de77;
	top:0px; 
	right:12px;
	font-size:11px;
	display:none;
}

.userBoard h3 .userstats a {
	color:#999;
}

.userBoard .ProfileImage {
	width: 98px;
	height:98px;
	overflow:hidden;
	background: none repeat scroll 0 0 #EEE;
    float: left;   
    margin: 0 2px 2px 0;
    position: relative;
	border-radius: 3px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.33) inset;
}

.userBoard .ProfileImage img{
	width:98px;
}

.userBoard .ProfileImage .thumbname {
	position:absolute; 
	top:75px; 
	left:3px;
	font-size:13px;
	color:#fff;
	text-shadow:2px 2px 5px #000;
	overflow: hidden;
    text-overflow: ellipsis;
	width:92px;
	white-space: nowrap;
}

.curationthumbname {
	position:absolute; 
	top:10px; 
	left:25px;
	font-size:17px;
	color:#fff;
	text-shadow:2px 2px 5px #000;
}

.userBoard .thumb .thumbname {
	position:absolute; 
	top:2px; 
	left:2px;
	font-size:13px;
	font-weight:600;
	color:#fff;
	text-shadow:2px 2px 3px #000;
}

.userBoard .thumb {
    background-color: #EEE;
    float: left;
    margin: 0 2px 2px 0;
    position: relative;
	overflow:hidden;
	width:48px;
	height:48px;
	border-radius: 3px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.33) inset;
}

.campaignBoard {
	margin: 10px 5px 0;
	font-size:13px;
}

.topicBoard {
	width: 236px !important;
	float:left;
	margin:14px 7px 0 !important;
}

.catBoard h3, .topicBoard h3, .campaignBoard h3{
   	margin:0px;    
    padding: 5px 10px 10px;
    text-align: center;
	background-color:#fff;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap; 
}

.topicBoard h3{
	width:236px;
	height:20px;
	overflow:hidden;
	font-size: 17px;
    padding: 5px 0;
}

.topicBoard .topicpath{
    color: #e0e0E0;
    width:236px;
	padding:0px;
	font-size:13px;
	text-align: center;
}

.topicBoard .topicdescription{
	padding:5px;
	color:#efefef;
	height: 166px;
    overflow: hidden;
    padding: 5px 15px 0;
	line-height:16pt;
}

.topicBoard .topicdescription a{
	color:#efefef;
}

.topicBoard .topicpath a{
    color: #e0e0E0;
	font-weight:normal;
}

.topicBoard h3 a{
	color:#333;
}

.catimgboard {
	line-height:0px;
	background-color: #FFFFFF;
    overflow: hidden;
}

.catimgboard .catcover  {
    display: block;
    height: 150px;
    margin-bottom: 1px;
    overflow: hidden;
    width: 100%;
}

.topicBoard .topiccover  {
	display: block;
    overflow: hidden;
    width: 236px;
	height: 236px;
	position:relative;
	background-size:cover !important;;
}

.topicBoard .topicinfobg {
	position:absolute;
	background-color:#000000;
	top:0px;
	left:0px;
	width:236px;
	height:236px;
	opacity:0.15;opacity:0.15;-khtml-opacity: 0.15; filter:alpha(opacity=15);
}

.topicBoard .topicinfo {
	position:absolute;
	color:#fff;
	top:0px;
	left:0px;
	width:236px;
}

.catthumbs {
	display: block;
	width:100%;
}

.catthumbs img {
    float: left;
    height: 48px;
    margin: 0 1px 0 0;
    width: 48px;
    border: 0 none;
}


#contextabstract {
    font-size: 15px;
    overflow: hidden;
    text-align: left;
    padding: 12px 100px 10px;
    line-height: 16pt;
}

#gsresdiv {
	font-size:13px;
}

#gsresdiv a {
	text-decoration:none;
}

#gsresdiv a:hover {
	text-decoration:underline;
}


.date,.traveldate
{
font-family:"Arial";
font-size: 11px;
}

.text
{
font-size: 15px;
line-height: 18pt;
text-decoration:none;
}

.text a:link
{
	TEXT-DECORATION: underline;
	cursor:pointer;
}

.campaign_smallfont
{
	font-family:"Arial";
	font-size:13px;
	text-align:center;
}

span.clickspan{
	cursor:pointer;
	text-decoration:underline;
}

.jindex
{
font-size: 11px;
color:#100010;
}

.jtitle{
	border-width:1px; 
	border-style:solid; 
	border-color:#C5D9B2; 
	text-align:center;
	background-color:#9EBD83;
	text-decoration:none;
	font-size:15px;
	padding:2px;
}

.hot
{
	color:#ff0000;
	font-family:arial;
	font-weight:bold;
}

/* for top content */
.topicname{
	font-family:標楷體;
	font-size:19px;
}

.topicpath{
	/*font-family:新細明體;*/
	font-size:15px;
}
/* end for top content */

		

#topic_childtopic a:link,#topic_childtopic a:visited,#topic_childtopic a:active{
	text-decoration:none;	
	color:#F4F4F0;
}

.chitcount{
	font-family:arial;
	font-size:10px;
}

/* for topic menu sidebar*/
a.f {  
	 padding:0px;
         cursor:pointer; 
}

td.nopad {
	
	padding:0px;                  
}

span.topic{
	font-size:13px;
	text-decoration:none;
}

#reservedtopic{
	padding:5px 0;
}
/* end for topic menu sidebar*/
.clssubmenutable{
	background-color:#FFFFD1;
	color:#000000;
	BORDER-RIGHT: #CCFF99 1px solid;
	font-family:"新細明體";
	font-size:15px;
	BORDER-BOTTOM: #CCFF99 1px solid;
	BORDER-TOP: #ECFFD2 1px solid;
	BORDER-LEFT: #ECFFD2 1px solid;
	line-height:20px;
	padding:3px;
}

.clsclosex
{
	text-decoration:underline;
	font-weight:bold;
	font-family:Arial;
	color:#000000;
}

.infowin {
	font-size:12px;
	color:#50504A;
	max-width:215px;
	line-height:16pt;
	letter-spacing:0.05em;
	font-family:微軟正黑體,Arial;
	overflow:hidden;
}

.infowin a:link,.infowin a:visited {
	color:#222215;
    cursor:pointer;
	text-decoration:none;
	font-weight:bold;
}

.infowin a:hover {
	text-decoration:underline;
}

.infowin div {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}

.infowin .info_title {
	font-size:15px;
	margin-bottom:10px;
}
/*----------*/
#edittextarea {
  color:#FFFFFF;
  background-color:#91aF61;
  border-width:0px;
  font-family:"新細明體";
  font-size: 15px;
}

#editbuttonsave
{
  font-family:Arial;
  font-weight:bold; 
}

#editbuttoncancel
{
  font-family:Arial;
  font-weight:bold; 
}

/* blog comments */
.blogcmttext
{
margin-left:8px;
margin-top:5px;
word-wrap: break-word;
word-break: break-all;
}

.blogcmttext img {
	vertical-align:top;
	border:0;
}

.blogcmtsection
{
	padding:5px;
	border-bottom:1px solid #C1DF91;
}

/* for Firefox wordbreak, 2010.9.9*/
.wordwrap
{
width: 152px;
overflow:hidden;
white-space:normal;
-moz-binding: url('./wordwrap.xml#wordwrap');
}

.blogcmtauthor
{
text-align:right;
font-size:11px;
}

.blogcmtauthor img {
	width:16px;
	height:16px;
}

.newstag
{
	font-size:11px;
	background-color:#D1EFA1;
}

tr.listcapital
{
background-color:#f0f0f0;
}

tr.listrow1
{
background-color:#D1EFA1;
}

tr.listrow2
{
background-color:#B1CF81;
}

.searchmore
{
	font-size:15px;
	/* background-color:#D1EFA1; */
	margin-top:15px;
}

/* homepage style*/
.hcat {
	font-size:23px;
	font-family:微軟正黑體;
	font-weight:bold;
}

.harea {
	font-size:19px;
	font-family:微軟正黑體;
}

.htitle {
	font-size:15px;
}

#divextrainfo {
	font-size:13px;
	margin:15px auto;
	/*padding-left:5px;*/
	line-height:18pt;
}

.msgboardLayout  li {
	margin-bottom:5px;
	font-family:Times;
}

.msgboardLayout  li img {	
	vertical-align:middle;
	border:0;
	cursor:pointer;
}

#footprintprogress {
	font-size:11px;
}

.Footer {width:630px; font-size: 13px;text-align:center; padding: 10px; margin-left:auto; margin-right:auto; margin-top:13px; margin-bottom:0; }
.Footer .About { font-family: Arial; line-height: 18px;  font-size: 11px;}
.Footer .About img { float: right; border: none; }
.Footer a:link,.Footer a:visited  { text-decoration: none;}

 /**** Clearfix ****/
.clearfix:before { content: ""; display: table; }
.clearfix:after {
	clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix { zoom: 1; } 

.editable {
	margin: 0;
	word-wrap: break-word;
	word-break: break-all;
	/*cursor:pointer;*/
}

.notpassed {
	color:#f00;
	font-weight:bold;
}

/** jstree**/
#vakata-contextmenu { 
	font-size:11px;
	padding:5px !important;
	max-width:120px !important;
	min-width:120px !important;
}

#vakata-contextmenu li {
	max-width:120px !important;
	margin-bottom:3px !important;
}	

#vakata-contextmenu li > ins {
	margin-right:6px !important;
}

/** layer map**/
#layerMap {
	padding:0px !important;
	background-color:#ccc;
}

.HeadlineBar {
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #e5e5e5));
background: -webkit-linear-gradient(#f3f3f3,#e5e5e5);
background: -moz-linear-gradient(#f3f3f3,#e5e5e5);
background: -o-linear-gradient(#f3f3f3,#e5e5e5);
background: linear-gradient(#f3f3f3,#e5e5e5);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.14);
box-shadow: 0 1px 4px rgba(0,0,0,0.14);
overflow: hidden;
background-color: #f3f3f3;
border-left: 1px solid #d4d4d4;
border-left: 1px solid rgba(0,0,0,0.17);
border-top: 1px solid rgba(0,0,0,0.1);
border-right: 1px solid rgba(0,0,0,0.17);
border-left: 1px solid #d4d4d4;
border-bottom: 1px solid rgba(0,0,0,0.2);
clear: both;
color: #333;
line-height: 18pt;
margin: 5px auto;
	height:130px;
	position: relative;
	padding: 15px 20px 10px;
    text-align: center;
	font-size:15px;
	font-family:微軟正黑體;
}

.HeadlineBar ul{
	margin:0 auto;	
	width:920px;	
	list-style:none;
}

.ColumnBar ul {
	margin:0;	
	padding:0;	
	list-style:none;
}

.HeadlineBar ul li{
	float: left;
    margin-right: 25px;  
    list-style: none outside none;	
}

.ColumnBar ul li{
	clear:both;    
    list-style: none outside none;
	height: 48px;    
    margin-top: 6px;
	line-height: 16pt;
}

.HeadlineBar ul li .wrapimg{	
	width:120px;
	height:90px;
	border-radius:3px;
	overflow:hidden;
}

.HeadlineBar ul li  .wrapimg img{
	width:120px;
}

.ColumnBar li a.imgblock {
    float: left;
    margin-right: 6px;
	border-radius:3px;
}

.ColumnBar ul li  img{
	width:48px;
	height:48px;	
}

.ColumnBar ul li  p {
    margin: 0 0 0 54px;
    padding: 9px 0;
}

.hlname {
	font-weight:bold;
}

.hlauthor {
	font-size:13px;
	color:#933;
}

.guide-subitems ul{
	margin:0 auto;	
	list-style:none;
	font-size:15px;
}

.guide-subitems ul li{
	float: left;
    margin-right: 9px;  
    list-style: none outside none;	
	line-height:20pt;
}

.guide-item {
    position: relative;
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 1px 2px rgba(40, 40, 30, 0.3); 
	-webkit-box-shadow:0 1px 2px rgba(40, 40, 30, 0.3); 
	border-radius: 5px;
	-webkit-border-radius: 5px;	
    padding: 10px !important;
    width: 280px !important;
	font-family:微軟正黑體;
	margin: 10px 10px 15px;
	overflow:hidden;
}


.guide-item p,h2{
	margin:0px;
	padding:0px;
}

.guide-item h2{
	font-size:25px;
	line-height: 1.2em;
    margin-bottom: 0.3em;
}

.guide-item .wrapimg {	
	float:left;
	margin-right:5px;
	width:90px;
	height:90px;
	border-radius:3px;
	overflow:hidden;
}

.guide-item .wrapimg img{
	width:80px;
}

.guide-subitems a {
	text-decoration:underline;	
}

.in-journal-AD {
	width:250px;
	margin:0 auto;
}

.journal-has-AD {
	width:236px !important;
	background:none;
	border:0;
	box-shadow:none;
	margin:14px 7px 0;
	overflow:hidden;
}

.in-topic-AD {
	width:250px;
	margin:0px auto;
}

.topic-has-AD {
	width:236px !important;
	height:236px !important;	
	background:none;
	border:0;
	box-shadow:none;
	/*margin:0px 0px 0 !important;*/
	overflow:hidden;
}

.in-news-AD {
	width:300px;
	margin:0 auto;
}

.news-has-AD {
	width:300px !important;
	padding:0 !important;
	background:none;
	border:0;
	box-shadow:none;
}

.in-mobile-AD {
	width:320px;
	margin:0 auto;
}


.in-journal-MobileAD {
	width:180px;
	margin:0 auto;
}

.journal-has-MobileAD{
	width:174px !important;
	background:none !important;
	border:0 !important;
	box-shadow:none !important;
	margin:14px 0px 0px 0 !important;
	overflow:hidden !important;
}

.page-has-AD-link {	
	margin-top:15px;
}

.page-has-AD {	
	position:absolute;
	bottom:0;left:61px;
}

.contextmenu-has-AD {
	margin:0 auto;
	width:728px;	
	position:relative;	
}

.header-has-AD {	
	position:absolute;
	bottom:0;right:5px;
}

.ui-front {
	z-index:700;
}

.ui-widget-overlay {   
    opacity: 0.8;
}