@charset "utf-8";
@import url("../css/reset.css");
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Caption|Didact+Gothic); /*google font */
/* ex: 
	font-family: 'PT Sans Caption', sans-serif;
	font-family: 'Didact Gothic', sans-serif;
*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, small{display:block;}
html {font-size:100%; -webkit-text-size-adjust:none;}
body{margin:0; padding:0; background: url(../images/bg.png) center 0 repeat-x #fff;
	font-size:1em; line-height:1.4em; color:#555; 	
	font-family:Arial, Tahoma, Helvetica, sans-serif !important;
	font-weight:400;
}
a{text-decoration:none; color:#666; outline:none;}
a:hover{text-decoration:underline; color:#0b5fd0; outline:none;}
a:active{backbround:#0b5fd0; outline:none;}
a:focus{outline:none;}

html, button, input, select, textarea {font-family:sans-serif; color:#222;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0; vertical-align:-1px; *width:13px;}

/* clear float */
.clearfix:before, .clearfix:after {content: "";	display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.clearboth {clear: both;}


/* Layout */
.wrapper{width:1000px; margin: 0 auto;}

/* Header */
#header-container{height:147px; position:relative; z-index:99;}
#header-container header{height:89px; position:relative; z-index:99;}
#header-container header hgroup{float:left; width:400px; margin-left:35px;}
#header-container header h1{width:399px; height:89px; background:url(../images/gest-logo.png) no-repeat; text-indent:-9999em;}
#header-container header h2{display:none; text-indent:-9999em;}

.top-right{float:right; font-size:12px; color:#ddd; text-align:right; padding-top:25px; padding-right:35px;
	position:relative; z-index:98;}


/* Nav */
#header-container nav{position:relative; z-index:200;}
#menu{height:56px; width:960px; margin:0 auto;}
#menu li{float:left; width:96px; position:relative;}
#menu li a:hover, #menu li a:active{text-decoration:none; }
#menu a {display:block; color:#fff; text-decoration:none; height:58px;}
#menu ul {position:absolute; top:58x; left:0; z-index:101; background:#e0f1db; display:none; opacity:0; width:96px;}
#menu ul li {position:relative; border-bottom:1px solid #aed1a5; border-top:none; margin:0; font-size:13px; width:100%;}
#menu ul li a {display:block; padding:5px 10px; height:20px; color:#25521b;}
#menu ul li a:hover {background-color:#fea610; color:#111;}
#menu ul ul {left:107px; top:0px}
#menu .menulink {background-image:url(../images/nav.png); background-repeat:no-repeat; height:58px; text-indent:-9999em;}
#menu .sub {background:url(../images/arrow.gif) right center no-repeat #00a6f2 ;}
#menu .topline {border-top:1px solid #008ecf;}

#menu .about    {background-position:0 0;}
#menu .news     {background-position:-96px 0;}
#menu .events   {background-position:-192px 0;}
#menu .member   {background-position:-288px 0;}
#menu .magazine {background-position:-384px 0;}
#menu .knowledge{background-position:-480px 0;}
#menu .meeting  {background-position:-576px 0;}
#menu .health   {background-position:-672px 0;}
#menu .files    {background-position:-768px 0;}
#menu .links    {background-position:-864px 0;}

#menu .about:hover    {background-position:0 bottom;}
#menu .news:hover     {background-position:-96px bottom;}
#menu .events:hover   {background-position:-192px bottom;}
#menu .member:hover   {background-position:-288px bottom;}
#menu .magazine:hover {background-position:-384px bottom;}
#menu .knowledge:hover{background-position:-480px bottom;}
#menu .meeting:hover  {background-position:-576px bottom;}
#menu .health:hover   {background-position:-672px bottom;}
#menu .files:hover    {background-position:-768px bottom;}
#menu .links:hover    {background-position:-864px bottom;}


/* Content */
#content-container{height:auto!important;min-height:370px;height:370px;}
#page-content{width:929px; height:auto!important;min-height:452px;height:452px;
	margin:0 auto; background:url(../images/page-bg.png) no-repeat;
}
#page-right{float:right; width:200px; margin:5px 5px 2em 0; background:#f5f5f5; }
#main-content{float:left; width:685px; margin:5px 0 2em 5px; padding:15px; height:auto!important;min-height:452px;height:452px; font-size:13px;}
#main-content .title, #calendar-content .title{color:#2f6e1f; font-size:18px; padding:8px; background:url(../images/title-bg.png) 0 bottom repeat-x; margin-bottom:1em; font-family:"微軟正黑體";}
#calendar-content{width:887px; margin:5px 0 2em 5px; padding:15px; height:auto!important;min-height:452px;height:452px; font-size:12px;}


