@charset "utf-8";
body {
	background:#CFE1AF;
	font-family:微軟正黑體;
	color:#333;
}
a:hover,.trans:hover {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}
a,.trans{
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
	text-decoration:none;}

.input1{
    -moz-box-sizing: border-box;
	box-sizing: border-box;
    border: 1px solid #FFF; 
/*	border:none;*/
/*    border-radius: 4px 4px 4px 4px;*/
    box-shadow: 0 1px 3px #DDDDDD inset;
/*    display: inline-block;*/
    font-size: 18px;
	font-family:微軟正黑體;
    padding: 0.5em 0.6em;
    transition: border 0.3s linear 0s;
	}
.input1:focus{
	border:#129fea 1px solid;}	
a{ color:#7a9D1E;}
.textlink{color:#7a9D1E; text-decoration:underline;}
a:hover,.textlink:hover{ color:#005f0b;}
/* Header	
-----------------------------------------------------------------------------*/
.header {
/*	margin-top:40px;*/
/*	border-bottom:#7A9D1E 1px solid;*/
}
/*--最上方按鈕-------------*/
.header-btn{
	/*float:right;*/
	overflow:auto;
	margin:0 auto;
	margin-top:12px;
	width:525px;
	}
.header-btn li{
	float:left;
	width:170px;
	line-height:35px;
	margin-left:5px;
	}
.header-btn li a{
	display:block;
	height:100%;
	width:110px;
	border-radius: 8px;
	color:#FFF;
	padding-left:60px;
	font-size:16px;
	}	
.header-btn li a.header-btn1{background:#81325c url(../images/index1/head-btn1.png) left no-repeat;}
.header-btn li a.header-btn2{background:#81325c url(../images/index1/head-btn2.png) left no-repeat;}
.header-btn li a.header-btn3{background:#81325c url(../images/index1/head-btn3.png) left no-repeat;}
.header-btn li a.header-btn1:hover{background:#E3C7D6 url(../images/index1/head-btn1.png) left no-repeat;}
.header-btn li a.header-btn2:hover{background:#E3C7D6 url(../images/index1/head-btn2.png) left no-repeat;}
.header-btn li a.header-btn3:hover{background:#E3C7D6 url(../images/index1/head-btn3.png) left no-repeat;}

/*------主圖------------*/
.header-pic{
	background:#FFF;
	/*border-bottom:15px solid #7A9D1E;*/
	border-top:3px solid #7A9D1E;
	/*margin-bottom:25px;*/
	}

/*------主導列選單------------*/
ul.header-nav{
	display:block;
	/*border-bottom:#7A9D1E 1px solid;*/
	background:#FFF;
/*	overflow:auto;*/
	position:relative;
	padding-top:10px;
	z-index:800;
    width:100%
	}
ul.header-nav > li{
	/*float:left;*/
	/*width:97px;*/
    width:1%;
    display:table-cell;
	line-height:40px;
	text-align:center;
	background:#81325c;
	border-left:1px solid #E3C7D6;
	position:relative;
	z-index:900;
    white-space:nowrap;
	}
ul.header-nav ul{
	display:none;
	border:2px solid #E3C7D6;
	border-top:none;
	z-index:999;
	}
ul.header-nav li:hover > ul{
	display:block;
	position:absolute;
	top:40px;
	left:0;
	z-index:999;
	background:#f6eef2;	
	}
ul.header-nav li ul li {
	min-width:140px;
	}
ul.header-nav li  ul li a{
	color:#333;
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
	text-align:left;
	font-size:16px;
	/*min-width:195px;*/
	}
ul.header-nav li a{
	display:block;
	/*width:100%;
	height:100%;*/
	color:#FFF;
	font-size:16px;
	
	}
ul.header-nav li a:hover{
	background:#E3C7D6;
	/*color:#FFF;*/
	}
.menu-main{
	display:block;
	background:#FFF;
	background:#81325c;
	width:98px;
	line-height:54px;
	text-align:center;
	color:#FFF;
	font-size:16px;z-index: 100;}
.menu-main:hover{background:#E3C7D6; color:#FFF;}
a.menu-sub{
	display:block;
	min-width:182px;
	background:#E3C7D6;
	background:#f6eef2;	
	font-size:20px;
	line-height:30px;
	color:#333;
	padding-left:10px;
	/*text-align:center;*/
/*	border-left:6px solid #E3C7D6 !important;*/
	/*border-right:1px solid #E3C7D6;}*/
	overflow: visible;
	}

a.menu-sub:hover{
	background:#FFF;
	background:#E3C7D6;
	color:#333;
	}
	
.Menu1_0, .Menu2_0, .ctl00_Menu1_0, .ctl00_Menu2_0{
	border:2px solid #E3C7D6;
	border-top:none;
	}

/*----------首頁選單-----------*/
ul.index-nav{
	display:block;
	}
ul.index-nav li{
	width:246px;
	line-height:48px;
	margin-bottom:5px;
	border-left:9px solid #005f0b;
	}
ul.index-nav li a{
	display:block;
	width:216px;
	height:100%;
	color:#FFF;
	font-size:20px;
	border-radius:0 8px 8px 0;
	background:#7A9D1E;
	padding-left:30px;

	}
ul.index-nav li a:hover{
	background: #005f0b;
	/*color:#FFF;*/
	}

/*---------登入區塊------------*/
.login-block{
	padding:15px 15px 50px 24px;
	background:#f2f5ce;
	/*text-align:center;*/
	border-left:9px solid #005f0b;
	border-radius:0 8px 8px 0;
	margin-top:25px;
	}
.login-block h1{
	font-size:22px;
	line-height:50px;
	font-weight:normal;
	text-align:center;
	margin:0 0 15px 0;
	}
.login-block input{
	margin-bottom:10px;
	border:#ccc 1px solid;
	}
input.input-id{padding-left:36px; background: url(../images/index1/input-id.png) no-repeat left #FFF;width:200px;	display:block;}
input.input-password{padding-left:36px; background: url(../images/index1/input-password.png) no-repeat left #FFF;width:200px;	display:block;}
.btn-green{
	display:block;
	background:#7A9D1E;
	color:#FFF !important;
	line-height:32px;
	width:200px;
	text-align:center;
	text-decoration:none;
	border-radius:4px;
	margin-top:10px;
	}
.btn-green:hover{background: #005f0b;}

/*-------------相簿-------------*/
.album{
	padding:15px;
	background:#f2f5ce;
	border-radius:15px;
	position:relative;
	}
.album-text{
    background: url("../images/index1/header-nav-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0px;
    color: #FFFFFF;
    padding: 10px 40px;
    position: absolute;
	width:535px;
	font-size:24px;
	}
	
/*------------------------公告區----------------------*/	

.boards{
	margin:45px 0;
	position:relative;
	padding-bottom:30px;
	}
.board-title{
	display:block;
	padding-left:50px;
	line-height:56px;
	color:#005f0b;
	border-bottom:2px solid #005f0b;
	font-size:22px;
	font-weight:bold;
	}
.icon-01 {background:url(../images/index1/icon01.png) left no-repeat;}
.icon-02 {background:url(../images/index1/icon02.png) left no-repeat;}
.icon-03 {background:url(../images/index1/icon03.png) left no-repeat;}

.board-list{}
.board-list li{
	margin:15px 0;}
.board-date{
	float:left;
	width:100px;
	color:#005f0b;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	margin:10px 10px 0 0;
	}
.board-text{
	display:block;
	/*margin-left:120px;*/
	margin:10px 0 10px 10px;
	font-size:18px;
	color:#333;
	line-height:24px;
	width:525px;}
.board-text:hover{color:#7a9D1E; text-decoration:underline;}
.btn-more{
	display:block;
	background:#7a9d1e;
	border-radius:4px;
	color:#FFF !important;
	text-align:center;
	width:60px;
	line-height:21px;
	font-size:16px;
	position:absolute;
	right:0;
	bottom:0;
	}
.btn-more:hover{background: #005f0b;}

.btn-logout{
	display:block;
	background:#7a9d1e;
	border-radius:4px;
	color:#FFF !important;
	text-align:center;
	width:60px;
	line-height:21px;
	font-size:16px;
	margin-top:8px;
	}
.btn-logout:hover{background: #005f0b;}

/*------footer-----*/
.footer p{
	font-size:14px;
	line-height:18px;
	text-align:center;
	}
.footer p span{
	color:Purple;
}
/*------------------內頁--------------------*/
.page{
	padding:0 40px 40px;}
.page td {padding: 5px 5px 5px 5px;}
	
.title{
	/*display:block;*/
	/*min-width:196px;*/
	float:left;
	line-height:48px;
	margin-bottom:5px;
	/*border-left:9px solid #005f0b;*/
	color:#FFF;
	font-size:20px;
	border-radius:8px;
	background:#7A9D1E;

	padding:0 30px !important;
	
	}
	
/*--------------------------連結區-------------------------------------*/

.link-banner{
	background:#f2f5ce;
	border:5px solid #f2f5ce;
	border-radius:8px;
	margin-top:25px;
	width:240px;
	margin-left:5px;
	}
.link-banner img{
	border-radius:8px;
	}
.eng {
    margin:6px 0;
    display:block;
    float:right;
    text-align:right;
    padding:8px;
    border-radius:8px;
    background:#81325c;
    color:#FFF;
}
.eng:hover{
    background:#E3C7D6;
    color:#FFF;
}