/* ===================================== */
/* 嘉義縣製茶葉職業工會區塊css */
/* ===================================== */



/*全站共用樣式*/
:root {
	--primary_color:#01803D;                    /*全站主色色碼*/
	--second_color:#F2F9F5;                  /*全站第二色碼*/
	--third_color:#f2b652;                    /*全站第三色碼*/
	--fourth_color:#DCF2FF;                   /*全站第四色碼*/
	--fifth_color:#CCE9D8;                    /*全站第五色碼*/
	--sixth_color:linear-gradient(140deg, #f9f3cd 0%, #f2dea0 100%);                    /*全站第六色碼*/
}






/*/////////////////////////////////////////////////////////*/
/*-------首頁關於我們--------*/
/*/////////////////////////////////////////////////////////*/
.index_aboutBg{
	position: relative;
	padding: 125px 0;
	margin-bottom: 75px;
	overflow: hidden;
}
.index_aboutBg::before{
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	/* background-repeat: repeat-x;
	background-size: cover;
	background-position: top center; */
	width: 78%;

	background-repeat: repeat;
    background-size: 600px;
    background-position: top right;

	height: 100%;
	background-image: linear-gradient(120deg, #f2f9f5 0%, rgba(242 249 245 / 60%) 50%, rgba(242 249 245 / 40%) 90% , #fff0 100%), url(../index/images/decorate.webp);
	opacity: 0.2;

	/* background-attachment: fixed; */
	/* height: calc(100vw  * 0.66); */

	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	background-image: url(../index/images/decorate.webp);
}




/*/////////////////////////////////////////////////////////*/
/*-------職業訓練--------*/
/*/////////////////////////////////////////////////////////*/


.index_trainingBg{
}
.index_trainingBg::after{
	background: var(--sixth_color);
}




/*/////////////////////////////////////////////////////////*/
/*-------相簿--------*/
/*/////////////////////////////////////////////////////////*/

.index_photoBg{
	position: relative;
}
	.index_photoBg::after{
		position: absolute;
		content: "";
		right: 0;
		bottom: 0;
		background-repeat: repeat;
		/* background-size: 80%; */
		background-size: 600px;
		background-position: top center;
		width: 100%;
		height: 100%;
		background-image: linear-gradient(to top, #f2f9f5 0%, rgba(242 249 245 / 60%) 50%, rgba(242 249 245 / 40%) 90% , #fff0 100%), url(../index/images/decorate.webp);
		opacity: 0.3;
		/* background-attachment: fixed; */
		/* height: calc(100vw  * 0.66); */

		
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center bottom;
		background-image: url(../index/images/decorate.webp);
	}