/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/*
body
{

	margin: 0;

	padding: 0;

	background: url(images/img01.jpg) repeat-x left top;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #66665E;
}
h1, h2, h3
{

	margin: 0;

	text-transform: uppercase;

	font-family: �L�n������, "Trebuchet MS", Georgia, "Times New Roman", Times, serif;

	font-weight: normal;

	color: #0C95C9;
}
h1
{
	font-size: 44px;
}
h2
{
	font-size: 18px;
}
h3 { }
p, ul, ol 
{

	margin-top: 0;

	line-height: 240%;

	text-align: justify;
}
ul, ol { }
blockquote { }
a
{
	color: #0C95C9;
}

a:hover
{
	text-decoration: none;
}
a img
{
	border: none;
}
img.left
{

	float: left;

	margin: 7px 30px 0 0;

}


img.right 
{

	float: right;

	margin: 7px 0 0 30px;

}


hr
{
	display: none;
}
.list1 {
}
.list1 li 
{

	float: left;

	line-height: normal;
}
.list1 li img 
{

	margin: 0 30px 30px 0;

}

.list1 li.alt img 
{

	margin-right: 0;

}
*/
/*
#wrapper {
}

/* Header */


#header-wrapper {
}


#header 
{

	width: 920px;

	height: 45px;

	margin: 0 auto;

}

.login_input {
    display: flex;
    justify-content: center; /* 水平置中 */
    align-items: center;    /* 垂直置中 */
    height: 100%;           /* 或設置明確的高度 */
    width: 100%;            /* 或設置明確的寬度 */
    position: relative;     /* 讓子元素受限於父容器 */
}

.portal-button {
    display: flex;
    text-align: center;
	font-size: 20px !important; 
	font-weight: bold !important;
	color: #7b461b;
    padding: 10px 0;
    background-color: rgb(255, 187, 91);
	/* 水平置中 */
	justify-content: center;    
	/* 垂直置中 */
	align-content: center; 
    border-radius: 5px;
	border: none;
    text-decoration: none;
    margin-bottom: 15px;
    cursor: pointer;
	width: 250px;
	height: 80px;

}



/* Menu */
.logout{
	font:normal 14px Verdana, Geneva, sans-serif;
	font-style:normal;
	color:#000000;
	background:#f8ff8f;
	border:1px solid #bbb;
	text-shadow:0px 1px 0px #fff;
	box-shadow:0px 1px 10px #d1cfd1;
	-moz-box-shadow:0px 1px 10px #d1cfd1;
	-webkit-box-shadow:0px 1px 10px #d1cfd1;
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	width: auto;
	padding:10px 30px;
	cursor:pointer;
	margin:0 auto;
	position: absolute; /* 絕對定位 */
    top: 10px; /* 調整至虛線框上方 */
    right: 15px; /* 調整至右上角外一點 */
}

.commitBtn{
	font:bold 17px Arial, Monaco, monospace;
	font-style:normal;
	color:#fcfcfc;
	background:#ff7740;
	border:6px solid #ffffff;
	text-shadow:0px -1px 10px #f0b8ed;
	box-shadow:1px 1px 9px #cfcf50;
	-moz-box-shadow:1px 1px 9px #cfcf50;
	-webkit-box-shadow:1px 1px 9px #cfcf50;
	border-radius:83px 0px 90px 40px;
	-moz-border-radius:83px 0px 90px 40px;
	-webkit-border-radius:83px 0px 90px 40px;
	width:36px;
	padding:12px 29px;
	cursor:pointer;
	margin:0 auto;
}
.commitBtn:active{
	cursor:pointer;
	position:relative;
	top:2px;
}

