/* Meyer's CSS reset */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* User styles */
.contentemphasize,
.contentheading-large,
.contentheading-medium,
.contentheading-small {
	font-weight: bold; 
	color: #086608;
}
/* Global styling */
body {
	font-family: Times New Roman,"微軟正黑體","Microsoft JhengHei","新細明體","Microsoft PMingLiU",sans-serif;
	font-size: 17px;
	background: #FFFFFF;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
.wrap-inner {
	margin: 0 auto;
	width: 960px;
}
h1, h2, h3, h4, h5, h6, .componentheading, .span12 h2 a:visited {
	font-weight: bold;
	line-height: 1.5em;
	color: #118800;
}
h1, .componentheading {
	font-size: 200%;
}
h2 {
	font-size: 160%;
}
h3, .contentheading-large {
	font-size: 135%;
}
h4, .contentheading-medium {
	font-size: 120%;
}
h5, .contentheading-small {
	font-size: 110%;
}
h6 {
	font-size: 100%;
}
p, #message, #content {
	line-height: 1.3em;
}
a {
	color: #118800;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: #006600;
}
.clear {
	clear: both;
	width: 100%;
	height: 0;
	overflow: hidden;
}
/* header */
#header {
	height: 80px;
	padding: 10px;
}
#header .wrap-inner {
	height: 80px;
	margin: 0 auto;
	position: relative;
}
#logo {
	overflow: visible;
	width: 400px;
	height: 80px;
	float: left;
}
#logo a {
	display: block;
	width: 100%;
	height: 100%;
}
#header-modules {
	width: auto;
	float: right;
}
#search {
	position: absolute;
	bottom: 0;
	right: 5px;
}
/* messages */
.alert {
    padding: 1em;
}
#system-message {
    margin: 0.5em 0;
}
#system-message .close {
    display: none;
}
.alert a,
.alert .alert-heading,
.alert-info a,
.alert-info .alert-heading {
    color: #0099CC;
}
.alert,
.alert-info {
    background: #E0ECFF;
    border: 1px solid #33A0EC;
    color: #005399;
}
.alert-error a,
.alert-error .alert-heading {
    color: #FF3333;
}
.alert-error {
    border: 1px solid #FF3333;
    background: #FFEEF3;
    color: #993333;
}
.alert-success a,
.alert-success .alert-heading {
    color: #118800;
}
.alert-success {
    background: #E9FFEC;
    border: 1px solid #5AA45F;
    color: #235323;
}
/* menu */
#menu {
	background: #5AA45F;
}
#menu .wrap-inner {
	height: 43px;
}
#menu ul {
	list-style-type: none;
	height: 100%; 	/* IE fix */
	float: left;
}
#menu li {
	width: auto; 	/* IE fix */
	height: 100%; 	/* IE fix */
	float: left;
	position: relative;
	z-index: 501;	/* IE fix */
	text-align: center;
	margin-left: 5px;
}
#menu a {
	display: block;
	padding: 14px 22px 12px 22px;
	font-size: 17px;
	line-height: 1em;
	height: auto; 	/* IE fix */
	color: white;
	text-decoration: none;
}
#menu li.active a,
#menu li a:hover {
	background: #337744;
}
/* 4 sublevel drop down menu */
/** enable/disable drop down **/
#menu ul ul {
	/*display: none;*/
}
/** styles the submenu **/
#menu ul ul{
	padding: 0;
	margin: 0;
	position: absolute;
	z-index: 500;
	visibility: hidden;
	border-top: 1px solid #D3E3D0;
}
/** puts sub-sub menus right of parent menus **/
#menu ul ul ul,
#menu ul ul ul ul,
#menu ul ul ul ul ul {
	top: 10px;
	left: 185px;
}
/** style each sub-menu item **/
#menu ul li:hover ul li {
	float: none;
	text-align: left;
	height: 40px;
	overflow: visible;
	margin: 0;
}
#menu ul li:hover ul li a{
	padding: 12px 22px;
	width: 150px;
	height: 16px;
	font-size: 16px;
	line-height: 1em;
	color: #436046;
	border: 1px solid #D3E3D0;
	border-top: none;
	background-color: #ECF0EE;
}
/** if a submenu item is a parent to more menus, add an arrow **/
#menu ul li:hover ul li.parent a,
#menu ul li:hover ul li.parent li.parent a,
#menu ul li:hover ul li.parent li.parent li.parent a {
	background-image: url(../images/right_arrow.gif);
	background-repeat: no-repeat;
	background-position: center right;
}
/** override the background color if it's :hover or .active **/
#menu ul li:hover ul li a:hover,
#menu ul li:hover ul li.parent li a:hover,
#menu ul li:hover ul li.parent li.parent li a:hover,
#menu ul li:hover ul li.parent li.parent li.parent li a:hover,
#menu ul ul li a:hover,
#menu ul ul li.parent li a:hover,
#menu ul ul li.parent li.parent li a:hover,
#menu ul ul li.parent li.parent li.parent li a:hover {
	background-color: #D3E3D0;
	color: #202623;
}
/** override above 2 rules - normalize children of a parent/active item that is not a parent/active **/
#menu ul li:hover ul li a,
#menu ul li:hover ul li.parent li a,
#menu ul li:hover ul li.parent li.parent li a,
#menu ul li:hover ul li.parent li.parent li.parent li a {
	background: #ECF0EE;
}
/** hide sub-sub menus of currently hovered item **/
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul,
#menu ul ul ul li:hover ul ul {
	visibility: hidden;
}
/** show submenu of currently hovered item **/
#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul,
#menu ul ul ul ul li:hover ul {
	visibility: visible;
}
/* breadcrumbs */
ul.breadcrumb {
	padding: 1em 0;
}
ul.breadcrumb li {
	float: left;
}
ul.breadcrumb .divider img {
	margin: 0 0.5em;
	height: 0.8em;
}
ul.breadcrumb .icon-location {
	display: none;
}
/* top images */
#top-module .wrap-inner {
	margin-top: 11px;
	width: 965px;
}
#top-links .top-links-entry {
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0 0 1px 1px;
}
#top-links .top-links-entry-small {
	width: 240px;
	height: 160px;
}
#top-links .top-links-entry-medium {
	width: 320px;
	height: 215px;
}
#top-links .top-links-entry-big {
	width: 480px;
	height: 321px;
}
#top-links .top-links-image img {
	width: 100%;
}
#top-links .top-links-text {
	position: absolute;
	top: 0;
	left: 0;
}
#top-links .top-links-text,
#top-links .top-links-text a {
	display: block;
	width: 100%;
	height: 100%;
}
#top-links .top-links-text a span.top-links-text-outer-wrap {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #5AA45F;
	background: rgba(50, 110, 50, 0.9);
	color: white;
}
#top-links .top-links-text a span.top-links-text-inner-wrap {
	display: block;
	padding: 15px 20px;
}
#top-links .top-links-text a:hover span.top-links-text-outer-wrap {
	background: #337744;
	background: rgba(0, 50, 0, 0.85);
	text-decoration: none;
}
/* content columns */
#content {
	clear: both;
}
.column-inner {
	margin: 20px 0;
}
#maincolumn_full {
	width: 100%;
}
#maincolumn {
	width: 75%;
	float: left;
}
#maincolumn .column-inner {
	border-right: 1px solid #CCDDCC;
	padding-right: 20px;
}
#rightcolumn {
	width: 25%;
	float: right;
}
#rightcolumn .column-inner {
	padding-left: 20px;
}
/* modules */
#header-modules .moduletable {
	width: auto;
	margin-left: 1em;
	margin-bottom: 5px;
	float: right;
}
#content .moduletable {
	margin-bottom: 1em;
	padding-bottom: 1em;
}
#rightcolumn .moduletable {
	border-bottom: 1px solid #CCDDCC;
}
#rightcolumn .moduletable img {
	/*width: 100%;
	height: auto !important;*/
}
#module-topfloat {
	float: right;
}
#module-bottomfloat {
	clear: both;
}
/* module: header menu */
#header ul {
	margin-right: 5px;
	margin-bottom: 5px;
	border-right: 1px solid #118800;
	height: 13px;
}
#header li {
	padding: 0 10px;
	border-left: 1px solid #118800;
	float: right;
	font-size: 13px;
}
/* module: custom html */
.moduletable .custom img {
	margin: 5px 0;
}
/* module: community builder login */
.cbLoginForm .input-medium,
#modlgn-username,
#modlgn-passwd {
	margin-bottom: 2px;
	width: 120px;
}
/* module: news show sp2 */
div.ns2-row-inner {
	border-bottom: 1px solid #CCDDCC;
}
div.ns2-art-wrap  .ns2-row-inner {
	padding-bottom: 1em;
}
div.ns2-column {
	position: relative;
}
div.ns2-links-wrap h4 {
	margin: 0.3em 0;
}
div.nssp2 {
	margin-bottom: 2em;
}
div.ns2-tools {
	position: absolute;
	top: 0.5em;
	right: 0;
}
div.ns2-category a {
	border: 1px solid #D3E3D0;
	margin-bottom: 5px;
	padding: 5px 10px;
	display: block;
	width: auto;
	float: right;
}
h4.ns2-title {
	margin: 0.8em 8em 0.8em 0;
}
/* module: web links */
ul.weblinks strong,
ul.weblinks ul li {
	display: block;
	border-bottom: 1px solid #CCDDCC;
	padding: 0.5em 0.5em 0.5em 0;
}
ul.weblinks strong {
	font-weight: bold;
	font-size: 120%;
	color: #116600;
}
ul.weblinks ul {
	margin-bottom: 1em;
}
/* components */
/* component: article */
#component .blog,
#component .blog p,
#component .item-page,
#component .item-page p,
#component .tag-body,
#component .tag-body p {
	line-height: 1.5em;
}
#component .blog p,
#component .item-page p,
#component .tag-body p {
	margin-bottom: 1em;
}
#component .blog p img,
#component .item-page p img,
#component .tag-body p img,
#component img.article_img,
#component .article_img img {
	padding: 5px;
	border: 1px solid #CCDDCC;
	margin: 6px 10px 0 0;
}
#component div[itemProp="articleBody"] td,
#component div[itemProp="blogPost"] td {
	padding: 0.5em;
}
#component div[itemProp="articleBody"] table.article-table td,
#component div[itemProp="blogPost"] table.article-table td {
	border: 1px solid #333333;
}
#component div[itemProp="articleBody"] table,
#component div[itemProp="blogPost"] table {
	margin-bottom: 1em;
}
#component div[itemProp="articleBody"] table p,
#component div[itemProp="blogPost"] table p {
	margin-bottom: 0;
}
#component div[itemProp="articleBody"] .attachmentsContainer td,
#component div[itemProp="blogPost"] .attachmentsContainer td {
	padding: 0.3em;
	border: none;
}
#component div[itemProp="articleBody"] .attachmentsContainer table,
#component div[itemProp="blogPost"] .attachmentsContainer table {
	margin-bottom: inherit;
}
#component div[itemProp="articleBody"] ol,
#component div[itemProp="blogPost"] ol,
#component div[itemProp="articleBody"] ul,
#component div[itemProp="blogPost"] ul {
	margin-left: 2em;
	line-height: 1.3em;
}
#component div[itemProp="articleBody"] ol li,
#component div[itemProp="blogPost"] ol li,
#component div[itemProp="articleBody"] ul li,
#component div[itemProp="blogPost"] ul li {
	padding-left: 0.7em;
	line-height: 1.3em;
}
#component div[itemProp="articleBody"] ol,
#component div[itemProp="blogPost"] ol{
	list-style-type: decimal;
}
#component div[itemProp="articleBody"] ul,
#component div[itemProp="blogPost"] ul {
	list-style-type: disk;
}
.article-info dt {
	display: none;
}
.article-info span.icon-calendar {
	display: none;
}
.article-info {
	font-size: 90%;
}
/* edit/print icons */
#component .blog .icons,
#component .item-page .icons,
#component .tag-body .icons {
	float: right;
}
.icon-edit,
.icon-eye-close,
.icon-print,
.icon-plus {
    display: inline-block;
}
.icon-edit {
    width: 18px;
	height: 18px;
    background: url(../images/icons/edit.png);
}
.icon-eye-close {
    width: 20px;
	height: 22px;
    background: url(../images/icons/edit_unpublished.png);
}
.icon-print {
    width: 16px;
	height: 16px;
    background: url(../images/icons/printButton.png);
}
.icon-plus {
    width: 16px;
	height: 16px;
    background: url(../images/icons/new.png);
}
ul.actions,
.pull-right ul {
	list-style-type: none;
	text-align: right;
}
ul.actions li,
.pull-right ul li {
	display: inline;
}
table.category ul.actions,
table.category .pull-right ul li {
	margin: 0;
	float: right;
}
/* component: category view */
table.category {
	width: 100%;
}
table.category th,
table.category td {
	border-bottom: 1px solid #CCDDCC;
	padding: 0.5em;
}
.categorylist_header_author,
.list-author {
    width: 6em;
	text-align: center;
}
.categorylist_header_hits,
.list-hits {
    width: 6em;
}
.categorylist_header_edit,
.list-edit {
    width: 4em;
}
/* pagination */
.pagination {
	clear: both;
}
.pagination ul {
	list-style-type: none;
	text-align: center;
}
.pagination li {
	display: inline;
	width: auto;
	padding: 0 20px 0 0;
}
.pagination p.counter {
	text-align: center;
	padding: 0.5em;
}
.tooltip {
	display: none !important;
}
/* component: blog and tag */
#component .blog .span3,
#component .blog .span4,
#component .blog .span6 {
	width: auto;
	float: left;
}
#component .blog .span3 .icons,
#component .blog .span4 .icons,
#component .blog .span6 .icons {
	display: none;
}
#component .blog .span3 .item,
#component .blog .span4 .item,
#component .blog .span6 .item {
	padding: 15px;
	border: 1px solid #D3E3D0;
	overflow: hidden;
	float: left;
	position: relative;
}
#component .blog .span3 .article-info,
#component .blog .span4 .article-info,
#component .blog .span6 .article-info {
	position: absolute;
	top: 0; 
	left: 0;
	padding: 10px 15px;
}
#component .blog .span3 h2,
#component .blog .span4 h3,
#component .blog .span6 h2 {
	margin-top: 1.2em;
}
#component .blog .span3 p.readmore,
#component .blog .span4 p.readmore,
#component .blog .span6 p.readmore {	
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 15px;
	background: white;
}
#component .blog .span3 .column-1,
#component .blog .span3 .column-2,
#component .blog .span3 .column-3,
#component .blog .span4 .column-1,
#component .blog .span4 .column-2,
#component .blog .span6 .column-1 {
	margin-right: 15px;
	margin-bottom: 15px;
}
#component .blog .items-row {
	clear: both;
}
#component .blog .span3 .item img,
#component .blog .span4 .item img,
#component .blog .span6 .item img {
	height: auto !important;
}
/* blog: 2 columns */
#component .blog .span6 h2 {
	font-size: 135%;
}
#component .blog .span6 .item {
	width: 440px;
	height: 400px;
}
#component .blog .span6 p.readmore {
	width: 405px;
}
#component .blog .span6 .item img {
	max-width: 405px;
	/*width: 265px !important;*/
}
/* blog: 3 columns */
#component .blog .span4 h2 {
	font-size: 135%;
}
#component .blog .span4 .item {
	width: 278px;
	height: 400px;
}
#component .blog .span4 p.readmore {
	width: 278px;
}
#component .blog .span4 .item img {
	max-width: 265px;
	/*width: 265px !important;*/
}
/* blog: 4 columns */
#component .blog .span3 h2 {
	font-size: 110%;
}
#component .blog .span3 .item {
	width: 195px;
	height: 350px;
}
#component .blog .span3 p.readmore {
	width: 195px;
}
#component .blog .span3 .item img {
	max-width: 183px;
	/*width: 183px !important;*/
}
/* tagged view */
.tag-category li.cat-list-row {
	width: auto;
	float: left;
	padding: 15px;
	border: 1px solid #D3E3D0;
	overflow: hidden;
	float: left;
	position: relative;
	display: block;
	margin-bottom: 15px;
	margin-right: 15px;
}
.tag-category li .cat-list-row-append {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 15px;
	background: white;
}
.tag-body {
	display: block;
}
.tag-body img {
	height: auto !important;
	float: none;
}
/* tagged view 3 columns */
/* disable 
.tag-category h3 {
	font-size: 135%;
}
.tag-category li.cat-list-row {
	width: 278px;
	height: 500px;
}
.tag-category li.cat-list-row0,
.tag-category li.cat-list-row3,
.tag-category li.cat-list-row6,
.tag-category li.cat-list-row9 {
	clear: both;
}
.tag-category li.cat-list-row2,
.tag-category li.cat-list-row5,
.tag-category li.cat-list-row8,
.tag-category li.cat-list-row11 {
	margin-right: 0;
}
.tag-body img {
	max-width: 265px;
} */
/* tagged view 4 columns */
.tag-category h3 {
	font-size: 110%;
}
.tag-category li.cat-list-row {
	width: 195px;
	height: 375px;
}
.tag-category li.cat-list-row0,
.tag-category li.cat-list-row4,
.tag-category li.cat-list-row8 {
	clear: both;
}
.tag-category li.cat-list-row3,
.tag-category li.cat-list-row7,
.tag-category li.cat-list-row11 {
	margin-right: 0;
}
.tag-body img {
	max-width: 183px;
}
/* component: sectionex */
table.setblartcllist {
	margin-bottom: 10px;
}
table.setblartcllist td {
	padding: 4px 10px;
}
td.setd_num {
	width: 30px;
	text-align: right;
}
/* component: Phoca gallery */
#phocagallery .pg-csv-box {
	width: 260px;
	height: 50px;
}
#phocagallery .pg-csv-box-img {
	float: left;
}
#phocagallery .pg-csv-name {
	margin-left: 60px;
	padding-left: 25px;
}
/* component: sitemap */
#xmap ul {
	margin-bottom: 0.5em;
}
/* component: editor */
.btn-toolbar {
	height: 3em;
}
.btn-toolbar .btn-group {
	float: left;
	margin: 0.5em;
}
.btn-toolbar a.btn {
	display: block;
	width: auto;
	height: 1em;
	line-height: 1em;
	padding: 0.5em;
	margin: 0 0.5em 0 0;
	border: 1px solid #CCDDCC;
	float: left;
}
.btn-toolbar a.btn:hover {
	background: #E4F0DC;
	text-decoration: none;
}
#editor-xtd-buttons {
	margin: 0.5em 0 0 0;
	padding: 0;
}
.nav-tabs {
	border-bottom: 1px solid #CCDDCC;
	height: 2em;
	line-height: 1em;
}
.nav-tabs li {
	border: 1px solid #CCDDCC;
	border-bottom: none;
	width: auto;
	height: 100%;
	float: left;
	margin: 0 10px;
	margin-top: -1px;
}
.nav-tabs li:hover,
.nav-tabs li.active {
	background: #E4F0DC;
	text-decoration: none;
}
.nav-tabs li a {
	display: block;
	width: auto;
	height: 1em;
	padding: 0.5em 1em;
}
.tab-content .tab-pane {
	display: none;
	padding-top: 1em;
}
.tab-content .active {
	display: block;
}
.chzn-container {
	width: 200px !important;
}
.icon-calendar {
	width: 16px;
	height: 16px;
	display: block;
}
/* footer */
#footer {
	clear: both;
	background: #5AA45F;
}
#footer,
#footer a,
#footer a:hover,
#footer a:visited {
	color: white;
}
/* footer modules */
#footer-modules{
	padding: 1em 0;
}
/* footer module: menu */
#footer ul li {
	width: 130px;
	float: left;
	padding-top: 0.5em;
	font-size: 100%;
}
#footer ul li a {
	display: block;
	margin-bottom: 0.5em;
}
#footer ul ul li {
	float: none;
	font-size: 90%;
}
#footer ul ul li a {
	margin-bottom: 0;
}
/* footer: copyright */
#footer-copyright {
	clear: both;
	padding: 1em;
	text-align: center;
}