/* CSS RESET
======================================================================== */

/* v1.0 | 20080212 */
 
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,
b, u, i, center,
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-size: 100%;
    background: transparent;
	
}

h1, h2, h3, h4, h5, h6{font-weight: normal;}

body {
    line-height: 1;
}
ol, ul {

}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
/* remember to define focus styles! */
:focus {
    outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* html5歸零 */
menu, body{ padding:0; margin:0;}

/* clearfix */
.clearfloat{
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* JOOMLA BASIC
======================================================================== */

/* 瀏覽路徑(麵包屑) breadcrumbs */

#breadcrumbs{
	font-size:12px;
	margin:10px 0 20px 0;
}

#breadcrumbs a{
	color:#9B9B9B;
	text-decoration:none;
}

#breadcrumbs span{
	color:#C9C9C9;
}

#breadcrumbs span a:link,
#breadcrumbs span a:visited{
	background:#fff;
	color:#7BA428;
}

#breadcrumbs span a:hover,
#breadcrumbs span a:active,
#breadcrumbs span a:focus{
	background:#7BA428;
	color:#fff;
}

/* 分頁 pagination */

.pagination{
	margin:20px 0;
	padding:0;
    text-align:center;
}

.pagination ul{
	list-style-type:none;
    margin:0 auto;
    padding:0;
	width:500px;
}

.pagination li{
	display:inline;
    padding:0;
    text-align:left;
    margin:0 4px;
}


.pagination li span.pagenav{
	padding:3px 5px;
	border:1px solid #eeeeee;

}

.pagination li a.pagenav{
	text-decoration:none;
	color:#666666;
	padding:3px 5px;
	border:1px solid #ffffff;
}

.pagination li a.pagenav:hover{
	padding:3px 5px;
	border:1px solid #eeeeee;
	background:#cccccc;
	color:#000000;

}

.pagination li.pagination-start span.pagenav,
.pagination li.pagination-next span.pagenav,
.pagination li.pagination-end span.pagenav,
.pagination li.pagination-prev span.pagenav{
	border:none;
}

.pagination li.pagination-start a.pagenav,
.pagination li.pagination-next a.pagenav,
.pagination li.pagination-end a.pagenav,
.pagination li.pagination-prev a.pagenav{
	background:none;
	border:none;
}


/* 文章 下一個/上一個 */

ul.pagenav li{ display:inline;}

.pagenav-next a,.pagenav-prev a{
	text-decoration:none;
	color:#333333; 
}

/* 字體大小 */

#fontsize{
	position:absolute; 
	top:10px; 
	right:150px;
}

#fontsize h3{
    padding-right:0;
    font-weight:normal;
    display:inline;
    font-size:13px;
	color:#333333;
}

#fontsize p{
    margin:0 0 0 2px;
    display:inline;
    font-size:13px;
}

#fontsize p a{
    margin:0 2px;
    display:inline;
    padding:3px 5px;
	background:#E1DAC4;
	border:1px solid #B5A46F;
	text-decoration:none;
}

/* 系統訊息 System Messages */

#system-message-container{ font-size:12px; font-weight:normal;}

.error{
    padding:0px;
    margin-bottom: 20px;
}

.error h2{
    color:#000 !important;
    font-size:1.4em !important;
    text-transform:uppercase;
    padding:0 0 0 0px !important
}

#system-message{
	margin:10px 0 20px 0;
    border-left:0;
    border-right:0;
}

#system-message dt{
	font-weight: bold;
}

#system-message dd{
	margin: 0 0 15px 0;
	font-weight: bold;
	text-indent: 0px;
	padding:0
}

#system-message dd ul{
	color: #000;
	list-style: none;
	padding: 0px;
}

#system-message dd ul li{
	line-height:1.5em
}

/* System Standard Messages */
#system-message dt.message{
	position:absolute;
	top:-2000px;
	left:-3000px;
}

#system-message dd.message  ul{
	background: #fff  url(../images/system/notice-info.png) no-repeat;
	padding-left:40px;
	padding: 10px 10px 10px 40px;
	border-top: 2px solid #90B203;
	border-bottom: 2px solid #90B203;
}

#system-message dd.message ul li{background:none !important}

/* System Error Messages */
#system-message dt.error{
	position:absolute;
	top:-2000px;
	left:-3000px;
}

#system-message dd.error ul{
	background:#fff url(../images/system/notice-alert.png) no-repeat ;
	padding-left:40px;
 	padding: 10px 10px 10px 40px;
    border-top: 2px solid #990000;
    border-bottom: 2px solid #990000;
}