#menuBar 
{
	float: right;
	clear:both;
}
.title_text_bg{
	background: url(../images/title_text_bg.png) no-repeat;
	text-align: left;
    padding-left: 20px;
	color: #a03a1b;
	font-weight: bold;
}
/*

#menuBar ul 
{
	
	margin: 0;

	padding: 10px 0px 0px 5px;

	list-style: none;

	line-height: normal;

}


#menuBar li 
{
	
	display: block;

	float: left;

}


#menuBar a 
{

	display: block;

	float: left;

	margin-right: 3px;

	padding: 3px 25px 2px 25px;

	text-decoration: none;

	text-transform: capitalize;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;
}
#menuBar a:hover 
{ 
	text-decoration: underline;
}
#menuBar .current_page_item a 
{

	height: 20px;

	background: #FEC200 url(../images/img02.jpg) repeat-x left top;

	color: #FFFFFF;
}
#menuBar .first 
{

	background: none;
}
/* Search */


#search
{
	height: 60px;
    width: 100%;
    text-align: right;
}
#search form
{

	float: right;

	margin: 0;

	padding: 12px 30px 0 0;
}
#search fieldset 
{

	margin: 0;

	padding: 0;

	border: none;
}
#search input 
{

	float: left;

	font: 16px �L�n������, Georgia, "Times New Roman", Times, serif;

	border: none;

	margin-left: 0px;

	/*font-weight: bold;*/

}
/*
#search-text 
{

	width: 135px;

	height: 18px;

	padding: 3px 0 0 5px;

	border: 1px solid #333333;

	background: #ECF9E4;

	color: #000000;
}


#search-submit 
{

	height: 21px;

	margin-left: -10px;

	padding: 0px 5px;

	background: #000000;

	color: #FFFFFF;

}
*/
/*.loginDiv{
	width:400px;
	height: 200px;
	margin:auto;
	box-shadow: 1px 3px 8px rgba(0,0,0,.2);
}
.loginDiv:hover{
	width:400px;
	height: 200px;
	margin:auto;
	box-shadow: 1px 3px 8px rgba(230, 144, 16, 0.69)
}
*/
.loginText{
	color: #2f2f2f;
}
.loginTable {
	margin-left:60px;
}

.loginBtnDiv{
	margin-right: 20px;
    float: right;
    text-align: right;
}
.loginBtn{
	font:normal 15px Verdana, Geneva, sans-serif;
	font-style:normal;
	color:#ca6905;
	background: linear-gradient(#f7c555, #fddc9f);
	border:1px solid #cfcbfb;
	box-shadow:0px 1px 10px #d1cfd1;
	-moz-box-shadow:0px 1px 10px #d1cfd1;
	-webkit-box-shadow:0px 1px 10px #d1cfd1;
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	width:32px;
	padding:10px 20px;
	cursor:pointer;
	margin:0 auto;
}
.loginBtn:active{
	cursor:pointer;
	position:relative;
	top:2px;
}
.loginTable td{
	height:30px;
}
.loginInput{
	border: 1px #ccc solid;
    height: 25px;
}
.loginInput:focus{
	outline: none;
	border:1px  solid #fda80d;
}
.loginInput{
	padding-left:5px;
}
.personalDataDiv{
	border: 2px #ecc276 dashed;
    padding: 10px;
    position: relative; /* 為了讓子元素的絕對定位基於此容器 */
}
.personalDataNote{
	height:20px;
	vertical-align:bottom;
}

.speechTable{
	border: 1px solid #cccccc;
}
.speechTable th{
	background-color: #ffbf65;
    color: #bb6800;
}
.speechTable tr:nth-child(even){
  background: #ffead5;
} 
.speechTable td{
	padding:3px;
}
.textCenter{
	text-align:center;
}
.specchTableDiv{
	
    margin: auto;
    border: 1px solid rgba(243, 115, 5, 0.95);
    border-radius: 5px;
    padding: 5px;
}
.footerLine
{
	background: url(../images/img07.jpg) repeat-x left bottom;
	height:20px;
}
.tips
{


	margin-top: 0px;

	margin-left: 200px;
}
.tips2
{


	padding-left: 300px;
}




/* Page */
#page
{

	width: 920px;

	margin: 0 auto;
}

#page-bgtop
{

	padding-top: 30px;

}


/* LOGO */
#logo
{

	width: 860px;

	height: 134px;

	margin: 0 auto;

	background: url(../images/img04.jpg) no-repeat right top;
}
#logo h1, #logo p 
{

	margin: 0px;

	line-height: normal;

	text-transform: lowercase;

	font-weight: normal;

	color: #FFFFFF;
}
#logo p
{

	text-transform: lowercase;

	font-size: 10px;

}
#logo h1
{

	padding-top: 54px;

	font-size: 34px;

}
#logo a
{

	text-decoration: none;

	color: #FFFFFF;

}


/* Content */
#content
{
		float: right;

	width: 658px;

	padding-top: 10px;

	padding-right: 30px;
}
/* Post */
.post 
{
		background: url(../images/img07.jpg) repeat-x left bottom;

	margin-bottom: 25px;

}


.post .title 
{
	height:30px;

	color: #549900;

}

.post .title a 
{

	text-decoration: none;

	color: #585D60;

}


.post .date {
}


.post .meta 
{

	margin-top: -10px;

	padding: 2px 30px 2px 16px;

	background: url(../images/img03.gif) no-repeat left 8px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size:10px;

	color: #66665E;

}


.post .meta span 
{

	display: block;

	margin-top: -10px;
}


.entry{
	box-shadow: 1px 3px 8px rgba(0,0,0,.2);
}

.post .links 
{

	margin: 0 250px 0 0;

	padding: 0 0 0 0px;

}


.post .links .comments {
}


.post .links .permalink 
{

	padding-left: 17px;
}


/* Sidebar */
#sidebar 
{
		float: left;

	width: 177px;

	padding-left: 22px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #585D60;

}
#sidebar ul 
{

	margin: 0;

	padding: 0;

	list-style: none;
		line-height: normal;
}


#sidebar li 
{

	margin-bottom: 30px;

	padding: 0 0 10px 0px;
}
#sidebar li ul {
}
#sidebar li li 
{

	margin: 0;

	padding: 7px 10px 10px 7px;

	background: url(images/img07.jpg) repeat-x left bottom;

}