/* Breadcrumb */
#breadcrumb{font-size:12px; color:#999; margin-bottom:.5em; text-align:right; line-height:18px;}
#breadcrumb strong{font-weight:normal;}


/* Tab */
.tab{overflow:hidden; width:100%; list-style:none; background:url(../images/bg_tab.gif) repeat-x left bottom; margin-bottom:1.5em;}
.tab li{float:left; _display:inline; margin-right:-1px; border:1px solid #ccc; font-size:13px; background:#f1f1f1; position:relative; z-index:1;}
.tab li a{_float:left; display:block; height:20px; padding:5px 30px 5px; color:#666; text-decoration:none;}
.tab li a:hover{color:#111; background:#fea610;}
.tab li.current{background:#fff; border:1px solid #9bb88b; border-bottom:1px solid #fff; z-index:2;}
.tab li.current a{color:#3a652e; font-weight:bold;}
.tab li.current a:hover{background:#fff; cursor:default;}


/* Search */
#search_block{font-size:13px; color:#333; background:#fff; padding:10px; border:0px solid #ddd;}
#search_block input[type=text]{background:#fff;}
#search_block input[type=submit], #search_block input[type=button]{width:60px; font-weight:normal; font-size:13px; background:#666; border:1px solid #555; color:#fff;}
#search_block input[type=submit]:hover, #search_block input[type=button]:hover{background:#ffde00; color:#111;border:1px solid #ffc000;}


/* Comm */
.full{color:#dd2424; font-weight:normal; padding:0 3px; font-size:15px;}
.required{color:#dd2424; font-weight:normal; font-size:11px; padding:0 3px;}
.explanation{color:#b47823; font-weight:normal; font-size:12px; padding:0 5px;}
.explanation a{color:#0b5fd0;}
.msg_info{background:#f8e6e6; border:1px solid #e7adad; padding:5px; color:#333;}
.msg_info_success{background:#e6f3f8; border:1px solid #addde7; padding:5px; color:#333;}
.note{padding:1em; background:#fffbf3; border:1px solid #eed9b4; margin:5px 0; color:#333;}
.note ol, .note ul{padding-left:2em; padding-bottom:1em;}
.note ol li, .note ul li{}
sup{vertical-align:.7em; font-size:11px;}


/* Right Block */
/* Login */
#right-login{color:#eee; font-size:12px; line-height:18px; padding-bottom:1.5em; background:#25511a}
#right-login h3{padding:13px 15px 13px; font-size:15px; color:#adc9a6;}
#right-login form{padding:0 18px;}
#right-login p{padding:10px 18px;}
#right-login a{color:#fff;}
#right-login input[type=text], #right-login input[type=password]{
	width:150px; padding:4px 4px; margin-bottom:10px; border:1px solid #1e4714; box-shadow:inset 0 1px 3px #777; }
#right-login input[type=password]{width:90px;}
#right-login input[type=submit]{
	-webkit-appearance:none; outline:none; border:none; 
	width:50px; background:#ffde00; 
	color:#111; font-weight:bold; font-size:12px;
	padding:5px 0;
	box-shadow:0 1px 3px #333;
	cursor:pointer;
}
/* News */
#right-news{}
#right-news h3{padding:13px 15px 5px 15px; font-size:15px; color:#333;}
#right-news ul{padding:0 13px 0;}
#right-news ul li{font-size:12px; list-style:none; line-height:18px; border-bottom:1px solid #ddd; padding:5px 0;}
#right-news ul li a{display:block; color:#266116;}
#right-news ul li time{color:#999; display:block; font-size:12px;}
#right-news ul li a:hover{text-decoration:none; color:#0b5fd0;}
/* Banners */
#right-links{background:#ddd;}
#right-links ul{margin:0 auto; list-style:none; padding:20px 0 20px; overflow:hidden;}
#right-links ul h4{font-size:13px; text-align:center; margin-top:5px;}
#right-links li{text-align:center; padding:0 19px 0;}
#right-links li img{width:158px; border:1px solid #e3e3e3;}
/* Right Block(e) */


/* Form */
input[type=text], input[type=password], input[type=email], input[type=tel], textarea{
	padding:4px;
	box-shadow:inset 0 1px 2px #ddd; -moz-box-shadow:inset 0 1px 2px #ddd; -webkit-box-shadow:inset 0 1px 2px #ddd;
	border:1px solid #bbb;
	background:#fff;
}
select{padding:3px;border:1px solid #bbb;}
select option{padding:3px; background:#fff;}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus, select:focus{
	outline:0;
	border:solid 1px #fea610; background:#fff;
	box-shadow:0 0 3px rgba(254,166,16,0.8), inset 0 1px 2px #ddd; 
	-moz-box-shadow:0 0 3px rgba(254,166,16,0.8), inset 0 1px 2px #ddd; 
	-webkit-box-shadow:0 0 3px rgba(254,166,16,0.8), inset 0 1px 2px #ddd;
	-ms-box-shadow:0 0 3px rgba(254,166,16,0.8), inset 0 1px 2px #ddd;
	webkit-appearance:none;
}


/* Buttons */
input[type=submit], input[type=button], input[type=reset], .buttons a, a.button{
	-webkit-appearance:none;
	display:inline-block;
	vertical-align:top;
	*display:inline;
    *zoom:1;
	background:#666;
	border:1px solid #555;
	color:#fff;
	font-weight:bold;
	font-size:15px;
	padding:5px;
	text-align:center;
	box-shadow:0 1px 2px #aaa; -moz-box-shadow:0 1px 2px #aaa; -webkit-box-shadow:0 1px 2px #aaa;
	cursor:pointer;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, .buttons a:hover, a.button:hover{
	background:#ffde00;
	color:#111;
	text-decoration:none;
	border:1px solid #ffc000;
}

.buttons{text-align:center;	padding-top:1em; padding-bottom:1em;}
.buttons input[type=submit], .buttons input[type=button], .buttons input[type=reset], .buttons a, a.button{
	padding:8px 25px;
}
.buttons .btn_yellow{background:#ffde00; color:#111; border:1px solid #f69b00;}


/* page */
.page{color:#333; font-size:12px; padding:3px; margin:14px 0px; text-align:center; line-height:28px;}
.page span a, .page span a:hover, .page .current, .page .disabled{
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; 
	padding:3px 4px; 
	margin:2px;
	box-shadow:0 1px 3px #ddd; -moz-box-shadow:0 1px 3px #ddd; -webkit-box-shadow:0 1px 3px #ddd;
	}
.page a{color:#266116; border:1px solid #9bb88b; cursor:pointer;}
.page a:hover{color:#111; background:#fea610; border:1px solid #e79200; text-decoration:none; }
.page .current{color:#266116; font-weight:bold; }
.page .disabled{color:#ccc; border:1px solid #ccc;}


/* Banners */
#homepage-links{
	background:#f5f5f5;
}
#homepage-links ul{
	box-sizing:border-box;
	width:1000px;
	margin:0 auto;
	padding:20px 10px 20px;
	list-style:none;
	overflow:hidden;
}
#homepage-links li.category{
	float:left;
	/* width:160px; height:70px; */
	box-sizing:border-box;
	text-align:center;
	padding:0;
	margin:0 8px;
	border:0px solid #ddd;
}
#homepage-links li img{
}


/* Footer */
footer{clear:both; background:url(../images/footer-bg.png) repeat-x #fff; height:98px;}
footer .tel{background:url(../images/footer_icon_tel.png) no-repeat; padding-left:20px;}
footer .fax{background:url(../images/footer_icon_fax.png) no-repeat; padding-left:20px;}
footer .email{background:url(../images/footer_icon_email.png) no-repeat; padding-left:20px;}
footer .add{background:url(../images/footer_icon_add.png) no-repeat; padding-left:20px;}
footer .copyright{width:960px; margin:0 auto; font-size:12px; text-align:center; padding-top:12px; padding-left:20px;}
footer .visitor{color:#333;}
footer a{color:#666;}