/* System Notice Messages */
#system-message dt.notice{
	position:absolute;
	top:-2000px;
	left:-3000px;
}

#system-message dd.notice  ul{
		background:#fff url(../images/system/notice-note.png) no-repeat ;
		padding-left:40px;
	    padding: 10px 10px 10px 40px;
	    border-top: 2px solid #FAA528;
	    border-bottom: 2px solid #FAA528;
}

#system-message dd.notice ul { color: #000;margin:10px 0 }

#system-message{
    margin-bottom: 0px;
    padding: 0;
}

#system-message dt{
    font-weight: bold;
}

#system-message dd{
    font-weight: bold;
    padding: 0;
}


/* JOOMLA 內建模組
======================================================================== */

/* mostread, latest news
--------------------------------------------- */

.mostread li a:link,
.mostread li a:visited,
.latestnews li a:link,
.latestnews li a:visited{
	background: url(../images/arrow2_grey.png) 2px 7px  no-repeat ;
}

.mostread li a:hover,
.latestnews li a:hover,
.mostread li a:active,
.latestnews li a:active,
.mostread li a:focus,
.latestnews li a:focus{
	background:#555 url(../images/arrow_white_grey.png) 2px 6px  no-repeat !important;
}


/* newsfeed 
--------------------------------------------- */

ul.newsfeed{
	border:solid 0px #000;
}

.newsfeed-item{
	border-bottom:solid 1px #ddd;
}

.newsfeed-item h5 a{

}


/* newsflash 
--------------------------------------------- */

/* newsflash horizontal */

ul.newsflash-horiz{
	border:solid 1px #eee;
	background:#f5f5f5 url(../images/box.png) repeat-x;
}

.newsflash-horiz li{
	border:solid 0px #eee;
	background:#f5f5f5;
}

ul.newsflash-horiz li h4
{
	border-bottom:solid 1px #fff;
	font-family: 'Titillium Maps', Arial;
}

/* newsflash vertical */

.newsflash-vert{

}


/* banner  
--------------------------------------------- */

.banneritem{
	border:0
}

.banneritem a{
	background:none
}

.banneritem a img{
	background:none;
	border:0
}

/* login  
--------------------------------------------- */

#login-form{ border:2px solid #D9D0B5; width:160px; padding:10px;font-size:12px;}

#login-form .inputbox{
	border:solid 1px #ddd;
	background:url(../images/content_bg.gif) repeat-x;
}

#login-form li{ background:none;} 

#login-form li a{ text-decoration:none; font-size:12px; color:#333333;}

#login-form li:hover a{ text-decoration:none;  color:#4c0000;}
 

fieldset.input{
	border:0;
}

input.button,
button.button{
	background:#4c0000 ;
	color:#FFFFFF;
	border:1px solid #DDDDDD;
	padding:5px 8px;
	margin:10px 0;
}

/* tabs/ slide */

ul.tabs{
	border:solid 1px #ddd;
	border-bottom:0;
	background:#f5f5f5 url(../images/box.png) repeat-x;
}

ul.tabs li{
	background:#f5f5f5 url(../images/box.png) repeat-x;
	border-right:solid 1px #ddd
}

ul.tabs li a:link,
ul.tabs li a:visited{
	color:#333;
}

ul.tabs li a:hover,
ul.tabs li a:active,
ul.tabs li a:focus{
	color:#000
}

.tabcontent{
	border:solid 1px #ddd;
	background:#fff;
	color:#000;
}

.tabcontent .linkclosed{
	color:#000;
	border-bottom:solid 1px #e5e5e5;
}

ul.tabs li a.linkopen{
	background:#fff;
	color:#333;
	border:0
}

ul.tabs li a.linkclosed:hover,
ul.tabs li a.linkclosed:active,
ul.tabs li a.linkclosed:focus,
ul.tabs li a.linkopen:hover,
ul.tabs li a.linkopen:active,
ul.tabs li a.linkopen:focus{
	background:#555;
	color:#fff
}

/* category-module  */

.category-module li{
	border-bottom:solid 1px #ddd;
}

.category-module li li{
	border:0
}

/* search 
--------------------------------------------- */

.searchintro img{
	border:0px
}

.inputbox:focus{
	border:solid 2px #000;
}

.word{
	background:#fff;
	border:solid 0px #ccc ;
}

.word input{
	background:#fff;
	border:solid 1px #999;
	color:#444;
}

.only{
	border:solid 1px #ccc;
}

.phrases{
	border:solid 1px #ccc;
}

/* selects */
.phrases .inputbox{
	background:#fff;
	color:#000;
}