#sidebar p 
{

	margin: 0;

	padding: 0px 10px;
}
#sidebar h2 
{

	height: 26px;
		margin: 0 0 10px 0px;

	padding: 12px 0 2px 7px;

	text-transform: capitalize;

	font-size: 18px;
		font-weight: normal;

	color: #464F54;
}
#sidebar p 
{ 
	line-height: 200%;
}
#sidebar a 
{

	text-align: left;

	text-decoration: none;

	font-weight: normal;

	color: #585D60;

}
/* Calendar */


#calendar {
}


#calendar caption 
{

	padding-bottom: 5px;

	font-weight: bold;
}
#calendar table 
{

	width:100%;

	border-collapse: collapse;

	border-bottom: 1px solid #24130F;

	border-left: 1px solid#24130F;

	border-right: 1px solid #24130F;
}
#calendar thead th 
{

	padding: 5px 0;

	text-align: center;

	border-top: 1px solid #24130F;

	border-left: 1px solid #24130F;

	background: #24130F;
}
#calendar tbody td
{	
	padding: 5px 0;

	text-align: center;

	border-top: 1px solid #24130F;
		border-left: 1px solid #24130F;

	border-bottom: 1px solid #24130F;
}
#calendar tfoot td
{
		padding: 5px;

	border-left: 1px solid #24130F;

	border-bottom: 1px solid #24130F;
}
#calendar tfoot #next
{
	border-top: 1px solid #24130F;

	text-align: right;
}
#calendar tfoot 
#prev 
{

	border-top: 1px solid #24130F;
}


#calendar .pad
{

	border-bottom: 1px solid #24130F;
}
#calendar #today 
{
		background: #24130F;
}
/* Footer */


#footer 
{

	width: 920px;

	height: 49px;

	margin: 0 auto;
		padding-top: 50px;

}
#footer-bgcontent
{

	margin: 0px;

	padding: 0px;

	height: 99px;

	background:#394144;

}


#footer p 
{

	margin: 0;

	text-align: center;

	line-height: normal;

	text-transform: uppercase;

	font-size: 10px;

	color: #FFFFFF;

}


#footer a 
{

	color: #E5FFC4;
}