@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------- index */

.itemright li{
	background-image:url(../img/list_square_index_green.png);
	}

.itemphoto, .itemphoto_02{
	background-color:#8ecf57;
	}

.itemphoto:hover{
	background-color:#ffa32c;
	}

.itemright li a{
	color:#50a44e}

.noticeleft li{
	background:url(../img/list_square_green.png) -10px -2px no-repeat;)   
	}

.noticetitle{
	color:#8fab52;
	}
	
.noticetitleen{
	color:#b0ca78;
	}
	
.banner_bg{
	float:left;
	width:100%;
	background-color:#f4f9e3;
	}
	
.bannernumber a{
	color:#9eb963;
	border:#b0ca78 1px sold;
	}
	
.bannernumber a:hover{
	background-color:#b0ca78;
	}



#menu{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7fb200+0,5f9b0c+100 */
	background: #8ab259; /* Old browsers */
	background: -moz-linear-gradient(top,  #a6cd70 0%, #7ea74b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #a6cd70 0%,#7ea74b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #a6cd70 0%,#7ea74b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6cd70', endColorstr='#7ea74b',GradientType=0 ); /* IE6-9 */
}

#menu_construction{
	width:100%;
	height:48px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7fb200+0,5f9b0c+100 */
	background: #8ab259; /* Old browsers */
	background: -moz-linear-gradient(top,  #a6cd70 0%, #7ea74b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #a6cd70 0%,#7ea74b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #a6cd70 0%,#7ea74b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6cd70', endColorstr='#7ea74b',GradientType=0 ); /* IE6-9 */
}


#nav ul li:hover, #nav_ind ul li:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,cdeb8b+100 */
	background: #fcfffb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfffb 0%, #d0f0bb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fcfffb 0%,#d0f0bb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fcfffb 0%,#d0f0bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfffb', endColorstr='#d0f0bb',GradientType=0 ); /* IE6-9 */

}


.path{
	background-image:url(../img/pathbg_green.png);
	}
	
/*----------------------------------------------------- index buttom icon */

.slides li a{
	background-color:#ffad2c;
	}

.slides li a:hover{
	color:#50a44e;
	background-color:#8ecf57;
	}

/*----------------------------------------------------- 左側功能選單 */

	
.features{
	list-style-type: none;
	border-bottom:#cef2c8 10px solid;
	}
	
	
.features .ti{
	background-color:#86b666;	
	border-bottom:#c9c9c9 1px solid;
	}

.features .ti:hover{
	color:#fffbb8;
	text-decoration:none;
	}
	

.features .ti2{	
    background:url(../img/list_square_green_ind.png) no-repeat;
	border-bottom:#c9c9c9 1px solid;

	}
	
.features .ti2:hover{
	color:#178e00;;
	background:url(../img/list_square_ho_ind.png) no-repeat;
	text-decoration:none;
	}


.features .item {
    background:url(../img/ltem_list_green.png) no-repeat;
	border-bottom:#c9c9c9 1px solid;
	}
	
.features .item:hover{
	color:#178e00;
	text-decoration:none;
	background:url(../img/ltem_list_green_ho.png) no-repeat;
	}

	
/*----------------------------------------------------- 右側表格選單 */

.pagecontent .txt{	
	color:#178e00;
	font-size:1.1em;
	margin:16px auto;
	width:95%;
}
	
.pagecontent .title{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a0c63f+0,80af3a+100 */
	background: #91c57b; /* Old browsers */
	background: -moz-linear-gradient(top,  #91c57b 0%, #91c57b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #91c57b 0%,#91c57b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #91c57b 0%,#91c57b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

	
.pagecontent .fillingitem{
	font-size:1.2em;
	color:#178e00;
	}


.pagecontent .title_1{	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7bc2e9+0,53b6ed+100 */
    background: #91c57b; /* Old browsers */
    background: -moz-linear-gradient(top,  #91c57b 0%, #91c57b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #91c57b 0%,#91c57b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #91c57b 0%,#91c57b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	
.css_td_1bg{
	background:#91c57b;      
  } 	


@media only screen and (max-width: 768px) {
	
#menu_construction{
	margin-top:61px;
	margin-bottom:-60px;	
}


}