.phrases .inputbox option{
	background:#f5f5f5;
	border-bottom:solid 1px #ccc;
}

.phrases .inputbox option a:hover{
	background:#C00;
	border-color:#CFD0D6;
	color:#fff;
}

/* search results */

dl.search-results{
	background:#f5f5f5;
}

dl.search-results dt.result-title{
	border-top:dotted 1px #ddd
}

dl.search-results dd.result-url{
	border-bottom:solid 5px #fff;
	color:#115599;
}

dl.search-results dd.result-created{
	border-bottom:solid 5px #fff;
}

/* forms 
--------------------------------------------- */

/* form validation */

.invalid{
	border-color:red !important;
}

label.invalid{
	color:red;
}

/* user profile
--------------------------------------------- */

#users-profile-core,
#users-profile-custom{
	border:solid 1px #ccc;
}

#member-profile fieldset{
	border:solid 1px #ccc;
}


/* contacts
--------------------------------------------- */

.contact form{
	background:#fff;
	color:#000;
}

.contact input{
	background:#fff;
	color:#000;
}

.contact input.invalid,
.contact textarea.invalid{
	border:solid 2px red;
}

.contact label.invalid{
	color:red;
}

/* Error Message contact form
--------------------------------------------- */

p.error{
	color:#044b63;
	background:#eee;
	border-top:3px solid #044b63;
	border-bottom:3px solid #044b63;
}

body.contentpane{
	background:#fff;
}

/* editor
--------------------------------------------- */

.contentpaneopen_edit img{
	border:0
}

form.editor fieldset{
	border:solid 1px #ccc;
}


/* edit */

form#adminForm{
	border:solid 0px #000
}

.edit form#adminForm fieldset{
	border:solid 1px #ddd
}

legend{font-weight:bold}

/* tooltip */
.tip{
	border:solid 1px #333;
	background:#ffffcc;
}
table.pagenav,
table.pagenav tr,
table.pagenav td{border:0 !important}

#main .categories-list ul{list-style-type:none}

/* contact  plain */
#main .contact h3{
	border-bottom:solid 1px #ddd;
	margin: 20px 0
}

.form-required{
	font-weight:bold;
	margin:10px 0;
	background:#fff url(../images/req.png) no-repeat;
	padding:10px 40px
}

.contact .inputbox{
	background:#fff url(../images/content_bg.gif) repeat-x ;
	border:solid 1px #ccc;
	padding:3px
}

/* contact  slider */

.panel{
	border:solid 1px #ddd;
	margin-top:-1px
}

#main .contact .panel h3{
	margin:0px 0 0px 0;
	padding: 0;
	background:#eee;
	border:0
}

.panel h3 a{
	display:block;
	padding:6px;
	text-decoration:none;
	color:#444;
	padding:6px;
}

.panel h3.pane-toggler a{
	background:#f5f5f5 url(../images/slider_plus.png) right  top no-repeat;
}
.panel h3.pane-toggler-down a{
	background:#f5f5f5  url(../images/slider_minus.png) right  top no-repeat;
	border-bottom:solid 1px #ddd;
}

.pane-slider{
	border:solid 0px;
	padding:0px 10px !important;
	margin:0;
	background: url(../images/nav_level_1.gif) repeat-x ;
}

.panel .contact-form,
.panel  .contact-miscinfo{
	padding:10px
}

.contact .panel .contact-form form,
.contact .panel .contact-address{
	margin:20px 0 0 0
}

.categories-list .category-desc ul li{
	list-style-type:square
}

/* tabs */

div.current{
	background: url(../images/nav_level_1.gif) repeat-x ;
}

#close a{text-decoration:none}

/*Encyclopedia*/

div.encyclopedia_col1 {
	width:49%;
	float:left;
}

div.encyclopedia_col1 p.img_caption {
	font-size: 10px;
}

div.encyclopedia_col2 {
	width:49%;
	float:right;
	padding-left:3px;
	margin-left: 2px;
}

div.encyclopedia_col2 p {
	padding-left:3px;
	margin-left: 2px;
}

div.encyclopedia_links ul{
        display:block;
        margin:0px 0px 1px 0px;
        list-style-type:none;
        padding:10px 0px 10px 0px;
        width:100%
}

div.encyclopedia_links ul li{
        display:inline ;
        padding:2px ;
        margin:2px;
        white-space:nowrap;

}

/* sample module styling
--------------------------------------------- */

div.sample-module {
    border: 2px dashed #ddd;
    padding: 10px;
    background-color: #f5f5f5;
}